:root[data-renk="c"] {
  --theme: #E8701A;
  --theme2: #4A525E;
  --theme4: #1D2228;
  --theme6: #FBE2CD;
  --text: #1D2228;
  --body: #F5F5F7;
  --bg: #F5F5F7;
  --border: rgba(29, 34, 40, 0.11);
}

:root[data-renk="c"] .section-bg {
  background-color: #F5F5F7;
}

:root[data-renk="c"] .header-section.style1 {
  border-bottom-color: rgba(29, 34, 40, 0.14);
}

:root[data-renk="c"] .section-header .theme-clr {
  color: #B0520C;
}

:root[data-renk] .header-main .header-logo {
  display: block;
  width: 190px;
}

:root[data-renk] .header-main .header-logo img {
  height: auto;
}

:root[data-renk] path[fill="#1C4B42"] {
  fill: var(--theme4);
}

:root[data-renk="c"] {
  --hero-koyu: 29, 34, 40;
  --hero-sicak: 232, 112, 26;
}

:root[data-renk] .header-main {
  position: relative;
  min-height: 48px;
}

:root[data-renk] .header-main .header-left {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  :root[data-renk] .header-section.style1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  :root[data-renk] .header-main .header-logo {
    width: min(240px, calc(100vw - 128px));
  }

  :root[data-renk] .header-main .header-right {
    margin-left: auto;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  :root[data-renk] .header-main .header-logo {
    width: 260px;
  }
}

@media (min-width: 1200px) {
  :root[data-renk] .header-main {
    --menu-aralik: 14px;
    --logo-alan: 264px;
  }

  :root[data-renk] .header-main .header-logo {
    width: 220px;
  }

  :root[data-renk] .header-main #mobile-menu > ul {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    grid-template-columns: repeat(3, auto) var(--logo-alan) repeat(3, auto);
    column-gap: var(--menu-aralik);
    align-items: center;
    transform: translate(-50%, -50%);
  }

  :root[data-renk] .header-main #mobile-menu > ul > li {
    text-align: center;
  }

  :root[data-renk] .header-main #mobile-menu > ul > li > a {
    padding-right: 8px !important;
    padding-left: 8px !important;
    white-space: nowrap;
  }

  :root[data-renk] .header-main #mobile-menu > ul > li:nth-child(4) {
    grid-column: 5;
  }
}

@media (min-width: 1400px) {
  :root[data-renk] .header-main {
    --menu-aralik: 26px;
    --logo-alan: 300px;
  }
}

#hizmetler,
#sektorler,
#rehber,
#hakkimizda,
#iletisim {
  scroll-margin-top: 90px;
}