@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}
.videos-card-container{display:flex;padding:24px 50px;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;position:relative;transition:.4s;background:#f2f2f2}
.videos-card-h2{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}
.videos-card-item .media-player{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:5}
.videos-card-item .video-thumbnail{width:100%;height:240px}
.life-videos-modal{position:fixed;display:none;max-width:688px;width:85%;height:420px;padding:12px 24px 48px 24px;transform:translate(-50%,-50%);flex-direction:column;align-items:flex-end;gap:12px;z-index:999;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--White,#FFF);top:50%;left:50%}
.life-videos-modal iframe{width:100%;height:100%}
.videos-card-item-container{display:flex;width:100%;align-items:center;align-content:center;gap:16px;flex-wrap:wrap;justify-content:center}
.videos-card-item{display:flex;height:auto;flex-direction:column;align-items:flex-start;width:30%;gap:12px;position:relative;cursor:pointer}
.lifevideo-overlay-img{top:0;width:100vw;height:100%;left:0;background:rgba(0,0,0,.7);position:fixed;z-index:100;display:none}
.life-videos-modal-close{cursor:pointer}
.videos-card-item-ifr{width:100%;height:240px;border:8px solid var(--card-white-card-ffffff,#FFF)}
.videos-card-item-h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:var(--text-black-131619,#131619);text-overflow:ellipsis;font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-transform:capitalize}
.videos-card-container .pagination-section{display:flex;justify-content:center;align-items:center;gap:16px;overflow:auto;width:100%}
.videos-card-container .pagination-section::-webkit-scrollbar{display:none}
.videos-card-container .pagination-section-number-active{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:#005dac;color:#fff}
.videos-card-container .pagination-number{flex-shrink:0}
.videos-card-container .pagination-section-number{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:20px;border:1px solid var(--balic-brand-color-blue-005-eac,#005dac);background:var(--White,#FFF);color:#5c666e;cursor:pointer;transition:.4s}
@media only screen and (max-width:768px){.videos-card-container .pagination-section{justify-content:start}
.videos-card-container{padding:16px;gap:8px}
.videos-card-h2{font-size:18px;font-weight:700;line-height:22px}
.videos-card-item-container{justify-content:center;align-items:flex-start}
.videos-card-item{width:100%;gap:8px;height:auto}
.videos-card-item-ifr{height:200px}
.videos-card-item-h4{font-size:14px;line-height:18px}
.videos-card-container .pagination-section-number,.pagination-section-number-active{width:24px;height:24px}
.life-videos-modal{height:92%;transform:translate(-50%,-43%);width:100%;align-items:center}
.life-videos-modal iframe{width:100%;height:60%;margin:auto}
.life-videos-modal-close{position:absolute;content:url("../../../../content/dam/balic-web/close2.svg");top:-50px}
}
@media only screen and (max-width:400px){.videos-card-item .media-player{width:36px;height:36px}
}