/* Onlinehomeo Full-Screen Slider */

.ohs-slider{
  position:relative;
  width:100%;
  height:100vh;
  min-height:520px;
  overflow:hidden;
  font-family:'Work Sans', sans-serif;
}
.ohs-track{
  position:relative;
  width:100%;
  height:100%;
}
.ohs-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  z-index:1;
  transition:opacity 1.1s ease;
  display:flex;
  align-items:center;
}
.ohs-slide.is-active{
  opacity:1;
  z-index:2;
}
.ohs-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(15,15,15,.68) 0%, rgba(15,15,15,.30) 55%, rgba(15,15,15,.05) 100%);
}
.ohs-content{
  position:relative;
  z-index:3;
  max-width:640px;
  padding:0 8%;
  color:#FFFFFF;
}
.ohs-content h2{
  font-family:'Fraunces', Georgia, serif;
  font-size:48px;
  line-height:1.15;
  font-weight:600;
  margin:0 0 18px 0;
}
.ohs-content p{
  font-size:17px;
  line-height:1.6;
  margin:0 0 30px 0;
  opacity:.92;
  max-width:520px;
}
.ohs-btn{
  display:inline-block;
  background:#7A2E3A;
  color:#FFFFFF;
  padding:14px 32px;
  border-radius:8px;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  transition:background .15s ease;
}
.ohs-btn:hover{
  background:#5F2530;
  color:#FFFFFF;
}

.ohs-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.45);
  color:#FFFFFF;
  width:48px;
  height:48px;
  border-radius:50%;
  cursor:pointer;
  z-index:4;
  font-size:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .15s ease;
}
.ohs-arrow:hover{background:rgba(255,255,255,.32);}
.ohs-prev{left:28px;}
.ohs-next{right:28px;}

.ohs-dots{
  position:absolute;
  bottom:30px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  gap:10px;
  z-index:4;
}
.ohs-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  border:none;
  cursor:pointer;
  padding:0;
  transition:background .15s ease, transform .15s ease;
}
.ohs-dot.is-active{
  background:#FFFFFF;
  transform:scale(1.15);
}

@media (max-width: 768px){
  .ohs-slider{height:80vh;min-height:440px;}
  .ohs-content h2{font-size:30px;}
  .ohs-content p{font-size:15px;}
  .ohs-arrow{width:38px;height:38px;}
  .ohs-prev{left:14px;}
  .ohs-next{right:14px;}
}