.sprite-container{position:relative}.sprite-container .dualballs-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:1024px){.sprite-container{display:none}}@media screen and (min-width:1025px){.sprite-container .dualballs-container{width:30px;height:30px}.sprite-container .flex-space{margin:20px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sprite-container .flex-space .text{color:#999;font-size:14px;font-weight:400}}.brand-viewer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.brand-viewer .icon{position:relative}.brand-viewer .content{text-align:center}.brand-viewer .content .hover-vision .brand-slogan{color:#999}@media screen and (max-width:500px){.brand-viewer-container{width:calc((100% - 20px)/2)}}@media screen and (min-width:501px)and (max-width:1024px){.brand-viewer-container{width:calc((100% - 40px)/3)}}@media screen and (max-width:1024px){.brand-viewer{border:1px solid var(--border);border-radius:12px;padding:30px 20px;height:220px}.brand-viewer .icon{width:60px;height:60px;position:relative}.brand-viewer .content{margin-top:20px}.brand-viewer .content .brand-name{font-weight:700}.brand-viewer .content .hover-vision{margin-top:10px}.brand-viewer .content .hover-vision .brand-slogan{font-size:12px}}@media screen and (min-width:1025px){.brand-viewer{width:200px;padding:40px 0;transition:all,.5s;filter:grayscale(100%);gap:20px}.brand-viewer:hover{padding:10px 0 30px;filter:none;gap:10px}.brand-viewer:hover .hover-vision{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.brand-viewer .icon{width:70px;height:70px}.brand-viewer .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.brand-viewer .brand-name{font-size:18px}.brand-viewer .hover-vision{display:none}.brand-viewer .hover-vision .brand-slogan{font-size:14px}}@media screen and (max-width:1024px){.home-brand-container{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;flex:1;flex-wrap:wrap;gap:20px;padding-bottom:100px}}@media screen and (min-width:1025px){.home-brand-container{padding-top:30vh;height:70vh;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start}}