:root {
  --primary: #D7B469;
  --primary-hover: #cba045;
  --primary-hover-solid: #D7B4692e;
  --secondary: #0971f1;
  --secondary-hover: #0971f1;
  --border: #242424;
  --text: #999999;
  --color-0: #f8f9fa;
  --color-1: #f1f3f5;
  --color-2: #e9ecef;
  --color-3: #dee2e6;
  --color-4: #ced4da;
  --color-5: #adb5bd;
  --color-6: #868e96;
  --color-7: #495057;
  --color-8: #343a40;
  --color-9: #212529;
  --color-10: linear-gradient(0deg, #ffffff33, #ffffff33), #242424;
  --font-bold: PFDinTextCompPro-Bold;
  --font-xbold: PFDinTextCompPro-XBlack;
  --font-semibold: PFDinTextCompPro-Medium;
  --font-heavy: PFDinTextCompPro-Medium;
  --font-medium: PFDinTextCompPro-Medium;
  --font-regular: PFDinTextCompPro-Regular;
  --font-light: PFDinTextCompPro-Light;
  --font-thin: PFDinTextCompPro-Thin;
  --font-ultralight: PFDinTextCompPro-Thin;
  --shadow-smallest: 0px 4px 8px rgba(0, 0, 0, 0.12);
  --shadow-small: 0 5px 10px rgba(0, 0, 0, 0.12);
  --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-large: 0 30px 60px rgba(0, 0, 0, 0.12);
  --shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.12);
}



.cta {
  background-image: linear-gradient(to bottom, #00000057, #00000057), var(--bg);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 100px; */
  /* margin-bottom: 100px; */
  width: 100%;
  height: 650px;
  position: relative;
  display: flex; /* Flexbox düzenini etkinleştir */
  justify-content: center; /* Yatayda ortala */
  align-items: center; /* Dikeyde ortala */
}

.cta-content {
  padding-left: 90px;
  max-width: 100%;
  width: 60%;
  color: white;
  display: flex;
  flex-direction: column; /* İçerikleri dikey sırala */
  justify-content: center; /* İçerikleri dikeyde ortala */
  align-items: center; /* İçerikleri yatayda ortala */
  text-align: center; /* Metinleri ortala */
}

.cta-content h1 {
  font-size: 44px;
  letter-spacing: 2px;
  padding-top: 30px;
  font-family: var(--font-bold);
  line-height: 1.2;
  margin-top: 0;
}

.cta-content p {
  font-size: 18px;
  font-family: var(--font-regular);
  line-height: 1.5;
  padding-bottom: 30px;
  margin-bottom: 0;
}


@media (max-width:767px) {
  .cta-content {
    width: 65%;
    padding-left: 30px;


  }
  .cta-content h1 {
    font-size: 30px;
}
.cta-content p{
  font-size: 16px;
  line-height: 1.2;
}
}