#lb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;z-index:9999}
#lb-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px 60px 120px 60px;box-sizing:border-box}
#lb-img{max-width:100%;max-height:100%;display:block}

.lb-btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;
  background:rgba(255,255,255,.12);border:none;padding:12px 16px;font-size:18px;color:#fff}
#lb-prev{left:10px} #lb-next{right:10px}
#lb-close{top:10px;right:10px;transform:none}

#lb-thumbs{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;display:flex;gap:8px;
  overflow-x:auto;background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.0))}
#lb-thumbs img{height:64px;flex:0 0 auto;opacity:.6;border:2px solid transparent;cursor:pointer;display:block}
#lb-thumbs img.active{opacity:1;border-color:#fff}

.goog-inline-block{display:inline-block;vertical-align:top}

#lb-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.9);
  display:none; z-index:2147483646; pointer-events:auto;
}

#lb-stage{ pointer-events:none; }

.lb-btn{
  position:fixed;
  z-index:2147483647;
  cursor:pointer; pointer-events:auto;
  background:rgba(255,255,255,.12); border:none; padding:12px 16px; font-size:18px; color:#fff;
}
#lb-prev{ left:12px; top:50%; transform:translateY(-50%); }
#lb-next{ right:12px; top:50%; transform:translateY(-50%); }
#lb-close{
  right:12px; top:12px; transform:none;
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
}

.bgv {
  position: relative;
  width: 90vw;
  height: auto;
max-width:1140px;
}
                


.wrap-section-portal {
    padding-top: 10px;
    padding-bottom: 20px;
    width: 100%;
    margin: 0px auto;
}

.slick-item-vedio {
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: 2px solid #222;
    border-radius: 12px;
    padding: 10px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.slick-item-vedio video {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease, z-index 0.3s ease;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.slick-item-vedio p {
    margin-top: 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
                
                @media screen and (max-width: 768px) {
                .slick-item-vedio {
                width: 90%;
                }
                }
                
                @media screen and (max-width: 1024px) {
                .slick-item-vedio {
                width: 90%;
                }
                }