/* * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Raleway';
    } */

    /* Common styles for both versions */
    .slider-version-glow {
      height: 100vh;
      overflow: hidden;
      position: relative;
    }

    .slider-wrapper-glow {
      overflow: hidden;
      height: 100%;
      position: relative;
    }

    .slider-container-glow {
      display: flex;
      transition: transform 0.8s ease-in-out;
      height: 100%;
    }

    .slide-glow {
      flex: 0 0 100%;
      height: 100%;
      color: white;
      position: relative;
    }

    /* DESKTOP VERSION STYLES */
    .desktop-slider-glow {
      display: block;
    }

    .desktop-slide-glow {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 5%;
    }

    .desktop-content-glow {
      max-width: 45%;
      position: relative;
      z-index: 2;
    }

    .desktop-slide-glow h2 {
      font-size: 2.8vw;
      background: linear-gradient(92.1deg, #30B0FC 1.85%, #0E68D4 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    .innher-h1{
        font-size: 3.4vw;
      font-weight: bold;
      margin: 10px 0;
    }
    .inner-h2{
        font-size: 2.8vw;
      background: linear-gradient(92.1deg, #30B0FC 1.85%, #0E68D4 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    .desktop-slide-glow h1 {
      font-size: 3.4vw;
      font-weight: bold;
      margin: 10px 0;
    }

    .desktop-slide-glow p {
      margin: 2vw 0;
      font-size: 1.25vw;
      color: #ccc;
    }

    .desktop-slide-glow a {
      background-color: #007bff;
      border: none;
      padding: 1vw 2vw;
      color: white;
      font-size: 1vw;
      border-radius: 10vw;
      cursor: pointer;
      transition: background 0.3s;
      text-decoration: none;
      font-weight: 500;
      margin-top: 10vh;
      display: inline-block;
    }

    .desktop-image-box-glow {
      position: relative;
      width: 50%;
      height: 100%;
    }

    .desktop-image-box-glow img {
      position: absolute;
      top: 0%;
      left: -30%;
      width: 140%;
      height: 100%;
      object-fit: contain;
      transition: opacity 0.5s ease-in-out;
    }

    .desktop-image-box-glow img.glow {
      opacity: 0;
    }

    .desktop-image-box-glow:hover img.glow {
      opacity: 1;
    }

    .desktop-nav-buttons-glow {
      position: absolute;
      bottom: 70px;
      left: 8.8%;
      transform: translateX(-50%);
      display: flex;
      gap: 20px;
      z-index: 10;
    }

    .desktop-nav-buttons-glow button {
      background: none;
      border: none;
      cursor: pointer;
    }

    .desktop-nav-buttons-glow button img {
      width: 2.5vw;
    }

    /* Background classes for desktop */
    .bg1-glow {
      background-image: url('./Images/Healthcare.png');
      background-repeat: no-repeat;
      background-size: cover;
    }

    .bg2-glow {
      background-image: url('./Images/Healthcare.png');
      background-repeat: no-repeat;
      background-size: cover;
    }

    .bg3-glow {
      background-image: url('./Images/Healthcare.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
.desktop-video-bg-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 1;
  pointer-events: none;
}
.desktop-slide-glow {
  position: relative;
  overflow: hidden;
}

.desktop-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.desktop-video-bg-glow {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.desktop-content-glow,
.desktop-image-box-glow {
  position: relative;
  z-index: 1;
}
.desktop-content-glow {
  position: relative;
  z-index: 3;
}

.desktop-image-box-glow {
  position: relative;
  z-index: 1;
}
    /* MOBILE VERSION STYLES */
    .mobile-slider-glow-mbo {
      display: none;
    }

    .mobile-slide-glow-mbo {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 15% 5% 5%;
      text-align: center;
    }

    .mobile-content-glow-mbo {
      width: 100%;
      margin-bottom: 30px;
      z-index: 2;
    }

    .mobile-slide-glow-mbo h2 {
      font-size: 5vw;
      background: linear-gradient(92.1deg, #30B0FC 1.85%, #0E68D4 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    .inner-h2-mob{
         font-size: 5vw;
      background: linear-gradient(92.1deg, #30B0FC 1.85%, #0E68D4 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    .inner-h1-mob{
        font-size: 7vw;
      font-weight: bold;
      margin: 15px 0;
    }
    .mobile-slide-glow-mbo h1 {
      font-size: 7vw;
      font-weight: bold;
      margin: 15px 0;
    }

    .mobile-slide-glow-mbo p {
      margin: 20px 0;
      font-size: 3.5vw;
      color: #ccc;
    }

    .mobile-slide-glow-mbo a {
      background-color: #007bff;
      border: none;
      padding: 12px 24px;
      color: white;
      font-size: 3.5vw;
      border-radius: 10vw;
      cursor: pointer;
      transition: background 0.3s;
      text-decoration: none;
      font-weight: 500;
      margin-top: 5vh;
      display: inline-block;
    }

    .mobile-image-box-glow-mbo {
      width: 100%;
      height: 40vh;
      margin-top: 20px;
      position: relative;
      z-index: 1;
    }

    .mobile-image-box-glow-mbo img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: opacity 0.5s ease-in-out;
    }

    .mobile-image-box-glow-mbo img.glow {
      opacity: 0;
    }

    .mobile-image-box-glow-mbo:hover img.glow {
      opacity: 1;
    }

    .mobile-nav-buttons-glow-mbo {
      position: absolute;
      bottom: 15%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 5px;
      z-index: 10;

    }
    .mobile-nav-buttons-glow-mbo button{
      background: none;
      border: none;
    }
    .mobile-nav-buttons-glow-mbo button img {
      width: 8vw;

    }

    /* Video background for mobile */
    .mobile-video-bg-glow-mbo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
      opacity: 1;
    }

    /* Responsive switching */
    @media (max-width: 768px) {
      .desktop-slider-glow {
        display: none;
      }
      .mobile-slider-glow-mbo {
        display: block;
        padding-top: 80px;
      }
    }
   @media (max-width: 380px){
    .mobile-nav-buttons-glow-mbo{
        bottom: 8%;
    }
   }
    @media (min-width: 769px) {
      .desktop-slider-glow {
        display: block;
      }
      .mobile-slider-glow-mbo {
        display: none;
      }
    }

@media screen and (min-width: 768px) and (max-width: 1270px) {
  /* .slider-version-glow {
      height: 70vh;
  } */
  .desktop-nav-buttons-glow{
    bottom: 60px;
  }
  .desktop-video-bg-glow {
  display: block;
}
.slider-version-glow {
    height: 600px;
}
}
@media (width: 768px) {
      .slider-version-glow {
        height: 100vh;
    }
}

    /* Enable mobile slider for mobile landscape */
@media screen and (max-width: 768px) and (orientation: landscape) {
  .desktop-slider-glow {
    display: none !important;
  }

  .mobile-slider-glow-mbo {
    display: block !important;
  }

  .mobile-slide-glow-mbo h1 {
    font-size: 5vw;
  }
.slider-version-glow{
    height: 600px !important;
}
  .mobile-slide-glow-mbo h2 {
    font-size: 3.5vw;
  }

  .mobile-slide-glow-mbo p,
  .mobile-slide-glow-mbo a {
    font-size: 2.8vw;
  }

  .mobile-nav-buttons-glow-mbo button img {
    width: 5vw;
  }

  .mobile-image-box-glow-mbo {
    height: 50vh;
  }
}


.slider-container-glow {
  visibility: hidden; /* hide on load */
}

.slider-container-glow.slider-ready {
  visibility: visible; /* show only after JS adjusts position */
}
.slider-container-mobile {
  visibility: hidden; /* Hide initially */
}

.slider-container-mobile.slider-ready {
  visibility: visible; /* Show after positioning */
}