@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Figtree:ital,wght@0,400;0,600;0,800;1,400;1,600;1,800&display=swap);.video-card-container .video-card-li{width:100%;height:480px;list-style-type:none;display:inline-block}.video-card-container .video-card-li .video-card{color:#aaa;text-decoration:none;position:relative;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.video-card-container .video-card-li .video-card .video{width:100%;position:absolute;left:0;top:0;height:100%}.video-card-container .video-card-li .video-card .video .vdo{width:100%;height:100%;z-index:1;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:default}.video-card-container .video-card-li .video-card .video .overlay{border-radius:8px;position:absolute;bottom:0;left:0;width:100%;height:80%;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),color-stop(50%,rgba(0,0,0,.4)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 50%,transparent);pointer-events:none}.video-card-container .video-card-li .video-card .video .name{position:absolute;left:0;bottom:2%;width:100%;text-align:left;color:#fff;text-transform:uppercase;opacity:1;z-index:3;letter-spacing:3px;font-family:var(--font-family-institucional)!important;-webkit-transition:all 1s;transition:all 1s;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.video-card-container .video-card-li .video-card .video .name h2{font-size:1.75rem;margin:0;font-weight:600;text-transform:capitalize;width:80%;text-shadow:1px 1px 3px rgba(0,0,0,.3);font-family:var(--font-family-institucional)!important;letter-spacing:1.2px}.video-card-container .video-card-li .video-card .video .name .link{-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.9rem;letter-spacing:1px;padding:8px 20px;background:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:8px;color:#00abee;font-family:var(--font-family-institucional)!important;text-transform:uppercase}.video-card-container .video-card-li .video-card .video .name .link:hover{background:#fff;color:#00abee;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(1.03) translateY(-4px);transform:scale(1.03) translateY(-4px)}.video-card-container .video-card-li:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.video-card-container .video-card-li:hover .name{opacity:.5}@media screen and (max-width:768px){.video-card-container .video-card-li{width:100%;height:auto;margin-bottom:2rem}.video-card-container .video-card-li .video-card{height:auto}.video-card-container .video-card-li .video-card .video{position:relative;height:auto;width:90%;margin:0 auto}.video-card-container .video-card-li .video-card .video .vdo{height:auto;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.video-card-container .video-card-li .video-card .video .overlay{bottom:4px}.video-card-container .video-card-li .video-card .name{padding:1rem}.video-card-container .video-card-li .video-card .name h2{font-size:calc(1.3rem + .6vw)!important;width:100%}.video-card-container .video-card-li .video-card .name .link{font-size:.9rem;padding:6px 16px}}