@keyframes slide-in-bottom {
  0% {
    transform: translateY(200px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jello-horizontal {
  0%,
  to {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.navbarlogo-icon {
  width: 160px;
  height: 56px;
  object-fit: cover;
  cursor: pointer;
}
.navbar-option-label {
  position: relative;
  font-size: var(--body2-size);
  line-height: 140%;
  font-family: var(--headline4);
  color: var(--content-contentprimary);
  text-align: center;
}
.menu4,
.navbar-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.navbar-option {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs);
  background-color: var(--button-gradient);
  border-radius: var(--br-9xs);
}
.navbar-option:hover {
  background-color: var(--background-backgroundtertiary);
}
.menu4 {
  flex: 1;
  gap: var(--gap-5xl);
}
.primary-button-label {
  width: 127px;
  position: relative;
  font-size: var(--body2-size);
  line-height: 135%;
  font-weight: 600;
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.primary-button {
  cursor: pointer;
  border: 0;
  padding: var(--inset-md) var(--inset-xl);
  background-color: var(--button-gradient);
  border-radius: var(--lg);
  background: linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
}
.primary-button:hover {
  background: linear-gradient(
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.15)
    ),
    linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
}
.vector-icon4 {
  width: 18px;
  position: relative;
  height: 12px;
}
.ichamburger4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-7xs) var(--padding-10xs);
  background-color: var(--button-gradient);
  height: 24px;
  width: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.buttonhamburgercontainer4 {
  justify-content: flex-start;
  gap: var(--gap-21xl);
}
.buttonhamburgercontainer4,
.navbarinnercontainer4,
.navbaroutercontainer3 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navbarinnercontainer4 {
  width: 1240px;
  justify-content: space-between;
}
.navbaroutercontainer3 {
  align-self: stretch;
  background-color: var(--background-backgroundprimary);
  border-bottom: 1px solid var(--border-separator);
  justify-content: center;
  padding: var(--padding-5xs) var(--inset-3xl);
  position: sticky;
  top: 0;
  z-index: 8;
}
.bannertitle2 {
  align-self: stretch;
  position: relative;
  line-height: 135%;
  font-weight: 600;
}
.bannerdisc2 {
  width: 100%;
  position: relative;
  font-size: var(--body3-size);
  line-height: 130%;
  font-weight: 500;
  display: inline-block;
  max-width: 900px;
}
.secondary-button-white1 {
  position: relative;
  font-size: var(--body2-size);
  line-height: 135%;
  font-weight: 600;
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: center;
}
.secondary-button-white {
  cursor: pointer;
  border: 1px solid var(--background-backgroundprimary);
  padding: var(--inset-md) var(--inset-xl);
  background-color: var(--button-gradient);
  border-radius: var(--lg);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.secondary-button-white:hover {
  background-color: var(--white-white-opacity1);
}
.primary-button-white1 {
  position: relative;
  font-size: var(--body2-size);
  line-height: 135%;
  font-weight: 600;
  font-family: var(--headline4);
  color: var(--content-contentprimary);
  text-align: center;
}
.primary-button-white {
  cursor: pointer;
  border: 1px solid var(--primary-linear-without-image);
  padding: var(--inset-md) var(--padding-base);
  background-color: var(--background-backgroundprimary);
  width: 165px;
  border-radius: var(--br-xs);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.primary-button-white:hover {
  background-color: var(--color-lavender-100);
}
.bannersectiontitlewrapper2,
.button-set-banner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.bannersectiontitlewrapper2 {
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-41xl) 0 0;
  gap: var(--gap-xl);
}
.video {
  width: 100%;
  border-radius: 17px;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  opacity: 0;
  max-width: 1000px;
}
.contactus-background2 .video.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.bannerinnercontainer2,
.contactus-background2,
.video {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bannerinnercontainer2 {
  width: 100%;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  max-width: 1380px;
}
.contactus-background2 {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-15xl) var(--padding-41xl);
  background-image: url(./public/contactus-background2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  z-index: 7;
  color: var(--background-backgroundprimary);
}
.solutions-subitle,
.solutions-title {
  align-self: stretch;
  position: relative;
  line-height: 52px;
}
.solutions-subitle {
  font-size: var(--font-size-xl);
  line-height: 123.5%;
  font-weight: 300;
}
.solutions-title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  max-width: 1240px;
}
.solutions-card-title {
  position: relative;
  line-height: 125%;
}
.right-arrow-icon {
  width: 9px;
  position: relative;
  height: 18px;
}
.solutions-title-container1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.with-instant-answers {
  font-weight: 500;
}
.solution-card-description-container {
  align-self: stretch;
  position: relative;
  font-size: var(--button-2-size);
  line-height: 125%;
}
.real-time-qa {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 125%;
  font-weight: 500;
}
.keyword-capsule {
  border-radius: var(--br-77xl);
  background-color: var(--background-backgroundtertiary1);
  border: 1px solid var(--border-borderchips);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-5xs);
}
.keyword-capsules,
.solutions-card {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.keyword-capsules {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-7xs);
  font-size: var(--body7-size);
  color: var(--content-contentprimary);
}
.solutions-card {
  flex: 1;
  border-radius: var(--br-base);
  flex-direction: column;
  padding: var(--padding-xs) var(--padding-base);
  gap: var(--gap-xs);
  background-image: url(./public/solutions-card@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  cursor: pointer;
  color: var(--background-backgroundprimary);
}
.solution-card-description-container1 {
  align-self: stretch;
  position: relative;
  font-size: var(--button-2-size);
  line-height: 125%;
  color: var(--content-contentsecondary);
}
.keyword-capsules1,
.solutions-card1,
.solutions-cards-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.keyword-capsules1 {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-7xs);
  font-size: var(--body7-size);
}
.solutions-card1,
.solutions-cards-container {
  flex: 1;
  flex-direction: column;
}
.solutions-card1 {
  box-shadow: var(--card-shadow);
  border-radius: var(--br-base);
  background-color: var(--background-backgroundprimary);
  border: 1px solid var(--borderaccent);
  padding: var(--padding-xs) var(--padding-base);
  gap: var(--gap-xs);
  cursor: pointer;
}
.solutions-card1:hover {
  background-color: var(--color-lavender-100);
}
.solutions-cards-container {
  gap: var(--gap-base);
  max-width: 40%;
}
.solutions-gif-icon {
  align-self: stretch;
  border-radius: var(--br-base);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
  min-height: 280px;
  height: auto;
}
.keyword-capsules4 {
  width: 584px;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-7xs);
  font-size: var(--body7-size);
  color: var(--color-black);
}
.check-mark-icon {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.solutions-point-title {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 600;
}
.solutions-point-title-containe {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.solutions-point-subtitle {
  flex: 1;
  position: relative;
  line-height: 140%;
}
.solutions-point-subtitle-conta {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 var(--padding-13xl);
  font-size: var(--body2-size);
}
.solutions-point {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}
.solutions-point-subtitle1 {
  flex: 1;
  position: relative;
  line-height: 125%;
}
.solutions-description-points {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.primary-button1 {
  cursor: pointer;
  border: 0;
  padding: var(--inset-md) var(--inset-xl);
  background-color: var(--button-gradient);
  border-radius: var(--lg);
  background: linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
}
.primary-button1:hover {
  background: linear-gradient(
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.15)
    ),
    linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
}
.view-more-button-container {
  align-self: stretch;
  align-items: flex-end;
}
.solutions-description-containe,
.solutions-preview,
.view-more-button-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.solutions-description-containe {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-11xl);
}
.solutions-preview {
  flex: 1;
  align-items: center;
  gap: var(--gap-xl);
  font-size: var(--body3-size);
}
.solutions-container,
.solutionscomponent {
  width: 100%;
  display: flex;
  align-items: flex-start;
  max-width: 1240px;
}
.solutionscomponent {
  border-radius: var(--br-base);
  background-color: var(--background-backgroundprimary);
  border: 1px solid var(--background-backgroundtertiary1);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-xl) var(--padding-base);
  gap: var(--gap-21xl);
  text-align: left;
  font-size: var(--body5-size);
}
.solutions-container {
  flex-direction: column;
  justify-content: flex-start;
  gap: 22px;
  opacity: 0;
}
.solutions-container.animate {
  animation: 1s ease 0.3s 1 normal forwards fade-in-bottom;
}
.anchor-solutions-outer-contain {
  position: absolute;
  left: 0;
  top: -72px;
}
.solutions-outer-container {
  align-self: stretch;
  background: linear-gradient(
    -73.67deg,
    #f1e8fe,
    #ececfa 36.64%,
    #fff 66.93%,
    #f9fbfd 81.45%,
    #eeeafc
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-41xl) var(--padding-15xl);
  position: relative;
  z-index: 6;
  font-size: var(--headline4-size);
}
.stats-block-icon40 {
  width: 159px;
  height: 159px;
  border-radius: var(--br-xs);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.stats-block-icon40.animate,
.stats-block-icon41.animate,
.stats-block-icon42.animate,
.stats-block-icon43.animate {
  animation: 1s ease 0s 1 normal forwards jello-horizontal;
}
.left-top-icon-container4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-119xl) var(--padding-3xs)
    var(--padding-3xs);
}
.stats-block-icon41 {
  width: 214px;
  height: 214px;
  border-radius: var(--br-xs);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.left-middle-1st-icon-container4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-67xl) var(--padding-3xs) var(--padding-3xs);
}
.stats-block-icon42 {
  width: 122px;
  height: 122px;
  border-radius: var(--br-xs);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.left-middle-2nd-icon-container4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-128xl);
}
.left-middle-icons-container4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-3xs);
}
.stats-block-icon43 {
  width: 140px;
  height: 140px;
  border-radius: var(--br-xs);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.left-bottom-icon-container4,
.left-icons-container4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.left-bottom-icon-container4 {
  align-self: stretch;
  align-items: flex-end;
  padding: var(--padding-3xs) var(--padding-71xl) var(--padding-3xs)
    var(--padding-3xs);
}
.left-icons-container4 {
  flex: 1;
  align-items: flex-start;
  gap: var(--gap-27xl);
  max-width: 418px;
}
.stats-description9,
.stats-number9,
.stats-subtitle9 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
}
.stats-number9 {
  font-weight: 600;
}
.stats-description9,
.stats-subtitle9 {
  font-size: 60px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.stats-description9 {
  font-size: var(--body5-size);
  font-weight: 500;
  opacity: 0.8;
}
.stats-text-container9 {
  width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  opacity: 0;
  max-width: 600px;
}
/* .stats-text-container9.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
} */
.stats-block-icon44 {
  width: 131px;
  height: 131px;
  border-radius: var(--br-base);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.stats-block-icon44.animate,
.stats-block-icon45.animate,
.stats-block-icon46.animate,
.stats-block-icon47.animate {
  animation: 1s ease 0s 1 normal forwards jello-horizontal;
}
.right-top-icon-container4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-109xl) var(--padding-3xs)
    var(--padding-3xs);
}
.stats-block-icon45 {
  width: 158px;
  height: 158px;
  border-radius: var(--br-base);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.right-middle-1st-icon-containe4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-3xs) var(--padding-86xl);
}
.stats-block-icon46 {
  width: 112px;
  height: 112px;
  border-radius: var(--br-base);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.right-middle-2nd-icon-containe4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-118xl) var(--padding-3xs) var(--padding-3xs);
}
.right-middle-icons-container4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-21xl);
}
.stats-block-icon47 {
  width: 196px;
  height: 196px;
  border-radius: var(--br-base);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  opacity: 1;
}
.right-bottom-icon-container4,
.right-icons-container4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.right-bottom-icon-container4 {
  align-self: stretch;
  align-items: flex-end;
  padding: var(--padding-3xs) var(--padding-107xl) var(--padding-3xs)
    var(--padding-3xs);
}
.right-icons-container4 {
  flex: 1;
  align-items: flex-start;
  gap: var(--gap-27xl);
  max-width: 418px;
}
.stats-inner-container4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.stats-component5 {
  background: linear-gradient(
    90deg,
    #8aa3ff,
    #204fff 9.07%,
    #0137ff 20.18%,
    #8c34fb
  );
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-58xl);
}
.stats-component5,
.stats-component6,
.stats-container1 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.stats-component6 {
  background: linear-gradient(
    90deg,
    #8aa3ff,
    #204fff 9.07%,
    #0137ff 20.18%,
    #8c34fb
  );
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-58xl);
  margin-top: -1px;
}
.stats-container1 {
  background-color: var(--background-backgroundprimary);
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 5;
  font-size: var(--font-size-41xl);
  color: var(--background-backgroundprimary);
}
.testimonials-header {
  flex: 1;
  position: relative;
  line-height: 135%;
  font-weight: 600;
  display: inline-block;
  max-width: 40%;
}
.vector-icon5 {
  width: 111px;
  position: relative;
  height: 45px;
}
.testimonials-arrow {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19px 0;
}
.from-organizations-that {
  color: var(--content-contentprimary);
}
.testimonials-subheader {
  align-self: stretch;
  flex: 1;
  position: relative;
  font-size: var(--body3-size);
  line-height: 130%;
  display: flex;
  align-items: center;
  max-width: 400px;
  color: var(--background-backgroundsecondary2);
}
.testimonials-header-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-21xl);
}
.icon {
  width: 5.6px;
  position: relative;
  border-radius: var(--br-12xs);
  height: 12px;
  /* transform: rotate(-180deg); */
}
.previous-button {
  cursor: pointer;
  border: 1px solid var(--border-cardoutline);
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs)
    var(--padding-xs);
  background-color: var(--background-backgroundprimary);
  width: 34px;
  border-radius: var(--br-31xl);
  box-sizing: border-box;
  height: 34px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* transform: rotate(180deg); */
}
.previous-button:hover {
  background-color: var(--color-lavender-100);
}
.icon1 {
  width: 5.6px;
  position: relative;
  border-radius: var(--br-12xs);
  height: 12px;
  object-fit: contain;
  transform: rotate(-180deg);
}
.next-button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-xs) var(--padding-3xs)
    var(--padding-3xs);
  background-color: var(--button-gradient);
  width: 48px;
  border-radius: var(--br-31xl);
  background: linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
  height: 48px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  /* transform: rotate(180deg); */
}
.next-button:hover {
  background: linear-gradient(
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.15)
    ),
    linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
}
.navigation-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.navigation-container:hover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
}
.testimonial-image-icon {
  width: 70px;
  position: relative;
  border-radius: var(--br-81xl);
  height: 70px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.testimonial-name {
  align-self: stretch;
  position: relative;
  line-height: 130%;
}
.ceo-and-founder {
  margin: 0;
}
.testimonial-position {
  align-self: stretch;
  position: relative;
  font-size: var(--body3-size);
  line-height: 130%;
  font-weight: 500;
}
.testimonial-info,
.testimonial-info-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-info {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-9xs);
}
.testimonial-info-box {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xl);
}
.testimonial-text {
  align-self: stretch;
  position: relative;
  font-size: var(--body2-size);
  line-height: 140%;
  opacity: 0.8;
}
.tertimonial-card,
.testimonial-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.testimonial-inner {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.tertimonial-card {
  flex: 1;
  /* box-shadow: 54px 40px 88.3px -30px rgba(122, 72, 185, 0.2); */
  box-shadow: 40px 30px 60px -30px rgba(122, 72, 185, 0.25) !important;
  border-radius: var(--br-xl);
  background-color: var(--background-backgroundprimary);
  border: 1px solid var(--border-cardoutline);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: var(--padding-21xl) var(--padding-13xl);
  max-width: 489px;
  min-width: 43%;
  z-index: 2;
}
.testimonial-second-image {
  width: 60px;
  position: relative;
  border-radius: var(--br-81xl);
  height: 60px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.testimonial-second-name,
.testimonial-second-title-container {
  align-self: stretch;
  position: relative;
  line-height: 130%;
}
.testimonial-second-title-container {
  font-size: var(--button-2-size);
  font-weight: 500;
}
.testimonial-second-info-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.second-testimonial-text {
  align-self: stretch;
  flex: 1;
  position: relative;
  font-size: var(--button-2-size);
  line-height: 135%;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  opacity: 0.8;
}
.tertimonial-second-card,
.testimonial-second {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.testimonial-second {
  align-self: stretch;
  height: 214px;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.tertimonial-second-card {
  flex: 1;
  /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); */
  box-shadow: 4px 4px 8px 3px rgba(122, 72, 185, 0.15) !important;
  border-radius: var(--br-xl);
  background-color: var(--background-backgroundprimary);
  border: 1px solid var(--border-cardoutline);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15xl) var(--padding-9xl);
  opacity: 0.8;
  max-width: 379px;
  min-width: 33%;
  margin-top: 5%;
  z-index: 1;
  font-size: var(--body2-size);
}
.testimonial-third-image {
  width: 50px;
  position: relative;
  border-radius: var(--br-81xl);
  height: 50px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.testimonial-third-position-container {
  align-self: stretch;
  position: relative;
  font-size: var(--body7-size);
  line-height: 130%;
  font-weight: 500;
}
.testimonial-third-info-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.testimonial-third-text {
  align-self: stretch;
  flex: 1;
  position: relative;
  font-size: var(--body7-size);
  line-height: 135%;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  opacity: 0.8;
}
.testimonial-third-testimonial {
  align-self: stretch;
  height: 163px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.testimonial-third-card {
  flex: 1;
  border-radius: var(--br-xl);
  background-color: var(--background-backgroundprimary);
  border: 1px solid var(--border-cardoutline);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xl) var(--padding-5xl);
  opacity: 0.7;
  max-width: 306px;
  min-width: 30%;
  margin-top: 10%;
  z-index: 0;
  font-size: var(--button-2-size);
}
.testimonials-list {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 33px;
  clip-path: inset(0 1% -150px 0);
}
.position-dot,
.position-dot1 {
  width: 12px;
  position: relative;
  border-radius: var(--br-55xl);
  background-color: var(--background-backgroundsecondary2);
  height: 12px;
  overflow: hidden;
  flex-shrink: 0;
}
.position-dot1 {
  width: 10px;
  background-color: var(--background-backgroundtertiary1);
  border: 1px solid var(--background-backgroundsecondary2);
  box-sizing: border-box;
  height: 10px;
}
.cards-and-position-dots,
.position-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.cards-and-position-dots {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-21xl);
  z-index: 1;
}
.testimonials-cards-container {
  align-self: stretch;
  align-items: flex-end;
  position: relative;
  font-size: var(--font-size-xl);
}
.testimonials-block,
.testimonials-cards-container,
.testimonials-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.testimonials-container {
  width: 100%;
  align-items: flex-start;
  gap: var(--gap-61xl);
  opacity: 0;
  max-width: 1240px;
}
.testimonials-container.animate {
  animation: 1s ease 0.4s 1 normal forwards fade-in-bottom;
}
.testimonials-block {
  align-self: stretch;
  background: linear-gradient(
    -73.67deg,
    #f1e8fe,
    #ececfa 36.64%,
    #fff 66.93%,
    #f9fbfd 81.45%,
    #eeeafc
  );
  overflow: hidden;
  align-items: center;
  padding: var(--padding-61xl) var(--padding-15xl) var(--padding-41xl);
  z-index: 4;
  text-align: left;
}
.line-icon {
  width: 63.9px;
  position: relative;
  max-height: 100%;
}
.dotted-line-container {
  width: 64px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 65px);
  left: calc(50% + 147px);
  height: 33px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 0;
}
.line-icon1 {
  width: 337px;
  position: relative;
  height: 52px;
}
.dotted-line-container1 {
  width: 276px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 313px);
  left: calc(50% - 379px);
  height: 215px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 1;
}
.dotted-line-container-child {
  width: 331px;
  position: relative;
  height: 122px;
}
.dotted-line-container2 {
  width: 276px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% + 83px);
  left: calc(50% - 379px);
  height: 149px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
}
.line-icon2 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 125px;
  flex-shrink: 0;
}
.dotted-line-container3 {
  width: 169px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 293px);
  left: calc(50% + 39px);
  height: 149px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
}
.line-icon3 {
  width: 181px;
  position: relative;
  height: 45px;
  object-fit: contain;
}
.dotted-line-container4 {
  width: 182px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% + 157px);
  left: calc(50% + 26px);
  height: 79px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 4;
}
.icbenefits-icon5 {
  width: 40px;
  height: 40px;
}
.icon2 {
  box-shadow: var(--card-shadow);
  border-radius: var(--br-xs);
  background-color: var(--background-backgroundsecondary2);
  border: 1px solid var(--border-cardoutline);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs);
}
.efficiency-and-automation,
.insightally-automates-complex {
  align-self: stretch;
  position: relative;
  line-height: 130%;
}
.insightally-automates-complex {
  font-size: var(--body2-size);
  line-height: 140%;
  color: var(--content-contentsecondary);
}
.benefit,
.text12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.text12 {
  align-self: stretch;
}
.benefit {
  width: 240px;
}
.left-benefits-container,
.title {
  align-self: stretch;
  display: flex;
  justify-content: center;
}
.left-benefits-container {
  flex-direction: column;
  align-items: flex-start;
  gap: 129px;
  max-width: 240px;
  z-index: 5;
}
.title {
  flex: 1;
  position: relative;
  line-height: 48px;
  align-items: center;
}
.secondary-button-white2 {
  position: relative;
  font-size: var(--button-2-size);
  line-height: 135%;
  font-weight: 500;
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: center;
}
.explore-solutions-button {
  cursor: pointer;
  border: 1px solid var(--background-backgroundprimary);
  padding: var(--inset-md) var(--padding-base);
  background-color: var(--button-gradient);
  flex: 1;
  border-radius: var(--lg);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.explore-solutions-button:hover {
  background-color: var(--white-white-opacity1);
}
.primary-button-white2 {
  position: relative;
  font-size: var(--button-2-size);
  line-height: 135%;
  font-weight: 500;
  font-family: var(--headline4);
  color: var(--content-contentprimary);
  text-align: center;
}
.request-demo-button {
  cursor: pointer;
  border: 1px solid var(--primary-linear-without-image);
  padding: var(--inset-md) var(--padding-base);
  background-color: var(--background-backgroundprimary);
  flex: 1;
  border-radius: var(--br-xs);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.request-demo-button:hover {
  background-color: var(--color-lavender-100);
}
.button-set-banner1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.center-content,
.center-content-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.center-content {
  align-self: stretch;
  flex: 1;
  gap: var(--gap-3xs);
}
.center-content-container {
  width: 332px;
  border-radius: 24px;
  background: linear-gradient(
    90deg,
    #8aa3ff,
    #204fff 9.07%,
    #0137ff 20.18%,
    #8c34fb
  );
  height: 380px;
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-5xl) var(--padding-xs);
  box-sizing: border-box;
  z-index: 6;
  text-align: center;
  font-size: var(--headline3-size);
  color: var(--background-backgroundprimary);
}
.icbenefits-icon7 {
  width: 36px;
  height: 36px;
}
.benefit2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.icbenefits-icon8 {
  width: 36px;
  height: 38px;
}
.icbenefits-icon9 {
  width: 38px;
  height: 34px;
}
.right-benefits-container {
  align-self: stretch;
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  max-width: 240px;
  z-index: 7;
}
.benefitsectionoutercontainer1,
.main-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.main-container {
  flex-direction: row;
  gap: 54px;
  opacity: 0;
}
.contactus-background21.animate,
.main-container.animate {
  animation: 1s ease 0.4s 1 normal forwards fade-in-bottom;
}
.benefitsectionoutercontainer1 {
  align-self: stretch;
  background-color: var(--background-backgroundprimary);
  flex-direction: column;
  padding: var(--padding-41xl) var(--padding-15xl);
  z-index: 3;
  text-align: left;
  font-size: var(--body3-size);
}
.image-53-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xl);
  max-width: 30%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.whyinsightallysectiondisc1,
.whyinsightallysectiontitle1 {
  align-self: stretch;
  position: relative;
  line-height: 52px;
}
.whyinsightallysectiondisc1 {
  font-size: var(--body2-size);
  line-height: 140%;
}
.sectiontitlewrapper8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.icwhyinsightally-icon3 {
  width: 48px;
  border-radius: var(--br-xs);
  height: 48px;
}
.trusted-clarity2 {
  position: relative;
  line-height: 24px;
}
.whyinsightallycard3 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background: linear-gradient(
    92.54deg,
    rgba(255, 255, 255, 0.11),
    rgba(255, 255, 255, 0.25)
  );
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.icwhyinsightally-icon4 {
  width: 48px;
  border-radius: var(--br-xs);
  height: 48px;
}
.whyinsightallycards1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-xl);
  font-size: var(--body2-size);
}
.contactus-background21,
.why-choose-content-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-5xl);
}
.why-choose-content-container {
  flex: 1;
  justify-content: flex-start;
}
.contactus-background21 {
  width: 100%;
  border-radius: var(--br-13xl);
  background: linear-gradient(
    90deg,
    #8aa3ff,
    #204fff 9.07%,
    #0137ff 20.18%,
    #8c34fb
  );
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-13xl);
  box-sizing: border-box;
  opacity: 0;
  max-width: 1240px;
}
.whyinsightallysectionoutercont1 {
  align-self: stretch;
  background: linear-gradient(
    -73.67deg,
    #f1e8fe,
    #ececfa 36.64%,
    #fff 66.93%,
    #f9fbfd 81.45%,
    #eeeafc
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-41xl) var(--padding-13xl);
  position: relative;
  z-index: 2;
  text-align: left;
  font-size: var(--headline4-size);
  color: var(--background-backgroundprimary);
}
.contactusformtitle1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 135%;
  font-weight: 600;
  display: inline-block;
  min-height: 422px;
  z-index: 0;
}
.name1 {
  color: var(--background-backgroundprimary);
}
.span3 {
  color: var(--contenterror);
}
.inputfield7,
.label3 {
  font-family: var(--headline4);
  font-size: var(--body2-size);
  align-self: stretch;
}
.label3 {
  position: relative;
  line-height: 140%;
  text-align: left;
  display: inline-block;
  height: 25px;
  flex-shrink: 0;
  z-index: 0;
}
.inputfield7 {
  border: 0;
  outline: 0;
  background-color: var(--background-backgroundprimary);
  height: 48px;
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  color: var(--content-contentprimary);
  z-index: 1;
}
.frame-icon {
  width: 20px;
  position: relative;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.nameerror1 {
  position: relative;
  font-size: var(--body2-size);
  line-height: 140%;
  font-weight: 500;
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: left;
}
.error-container,
.inputfield6 {
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.error-container {
  margin: 0 !important;
  position: absolute;
  top: 81px;
  left: 0;
  border-radius: var(--br-5xs);
  flex-direction: row;
  align-items: center;
  padding: var(--padding-9xs) 0;
  z-index: 2;
}
.inputfield6 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.label5,
.nameerror2 {
  position: relative;
  font-size: var(--body2-size);
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: left;
}
.nameerror2 {
  line-height: 130%;
  font-weight: 500;
}
.label5 {
  align-self: stretch;
  line-height: 140%;
  display: inline-block;
  height: 25px;
  flex-shrink: 0;
}
.inputfield-parent,
.inputfield10,
.inputfield11 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.inputfield11 {
  border: 0;
  background-color: var(--background-backgroundprimary);
  font-family: var(--font-inter);
  font-size: var(--body2-size);
  outline: 0;
  flex: 1;
  border-radius: var(--br-5xs);
  flex-direction: row;
  padding: var(--padding-3xs);
  color: var(--content-contentprimary);
  resize: none;
}
.inputfield-parent,
.inputfield10 {
  flex-direction: column;
}
.inputfield10 {
  height: 150px;
  gap: var(--gap-9xs);
}
.inputfield-parent {
  gap: var(--gap-27xl);
}
.primary-button-white3 {
  cursor: pointer;
  border: 1px solid var(--primary-linear-without-image);
  padding: var(--inset-md) var(--padding-base);
  background-color: var(--background-backgroundprimary);
  width: 165px;
  border-radius: var(--br-xs);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.primary-button-white3:hover {
  background-color: var(--color-lavender-100);
}
.contactus-background22 {
  border-radius: var(--br-13xl);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-13xl);
  box-sizing: border-box;
  gap: 12px;
}
.contactus-background22 {
  width: 100%;
  box-shadow: var(--card-shadow);
  background: linear-gradient(
    -73.67deg,
    #f1e8fe,
    #ececfa 36.64%,
    #fff 66.93%,
    #f9fbfd 81.45%,
    #eeeafc
  );
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 1240px;
}
.contactusinnercontainer1,
.contactusoutercontainer1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.contactusinnercontainer1 {
  width: 100%;
  align-items: flex-start;
  padding: var(--padding-41xl) 0 0;
  box-sizing: border-box;
  opacity: 0;
  max-width: 1240px;
}
.contactusinnercontainer1.animate {
  animation: 1s ease 0.4s 1 normal forwards fade-in-bottom;
}
.contactusoutercontainer1 {
  align-self: stretch;
  background-color: var(--background-backgroundprimary);
  align-items: center;
  padding: var(--padding-81xl) var(--padding-15xl) var(--padding-41xl);
  z-index: 1;
  text-align: left;
}
.footerlogo-icon {
  width: 194px;
  height: 68px;
  object-fit: cover;
  cursor: pointer;
}
.footerlogocontainer4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 40px !important;
}
.footerlinkname32 {
  flex: 1;
  position: relative;
  font-size: var(--body2-size);
  line-height: 140%;
  font-family: var(--headline4);
  color: var(--content-contentprimary);
  text-align: left;
}
.footerlink32,
.footerlinkcolum8 {
  display: flex;
  justify-content: flex-start;
}
.footerlink32 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-9xs);
  background-color: var(--button-gradient);
  align-self: stretch;
  border-radius: var(--br-5xs);
  flex-direction: row;
  align-items: center;
}

.footerlinkcolum8 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
}
.icsocialmedia-icon16 {
  width: 24px;
  height: 24px;
}
.socilalink16,
.socilalink18 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--button-gradient);
  border-radius: var(--br-5xs);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.socilalink16 {
  align-self: stretch;
  display: flex;
}
.socilalink18 {
  width: 178.7px;
  display: none;
}
.footerlinkcolumsocial4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.footer-links4,
.logolinkscontainer4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.footer-links4 {
  flex: 1;
  justify-content: flex-start;
  gap: var(--gap-23xl);
}
.logolinkscontainer4 {
  justify-content: space-between;
}
.separator4 {
  align-self: stretch;
  background-color: var(--border-separator);
  height: 1px;
}
.copyright4 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}
.footerinnercontainer4,
.footeroutercontainer3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerinnercontainer4 {
  width: 100%;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  max-width: 1240px;
}
.footeroutercontainer3 {
  align-self: stretch;
  background: linear-gradient(
    -73.67deg,
    #f1e8fe,
    #ececfa 36.64%,
    #fff 66.93%,
    #f9fbfd 81.45%,
    #eeeafc
  );
  justify-content: center;
  padding: var(--padding-11xl) var(--padding-15xl);
  z-index: 0;
  font-size: var(--body2-size);
  color: var(--content-contentsecondary);
}
.ia-landing-page-revamped {
  width: 100%;
  position: relative;
  background-color: var(--background-backgroundprimary);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  font-size: var(--headline-1-size);
  color: var(--content-contentprimary);
  font-family: var(--headline4);
}
@media screen and (max-width: 1600px) and (min-width: 1367px) {
  .stats-number9 {
    font-size: var(--font-size-33xl);
  }
  .stats-subtitle9 {
    font-size: var(--font-size-13xl);
  }
  .stats-description9 {
    font-size: var(--font-size-xl);
  }
}
@media screen and (max-width: 1366px) and (min-width: 1280px) {
  .bannertitle2 {
    font-size: var(--font-size-25xl);
    line-height: 58px;
  }
  .solutions-title {
    font-size: var(--headline3-size);
  }
  .stats-block-icon40 {
    width: 120px;
    height: 120px;
  }
  .stats-block-icon41 {
    width: 160px;
    height: 160px;
  }
  .stats-block-icon42 {
    width: 80px;
    height: 80px;
  }
  .stats-block-icon43 {
    width: 100px;
    height: 100px;
  }
  .stats-number9 {
    font-size: var(--font-size-23xl);
  }
  .stats-subtitle9 {
    font-size: var(--headline2-size);
  }
  .stats-description9 {
    font-size: var(--body3-size);
  }
  .stats-block-icon44 {
    width: 100px;
    height: 100px;
  }
  .stats-block-icon45 {
    width: 120px;
    height: 120px;
  }
  .stats-block-icon46 {
    width: 70px;
    height: 70px;
  }
  .stats-block-icon47 {
    width: 120px;
    height: 120px;
  }
  .right-icons-container4 {
    gap: var(--gap-11xl);
  }
  .testimonials-header {
    font-size: var(--font-size-33xl);
  }
  .tertimonial-card {
    padding: var(--padding-13xl) var(--padding-5xl);
    box-sizing: border-box;
  }
  .tertimonial-second-card {
    padding: var(--padding-9xl) 22px;
    box-sizing: border-box;
  }
  .testimonial-third-card {
    padding: var(--padding-5xl) 18px;
    box-sizing: border-box;
  }
  .testimonials-list {
    gap: var(--gap-5xl);
  }
  .whyinsightallysectiontitle1 {
    font-size: var(--headline3-size);
  }
  .contactusformtitle1 {
    font-size: var(--font-size-21xl);
  }
}
@media screen and (max-width: 1281px) and (min-width: 961px) {
  .menu4 {
    display: flex;
  }
  .primary-button {
    display: flex;
  }
  .bannertitle2 {
    font-size: var(--font-size-21xl);
    line-height: 54px;
  }
  .solutions-title {
    font-size: var(--headline3-size);
  }
  .solutions-card-title {
    font-size: var(--title-3-strong-size);
  }
  .left-top-icon-container4 {
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }
  .left-bottom-icon-container4 {
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
  .left-icons-container4 {
    max-width: 300px;
  }
  .stats-number9 {
    font-size: var(--font-size-23xl);
  }
  .stats-subtitle9 {
    font-size: var(--headline1-size);
  }
  .stats-description9 {
    font-size: var(--body3-size);
  }
  .right-icons-container4 {
    max-width: 300px;
  }
  .stats-component5,
  .stats-component6 {
    padding-left: var(--padding-xl);
    padding-top: var(--padding-11xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .testimonials-header {
    font-size: 50px;
  }
  .testimonial-info-box {
    gap: var(--gap-xs);
  }
  .tertimonial-card {
    padding: 26px var(--padding-xl);
    box-sizing: border-box;
  }
  .testimonial-second-info-box {
    gap: var(--gap-xs);
  }
  .tertimonial-second-card {
    padding: var(--padding-5xl) var(--padding-xl);
    box-sizing: border-box;
  }
  .testimonial-third-info-box {
    gap: var(--gap-xs);
  }
  .testimonial-third-card {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
  }
  .testimonials-list {
    gap: var(--gap-xl);
  }
  .left-benefits-container {
    width: 220px;
  }
  .title {
    font-size: var(--font-size-15xl);
  }
  .right-benefits-container {
    width: 220px;
  }
  .whyinsightallysectiontitle1 {
    font-size: var(--font-size-15xl);
  }
  .contactusformtitle1 {
    font-size: var(--font-size-21xl);
  }
}
@media screen and (max-width: 1200px) {
  .logolinkscontainer4 {
    padding: var(--padding-21xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 960px) {
  .left-middle-1st-icon-container4 {
    padding-top: 35%;
    box-sizing: border-box;
  }
  .left-middle-2nd-icon-container4 {
    padding-right: 10%;
    padding-bottom: var(--padding-46xl);
    box-sizing: border-box;
  }
  .left-bottom-icon-container4 {
    padding-right: 32%;
    box-sizing: border-box;
  }
  .stats-inner-container4 {
    gap: var(--gap-41xl);
  }
  .footer-links4,
  .footerlogocontainer4 {
    flex: unset;
    align-self: stretch;
  }
  .logolinkscontainer4 {
    flex-direction: column;
    padding: var(--padding-21xl) var(--padding-5xl) var(--padding-11xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 960px) and (min-width: 601px) {
  .menu4 {
    display: none;
  }
  .ichamburger4,
  .primary-button {
    display: flex;
  }
  .bannertitle2 {
    font-size: var(--font-size-17xl);
  }
  .primary-button-white,
  .secondary-button-white {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .solutions-title {
    font-size: var(--font-size-15xl);
  }
  .solutions-subitle {
    font-size: var(--font-size-xl);
  }
  .solutions-card-title {
    font-size: var(--body3-size);
    width: auto;
    align-self: unset;
  }
  .right-arrow-icon {
    display: none;
  }
  .solutions-title-container1 {
    width: auto;
    align-self: unset;
  }
  .solution-card-description-container {
    display: none;
  }
  .keyword-capsule {
    width: auto;
    box-sizing: border-box;
  }
  .keyword-capsules {
    display: none;
  }
  .solutions-card {
    width: auto;
    align-self: unset;
    height: auto;
    gap: var(--gap-xs);
    border-radius: var(--br-5xs);
    padding: var(--padding-5xs) var(--padding-xs);
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .keyword-capsules1,
  .solution-card-description-container1 {
    display: none;
  }
  .solutions-card1 {
    width: auto;
    align-self: unset;
    gap: var(--gap-xs);
    border-radius: var(--br-5xs);
    padding: var(--padding-5xs) var(--padding-xs);
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .solutions-cards-container {
    flex-direction: row;
    padding-top: var(--padding-5xs);
    padding-right: 0;
    padding-bottom: var(--padding-5xs);
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    flex: unset;
    align-self: stretch;
  }
  .keyword-capsules4 {
    display: flex;
    flex-wrap: wrap;
  }
  .primary-button1 {
    display: flex;
  }
  .solutions-preview {
    flex: unset;
    align-self: stretch;
  }
  .solutionscomponent {
    flex-direction: column;
    gap: var(--gap-base);
    width: 100%;
    overflow: hidden;
  }
  .solutions-container {
    overflow: hidden;
  }
  .solutions-outer-container {
    gap: var(--gap-5xl);
    padding-top: var(--padding-21xl);
    padding-right: var(--padding-15xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
    overflow: hidden;
  }
  .stats-block-icon40 {
    width: 80px;
    height: 80px;
  }
  .left-top-icon-container4 {
    padding-right: 40%;
    box-sizing: border-box;
  }
  .stats-block-icon41 {
    width: 80px;
    height: 80px;
  }
  .left-middle-1st-icon-container4 {
    padding-left: var(--padding-21xl);
    padding-top: var(--padding-3xs);
    padding-right: 0;
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .stats-block-icon42 {
    width: 80px;
    height: 80px;
  }
  .left-middle-2nd-icon-container4 {
    padding: 0 var(--padding-41xl) var(--padding-3xs) var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .left-middle-icons-container4 {
    flex-direction: column;
    gap: var(--gap-21xl);
  }
  .stats-block-icon43 {
    width: 80px;
    height: 80px;
  }
  .left-bottom-icon-container4 {
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
  .left-icons-container4 {
    gap: var(--gap-21xl);
    max-width: 120px;
    position: absolute;
    left: 20px;
  }
  .stats-number9 {
    font-size: var(--font-size-21xl);
  }
  .stats-subtitle9 {
    font-size: var(--headline2-size);
  }
  .stats-description9 {
    font-size: var(--body3-size);
  }
  .stats-text-container9 {
    max-width: 80%;
  }
  .stats-block-icon44 {
    width: 80px;
    height: 80px;
  }
  .right-top-icon-container4 {
    padding-left: 0;
    padding-right: 30%;
    box-sizing: border-box;
  }
  .stats-block-icon45 {
    width: 80px;
    height: 80px;
  }
  .right-middle-1st-icon-containe4 {
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: var(--padding-3xs);
    padding-right: 45%;
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .stats-block-icon46 {
    width: 80px;
    height: 80px;
  }
  .right-middle-2nd-icon-containe4 {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 45%;
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .right-middle-icons-container4 {
    flex-direction: column;
  }
  .stats-block-icon47 {
    width: 80px;
    height: 80px;
  }
  .right-bottom-icon-container4 {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 10%;
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .right-icons-container4 {
    gap: var(--gap-21xl);
    max-width: 120px;
    position: absolute;
    right: 20px;
  }
  .stats-inner-container4 {
    gap: var(--gap-0);
    align-items: center;
    justify-content: center;
    padding-left: var(--padding-5xl);
    padding-top: 0;
    padding-right: var(--padding-5xl);
    box-sizing: border-box;
    position: relative;
  }
  .stats-component5,
  .stats-component6 {
    padding: var(--padding-21xl) var(--padding-15xl);
    box-sizing: border-box;
    min-height: 600px;
    overflow: hidden;
  }
  .testimonials-header {
    font-size: var(--font-size-17xl);
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .vector-icon5 {
    width: 73px;
    height: 29px;
  }
  .testimonials-arrow {
    transform: rotate(-270deg);
    order: 3;
  }
  .testimonials-subheader {
    font-size: var(--body2-size);
    flex: unset;
    align-self: stretch;
  }
  .testimonials-header-container {
    flex-direction: column;
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .tertimonial-card,
  .tertimonial-second-card {
    padding: var(--padding-5xl) var(--padding-xl);
    box-sizing: border-box;
    min-width: 54%;
    flex: 1;
  }
  .tertimonial-second-card {
    background-color: rgba(255, 255, 255, 0.8);
    padding: var(--padding-xl) var(--padding-base);
    min-width: 40%;
    margin-top: 10%;
  }
  .testimonial-third-card {
    /* display: none; */
  }
  .testimonials-list {
    flex-direction: row;
    gap: var(--gap-5xl);
    clip-path: inset(0 1% -150px 0);
  }
  .testimonials-cards-container {
    gap: var(--gap-base);
    align-items: center;
    justify-content: flex-start;
  }
  .testimonials-container {
    gap: var(--gap-5xl);
  }
  .testimonials-block {
    padding: var(--padding-21xl) var(--padding-xl);
    box-sizing: border-box;
  }
  .dotted-line-container1,
  .dotted-line-container2,
  .dotted-line-container3,
  .dotted-line-container4 {
    display: none;
  }
  .benefit {
    width: 100%;
  }
  .left-benefits-container {
    width: 100%;
    height: auto;
    flex-direction: row;
    gap: var(--gap-21xl);
    padding-left: var(--padding-base);
    padding-top: 0;
    padding-right: var(--padding-base);
    box-sizing: border-box;
    max-width: 1000px;
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .title {
    text-align: left;
    height: auto;
  }
  .explore-solutions-button,
  .request-demo-button {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .center-content {
    gap: var(--gap-xl);
  }
  .center-content-container {
    align-self: stretch;
    width: auto;
    height: auto;
    border-radius: var(--br-base) var(--br-base) 0 0;
    padding: var(--padding-13xl) var(--padding-base) var(--padding-base);
    box-sizing: border-box;
  }
  .benefit2 {
    width: 100%;
  }
  .right-benefits-container {
    width: 100%;
    height: auto;
    flex-direction: row;
    padding-left: var(--padding-base);
    padding-top: 0;
    padding-right: var(--padding-base);
    box-sizing: border-box;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    order: 3;
  }
  .main-container {
    align-self: stretch;
    width: auto;
    flex-direction: column;
    gap: var(--gap-5xl);
    border-radius: var(--br-base);
    padding: 0 0 var(--padding-base);
    box-sizing: border-box;
    border: 1px solid var(--background-backgroundsecondary2);
  }
  .benefitsectionoutercontainer1 {
    gap: var(--gap-5xl);
    padding-top: var(--padding-21xl);
    padding-right: var(--padding-15xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .image-53-icon {
    max-width: 50%;
  }
  .whyinsightallysectiontitle1 {
    font-size: var(--font-size-15xl);
    width: 100%;
  }
  .whyinsightallysectiondisc1 {
    width: 100%;
  }
  .sectiontitlewrapper8 {
    width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .whyinsightallycard3 {
    width: 100%;
  }
  .whyinsightallycards1 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    flex: unset;
    align-self: stretch;
  }
  .why-choose-content-container {
    flex-direction: column;
    width: 100%;
  }
  .contactus-background21 {
    flex-direction: row;
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
  .whyinsightallysectionoutercont1 {
    padding-top: var(--padding-21xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .contactusformtitle1 {
    font-size: var(--font-size-17xl);
    min-height: 10px;
    flex: unset;
    align-self: stretch;
  }
  .primary-button-white3 {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .contactusform1 {
    align-self: stretch;
    width: auto;
    min-width: 20px;
    max-width: 1000px;
    position: unset;
  }
  .contactus-background22 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: var(--padding-23xl);
    box-sizing: border-box;
    min-height: 482px;
    padding-right: var(--padding-13xl);
    display: flex;
  }
  .contactusinnercontainer1 {
    padding-top: 0;
    box-sizing: border-box;
  }
  .contactusoutercontainer1 {
    gap: var(--gap-5xl);
    padding-top: var(--padding-21xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .footeroutercontainer3,
  .logolinkscontainer4 {
    gap: var(--gap-xl);
  }
}
@media screen and (max-width: 600px) and (min-width: 298px) {
  .menu4,
  .primary-button {
    display: none;
  }
  .ichamburger4 {
    display: flex;
  }
  .bannertitle2 {
    font-size: var(--font-size-13xl);
  }
  .primary-button-white,
  .secondary-button-white {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .video {
    border-radius: var(--br-xs);
  }
  .contactus-background2 {
    padding: var(--padding-17xl) var(--padding-base);
    box-sizing: border-box;
  }
  .solutions-title {
    font-size: var(--title-3-strong-size);
  }
  .solutions-subitle {
    font-size: var(--body2-size);
  }
  .solutions-card-title {
    font-size: var(--body3-size);
  }
  .right-arrow-icon {
    display: none;
  }
  .solutions-title-container1 {
    width: auto;
    align-self: unset;
  }
  .solution-card-description-container {
    display: none;
  }
  .keyword-capsule {
    width: auto;
    box-sizing: border-box;
  }
  .keyword-capsules {
    display: none;
  }
  .solutions-card {
    width: auto;
    align-self: unset;
    height: auto;
    border-radius: var(--br-5xs);
    padding: var(--padding-5xs);
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .keyword-capsules1,
  .solution-card-description-container1 {
    display: none;
  }
  .solutions-card1 {
    width: auto;
    align-self: unset;
    border-radius: var(--br-xs);
    padding: var(--padding-5xs);
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .solutions-cards-container {
    height: auto;
    flex-direction: row;
    gap: var(--gap-5xs);
    padding-top: var(--padding-5xs);
    padding-right: 0;
    padding-bottom: var(--padding-5xs);
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    flex: unset;
    align-self: stretch;
  }
  .solutions-gif-icon {
    border-radius: var(--br-xs);
    min-height: 200px;
  }
  .keyword-capsules4 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .primary-button1 {
    display: flex;
  }
  .solutions-preview {
    gap: var(--gap-base);
    flex: unset;
    align-self: stretch;
  }
  .solutionscomponent {
    flex-direction: column;
    gap: var(--gap-xl);
    padding: var(--padding-base) var(--padding-xs);
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
  }
  .solutions-container {
    gap: var(--gap-base);
    overflow: hidden;
  }
  .solutions-outer-container {
    gap: var(--gap-xl);
    padding: var(--padding-17xl) var(--padding-base);
    box-sizing: border-box;
    overflow: hidden;
  }
  .stats-block-icon40 {
    width: 40px;
    height: 40px;
  }
  .left-top-icon-container4 {
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }
  .stats-block-icon41 {
    width: 40px;
    height: 40px;
  }
  .left-middle-1st-icon-container4 {
    padding-left: 30%;
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .stats-block-icon42 {
    width: 40px;
    height: 40px;
  }
  .left-middle-2nd-icon-container4 {
    padding: var(--padding-3xs) 30% var(--padding-3xs) var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .left-middle-icons-container4 {
    flex-direction: column;
    gap: var(--gap-xl);
    align-items: flex-end;
    justify-content: center;
  }
  .stats-block-icon43 {
    width: 40px;
    height: 40px;
  }
  .left-bottom-icon-container4 {
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .left-icons-container4 {
    gap: var(--gap-11xl);
    padding-left: var(--padding-5xl);
    box-sizing: border-box;
    max-width: 60px;
    position: absolute;
    left: 20px;
  }
  .stats-number9,
  .stats-subtitle9,
  .stats-number11,
  .stats-number12 {
    font-size: var(--title-3-strong-size);
  }
  .stats-subtitle9 {
    font-size: var(--title-3-strong-size);
  }
  .stats-description9 {
    font-size: var(--button-2-size);
  }
  .stats-text-container9 {
    max-width: 80%;
  }
  .stats-block-icon44 {
    width: 40px;
    height: 40px;
  }
  .right-top-icon-container4 {
    padding-right: 30%;
    box-sizing: border-box;
  }
  .stats-block-icon45 {
    width: 40px;
    height: 40px;
  }
  .right-middle-1st-icon-containe4 {
    padding-left: var(--padding-3xs);
    padding-right: 45%;
    padding-bottom: var(--padding-9xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .stats-block-icon46 {
    width: 40px;
    height: 40px;
  }
  .right-middle-2nd-icon-containe4 {
    padding-left: 45%;
    padding-top: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .right-middle-icons-container4 {
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .stats-block-icon47 {
    width: 40px;
    height: 40px;
  }
  .right-bottom-icon-container4 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .right-icons-container4 {
    gap: var(--gap-11xl);
    padding-right: var(--padding-5xl);
    box-sizing: border-box;
    max-width: 60px;
    position: absolute;
    right: 20px;
  }
  .stats-inner-container4 {
    gap: var(--gap-0);
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .stats-component5,
  .stats-component6 {
    padding: var(--padding-5xl) var(--padding-base);
    box-sizing: border-box;
    min-height: 400px;
  }
  .stats-container1 {
    padding-top: var(--padding-17xl);
    padding-bottom: var(--padding-17xl);
    box-sizing: border-box;
  }
  .testimonials-header {
    font-size: var(--font-size-13xl);
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .vector-icon5 {
    width: 57px;
    height: 23px;
  }
  .testimonials-arrow {
    transform: rotate(-270deg);
    order: 3;
  }
  .testimonials-subheader {
    font-size: var(--body2-size);
    flex: unset;
    align-self: stretch;
  }
  .testimonials-header-container {
    flex-direction: column;
    gap: var(--gap-xs);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .navigation-container {
    position: unset;
    top: 0;
    right: 0;
    order: 2;
  }
  .testimonial-image-icon {
    width: 60px;
    height: 60px;
  }
  .testimonial-name {
    font-size: var(--body3-size);
  }
  .testimonial-position {
    font-size: var(--button-2-size);
  }
  .testimonial-info-box {
    gap: var(--gap-xs);
  }
  .testimonial-text {
    font-size: var(--button-2-size);
  }
  .tertimonial-card {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
    max-width: 600px;
    min-width: 43%;
    flex: 1;
  }
  .tertimonial-second-card,
  .testimonial-third-card {
    display: none;
  }
  .testimonials-list {
    clip-path: inset(-100% -100% -100% -100%);
  }
  .cards-and-position-dots {
    gap: var(--gap-xl);
  }
  .testimonials-cards-container {
    gap: var(--gap-xl);
    align-items: center;
    justify-content: flex-start;
  }
  .testimonials-container {
    gap: var(--gap-5xs);
  }
  .testimonials-block {
    padding: var(--padding-17xl) var(--padding-base);
    box-sizing: border-box;
  }
  .dotted-line-container1,
  .dotted-line-container2,
  .dotted-line-container3,
  .dotted-line-container4 {
    display: none;
  }
  .efficiency-and-automation {
    font-size: var(--body2-size);
    text-align: center;
  }
  .insightally-automates-complex {
    font-size: var(--button-2-size);
    text-align: center;
  }
  .benefit {
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  .left-benefits-container {
    width: 100%;
    height: auto;
    gap: var(--gap-11xl);
    padding-left: var(--padding-5xs);
    padding-top: 0;
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
    max-width: 600px;
    order: 2;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .title {
    font-size: var(--title-3-strong-size);
    height: auto;
  }
  .explore-solutions-button,
  .request-demo-button {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .button-set-banner1 {
    flex-direction: column;
    gap: var(--gap-5xs);
    align-items: center;
  }
  .benefit2,
  .center-content,
  .center-content-container {
    align-items: center;
    justify-content: flex-start;
  }
  .center-content-container {
    align-self: stretch;
    width: auto;
    height: auto;
    border-radius: var(--br-base) var(--br-base) 0 0;
    padding-top: var(--padding-base);
    box-sizing: border-box;
  }
  .benefit2 {
    width: 100%;
  }
  .right-benefits-container {
    width: 100%;
    height: auto;
    flex-direction: row;
    padding-left: var(--padding-base);
    padding-top: 0;
    padding-right: var(--padding-base);
    box-sizing: border-box;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    order: 3;
  }
  .main-container {
    flex-direction: column;
    gap: var(--gap-base);
    border-radius: var(--br-base);
    padding-bottom: var(--padding-5xl);
    box-sizing: border-box;
    border: 1px solid var(--background-backgroundsecondary2);
  }
  .benefitsectionoutercontainer1 {
    padding: var(--padding-17xl) var(--padding-base);
    box-sizing: border-box;
  }
  .image-53-icon {
    border-radius: var(--br-xs);
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .whyinsightallysectiontitle1 {
    font-size: var(--font-size-15xl);
    line-height: 30px;
  }
  .sectiontitlewrapper8,
  .whyinsightallycards1 {
    flex: unset;
    align-self: stretch;
  }
  .why-choose-content-container {
    flex-direction: column;
    flex: unset;
    align-self: stretch;
  }
  .contactus-background21 {
    flex-direction: column;
    gap: var(--gap-xl);
    border-radius: var(--br-xs);
    padding: var(--padding-5xl) var(--padding-base);
    box-sizing: border-box;
  }
  .whyinsightallysectionoutercont1 {
    padding: var(--padding-17xl) var(--padding-base);
    box-sizing: border-box;
  }
  .contactusformtitle1 {
    font-size: var(--font-size-17xl);
    min-height: 10px;
    flex: unset;
    align-self: stretch;
  }
  .primary-button-white3 {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .contactusform1 {
    align-self: stretch;
    width: auto;
    min-width: 20px;
    max-width: 1000px;
    position: unset;
  }
  .contactus-background22 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: var(--padding-23xl);
    box-sizing: border-box;
    min-height: 482px;
    padding-right: var(--padding-13xl);
    display: flex;
  }
  .contactusinnercontainer1 {
    padding-top: 0;
    box-sizing: border-box;
  }
  .contactusoutercontainer1 {
    gap: var(--gap-5xl);
    padding-top: var(--padding-21xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .footeroutercontainer3,
  .logolinkscontainer4 {
    gap: var(--gap-xl);
  }
}
@media screen and (max-width: 420px) {
  .whyinsightallysectionoutercont1 {
    padding-top: var(--padding-17xl);
    padding-bottom: var(--padding-17xl);
    box-sizing: border-box;
  }
  .footerlinkcolum8 {
    margin-bottom: 40px !important;
  }
  .footerlinkcolum8,
  .footerlinkcolumsocial4 {
    flex: unset;
    align-self: stretch;
  }
  .footer-links4 {
    flex-direction: column;
  }
  .logolinkscontainer4 {
    padding: var(--padding-11xl) var(--padding-5xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 297px) and (min-width: 100px) {
  .menu4,
  .primary-button {
    display: none;
  }
  .ichamburger4 {
    display: flex;
  }
  .bannertitle2 {
    font-size: var(--title-3-strong-size);
    line-height: 30px;
  }
  .bannerdisc2 {
    font-size: var(--button-2-size);
  }
  .primary-button-white,
  .secondary-button-white {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .video {
    border-radius: var(--br-xs);
  }
  .contactus-background2 {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
  }
  .solutions-title {
    font-size: var(--font-size-xl);
  }
  .solutions-subitle {
    font-size: var(--button-2-size);
  }
  .solutions-card-title {
    font-size: var(--body2-size);
  }
  .right-arrow-icon {
    display: none;
  }
  .solutions-title-container1 {
    width: auto;
    align-self: unset;
  }
  .solution-card-description-container {
    display: none;
  }
  .keyword-capsule {
    width: auto;
    box-sizing: border-box;
  }
  .keyword-capsules {
    display: none;
  }
  .solutions-card {
    width: auto;
    align-self: unset;
    height: auto;
    gap: var(--gap-3xs);
    border-radius: var(--br-xs);
    padding: var(--padding-5xs);
    box-sizing: border-box;
  }
  .keyword-capsules1,
  .solution-card-description-container1 {
    display: none;
  }
  .solutions-card1 {
    width: auto;
    align-self: unset;
    gap: var(--gap-3xs);
    border-radius: var(--br-xs);
    padding: var(--padding-5xs);
    box-sizing: border-box;
  }
  .solutions-cards-container {
    flex-direction: row;
    gap: var(--gap-5xs);
    padding-top: var(--padding-5xs);
    padding-right: 0;
    padding-bottom: var(--padding-5xs);
    box-sizing: border-box;
    max-width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    flex: unset;
    align-self: stretch;
  }
  .solutions-gif-icon {
    border-radius: var(--br-xs);
    min-height: 180px;
  }
  .keyword-capsules4 {
    display: flex;
    flex-wrap: wrap;
  }
  .solutions-point-subtitle,
  .solutions-point-subtitle1,
  .solutions-point-title {
    font-size: var(--body3-size);
  }
  .primary-button1 {
    display: flex;
  }
  .solutions-preview {
    flex: unset;
    align-self: stretch;
  }
  .solutionscomponent {
    flex-direction: column;
    gap: var(--gap-base);
    padding: var(--padding-base) var(--padding-xs);
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
  }
  .solutions-container {
    overflow: hidden;
  }
  .solutions-outer-container {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
    overflow: hidden;
  }
  .stats-block-icon40 {
    width: 40px;
    height: 40px;
  }
  .left-top-icon-container4 {
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }
  .stats-block-icon41 {
    width: 40px;
    height: 40px;
  }
  .left-middle-1st-icon-container4 {
    padding-left: 30%;
    padding-top: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .stats-block-icon42 {
    width: 40px;
    height: 40px;
  }
  .left-middle-2nd-icon-container4 {
    padding-right: 30%;
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .left-middle-icons-container4 {
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .stats-block-icon43 {
    width: 40px;
    height: 40px;
  }
  .left-bottom-icon-container4 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .left-icons-container4 {
    gap: var(--gap-xl);
    padding-left: var(--padding-xl);
    box-sizing: border-box;
    position: absolute;
    left: 20px;
  }
  .stats-number9 {
    font-size: var(--font-size-xl);
  }
  .stats-subtitle9 {
    font-size: var(--body2-size);
  }
  .stats-description9 {
    font-size: var(--button-2-size);
  }
  .stats-block-icon44 {
    width: 40px;
    height: 40px;
  }
  .right-top-icon-container4 {
    padding-right: 30%;
    box-sizing: border-box;
  }
  .stats-block-icon45 {
    width: 40px;
    height: 40px;
  }
  .right-middle-1st-icon-containe4 {
    padding-top: var(--padding-3xs);
    padding-right: 45%;
    padding-bottom: var(--padding-3xs);
    box-sizing: border-box;
  }
  .stats-block-icon46 {
    width: 40px;
    height: 40px;
  }
  .right-middle-2nd-icon-containe4 {
    padding-left: 45%;
    padding-top: var(--padding-3xs);
    box-sizing: border-box;
  }
  .stats-block-icon47 {
    width: 40px;
    height: 40px;
  }
  .right-bottom-icon-container4 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .right-icons-container4 {
    gap: var(--gap-xl);
    padding-left: 0;
    padding-top: 0;
    padding-right: var(--padding-xl);
    box-sizing: border-box;
    position: absolute;
    right: 20px;
  }
  .stats-inner-container4 {
    align-items: center;
    justify-content: center;
  }
  .stats-component5,
  .stats-component6 {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
    min-height: 500px;
  }
  .testimonials-header {
    font-size: var(--title-3-strong-size);
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .vector-icon5 {
    width: 47px;
    height: 19px;
  }
  .testimonials-arrow {
    transform: rotate(-270deg);
    order: 3;
  }
  .testimonials-subheader {
    font-size: var(--button-2-size);
    flex: unset;
    align-self: stretch;
  }
  .testimonials-header-container {
    flex-direction: column;
    gap: var(--gap-5xs);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .navigation-container {
    position: unset;
    top: 0;
    right: 0;
    order: 2;
  }
  .testimonial-image-icon {
    width: 40px;
    height: 40px;
  }
  .testimonial-name {
    font-size: var(--body2-size);
  }
  .testimonial-position {
    font-size: var(--button-2-size);
  }
  .testimonial-info-box {
    gap: var(--gap-5xs);
  }
  .testimonial-text {
    font-size: var(--button-2-size);
  }
  .tertimonial-card {
    padding: var(--padding-base) var(--padding-xs);
    box-sizing: border-box;
  }
  .tertimonial-second-card,
  .testimonial-third-card {
    display: none;
  }
  .testimonials-list {
    clip-path: inset(-100% -100% -100% -100%);
  }
  .cards-and-position-dots,
  .testimonials-list {
    gap: var(--gap-base);
  }
  .testimonials-cards-container {
    gap: var(--gap-xl);
  }
  .testimonials-container {
    gap: var(--gap-xs);
  }
  .testimonials-block {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
  }
  .dotted-line-container1,
  .dotted-line-container2,
  .dotted-line-container3,
  .dotted-line-container4 {
    display: none;
  }
  .efficiency-and-automation {
    font-size: var(--body2-size);
    text-align: center;
  }
  .insightally-automates-complex {
    font-size: var(--button-2-size);
    text-align: center;
  }
  .benefit {
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  .left-benefits-container {
    width: 100%;
    height: auto;
    gap: var(--gap-5xl);
    padding-left: var(--padding-xs);
    padding-top: 0;
    padding-right: var(--padding-xs);
    box-sizing: border-box;
    max-width: 400px;
    order: 2;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .title {
    font-size: var(--font-size-xl);
  }
  .explore-solutions-button,
  .request-demo-button {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
    flex: unset;
    align-self: stretch;
  }
  .button-set-banner1 {
    flex-direction: column;
  }
  .center-content {
    height: auto;
  }
  .benefit2,
  .center-content,
  .center-content-container {
    align-items: center;
    justify-content: flex-start;
  }
  .center-content-container {
    align-self: stretch;
    width: auto;
    height: auto;
    border-radius: var(--br-xs) var(--br-xs) 0 0;
    padding-top: var(--padding-base);
    box-sizing: border-box;
    order: 1;
  }
  .benefit2 {
    width: 100%;
  }
  .right-benefits-container {
    width: 100%;
    height: auto;
    flex-direction: row;
    padding-left: var(--padding-base);
    padding-top: 0;
    padding-right: var(--padding-base);
    box-sizing: border-box;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    order: 3;
  }
  .main-container {
    flex-direction: column;
    gap: var(--gap-base);
    border-radius: var(--br-xs);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
    border: 1px solid var(--background-backgroundsecondary2);
  }
  .benefitsectionoutercontainer1 {
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
  }
  .image-53-icon {
    border-radius: var(--br-xs);
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .whyinsightallysectiontitle1 {
    font-size: var(--font-size-xl);
    line-height: 24px;
  }
  .sectiontitlewrapper8 {
    flex: unset;
    align-self: stretch;
  }
  .whyinsightallycard3 {
    flex-direction: column;
  }
  .icwhyinsightally-icon4 {
    align-items: center;
    justify-content: center;
  }
  .whyinsightallycards1 {
    flex: unset;
    align-self: stretch;
  }
  .why-choose-content-container {
    flex-direction: column;
    flex: unset;
    align-self: stretch;
  }
  .contactus-background21 {
    flex-direction: column;
    gap: var(--gap-xl);
    border-radius: var(--br-xs);
    padding: var(--padding-xl) var(--padding-base);
    box-sizing: border-box;
  }
  .whyinsightallysectionoutercont1 {
    padding: var(--padding-xl) var(--padding-5xs);
    box-sizing: border-box;
  }
  .contactusformtitle1 {
    font-size: var(--font-size-xl) !important;
    line-height: 24px;
    min-height: 10px;
    flex: unset;
    align-self: stretch;
  }
  .primary-button-white3 {
    display: flex;
    padding-left: var(--inset-md);
    padding-top: var(--inset-md);
    padding-right: var(--inset-md);
    box-sizing: border-box;
  }
  .contactus-background22,
  .contactusform1 {
    border-radius: var(--br-xs);
    box-sizing: border-box;
  }
  .contactusform1 {
    align-self: stretch;
    width: auto;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    min-width: 20px;
    max-width: 1000px;
    position: unset;
  }
  .contactus-background22 {
    flex-direction: column;
    padding: var(--padding-xl) var(--padding-base);
    min-height: 482px;
    padding-right: var(--padding-13xl);
    display: flex;
  }
  .contactusinnercontainer1 {
    padding-top: 0;
    box-sizing: border-box;
  }
  .contactusoutercontainer1 {
    padding: var(--padding-xl) var(--padding-5xs);
    box-sizing: border-box;
  }
  .logolinkscontainer4 {
    gap: var(--gap-xl);
  }
  .footeroutercontainer3 {
    padding-left: var(--padding-5xs);
    padding-right: var(--padding-5xs);
    box-sizing: border-box;
  }
  .ia-landing-page-revamped {
    overflow: hidden;
  }
}
.hamburgerlogo1 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--button-gradient);
  width: 126px;
  height: 44px;
  background-image: url(./public/hamburgerlogo@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.vector-icon8 {
  width: 16px;
  position: relative;
  height: 16px;
}
.hamburgerlogosection1,
.iccancel1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.iccancel1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-9xs);
  background-color: var(--button-gradient);
  overflow: hidden;
  justify-content: flex-start;
}
.hamburgerlogosection1 {
  align-self: stretch;
  justify-content: space-between;
}
.request-a-meeting1 {
  position: relative;
  font-size: var(--button-2-size);
  letter-spacing: 0.02em;
  line-height: 12px;
  text-transform: uppercase;
  font-family: var(--font-heebo);
  color: var(--color-gray-100);
  text-align: center;
}
.btn-arrow-icon1 {
  width: 24px;
  position: relative;
  height: 24px;
}
.btn-banner1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-sm) var(--padding-base);
  background-color: var(--color-mediumseagreen);
  width: 338px;
  border-radius: var(--br-6xs);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xs);
}
.navbar-option-label10 {
  position: relative;
  font-size: var(--body2-size);
  line-height: 140%;
  font-family: var(--headline4);
  color: var(--content-contentprimary);
  text-align: center;
}
.hamburgerlink6 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs);
  background-color: var(--button-gradient);
  align-self: stretch;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.primary-button-label3 {
  width: 127px;
  position: relative;
  font-size: var(--body2-size);
  line-height: 135%;
  font-weight: 600;
  font-family: var(--headline4);
  color: var(--background-backgroundprimary);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.hamburgerrequestbutton1 {
  cursor: pointer;
  border: 0;
  padding: var(--inset-md) var(--inset-xl);
  background-color: var(--button-gradient);
  border-radius: var(--lg);
  background: linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  width: fit-content;
}
.hamburger-insightally,
.menu7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.menu7 {
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-5xl);
}
.hamburger-insightally {
  width: 370px;
  height: 100%;
  position: relative;
  background-color: var(--background-backgroundprimary);
  justify-content: flex-start;
  padding: var(--padding-xl) var(--padding-base);
  box-sizing: border-box;
  gap: var(--gap-xl);
  min-width: 280px;
  max-width: 90%;
  overflow: auto;
}
.hamburger-insightally.animate {
  animation: 0.25s ease 0s 1 normal forwards slide-in-right;
}
@media screen and (max-width: 1920px) and (min-width: 1601px) {
  .hamburger-insightally {
    display: none;
  }
}
@media screen and (max-width: 1279px) and (min-width: 961px) {
  .hamburgerrequestbutton1,
  .menu7 {
    display: flex;
  }
}
@media screen and (max-width: 960px) and (min-width: 601px) {
  .hamburgerrequestbutton1,
  .menu7 {
    display: flex;
  }
}
@media screen and (max-width: 600px) and (min-width: 298px) {
  .hamburgerrequestbutton1,
  .menu7 {
    display: flex;
  }
}
@media screen and (max-width: 420px) {
  .request-a-meeting1 {
    font-size: var(--body7-size);
  }
  .btn-banner1 {
    gap: var(--gap-5xs);
    padding: var(--padding-3xs) var(--padding-5xs) var(--padding-3xs)
      var(--padding-xs);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 297px) and (min-width: 100px) {
  .hamburgerrequestbutton1,
  .menu7 {
    display: flex;
  }
}

/* Customer Carousel Section Styles */
.customer-carousel-section {
  background: linear-gradient(120deg, #f8f6ff 0%, #fff6f6 100%);
  padding: 64px 0 48px 0;
  width: 100%;
}
.customer-carousel-section h2 {
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 40px;
  color: #222;
}
.customer-carousel-maxwidth {
  max-width: 1240px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.customer-carousel-track {
  display: flex;
  gap: 32px;
  align-items: center;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 0 0 0 0;
  width: 100%;
}
.customer-logo-card {
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.customer-logo-card img {
  object-fit: contain;
}
.customer-logo-card:hover {
  box-shadow: 0 8px 32px 0 rgba(123, 92, 255, 0.12);
  border-color: #8c34fb;
}
.customer-carousel-section .navigation-container {
  position: absolute;
  right: 0;
  top: 0%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  gap: 12px;
}
@media (max-width: 900px) {
  .customer-carousel-section .navigation-container {
    top: -10px;
    right: 5%;
    display: flex !important;
  }
  .customer-carousel-section {
    padding: 32px 0 24px 0;
  }
  .customer-carousel-section h2 {
    font-size: 2.2rem;
  }
  .customer-carousel-maxwidth {
    max-width: 98vw;
    padding: 0 40px;
  }
  .navigation-container {
    right: 10%;
  }
}
@media (max-width: 600px) {
  .customer-carousel-section {
    padding: 32px 0 24px 0;
  }
  .customer-carousel-section h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .customer-carousel-maxwidth {
    flex-direction: column;
    align-items: stretch;
    padding: 0 30px;
  }
  .customer-carousel-track {
    gap: 12px;
    padding: 0;
  }

  .customer-carousel-section .navigation-container {
    position: static;
    transform: none;
    margin: 12px auto 0 auto;
    justify-content: center;
  }
}

.previous-button.disabled,
.next-button.disabled {
  opacity: 0.3;
  pointer-events: none;
  height: 34px;
  width: 34px;
  background: var(--background-backgroundprimary);
  border: 1px solid var(--border-cardoutline);
}

/* Match prev button style when enabled */
.previous-button:not(.disabled) {
  border: 0;
  background: linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
  width: 48px;
  height: 48px;
  padding: var(--padding-3xs) var(--padding-xs) var(--padding-3xs)
    var(--padding-3xs);
}

.previous-button:not(.disabled):hover {
  background: linear-gradient(
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.15)
    ),
    linear-gradient(90deg, #0137ff, #8c34fb 88.72%);
}

/* .next-button.disabled {
  background: var(--background-backgroundprimary);
  border: 1px solid var(--border-cardoutline);
  height: 34px;
  width: 34px;
} */

.next-button.disabled:hover {
  background: var(--background-backgroundprimary);
}