.text-white{color:#fff}.bg-success{background-color:#10be16}.bg-secondary{background-color:#878887}.bg-primary{background-color:#049ee2}.text-gray-primary{color:#1d1d1d}.text-success{color:#10be16}.text-gray-secondary{color:#ddd}@media screen and (min-width: 1200px){#header-brands-container{margin:0;padding:0;display:block;width:100%;height:55vh;box-shadow:0 0 10px #0003}#header-brands-container .sub-container{margin:0;padding-top:19vh;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#f3f3f3;gap:7vw}#header-brands-container .sub-container .brand-image-square{margin:0;padding:0;width:140px;height:140px;border:4px solid #049EE2;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:15px;transform:rotate(45deg);cursor:pointer;transition:.3s}#header-brands-container .sub-container .brand-image-square:hover{transform:rotate(0) scale(1.1)}#header-brands-container .sub-container .brand-image-square:hover .brand-image{transform:rotate(0);object-fit:contain}#header-brands-container .sub-container .brand-image-square .brand-image{width:70%;height:70%;transform:rotate(-45deg);transition:.3s;object-fit:contain}#header-brands-container .sub-container .brand-description{margin:0;padding:0;width:60vw;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:2vh}#header-brands-container .sub-container .brand-description .brand-name{margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:1vw}#header-brands-container .sub-container .brand-description .brand-name span{font-size:2rem;color:#049ee2;font-weight:700}#header-brands-container .sub-container .brand-description .brand-name a{margin:0;padding:0;display:block;font-size:1.5rem;color:#707070}#header-brands-container .sub-container .brand-description .brand-name a:hover i{color:#049ee2}#header-brands-container .sub-container .brand-description .brand-description-text{margin:0;padding:0 10px 0 0;display:block;width:100%;font-size:1rem;color:#707070;text-align:justify;max-height:14vh;overflow-y:auto}#header-brands-container .sub-container .brand-description .brand-description-text::-webkit-scrollbar{width:4px}#brands-container{margin-top:5vh!important}}@media screen and (max-width: 1200px){.products-super-container{margin-top:2vh!important}#header-brands-container{margin:0;padding:0;display:block;width:100%;box-shadow:0 0 10px #0003}#header-brands-container .sub-container{margin:0;padding:10vh 0 5vh;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:#f3f3f3;gap:7vw}#header-brands-container .sub-container .brand-image-square{margin:0;padding:0;width:120px;height:120px;border:4px solid #049EE2;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:15px;transform:rotate(45deg);cursor:pointer;transition:.3s}#header-brands-container .sub-container .brand-image-square:hover{transform:rotate(0) scale(1.1)}#header-brands-container .sub-container .brand-image-square:hover .brand-image{transform:rotate(0);object-fit:contain}#header-brands-container .sub-container .brand-image-square .brand-image{width:70%;height:70%;transform:rotate(-45deg);transition:.3s;object-fit:contain}#header-brands-container .sub-container .brand-description{margin:0;padding:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh}#header-brands-container .sub-container .brand-description .brand-name{margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:1vw}#header-brands-container .sub-container .brand-description .brand-name span{font-size:2rem;color:#049ee2;font-weight:700}#header-brands-container .sub-container .brand-description .brand-name a{margin:0;padding:0;display:block;font-size:1.5rem;color:#707070}#header-brands-container .sub-container .brand-description .brand-name a:hover i{color:#049ee2}#header-brands-container .sub-container .brand-description .brand-description-text{margin:0;padding:0 10px 0 0;display:block;width:100%;font-size:1rem;color:#707070;text-align:center;max-height:12vh;overflow-y:auto}#header-brands-container .sub-container .brand-description .brand-description-text::-webkit-scrollbar{width:4px}#brands-container{margin-top:5vh!important}}
