/* HERO */
    .about-hero {
      /* height: 40vh; */
      display: flex;
      align-items: center;
      justify-content: center; 
      /* background: rgb(224, 38, 128,0.7); */
      position: relative;
      top: 80px;
      left:0;
      color: #d94f8f;
      width: 100%;
    }

    /* .about-hero::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgb(224, 38, 128,0.7);
      top: 360px;
      left: 0;
    } */

    .about-hero h1 {
      position: relative;
      z-index: 1;
      font-size: 48px;
      font-family: "Gloria Hallelujah", cursive;
    }

    /* ABOUT CONTENT */
    .about-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 50px;
      /* padding:150px 10%; */
      padding-top: 100px;
      padding-bottom: 50px;
      padding-left: 10%;
      padding-right: 10%;
    }

    .about-text {
      flex: 1;
      min-width: 280px;
      line-height: 2;
      font-family: "Gloria Hallelujah", cursive;
    }

    .about-text h2 {
      font-size: 28px;
      margin-bottom: 20px;
      color: #5a3825;
    }

    .about-text p {
      margin-bottom: 15px;
      font-size: 16px;
    }

    .about-image {
      flex: 1;
      min-width: 280px;
    }

    .about-image img {
      width: 100%;
      border-radius: 15px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    /* MİSYON VİZYON */
    .mission-vision {
      background: rgb(224, 38, 128,0.7);
      text-align: center;
      padding: 60px 10%;
      color: white;
      line-height: 2;
      font-family: "Gloria Hallelujah", cursive;
    }

    .mission-vision h3 {
      color: white;
      font-size: 24px;
      margin-bottom: 15px;
    }

    .mission-vision p {
      max-width: 800px;
      margin: 0 auto 30px;
    }

    /* YORUMLAR */
    .testimonials {
      background: #ffe9d2;
      text-align: center;
      padding: 70px 10%;
    }

    .testimonials h2 {
      margin-bottom: 40px;
      color: #5a3825;
    }

    .testimonial {
      display: none;
      max-width: 700px;
      margin: 0 auto;
    }

    .testimonial.active {
      display: block;
      animation: fadeIn 1s ease;
    }

    .testimonial p {
      font-style: italic;
      font-size: 18px;
    }

    .testimonial h4 {
      margin-top: 10px;
      color: #7a5e4c;
    }

    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }