/* Banner Section */
.static-slider1 {
    font-family: "Montserrat", sans-serif;
      color: #8d97ad;
    font-weight: 300;
    height: 42vh; /* Reduced by another 35% */
    background-color: #1f1b2c; /* Dark background */
    padding: 2rem 0;
  }
  
  .static-slider1 h1, .static-slider1 h2, .static-slider1 h3, .static-slider1 h4, .static-slider1 h5, .static-slider1 h6 {
    color: #ffffff; /* Changed to white for dark mode */
  }
  
  .static-slider1 .title{
          font-weight: 700;
      line-height: 56px;
          font-size: 36px;
  }
  
  .static-slider1 .title span{
          border-bottom: 3px solid #2cdd9b;
  }
  
  @media (max-width:767px) {
      .static-slider1 .title{
              font-weight: 700;
              line-height: 36px;
              font-size: 24px;
      }
  }
  
  .static-slider1 .btn-success-gradiant {
          background: #2cdd9b;
      background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
      background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
      background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
      background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
      background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
  }
  
  .static-slider1 .btn-success-gradiant:hover {
          background: #1dc8cc;
      background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%);
      background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b));
      background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
      background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
      background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);	
  }
  
  .static-slider1 .btn-md {
      padding: 15px 45px;
      font-size: 16px;
  }
  
  .static-slider1 .text-success-gradiant {
          background: #2cdd9b;
      background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
      background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
      background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
      background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
      background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }
          
          .static-slider1 .banner-image {
              height: 300px;
              width: 100%;
              object-fit: cover;
          }
  
          .banner-slider {
              position: relative;
              overflow: hidden;
              width: 100%;
              height: 300px;
              box-shadow: 0 0 30px rgba(44, 221, 155, 0.5); /* Moved glow to container */
          }
  
          .banner-slide {
              position: absolute;
              width: 100%;
              height: 100%;
              display: none;
              transform: translateX(100%);
              transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; /* Slower transition */
              opacity: 0;
          }
  
          .banner-slide.active {
              display: block;
              transform: translateX(0);
              opacity: 1;
          }
  
          .banner-slide.previous {
              display: block;
              transform: translateX(-100%);
              opacity: 0;
          }
  
          @keyframes slideInRight {
              from { 
                  transform: translateX(100%);
                  opacity: 0;
              }
              to { 
                  transform: translateX(0);
                  opacity: 1;
              }
          }
  
          @keyframes slideOutLeft {
              from { 
                  transform: translateX(0);
                  opacity: 1;
              }
              to { 
                  transform: translateX(-100%);
                  opacity: 0;
              }
          }
  
          .slide-in {
              animation: slideInRight 0.8s ease-in-out forwards;
          }
  
          .slide-out {
              animation: slideOutLeft 0.8s ease-in-out forwards;
          }

          /* Banner section */
        .swiper-wrapper, .swiper {
            position: static !important;
        }

        .swiper-slide {
            position: relative;
        }