body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
      background-color: #ffffff;
      color: #222;
    }

    /* ------------ LOGO ------------ */
    .agu-logo-mark {
      background-color: #2b5b2e;
      color: #ffffff;
      border-radius: 3px;
      font-weight: 700;
      padding: 8px 10px;
      font-size: 14px;
      letter-spacing: 0.06em;
    }

    .agu-logo-text {
      line-height: 1.1;
    }

    .agu-logo-title {
      font-size: 14px;
      font-weight: 700;
    }

    .agu-logo-subtitle {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.05em;
    }

    .agu-logo-mark.green {
      background-color: #1f5b3a;
    }

    /* ------------ HERO ------------ */
    .hero-section {
      height: 600px;
      
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .hero-text {
      margin-left: 60px;
      max-width: 480px;
    }

    .hero-text h1 {
      font-size: 28px;
      font-weight: 600;
      color: #1f2933;
      margin: 0;
      line-height: 1.3;
    }

    /* ------------ SDG GRID ------------ */
    .sdg-section {
      background-color: #f1f4dd;
    }

    

    /* Rapor kutusu */
    .report-item {
      background-color: #f1f4dd;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    .report-circle {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #2e8b57;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 26px;
    }

    .report-item:hover .report-circle {
      filter: brightness(1.05);
    }

    /* ------------ FOOTER ------------ */
    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      margin-bottom: 4px;
    }

    .footer-links a {
      color: #444;
      text-decoration: none;
      font-size: 13px;
    }

    .footer-links a:hover {
      text-decoration: underline;
    }

    .footer-contact {
      font-size: 13px;
      color: #444;
    }

    .footer-contact i {
      font-size: 12px;
      margin-right: 6px;
    }

    @media (max-width: 768px) {
      .hero-text {
        margin-left: 24px;
      }
      .hero-text h1 {
        font-size: 22px;
      }
    }
	
	/* ------------ SDG 1 SAYFA ORTA KISIM ------------ */

.sdg1-wrapper {
  background-color: #ffffff;
}

/* Üst bölüm (başlık + metin + görsel) */
.sdg1-hero-title {
  font-weight: 700;
  color: #0b3b23;
  font-size: 28px;
}

.sdg1-hero-text {
  font-size: 14px;
  line-height: 1.6;
  color: #333333;
}

.sdg1-btn {
  background-color: #0b3b23;
  border-color: #0b3b23;
  border-radius: 50px;
  padding: 8px 24px;
  font-size: 14px;
}

.sdg1-btn:hover {
  background-color: #072314;
  border-color: #072314;
}

/* Ortadaki yeşil bar */
.policies-bar {
  background-color: #0b3b23;
  color: #ffffff;
  padding: 24px 0;
  margin-top: 40px;
}

.policies-bar h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}

/* Accordion alanı */
.policies-section {
  background-color: #0b3b23;
  padding: 40px 0 60px;
}

.policies-card {
  background-color: #f1f4dd;
  border-radius: 8px;
}

/* Bootstrap accordion özelleştirme */
.accordion-item {
  border: 0;
  border-bottom: 1px solid #d1d5c4;
}

.accordion-item:last-child {
  border-bottom: 0;
}

.accordion-button {
  background-color: transparent;
  font-weight: 600;
  font-size: 15px;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

/* Liste görünümü (+ işaretleri) */
.policy-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.policy-list li {
  padding: 4px 0;
  font-size: 14px;
  color: #333;
}

.policy-list li::before {
  content: "+";
  margin-right: 8px;
}
	
/* ---------------- OUR TEAM ORTA KISIM ---------------- */

.team-wrapper {
  background-color: #0b3b23; /* koyu yeşil zemin */
}

/* Üstteki başlık barı */
.team-header-bar {
  background-color: #0b3b23;
  color: #ffffff;
  padding: 24px 0 16px;
}

.team-header-bar h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}

/* Kart alanı */
.team-section {
  padding: 32px 0 60px;
  background-color: #0b3b23;
}

/* Ortadaki açık renk blok */
.team-card {
  background-color: #f7fbe9;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  padding: 24px 32px;
}

.team-card + .team-card {
  margin-top: 16px; /* kartlar arası ince çizgi gibi */
}

/* Fotoğraf */
.team-photo {
  max-width: 200px;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

/* Metin tarafı */
.team-name {
  font-size: 24px;
  font-weight: 700;
  color: #0b3b23;
  margin-bottom: 4px;
}

.team-title {
  font-weight: 600;
  color: #0b3b23;
  margin-bottom: 12px;
}

.team-meta {
  font-size: 14px;
  color: #333333;
}

/* Küçük ekranlarda foto üstte, metin altta */
@media (max-width: 768px) {
  .team-card {
    padding: 20px 16px;
  }

  .team-name {
    font-size: 20px;
  }

  .team-photo {
    margin-bottom: 12px;
  }
}