.slider-area{
    position: relative;z-index: 2;
}
.slider-area .single-slider{
    height: auto;background:rgba(77, 77, 77,0.7);min-height: 110px;padding: 0;
}
.stock-list-video-container{
    width:100%;height: 100%;margin-top:-110px;display: block;text-align: center;position: relative;
}
#stock-list-video{ 
    max-width: 100%; height: auto;display: block;width: 100%;min-height: 700px;object-fit: cover;max-height: 98vh; object-position: left top;
}
.kb-stock-overlay{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  position: absolute;
  top: 30%;
  z-index: 4;
  width: 100%;
}

/* LIVE BADGE */
.kb-live-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(45,50,55,0.6);
  backdrop-filter:blur(10px);
  border:1px solid rgba(83,207,211,0.35);
}

.kb-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#53cfd3;
  animation:pulsekba 1.8s ease-in-out infinite;
}

@keyframes pulsekba{
  0%,100%{opacity:.8;transform:scale(1);background:#53cfd3;}
  50%{opacity:1;transform:scale(1.2);background:#ff0000;}
}

.kb-live-text{
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  color:#fff;
}

/* HERO */
.kb-stock-title{
  font-size:22px;
  font-weight:900;
  color:#fff;
  text-align:center;
}

/* TILES PANEL */
.kb-stock-format-overlay{
  display:flex;
  gap:14px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(45,50,55,0.65);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  justify-content: center;
  min-width: 200px;
}

/* TILE */
.kb-format-tile{
  width:120px;
  padding:18px 14px 14px;
  border-radius:18px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  text-align:center;
  text-decoration:none;
  color:#fff;
  transition:.15s ease;
}

.kb-format-icon{
  margin-bottom:12px;
  color:#53cfd3;
}

.kb-format-label{
  font-weight:800;
  letter-spacing:.12em;
  font-size:14px;
}

.kb-format-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(83,207,211,.6);
  box-shadow:0 0 0 1px rgba(83,207,211,.25);
}

@media(min-width:1200px){
    .kb-format-tile{
        width: 220px;
        padding-top: 38px;
        padding-bottom: 34px;
    }
    .kb-format-label{
        font-size: 20px;
    }
    .kb-format-icon svg{
        width: 60px;
        height: 60px;
    }
}
/* RESPONSIVE */
@media(max-width:1199px){
    #stock-list-video{
        min-height: 600px !important;
    }
}
@media(max-width:768px){
  .kb-stock-format-overlay{flex-wrap:wrap}
/*  .kb-format-tile{width:46%}*/
}
@media(max-width:600px){
    .main-link{
        align-items: flex-start;
        padding-top: 142px;
    }
  .kb-stock-overlay{bottom: 10px;}
  .kb-format-tile{width:46%}
  .kb-stock-format-overlay{
    gap: 10px;
    padding: 10px 2px;
  }
}

@media(min-width:990px){
    #stock-list-video{
        clip-path: inset(0 0 110px 0);    
        margin-bottom: -110px;
        max-height: calc(100vh + 110px);
    }
	.main-link{
		height: calc(100% - 110px);
	}
}