.splash-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  overflow: hidden;
}
.splash-screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.splashSwiper {
  height: 90vh;
}

.homepage {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.homepage.active {
  opacity: 1;
  pointer-events: auto;
}

.splash-screen {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease;
}

.splash-screen.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.slide-one-sec {
  position: relative;
  width: 100%;
  height: 100vh;
}
.timer-bar {
  width: 200px;       
  height: 6px;
  background: #ddd;
  margin: 10px auto 0; 
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.timer-bar .progress {
  width: 0%;
  height: 100%;
  background: #0099cc;
  transition: width linear;
}
.slide-one-sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.5);
}

.slide-caption {
    text-shadow: 4px 4px 10px #00000066;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 45px;
  color: white;
  font-weight: 800;
    font-family: 'SF Pro Display'; 
	text-align: center;
}

.splash-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: white;
    padding: 1rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: 9;
}

.splash-footer h4 {
  margin: 0;
  color: #0099cc;
  font-weight: 700;
}