.app-logo-icon {
  height: 32px;
  width: 118px;
  position: relative;
}
.crm {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.chevron-down-icon {
  height: 12px;
  width: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.menumenu-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-9xs);
  gap: var(--gap-5xs);
}
.crm1 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  min-width: 104px;
}
.menumenu-item1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-9xs);
}
.crm2 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  min-width: 64px;
  white-space: nowrap;
}
.main-menumenu,
.menumenu,
.menumenu-item2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.menumenu-item2 {
  align-items: center;
  padding: var(--padding-5xs) var(--padding-9xs);
}
.main-menumenu,
.menumenu {
  max-width: 100%;
}
.main-menumenu {
  flex: 1;
  align-items: flex-start;
  gap: var(--gap-5xl);
}
.menumenu {
  width: 538px;
  align-items: center;
  padding: var(--padding-mini) 0;
  box-sizing: border-box;
  gap: 80px;
}
.zoom-search-icon {
  height: var(--semantic-other-icons-icon-md);
  width: var(--semantic-other-icons-icon-md);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button {
  border-radius: var(--semantic-other-radius-radius-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs);
}
.ua {
  flex: 1;
  font-weight: 600;
  min-width: 24px;
}
.en,
.separator,
.ua {
  position: relative;
  line-height: 20px;
  display: inline-block;
}
.separator {
  font-family: var(--font-rubik);
  min-width: 4px;
}
.en {
  flex: 1;
  font-weight: 600;
  color: var(--semantic-colors-surfaces-surface4);
  min-width: 22px;
}
.button2,
.switch {
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
}
.switch {
  margin: 0;
  width: 66px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 0;
  box-sizing: border-box;
  gap: var(--gap-5xs);
  text-align: left;
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--semantic-colors-basic-primary);
}
.button2 {
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 24px;
  font-weight: 600;
  color: var(--ash-gray-0);
  text-align: center;
  display: inline-block;
  min-width: 124px;
}
.button1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) var(--padding-xl);
  background-color: var(--semantic-colors-basic-primary);
  border-radius: var(--semantic-other-radius-radius-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.button1:hover {
  background-color: #4d70de;
}
.menumenu1 {
  justify-content: flex-end;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.header,
.menumenu-parent,
.menumenu1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.menumenu-parent {
  width: 1276px;
  justify-content: space-between;
  max-width: 1612px;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--semantic-colors-content-tertiary-content);
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
}

.div {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 60px;
}
.inner-container-icon {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.content-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.crm3 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  color: var(--ash-gray-6);
  display: inline-block;
  min-width: 34px;
}
.main-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  font-family: var(--font-montserrat);
}
.crm4,
.crm5 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
}
.crm5 {
  z-index: 1;
  margin: 0 0 0-370px;
}
.c-r-m-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.div1 {
  position: relative;
  font-size: var(--mobile-labels-label-l-mobile-size);
  line-height: 24px;
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
  display: inline-block;
  max-width: 100%;
}
.c-r-m-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  max-width: 100%;
}
.div2,
.div3 {
  position: relative;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 129px;
}
.div3 {
  color: #d94a32;
  min-width: 67px;
}
.remove {
  align-self: stretch;
  border-bottom: 1px solid var(--ash-gray-2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 var(--padding-lg);
  gap: var(--gap-xl);
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
}
.div4,
.icon {
  position: relative;
}
.div4 {
  line-height: 24px;
  font-weight: 500;
}
.icon {
  width: 24px;
  height: 24px;
}
.p,
.p1 {
  margin: 0;
}
.div5 {
  position: relative;
  line-height: 18px;
  font-weight: 600;
}
.content-bool {
  flex: 0.7474;
  border-radius: var(--br-9xs);
  background-color: var(--brandeis-blue-0);
  border: 1px solid var(--new-color-second-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) 26px;
  gap: var(--gap-5xs);
}
.service-page-content {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div6 {
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 18px;
  font-weight: 500;
  font-family: var(--font-montserrat);
  color: var(--text-1);
  text-align: left;
  display: inline-block;
  min-width: 95px;
}
.content1 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-lgi) var(--padding-sm);
  background-color: var(--ash-gray-0);
  flex: 1;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.content1:hover,
.content2:hover,
.content3:hover,
.content4:hover,
.content5:hover {
  background-color: var(--color-gainsboro-100);
  border: 1px solid var(--color-lightgray);
  box-sizing: border-box;
}
.tabs1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.b2b,
.frame {
  position: relative;
}
.frame {
  margin: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.b2b {
  font-size: var(--font-size-smi);
  line-height: 18px;
  font-weight: 500;
  font-family: var(--font-montserrat);
  color: var(--text-1);
  text-align: left;
  display: inline-block;
  min-width: 87px;
}
.content2 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-lgi) var(--padding-lg);
  background-color: var(--ash-gray-0);
  flex: 1;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.content-child {
  width: 24px;
  height: 24px;
  position: relative;
}
.horeca {
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 18px;
  font-weight: 500;
  font-family: var(--font-montserrat);
  color: var(--text-1);
  text-align: left;
  display: inline-block;
  min-width: 48px;
}
.content3 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-lgi) 37px;
  background-color: var(--ash-gray-0);
  flex: 0.5632;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.tabs2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.frame-icon {
  width: 25px;
  height: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div7 {
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 18px;
  font-weight: 500;
  font-family: var(--font-montserrat);
  color: var(--text-1);
  text-align: left;
  display: inline-block;
  min-width: 95px;
}
.content4 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-lgi) var(--padding-sm);
  background-color: var(--ash-gray-0);
  flex: 1;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.frame-icon1 {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div8 {
  position: relative;
  font-size: var(--font-size-smi);
  line-height: 18px;
  font-weight: 500;
  font-family: var(--font-montserrat);
  color: var(--text-1);
  text-align: left;
  display: inline-block;
  min-width: 34px;
}
.content5 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-lgi) var(--padding-25xl);
  background-color: var(--ash-gray-0);
  flex: 0.3684;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.item-filter,
.tabs,
.tabs3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tabs3 {
  flex-direction: row;
  gap: var(--gap-xs);
}
.item-filter,
.tabs {
  flex-direction: column;
}
.tabs {
  gap: var(--gap-xs);
  text-align: center;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  color: var(--new-color-second-blue);
  font-family: var(--font-montserrat);
}
.item-filter {
  border-radius: var(--br-9xs);
  gap: var(--gap-base);
}
.div9 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  min-width: 61px;
}
.currency-content-icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.content6 {
  cursor: pointer;
  border: 1px solid var(--new-color-second-blue);
  padding: var(--padding-7xs) var(--padding-10xl);
  background-color: var(--brandeis-blue-0);
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frame-icon2 {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.content7 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-7xs) var(--padding-10xl);
  background-color: var(--ash-gray-0);
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frame-icon3 {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.content8 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-7xs) var(--padding-10xl);
  background-color: var(--ash-gray-0);
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item-filter1,
.tabs4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.item-filter1 {
  border-radius: var(--br-9xs);
  flex-direction: column;
  gap: var(--gap-base);
}
.div10 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.slider-icon {
  align-self: stretch;
  height: 16px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.price {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 6px;
}
.price-inputs {
  flex: 0.2653;
  border-radius: var(--br-9xs);
  border: 1px solid var(--ash-gray-2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-7xs) 54px;
}
.price1,
.price2 {
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.price1 {
  line-height: 16px;
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
  color: var(--ash-gray-8);
  min-width: 7px;
}
.price2 {
  line-height: 20px;
  min-width: 25px;
}
.price-inputs1 {
  flex: 1;
  border-radius: var(--br-9xs);
  border: 1px solid var(--ash-gray-2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-7xs) 45px;
}
.item-filter2,
.number-fields {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.number-fields {
  flex-direction: row;
  align-items: center;
  gap: var(--gap-xs);
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  font-family: var(--font-montserrat);
}
.item-filter2 {
  border-radius: var(--br-9xs);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
}
.div11 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.checkbox-active-icon {
  height: 20px;
  width: 20px;
  position: relative;
}
.item-filter3 {
  align-self: stretch;
  border-radius: var(--br-9xs);
  border-bottom: 1px solid var(--ash-gray-2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 var(--padding-lg);
  gap: var(--gap-xl);
}
.div12 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.frame-icon4 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.filter,
.item-filter4 {
  border-radius: var(--br-9xs);
  display: flex;
}
.item-filter4 {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-xl);
  color: var(--new-color-3);
}
.filter {
  width: 304px;
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-lg) var(--padding-lgi) var(--padding-11xl);
  gap: var(--gap-13xl);
}
.div13 {
  width: 140px;
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-roboto-flex);
  color: var(--ash-gray-0);
  text-align: center;
  display: inline-block;
}
.integrator-header,
.integrator-header .label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.integrator-header .label {
  cursor: pointer;
  border: 0;
  padding: var(--padding-9xs) var(--padding-base);
  background-color: var(--new-color-10);
  border-radius: 0 var(--br-9xs) 0 var(--br-9xs);
  justify-content: flex-start;
  white-space: nowrap;
}
.integrator-header .label:hover {
  background-color: #cc6630;
}
.integrator-header {
  align-self: stretch;
  justify-content: flex-end;
}
.div14 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label1 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33.5px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
}
.integrator-card-logo,
.rubicon {
  border-radius: var(--br-981xl);
}
.rubicon {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo {
  width: 100px;
  height: 100px;
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  padding: var(--padding-xs) var(--padding-2xs);
}
.integrator-card-logo,
.main-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.rubicon1 {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 600;
}
.star-icon,
.star-icon1,
.star-icon2,
.star-icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon5 {
  display: none;
}
.frame-icon5,
.star-icon4 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.stars-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.rating-stars-placeholder,
.rating-stars-placeholder1 {
  position: relative;
  line-height: 20px;
  display: inline-block;
  min-width: 21px;
}
.rating-stars-placeholder1 {
  color: var(--semantic-colors-surfaces-surface4);
  min-width: 17px;
}
.rate {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
}
.crm-,
.details {
  align-self: stretch;
}
.details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-9xs);
}
.crm- {
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  color: var(--semantic-colors-content-secondary-content);
}
.content9,
.details-parent,
.integrator-details {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.details-parent {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  /*min-width: 494px;*/
  text-align: left;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  color: var(--semantic-colors-content-primary-content);
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
}
.content9,
.integrator-details {
  flex-direction: row;
}
.content9 {
  flex: 1;
  flex-wrap: wrap;
  justify-content: left;
  position: relative;
  gap: var(--gap-9xl);
}
.integrator-details {
  width: 888px;
  justify-content: flex-start;
  padding: 0 0 var(--padding-base);
  box-sizing: border-box;
}
.div15,
.divider {
  position: relative;
}
.divider {
  align-self: stretch;
  height: 1px;
  background-color: var(--semantic-colors-surfaces-surface2);
  overflow: hidden;
  flex-shrink: 0;
}
.div15 {
  line-height: 16px;
  font-weight: 600;
}
.image-13-icon {
  position: absolute;
  height: 28.75%;
  width: 100%;
  top: 35.63%;
  right: 0;
  bottom: 35.63%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.uspacy {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.integrator-card-logo1 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.keycrm-icon {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo2 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.sendpulse-icon {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: cover;
}
.integrator-card-logo3 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.nethunt-crm-icon {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo4 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.zohocrm-icon {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: cover;
}
.integrator-card-logo5 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.pipedrive-icon {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: cover;
}
.integrator-card-logo6 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.microsoft-power-bi {
  width: 32px;
  height: 32px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo7,
.partner-integrator-card-logos {
  display: flex;
  justify-content: flex-start;
}
.integrator-card-logo7 {
  width: 40px;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-11xs) var(--padding-10xs);
}
.partner-integrator-card-logos {
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: var(--gap-5xs);
}
.integrations-header,
.integrations-list,
.integrator-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.integrations-header {
  gap: var(--gap-5xs);
}
.integrations-list,
.integrator-card {
  max-width: 100%;
}
.integrations-list {
  width: 888px;
  gap: var(--gap-base);
  text-align: left;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  color: var(--semantic-colors-content-primary-content);
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
}
.integrator-card {
  align-self: stretch;
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: #fff8f5;
  border: 1px solid var(--new-color-10);
  box-sizing: border-box;
  padding: 0 0 var(--padding-3xl) var(--padding-11xl);
  text-align: center;
  font-family: var(--font-rubik);
}
.image-13-icon1 {
  position: absolute;
  height: 28.68%;
  width: 100%;
  top: 35.53%;
  right: 0;
  bottom: 35.79%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.uspacy1 {
  height: 76px;
  width: 76px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.integrator-card-logo8 {
  cursor: pointer;
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: var(--ash-gray-0);
  width: 100px;
  border-radius: var(--semantic-other-radius-radius-base);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.perfectum-crmerp {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 600;
}
.star-icon5,
.star-icon6,
.star-icon7,
.star-icon8 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon6 {
  display: none;
}
.frame-icon6,
.star-icon9 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.rating-stars {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.div16,
.rating-separator {
  position: relative;
  line-height: 20px;
  display: inline-block;
  min-width: 9px;
}
.div16 {
  color: var(--semantic-colors-surfaces-surface4);
  min-width: 26px;
}
.rate1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
}
.price-wrapper-icon {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div17,
.div18 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  min-width: 59px;
}
.div18 {
  color: var(--semantic-colors-surfaces-surface4);
  min-width: 32px;
}
.price3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  font-size: var(--mobile-labels-label-l-mobile-size);
}
.details1,
.main-details1 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
}
.details1 {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: var(--padding-11xs) 0;
  box-sizing: border-box;
  min-width: 209px;
}
.main-details1 {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-start;
}
.div19 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label2 {
  width: 129px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--ash-gray-0);
  font-family: var(--font-rubik);
}
.creatio {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  color: var(--semantic-colors-content-secondary-content);
}
.content10,
.program-card {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.content10 {
  flex-direction: column;
  gap: var(--gap-xl);
}
.program-card {
  border-radius: var(--semantic-other-radius-radius-base);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--semantic-colors-surfaces-surface2);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-xl) var(--padding-mini);
  min-width: 303px;
  min-height: 248px;
}
.image-5-icon {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo9 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: transparent;
  width: 100px;
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100px;
}
.keycrm {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
  display: inline-block;
  min-width: 79px;
}
.star-icon10,
.star-icon11,
.star-icon12,
.star-icon13 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon7 {
  display: none;
}
.frame-icon7,
.star-icon14 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.rating-stars1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span {
  color: var(--ash-gray-6);
}
.rating-separator1 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.price-wrapper-icon1 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span1 {
  color: var(--ash-gray-6);
}
.div20 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details2,
.price4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details2 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div21 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label3 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div22 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label4 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio1 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card,
.company-cards,
.content11 {
  display: flex;
  justify-content: flex-start;
}
.content11 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
/*
.card,
.company-cards {
  max-width: 100%;
}
.card {
  flex: 0.9217;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
  font-size: var(--font-size-xs);
  color: var(--ash-gray-0);
  font-family: var(--font-montserrat);
}
.company-cards {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-xl);
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  color: var(--semantic-colors-content-primary-content);
  font-family: var(--mobile-paragraphs-paragraph-m-mobile);
}*/
.image-5-icon1 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo10 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: transparent;
  width: 100px;
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100px;
}
.keycrm1 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
  display: inline-block;
  min-width: 109px;
}
.frame-icon10,
.frame-icon11,
.frame-icon8,
.frame-icon9 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon12 {
  display: none;
}
.frame-icon12,
.frame-icon13 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span2 {
  color: var(--ash-gray-6);
}
.div23 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon14 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span3 {
  color: var(--ash-gray-6);
}
.div24 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details3,
.price5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details3 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div25 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label5 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div26 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label6 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio2 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card1,
.content12 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.content12 {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card1 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
  max-width: 100%;
}
.image-5-icon2 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo11 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: transparent;
  width: 100px;
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100px;
}
.keycrm2 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
  display: inline-block;
  min-width: 77px;
}
.frame-icon15,
.frame-icon16,
.frame-icon17,
.frame-icon18 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon19 {
  display: none;
}
.frame-icon19,
.frame-icon20 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-group {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span4 {
  color: var(--ash-gray-6);
}
.div27 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon21 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span5 {
  color: var(--ash-gray-6);
}
.div28 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details4,
.price6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details4 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div29 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label7 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div30 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label8 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio3 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card2,
.company-cards1,
.content13 {
  display: flex;
  justify-content: flex-start;
}
.content13 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card2,
.company-cards1 {
  max-width: 100%;
}
.card2 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
}
.company-cards1 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-xl);
}
.image-5-icon3 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo12 {
  width: 100px;
  border-radius: var(--br-9xs);
  border: 1px solid var(--ash-gray-2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-2xs);
  min-width: 100px;
}
.keycrm3 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
  display: inline-block;
  min-width: 68px;
}
.frame-icon22,
.frame-icon23,
.frame-icon24,
.frame-icon25 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon26 {
  display: none;
}
.frame-icon26,
.frame-icon27 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span6 {
  color: var(--ash-gray-6);
}
.div31 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate5 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon28 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span7 {
  color: var(--ash-gray-6);
}
.div32 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details5,
.price7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details5 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details5 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div33 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label9 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div34 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label10 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio4 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card3,
.content14 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.content14 {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card3 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
  max-width: 100%;
}
.image-5-icon4 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo13 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: transparent;
  width: 100px;
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100px;
}
.keycrm4 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
}
.frame-icon29,
.frame-icon30,
.frame-icon31,
.frame-icon32 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon33 {
  display: none;
}
.frame-icon33,
.frame-icon34 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span8 {
  color: var(--ash-gray-6);
}
.div35 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon35 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span9 {
  color: var(--ash-gray-6);
}
.div36 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details6,
.price8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details6 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
}
.div37 {
  width: 139px;
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--ash-gray-0);
  text-align: center;
  display: inline-block;
}
.label11 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-8xs) var(--padding-xs);
  background-color: var(--new-color-2);
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  white-space: nowrap;
  z-index: 1;
}
.label11:hover {
  background-color: #3382c2;
}
.div38 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label12 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--ash-gray-0);
  font-family: var(--font-rubik);
}
.creatio5 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card4,
.company-cards2,
.content15 {
  display: flex;
  justify-content: flex-start;
}
.content15 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card4,
.company-cards2 {
  max-width: 100%;
}
.card4 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.company-cards2 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-xl);
}
.image-5-icon5 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo14 {
  cursor: pointer;
  border: 1px solid var(--ash-gray-2);
  padding: var(--padding-3xs) var(--padding-2xs);
  background-color: transparent;
  width: 100px;
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100px;
}
.keycrm5 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
  display: inline-block;
  min-width: 66px;
}
.frame-icon36,
.frame-icon37,
.frame-icon38,
.frame-icon39 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon40 {
  display: none;
}
.frame-icon40,
.frame-icon41 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-parent1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span10 {
  color: var(--ash-gray-6);
}
.div39 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate7 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon42 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span11 {
  color: var(--ash-gray-6);
}
.div40 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details7,
.price9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details7 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details7 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div41 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label13 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div42 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label14 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio6 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card5,
.content16 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.content16 {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card5 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
  max-width: 100%;
}
.image-5-icon6 {
  width: 76px;
  height: 76px;
  position: relative;
  object-fit: contain;
}
.integrator-card-logo15 {
  width: 100px;
  border-radius: var(--br-9xs);
  border: 1px solid var(--ash-gray-2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-2xs);
  min-width: 100px;
}
.keycrm6 {
  position: relative;
  font-size: var(--mobile-headlines-headline-2-mobile-size);
  line-height: 28px;
  font-weight: 500;
  font-family: var(--font-rubik);
  color: var(--text-1);
}
.frame-icon43,
.frame-icon44,
.frame-icon45,
.frame-icon46 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-icon47 {
  display: none;
}
.frame-icon47,
.frame-icon48 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.frame-parent2 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.span12 {
  color: var(--ash-gray-6);
}
.div43 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.rate8 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon49 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.span13 {
  color: var(--ash-gray-6);
}
.div44 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 105px;
}
.details8,
.price10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.details8 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-9xs) var(--padding-93xl) var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 176px;
}
.main-details8 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--color-gray-100);
}
.div45 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label15 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-2);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-family: var(--font-rubik);
}
.div46 {
  position: relative;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.label16 {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  right: -33px;
  border-radius: 0 var(--br-9xs) 0 var(--br-5xs);
  background-color: var(--new-color-11);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-xs);
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  font-family: var(--font-rubik);
}
.creatio7 {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-2);
}
.card6,
.company-cards3,
.content17 {
  display: flex;
  justify-content: flex-start;
}
.content17 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--padding-12xs) 0 0;
  position: relative;
  gap: var(--gap-xl);
}
.card6,
.company-cards3 {
  max-width: 100%;
}
.card6 {
  flex: 1;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid var(--ash-gray-3);
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-3xl) var(--padding-13xl);
}
.company-cards3 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-xl);
}
.button-padding-icon,
.frame-icon50 {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-icon50 {
  height: 20px;
  width: 20px;
  display: none;
  min-height: 20px;
}
.button-padding-icon {
  width: 18px;
  height: 18px;
}
.button-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.button3 {
  cursor: pointer;
  border: 2px solid var(--new-color-3);
  padding: 13px var(--padding-xl);
  background-color: transparent;
  align-self: stretch;
  border-radius: var(--br-9xs);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-xs);
}
.c-r-m-details,
.company-list,
.filter-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.company-list {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xl);
  max-width: calc(100% - 324px);
  font-size: var(--font-size-xs);
  color: var(--ash-gray-0);
  font-family: var(--font-montserrat);
}
.c-r-m-details,
.filter-parent {
  align-self: stretch;
  max-width: 100%;
}
.filter-parent {
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
}
.c-r-m-details {
  flex-direction: column;
  gap: 29px;
  text-align: left;
  font-size: var(--font-size-13xl);
  color: var(--text-1);
}
.icon-arrow-pgntn {
  height: 22px;
  width: 22px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.next-symbol {
  position: relative;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 8px;
}
.btn {
  border-radius: var(--br-9xs);
  background-color: var(--new-color-3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 9px var(--padding-sm);
  color: var(--ash-gray-0);
}
.number-values {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 10px;
}
.btn1 {
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6xs) var(--padding-8xs);
}
.div47 {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 10px;
}
.btn2 {
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6xs) var(--padding-8xs);
}
.div48 {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 10px;
}
.btn3 {
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6xs) var(--padding-8xs);
}
.div49 {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 13px;
}
.btn4 {
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6xs) 3.5px;
  color: var(--a-dime-a-dozen-700);
}
.div50 {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 17px;
}
.btn5,
.page-numbers {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.btn5 {
  border-radius: var(--br-9xs);
  justify-content: center;
  padding: var(--padding-6xs) 1.5px;
}
.page-numbers {
  justify-content: flex-start;
  gap: var(--gap-base);
}
.icon-arrow-pgntn1 {
  height: 22px;
  width: 22px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-base) 0 0;
  gap: var(--gap-5xl);
}
.pagination-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 344px;
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--text-2);
}
.content-wrapper,
.main-content {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.content-wrapper {
  width: 1276px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 22px;
}
.main-content {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 337px;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  color: var(--new-colors);
  font-family: var(--font-rubik);
}
.crm6 {
  width: 364px;
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
}
.blank-line,
.crm7 {
  margin: 0;
}
.li {
  margin-bottom: 0;
}
.ul {
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.blank-line1,
.ul {
  margin: 0;
}
.li1 {
  margin-bottom: 0;
}
.ul1 {
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.blank-line2,
.ul1,
.ul2 {
  margin: 0;
}
.ul2 {
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.crm-container {
  align-self: stretch;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 140%;
  font-family: var(--font-montserrat);
}
.info-paragraph {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.crm8 {
  width: 364px;
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
}
.blank-line3,
.blank-line4,
.crm-1,
.crm9 {
  margin: 0;
}
.crm-b2b,
.crm-ecommerce-1 {
  margin-bottom: 0;
}
.crm-ecommerce- {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.crm-container1 {
  align-self: stretch;
  height: 180px;
  position: relative;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  line-height: 140%;
  font-family: var(--font-montserrat);
  display: inline-block;
}
.info-paragraph1 {
  width: 511px;
  gap: var(--gap-5xl);
}
.content-block,
.info-paragraph-parent,
.info-paragraph1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.info-paragraph-parent {
  align-self: stretch;
  gap: var(--gap-21xl);
  flex-shrink: 0;
}
.content-block {
  height: 193px;
  flex: 1;
  padding: 34px 0 0;
  box-sizing: border-box;
  min-width: 560px;
}
.seo-text-child {
  height: 193px;
  width: 8px;
  position: relative;
  border-radius: var(--br-9xs);
  background-color: #d9d9d9;
}
.seo-text,
.seo-text-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}
.seo-text {
  width: 952px;
  border-radius: var(--br-9xs);
  background-color: var(--ash-gray-0);
  border: 1px solid #d2daf5;
  overflow: hidden;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: var(--padding-3xs) var(--padding-xs) 171px var(--padding-25xl);
  gap: var(--gap-5xl);
}
.seo-text-wrapper {
  width: 1116px;
  padding: 0 var(--padding-xl) 56px;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--new-colors);
  font-family: var(--font-rubik);
}
.div51 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 89px;
}
.product-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.crm10 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 39px;
}
.product-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.erp {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 34px;
}
.product-items1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.project-management {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.product-items2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.lms {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 35px;
}
.menumenu2,
.product-items3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.menumenu2 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-base);
}
.finance {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 65px;
}
.other-products-menumenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.customer-support {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.other-products-menumenu1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.div52 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 42px;
}
.other-products-menumenu2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.content-columns,
.other-product-column,
.product-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.other-product-column {
  justify-content: center;
  gap: var(--gap-base);
}
.content-columns,
.product-list {
  justify-content: flex-start;
}
.product-list {
  padding: 0 126px 0 0;
  gap: var(--gap-base);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--text-2);
  font-family: var(--font-montserrat);
}
.content-columns {
  width: 195px;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-5xl);
}
.div53 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 125px;
}
.company-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.div54 {
  display: inline-block;
  min-width: 87px;
}
.div54,
.div55,
.div56,
.shelfy {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.company-column,
.company-links,
.menumenu3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.menumenu3 {
  justify-content: center;
  gap: var(--gap-base);
  max-width: 119%;
  flex-shrink: 0;
}
.company-column,
.company-links {
  justify-content: flex-start;
}
.company-links {
  align-self: stretch;
  padding: 0;
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--text-2);
  font-family: var(--font-montserrat);
}
.company-column {
  width: 275px;
  gap: var(--gap-5xl);
}
.div57 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 85px;
}
.contacts-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-lg);
  color: var(--text-1);
  font-family: var(--font-rubik);
}
.icon-placeholder {
  height: 21px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.p2,
.p3 {
  margin: 0;
}
.div58 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.contacts,
.email {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.email {
  flex-direction: row;
  gap: var(--gap-xs);
}
.contacts {
  flex-direction: column;
}
.icon-email {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.shelfygmailcom {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}
.email-address {
  border-bottom: 1px solid var(--ash-gray-7);
  flex-direction: row;
  align-items: flex-start;
}
.contacts1,
.email-address,
.email1 {
  display: flex;
  justify-content: flex-start;
}
.email1 {
  flex-direction: row;
  align-items: center;
  gap: var(--gap-xs);
}
.contacts1 {
  flex-direction: column;
  align-items: flex-start;
}
.fb-icon,
.inst-icon,
.linkedin-icon,
.telegram-icon {
  height: 32px;
  width: 32px;
  position: relative;
  min-height: 32px;
}
.social {
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.contacts-column,
.footer-content,
.social {
  display: flex;
  align-items: flex-start;
}
.contacts-column {
  width: 205px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  font-size: var(--mobile-labels-label-l-mobile-size);
  color: var(--ash-gray-9);
  font-family: var(--font-montserrat);
}
.footer-content {
  width: 1276px;
  border-bottom: 1px solid var(--ash-gray-2);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0 38px;
  gap: var(--gap-xl);
  max-width: 100%;
}
.all-rights-reserved {
  position: relative;
  line-height: 18px;
}
.ukraine-icon {
  height: 23px;
  width: 23px;
  position: relative;
}
.made-with-ukrainian {
  position: relative;
  line-height: 18px;
}
.copyright-block,
.ukr-caption {
  width: 261.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.copyright-block {
  width: 1276px;
  padding: 0 400px;
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
  font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
  color: var(--ash-gray-6);
  font-family: var(--font-montserrat);
}

.footer {
  align-self: stretch;
  background-color: var(--ash-gray-0);
  align-items: center;
  padding: 64px var(--padding-xl) 28px;
  gap: var(--gap-13xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--text-1);
  font-family: var(--font-rubik);
}
@media screen and (max-width: 1300px) {
  .main-content {
    padding-bottom: 219px;
    box-sizing: border-box;
  }
  .copyright-block {
    flex-wrap: wrap;
    padding-left: var(--padding-181xl);
    padding-right: var(--padding-181xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1125px) {
  .main-menumenu {
    display: none;
  }
  .menumenu {
    width: 198px;
  }
  .partner-integrator-card-logos {
    flex-wrap: wrap;
    /*padding-right: 280px;*/
    padding-right: 0;
    box-sizing: border-box;
  }
  .program-card {
    flex: 1;
    min-height: auto;
  }
  .card {
    /*flex: 1;*/
  }
  .company-cards,
  .company-cards1,
  .company-cards2,
  .company-cards3 {
    flex-wrap: wrap;
  }
  .company-list {
    max-width: 100%;
  }
  .main-content {
    padding-bottom: 142px;
    box-sizing: border-box;
  }
  .seo-text {
    padding-left: var(--padding-3xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 800px) {
  .menumenu {
    gap: var(--gap-21xl);
  }
  .switch {
    display: none;
  }
  .header {
    gap: 56px;
  }
  .crm4,
  .crm5 {
    font-size: var(--font-size-7xl);
    line-height: 33px;
  }
  .details-parent {
    /*min-width: 100%;*/
  }
  .pagination-wrapper {
    padding-left: 172px;
    box-sizing: border-box;
  }
  .main-content {
    padding-bottom: 92px;
    box-sizing: border-box;
  }
  .content-block {
    min-width: 100%;
  }
  .seo-text-child {
    width: 100%;
    height: 8px;
  }
  .footer-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .copyright-block {
    padding-left: var(--padding-81xl);
    padding-right: var(--padding-81xl);
    box-sizing: border-box;
  }
  .footer {
    gap: var(--gap-base);
    padding-top: 42px;
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .menumenu {
    gap: var(--gap-xl);
  }
  .menumenu1 {
    gap: var(--gap-base);
  }
  .header {
    gap: var(--gap-9xl);
  }
  .crm4,
  .crm5 {
    font-size: var(--font-size-lgi);
    line-height: 25px;
  }
  .filter {
    gap: var(--gap-base);
  }
  .rubicon1 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .partner-integrator-card-logos {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .perfectum-crmerp {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .main-details1 {
    flex-wrap: wrap;
  }
  .program-card {
    gap: var(--gap-base);
  }
  .image-5-icon {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo9 {
    flex: 1;
  }
  .keycrm {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details2 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details2 {
    flex-wrap: wrap;
  }
  .card {
    gap: var(--gap-base);
  }
  .image-5-icon1 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo10 {
    flex: 1;
  }
  .keycrm1 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details3 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details3 {
    flex-wrap: wrap;
  }
  .card1 {
    gap: var(--gap-base);
  }
  .image-5-icon2 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo11 {
    flex: 1;
  }
  .keycrm2 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details4 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details4 {
    flex-wrap: wrap;
  }
  .card2 {
    gap: var(--gap-base);
  }
  .image-5-icon3 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo12 {
    flex: 1;
  }
  .keycrm3 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details5 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details5 {
    flex-wrap: wrap;
  }
  .card3 {
    gap: var(--gap-base);
  }
  .image-5-icon4 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo13 {
    flex: 1;
  }
  .keycrm4 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .main-details6 {
    flex-wrap: wrap;
  }
  .card4 {
    gap: var(--gap-base);
  }
  .image-5-icon5 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo14 {
    flex: 1;
  }
  .keycrm5 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details7 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details7 {
    flex-wrap: wrap;
  }
  .card5 {
    gap: var(--gap-base);
  }
  .image-5-icon6 {
    align-self: stretch;
    width: auto;
  }
  .integrator-card-logo15 {
    flex: 1;
  }
  .keycrm6 {
    font-size: var(--mobile-labels-label-l-mobile-size);
    line-height: 22px;
  }
  .details8 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .main-details8 {
    flex-wrap: wrap;
  }
  .card6 {
    gap: var(--gap-base);
  }
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-wrapper {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .info-paragraph-parent {
    gap: var(--gap-xl);
  }
  .seo-text {
    padding-top: var(--padding-xl);
    padding-bottom: 111px;
    box-sizing: border-box;
  }
  .seo-text-wrapper {
    padding-bottom: 36px;
    box-sizing: border-box;
  }
  .product-list {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .company-links {
    gap: 131px;
  }
  .copyright-block {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}

.integrator-card {
  margin-bottom: 20px;
}