body {
  font-family: "Roboto", sans-serif;
}

#mainNav .dropdown-item {
  text-transform: none !important;
}

/* button */
.hover-reverse {
  transition: all 0.3s ease;
}

.hover-reverse.bg-primary:hover {
  background-color: #fff !important;
  color: #0d6efd !important;
}

.hover-reverse.bg-success:hover {
  background-color: #fff !important;
  color: #198754 !important;
}

.hover-reverse.bg-purple {
  background-color: purple !important;
}

.hover-reverse.bg-purple:hover {
  background-color: #fff !important;
  color: purple !important;
}

/*  */
.centered-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.btn-custom {
  transition: all 0.3s ease;
}

.btn-custom:hover {
  filter: brightness(85%);
  transform: scale(1.02);
}

.equal-box {
  /* min-height: 150px; */
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.equal-box:hover {
  filter: brightness(90%);
  cursor: pointer;
  transition: 0.3s ease;
}

.card-aydinlatma {
  background: linear-gradient(135deg, #ffa726, #fb8c00);
  transition: all 0.3s ease;
  border-radius: 10px;
}
.card-aydinlatma:hover {
  background: linear-gradient(135deg, #fb8c00, #ef6c00);
  transform: translateY(-5px);
}

.card-fi {
  background: linear-gradient(135deg, #638bac, #1e88e5);
  transition: all 0.3s ease;
  border-radius: 10px;
}
.card-fi:hover {
  background: linear-gradient(135deg, #1e88e5, #1565c0);
  transform: translateY(-5px);
}

.card-pi {
  background: linear-gradient(135deg, #30505a, #1e88e5);
  transition: all 0.3s ease;
  border-radius: 10px;
}
.card-pi:hover {
  background: linear-gradient(135deg, #1e88e5, #1565c0);
  transform: translateY(-5px);
}

.card-ulasin {
  background: linear-gradient(135deg, #66bb6a, #43a047);
  transition: all 0.3s ease;
  border-radius: 10px;
}
.card-ulasin:hover {
  background: linear-gradient(135deg, #43a047, #2e7d32);
  transform: translateY(-5px);
}
.modal-content {
  z-index: 10000 !important;
}

.modal-backdrop.show {
  z-index: 1;
}
.logo {
  height: 10vh;
}
.logo-container {
  padding: 2rem 0 0 0;
}
@media (max-width: 768px) {
  #organizasyon-yapisi {
    height: 300px !important;

    padding: 2rem 1rem !important;
    margin: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100vw !important;
    overflow-x: hidden;
  }
  .logo {
    height: 8vh;
  }
}

@media (max-width: 767.98px) {
  .responsive-center-contact {
    text-align: center !important;
  }
}

.custom-mail-link .custom-mail-text {
  color: white;
  transition: all 0.3s ease;
  text-decoration: none;
}

.custom-mail-link:hover .custom-mail-text {
  color: #495057; /* Örnek: sarımsı */
  text-decoration: none;
}

@media (max-width: 1109px) {
  .logo-container {
    padding: 0.5rem 0 0 0;
  }

  .header-column {
    justify-content: flex-start !important;
    padding-top: 80px !important;
  }
}

@media (max-width: 992px) {
  .header-column {
    padding-top: 0 !important;
  }
}