/* stylelint-disable @stylistic/selector-list-comma-newline-after */
:root {
  --bs-border-radius: 50%;
  --bs-tertiary-bg-rgb: 16, 32, 99;
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(#1a1e39);
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}
.header-bg {
  --base-top: #eaf5fb;   /* en açık üst ton */
  --base-btm: #e1eef7;   /* alt tarafa doğru çok hafif koyulaşır */
  --tint:     #bcdcf4;   /* köşe vignette mavisi */
  --spot:     rgba(255,255,255,.85); /* merkezdeki aydınlık */

  /* Katmanlar: merkez ışık + iki köşe vignette + dikey temel geçiş */
  background-image:
          radial-gradient(1200px 700px at 50% 30%, var(--spot) 0%, rgba(255,255,255,0) 55%),
          radial-gradient(1200px 900px at -10% -10%, color-mix(in srgb, var(--tint) 55%, transparent) 0%, transparent 60%),
          radial-gradient(1200px 900px at 110% 110%, color-mix(in srgb, var(--tint) 55%, transparent) 0%, transparent 60%),
          linear-gradient(180deg, var(--base-top) 0%, var(--base-btm) 100%);

  background-repeat: no-repeat;
  min-height: 70svh;      /* ekranda geniş görünüm */
  display: grid;
  place-items: center;
  text-align: center;
  padding: clamp(48px,6vw,96px) 16px;

}
h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans", sans-serif
}

h1, h2, h3, h4, h5, h6 {
  color:#102063
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 3.7rem;
  }
}

h1 {
  font-weight: bold;
}
h2 {
  font-weight: 300;
}
h3 {
  font-weight: 900;
}

h4, h5, h6 {
  color:#1a1e39
}

.btn-primary{
  background: #102063;
  --bs-btn-color: #fff;
  --bs-btn-bg: #102063;
  --bs-btn-border-color: #102063;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #102063;
  --bs-btn-hover-border-color: #102063;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #102063;
  --bs-btn-active-border-color: #102063;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #102063;
  --bs-btn-disabled-border-color: #102063;
}

section.landing-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 768px) {
  section.landing-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.flex-col { flex: 0 0 calc(33.333% - var(--gap)); }
@media (max-width: 991.98px){ .flex-col { flex-basis: calc(50% - var(--gap)); } }
@media (max-width: 320.98px){ .flex-col { flex-basis: 100%; } }

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

h4.xidmetler {
  display: flex;
  align-items: center;
}

h4.xidmetler img {
  max-width: 100%;
  height: 29px;
  display: block;
}

h4.xidmetler span {
  margin-left: 10px;
}