.brand-portal{margin:70px auto}.brand-portal .top-text{margin-top:40px}.brand-portal .brand-tab-components{margin:50px auto;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;justify-content:left;gap:20px}.brand-portal .brand-tab-components .tab{width:100%;background-color:var(--main);padding:10px;border-radius:4px;font-weight:500;font-size:20px;line-height:23px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s ease}.brand-portal .brand-tab-components .tab:hover{background-color:#ffb50ad3}.brand-portal .brand-tab-components .tab.active{background-color:#fff}.brand-portal .brand-components{display:grid;align-items:stretch;grid-template-columns:1fr 1fr;gap:20px;margin:50px auto}.brand-portal .brand-components .item{width:100%;background-color:#fff;padding:30px;display:flex;flex-direction:column;gap:20px;align-items:start;justify-content:center}.brand-portal .button-style.last{margin-top:120px}.brand-portal .brand-components .item h2,.brand-portal .tab-brand-guideline div h2{font-weight:500;font-size:30px;line-height:34px}.brand-portal .brand-components .item p,.brand-portal .tab-brand-guideline div p{font-weight:500;font-size:14px;line-height:16px}.brand-portal .tab-brand-guideline{display:flex;margin:50px auto}.brand-portal .tab-brand-guideline img{width:50%;height:300px;object-fit:cover;border-radius:6px}.brand-portal .tab-brand-guideline div{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:30px;gap:15px;width:50%}.brand-portal .tab-promo-materials{display:grid;grid-template-columns:repeat(4,1fr)}.brand-portal .tab-promo-materials{display:grid;align-items:stretch;gap:20px;grid-template-columns:repeat(4,1fr)}.brand-portal .tab-promo-materials div{width:100%;padding:30px;background-color:#fff;border-radius:6px}.brand-portal .tab-promo-materials div img{width:100%;height:200px;object-fit:cover}.brand-portal .tab-promo-materials div button{width:100%}.brand-portal .tab-promo-materials div p{text-align:center;padding-top:20px;font-weight:500;font-size:20px;line-height:24px}.brand-portal .tab-image-library{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:50px auto}.brand-portal .tab-image-library .item{width:100%;position:relative;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease}.brand-portal .tab-image-library .item img{width:100%;height:250px;object-fit:cover}.brand-portal .tab-image-library .item div{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background-color:#fff;position:absolute;top:5px;right:5px;transition:all .3s ease}.brand-portal .tab-image-library .item:hover{box-shadow:10px 20px 30px rgba(0,0,0,.1)}.brand-portal .tab-image-library .item:hover div{background-color:#ffffff86}.tab-videos{margin:50px auto}.brand-portal .brand-video-gallery{margin:50px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.brand-portal .video-modal{display:none;position:fixed;z-index:99999999999999999999999999999999;left:0;top:0;justify-content:center;align-items:center;background-color:rgba(0,0,0,.85)}.brand-portal .brand-video-gallery .video-thumbnail{position:relative;cursor:pointer;overflow:hidden}.brand-portal .brand-video-gallery .video-thumbnail img{width:100%;height:270px;object-fit:cover;border-radius:10px;transition:transform .3s}.brand-portal .brand-video-gallery .play-icon img,.video-container iframe,.video-modal{width:100%;height:100%}.brand-portal .brand-video-gallery .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;transition:opacity .3s;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#fff;opacity:.5}.brand-portal .brand-video-gallery .video-thumbnail:hover .play-icon{opacity:1}.brand-portal .brand-video-gallery .video-thumbnail:hover .play-icon img{transform:scale(1.2)}.modal-content{position:relative;margin:15% auto;width:65%;max-width:900px}.close-modal{position:absolute;top:-40px;right:0;color:#fff;font-size:35px;font-weight:700;cursor:pointer}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0}.brand-portal .modal{width:100%;height:100%;background-color:rgba(0,0,0,.6)}.brand-portal .modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:8px;width:80%;max-width:900px;position:relative}.brand-portal .close-btn{position:absolute;top:10px;right:10px;font-size:24px;font-weight:700;cursor:pointer;z-index:10}.brand-portal .tab-content{display:none}.brand-portal .tab-content.active{display:block}@media (max-width:1200px){.brand-portal .brand-components,.brand-portal .brand-tab-components,.brand-portal .brand-video-gallery,.brand-portal .tab-brand-guideline,.brand-portal .tab-image-library{margin:40px auto}.brand-portal .brand-tab-components .tab{font-size:18px;line-height:20px}.brand-portal .tab-promo-materials div{padding:20px}.brand-portal .tab-promo-materials div p{padding-top:15px;font-size:16px;line-height:18px}}@media (max-width:1000px){.brand-portal .brand-tab-components .tab{font-size:16px;line-height:18px}.brand-portal .brand-components .item{gap:15px}.brand-portal .brand-components .item h2,.brand-portal .tab-brand-guideline div h2{font-size:24px;line-height:26px}.brand-portal .button-style.last{margin-top:100px}.brand-portal .tab-brand-guideline img{height:280px}.brand-portal .tab-promo-materials div p{font-size:14px;line-height:16px}.brand-portal .tab-promo-materials div img{height:170px}.brand-portal .brand-video-gallery .video-thumbnail img,.brand-portal .tab-image-library .item img{height:220px}}@media (max-width:800px){.brand-portal .brand-tab-components .tab{font-size:14px;line-height:16px}.brand-portal .brand-tab-components,.brand-portal .tab-image-library,.brand-portal .tab-promo-materials{grid-template-columns:repeat(2,1fr);gap:10px;margin:30px auto}.brand-portal .tab-brand-guideline{margin:30px auto;flex-direction:column;gap:20px}.brand-portal .brand-video-gallery{margin:30px auto;grid-template-columns:1fr}.brand-portal .tab-brand-guideline img{width:100%;height:250px}.brand-portal .tab-brand-guideline div{width:100%;padding:0}.brand-portal .brand-components .item h2,.brand-portal .tab-brand-guideline div h2{font-size:20px;line-height:22px}.brand-portal .button-style.last{margin-top:70px}}@media (max-width:600px){.brand-portal .brand-components{grid-template-columns:repeat(1,1fr);gap:15px;margin:30px auto}.brand-portal .brand-tab-components{grid-template-columns:repeat(2,1fr);gap:10px;margin:30px auto}.brand-portal .brand-components .item h2,.brand-portal .tab-brand-guideline div h2{font-size:20px;line-height:22px}.brand-portal .button-style.last{margin-top:50px}.brand-portal .tab-promo-materials div img{height:150px}.brand-portal .brand-video-gallery .video-thumbnail img,.brand-portal .tab-image-library .item img{height:200px}}