@charset "UTF-8";
html {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
html body {
  overflow-x: hidden;
}
html * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  color: white;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
html img {
  width: 100%;
  height: auto;
}
html h1 {
  font-size: clamp(3rem, 10vw, 7rem);
  text-align: start;
}
html h2 {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 600;
}
html p,
html li,
html a,
html button {
  font-size: calc(1.5rem + 0.25vw);
}

.shadow1 {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

hr {
  width: calc(1rem + 2vw);
  border: 1px solid #ecba16;
}

.bilgi-span {
  display: flex;
  align-items: center;
  gap: calc(0.5rem + 0.25vw);
  font-size: clamp(1.5rem, 1.75vw, 1.75rem);
  color: #ecba16;
  font-weight: 800;
  flex-wrap: wrap;
  text-align: start;
}
.bilgi-span::before {
  content: "";
  display: block;
  width: calc(1rem + 2vw);
  height: 2px;
  background-color: #ecba16;
}

.arkaplan {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important;
}
.arkaplan::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 66, 139, 0.2);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  z-index: 1;
}
.arkaplan > * {
  position: relative;
  z-index: 2;
}

header {
  display: flex;
  gap: 1rem;
  width: 100vw;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3294117647);
  padding: calc(1rem + 0.5vw) calc(0.5rem + 2vw);
  /* Drowdwon İçin zindex*/
  z-index: 3 !important;
}
header > .logo {
  width: clamp(80px, 80px + 5vw, 175px);
  max-height: clamp(30px, 30px + 5vw, 60px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  cursor: pointer;
}
header > nav {
  display: flex;
  gap: calc(0.75rem + 1vw);
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9647058824);
  padding: 1rem 2rem;
  border-radius: 2rem;
}
header > nav * {
  color: #001c41;
}
header > nav *:hover {
  color: #ECBA16;
}
header > nav .dropdown ul {
  background-color: white;
}
header > nav :is(a, button) {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem) !important;
  font-weight: 600;
  cursor: pointer;
  background: none;
}
header > .ulasin {
  background-color: #0053d8;
  padding: calc(0.5rem + 0.25vw) calc(0.75rem + 0.3vw);
  font-size: clamp(1.5rem, 1.75vw, 1.75rem);
  transition: background-color 0.6s ease-in-out;
  /* Yumuşak geçiş */
  background-color: rgba(255, 255, 255, 0.9647058824);
  color: #001c41;
  font-weight: 600;
  border-radius: 2rem;
}
header > .ulasin:hover {
  background-color: #96cc17;
}
header .bilgi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  max-width: 600px;
  margin-left: auto;
}
header .bilgi h2 span {
  color: #00a696;
}
@media (max-width: 920px) {
  header .ulasin {
    display: none;
  }
}
@media (max-width: 800px) {
  header > nav {
    display: none;
  }
  header > .ulasin {
    display: flex;
    margin-left: auto;
    background-color: #0053d8;
    color: white;
    border-radius: 0;
  }
}
@media (max-width: 320px) {
  header > .ulasin {
    display: none;
  }
}

.sss {
  max-width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 1rem;
}
.sss * {
  color: #001C41;
}
.sss h2 {
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 6vw, 4rem);
}
.sss .soru {
  padding-bottom: 1rem;
  border-bottom: 1px dotted #ccc;
  position: relative;
}
.sss label {
  font-size: 1.25rem;
  padding-left: 20px;
  cursor: pointer;
  display: block;
  font-weight: 300;
  text-align: start;
}
.sss .cevap {
  font-size: 1.35rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  color: #333333;
}
.sss .panel:checked ~ .cevap {
  max-height: 500px;
  opacity: 1;
  padding: 14px 0;
}
.sss .plus {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2rem;
  transition: transform 0.2s ease;
}
.sss .panel:checked ~ .plus {
  transform: rotate(45deg);
}
.sss .panel {
  display: none;
}

body.index .arkaplan-1 {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to right, rgba(11, 48, 90, 0.99), rgba(17, 29, 139, 0) 85%), url("/assets/images/arkaplan/1.webp") center/cover;
}
body.index .hosgeldin {
  flex: 1;
  display: flex;
  gap: calc(1rem + 1vw);
  flex-direction: column;
  justify-content: center;
  max-width: clamp(600px, 40vw, 1250px);
  margin: clamp(10px, 3vw, 50px);
  margin-left: 15vw;
}
body.index .hosgeldin .butonlar {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2rem + 0.5vw);
}
body.index .hosgeldin .butonlar a {
  padding: clamp(0.5rem, 1vw, 0.75vw) clamp(0.75rem, 1vw, 1vw);
  font-size: clamp(1.5rem, 1.75vw, 1.75rem);
  transition: background-color 0.6s ease-in-out;
}
body.index .hosgeldin .butonlar a:nth-of-type(1) {
  background-color: #1c66ac;
}
body.index .hosgeldin .butonlar a:nth-of-type(1):hover {
  background-color: #96cc17;
}
body.index .hosgeldin .butonlar a:nth-of-type(2) {
  background-color: #96cc17;
}
body.index .hosgeldin .butonlar a:nth-of-type(2):hover {
  background-color: #1c66ac;
}
@media (max-width: 1250px) {
  body.index .hosgeldin {
    margin: clamp(10px, 3vw, 50px);
  }
}
body.index .hizmetler {
  display: flex;
  flex-direction: column;
  gap: calc(2rem + 0.5vw);
  align-items: center;
  padding: calc(3rem + 3vw) calc(1rem + 1vw);
}
body.index .hizmetler h2 {
  color: #001c41;
}
body.index .hizmetler h2 i {
  color: #001c41;
}
body.index .hizmetler .hizmet-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(1rem + 1vw);
  max-width: 1600px;
  margin: auto;
}
body.index .hizmetler .hizmet-liste .hizmet {
  background-color: #063b8b;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
body.index .hizmetler .hizmet-liste .hizmet img {
  width: 100%;
  max-width: 400px;
  max-height: 265px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.index .hizmetler .hizmet-liste h3 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  background-color: white;
  color: #001c41;
  width: 80%;
  padding: clamp(0.5rem, 1vw, 1rem);
  transform: translateY(-30%);
  text-align: start;
}
body.index .hizmetler .hizmet-liste a {
  display: flex;
  align-items: center;
  font-size: clamp(1.4rem, 1.75vw, 2rem);
  gap: 0.5rem;
  text-align: start;
  padding: 1rem 0 2rem 1rem;
}
@media (max-width: 1200px) {
  body.index .hizmetler .hizmet-liste {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  body.index .hizmetler .hizmet-liste {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}
body.index .istatistik {
  background-color: #063b8b;
  padding: calc(3rem + 3vw) calc(1rem + 1vw);
}
body.index .istatistik .liste {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 1rem;
  max-width: 1600px;
  margin: auto;
}
body.index .istatistik .liste > div {
  display: flex;
  flex-direction: column;
}
body.index .istatistik .liste span:nth-of-type(1) {
  font-size: clamp(7rem, 10vw, 12rem);
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5411764706);
}
body.index .istatistik .liste span:nth-of-type(2) {
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: 600;
  margin-top: -30%;
}
body.index .hakkimizda {
  max-width: 1600px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: calc(2rem + 1vw);
  padding: calc(3rem + 3vw) calc(1rem + 1vw);
}
body.index .hakkimizda > * {
  width: clamp(25vw, 500px, 100%);
}
body.index .hakkimizda .sub-2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.index .hakkimizda h2 {
  color: #001c41;
  text-align: start;
}
body.index .hakkimizda p {
  color: rgb(107, 107, 107);
  text-align: start;
}
body.index .hakkimizda a {
  padding: clamp(0.5rem, 1vw, 0.75vw) clamp(0.75rem, 1vw, 1vw);
  font-size: clamp(1.5rem, 1.75vw, 1.75rem);
  transition: background-color 0.6s ease-in-out;
  background-color: #1c66ac;
  width: -moz-fit-content;
  width: fit-content;
}
body.index .hakkimizda a:hover {
  background-color: #96cc17;
}

body.sayfa .arkaplan-1 {
  background: linear-gradient(to right, rgba(11, 48, 90, 0.99), rgba(17, 29, 139, 0) 85%), #919dad;
  min-height: 30vh;
  display: flex;
  flex-direction: column;
}
body.sayfa .hosgeldin {
  flex: 1;
  display: flex;
  gap: calc(1rem + 1vw);
  flex-direction: column;
  justify-content: center;
  max-width: clamp(600px, 40vw, 1250px);
  margin: clamp(10px, 3vw, 50px);
  margin-left: 15vw;
}
@media (max-width: 1250px) {
  body.sayfa .hosgeldin {
    margin: clamp(10px, 3vw, 50px);
  }
}
body.sayfa .hosgeldin h1 {
  font-size: clamp(2.75rem, 5vw, 5rem);
  text-align: start;
}
body.sayfa .govde {
  max-width: 1600px;
  margin: auto;
  gap: calc(2rem + 1vw);
  padding: calc(3rem + 3vw) calc(1rem + 1vw);
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 750px) {
  body.sayfa .govde {
    display: flex;
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
body.sayfa .govde .hizmetler {
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 3vw, 3rem);
  gap: clamp(2rem, 3vw, 4rem);
  background-color: #f8f9fa;
  height: -moz-fit-content;
  height: fit-content;
}
body.sayfa .govde .hizmetler h2 {
  font-size: clamp(1.75rem, 2vw, 2.5rem);
  font-weight: 600;
  color: #063b8b;
}
body.sayfa .govde .hizmetler .liste {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
body.sayfa .govde .hizmetler a {
  color: #60545e;
  background-color: white;
  border: 1px solid #dee2e6;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
}
body.sayfa .govde .hizmetler a i {
  color: #60545e;
  font-size: clamp(1.5rem, 1.75vw, 1.75rem);
}
body.sayfa .govde .icerik {
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 3vw, 3rem);
  gap: clamp(1.5rem, 2vw, 2rem);
}
body.sayfa .govde .icerik > img {
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.sayfa .govde .icerik :is(h2, h3, h4, p) {
  text-align: start;
}
body.sayfa .govde .icerik h2 {
  font-size: clamp(1.75rem, 2vw, 2.5rem);
  font-weight: 600;
  color: #063b8b;
}
body.sayfa .govde .icerik h3 {
  font-size: clamp(1.6rem, 2vw, 2.2rem);
  font-weight: 600;
  color: #0d3e88;
}
body.sayfa .govde .icerik h4 {
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 600;
  color: #164183;
}
body.sayfa .govde .icerik :is(p, li) {
  color: #42545e;
  text-align: start;
  list-style: disc;
}
body.sayfa .govde .icerik strong {
  color: #505152;
}
body.sayfa .govde .icerik p {
  border-bottom: 1px solid rgba(96, 84, 94, 0.6862745098);
  padding-bottom: 30px;
  margin-bottom: 10px;
  font-size: clamp(1.25rem, 1.5vw, 1.75rem);
}
body.sayfa .govde .icerik ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-left: 15px;
}

/* Dropdown Nav */
.dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
}
.dropdown > ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  background-color: #1c66ac;
  padding: 10px;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: start;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.dropdown > ul > li {
  text-align: start;
}
.dropdown > ul > li a {
  font-size: clamp(1.25rem, 1.5vw, 1.5rem) !important;
}
.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

/* Full Menü */
.menu-full,
.menu-overlay {
  position: fixed;
  top: 0;
  height: 100vh;
}

.menu-overlay {
  display: none;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 19000;
  opacity: 0;
  transition: opacity 0.3s;
}

#fullMenuButton {
  display: none;
}
#fullMenuButton i {
  color: white;
  font-size: clamp(2.25rem, 2vw, 3rem);
  font-weight: 900;
  background-color: #0053d8;
  padding: 1px 4px;
}
@media (max-width: 800px) {
  #fullMenuButton {
    display: block;
  }
}

.menu-full {
  display: none;
  background-color: #256ad7;
  background-color: #0053d8;
  left: 0;
  width: clamp(190px, 80vw, 250px);
  padding: clamp(1rem, 2vw, 3rem);
  z-index: 20000;
  overflow: auto;
  transform: translateX(-100%);
  transition: transform 0.5s;
}
.menu-full * {
  text-align: start !important;
}
.menu-full > ul {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  color: #fff;
  gap: clamp(2rem, 2vw, 30rem);
  padding: 3rem 1rem;
}
.menu-full > ul > li {
  display: flex;
  justify-content: end;
}
.menu-full > ul > li > a {
  font-size: clamp(1.65rem, 2vw, 1.8rem);
  font-weight: 500;
}
.menu-full > ul > li span {
  font-size: clamp(1.5rem, 2vw, 1.65rem);
}
.menu-full > *:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5254901961);
  padding-bottom: 1rem;
}
.menu-full .kapat-buton {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: clamp(2.5rem, 2vw, 3.5rem);
  font-weight: 700;
  z-index: 21;
  color: #fff;
}
.menu-full .logo {
  z-index: 21;
  width: clamp(100px, 100px + 5vw, 175px);
  max-height: clamp(30px, 30px + 5vw, 60px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.menu-full .sosyal {
  display: flex;
  gap: 2rem;
  justify-content: start;
  margin-top: 2rem;
  margin-left: 1rem;
}
.menu-full .sosyal i {
  font-size: clamp(2rem, 3vw, 2.5rem);
}

/* Sticky Buttons - Start*/
#contact-buttons {
  position: fixed;
  bottom: calc(10px + 1vw);
  right: calc(5px + 1vw);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(1rem + 0.25vw);
  /* Hafif ve yavaş titreşim animasyonu */
}
#contact-buttons a {
  width: calc(50px + 0.6vw);
  height: calc(50px + 0.6vw);
  background-color: #1c66ac;
  border-radius: 50%;
  color: white;
  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact-buttons a:nth-of-type(1) {
  animation: shake 2.5s infinite ease-in-out;
}
#contact-buttons a:nth-of-type(2) {
  animation: shake 2.3s infinite ease-in;
}
#contact-buttons a:hover {
  transform: scale(1.1);
  box-shadow: 0 80px 50px rgba(0, 0, 0, 0.2);
}
#contact-buttons a:hover i {
  color: #ECBA16;
}
#contact-buttons i {
  font-size: calc(2.75rem + 0.25vw);
}
@keyframes shake {
  0% {
    transform: translateX(0) translateY(0);
  }
  20% {
    transform: translateX(-1px) translateY(0);
  }
  40% {
    transform: translateX(1px) translateY(0);
  }
  60% {
    transform: translateX(0) translateY(1px);
  }
  80% {
    transform: translateX(0) translateY(-1px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}

/* google-maps */
.google-maps {
  padding: calc(2rem + 3vw) calc(0.5rem + 1vw) calc(0.5rem + 1vw) calc(0.5rem + 1vw);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #001c41;
  color: white;
  align-items: center;
  text-align: center;
  font-size: clamp(1.5rem, 2vw, 2rem);
}
.google-maps .google-maps {
  width: 100%;
  max-width: 1750px;
  max-height: 1000px;
  height: calc(30rem + 30vw);
  border: none;
  box-shadow: var(--shadow-1);
}

footer {
  padding: clamp(3rem, 3vw, 6rem) clamp(1rem, 2vw, 15rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #001c41;
  width: 100vw;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  gap: calc(2rem + 2vw);
}
footer * {
  color: white;
}
footer h2 {
  font-size: clamp(2.5rem, 3vw, 4rem);
  font-weight: 800;
}
footer h3 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 800;
  color: #00a696;
}
footer a {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}
footer .bilgi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  max-width: 600px;
  margin-left: auto;
}
footer .bilgi h2 span {
  color: #00a696;
}
footer .link-bolumu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
}
footer .link-bolumu > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-top: 1px solid #3d454c;
  padding-top: 1rem;
}
footer .link-bolumu .sosyal .liste {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-around;
}
footer .copyright {
  font-size: clamp(1.25rem, 1.5vw, 1.75rem);
}
@media (max-width: 725px) {
  footer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 3rem;
  }
  footer .link-bolumu {
    justify-content: center;
  }
}

/* Galeri */
.galeri {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  padding: 3rem;
  max-width: 1600px;
  margin: auto;
}
.galeri h2 {
  color: #001c41;
}
.galeri .galeri-liste {
  display: grid;
  gap: 1rem;
  justify-content: center;
  align-content: center;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.galeri .galeri-liste .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.galeri .galeri-liste .gallery-item img,
.galeri .galeri-liste .gallery-item video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.galeri .galeri-liste .gallery-item:hover img,
.galeri .galeri-liste .gallery-item:hover video {
  transform: scale(1.1);
  filter: brightness(80%);
}
.galeri .galleryModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.galeri .galleryModal img,
.galeri .galleryModal video {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.galeri .galleryModal .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  color: white;
  cursor: pointer;
  background: none;
  border: none;
}/*# sourceMappingURL=styles.css.map */