/* HERO */

.hero-video{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:#000;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
  linear-gradient(
    rgba(8,8,8,.5),
    rgba(8,8,8,.5)
  );
  z-index:1;
}

.hero-title{
  font-size:4.2rem;
  font-weight:900;
  line-height:1.15;
  max-width:700px;
}

.hero-desc{
  font-size:1.1rem;
  margin-top:20px;
  max-width:620px;
  color:#f7e8ee;
  line-height:1.8;
}

.sek-bg-video-wrapper{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0;
}

.sek-bg-video-wrapper video{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* QUICK INFO */

.quick-info-card{
  border-radius:24px;
  transition:.3s ease;
  cursor:pointer;
  background:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  min-height:220px;
}

.quick-info-card:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 30px rgba(0,0,0,.1);
}

.quick-logo{
  width:120px;
  height:120px;
  object-fit:contain;
}

.small-title{
  font-size:1rem;
  color:#12343b;
  line-height:1.4;
}

/* STATS */

.stats{
  background:var(--secondary);
  color:white;
}

.stat-number{
  font-size:2.5rem;
  font-weight:800;
  color:var(--primary);
}

/* PARTNER */

.partner-card{
  background:#fff;
  border-radius:24px;
  padding:30px 20px;
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  transition:.3s ease;
}

.partner-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.partner-card img{
  max-width:100%;
  max-height:100px;
  object-fit:contain;
  filter:grayscale(10%);
  opacity:.8;
  transition:.3s;
}

.partner-card:hover img{
  filter:grayscale(0);
  opacity:1;
}

/* MOBILE */

@media(max-width:768px){

  .quick-info-card{
    border-radius:18px;
    padding:16px 10px !important;
    min-height:160px;
  }

  .quick-logo{
    width:72px;
    height:72px;
    margin-bottom:12px !important;
  }

  .small-title{
    font-size:.82rem;
    line-height:1.3;
  }

  .hero-video{
    text-align:center;
  }

  .hero-title{
    font-size:2.3rem;
    line-height:1.3;
    max-width:100%;
  }

  .hero-desc{
    font-size:.95rem;
    line-height:1.7;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:0 10px;
  }

  .hero-video .badge-custom{
    font-size:.72rem;
    padding:7px 14px;
  }

  .hero-video .btn{
    width:100%;
    margin-bottom:12px;
    padding:12px 18px !important;
  }

  .hero-video .mt-4{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

}