/* Tentang Kami Section - Updated Layout */
   .tentang-section {
      padding: 100px 0;
      background: white;
      position: relative;
      overflow: hidden;
   }

   .tentang-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 4rem;
   }

   /* Grid Layout for Top Section */
   .tentang-grid {
      display: grid;
      grid-template-columns: 300px 1fr;
      gap: 4rem;
      margin-bottom: 3rem;
   }

   /* Left Column */
   .tentang-left {
      display: flex;
      flex-direction: column;
      gap: 2rem;
   }

   .tentang-label {
      display: inline-block;
      color: #1e3c72;
      font-size: 0.95rem;
      font-weight: 600;
   }

   /* Nilai-nilai Inti */
   .nilai-inti {
      margin-top: 5rem;
   }

   .nilai-title {
      font-size: 1.1rem;
      color: #1e3c72;
      font-weight: 700;
      margin-bottom: 1rem;
   }

   .nilai-items {
      display: flex;
      flex-direction: column;
      gap: 0.8rem;
   }

   .nilai-items p {
      color: #666;
      font-size: 0.9rem;
      line-height: 1.6;
   }

   /* Right Column */
   .tentang-title {
      font-size: 2.2rem;
      color: #1e3c72;
      font-weight: 700;
      margin-bottom: 1.5rem;
      line-height: 1.3;
   }

   .tentang-description {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
   }

   .tentang-description p {
      color: #666;
      font-size: 0.95rem;
      line-height: 1.8;
      text-align: justify;
      margin-bottom: 1rem;
   }

   /* Images Wrapper */
   .tentang-images-wrapper {
      position: relative;
      width: 100%;
      height: 450px;
      margin-bottom: 2rem;
   }

   /* Main Image */
   .tentang-main-img {
      width: 60%;
      height: 350px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
   }

   .tentang-main-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
   }

   .tentang-main-img:hover img {
      transform: scale(1.05);
   }

   /* Overlay Image */
   .tentang-overlay-img {
      width: 50%;
      height: 200px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 2;
      border: 5px solid #fff;
   }

   .tentang-overlay-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
   }

   .tentang-overlay-img:hover img {
      transform: scale(1.05);
   }

   /* Responsive Design */
   @media (max-width: 1024px) {
      .tentang-grid {
         grid-template-columns: 1fr;
         gap: 2rem;
      }

      .tentang-images-wrapper {
         height: 400px;
      }

      .tentang-main-img {
         width: 65%;
         height: 300px;
      }

      .tentang-overlay-img {
         width: 55%;
         height: 250px;
      }
   }

   @media (max-width: 768px) {
      .tentang-section {
         padding: 60px 0;
      }

      .tentang-container {
         padding: 0 2rem;
      }

      .tentang-title {
         font-size: 1.8rem;
      }

      .tentang-images-wrapper {
         height: 350px;
         margin-bottom: 2rem;
      }

      .tentang-main-img {
         width: 70%;
         height: 250px;
      }

      .tentang-overlay-img {
         width: 60%;
         height: 200px;
      }

      .nilai-inti {
         margin-top: 0;
      }
   }

   @media (max-width: 480px) {
      .tentang-title {
         font-size: 1.5rem;
      }

      .tentang-description p {
         font-size: 0.9rem;
         text-align: left;
      }

      .tentang-images-wrapper {
         height: 300px;
      }

      .tentang-main-img {
         width: 75%;
         height: 200px;
      }

      .tentang-overlay-img {
         width: 65%;
         height: 160px;
      }
   }