#brands-page .brands-content{margin:80px 0 0}#brands-page .brands-content .content .title{color:var(--theme-color-5);text-align:center;font-size:36px;font-weight:700;line-height:44px}#brands-page .brands-content .content .desc{color:var(--theme-color-1);text-align:center;font-size:18px;font-weight:400;line-height:36px;margin:20px 0 0}#brands-page .brands-content .content .link-group{display:flex;align-items:center;justify-content:center;margin-top:80px;gap:40px}#brands-page .brands-content .nav-btn{font-size:14px;margin:0 auto}#brands-page .brands-video-container{position:relative;width:100%;padding-top:50%;margin:80px 0 60px}#brands-page .brands-video{position:absolute;display:flex;width:100%;padding-top:50%;top:0;left:0;align-items:center;border-radius:36px;background-color:#000;transition:opacity .2s linear,visibility 0s linear .2s}#brands-page .brands-video .bg-brands-player{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border-radius:0;border-radius:36px}#brands-page .brands-video .bg-brands-player:before{content:"";position:absolute;width:100%;height:100%;z-index:1;background:hsla(0,0%,9%,0);border-radius:inherit}#brands-page .brands-video .bg-brands-player iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}#brands-page .brands-video .play-icon{position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);z-index:1;cursor:pointer}#brands-page .brands-video .play-icon svg{stroke:transparent;fill:var(--theme-color-2);transition:fill .2s linear}#brands-page .brands-video .play-icon:hover svg{fill:var(--theme-color)}#brands-page .brands-video .bg-brands-poster{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background-image:url(/assets/images/video-bg.png);background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:36px}#brands-page .brands-video .bg-brands-poster.active{display:block}#brands-page .brands-page-marquue{position:absolute;bottom:0;left:0;background:hsla(0,0%,100%,.41);backdrop-filter:blur(5px);padding:20px 0;border-radius:0 0 35px 35px;width:100%;z-index:1;overflow:hidden}#brands-page .brands-page-marquue .marquee{display:flex;align-items:center;justify-content:center;gap:60px}#brands-page .brands-featured-card{margin-top:50px}#brands-page #brands-marquee-section{height:90px;background-color:var(--theme-color-19)}#brands-page #brands-marquee-section svg{height:100px;width:100px}#brands-page #brands-marquee-section .marquee-container{height:95px}@media screen and (max-width:991px){#brands-page .brands-content{margin:30px 0 0}#brands-page .brands-content .content .title{font-size:24px;line-height:36px}#brands-page .brands-content .content .desc{font-size:13px;line-height:28px;margin:12px 0 0}#brands-page .brands-content .content .link-group{gap:20px;margin-top:24px}#brands-page .brands-content .nav-btn{font-size:13px}#brands-page .brands-video-container{margin:30px 0}#brands-page .brands-video,#brands-page .brands-video .bg-brands-player{border-radius:18px}#brands-page .brands-video .play-icon{top:calc(50% - 12px);left:calc(50% - 12px)}#brands-page .brands-video .play-icon svg{width:24px;height:24px}#brands-page .brands-video .bg-brands-poster{border-radius:18px}#brands-page .brands-page-marquue{padding:10px 0;border-radius:0 0 18px 18px}#brands-page .brands-page-marquue .marquee{gap:24px}#brands-page .brands-page-marquue .marquee img{width:42px;height:10px}#brands-page .brands-featured-card{margin-top:30px}#brands-page #brands-marquee-section{margin-top:30px;height:70px}#brands-page #brands-marquee-section svg{width:80px;height:80px}#brands-page #brands-marquee-section .marquee-container{height:75px}#brands-page #brands-marquee-section .marquee-container .brand-item{margin-right:80px}}@media screen and (max-width:767px){#brands-page .brands-content .content .desc{margin:10px 0 20px}#brands-page .brands-content .content .link-group{flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}#brands-marquee-section{height:60px}#brands-marquee-section svg{width:60px;height:60px}#brands-marquee-section .marquee-container{height:60px}#brands-marquee-section .marquee-container .marquee-group .brand-item{margin-right:60px}}