body {
          font-family: Tahoma, sans-serif;
          background: #f4f4f4;
          margin: 0;
          padding: 0;
      }

      .hero {
          background: #fff;
          color: #0E4478;
          padding: 2rem 1rem;
          text-align: center;
          border-bottom: 4px solid #0E4478;
          border-radius: 0 0 20px 20px;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      }

          .hero h1 {
              font-size: 19px;
              margin-bottom: 0.5rem;
              font-weight: bold;
          }

          .hero p {
              font-size: 1rem;
              opacity: 0.8;
          }

      .container {
          max-width: 900px;
          margin: auto;
          padding: 1rem;
      }

      #searchInput {
          width: 100%;
          padding: 0.6rem;
          margin: 1rem 0;
          border: 1px solid #ccc;
          border-radius: 8px;
      }

      .accordion {
          background: #f6f6f6;
          border-radius: 12px;
          margin-bottom: 1.5rem;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
          overflow: hidden;
          transition: all 0.3s ease-in-out;
          border: 1px solid #ddd;
      }

          .accordion.highlight {
              border: 2px solid #6c63ff;
              background: #f0f0ff;
          }

          .accordion h2 {
              margin: 0;
              padding: 1rem 1.5rem;
              font-size:15px;
              font-weight: bold;
              background-color: #e0e0e0;
              color: #333;
              cursor: pointer;
              position: relative;
              border-radius: 12px 12px 0 0;
              transition: background 0.3s ease;
          }

              .accordion h2::after {
                  content: "➤";
                  position: absolute;
                  left: 1rem;
                  top: 50%;
                  transform: translateY(-50%) rotate(0deg);
                  transition: transform 0.3s;
                  color: #888;
              }

          .accordion.open h2::after {
              transform: translateY(-50%) rotate(90deg);
          }

      .accordion-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.4s ease;
          background-color: #ffffff;
          padding: 0 1rem;
      }


      .accordion.open .accordion-content {
          max-height: 1500px;
          padding-top: 1rem;
          padding-bottom: 1rem;
      }

      .accordion-content.active {
          max-height: 500px; /* مقدار بزرگ برای نمایش کامل محتوا */
      }



      .download-card {
          background: #fff;
          border-left: 4px solid #9e9e9e;
          border-radius: 8px;
          margin-bottom: 1rem;
          padding: 1rem;
          box-shadow: 0 1px 3px rgba(0,0,0,0.05);
          transition: all 0.3s ease;
          
      }

          .download-card:hover {
              background-color: #f4f4f4;
          }

          .download-card h3 {
              font-size: 14px;
              margin: 0 0 0.5rem 0;
              color: #444;
          }

.download-btn {
    font-size: 15px;
    margin-top: 10px;
    background: #5386b6;
    padding: 5px 12px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    transition: background 0.3s;
    z-index: 10;
    display: inline-block; /* برای تنظیم بهتر دکمه */
    margin-bottom: 10px; /* فاصله از پایین برای جداکردن از PDF */
}


          .download-btn:hover {
              background: #4b43d9;
          }


      .download-card p {
          margin: 0.2rem 0;
          font-size: 0.85rem;
          color: #444;
      }

      .more-items {
          display: none;
      }

      .show-more-btn {
          background: none;
          border: none;
          color: #0E4478;
          font-size: 0.9rem;
          cursor: pointer;
          padding: 0.5rem 0;
          display: block;
      }

      .auto-style1 {
          text-align: justify;
      }

      .search-container {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          direction: rtl;
      }

      .search-toggle {
          margin-right: 5px; /* چون حالا در راست هست */
      }

    .hero h1 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-btn {
    text-decoration: none;
    color: #0E4478;
    font-weight: bold;
   
}

.home-btn:hover {
    color: #4b43d9;
}