.banner-overlay {
       background: rgba(10, 9, 48, 0.65);
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       min-height: 100vh;
       padding: 105px 0px 165px;
   }

   .swiper-slide {
       position: relative;
   }

   .banner-content {
       color: white;
       width: 100%;
       max-width: 600px;
       margin: 0 auto;
   }

   /* RTL and LTR specific styles */
   [dir="rtl"] .banner-content {
       text-align: right;
       margin-right: 0;
       margin-left: auto;
   }

   [dir="ltr"] .banner-content {
       text-align: left;
       margin-left: 0;
       margin-right: auto;
   }

   /* Alternative approach using float */
   /* .banner-content {
    color: white;
    max-width: 600px;
}

[dir="rtl"] .banner-content {
    text-align: right;
    float: right;
}

[dir="ltr"] .banner-content {
    text-align: left;
    float: left;
} */

   /* Another approach using flexbox */
   /* .banner-overlay .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

[dir="rtl"] .banner-overlay .container {
    justify-content: flex-end;
}

.banner-content {
    color: white;
    text-align: left;
    max-width: 600px;
}

[dir="rtl"] .banner-content {
    text-align: right;
} */

   /* Ensure swiper slide takes full height */
   .swiper-slide {
       height: 100vh;
   }

   /* Style the list items */
   .banner-content ul {
       list-style: none;
       padding: 0;
       margin: 20px 0;
   }

   .banner-content li {
       display: flex;
       align-items: center;
       margin-bottom: 10px;
       gap: 10px;
   }

   /* [dir="rtl"] .banner-content li {
    flex-direction: row-reverse;
} */

   .banner-content li i {
       font-size: 20px;
       color: #fff;
   }

   .banner-content li span {
       display: flex;
       flex-direction: column;
   }

   .banner-content li small {
       font-size: 12px;
       opacity: 0.8;
       margin-bottom: 2px;
   }

   /* Button styles */
   .btn.btn-inline {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       padding: 12px 24px;
       background: #007bff;
       color: white;
       text-decoration: none;
       border-radius: 5px;
       transition: background 0.3s ease;
   }

   [dir="rtl"] .btn.btn-inline {
       flex-direction: row-reverse;
   }

   .btn.btn-inline:hover {
       background: #0056b3;
   }

   /* Optional: Style the pagination bullets */
   .swiper-pagination-bullet {
       background: white;
       opacity: 0.5;
   }

   .swiper-pagination-bullet-active {
       background: white;
       opacity: 1;
   }

   /* Optional: Style navigation buttons */
   .swiper-button-next,
   .swiper-button-prev {
       color: white;
   }

   /* Responsive design */
   @media (max-width: 768px) {
       .banner-content {
           text-align: center !important;
           margin: 0 auto !important;
           float: none !important;
       }

       [dir="rtl"] .banner-content li,
       [dir="ltr"] .banner-content li {
           justify-content: center;
           text-align: center;
       }

       .banner-overlay .container {
           justify-content: center !important;
       }
   }