/*Installation Section*/

    .installation-section {
      max-width: 1400px;
      margin: 3rem auto;
      padding: 1rem;
      font-family: 'Segoe UI', sans-serif;
      color: #222;
    }
    
    .install-item {
      margin-bottom: 1.5rem;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }
    
    .install-toggle {
      width: 100%;
      text-align: left;
      background: #f9f9f9;
      border: none;
      padding: 1rem;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.3s ease;
    }
    
    .install-toggle:hover {
      background: #f0f0f0;
    }
    
    .install-toggle.active {
      background: #e9f5ff;
    }
    
    .install-content {
      display: none;
      padding: 1rem 1.5rem;
      border-top: 1px solid #ddd;
    }
    
    .install-content.active {
      display: block;
    }
    
    .install-image {
      max-width: 100%;
      max-width: 4rem;
      margin: 1rem 0;
      border-radius: 6px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }
    
    .install-content ol {
      padding-left: 1.5rem;
      margin: 0;
    }
    
    .install-content li {
      margin-bottom: 0.8rem;
      line-height: 1.6;
    }
    
    .install-content a {
      color: #007acc;
      text-decoration: underline;
    }
    
    .install-content a:hover {
      text-decoration: none;
    }

    .install-toggle::after {
      content: "▼";
      float: right;
      transition: transform 0.3s ease;
    }
    
    .install-toggle.active::after {
      transform: rotate(180deg);
    }