.head-famous-brands{position:relative;display:flex;align-items:center;justify-content:start;gap:16px;margin-bottom:24px}.head-famous-brands .head-famous-brands-inner{display:flex;flex-direction:column;align-items:start;justify-content:center}.head-famous-brands .head-famous-brands-inner .title{font-size:20px;font-weight:700;line-height:28px;color:var(--black-color)}.head-famous-brands .head-famous-brands-inner .subtitle{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70)}.body-famous-brands .head-brand{background:var(--white-color);padding:8px 24px 8px 8px;border-radius:16px;display:flex;align-items:center;position:relative;width:calc(42% - 109px);gap:23px;transition:all .3s ease-in-out}.body-famous-brands .head-brand img{width:109px;height:42px;object-fit:contain;transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner{width:calc(100% - 132px);background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(-270deg,var(--black-color-10) 0%,transparent 100%) border-box;border-top:1px solid #fff0;border-left:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;flex-direction:column;align-items:start;justify-content:center;border-radius:12px;padding:16px;position:relative;transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner:before{content:"";width:1px;height:75px;background:var(--black-color-10);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner .text{display:flex;align-items:center}.body-famous-brands .head-brand .head-brand-inner .text div{display:flex;flex-direction:column;margin-right:16px}.body-famous-brands .head-brand .head-brand-inner .text .title{display:block;font-size:16px;font-weight:400;line-height:36px;color:var(--black-color);transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner .text .title em{font-style:normal;font-weight:700;font-size:18px;transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner .text .subtitle{display:block;font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70);transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner .text svg{margin-top:18px}.body-famous-brands .head-brand .head-brand-inner .text svg path{fill:var(--main-color);transition:all .3s ease-in-out}.body-famous-brands .head-brand .head-brand-inner .text .btn{color:var(--sec-color);margin-top:9px;padding:0;font-size:14px;gap:6px;width:max-content;height:auto}.body-famous-brands .head-brand:before{content:"";border:12px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.body-famous-brands .head-brand:hover{background:var(--main-color)}.body-famous-brands .head-brand:hover:before{opacity:0}.body-famous-brands .head-brand:hover img{filter:brightness(0) invert(1)}.body-famous-brands .head-brand:hover .head-brand-inner{background:var(--main-color)}.body-famous-brands .head-brand:hover .head-brand-inner .text svg path{fill:var(--white-color)}.body-famous-brands .head-brand:hover .head-brand-inner .text .title,.body-famous-brands .head-brand:hover .head-brand-inner .text .subtitle,.body-famous-brands .head-brand:hover .head-brand-inner .text .btn{color:var(--white-color)}.body-famous-brands .brand-items{position:relative;width:calc(58% - 24px);gap:24px}.body-famous-brands .brand-item{width:calc(33.333333% - 16px);min-height:137px;background:var(--white-color);padding:4px;border-radius:16px;position:relative;transition:all .3s ease-in-out}.body-famous-brands .brand-item a{background:var(--white-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;transition:all .3s ease-in-out}.body-famous-brands .brand-item a:before{content:"";border:12px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.body-famous-brands .brand-item img{width:auto;height:42px;object-fit:contain;transition:all .3s ease-in-out}.body-famous-brands .brand-item .brand-item-inner{display:flex;align-items:center;justify-content:center;gap:8px}.body-famous-brands .brand-item .brand-item-inner svg path{fill:var(--main-color);transition:all .3s ease-in-out}.body-famous-brands .brand-item .brand-item-inner .title{display:block;font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70);transition:all .3s ease-in-out}.famous-brands .brand-item a:hover{background:var(--main-color)}.famous-brands .brand-item a:hover img{filter:brightness(0) invert(1)}.famous-brands .brand-item a:hover .title{color:var(--white-color)}.famous-brands .brand-item a:hover .brand-item-inner svg path{fill:var(--white-color)}.famous-brands .brand-item a:hover:before{opacity:0}.body-famous-brands .head-brand:hover:after,.body-famous-brands .brand-item:hover:after{content:"";width:90px;height:90px;border-radius:100%;background:var(--black-color);opacity:.4;filter:blur(22px);position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);z-index:-1}.famous-brands .btn-outline-light{padding:8px;background:var(--white-color);border-radius:16px;display:block;position:relative}.famous-brands .btn-outline-light span{font-size:14px;line-height:18px;font-weight:700;color:var(--black-color);text-align:center;padding:0 14px}.famous-brands .btn-outline-light .inner{width:100%;height:100%;border-radius:8px;border:1px solid var(--sec-color-10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out}.famous-brands .btn-outline-light:hover .inner{background:var(--sec-color-10)}.famous-brands .btn-outline-light:before{content:"";width:100px;background:var(--black-color);border-radius:16px;opacity:.05;z-index:-1;height:calc(100% + 20px);position:absolute;right:-65px;top:50%;transform:translateY(-50%)}.body-famous-brands .brand-items:before{content:"";width:100px;background:var(--black-color);border-radius:16px;opacity:.05;z-index:-1;height:calc(100% + 20px);position:absolute;right:-65px;top:50%;transform:translateY(-50%)}@media (max-width:1199px){.body-famous-brands .brand-items:before{display:none}.body-famous-brands .brand-items{width:100%;order:3;margin-top:16px}.body-famous-brands .head-brand{order:1;width:calc(100% - 110px)}.famous-brands .btn-outline-light{order:2}}@media (max-width:767px){.famous-brands .btn-outline-light:before{display:none}.body-famous-brands .brand-items{width:100%;order:2;margin-top:8px;gap:16px}.body-famous-brands .brand-item{width:calc(50% - 8px)}.body-famous-brands .brand-item:last-child{display:none}.body-famous-brands .head-brand{order:1;width:100%}.famous-brands .btn-outline-light{margin-top:16px;margin-right:auto;order:3}.famous-brands .btn-outline-light .inner{flex-direction:row;padding:4px 12px;gap:0}.body-famous-brands .brand-items:before{display:block;height:157px;top:-76px;right:unset;left:50%;transform:translateX(-50%)}}@media (max-width:400px){.body-famous-brands .head-brand img{width:80px}.body-famous-brands .head-brand{gap:16px}.body-famous-brands .head-brand .head-brand-inner{width:calc(100% - 96px)}.body-famous-brands .head-brand .head-brand-inner .text div{margin-right:2px}.body-famous-brands .head-brand .head-brand-inner .text .btn{gap:0}}