.container {
              max-width: 49%;
              margin: 0 auto;
              width: 100%;
              display: inline-block;
          }

          .section-title2 {
              text-align: center;
              color: #267099;
              font-size: 2.5rem;
              margin-bottom: 50px;
              margin-top: 50px;
              text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
          }

          .categories-container {
              display: flex;
              gap: 0;
              margin-bottom: 30px;
              justify-content: center;
              width: 94%;
              margin-right: 4%;
          }

          .category-btn {
              padding: 12px 25px;
              background: rgba(255, 255, 255, 0.2);
              color: #123544;
              border: none;
              border-radius: 25px;
              font-size: 1rem;
              cursor: pointer;
              transition: all 0.3s ease;
              backdrop-filter: blur(10px);
              font-weight: bolder;
              font-size: x-large;
          }

          .category-btn.active {
              background: white;
              color: #667eea;
              font-weight: bolder;
              font-size: x-large;
          }

          .category-btn:hover {
              background: rgba(255, 255, 255, 0.3);
          }

          .services-slider-container {
              position: relative;
              min-height: 500px;
              width: 100%;
              max-width: 90%;
              margin: 5%;
          }

          .service-slider {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: white;
              border-radius: 15px;
              overflow: hidden;
              box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
              min-height: 450px;
          }

          .slider-track {
              display: flex;
              transition: transform 0.5s ease-in-out;
              height: 100%;
              direction: ltr;
              /* اضافه شد */
          }

          .slide {
              min-width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
          }

          .slide-link {
              text-decoration: none;
              color: inherit;
              cursor: pointer;
          }

          /* جایی که تصویر نشون داده میشه: برای همه اسلایدها یک اندازه ثابت */
          .slide-image {
              width: 100%;
              height: 50%;
              flex-shrink: 0;
              object-fit: contain;
              object-position: center;
              background: #f0f2f5;
              display: block;
          }

          .slide-content {
              padding: 25px;
              flex: 1;
              display: flex;
              flex-direction: column;
              direction: rtl;
          }

          .slide-name {
              font-size: 1.4rem;
              color: #333;
              margin-bottom: 10px;
              font-weight: bold;
          }

          .slide-description {
              color: #666;
              line-height: 1.6;
              flex: 1;
          }

          .slide-category {
              display: inline-block;
              background: #667eea;
              color: white;
              padding: 4px 12px;
              border-radius: 15px;
              font-size: 0.8rem;
              margin-top: 15px;
              align-self: flex-start;
          }

          .slider-nav {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              width: 100%;
              display: flex;
              justify-content: space-between;
              padding: 0 15px;
              z-index: 10;
          }

          .nav-btn {
              background: rgba(255, 255, 255, 0.9);
              border: none;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              font-size: 1.2rem;
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
              transition: all 0.3s ease;
          }

          .nav-btn:hover {
              background: white;
              transform: scale(1.1);
          }

          .slider-dots {
              display: flex;
              justify-content: center;
              gap: 8px;
              margin-top: 20px;
              margin-bottom: 20px;
          }

          .dot {
              width: 10px;
              height: 10px;
              border-radius: 50%;
              background: rgb(75 75 75 / 50%);
              cursor: pointer;
              transition: all 0.3s ease;
          }

          .dot.active {
              background: #1d1d1d;
              transform: scale(1.2);
          }

          .dot:hover {
              background: #1d1d1d;
          }

          .dots-container {
              text-align: center;
              margin-top: 20px;
          }

          .dots-container.hidden {
              display: none;
          }

          .hidden {
              display: none !important;
          }

          @media (max-width: 768px) {
              .section-title {
                  font-size: 2rem;
              }

              .slide-image {
                  height: 180px;
              }

              .slide-content {
                  padding: 20px;
              }
          }

          @media (max-width: 480px) {
              .slide-image {
                  height: 160px;
              }

              .slide-name {
                  font-size: 1.2rem;
              }

              .slide-description {
                  font-size: 0.9rem;
              }

              .nav-btn {
                  width: 35px;
                  height: 35px;
                  font-size: 1rem;
              }

              .category-btn.active {
                  font-size: 13px;
                  width: 231px;
              }

              .category-btn {
                  font-size: 13px;
                  width: 231px;
              }

            .container {
                max-width: 100%;
                display: block;
            }
        }