* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Mobile-first responsive banner */
.announcement-banner {
  display: flex;
  width: 100%;
  max-width: 715px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  margin: 16px auto;
}

.announcement-content {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  background: transparent;
  position: relative;
  padding: 10px 12px;
  overflow: hidden;
  flex-direction: column;
  gap: 10px;
}

.announcement-content::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1px;
  background: linear-gradient(90deg, #5141FF, #9E03FF, #FF1744, #FF9800, #4CAF50, #2196F3, #5141FF);
  background-size: 400% 400%;
  animation: gradientShift 3s ease-in-out infinite;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}

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

.announcement-left {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  z-index: 1;
  flex-direction: column;
  width: 100%;
  text-align: center;
}

.announcement-badge {
  border-radius: 8px;
  background: linear-gradient(90deg, #5141FF, #9E03FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  align-self: center;
}

.announcement-text {
  color: #1F1A17;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.announcement-cta {
  display: flex;
  align-items: center;
  color: #5141FF;
  font-weight: 500;
  text-decoration: none;
  transition: opacity 0.2s;
  z-index: 1;
  font-size: 12px;
  width: 100%;
  justify-content: center;
  padding: 6px 0;
  border-top: 1px solid rgba(81, 65, 255, 0.1);
}

.announcement-cta:hover {
  opacity: 0.8;
}

.announcement-arrow {
  display: inline-block;
  margin-left: 4px;
}

/* Tablet styles */
@media (min-width: 640px) {
  .announcement-banner {
    padding: 10px;
    margin: 20px auto;
  }
  
  .announcement-content {
    flex-direction: row;
    gap: 0;
    padding: 12px 18px;
    border-radius: 10px;
  }
  
  .announcement-content::before {
    border-radius: 10px;
    background: linear-gradient(90deg, #5141FF, #9E03FF, #FF1744, #FF9800, #4CAF50, #2196F3, #5141FF);
    background-size: 400% 400%;
    animation: gradientShift 3s ease-in-out infinite;
  }
  
  .announcement-left {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: auto;
    text-align: left;
  }
  
  .announcement-badge {
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 10px;
    align-self: flex-start;
  }
  
  .announcement-text {
    font-size: 14px;
    text-align: left;
  }
  
  .announcement-cta {
    margin-left: auto;
    width: auto;
    justify-content: flex-start;
    padding: 0;
    border-top: none;
    font-size: 14px;
  }
}

/* Desktop styles */
@media (min-width: 1024px) {
  .announcement-content {
    padding: 12px 20px;
  }
  
  .announcement-left {
    gap: 12px;
  }
  
  .announcement-badge {
    font-size: 16px;
  }
  
  .announcement-text {
    font-size: 16px;
  }
  
  .announcement-cta {
    font-size: 16px;
  }
}

/* Mobile Navigation Styles */
.mobile-nav-wrapper {
  display: none;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1000000;
}

.mobile-nav-cta-inline {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 12px 20px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  transition: opacity 0.2s;
}

.mobile-nav-cta-inline:hover {
  opacity: 0.9;
}

.mobile-nav-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1000000;
}

.mobile-nav-toggle span {
  width: 100%;
  height: 2px;
  background-color: #0a0a0b;
  transition: all 0.3s ease;
  transform-origin: center;
}

.mobile-nav-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.mobile-nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.mobile-nav-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

.mobile-nav-menu {
  display: none;
  position: fixed;
  top: 4.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  width: calc(100% - 40px);
  max-width: 320px;
  height: auto;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  z-index: 999999;
  padding: 20px;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mobile-nav-menu.active {
  display: flex;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.mobile-nav-item {
  padding: 12px 16px;
  border-bottom: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #0a0a0b;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s;
  background: transparent;
}

.mobile-nav-item:hover {
  color: #5449f8;
  background: rgba(84, 73, 248, 0.1);
}

.mobile-nav-cta {
  background: var(--primary-primary700, #1408c9);
  border-radius: 8px;
  padding: 14px 20px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
  white-space: nowrap;
  transition: opacity 0.2s;
}

.mobile-nav-cta:hover {
  opacity: 0.9;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  .frame-251 {
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 20px;
    justify-content: space-between;
    position: fixed;
    top: 1.875rem;
    z-index: 999999;
    backdrop-filter: blur(10px);
  }
  
  .frame-250 {
    display: none;
  }
  .mobile-nav-wrapper {
    display: flex;
  }
  
  .full-length-logo {
    width: 5rem;
    height: 2.1rem;
  }
  
  /* Center the frame-313 mobile navigation */
  .frame-313 {
    width: calc(100% - 40px);
    max-width: 600px;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 1rem;
    z-index: 1000001;
    background: transparent !important;
    backdrop-filter: blur(30px);
    border-radius: 16px;
    margin-inline: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  }
  
  /* Ensure mobile menu items are centered */
  .mobile-nav-menu {
    top: 4rem;
    width: calc(100% - 40px);
    max-width: 300px;
    padding: 16px;
    gap: 6px;
  }
  
  .mobile-nav-item {
    padding: 10px 12px;
    font-size: 15px;
  }
  
  .mobile-nav-cta {
    padding: 12px 16px;
    font-size: 15px;
    margin-top: 6px;
  }
}

/* Additional mobile responsiveness for very small screens */
@media (max-width: 480px) {
  .frame-313 {
    width: calc(100% - 30px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 10px 15px;
    top: 0.75rem;
    border-radius: 12px;
    backdrop-filter: blur(25px);
    margin-inline: 0 !important;
  }
  
  .mobile-nav-cta-inline {
    padding: 10px 16px;
    font-size: 14px;
  }
  
  .mobile-nav-toggle {
    width: 20px;
    height: 16px;
  }
  
  .full-length-logo {
    width: 4rem;
    height: 1.8rem;
  }
  
  /* Extra small announcement banner optimizations */
  .announcement-banner {
    margin: -5px ;
    padding: 0px;
  }
  
  .announcement-content {
    padding: 8px 10px;
    gap: 8px;
  }
  
  .announcement-badge {
    font-size: 11px;
    padding: 1px 5px;
  }
  
  .announcement-text {
    font-size: 11px;
    line-height: 1.3;
  }
  
  .announcement-cta {
    font-size: 11px;
    padding: 5px 0;
  }
}

.final-prototype,
.final-prototype * {
  box-sizing: border-box;

}
.final-prototype {
  background: #fbfbfe;
  height:  513.9375rem;
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
}
.rectangle-157 {
  background: linear-gradient(
    180deg,
    rgba(251, 251, 254, 1) 0%,
    rgba(245, 248, 255, 1) 100%
  );
  width: 100%;
  height: 69.625rem;
  position: absolute;
  left: 0rem;
  top: 444.125rem;
}
.grid {
    width: 100%;
    object-fit: cover;
    height: 64.125rem;
    margin-inline: -12%;
  position: absolute;
  left: -33.125rem;
  top: 513.9375rem;
  transform: translate(33.125rem, -64.125rem);
  overflow: visible;
}
.group {
  opacity: 0.5;
  object-fit: cover;
  height: 10.1%;
  position: absolute;
  right: -22.55%;
  left: -12.55%;
  bottom: 1.57%;
  top: 89.33%;
  overflow: visible;
}
.group2 {
    opacity: 0.5;
    object-fit: cover;
    height: 10.1%;
    position: absolute;
    right: -22%;
    left: -12.27%;
    bottom: 1.64%;
    top: 91.5%;
    transform: translate(-1.5625rem, -49.154375rem);
    overflow: visible;
}
.rectangle-153 {
  background: linear-gradient(
    180deg,
    rgba(246, 246, 234, 1) 0%,
    rgba(251, 251, 254, 1) 100%
  );
  width: 240.25rem;
  height: 17.1875rem;
  position: absolute;
  left: calc(50% - 105.5625rem);
  top: 280.1875rem;
}
.rectangle-155 {
  background: #f6f6ea;
  width: 225.375rem;
  height: 146.3125rem;
  position: absolute;
  left: calc(50% - 108rem);
  top: 133.875rem;
}
.rectangle-148 {
  background: linear-gradient(
    150.71deg,
    rgba(250, 251, 253, 1) 0%,
    rgba(245, 248, 255, 1) 100%
  );
  width: 192.0625rem;
  height: 82.6875rem;
  position: absolute;
  left: calc(50% - 81.8125rem);
  top: 0rem;
}
.grid2 {

    width: 100%;
    margin-inline: 15%;
    object-fit: cover;

  height: 59.125rem;
  position: absolute;
  left: -27.1875rem;
  top: 0rem;
  overflow: visible;

}
.frame-251 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 57.125rem;
  position: absolute;
  left: calc(50% - 28.5625rem);
  top: 0rem;
  position: fixed;
    z-index: 999999;
  backdrop-filter: blur(4px);
  padding-top: 1rem;
}
.full-length-logo {
  flex-shrink: 0;
  width: 6.4375rem;
  height: 2.6875rem;
  position: relative;
  overflow: visible;
}
.frame-250 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 42.375rem;
  position: relative;
}
.frame-123 {
  background: #ebecf2;
  border-radius: var(--radius-xl, 2.25rem);
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.about {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.pricing {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.features {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.about a{
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  /* font-weight: 550; */
  position: relative;
}
.pricing a{
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  /* font-weight: 550; */
  position: relative;
}
.features a{
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  /* font-weight: 550; */
  position: relative;
}
.about a:hover{
  color: var(--base-base-black, #5449f8);

}
.pricing a:hover{
  color: var(--base-base-black, #5449f8);

}
.features a:hover{
  color: var(--base-base-black, #5449f8);

}
.frame-124 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-124 a{
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
}
.frame-124:hover{
  background: var(--primary-primary700, #5449f8);
  /* border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer; */
}
.sign-up {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.frame-187 {
  display: flex;
  flex-direction: column;
  gap: 6.875rem;   /* need to push */
  align-items: center;
  justify-content: flex-start;
  width: 57.0625rem;
  position: absolute;
  left: calc(50% - 28.625rem);
  top: 5rem;
}
.frame-141 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 50.0625rem;
  position: relative;
}
.ellipse-69 {
  background: radial-gradient(
    closest-side,
    rgba(157, 130, 255, 0.5) 20.399251580238342%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 50%;
  flex-shrink: 0;
  width: 35.6875rem;
  height: 35.6875rem;
  position: absolute;
  left: -10.53125rem;
  top: 23.6875rem;
}
.ellipse-70 {
  background: radial-gradient(
    closest-side,
    rgba(157, 130, 255, 0.5) 20.399251580238342%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 50%;
  flex-shrink: 0;
  width: 35.6875rem;
  height: 35.6875rem;
  position: absolute;
  left: 25.40625rem;
  top: 7.0625rem;
}
.frame-140 {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-139 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 47.375rem;
  position: relative;
}
/* need to push */

.access-all-leading-ll-ms-with-a-single-kognie-account {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 3.4375rem;
  line-height: 4.46875rem;
  letter-spacing: -0.02em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

/* for pruduction */
.access-all-leading-ll-ms-with-a-single-kognie-account-span {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 55px;
  line-height: 71.5px;
  letter-spacing: -0.02em;
  font-weight: 600;

}

.access-all-leading-ll-ms-with-a-single-kognie-account-span2 {
  color: #11274e;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 55px;
  line-height: 71.5px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.access-all-leading-ll-ms-with-a-single-kognie-account-span3 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 55px;
  line-height: 71.5px;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-style: italic;
}
.plus-get-gen-ai-powered-document-and-data-analysis-services {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-1232 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-1232 a {
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
}
.frame-1232:hover {
  background: var(--primary-primary700, #5449f8);
}
.try-for-free {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  width: 7rem;
display: flex;
justify-content: space-around;
align-items: center;
}

.group-49 {
  flex-shrink: 0;
  width: 47.3125rem;
  height: 27.0625rem;
  position: static;
}
.rectangle-104 {
  border-radius: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-image: linear-gradient(
    107.9deg,
    rgba(17, 39, 78, 1) 0%,
    rgba(255, 255, 255, 0) 19.609975814819336%,
    rgba(255, 255, 255, 0) 80.43134808540344%,
    rgba(17, 39, 78, 1) 100%
  );
  border-image-slice: 1;
  width: 47.3125rem;
  height: 27.0625rem;
  position: absolute;
  left: calc(50% - 23.65625rem);
  top: calc(50% - 3.375rem);
}
.rectangle-105 {
  background: #000000;
  border-radius: 0.625rem;
  width: 46.1875rem;
  height: 25.75rem;
  position: absolute;
  left: calc(50% - 23.09375rem);
  top: calc(50% - 2.6875rem);
}
.frame-138 {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.trusted-by-researchers-at-reputable-instituitions {
  color: var(--primary-primary1000, #0a045f);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.frame-2502 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.image-70 {
  flex-shrink: 0;
  width: 3.5625rem;
  height: 4.8125rem;
  position: relative;
  object-fit: cover;
}
.image-71 {
  flex-shrink: 0;
  width: 4.8125rem;
  height: 3.5625rem;
  position: relative;
  object-fit: cover;
}
.image-79 {
  flex-shrink: 0;
  width: 7rem;
  height: 3.5625rem;
  position: relative;
  object-fit: cover;
}
.image-78 {
  flex-shrink: 0;
  width: 4.25rem;
  height: 2.8125rem;
  position: relative;
  object-fit: cover;
}
.jp-morgan-logo-svg {
  flex-shrink: 0;
  width: 8.375rem;
  height: 1.3125rem;
  position: relative;
  overflow: hidden;
}
.group3 {
  width: 100%;
  height: 100.02%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -0.02%;
  top: 0%;
  overflow: visible;
}
.ibm-logo-svg {
  flex-shrink: 0;
  width: 5.1875rem;
  height: 2.0625rem;
  position: relative;
  overflow: hidden;
}
.group4 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-252 {
  background: linear-gradient(
    180deg,
    rgba(246, 249, 255, 1) 0%,
    rgba(246, 246, 234, 1) 100%
  );
  width: 169.0625rem;
  height: 30rem;
  position: absolute;
  left: calc(50% - 81.8125rem);
  top: 97.125rem;
  overflow: hidden;
}
.clip-path-group {
  height: 34rem;
  position: absolute;
  left: 39.0325rem;
  top: 7.5625rem;
  transform: translate(-13.595rem, -18.5625rem);
  overflow: visible;
}
.clip-path-group2 {
  height: 34rem;
  position: absolute;
  left: 117.571875rem;
  top: 11.4375rem;
  transform: translate(-25.743125rem, -6rem);
  overflow: visible;
}
.creating-10-different-accounts-for-10-different-ll-ms-can-be-a-herculean-task-kognie-provides-one-stop-access-for-all-your-ai-needs-with-only-1-account-no-bundling-pay-only-for-what-you-use {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.875rem;
  line-height: 2.4375rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: calc(50% - 23.53125rem);
  top: 7.6875rem;
  width: 41rem;
  text-align: center;
}
.rectangle-154 {
  background: #f6f6ea;
  width: 159.4375rem;
  height: 97.8125rem;
  position: absolute;
  left: calc(50% - 79.75rem);
  top: 126.8125rem;
}
.frame-259 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 28.59375rem);
  top: 228.75rem;
}
.frame-181 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.more-than-just-another-ai-chat-platform {
  color: var(--primary-primary400, #766df9);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  width: 37.75rem;
}
.one-dashboard-to-manage-your-everything {
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 2.5rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 37.75rem;
}
.one-dashboard-to-manage-your-everything-span {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.one-dashboard-to-manage-your-everything-span2 {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.frame-258 {
  display: flex;
  flex-direction: row;
  gap: 2.1875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 57.1875rem;
  position: relative;
}
.for-landing-2-1 {
  border-radius: var(--spacing-sm, 1rem);
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 41.1875rem;
  height: 37.625rem;
  position: relative;
  object-fit: cover;
}
.frame-257 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  height: 43.27125rem;
  position: relative;
  max-width: 18rem;
}
.frame-254 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-87 {
  flex-shrink: 0;
  width: 2.465625rem;
  height: 2.465625rem;
  position: static;
}
.rectangle-156 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.21625rem;
  width: 2.465625rem;
  height: 2.465625rem;
  position: absolute;
  left: 1.875rem;
  top: 1.875rem;
  box-shadow: inset 0rem 0.08625rem 0.4325rem 0rem rgba(153, 146, 251, 1);
}
.group-of-projects {
  width: 1.838125rem;
  height: 1.838125rem;
  position: absolute;
  left: 2.1775rem;
  top: 2.199375rem;
  overflow: visible;
}
.frame-253 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.create-and-manage-projects {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 10.2875rem;
}
.easily-create-reports-and-presentations-in-your-project {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-256 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.versions {
  width: 1.838125rem;
  height: 1.838125rem;
  position: absolute;
  left: 2.1875rem;
  top: 2.1875rem;
  overflow: visible;
}
.manage-your-documents-easily {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 10.2875rem;
}
.upload-all-type-of-documents-and-research-using-them {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-255 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.add-user-male {
  width: 1.838125rem;
  height: 1.838125rem;
  position: absolute;
  left: 2.1875rem;
  top: 2.1875rem;
  overflow: visible;
}
.collaborate-with-mutiple-people {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 10.2875rem;
}
.invite-people-to-your-projects-and-manage-teams {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.001875rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-193 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  width: 49.625rem;
  position: absolute;
  left: calc(50% - 24.8125rem);
  top: 136.6875rem;
}
.frame-137 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.get-access-to-the-best-of-ai {
  color: var(--primary-primary400, #766df9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.one-platform-for-everything-ai {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 2.5rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 38.25rem;
}
.one-platform-for-everything-ai-span {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.one-platform-for-everything-ai-span2 {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.frame-180 {
  display: flex;
  flex-direction: column;
  gap: 8.125rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-213 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 44.375rem;
  position: relative;
}
.frame-157 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.one-stop-solution-for-all-your-ai-needs {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.get-all-your-generative-ai-requirements-organized-in-one-platform {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.21875rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 41.5rem;
}
.frame-156 {
  display: flex;
  flex-direction: row;
  gap: 3.125rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2132 {
  background: #11274e;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 14.625rem;
  height: 14.125rem;
  position: relative;
  overflow: hidden;
}
.frame-162 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 11.75rem;
  position: absolute;
  left: calc(50% - 5.875rem);
  top: 1.125rem;
}
.text-generation {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.generate-text-using-the-llm-of-your-choice {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.group-85 {
  position: absolute;
  inset: 0;
}
.rectangle-134 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.410625rem 0.410625rem 0.410625rem 0rem;
  width: 9.198125rem;
  height: 2.053125rem;
  position: absolute;
  left: 14.198125rem;
  top: 6.5rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.polygon-2 {
  width: 0.698125rem;
  height: 0.698125rem;
  position: absolute;
  left: 13.8rem;
  top: 8.1rem;
  overflow: visible;
}
.group-82 {
  width: 6.795625rem;
  height: 0.4925rem;
  position: absolute;
  left: 6.006875rem;
  top: 7.28rem;
  overflow: visible;
}
.group-86 {
  height: auto;
  position: absolute;
  left: 8.23375rem;
  top: 9.1875rem;
  transform: translate(-8.23375rem, 0rem);
  overflow: visible;
}
.frame-153 {
  background: #11274e;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 22.75rem;
  height: 14.125rem;
  position: relative;
  overflow: hidden;
}
.frame-154 {
  display: flex;
  flex-direction: row;
  gap: 0.975625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: -3.5625rem;
  top: 6.625rem;
}
.rectangle-119 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.39rem;
  flex-shrink: 0;
  width: 9.755625rem;
  height: 9.755625rem;
  position: relative;
}
.rectangle-121 {
  background: var(--primary-primary500, #5449f8);
  border-radius: 0.39rem;
  flex-shrink: 0;
  width: 9.755625rem;
  height: 9.755625rem;
  position: relative;
}
.rectangle-120 {
  background: var(--primary-primary600, #3224f7);
  border-radius: 0.39rem;
  flex-shrink: 0;
  width: 9.755625rem;
  height: 9.755625rem;
  position: relative;
}
.group-63 {
  flex-shrink: 0;
  width: 5.268125rem;
  height: 5.3325rem;
  position: absolute;
  left: 2.21125rem;
  top: 2.21125rem;
  overflow: visible;
}
.group-64 {
  flex-shrink: 0;
  width: 5.268125rem;
  height: 5.3325rem;
  position: absolute;
  left: 13.0075rem;
  top: 2.21125rem;
  overflow: visible;
}
.group-65 {
  flex-shrink: 0;
  width: 5.268125rem;
  height: 5.3325rem;
  position: absolute;
  left: 23.804375rem;
  top: 2.21125rem;
  overflow: visible;
}
.frame-163 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 18.875rem;
  position: absolute;
  left: 1.375rem;
  top: 1.125rem;
}
.image-generation {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.generate-high-resolution-images-using-the-best-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-1542 {
  background: #11274e;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 22.75rem;
  height: 14.125rem;
  position: relative;
  overflow: hidden;
}
.group-70 {
  height: auto;
  position: absolute;
  left: -3.8125rem;
  top: -1.625rem;
  overflow: visible;
}
.frame-215 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 18.1875rem;
  position: absolute;
  left: 1.40625rem;
  top: 8.375rem;
}
.research-from-documents {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-your-documents-in-any-format-using-the-power-of-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 18.1875rem;
}
.frame-155 {
  background: #11274e;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 14.6875rem;
  height: 14.125rem;
  position: relative;
  overflow: hidden;
}
.group-71 {
  position: absolute;
  inset: 0;
}
.rectangle-122 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.625rem;
  width: 11.3125rem;
  height: 4rem;
  position: absolute;
  left: 5.0625rem;
  top: 0.625rem;
}
.rectangle-123 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.625rem;
  width: 4.75rem;
  height: 4rem;
  position: absolute;
  left: -0.625rem;
  top: 0.625rem;
}
.https {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.1875rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  font-weight: 600;
  position: absolute;
  left: 6.3125rem;
  top: 1.75rem;
}
.group-702 {
  width: 2.00125rem;
  height: 2.1875rem;
  position: absolute;
  left: 0.75rem;
  top: 1.5625rem;
  overflow: visible;
}
.frame-216 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 12.875rem;
  position: absolute;
  left: calc(50% - 6.4375rem);
  top: 8.375rem;
}
.research-the-web {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-information-on-the-web-using-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 12.3125rem;
}
.data-sets {
  background: #11274e;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 39.3125rem;
  height: 13.5625rem;
  position: relative;
  overflow: hidden;
}
.frame-164 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 24.9375rem;
  position: absolute;
  left: 1.375rem;
  top: 8.8125rem;
}
.datasets {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-your-datasets {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-221 {
  display: flex;
  flex-direction: column;
  gap: 0.43rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: -0.8125rem;
  top: 0.4375rem;
}
.rectangle-125 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.5375rem 0.5375rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.859375rem;
  position: relative;
}
.frame-219 {
  display: flex;
  flex-direction: column;
  gap: 0.3225rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-217 {
  display: flex;
  flex-direction: row;
  gap: 0.3225rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 6.125rem;
  position: relative;
}
.rectangle-124 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.rectangle-126 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.rectangle-127 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.rectangle-128 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.frame-2192 {
  display: flex;
  flex-direction: row;
  gap: 0.3225rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 6.125rem;
  position: relative;
}
.frame-220 {
  display: flex;
  flex-direction: row;
  gap: 0.3225rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 6.125rem;
  position: relative;
}
.rectangle-1242 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem 0.215rem 0.215rem 0.5375rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.rectangle-1282 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.215rem 0.215rem 0.5375rem 0.215rem;
  flex-shrink: 0;
  width: 1.289375rem;
  height: 1.289375rem;
  position: relative;
}
.arrow-1 {
  width: 1.675rem;
  height: 0.7rem;
  overflow: visible;
}
.arrow-4 {
  width: 1.675rem;
  position: absolute;
  left: 7rem;
  top: 3rem;
  overflow: visible;
}
.frame-225 {
  display: flex;
  flex-direction: column;
  gap: 0.204375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 6.8125rem;
  position: absolute;
  left: 33.5rem;
  top: 2rem;
}
.frame-223 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.340625rem 0.340625rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.8175rem;
  position: relative;
}
.frame-224 {
  display: flex;
  flex-direction: row;
  gap: 0.068125rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0.476875rem;
  top: calc(50% - 0.101875rem);
}
.ellipse-54 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.204375rem;
  height: 0.204375rem;
  position: relative;
}
.ellipse-57 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.204375rem;
  height: 0.204375rem;
  position: relative;
}
.ellipse-58 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.204375rem;
  height: 0.204375rem;
  position: relative;
}
.frame-222 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.340625rem 0.340625rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 4.905rem;
  position: relative;
}
.group-79 {
  position: absolute;
  inset: 0;
}
.ellipse-49 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--primary-primary100, #dddbfe);
  border-width: 0.545rem;
  width: 3.136875rem;
  height: 3.136875rem;
  position: absolute;
  left: 1.84125rem;
  top: 0.891875rem;
}
.ellipse-50 {
  background: var(--primary-primary800, #1106a6);
  border-radius: 50%;
  width: 3.136875rem;
  height: 3.136875rem;
  position: absolute;
  left: 1.84125rem;
  top: 0.891875rem;
}
.ellipse-51 {
  background: var(--primary-primary400, #766df9);
  border-radius: 50%;
  width: 3.136875rem;
  height: 3.136875rem;
  position: absolute;
  left: 5.183125rem;
  top: 1.12875rem;
  transform-origin: 0 0;
  transform: rotate(98.172deg) scale(1, 1);
}
.ellipse-52 {
  background: var(--primary-primary300, #9992fb);
  border-radius: 50%;
  width: 3.136875rem;
  height: 3.136875rem;
  position: absolute;
  left: 3.23625rem;
  top: 4.658125rem;
  transform-origin: 0 0;
  transform: rotate(-130.159deg) scale(1, 1);
}
.ellipse-53 {
  /* background: var(--primary-primary600, #3224f7); */
  border-radius: 50%;
  width: 3.13125rem;
  height: 3.13125rem;
  position: absolute;
  left: 3.61rem;
  top: -0.76125rem;
  transform-origin: 0 0;
  transform: rotate(50.556deg) scale(1.5, 1.5);
}
.frame-226 {
  display: flex;
  flex-direction: column;
  gap: 0.204375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 6.8125rem;
  position: absolute;
  left: 18.125rem;
  top: 1.0625rem;
}
.group-80 {
  position: absolute;
  inset: 0;
}
.ellipse-59 {
  background: var(--primary-primary500, #5449f8);
  border-radius: 50%;
  width: 3.528125rem;
  height: 3.528125rem;
  position: absolute;
  left: 1.785625rem;
  top: 0.83125rem;
}
.ellipse-60 {
  /* background: var(--primary-primary, #5449F8); */
  border-radius: 50%;
  width: 3.726875rem;
  height: 3.726875rem;
  position: absolute;
  left: 5.225625rem;
  top: 0.544375rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.frame-227 {
  display: flex;
  flex-direction: column;
  gap: 0.205rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 6.825rem;
  position: absolute;
  left: 25.8125rem;
  top: 0rem;
}
.frame-2232 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.34125rem 0.34125rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.81875rem;
  position: relative;
}
.frame-2242 {
  display: flex;
  flex-direction: row;
  gap: 0.068125rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0.4775rem;
  top: calc(50% - 0.101875rem);
}
.ellipse-542 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.205rem;
  height: 0.205rem;
  position: relative;
}
.ellipse-572 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.205rem;
  height: 0.205rem;
  position: relative;
}
.ellipse-582 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.205rem;
  height: 0.205rem;
  position: relative;
}
.frame-2222 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.34125rem 0.34125rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 4.91375rem;
  position: relative;
}
.group-81 {
  height: auto;
  position: absolute;
  left: 1.535625rem;
  top: 0.715625rem;
  overflow: visible;
}
.frame-228 {
  display: flex;
  flex-direction: column;
  gap: 0.215625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 7.1875rem;
  position: absolute;
  left: 10.0625rem;
  top: 0rem;
}
.frame-2233 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.359375rem 0.359375rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.8625rem;
  position: relative;
}
.frame-2243 {
  display: flex;
  flex-direction: row;
  gap: 0.071875rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0.503125rem;
  top: calc(50% - 0.1075rem);
}
.ellipse-543 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.215625rem;
  height: 0.215625rem;
  position: relative;
}
.ellipse-573 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.215625rem;
  height: 0.215625rem;
  position: relative;
}
.ellipse-583 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.215625rem;
  height: 0.215625rem;
  position: relative;
}
.frame-2223 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.359375rem 0.359375rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 5.175rem;
  position: relative;
}
.frame-229 {
  display: flex;
  flex-direction: row;
  gap: 0.1075rem;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 1.078125rem;
  top: 0.6825rem;
}
.rectangle-129 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.89875rem;
  height: 1.114375rem;
  position: relative;
}
.rectangle-130 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.89875rem;
  height: 1.97625rem;
  position: relative;
}
.rectangle-131 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.826875rem;
  height: 2.1925rem;
  position: relative;
}
.rectangle-132 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.89875rem;
  height: 1.58125rem;
  position: relative;
}
.rectangle-133 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.89875rem;
  height: 3.378125rem;
  position: relative;
}
.frame-263 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: var(--spacing-xxs, 0.25rem);
  padding: 0.125rem 0.625rem 0.125rem 0.625rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 32.09375rem;
  top: 10.5rem;
}
.coming-soon {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.625rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
}
.frame-172 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-148 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 26.0625rem;
  position: relative;
}
.frame-146 {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.connect-with-all-leading-ll-ms {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.7875rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.kognie-helps-you-connect-with-leading-ai-models-from-well-established-companies-like-open-ai-gemini-anthropic-llama-and-mistral {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  font-weight: 400;
  position: relative;
  width: 23.5625rem;
}
.frame-147 {
  border-radius: var(--spacing-xxs, 0.25rem);
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-right: 18px;
}
.frame-1412 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.675rem 1.125rem 0.675rem 1.125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-1412:hover {
  background: var(--primary-primary700, #5449f8);

}
.frame-14121 a{
  color:var(--primary-primary700, #1408c9);
}
.frame-14121 a:hover{
  color:var(--primary-primary700, #5449f8);
}
.contact-us {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.frame-145 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 15.125rem;
  position: relative;
}
.frame-244 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: var(--spacing-s, 0.75rem);
  flex-shrink: 0;
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  box-shadow: inset 0rem 0.07625rem 0.3125rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg {
  width: 2.9375rem;
  height: 2.8125rem;
  position: absolute;
  left: calc(50% - 1.5rem);
  top: calc(50% - 1.375rem);
  object-fit: cover;
}
.frame-242 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: var(--spacing-s, 0.75rem);
  flex-shrink: 0;
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  box-shadow: inset 0rem 0.07625rem 0.3125rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg2 {
  width: 4.140625rem;
  height: 4.140625rem;
  position: absolute;
  left: -0.133125rem;
  top: -0.133125rem;
}
.image-69 {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  left: calc(50% - 1.3125rem);
  top: calc(50% - 1.3125rem);
  object-fit: cover;
}
.frame-246 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: var(--spacing-s, 0.75rem);
  flex-shrink: 0;
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  box-shadow: inset 0rem 0.07625rem 0.3125rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol-svg {
  width: 2.1875rem;
  height: 2.1875rem;
  position: absolute;
  left: calc(50% - 1.125rem);
  top: calc(50% - 1.0625rem);
  overflow: hidden;
}
.group5 {
  width: 100.05%;
  height: 100%;
  position: absolute;
  right: -0.02%;
  left: -0.03%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-243 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: var(--spacing-s, 0.75rem);
  flex-shrink: 0;
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  box-shadow: inset 0rem 0.07625rem 0.3125rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol-svg2 {
  width: 2.375rem;
  height: 1.625rem;
  position: absolute;
  left: calc(50% - 1.1875rem);
  top: calc(50% - 0.8125rem);
  overflow: visible;
}
.frame-245 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: var(--spacing-s, 0.75rem);
  flex-shrink: 0;
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  box-shadow: inset 0rem 0.07625rem 0.3125rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol {
  height: auto;
  position: absolute;
  left: 0.75rem;
  top: 1.125rem;
  overflow: visible;
}
.frame-1932 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  width: 57.375rem;
  position: absolute;
  left: calc(50% - 28.6875rem);
  top: calc(50% - -64.71875rem);
  margin-top: -357px;
}
.frame-136 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.customer-voice {
  color: var(--primary-primary400, #766df9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.what-our-users-have-to-say {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 2.5rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
}
.what-our-users-have-to-say-span {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.what-our-users-have-to-say-span2 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.what-our-users-have-to-say-span3 {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.cards {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 53.895625rem;
  position: relative;
}
._1st-set {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-1233 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.arya-sarkar {
  color: var(--primary-primary900, #0d0582);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.head-engineer-at-docunexus {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 10.4375rem;
}
.i-have-used-this-service-since-a-long-time-and-i-thoroughly-enjoyed-it-i-recommend-it-to-everyone-especially-to-organisationsas-they-help-cut-time-by-50 {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  font-weight: 600;
  position: absolute;
  left: 4.135rem;
  top: 4.2225rem;
  width: 11.3175rem;
}
.group-44 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-110 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-2462 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.group-442 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1102 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-247 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.group-443 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1103 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
._1st-set2 {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.group-444 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1104 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-249 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.group-445 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1105 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-2503 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.group-446 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1106 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-260 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 26.125rem);
  top: calc(50% - -111.28125rem);
}
.frame-134 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-133 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pricing-policy {
  color: var(--primary-primary400, #766df9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.pay-according-to-your-usage {
  color: var(--base-base-black, #0a0a0b);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 2.5rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span2 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span3 {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span4 {
  color: var(--primary-primary700, #1408c9);
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.frame-132 {
  display: flex;
  flex-direction: row;
  gap: 5.4375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-129 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.500625rem;
  border-width: 0.083125rem;
  border-style: solid;
  border-image: linear-gradient(148.63deg, rgba(24, 9, 236, 1) 0%, rgba(251, 251, 254, 0) 31.361892819404602%, rgba(251, 251, 254, 0) 76.07787847518921%, rgba(24, 9, 236, 1) 100%);
  border-image-slice: 1;
  padding: 2.501875rem 1.668125rem 2.501875rem 1.668125rem;
  display: flex;
  flex-direction: column;
  gap: 7.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  height: 45.25rem;
}
.frame-127 {
  display: flex;
  flex-direction: column;
  gap: 2.085rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-126 {
  display: flex;
  flex-direction: column;
  gap: 0.666875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.0975rem;
  position: relative;
}
.personal {
  color: var(--primary-primary1000, #0a045f);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-130 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.starts-from-20 {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Georgia", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
}
.kognie-credits-get-expended-depending-on-the-chosen-model-and-your-usage {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.50125rem;
  font-weight: 400;
  position: relative;
  width: 20.01375rem;
}
.chat-interface-service-upload-and-manage-personal-documents-create-projects-reports-and-presentations-invite-and-collaborate-with-others {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.25rem;
  line-height: 1.87625rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  width: 20.01375rem;
}
.chat-interface-service-upload-and-manage-personal-documents-create-projects-reports-and-presentations-invite-and-collaborate-with-others ul{
  list-style-type: disc;
  padding-left: 1.5rem;
}
.frame-1242 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  border-style: solid;
  border-color: var(--primary-primary700, #1408c9);
  border-width: 0.166875rem;
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
  display: flex;
  flex-direction: row;
  gap: 0.83375rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-1242:hover {
  background: var(--primary-primary700, #5449f8);

}
.see-full-pricing-list {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.frame-128 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.500625rem;
  border-width: 0.083125rem;
  border-style: solid;
  border-image: linear-gradient(212.07deg, rgba(24, 9, 236, 1) 0%, rgba(251, 251, 254, 0) 25.499999523162842%, rgba(251, 251, 254, 0) 72.00000286102295%, rgba(24, 9, 236, 1) 100%);
  border-image-slice: 1;
  padding: 2.501875rem 1.668125rem 2.501875rem 1.668125rem;
  display: flex;
  flex-direction: column;
  gap: 3.15rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 45.25rem;
  position: relative;
}
.enterprise {
  color: var(--primary-primary1000, #0a045f);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-131 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.get-in-touch {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Georgia", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
}
.all-personal-features-along-with-additional-services-to-manage-your-team-on-kognie {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.50125rem;
  font-weight: 400;
  position: relative;
  width: 20.01375rem;
}
.admin-dashboards-control-access-levels-access-to-the-managed-organizational-library-usage-analytics-across-your-organization {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.25rem;
  line-height: 1.87625rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  width: 20.01375rem;
}
.admin-dashboards-control-access-levels-access-to-the-managed-organizational-library-usage-analytics-across-your-organization ul{
  list-style-type: disc;
  padding-left: 1.5rem;
}
.frame-1243 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  border-style: solid;
  border-color: var(--primary-primary700, #1408c9);
  border-width: 0.166875rem;
  padding: 0.83375rem 3.335625rem 0.83375rem 3.335625rem;
  display: flex;
  flex-direction: row;
  gap: 0.83375rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-1243:hover {
  background: var(--primary-primary700, #5449f8);

}
.contact-us2 {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.frame-188 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 54.875rem;
    height: 52.0625rem;
    position: absolute;
    left: calc(50% - 27.4375rem);
    top: 461rem;
}
.frame-182 {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.leverage-the-power-of-generative-ai-using-kognie {
  color: var(--primary-primary, #5449F8);
  text-align: center;
  font-family: "Georgia", sans-serif;
  font-size: 3.125rem;
  line-height: 4.0625rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
  position: relative;
  width: 38.25rem;
}
.frame-171 {
  border-radius: var(--spacing-xs, 0.5rem);
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1402 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.875rem 3.125rem 0.875rem 3.125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-1402:hover {
  background: var(--primary-primary700, #5449f8);

}
.try-now {
  color: #ececec;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.frame-184 {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-176 {
  background: #ebecf2;
  border-radius: var(--radius-xl, 2.25rem);
  padding: 0.875rem 1.875rem 0.875rem 1.875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-214 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 51.0625rem;
  position: relative;
}
.full-length-logo2 {
  flex-shrink: 0;
  width: 6.4375rem;
  height: 2.6875rem;
  position: relative;
  overflow: visible;
}
.frame-173 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.about2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  position: relative;
}
.pricing2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  position: relative;
}
.features2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  position: relative;
}
.frame-1722 {
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 6.25rem;
  position: relative;
}
.linked-in {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  overflow: visible;
}
.you-tube {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  overflow: visible;
}
.facebook {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  overflow: visible;
}
.frame-183 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector-84 {
  flex-shrink: 0;
  width: 54.8125rem;
  height: 1rem;
  position: relative;
  overflow: visible;
}
.frame-177 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 51.9375rem;
  position: relative;
}
.copyright-2024-docunexus {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}
.frame-174 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.privacy-policy {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}
.ellipse-46 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  position: relative;
}
.terms-of-service {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}
.ellipse-45 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  position: relative;
}
.licenses {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}
.ellipse-47 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  position: relative;
}
.cookie-policy {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}


/* after update */

.cards {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 53.895625rem;
  position: relative;
}
._1st-set {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-1233 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.as-someone-who-isn-t-a-technical-expert-i-found-kognie-incredibly-user-friendly-it-s-helped-me-create-reports-and-analyze-customer-data-with-ease {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 4.135625rem;
  top: 4.25rem;
  width: 10.375rem;
}
.group-44 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1102 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-265 {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 5.690625rem);
  top: 14.125rem;
}
.frame-264 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.sarah {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.usa {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.frame-262 {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.375rem;
  position: relative;
}
.marketing-manager-brightwave {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-248 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.kognie-has-been-a-lifesaver-for-me-the-platform-s-ability-to-integrate-various-ll-ms-helped-me-get-diverse-and-reliable-insights-across-the-project {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 4.1075rem;
  top: 4.25rem;
  width: 10.75rem;
}
.group-442 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1103 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.frame-2652 {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 5.221875rem);
  top: 14.125rem;
}
.saptak {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.india {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.frame-2622 {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.analyst-ibm {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 10.4375rem;
}
.frame-249 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.625rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 16.715rem;
  height: 18.5rem;
  position: relative;
  overflow: hidden;
}
.kognie-has-been-a-fantastic-addition-to-our-toolkit-it-s-streamlined-our-document-analysis-and-research-processes-helping-us-make-data-driven-decisions-faster {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 4.1425rem;
  top: 4.25rem;
  width: 10.5625rem;
}
.group-443 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1104 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.olivia {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.great-britain {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.strategy-next-gen {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 10.4375rem;
}
._1st-set2 {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.kognie-s-amazing-support-team-were-proactive-in-understanding-our-specific-needs-and-even-customized-the-platform-to-better-suit-our-workflow {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 4.153125rem;
  top: 4.25rem;
  width: 11.1875rem;
}
.group-444 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1105 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.emily {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.usa2 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.operations-data-sphere {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 10.4375rem;
}
.being-able-to-access-various-ai-models-from-one-place-helped-me-test-ideas-quickly-and-effectively-it-s-like-having-a-personal-ai-assistant {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.8705881834030151rem;
  line-height: 1.21875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 4.125rem;
  top: 4.25rem;
  width: 10.4375rem;
}
.group-445 {
  height: auto;
  position: absolute;
  left: 1.2625rem;
  top: 2.395625rem;
  overflow: visible;
}
.frame-1106 {
  display: flex;
  flex-direction: row;
  gap: 0.086875rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.915rem);
  top: 1.74125rem;
  overflow: visible;
}
.argha {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.india2 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.quant-analyst-j-p-morgan {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 10.4375rem;
}
.i-phone-8-1{
    display: none;
}

/* need to push */

.illustration{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px;
  width: 100%;
  position: relative;
}
.radial-blur01 {
  position: absolute;
  right: -48px;
  top: 14px;
}
.radial-blur02 {
  position: absolute;
  left: -50px;
  top: 94px;
}

.wrapper {
    display: flex;
    height: 426px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 80%;
}
.wrapper div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 83%;
}
.wrapper div img:nth-child(1){
  margin-bottom: 25px;
}
.wrapper div .second-img-child{
  margin-top: 30px;
  width: 100%;
}

.query-anima{
  margin-left: auto;
  margin-bottom: 20px;
  /* width: 67%; */
  height: 78px;

-webkit-animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: 0.2s;
  /* margin-right: 55px; */
}
.response-anima{
  margin-right: auto;
  /* margin-left: 55px; */
  margin-bottom: 20px;


  -webkit-animation: slide-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: 0.2s;
}

/* Tanu
7:17 PM
@keyframe animation{
0%,100%( top :0)
20%(top :0)
Tanu
7:19 PM
25%(top 50)
50%(top:50px)
55%(top: 100px)
70%(top: 100px)
Tanu
7:20 PM
75%(top: 150px)
95%(top : 150px) */

.dummy-input{
  font-family: Inter;
  background: var(--Base-Base-White, rgba(252, 252, 252, 1));
  border: 0.76px solid var(--Primary-Primary200, rgba(187, 182, 252, 1));
  box-shadow: 0px 3.04px 15.22px 0px rgba(187, 182, 252, 1) inset;
  padding: 20px;
  border-radius: 760.48px;
  color: var(--Neutrals-Neutrals500, rgba(137, 131, 132, 1));
  overflow: hidden;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 83%;
}
.dummy-input .text-anima{
  /* font-size: 9px; */
  text-align: left;
  margin-right: auto;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    transform: translateY(0px);
    opacity: 1;
  }
  50% {
    transform: translateY(0px);
    opacity: 1;
  }
  90% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
  }
}

.text-anima {
  opacity: 1; /* Start invisible */
  transform: translateY(20px);
  animation: fadeIn 5s ease infinite; /* Fade in */
}





@-webkit-keyframes slide-left {
  0% {
    /* -webkit-transform: translateX(800px);
            transform: translateX(800px); */
      opacity: 0;
  }
  30%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100% {
    /* -webkit-transform: translateX(-5px);
            transform: translateX(-5px); */
            opacity: 1;
  }
}
@keyframes slide-left {
  0% {
    /* -webkit-transform: translateX(800px);
            transform: translateX(800px); */
      opacity: 0;
  }
  30%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100% {
    /* -webkit-transform: translateX(-5px);
            transform: translateX(-5px); */
            opacity: 1;
  }
}
@-webkit-keyframes slide-right {
  0% {
    /* -webkit-transform: translateX(-800px);
            transform: translateX(-800px); */
            opacity: 0;
  }
  30%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100% {
    /* -webkit-transform: translateX(5px);
            transform: translateX(5px);
            */
          opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    /* -webkit-transform: translateX(-800px);
            transform: translateX(-800px); */
            opacity: 0;
  }
  30%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100% {
    /* -webkit-transform: translateX(5px);
            transform: translateX(5px);
            */
          opacity: 1;
  }
}



/* .wrapper{
  display: inline;
  width: 50%;
  overflow: hidden;
}
.wrapper span {
  animation: animate 15s steps(100) infinite 0ms;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 68%;
  left: 16%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 407px;
  padding: 40px;
}
.wrapper span img{
  width: 100%;
  height: 54px;
  margin-bottom: auto;
}
.query{
  font-family: Inter;
  font-size: 18.27px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: left;

  margin-left: auto;
  margin-bottom: 10px;
  background: var(--Base-Base-White, rgba(252, 252, 252, 1));
  box-shadow: 0.76px 3.04px 15.22px 2.28px rgba(26, 26, 26, 0.1);
  border-radius: 7.61px;
  padding: 20px;
  color: var(--Primary-Primary, rgba(24, 9, 236, 1));
}
.response{
  font-family: Inter;
  font-size: 18.27px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--Base-Base-White, rgba(252, 252, 252, 1));
  margin-right: auto;
  margin-bottom: 10px;
  border-radius: 7.61px;
  padding: 20px;
  background: var(--Primary-Primary500, rgba(84, 73, 248, 1));
  box-shadow: 1px 4px 20px 3px rgba(26, 26, 26, 0.1);
}
.dummy-input{
  font-family: Inter;
  font-size: 18.27px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: left;
  width: 100%;
  background: var(--Base-Base-White, rgba(252, 252, 252, 1));
  border: 0.76px solid var(--Primary-Primary200, rgba(187, 182, 252, 1));
  box-shadow: 0px 3.04px 15.22px 0px rgba(187, 182, 252, 1) inset;
  border-radius: 760px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-inline: 20px;
  align-self: center;
  color: var(--Neutrals-Neutrals500, rgba(137, 131, 132, 1));
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wrapper span .dummy-input img{
  margin-left: auto;
  width: 10%;
  height: 20px;

}
.wrapper span:nth-child(1){
  animation-delay: 0s;
}
.wrapper span:nth-child(2){
  animation-delay: 3s;
}
.wrapper span:nth-child(3){
  animation-delay: 6s;
}
.wrapper span:nth-child(4){
  animation-delay: 9s;
}
.wrapper span:nth-child(5){
  animation-delay: 12s;
}

@keyframes animate {
  0%, 20%, 100% { opacity: 0; }
  5%, 15% { opacity: 1; }
} */

/* uptill this line */
@media (min-width:520px) and (max-width:820px){
  .frame-1932{
    top: calc(50% - -83.71875rem);
  }
  .frame-251{
    width: 45.125rem;
    left: calc(50% - 22.5625rem);
  }
  .frame-250 {
    width: 35.375rem;
}
.frame-139{
  width: 45.375rem;
}
.frame-2502{
  width:88%;
}
.clip-path-group {
  height: 38rem;
  position: absolute;
  left: 50.0325rem;
  top: 6.5625rem;
  transform: translate(-13.595rem, -18.5625rem);
  overflow: visible;
}
.clip-path-group2 {
  height: 34rem;
  position: absolute;
  left: 117.571875rem;
  top: 11.4375rem;
  transform: translate(-34.743125rem, -6rem);
  overflow: visible;
}
.frame-172{
  align-self: auto;
}
._1st-set{
  gap: 0.875rem;
}
.cards {
  gap: 0.875rem;
  width: 45.895625rem;
}
.frame-1233, .frame-248, .frame-249{
  width: 14.715rem;
}
.group-44, .group-442, .group-443, .group-444, .group-445{
  left: 0.2625rem;
}
.as-someone-who-isn-t-a-technical-expert-i-found-kognie-incredibly-user-friendly-it-s-helped-me-create-reports-and-analyze-customer-data-with-ease, .kognie-has-been-a-lifesaver-for-me-the-platform-s-ability-to-integrate-various-ll-ms-helped-me-get-diverse-and-reliable-insights-across-the-project, .kognie-has-been-a-fantastic-addition-to-our-toolkit-it-s-streamlined-our-document-analysis-and-research-processes-helping-us-make-data-driven-decisions-faster, .kognie-s-amazing-support-team-were-proactive-in-understanding-our-specific-needs-and-even-customized-the-platform-to-better-suit-our-workflow, .being-able-to-access-various-ai-models-from-one-place-helped-me-test-ideas-quickly-and-effectively-it-s-like-having-a-personal-ai-assistant  {
  left: 3.135625rem;
}
.frame-132 {
  gap: 0.4375rem;
  width: 90%;
}
.frame-188 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 46.875rem;
  height: 48.0625rem;
  position: absolute;
  left: calc(50% - 23.4375rem);
  top: 465rem;
}
.group {
  opacity: 0.5;
  object-fit: cover;
  height: 10.1%;
  position: absolute;
  right: -22.55%;
  left: -12.55%;
  bottom: 1.57%;
  top: 90.73%;
  overflow: visible;
}
.frame-214 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 43.0625rem;
  position: relative;
}
.frame-177 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 45.9375rem;
  position: relative;
}
.frame-259 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 22.59375rem);
  top: 228.75rem;
}
.frame-258 {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 44.1875rem;
  position: relative;
}
.frame-257 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  /* height: 43.27125rem; */
  position: relative;
  max-width: 41rem;
  /* width: auto; */
}
.frame-257{
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  height: 20.27125rem;
}
.frame-255{
  left:55%;
}
.frame-260 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 26.125rem);
  top: calc(50% - -122.28125rem);
}
.group2 {
  opacity: 0.5;
  object-fit: cover;
  height: 10.1%;
  position: absolute;
  right: -22%;
  left: -12.27%;
  bottom: 1.64%;
  top: 92.5%;
  transform: translate(-1.5625rem, -49.154375rem);
  overflow: visible;
}

/* iPad (all models) - show desktop navbar, hide mobile nav */
@media (min-width: 768px) and (max-width: 1366px) {
  .frame-250 {
    display: flex !important;
  }
  .mobile-nav-wrapper {
    display: none !important;
  }
  .group2 {
    margin-top: 20px;
  }
}

}


@media screen and (max-width:768px) {
  .i-phone-8-1{
    display: block;
  }
  .final-prototype{
    display: none;
  }
  .i-phone-8-1,
.i-phone-8-1 * {
  box-sizing: border-box;
}
.i-phone-8-1 {
  background: #fbfbfe;
  height: 378.4375rem;
  position: relative;
  overflow: hidden;
}
.rectangle-158 {
  background: linear-gradient(
    180deg,
    rgba(251, 251, 254, 1) 0%,
    rgba(245, 248, 255, 1) 100%
  );
  width: 54.1875rem;
  height: 32.8125rem;
  position: absolute;
  left: -15.0625rem;
  top: 346rem;
}
.grid {
  width: 42.125rem;
  height: 64.125rem;
  position: absolute;
  left: -13.3125rem;
  top: 377.8125rem;
  transform: translate(13.3125rem, -64.125rem);
  overflow: visible;
}
.group {
  opacity: 1;
  width: 160.99%;
  height: 3.93%;
  position: absolute;
  right: -37.33%;
  left: -51.66%;
  bottom: 6.26%;
  top: 97.81%;
  transform: translate(5.545rem, -13.145625rem);
  overflow: visible;
}
.group2 {
  opacity: 1;
  width: 161.97%;
  height: 3.93%;
  position: absolute;
  right: -37.17%;
  left: -24.8%;
  bottom: 3.28%;
  top: 100.79%;
  overflow: visible;
}
.rectangle-1582 {
  background: #f6f6ea;
  width: 44.75rem;
  height: 99.5625rem;
  position: absolute;
  left: calc(50% - 22.40625rem);
  top: 96rem;  /*need to push*/
}
.rectangle-1583 {
  background: linear-gradient(
    150.71deg,
  );
  width: 40.5625rem;
  height: 48.25rem;
  position: absolute;
  left: calc(50% - 22.28125rem);
  top: 26rem; /*need to push*/
}
.grid2 {
  width: 40.3125rem;
  height: 59.0625rem;
  position: absolute;
  left: -10.5625rem;
  top: -25.0625rem;
  overflow: visible;
}
.frame-313 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  position: absolute;
  /* left: 0.625rem; */
  top: 2.5rem;
  margin-inline: 5%;
  position: fixed;
  z-index: 1000001;
  backdrop-filter: blur(4px);
  background: transparent;
  border-radius: 12px;
  padding: 8px 16px;
}
.full-length-logo {
  flex-shrink: 0;
  width: 5.3125rem;
  height: 2.1875rem;
  position: relative;
  overflow: visible;
}
.frame-126 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.625rem 1.875rem 0.625rem 1.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.frame-126:hover{
  background: var(--primary-primary700, #5449f8);
}
.sign-up {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
}
.frame-262 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 10.948125rem);
  top: 8rem;
  width: auto;
}
.frame-141 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.frame-140 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-139 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
/* need to push */

.access-all-leading-ll-ms-with-a-single-kognie-account {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 2.1875rem;
  line-height: 3.0625rem;
  letter-spacing: -0.02em;
  font-weight: 400;
  position: relative;
  width: 18.125rem;
  height: 283px;

}

/* .wrapper span{
  height: auto;
}

.wrapper span img {
  width: 100%;
  height: 7rem;
  margin-bottom: auto;
  scale: 1.7;
} */

/* to the production css */

.access-all-leading-ll-ms-with-a-single-kognie-account-span {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-Medium", sans-serif;
  font-size: 35px;
  line-height: 49px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.access-all-leading-ll-ms-with-a-single-kognie-account-span2 {
  color: #11274e;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 35px;
  line-height: 49px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.access-all-leading-ll-ms-with-a-single-kognie-account-span3 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 35px;
  line-height: 49px;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-style: italic;
}
.plus-get-gen-ai-powered-document-and-data-analysis-services {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.3rem;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  width: 18.0625rem;
}
.frame-124 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.625rem 1.875rem 0.625rem 1.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.try-now-for-free {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.illustration {
  flex-shrink: 0;
  width: 21.89625rem;
  height: 19.16875rem;
  position: relative;
  overflow: hidden;
}
.ellipse-74 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--neutrals-neutrals800, #433e3f);
  border-width: 0.03875rem;
  width: 7.014375rem;
  height: 7.285625rem;
  position: absolute;
  left: 13.4475rem;
  top: 1.4725rem;
}
.send-query {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  position: absolute;
  left: 3.515625rem;
  top: 3.365rem;
}
.full-length-logo2 {
  width: 1.9325rem;
  height: 2.710625rem;
  position: absolute;
  left: 7.750625rem;
  top: 3.345625rem;
  overflow: visible;
}
.vector-56 {
  width: 3.78375rem;
  height: 1.14125rem;
  position: absolute;
  left: 3.301875rem;
  top: 2.50625rem;
  overflow: visible;
}
.vector-57 {
  width: 3.78375rem;
  height: 1.14125rem;
  position: absolute;
  left: 7.079375rem;
  top: 6.091875rem;
  transform: translate(-3.80625rem, -1.16rem);
  overflow: visible;
}
.vector-58 {
  width: 2.321875rem;
  height: 0rem;
  position: absolute;
  left: 10.273125rem;
  top: 4.4875rem;
  transform: translate(0rem, -0.10875rem);
  overflow: visible;
}
.vector-59 {
  width: 8.375rem;
  height: 5.0625rem;
  position: absolute;
  left: 8.666875rem;
  top: 6.1875rem;
  overflow: visible;
}
.response {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  position: absolute;
  left: 3.785625rem;
  top: 4.678125rem;
}
.prompt {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  position: absolute;
  left: 10.39rem;
  top: 3.426875rem;
}
.response2 {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  position: absolute;
  left: 11.104375rem;
  top: 10.25rem;
  width: 3.1875rem;
}
.user {
  width: 1.9375rem;
  height: 1.9375rem;
  position: absolute;
  left: 1.20125rem;
  top: 3.294375rem;
  overflow: visible;
}
.group-88 {
  position: absolute;
  inset: 0;
}
.frame-312 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.31125rem;
  width: 1.60875rem;
  height: 1.60875rem;
  position: absolute;
  left: 18.07875rem;
  top: 4.850625rem;
  box-shadow: inset 0rem 0.03125rem 0.13rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg {
  width: 1.71875rem;
  height: 1.71875rem;
  position: absolute;
  left: -0.055rem;
  top: -0.055625rem;
}
.symbol-svg {
  width: 0.908125rem;
  height: 0.908125rem;
  position: absolute;
  left: calc(50% - 0.466875rem);
  top: calc(50% - 0.44125rem);
  overflow: hidden;
}
.group3 {
  width: 100.05%;
  height: 100%;
  position: absolute;
  right: 0.01%;
  left: -0.06%;
  bottom: -0.01%;
  top: 0.01%;
  overflow: visible;
}
.frame-309 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.31125rem;
  width: 1.60875rem;
  height: 1.60875rem;
  position: absolute;
  left: 15.065rem;
  top: 2.67375rem;
  box-shadow: inset 0rem 0.03125rem 0.13rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol-svg2 {
  width: 0.985625rem;
  height: 0.674375rem;
  position: absolute;
  left: calc(50% - 0.493125rem);
  top: calc(50% - 0.3375rem);
  overflow: visible;
}
.frame-308 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.31125rem;
  width: 1.60875rem;
  height: 1.60875rem;
  position: absolute;
  left: 17.1075rem;
  top: 2.67375rem;
  box-shadow: inset 0rem 0.03125rem 0.13rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol {
  height: auto;
  position: absolute;
  left: 0.31125rem;
  top: 0.466875rem;
  overflow: visible;
}
.frame-311 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.31125rem;
  width: 1.60875rem;
  height: 1.60875rem;
  position: absolute;
  left: 14.261875rem;
  top: 4.850625rem;
  box-shadow: inset 0rem 0.03125rem 0.13rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-seeklogo-1 {
  width: 0.855625rem;
  height: 0.855625rem;
  position: absolute;
  left: calc(50% - 0.42625rem);
  top: calc(50% - 0.436875rem);
  overflow: hidden;
}
.group4 {
  width: 100.01%;
  height: 99.87%;
  position: absolute;
  right: -0.02%;
  left: 0.01%;
  bottom: 0.11%;
  top: 0.01%;
  overflow: visible;
}
.frame-310 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.31125rem;
  width: 1.60875rem;
  height: 1.60875rem;
  position: absolute;
  left: 16.304375rem;
  top: 5.921875rem;
  box-shadow: inset 0rem 0.03125rem 0.13rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg2 {
  width: 1.71875rem;
  height: 1.71875rem;
  position: absolute;
  left: -0.055rem;
  top: -0.055rem;
}
.google-gemini-icon-2 {
  width: 1.089375rem;
  height: 1.089375rem;
  position: absolute;
  left: calc(50% - 0.55125rem);
  top: calc(50% - 0.53625rem);
  overflow: visible;
}
.frame-138 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.trusted-by-researchers-at-reputable-instituitions {
  color: var(--primary-primary1000, #0a045f);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-319 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 5.125rem;
  position: relative;
}
.frame-317 {
  display: flex;
  flex-direction: row;
  gap: 2.5625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.image-70 {
  flex-shrink: 0;
  width: 1.896875rem;
  height: 2.5625rem;
  position: relative;
  object-fit: cover;
}
.image-71 {
  flex-shrink: 0;
  width: 3.41125rem;
  height: 2.525rem;
  position: relative;
  object-fit: cover;
}
.image-79 {
  flex-shrink: 0;
  width: 4.961875rem;
  height: 2.525rem;
  position: relative;
  object-fit: cover;
}
.image-78 {
  flex-shrink: 0;
  width: 2.87125rem;
  height: 1.9rem;
  position: relative;
  object-fit: cover;
}
.frame-318 {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.jp-morgan-logo-svg {
  flex-shrink: 0;
  width: 7.110625rem;
  height: 1.114375rem;
  position: relative;
  overflow: hidden;
}
.group5 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -0.01%;
  top: 0.01%;
  overflow: visible;
}
.ibm-logo-svg {
  flex-shrink: 0;
  width: 3.201875rem;
  height: 1.273125rem;
  position: relative;
  overflow: hidden;
}
.group6 {
  width: 100%;
  height: 99.99%;
  position: absolute;
  right: 0.01%;
  left: -0.01%;
  bottom: 0%;
  top: 0.01%;
  overflow: visible;
}
.frame-2622 {
  background: linear-gradient(
    180deg,
    rgba(246, 249, 255, 1) 0%,
    rgba(246, 246, 234, 1) 100%
  );
  width: 40.6875rem;
  height: 22.4375rem;
  position: absolute;
  left: calc(50% - 21.34375rem);
  top: 67.5625rem;  /*need to push*/
  overflow: hidden;
}
.clip-path-group {
  height: auto;
  position: absolute;
  left: 4.5rem;
  top: 3.85625rem;
  transform: translate(-4.875rem, -13.85625rem);
  overflow: visible;
}
.clip-path-group2 {
  height: auto;
  position: absolute;
  left: 34.888125rem;
  top: 11.125rem;
  transform: translate(-22.450625rem, -6rem);
  overflow: visible;
}
.send-your-query-to-whichever-llm-you-want-try-out-different-ll-ms-for-a-query-to-find-out-which-gives-you-the-best-results-no-bundling-pay-only-for-what-you-use {
  color: var(--primary-primary, #5449F8);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.125rem;
  line-height: 1.575rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: calc(50% - 6.34375rem);
  top: calc(50% - 6.28125rem);
  width: 14.75rem;
}
.frame-2623 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 10.78125rem);
  top: 98.625rem; /*need to push*/
}
.frame-137 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.get-access-to-the-best-of-ai {
  color: var(--primary-primary500, #5449f8);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.one-platform-for-everything-ai {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: auto;
}
.one-platform-for-everything-ai-span {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.one-platform-for-everything-ai-span2 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.one-platform-for-everything-ai-span3 {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.frame-180 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-213 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.frame-157 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.one-stop-solution-for-all-your-ai-needs {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.225rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.get-all-your-generative-ai-requirements-organized-in-one-platform {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 19.75rem;
}
.frame-156 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 21.5rem;
  position: relative;
}
.frame-2132 {
  background: #11274e;
  border-radius: 0.195625rem;
  flex-shrink: 0;
  width: 7.62125rem;
  height: 7.360625rem;
  position: relative;
  overflow: hidden;
}
.frame-162 {
  display: flex;
  flex-direction: column;
  gap: 0.195625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 6.123125rem;
  position: absolute;
  left: calc(50% - 3.061875rem);
  top: 0.58625rem;
}
.text-generation {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.93125rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.generate-text-using-the-llm-of-your-choice {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.group-85 {
  position: absolute;
  inset: 0;
}
.rectangle-134 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.195625rem 0.195625rem 0.195625rem 0rem;
  width: 4.388125rem;
  height: 0.979375rem;
  position: absolute;
  left: 7.4175rem;
  top: 4.3875rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.polygon-2 {
  width: 0.333125rem;
  height: 0.333125rem;
  position: absolute;
  left: 7.41625rem;
  top: 5.51875rem;
  overflow: visible;
}
.group-82 {
  width: 3.241875rem;
  height: 0.235rem;
  position: absolute;
  left: 3.849375rem;
  top: 4.759375rem;
  overflow: visible;
}
.group-86 {
  height: auto;
  position: absolute;
  left: 4.5725rem;
  top: 5.669375rem;
  transform: translate(-4.5725rem, 0rem);
  overflow: visible;
}
.frame-153 {
  background: #11274e;
  border-radius: 0.195625rem;
  flex-shrink: 0;
  width: 11.855625rem;
  height: 7.360625rem;
  position: relative;
  overflow: hidden;
}
.frame-154 {
  display: flex;
  flex-direction: row;
  gap: 0.42875rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: -0.91875rem;
  top: 4.31rem;
}
.rectangle-119 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.17125rem;
  flex-shrink: 0;
  width: 4.28875rem;
  height: 4.28875rem;
  position: relative;
}
.rectangle-121 {
  background: var(--primary-primary500, #5449f8);
  border-radius: 0.17125rem;
  flex-shrink: 0;
  width: 4.28875rem;
  height: 4.28875rem;
  position: relative;
}
.rectangle-120 {
  background: var(--primary-primary600, #3224f7);
  border-radius: 0.17125rem;
  flex-shrink: 0;
  width: 4.28875rem;
  height: 4.28875rem;
  position: relative;
}
.group-63 {
  flex-shrink: 0;
  width: 2.315625rem;
  height: 2.344375rem;
  position: absolute;
  left: 0.971875rem;
  top: 0.971875rem;
  overflow: visible;
}
.group-64 {
  flex-shrink: 0;
  width: 2.315625rem;
  height: 2.344375rem;
  position: absolute;
  left: 5.718125rem;
  top: 0.971875rem;
  overflow: visible;
}
.group-65 {
  flex-shrink: 0;
  width: 2.315625rem;
  height: 2.344375rem;
  position: absolute;
  left: 10.464375rem;
  top: 0.971875rem;
  overflow: visible;
}
.frame-163 {
  display: flex;
  flex-direction: column;
  gap: 0.195625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 9.83625rem;
  position: absolute;
  left: 0.71625rem;
  top: 0.58625rem;
}
.image-generation {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.93125rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.generate-high-resolution-images-using-the-best-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-1542 {
  background: #11274e;
  border-radius: 0.195625rem;
  flex-shrink: 0;
  width: 11.875rem;
  height: 8.6875rem;
  position: relative;
  overflow: hidden;
}
.group-70 {
  height: auto;
  position: absolute;
  left: 0rem;
  top: 0rem;
  overflow: visible;
  width: -webkit-fill-available;
}
.frame-215 {
  display: flex;
  flex-direction: column;
  gap: 0.195625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 9.478125rem;
  position: absolute;
  left: 0.728125rem;
  top: 4.288125rem;
}
.research-from-documents {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.93125rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-your-documents-in-any-format-using-the-power-of-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-155 {
  background: #11274e;
  border-radius: 0.195625rem;
  flex-shrink: 0;
  width: 7.625rem;
  height: 8.6875rem;
  position: relative;
  overflow: hidden;
}
.group-71 {
  position: absolute;
  inset: 0;
}
.rectangle-122 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.308125rem;
  width: 5.57625rem;
  height: 1.971875rem;
  position: absolute;
  left: 2.684375rem;
  top: 0.795625rem;
}
.rectangle-123 {
  background: var(--primary-primary200, #bbb6fc);
  border-radius: 0.308125rem;
  width: 2.34125rem;
  height: 1.971875rem;
  position: absolute;
  left: -0.119375rem;
  top: 0.795625rem;
}
.https {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.0782626867294312rem;
  line-height: 0.88125rem;
  letter-spacing: -0.01em;
  font-weight: 600;
  position: absolute;
  left: 3.300625rem;
  top: 1.35rem;
}
.group-702 {
  width: 0.98625rem;
  height: 1.078125rem;
  position: absolute;
  left: 0.55875rem;
  top: 1.2575rem;
  overflow: visible;
}
.frame-216 {
  display: flex;
  flex-direction: column;
  gap: 0.195625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 6.709375rem;
  position: absolute;
  left: calc(50% - 3.355rem);
  top: 4.26375rem;
}
.research-the-web {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.93125rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-information-on-the-web-using-ll-ms {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 6.41625rem;
}
.data-sets {
  background: #11274e;
  border-radius: 0.195625rem;
  flex-shrink: 0;
  width: 20.486875rem;
  height: 7.0675rem;
  position: relative;
  overflow: hidden;
}
.frame-164 {
  display: flex;
  flex-direction: column;
  gap: 0.195625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 12.995625rem;
  position: absolute;
  left: 0.71625rem;
  top: 4.5925rem;
}
.datasets {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.93125rem;
  letter-spacing: -0.01em;
  /* font-weight: 600; */
  position: relative;
  align-self: stretch;
}
.extract-insights-from-your-datasets {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.508125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-221 {
  display: flex;
  flex-direction: column;
  gap: 0.22375rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: -0.42375rem;
  top: 0.228125rem;
}
.rectangle-125 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.28rem 0.28rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.448125rem;
  position: relative;
}
.frame-219 {
  display: flex;
  flex-direction: column;
  gap: 0.168125rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-217 {
  display: flex;
  flex-direction: row;
  gap: 0.168125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 3.191875rem;
  position: relative;
}
.rectangle-124 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.rectangle-126 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.rectangle-127 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.rectangle-128 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.frame-2192 {
  display: flex;
  flex-direction: row;
  gap: 0.168125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 3.191875rem;
  position: relative;
}
.frame-220 {
  display: flex;
  flex-direction: row;
  gap: 0.168125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 3.191875rem;
  position: relative;
}
.rectangle-1242 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem 0.111875rem 0.111875rem 0.28rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.rectangle-1282 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.111875rem 0.111875rem 0.28rem 0.111875rem;
  flex-shrink: 0;
  width: 0.671875rem;
  height: 0.671875rem;
  position: relative;
}
.arrow-4 {
  width: 0.873125rem;
  height: 1rem;
  position: absolute;
  left: 3.648125rem;
  top: 1.563125rem;
  overflow: visible;
}
.frame-225 {
  display: flex;
  flex-direction: column;
  gap: 0.10625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 3.55rem;
  position: absolute;
  left: 17.4575rem;
  top: 1.0425rem;
}
.frame-223 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.1775rem 0.1775rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.42625rem;
  position: relative;
}
.frame-224 {
  display: flex;
  flex-direction: row;
  gap: 0.035625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0.24875rem;
  top: calc(50% - 0.053125rem);
}
.ellipse-54 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.10625rem;
  height: 0.10625rem;
  position: relative;
}
.ellipse-57 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.10625rem;
  height: 0.10625rem;
  position: relative;
}
.ellipse-58 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.10625rem;
  height: 0.10625rem;
  position: relative;
}
.frame-222 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.1775rem 0.1775rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 2.55625rem;
  position: relative;
}
.group-79 {
  position: absolute;
  inset: 0;
}
.ellipse-49 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--primary-primary100, #dddbfe);
  border-width: 0.28375rem;
  width: 1.634375rem;
  height: 1.634375rem;
  position: absolute;
  left: 0.959375rem;
  top: 0.465rem;
}
.ellipse-50 {
  background: var(--primary-primary800, #1106a6);
  border-radius: 50%;
  width: 1.634375rem;
  height: 1.634375rem;
  position: absolute;
  left: 0.959375rem;
  top: 0.465rem;
}
.ellipse-51 {
  background: var(--primary-primary400, #766df9);
  border-radius: 50%;
  width: 1.634375rem;
  height: 1.634375rem;
  position: absolute;
  left: 2.700625rem;
  top: 0.588125rem;
  transform-origin: 0 0;
  transform: rotate(98.172deg) scale(1, 1);
}
.ellipse-52 {
  background: var(--primary-primary300, #9992fb);
  border-radius: 50%;
  width: 1.634375rem;
  height: 1.634375rem;
  position: absolute;
  left: 1.68625rem;
  top: 2.4275rem;
  transform-origin: 0 0;
  transform: rotate(-130.159deg) scale(1, 1);
}
.ellipse-53 {
  /* background: var(--primary-primary600, #3224f7); */
  border-radius: 50%;
  width: 2.631875rem;
  height: 1.631875rem;
  position: absolute;
  left: 1.88125rem;
  top: -10px;
  transform-origin: 0 0;
  transform: rotate(50.556deg) scale(1, 1);
}
.frame-226 {
  display: flex;
  flex-direction: column;
  gap: 0.10625rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 3.55rem;
  position: absolute;
  left: 9.445625rem;
  top: 0.55375rem;
}
.group-80 {
  position: absolute;
  inset: 0;
}
.ellipse-59 {
  background: var(--primary-primary500, #5449f8);
  border-radius: 50%;
  width: 1.83875rem;
  height: 1.83875rem;
  position: absolute;
  left: 0.930625rem;
  top: 0.433125rem;
}
.ellipse-60 {
  /* background: var(--primary-primary, #5449F8); */
  border-radius: 50%;
  width: 1.941875rem;
  height: 1.941875rem;
  position: absolute;
  left: 2.723125rem;
  top: 0.28375rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.frame-227 {
  display: flex;
  flex-direction: column;
  gap: 0.106875rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 3.55625rem;
  position: absolute;
  left: 13.45125rem;
  top: 0rem;
}
.frame-2232 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.178125rem 0.178125rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.426875rem;
  position: relative;
}
.ellipse-542 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.106875rem;
  height: 0.106875rem;
  position: relative;
}
.ellipse-572 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.106875rem;
  height: 0.106875rem;
  position: relative;
}
.ellipse-582 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.106875rem;
  height: 0.106875rem;
  position: relative;
}
.frame-2222 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.178125rem 0.178125rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 2.560625rem;
  position: relative;
}

.group-81 {
    height: inherit;
    position: absolute;
    left: 0.4rem;
    top: -0.1rem;
    overflow: visible;
}
.frame-228 {
  display: flex;
  flex-direction: column;
  gap: 0.1125rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 3.745625rem;
  position: absolute;
  left: 5.24375rem;
  top: 0rem;
}
.frame-2233 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0.1875rem 0.1875rem 0rem 0rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.449375rem;
  position: relative;
}
.frame-2242 {
  display: flex;
  flex-direction: row;
  gap: 0.0375rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0.2625rem;
  top: calc(50% - 0.05625rem);
}
.ellipse-543 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1125rem;
  height: 0.1125rem;
  position: relative;
}
.ellipse-573 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1125rem;
  height: 0.1125rem;
  position: relative;
}
.ellipse-583 {
  background: var(--primary-primary900, #0d0582);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1125rem;
  height: 0.1125rem;
  position: relative;
}
.frame-2223 {
  background: var(--primary-primary100, #dddbfe);
  border-radius: 0rem 0rem 0.1875rem 0.1875rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 2.696875rem;
  position: relative;
}
.frame-229 {
  display: flex;
  flex-direction: row;
  gap: 0.05625rem;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 0.561875rem;
  top: 0.355625rem;
}
.rectangle-129 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.468125rem;
  height: 0.580625rem;
  position: relative;
}
.rectangle-130 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.468125rem;
  height: 1.03rem;
  position: relative;
}
.rectangle-131 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.430625rem;
  height: 1.1425rem;
  position: relative;
}
.rectangle-132 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.468125rem;
  height: 0.82375rem;
  position: relative;
}
.rectangle-133 {
  background: var(--primary-primary, #5449F8);
  flex-shrink: 0;
  width: 0.468125rem;
  height: 1.760625rem;
  position: relative;
}
.frame-263 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.13rem;
  padding: 0.065rem 0.325625rem 0.065rem 0.325625rem;
  display: flex;
  flex-direction: row;
  gap: 0.325625rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 15.225rem;
  top: 5.596875rem;
}
.coming-soon {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5rem;
  line-height: 0.508125rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
}
.frame-172 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 21.375rem;
  position: relative;
}
.frame-148 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.frame-146 {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.connect-with-all-leading-ll-ms {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.225rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 10.25rem;
}
.kognie-helps-you-connect-with-leading-ai-models-from-well-established-companies-like-open-ai-gemini-anthropic-llama-and-mistral {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  font-weight: 400;
  position: relative;
  width: 10.6875rem;
}
.frame-147 {
  border-radius: var(--spacing-xxs, 0.25rem);
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-147 a{
  font-size: 12px;
  color:var(--primary-primary700, #1408c9);
}
.frame-147 a:hover{
  /* font-size: 12px; */
  color:var(--primary-primary700, #5449f8);
}
.frame-125 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.625rem 0.875rem 0.625rem 0.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.frame-125:hover{
  background: var(--primary-primary700, #5449f8);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.625rem 0.875rem 0.625rem 0.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.contact-us {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.575rem;
  font-weight: 500;
  position: relative;
}
.frame-145 {
  display: flex;
  flex-direction: row;
  gap: 0.894375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 8.656875rem;
  position: relative;
}
.frame-244 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.429375rem;
  flex-shrink: 0;
  width: 2.218125rem;
  height: 2.218125rem;
  position: relative;
  box-shadow: inset 0rem 0.04375rem 0.17875rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg3 {
  width: 1.68125rem;
  height: 1.61rem;
  position: absolute;
  left: calc(50% - 0.85875rem);
  top: calc(50% - 0.786875rem);
  object-fit: cover;
}
.frame-242 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.429375rem;
  flex-shrink: 0;
  width: 2.218125rem;
  height: 2.218125rem;
  position: relative;
  box-shadow: inset 0rem 0.04375rem 0.17875rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.mistral-ai-icon-jpeg4 {
  width: 2.37rem;
  height: 2.37rem;
  position: absolute;
  left: -0.07625rem;
  top: -0.07625rem;
}
.image-69 {
  width: 1.5025rem;
  height: 1.5025rem;
  position: absolute;
  left: calc(50% - 0.75125rem);
  top: calc(50% - 0.75125rem);
  object-fit: cover;
}
.frame-246 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.429375rem;
  flex-shrink: 0;
  width: 2.218125rem;
  height: 2.218125rem;
  position: relative;
  box-shadow: inset 0rem 0.04375rem 0.17875rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol-svg3 {
  width: 1.251875rem;
  height: 1.251875rem;
  position: absolute;
  left: calc(50% - 0.64375rem);
  top: calc(50% - 0.608125rem);
  overflow: hidden;
}
.group7 {
  width: 100.05%;
  height: 100%;
  position: absolute;
  right: -0.02%;
  left: -0.03%;
  bottom: 0.01%;
  top: -0.01%;
  overflow: visible;
}
.frame-243 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.429375rem;
  flex-shrink: 0;
  width: 2.218125rem;
  height: 2.218125rem;
  position: relative;
  box-shadow: inset 0rem 0.04375rem 0.17875rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
}
.symbol-svg4 {
  width: 1.359375rem;
  height: 0.93rem;
  position: absolute;
  left: calc(50% - 0.68rem);
  top: calc(50% - 0.465rem);
  overflow: visible;
}
.frame-245 {
  background: rgba(255, 255, 255, 0.13);
  border-radius: 0.429375rem;
  flex-shrink: 0;
  width: 2.218125rem;
  height: 2.218125rem;
  position: relative;
  box-shadow: inset 0rem 0.04375rem 0.17875rem 0rem rgba(153, 146, 251, 1);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;

}
.symbol2 {
  height: 1.2rem;
  /* position: absolute;
  left: 0.429375rem;
  top: 0.64375rem; */
  overflow: visible;
}
.frame-2624 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 10.90625rem);
  top: 148.125rem;
}
.frame-181 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.for-landing-2-1 {
  border-radius: var(--spacing-sm, 1rem);
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.0625rem;
  /* flex-shrink: 0; */
  width: 22.1875rem;
  height: 20.625rem;
  /* position: relative; */
  object-fit: fill;
}

.more-than-just-another-ai-chat-platform {
  color: var(--primary-primary500, #5449f8);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
}
.one-dashboard-to-manage-your-projects-and-documents {
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 18rem;
}
.one-dashboard-to-manage-your-projects-and-documents-span {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.one-dashboard-to-manage-your-projects-and-documents-span2 {
  color: var(--primary-primary1000, #0a045f);
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.frame-258 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.for-landing-3 {
  background: #f9fbfe;
  border-radius: 0.531875rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals100, #e3e3e3);
  border-width: 0.033125rem;
  flex-shrink: 0;
  width: 21.869375rem;
  height: 19.86125rem;
  position: relative;
  overflow: hidden;
}
.navigation-extended {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.19875rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.02rem;
  padding: 0.3975rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: center;
  width: 6.183125rem;
  position: absolute;
  left: 15.189375rem;
  top: 0.378125rem;
}
.button-medium {
  background: linear-gradient(
    90deg,
    rgba(15, 12, 41, 1) 0%,
    rgba(56, 46, 160, 1) 44.799986481666565%,
    rgba(10, 10, 85, 1) 100%
  );
  border-radius: 0.119375rem;
  padding: 0.099375rem 0.3975rem 0.099375rem 0.3975rem;
  display: flex;
  flex-direction: row;
  gap: 0.099375rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 0.715625rem;
  position: relative;
}
.sparkling {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.chat-with-kognie {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 600;
  position: relative;
}
.frame-120 {
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.notification {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.help {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.profile-icon {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
}
.ellipse-7 {
  background: var(--primary-primary600, #3224f7);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.a {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: var(--med-12-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-12-font-size, 0.75rem);
  font-weight: var(--med-12-font-weight, 500);
  position: absolute;
  right: 22.84%;
  left: 30%;
  width: 47.16%;
  bottom: 11.41%;
  top: 10%;
  height: 78.59%;
}
.frame-121 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.19875rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.02rem;
  width: 14.79125rem;
  height: 30.75625rem;
  position: absolute;
  left: 6.580625rem;
  top: 2.0475rem;
}
.line-1 {
  margin-top: -0.02rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.02rem 0 0 0;
  width: 14.79125rem;
  height: 0rem;
  position: absolute;
  left: 0rem;
  top: 1.570625rem;
}
.frame-2234 {
  display: flex;
  flex-direction: column;
  gap: 0.318125rem;
  align-items: center;
  justify-content: flex-start;
  width: 14.79125rem;
  height: 28.051875rem;
  position: absolute;
  left: calc(50% - 7.395625rem);
  top: 2.166875rem;
}
.frame-218 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 13.081875rem;
  position: relative;
}
.frame-122 {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.slider-button {
  border-radius: 0.04rem 0.04rem 0rem 0rem;
  border-style: solid;
  border-color: var(--primary-primary600, #3224f7);
  border-width: 0rem 0rem 0.059375rem 0rem;
  padding: 0.19875rem 0.19875rem 0.298125rem 0.19875rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.personal {
  color: var(--primary-primary, #5449F8);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.35785868763923645rem;
  font-weight: 500;
  position: relative;
}
.number-tags {
  background: var(--primary-primary400, #766df9);
  border-radius: 0.04rem;
  padding: 0.059375rem 0.04rem 0.059375rem 0.04rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.4375rem;
  position: relative;
}
._10 {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: var(--med-10-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-10-font-size, 0.625rem);
  font-weight: var(--med-10-font-weight, 500);
  position: relative;
  width: 0.278125rem;
}
.slider-button2 {
  padding: 0.19875rem 0.19875rem 0.298125rem 0.19875rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button {
  color: var(--base-base-black, #0a0a0b);
  text-align: center;
  font-family: var(--reg-18-font-family, "Inter-Regular", sans-serif);
  font-size: var(--reg-18-font-size, 1.125rem);
  font-weight: var(--reg-18-font-weight, 400);
  position: relative;
}
.frame-2224 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 13.260625rem;
  position: relative;
}
.search {
  border-radius: 0.119375rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals600, #726c6c);
  border-width: 0.02rem;
  padding: 0.15875rem 0.19875rem 0.15875rem 0.19875rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 5.129375rem;
  position: relative;
}
.search2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.search-by-tags-projects-etc {
  color: var(--neutrals-neutrals200, #cccbcb);
  text-align: left;
  font-family: var(--med-10-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-10-font-size, 0.625rem);
  font-weight: var(--med-10-font-weight, 500);
  position: relative;
}
.frame-2212 {
  display: flex;
  flex-direction: row;
  gap: 0.15875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-button {
  background: var(--primary-primary, #5449F8);
  border-radius: 0.119375rem;
  padding: 0.099375rem;
  display: flex;
  flex-direction: row;
  gap: 0.099375rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.914375rem;
  height: 0.914375rem;
  position: relative;
}
.funnel {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.sorting-arrows {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.add-new {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-2202 {
  display: flex;
  flex-direction: column;
  gap: 0.795rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-135 {
  display: flex;
  flex-direction: column;
  gap: 0.318125rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2162 {
  border-style: solid;
  border-color: var(--neutrals-neutrals700, #5a5555);
  border-width: 0rem 0rem 0.02rem 0rem;
  padding: 0.3975rem 0rem 0.3975rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.12125rem;
  position: relative;
}
.frame-214 {
  display: flex;
  flex-direction: column;
  gap: 0.19875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 3.97625rem;
  position: relative;
}
.frame-206 {
  display: flex;
  flex-direction: row;
  gap: 0.079375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.profile-icon2 {
  flex-shrink: 0;
  width: 0.67625rem;
  height: 0.67625rem;
  position: relative;
}
.a2 {
  color: var(--base-base-white, #fcfcfc);
  text-align: left;
  font-family: var(--med-12-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-12-font-size, 0.75rem);
  font-weight: var(--med-12-font-weight, 500);
  position: absolute;
  right: 23.77%;
  left: 30%;
  width: 46.23%;
  bottom: 16.03%;
  top: 10%;
  height: 73.97%;
}
.frame-205 {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 3.240625rem;
  position: relative;
}
.owner {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.19881035387516022rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-204 {
  display: flex;
  flex-direction: row;
  gap: 0.099375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.arya-sarkar {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 400;
  position: relative;
}
.div {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.23857244849205017rem;
  line-height: 0rem;
  font-weight: 400;
  position: relative;
  width: 0.079375rem;
  height: 0.099375rem;
}
._7th-july-2024 {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 400;
  position: relative;
}
.frame-2133 {
  display: flex;
  flex-direction: column;
  gap: 0.079375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-212 {
  display: flex;
  flex-direction: column;
  gap: 0.318125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 8.846875rem;
  position: relative;
}
.frame-207 {
  display: flex;
  flex-direction: column;
  gap: 0.079375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-211 {
  display: flex;
  flex-direction: column;
  gap: 0.079375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.assessing-the-impact-of-ai-in-software-development {
  color: var(--base-base-black, #0a0a0b);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.35785868763923645rem;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.frame-2052 {
  display: flex;
  flex-direction: row;
  gap: 0.099375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._32-reports {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 500;
  position: relative;
}
.div2 {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.2982155680656433rem;
  line-height: 0rem;
  font-weight: 600;
  position: relative;
  width: 0.079375rem;
  height: 0.099375rem;
}
._12-presentations {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 500;
  position: relative;
}
._23-documents {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 500;
  position: relative;
}
.frame-208 {
  display: flex;
  flex-direction: row;
  gap: 0.15875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.medium-text-tag {
  border-radius: 0.119375rem;
  border-style: solid;
  border-color: var(--primary-primary400, #766df9);
  border-width: 0.02rem;
  padding: 0.059375rem 0.19875rem 0.059375rem 0.19875rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.tag-line {
  color: var(--primary-primary400, #766df9);
  text-align: left;
  font-family: var(--med-12-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-12-font-size, 0.75rem);
  font-weight: var(--med-12-font-weight, 500);
  position: relative;
}
.a-project-description-regarding-what-the-project-is-about-can-be-editable-by-user-from-the-project-view-in-the-description-tab-a-project-description-regarding-what-the-project-is-about-can-be-editable-by-user-from-the-project-view-in-the-description-tab-a-project-description-regarding-what-the-project-is-about-can-be-editable-by-user-from-the-project-view-in-the-description-tab {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.27833452820777893rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.47125rem;
}
.frame-2152 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-210 {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-209 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ellipse-72 {
  background: var(--primary-primary800, #1106a6);
  border-radius: 50%;
  border-style: solid;
  border-color: var(--base-base-white, #fcfcfc);
  border-width: 0.02rem;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.profile-icon3 {
  margin: 0 0 0 -0.099375rem;
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
}
.text-link-button {
  padding: 0.099375rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.link-button {
  color: var(--primary-primary800, #1106a6);
  text-align: center;
  font-family: var(--med-10-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-10-font-size, 0.625rem);
  font-weight: var(--med-10-font-weight, 500);
  position: relative;
}
.frame-1252 {
  display: flex;
  flex-direction: row;
  gap: 0.15875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-111 {
  padding: 0.19875rem;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.eye {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.button2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: center;
  font-family: var(--med-10-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-10-font-size, 0.625rem);
  font-weight: var(--med-10-font-weight, 500);
  position: relative;
}
.frame-1242 {
  padding: 0.19875rem;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.archive-list-of-parts {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-2172 {
  border-style: solid;
  border-color: var(--neutrals-neutrals700, #5a5555);
  border-width: 0rem 0rem 0.02rem 0rem;
  padding: 0.3975rem 0rem 0.3975rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.12125rem;
  position: relative;
}
.frame-2062 {
  display: flex;
  flex-direction: row;
  gap: 0.079375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 4.731875rem;
  position: relative;
}
.frame-2053 {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 3.99625rem;
  position: relative;
}
.shekhar-pradhan {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 400;
  position: relative;
}
._12-th-january-2024 {
  color: var(--neutrals-neutrals800, #433e3f);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.23857244849205017rem;
  font-weight: 400;
  position: relative;
}
.micronuclear-atoms-impact-on-healthcare-sector {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 0.35785868763923645rem;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.eye2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.archive-list-of-parts2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-2182 {
  border-style: solid;
  border-color: var(--neutrals-neutrals700, #5a5555);
  border-width: 0rem 0rem 0.02rem 0rem;
  padding: 0.3975rem 0rem 0.3975rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.12125rem;
  position: relative;
}
.eye3 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.trash-can {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-2193 {
  border-style: solid;
  border-color: var(--neutrals-neutrals700, #5a5555);
  border-width: 0rem 0rem 0.02rem 0rem;
  padding: 0.3975rem 0rem 0.3975rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.12125rem;
  position: relative;
}
.eye4 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.trash-can2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.pagination {
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.arrow-left-circle {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-110 {
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._1 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: var(--semi-bold-14-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--semi-bold-14-font-size, 0.875rem);
  font-weight: var(--semi-bold-14-font-weight, 600);
  position: relative;
}
._2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: var(--reg-14-font-family, "Inter-Regular", sans-serif);
  font-size: var(--reg-14-font-size, 0.875rem);
  font-weight: var(--reg-14-font-weight, 400);
  position: relative;
}
._3 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: var(--reg-14-font-family, "Inter-Regular", sans-serif);
  font-size: var(--reg-14-font-size, 0.875rem);
  font-weight: var(--reg-14-font-weight, 400);
  position: relative;
}
.arrow-right-circle {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.project-list {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.4373828172683716rem;
  font-weight: 400;
  position: absolute;
  left: 7.176875rem;
  top: 2.604375rem;
}
.side-bar {
  background: #ffffff;
  border-radius: 0.19875rem;
  border-style: solid;
  border-color: var(--neutrals-neutrals200, #cccbcb);
  border-width: 0.02rem;
  padding: 0.496875rem 0.19875rem 0.496875rem 0.19875rem;
  display: flex;
  flex-direction: column;
  gap: 0.556875rem;
  align-items: center;
  justify-content: center;
  width: 5.885rem;
  height: 19.245rem;
  position: absolute;
  left: 0.556875rem;
  top: calc(50% - 9.5525rem);
}
.frame-119 {
  display: flex;
  flex-direction: row;
  gap: 1.988125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 5.089375rem;
  position: relative;
}
.full-length-logo3 {
  flex-shrink: 0;
  width: 2.505rem;
  height: 1.05375rem;
  position: relative;
  overflow: visible;
}
.chevrons-right {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.frame-118 {
  display: flex;
  flex-direction: column;
  gap: 0.25875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 5.069375rem;
  height: 16.68rem;
  position: relative;
}
.button-large {
  background: var(--primary-primary, #5449F8);
  border-radius: 0.119375rem;
  padding: 0.19875rem 0.3975rem 0.19875rem 0.3975rem;
  display: flex;
  flex-direction: row;
  gap: 0.19875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 5.069375rem;
  position: relative;
}
.add-new2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.button3 {
  color: var(--neutrals-base-white, #fafafa);
  text-align: left;
  font-family: var(--med-16-font-family, "Inter-Medium", sans-serif);
  font-size: var(--med-16-font-size, 1rem);
  font-weight: var(--med-16-font-weight, 500);
  position: relative;
}
.frame-117 {
  display: flex;
  flex-direction: column;
  gap: 9.264375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-116 {
  display: flex;
  flex-direction: column;
  gap: 0.496875rem;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-114 {
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.side-bar-button {
  padding: 0.19875rem 0.298125rem 0.19875rem 0.298125rem;
  display: flex;
  flex-direction: row;
  gap: 0.15875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.product-documents {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.project-list2 {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.3180966079235077rem;
  font-weight: 500;
  position: relative;
  width: 3.499375rem;
}
.documents {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.documents2 {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.3180966079235077rem;
  font-weight: 400;
  position: relative;
  width: 3.499375rem;
}
.vector-15 {
  flex-shrink: 0;
  width: 4.651875rem;
  height: 0rem;
  position: relative;
  overflow: visible;
}
.frame-115 {
  display: flex;
  flex-direction: column;
  gap: 0.23875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.envelope {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.invitations {
  color: var(--neutrals-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.3180966079235077rem;
  font-weight: 400;
  position: relative;
  width: 3.499375rem;
}
.user2 {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.profile {
  color: var(--neutrals-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.3180966079235077rem;
  font-weight: 400;
  position: relative;
  width: 3.499375rem;
}
.logout {
  flex-shrink: 0;
  width: 0.3975rem;
  height: 0.3975rem;
  position: relative;
  overflow: visible;
}
.log-out {
  color: var(--neutrals-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.3180966079235077rem;
  font-weight: 400;
  position: relative;
  width: 3.499375rem;
}
.frame-316 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.875rem;
  position: relative;
}
.frame-314 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-254 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.1675rem;
  padding: 1.010625rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 8.75rem;
  position: relative;
}
.group-87 {
  flex-shrink: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  position: static;
}
.rectangle-156 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.136875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  left: 1.010625rem;
  top: 1.010625rem;
  box-shadow: inset 0rem 0.055rem 0.274375rem 0rem rgba(153, 146, 251, 1);
}
.group-of-projects {
  width: 1.165rem;
  height: 1.165rem;
  position: absolute;
  left: 1.2025rem;
  top: 1.21625rem;
  overflow: visible;
}
.frame-253 {
  display: flex;
  flex-direction: column;
  gap: 0.1675rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.create-and-manage-projects {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 6.75rem;
}
.easily-create-reports-and-presentations-in-your-project {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-255 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.23rem;
  padding: 1.031875rem;
  display: flex;
  flex-direction: column;
  gap: 0.413125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 8.75rem;
  position: relative;
  height: 8.5rem;
}
.rectangle-1562 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.136875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  left: 1.031875rem;
  top: 1.031875rem;
  box-shadow: inset 0rem 0.055rem 0.274375rem 0rem rgba(153, 146, 251, 1);
}
.big-data {
  width: 1.165rem;
  height: 1.165rem;
  position: absolute;
  left: 1.21875rem;
  top: 1.23rem;
  overflow: visible;
}
.frame-2532 {
  display: flex;
  flex-direction: column;
  gap: 0.23rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.analyze-your-data {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 7.125rem;
}
.upload-your-data-filter-visualize-clean-and-explore-your-datasets {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-256 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.2475rem;
  padding: 1.11125rem;
  display: flex;
  flex-direction: column;
  gap: 0.444375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 12.375rem;
  position: relative;
  z-index: 1; /* need to push */
}
.rectangle-1563 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.136875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  left: 1.11125rem;
  top: 1.11125rem;
  box-shadow: inset 0rem 0.055rem 0.274375rem 0rem rgba(153, 146, 251, 1);
}
.versions {
  width: 1.165rem;
  height: 1.165rem;
  position: absolute;
  left: 1.309375rem;
  top: 1.309375rem;
  overflow: visible;
}
.frame-2533 {
  display: flex;
  flex-direction: column;
  gap: 0.2475rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.analyze-your-documents-easily {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  width: 6.5rem;
}
.upload-documents-in-a-variety-of-formats-get-answers-to-questions-from-your-documents-get-a-summary-of-your-documents {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.rectangle-1584 {
  background: linear-gradient(
    180deg,
    rgba(246, 246, 234, 1) 0%,
    rgba(251, 251, 254, 1) 100%
  );
  width: 44.125rem;
  height: 10rem;
  position: absolute;
  left: calc(50% - 22.40625rem);
  top: 189.375rem;
}
.frame-2625 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 10.96875rem);
  top: calc(50% - -172.75rem);
}
.frame-136 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.customer-voice {
  color: var(--primary-primary500, #5449f8);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.what-our-users-have-to-say {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
}
.what-our-users-have-to-say-span {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.what-our-users-have-to-say-span2 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
}
.what-our-users-have-to-say-span3 {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Georgia-Regular", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.what-our-users-have-to-say-span4 {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.frame-323 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 21.939375rem;
  position: relative;
}
.frame-320 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-123 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.398125rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.04rem;
  flex-shrink: 0;
  width: 10.655rem;
  height: 11.7925rem;
  position: relative;
  overflow: hidden;
}
.as-someone-who-isn-t-a-technical-expert-i-found-kognie-incredibly-user-friendly-it-s-helped-me-create-reports-and-analyze-customer-data-with-ease {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5549523830413818rem;
  line-height: 0.776875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 2.63625rem;
  top: 2.709375rem;
  width: 6.61375rem;
}
.group-44 {
  height: 1.3rem;
  position: absolute;
  left: 0.804375rem;
  top: 1.526875rem;
  overflow: visible;
}
.frame-1102 {
  display: flex;
  flex-direction: row;
  gap: 0.055625rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.220625rem);
  top: 1.11rem;
  overflow: visible;
}
.frame-265 {
  display: flex;
  flex-direction: column;
  gap: 0.199375rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 3.628125rem);
  top: 9.00375rem;
}
.frame-264 {
  display: flex;
  flex-direction: row;
  gap: 0.31875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.sarah {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5976049900054932rem;
  font-weight: 500;
  position: relative;
}
.usa {
  flex-shrink: 0;
  width: 0.796875rem;
  height: 0.796875rem;
  position: relative;
  overflow: visible;
}
.frame-2626 {
  display: flex;
  flex-direction: column;
  gap: 0.119375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 7.25125rem;
  position: relative;
}
.marketing-manager-brightwave {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.4780840575695038rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-248 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.398125rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.04rem;
  flex-shrink: 0;
  width: 10.655rem;
  height: 11.7925rem;
  position: relative;
  overflow: hidden;
}
.kognie-has-been-a-lifesaver-for-me-the-platform-s-ability-to-integrate-various-ll-ms-helped-me-get-diverse-and-reliable-insights-across-the-project {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5549523830413818rem;
  line-height: 0.776875rem;
  /* font-weight: 600; */
  position: absolute;
  left: 2.618125rem;
  top: 2.709375rem;
  width: 6.8525rem;
}
.group-442 {
  height: 1.3rem;
  position: absolute;
  left: 0.805rem;
  top: 1.526875rem;
  overflow: visible;
}
.frame-1103 {
  display: flex;
  flex-direction: row;
  gap: 0.055625rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.220625rem);
  top: 1.11rem;
  overflow: visible;
}
.frame-2652 {
  display: flex;
  flex-direction: column;
  gap: 0.199375rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 3.32875rem);
  top: 9.00375rem;
}
.saptak {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5976049900054932rem;
  font-weight: 500;
  position: relative;
}
.india {
  flex-shrink: 0;
  width: 0.796875rem;
  height: 0.796875rem;
  position: relative;
  overflow: visible;
}
.frame-2627 {
  display: flex;
  flex-direction: column;
  gap: 0.119375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.analyst-ibm {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.4780840575695038rem;
  font-weight: 500;
  position: relative;
  width: 6.653125rem;
}
.frame-321 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-249 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.3975rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.04rem;
  flex-shrink: 0;
  width: 10.625rem;
  height: 11.759375rem;
  position: relative;
  overflow: hidden;
}
.kognie-has-been-a-fantastic-addition-to-our-toolkit-it-s-streamlined-our-document-analysis-and-research-processes-helping-us-make-data-driven-decisions-faster {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5533853769302368rem;
  line-height: 0.775rem;
  /* font-weight: 600; */
  position: absolute;
  left: 2.633125rem;
  top: 2.70125rem;
  width: 6.71375rem;
}
.group-443 {
  height: 1.3rem;
  position: absolute;
  left: 0.8025rem;
  top: 1.5225rem;
  overflow: visible;
}
.frame-1104 {
  display: flex;
  flex-direction: row;
  gap: 0.055625rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.2175rem);
  top: 1.106875rem;
  overflow: visible;
}
.frame-2653 {
  display: flex;
  flex-direction: column;
  gap: 0.19875rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 3.319375rem);
  top: 8.97875rem;
}
.frame-2642 {
  display: flex;
  flex-direction: row;
  gap: 0.318125rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.olivia {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5959176421165466rem;
  font-weight: 500;
  position: relative;
}
.great-britain {
  flex-shrink: 0;
  width: 0.794375rem;
  height: 0.794375rem;
  position: relative;
  overflow: visible;
}
.strategy-next-gen {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.47673407196998596rem;
  font-weight: 500;
  position: relative;
  width: 6.634375rem;
}
.frame-1232x {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.3975rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.04rem;
  flex-shrink: 0;
  width: 10.625rem;
  height: 11.759375rem;
  position: relative;
  overflow: hidden;
}
.kognie-s-amazing-support-team-were-proactive-in-understanding-our-specific-needs-and-even-customized-the-platform-to-better-suit-our-workflow {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5533853769302368rem;
  line-height: 0.775rem;
  /* font-weight: 600; */
  position: absolute;
  left: 2.64rem;
  top: 2.70125rem;
  width: 7.11125rem;
}
.group-444 {
  height: 1.3rem;
  position: absolute;
  left: 0.8025rem;
  top: 1.5225rem;
  overflow: visible;
}
.frame-1105 {
  display: flex;
  flex-direction: row;
  gap: 0.055625rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.2175rem);
  top: 1.106875rem;
  overflow: visible;
}
.emily {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5959176421165466rem;
  font-weight: 500;
  position: relative;
}
.usa2 {
  flex-shrink: 0;
  width: 0.794375rem;
  height: 0.794375rem;
  position: relative;
  overflow: visible;
}
.operations-data-sphere {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.47673407196998596rem;
  font-weight: 500;
  position: relative;
  width: 6.634375rem;
}
.frame-2482 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.3975rem;
  border-style: solid;
  border-color: var(--primary-primary300, #9992fb);
  border-width: 0.04rem;
  flex-shrink: 0;
  width: 10.625rem;
  height: 11.759375rem;
  position: relative;
  overflow: hidden;
}
.being-able-to-access-various-ai-models-from-one-place-helped-me-test-ideas-quickly-and-effectively-it-s-like-having-a-personal-ai-assistant {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5533853769302368rem;
  line-height: 0.775rem;
  /* font-weight: 600; */
  position: absolute;
  left: 2.6225rem;
  top: 2.70125rem;
  width: 6.634375rem;
}
.group-445 {
  height: 1.3rem;
  position: absolute;
  left: 0.8025rem;
  top: 1.5225rem;
  overflow: visible;
}
.frame-1106 {
  display: flex;
  flex-direction: row;
  gap: 0.055625rem;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: calc(50% - 1.2175rem);
  top: 1.106875rem;
  overflow: visible;
}
.argha {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.5959175825119019rem;
  font-weight: 500;
  position: relative;
}
.india2 {
  flex-shrink: 0;
  width: 0.794375rem;
  height: 0.794375rem;
  position: relative;
  overflow: visible;
}
.quant-analyst-j-p-morgan {
  color: var(--primary-primary900, #0d0582);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.47673410177230835rem;
  font-weight: 500;
  position: relative;
  width: 6.634375rem;
}
.frame-2628 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  /* left: calc(50% - 9.15625rem); */
  top: calc(50% - -223.650625rem);
  width: 70%;
  margin-inline: 15%;
}
.frame-134 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-133 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.flexible-pricing-policy {
  color: var(--primary-primary500, #5449f8);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.pay-according-to-your-usage {
  color: var(--base-base-black, #0a0a0b);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 0.75rem;
  line-height: 0.975rem;
  font-weight: 400;
  position: relative;
  /* width: 18.3125rem; */  /*need to push*/
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  font-weight: 400;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span2 {
  color: var(--primary-primary, #5449F8);
  font-family: "Georgia", sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  font-weight: 400;
  font-style: italic;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span3 {
  color: var(--base-base-black, #0a0a0b);
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  font-weight: 400;
}
.get-free-5-credits-now-on-creating-a-new-account-sign-up-now-span4 {
  color: var(--primary-primary700, #1408c9);
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  font-weight: 600;
  text-decoration: underline;
}
.frame-1352 {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-129 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.33rem;
  border-width: 0.055rem;
  border-style: solid;
  border-image: linear-gradient(
    148.63deg,
    rgba(24, 9, 236, 1) 0%,
    rgba(251, 251, 254, 0) 31.361892819404602%,
    rgba(251, 251, 254, 0) 76.07787847518921%,
    rgba(24, 9, 236, 1) 100%
  );
  border-image-slice: 1;
  padding: 1.649375rem 1.099375rem 1.649375rem 1.099375rem;
  display: flex;
  flex-direction: column;
  gap: 2.199375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  height: auto;
}
.frame-127 {
  display: flex;
  flex-direction: column;
  gap: 1.374375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1262 {
  display: flex;
  flex-direction: column;
  gap: 0.453125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.250625rem;
  position: relative;
}
.personal2 {
  color: var(--primary-primary1000, #0a045f);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-130 {
  display: flex;
  flex-direction: column;
  gap: 0.329375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.start-with-20-worth-of-credits {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Georgia", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
}
.kognie-charges-for-a-query-depending-on-the-llm-used-and-the-number-of-tokens-required {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.989375rem;
  font-weight: 400;
  position: relative;
  width: 13.195625rem;
}
.query-any-llm-of-your-choice-get-insights-from-your-documents-and-or-the-web-using-the-power-of-ll-ms-filter-visualize-clean-and-analyze-your-datasets-securely {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.236875rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  width: 70%;
  margin-inline: 15%;
}
.query-any-llm-of-your-choice-get-insights-from-your-documents-and-or-the-web-using-the-power-of-ll-ms-filter-visualize-clean-and-analyze-your-datasets-securely li{

  list-style: disc;
}
.frame-1243 {
  background: var(--primary-primary700, #1408c9);
  border-radius: 0.329375rem;
  border-style: solid;
  border-color: var(--primary-primary700, #1408c9);
  border-width: 0.11rem;
  padding: 0.625rem 1.875rem 0.625rem 1.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.see-full-pricing-list {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
}
.frame-128 {
  background: var(--base-base-white, #fcfcfc);
  border-radius: 0.33rem;
  border-width: 0.055rem;
  border-style: solid;
  border-image: linear-gradient(
    212.07deg,
    rgba(24, 9, 236, 1) 0%,
    rgba(251, 251, 254, 0) 25.499999523162842%,
    rgba(251, 251, 254, 0) 72.00000286102295%,
    rgba(24, 9, 236, 1) 100%
  );
  border-image-slice: 1;
  padding: 1.649375rem 1.099375rem 1.649375rem 1.099375rem;
  display: flex;
  flex-direction: column;
  gap: 0.80875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 30.001875rem;
  position: relative;
}
.enterprises {
  color: var(--primary-primary1000, #0a045f);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-131 {
  display: flex;
  flex-direction: column;
  gap: 0.329375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.get-in-touch-with-our-team {
  color: var(--primary-primary, #5449F8);
  text-align: left;
  font-family: "Georgia", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
}
.all-personal-features-plus-the-following-additional-services {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.625rem;
  line-height: 0.989375rem;
  font-weight: 400;
  position: relative;
  width: 13.195625rem;
}
.give-your-employees-access-to-leading-ll-ms-with-an-organization-account-usage-analytics-across-your-organization-control-employee-access-to-extracting-document-insights-using-our-system {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.236875rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  width: 70%;
  margin-inline: 15%;
}
.give-your-employees-access-to-leading-ll-ms-with-an-organization-account-usage-analytics-across-your-organization-control-employee-access-to-extracting-document-insights-using-our-system li{
  list-style: disc;
}
.frame-1244 {
  background: var(--primary-primary700, #1408c9);
  border-radius: 0.329375rem;
  border-style: solid;
  border-color: var(--primary-primary700, #1408c9);
  border-width: 0.11rem;
  padding: 0.55rem 2.199375rem 0.55rem 2.199375rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-1244:hover{
  background: var(--primary-primary900, #5449f8);
}
.contact-us2 {
  color: var(--base-base-white, #fcfcfc);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
}
.frame-2629 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 33.125rem;
  position: absolute;
  left: calc(50% - 11.09375rem);
  top: 338.8125rem;
}
.frame-182 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.leverage-the-power-of-generative-ai-using-kognie {
  color: var(--primary-primary, #5449F8);
  text-align: center;
  font-family: "Georgia", sans-serif;
  font-size: 2.1875rem;
  line-height: 3.0625rem;
  letter-spacing: -0.01em;
  font-weight: 400;
  font-style: italic;
  position: relative;
  width: 20.5rem;
}
.frame-171 {
  border-radius: var(--spacing-xs, 0.5rem);
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1402 {
  background: var(--primary-primary700, #1408c9);
  border-radius: var(--spacing-xs, 0.5rem);
  padding: 0.625rem 1.875rem 0.625rem 1.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.try-now {
  color: #ececec;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
}
.frame-184 {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-176 {
  background: #ebecf2;
  border-radius: 0;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  min-height: 200px;
}
.frame-2142 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  max-width: 1200px;
  position: relative;
  padding: 0 1rem;
}
.full-length-logo4 {
  flex-shrink: 0;
  width: 3.875rem;
  height: 1.595625rem;
  position: relative;
  overflow: visible;
}
.frame-173 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.about {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
}
.pricing {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
}
.features {
  color: var(--base-base-black, #0a0a0b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
}
.frame-1722 {
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: auto;
}
.linked-in {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  position: relative;
  overflow: visible;
}
.you-tube {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  position: relative;
  overflow: visible;
}
.facebook {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  position: relative;
  overflow: visible;
}
.frame-183 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector-84 {
  flex-shrink: 0;
  width: 21.3125rem;
  height: 0rem;
  position: relative;
  overflow: visible;
}
.frame-177 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 21.625rem;
  position: relative;
}
.copyright-2024-docunexus {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  position: relative;
}
.frame-174 {
  display: flex;
  flex-direction: row;
  gap: 0.125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.privacy-policy {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  position: relative;
}
.ellipse-46 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  position: relative;
}
.terms-of-service {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  position: relative;
}
.ellipse-45 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  position: relative;
}
.licenses {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  position: relative;
}
.ellipse-47 {
  background: var(--neutrals-neutrals700, #5a5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  position: relative;
}
.cookie-policy {
  color: var(--neutrals-neutrals700, #5a5555);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  position: relative;
}
.wrapper {
  height: 298px;
  overflow: hidden;
  width: 100%;
}
.wrapper div img:nth-child(1) {
  width: 95%;
  margin-bottom: 0;
}
.query-anima{
  margin-bottom: 0;
  width: 67%;
}
.response-anima{
  width: 50%;
}

.dummy-input{
  height: 34px;
  width: 100%;
  padding-inline: 10px;
}
.dummy-input .text-anima{
  font-size: 9px;
  text-align: left;
  margin-right: auto;
}
.radial-blur01 {
  position: absolute;
  right: -27px;
  top: 78px;
  width: 50%;
}
.radial-blur02 {
  position: absolute;
  left: -34px;
  top: 131px;
  width: 50%;
}

/* Mobile footer specific adjustments */
@media (max-width: 1023px) {
  .frame-176 {
    gap: 1.5rem;
    padding: 1.5rem 0.5rem;
    min-height: 180px;
  }
  
  .frame-2142 {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
    padding: 0 0.5rem;
  }
  
  .frame-173 {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  
  .frame-1722 {
    justify-content: center;
    gap: 1rem;
  }
  
  .frame-183 {
    margin-top: 1rem;
  }
}

@media (max-width: 480px) {
  .frame-176 {
    padding: 1rem 0.25rem;
    bottom: -75px;
  }
  
  .frame-2142 {
    padding: 0 0.25rem;
  }
  
  .frame-173 {
    gap: 1rem;
  }
  
  .frame-1722 img {
    width: 25px !important;
    height: 25px !important;
  }
}

}