.hi-fi-wireframe,
.hi-fi-wireframe * {
  box-sizing: border-box;
}
.hi-fi-wireframe {
  background: var(--neutral-0, #ffffff);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.top-banner {
  background: var(
    --linear-dark-blue,
    linear-gradient(34.96deg, rgba(6, 34, 56, 1) 0%, rgba(18, 96, 158, 1) 100%)
  );
  padding: 20px 80px 20px 80px;
  display: flex;
  flex-direction: row;
  gap: 528px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-200-box-shadow,
    0px 1px 4px 0px rgba(12, 12, 13, 0.05),
    0px 1px 4px 0px rgba(12, 12, 13, 0.1)
  );
  overflow: hidden;
}
.nev-bar {
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.gravis-logo {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.gravis-logo2 {
  flex-shrink: 0;
  width: 240.9px;
  height: 53.07px;
  position: relative;
  overflow: visible;
}
.button-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  position: relative;
}
.button {
  background: var(--neutral-0, #ffffff);
  border-radius: 8px;
  padding: 16px 12px 16px 12px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-300-box-shadow,
    0px 4px 4px -1px rgba(12, 12, 13, 0.05),
    0px 4px 4px -1px rgba(12, 12, 13, 0.1)
  );
}
.frame-2147224176 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label {
  color: var(--gravis-main-blue, #1883d0);
  text-align: left;
  font-family: var(--button-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-m-font-size, 16px);
  line-height: var(--button-m-line-height, 100%);
  letter-spacing: var(--button-m-letter-spacing, 0.5px);
  font-weight: var(--button-m-font-weight, 500);
  position: relative;
}
.button2 {
  background: var(
    --state-layers-on-primary-opacity-10,
    rgba(255, 255, 255, 0.1)
  );
  border-radius: 8px;
  border-style: solid;
  border-color: var(
    --state-layers-on-primary-opacity-16,
    rgba(255, 255, 255, 0.16)
  );
  border-width: 1px;
  padding: 16px 12px 16px 12px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--glass-box-shadow, 0px 1px 4px 0px rgba(12, 12, 13, 0.05));
  backdrop-filter: var(--glass-backdrop-filter, blur(10px));
}
.frame-2147224180 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label2 {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--button-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-m-font-size, 16px);
  line-height: var(--button-m-line-height, 100%);
  letter-spacing: var(--button-m-letter-spacing, 0.5px);
  font-weight: var(--button-m-font-weight, 500);
  position: relative;
}
.page-home-mobile {
  background: var(--primary-main, #12609e);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.hero-section {
  background: var(--alice-blue, #f0f8ff);
  padding: 96px 80px 96px 80px;
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224199 {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.content {
  padding: 32px 0px 32px 0px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.section-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.main-headline {
  text-align: left;
  font-family: var(--heading-1-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-1-font-size, 54px);
  line-height: var(--heading-1-line-height, 110%);
  font-weight: var(--heading-1-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.main-headline-span {
  color: var(--primary-700, #0d4a79);
}
.main-headline-span2 {
  background: var(
    --heading-linear,
    linear-gradient(
      59.04deg,
      rgba(18, 96, 158, 1) 35.576921701431274%,
      rgba(182, 206, 225, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.secondary-headline {
  color: var(--coolgray-90, #21272a);
  text-align: left;
  font-family: var(--heading-2-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-2-font-size, 42px);
  line-height: var(--heading-2-line-height, 110%);
  font-weight: var(--heading-2-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.paragraph {
  color: var(--coolgray-90, #21272a);
  text-align: left;
  font-family: var(--body-l-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-l-font-size, 18px);
  line-height: var(--body-l-line-height, 140%);
  font-weight: var(--body-l-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.button-group2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button-cta-header {
  background: var(--primary-main, #12609e);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 56px;
  position: relative;
  box-shadow: var(
    --drop-shadow-300-box-shadow,
    0px 4px 4px -1px rgba(12, 12, 13, 0.05),
    0px 4px 4px -1px rgba(12, 12, 13, 0.1)
  );
}
.label-text {
  padding: 2px 16px 2px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label3 {
  color: var(--light-background, #ffffff);
  text-align: left;
  font-family: var(--button-l-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-l-font-size, 20px);
  line-height: var(--button-l-line-height, 100%);
  letter-spacing: var(--button-l-letter-spacing, 0.5px);
  font-weight: var(--button-l-font-weight, 500);
  position: relative;
}
.button-cta-header2 {
  background: var(--primary-blue-light, #e7eff5);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  box-shadow: var(
    --drop-shadow-300-box-shadow,
    0px 4px 4px -1px rgba(12, 12, 13, 0.05),
    0px 4px 4px -1px rgba(12, 12, 13, 0.1)
  );
}
.frame-2147224156 {
  padding: 2px 16px 2px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label4 {
  color: var(--gravis-main-blue, #1883d0);
  text-align: left;
  font-family: var(--button-l-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-l-font-size, 20px);
  line-height: var(--button-l-line-height, 100%);
  letter-spacing: var(--button-l-letter-spacing, 0.5px);
  font-weight: var(--button-l-font-weight, 500);
  position: relative;
}
.visual {
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 565px;
  height: 523px;
  position: relative;
}
.visual-i {
  flex-shrink: 0;
  width: 483px;
  height: 643px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 483/643;
}
.section {
  background: var(--primary-main, #12609e);
  padding: 80px 80px 40px 80px;
  display: flex;
  flex-direction: column;
  gap: 160px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.feature-row-image-left {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section-placeholder-image {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 684px;
  height: 479px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 684/479;
}
.content2 {
  padding: 32px 0px 32px 0px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.section-text2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.secondary-headline2 {
  color: var(--alice-blue, #f0f8ff);
  text-align: left;
  font-family: var(--heading-2-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-2-font-size, 42px);
  line-height: var(--heading-2-line-height, 110%);
  font-weight: var(--heading-2-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.paragraph2 {
  color: var(--alice-blue, #f0f8ff);
  text-align: left;
  font-family: var(--body-l-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-l-font-size, 18px);
  line-height: var(--body-l-line-height, 140%);
  font-weight: var(--body-l-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.section2 {
  background: var(--primary-main, #12609e);
  padding: 40px 80px 40px 80px;
  display: flex;
  flex-direction: column;
  gap: 160px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section3 {
  background: var(--primary-main, #12609e);
  padding: 40px 80px 80px 80px;
  display: flex;
  flex-direction: column;
  gap: 160px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.type-content-center-layout-6-mobile-false {
  background: var(--default-white, #ffffff);
  padding: 80px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section-text3 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.top2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.main-headline2 {
  color: var(--coolgray-90, #21272a);
  text-align: center;
  font-family: var(--heading-1-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-1-font-size, 54px);
  line-height: var(--heading-1-line-height, 110%);
  font-weight: var(--heading-1-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1000px;
  position: relative;
}
.frame-12 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.first-card-photo {
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 96px;
  height: 119px;
  position: relative;
  aspect-ratio: 96/119;
}
.survey-icon-1 {
  flex-shrink: 0;
  width: 79px;
  height: 96px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 79/96;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.paragraph3 {
  color: var(--coolgray-90, #21272a);
  text-align: center;
  font-family: var(--heading-3-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-3-font-size, 32px);
  line-height: var(--heading-3-line-height, 110%);
  font-weight: var(--heading-3-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.paragraph4 {
  color: var(--coolgray-90, #21272a);
  text-align: center;
  font-family: var(--body-l-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-l-font-size, 18px);
  line-height: var(--body-l-line-height, 140%);
  font-weight: var(--body-l-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-4 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.second-card-photo {
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.second-card-photo2 {
  flex-shrink: 0;
  width: 109px;
  height: 96px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 109/96;
}
.frame-2 {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1000px;
  position: relative;
}
.frame-22 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.third-card-photo {
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.third-card-photo2 {
  flex-shrink: 0;
  width: 61px;
  height: 96px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 61/96;
}
.frame-3 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.fourth-card-photo {
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fourth-card-photo2 {
  flex-shrink: 0;
  width: 161px;
  height: 96px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 161/96;
}
.footer-web {
  background: var(
    --linear-dark-blue,
    linear-gradient(34.96deg, rgba(6, 34, 56, 1) 0%, rgba(18, 96, 158, 1) 100%)
  );
  padding: 64px 80px 64px 80px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-container {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.column-1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.gravis-logo3 {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.gravis-logo4 {
  flex-shrink: 0;
  width: 97.61px;
  height: 90.71px;
  position: relative;
  overflow: visible;
}
.gravis-logo-text {
  flex-shrink: 0;
  width: 293.94px;
  height: 73.65px;
  position: relative;
  overflow: visible;
}
.t-m-haklar-sakl-d-r {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.t-m-haklar-sakl-d-r2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.gravis-com-tr-t-m-haklar-sakl-d-r {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
}
.column-2 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 640px;
  position: relative;
}
.column-2-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.gravis {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.gravis2 {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
}
.butonlar-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224196 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.kay-t-ol {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.frame-2147224195 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.giri-yap {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.frame-2147224194 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.s-k-a-sorulan-sorular {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.frame-2147224193 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.hakk-m-zda {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.frame-2147224192 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.leti-im {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.column-2-2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.ko-ullar {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ko-ullar2 {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
}
.butonlar-2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224198 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.h-k-m-ve-artlar {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.frame-2147224197 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.kvkk-ayd-nlatma-metni {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  flex: 1;
}
.columns-2-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.column-2-3-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.soru-ve-ner-ler-n-n {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.soru-ve-ner-ler-n-n2 {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
  flex: 1;
}
.butonlar-3 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.bilgi-gravis-com-tr {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--other-menu-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--other-menu-m-font-size, 16px);
  line-height: var(--other-menu-m-line-height, 100%);
  font-weight: var(--other-menu-m-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.column-2-3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 167.28px;
  position: relative;
}
.bizi-takip-edin {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.bizi-takip-edin2 {
  color: var(--neutral-0, #ffffff);
  text-align: left;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
}
.social-media-icons {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 156px;
  position: relative;
  overflow: hidden;
}
.instagram-icon {
  background: var(--neutral-0, #ffffff);
  border-radius: 40px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.group-3868 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.facebook-icon {
  background: var(--neutral-0, #ffffff);
  border-radius: 40px;
  padding: 8px 14px 8px 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.clip-path-group {
  flex-shrink: 0;
  width: 11.33px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.tiktok-icon {
  background: var(--neutral-0, #ffffff);
  border-radius: 40px;
  padding: 8px 10px 8px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.group-3867 {
  flex-shrink: 0;
  width: 19.96px;
  height: 24px;
  position: relative;
  overflow: visible;
}