:root{--color-primary:#141414;--color-secondary:#1f1f25;--color-body:#74787c;--color-heading-1:#fff;--color-white:#fff;--color-success:#3eb75e;--color-danger:#ff0003;--color-warning:#ff8f3c;--color-info:#1ba2db;--color-facebook:#3b5997;--color-twitter:#1ba1f2;--color-youtube:#ed4141;--color-linkedin:#0077b5;--color-pinterest:#e60022;--color-instagram:#c231a1;--color-vimeo:#00adef;--color-twitch:#6441a3;--color-discord:#7289da;--transition:0.3s;--font-size-b1:16px;--font-size-b2:16px;--font-size-b3:12px;--font-size-b4:10px;--line-height-b1:26px;--line-height-b2:26px;--line-height-b3:1.7;--h1:60px;--h2:48px;--h3:30px;--h4:26px;--h5:24px;--h6:18px}.gallery .page-banner .page-banner-content{padding:100px 0}@media(min-width:768px){.gallery .page-banner .page-banner-content{padding:150px}}@media(min-width:1599.98px){.gallery .page-banner .page-banner-content{padding:150px}}.gallery .video-gallery__header{margin-bottom:30px}.gallery .video-gallery__tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.gallery .video-gallery__tab{padding:10px 20px;background:#fff;border-radius:12px;border:1px solid #7e7e7e;font-family:var(--font-montserrat),sans-serif;color:#374151;cursor:pointer;transition:all .3s ease;white-space:nowrap}.gallery .video-gallery__tab:hover{border-color:#9ca3af;background:#f9fafb}.gallery .video-gallery__tab--active{background:#2e4042;color:#fff}.gallery .video-gallery__tab--active:hover{background:#2e4042}.gallery .video-gallery__tab--all{background:#1f2937;color:#fff;border-color:#1f2937}.gallery .video-gallery__tab--all:hover{background:#111827;border-color:#111827}.gallery .video-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;animation:fadeIn .5s ease-in}.gallery .video-gallery__card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:#000;height:100%}.gallery .video-gallery__card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.gallery .video-gallery__card:hover .video-gallery__overlay{opacity:1}.gallery .video-gallery__card:hover .video-gallery__play-button{transform:translate(-50%,-50%) scale(1.1)}.gallery .video-gallery__card:nth-child(8n+1),.gallery .video-gallery__card:nth-child(8n+2),.gallery .video-gallery__card:nth-child(8n+3),.gallery .video-gallery__card:nth-child(8n+4){height:500px}.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+3) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+3) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+4) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+4) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+3) .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+4) .video-gallery__overlay{background:rgba(0,0,0,.2)}.gallery .video-gallery__card:nth-child(8n+1):hover .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+2):hover .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+3):hover .video-gallery__overlay,.gallery .video-gallery__card:nth-child(8n+4):hover .video-gallery__overlay{background:rgba(0,0,0,.4)}.gallery .video-gallery__card:nth-child(8n+5),.gallery .video-gallery__card:nth-child(8n+6),.gallery .video-gallery__card:nth-child(8n+7),.gallery .video-gallery__card:nth-child(8n+8){height:260px}.gallery .video-gallery__card--video .video-gallery__image{display:none}.gallery .video-gallery__card--image{background:#f3f4f6}.gallery .video-gallery__image,.gallery .video-gallery__video{width:100%;height:100%;object-fit:cover;display:block}.gallery .video-gallery__overlay{inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7));opacity:0;transition:opacity .3s ease}.gallery .video-gallery__overlay,.gallery .video-gallery__play-button{position:absolute;display:flex;align-items:center;justify-content:center}.gallery .video-gallery__play-button{top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:hsla(0,0%,100%,.95);border-radius:50%;transition:transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.gallery .video-gallery__play-button:after{content:"";width:0;height:0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #2563eb;border-style:solid;border-width:12px 0 12px 20px;margin-left:4px}.gallery .video-gallery__title{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0));transform:translateY(100%);transition:transform .3s ease}.gallery .video-gallery__card:hover .gallery .video-gallery__title{transform:translateY(0)}@media(max-width:1200px){.gallery .video-gallery__grid{grid-template-columns:repeat(3,1fr)}.gallery .video-gallery__card:nth-child(12n+1),.gallery .video-gallery__card:nth-child(12n+2),.gallery .video-gallery__card:nth-child(12n+3){height:360px}.gallery .video-gallery__card:nth-child(12n+1) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+1) .video-gallery__title,.gallery .video-gallery__card:nth-child(12n+2) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+2) .video-gallery__title,.gallery .video-gallery__card:nth-child(12n+3) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+3) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(12n+4),.gallery .video-gallery__card:nth-child(12n+5),.gallery .video-gallery__card:nth-child(12n+6){height:240px}.gallery .video-gallery__card:nth-child(12n+7),.gallery .video-gallery__card:nth-child(12n+8),.gallery .video-gallery__card:nth-child(12n+9){height:400px}.gallery .video-gallery__card:nth-child(12n+7) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+7) .video-gallery__title,.gallery .video-gallery__card:nth-child(12n+8) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+8) .video-gallery__title,.gallery .video-gallery__card:nth-child(12n+9) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(12n+9) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(12n+10),.gallery .video-gallery__card:nth-child(12n+11),.gallery .video-gallery__card:nth-child(12n+12){height:240px}}@media(max-width:768px){.gallery .video-gallery{padding:20px 16px}.gallery .video-gallery__grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery .video-gallery__card:nth-child(8n+1),.gallery .video-gallery__card:nth-child(8n+2){height:300px}.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(8n+3),.gallery .video-gallery__card:nth-child(8n+4){height:220px}.gallery .video-gallery__card:nth-child(8n+5),.gallery .video-gallery__card:nth-child(8n+6){height:300px}.gallery .video-gallery__card:nth-child(8n+5) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+5) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+6) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+6) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(8n+7),.gallery .video-gallery__card:nth-child(8n+8){height:220px}.gallery .video-gallery__tabs{gap:8px;overflow-x:auto;padding-bottom:8px}.gallery .video-gallery__tabs::-webkit-scrollbar{height:4px}.gallery .video-gallery__tabs::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.gallery .video-gallery__tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.gallery .video-gallery__tab{padding:6px 16px;font-size:13px}.gallery .video-gallery__play-button{width:50px;height:50px}.gallery .video-gallery__play-button:after{border-width:10px 0 10px 16px}}@media(max-width:480px){.gallery .video-gallery__grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery .video-gallery__card:nth-child(8n+1),.gallery .video-gallery__card:nth-child(8n+2){height:260px}.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+1) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+2) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(8n+3),.gallery .video-gallery__card:nth-child(8n+4){height:180px}.gallery .video-gallery__card:nth-child(8n+5),.gallery .video-gallery__card:nth-child(8n+6){height:260px}.gallery .video-gallery__card:nth-child(8n+5) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+5) .video-gallery__title,.gallery .video-gallery__card:nth-child(8n+6) .video-gallery__play-button,.gallery .video-gallery__card:nth-child(8n+6) .video-gallery__title{display:none}.gallery .video-gallery__card:nth-child(8n+7),.gallery .video-gallery__card:nth-child(8n+8){height:180px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}