.brands-section{position:relative}.brands-section .sec-title{margin-bottom:20px}.brands-section .brands-subheading{position:relative;display:block;text-align:center;font-size:16px;line-height:28px;color:#555;max-width:680px;margin:-5px auto 35px}.brands-section .row{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-8px;margin-right:-8px}.brands-section .brands-block{display:flex;padding-left:8px;padding-right:8px}.brands-section a.brands-block-one{display:flex;width:100%;text-decoration:none}.brands-section a.brands-block-one:hover,.brands-section a.brands-block-one:focus{text-decoration:none;outline:none}.brands-section .brands-block-one .inner-box{flex:1;position:relative;display:flex;flex-direction:column;text-align:center;background:#fff;border:1px solid rgb(0 0 0 / .05);border-radius:16px;box-shadow:0 6px 18px rgb(0 0 0 / .04);padding:14px 12px 12px;margin-bottom:16px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.brands-section .brands-block-one .inner-box:before{content:'';position:absolute;top:0;left:50%;width:56px;height:3px;margin-left:-28px;border-radius:0 0 3px 3px;background:var(--theme-color);transform:scaleX(0);-webkit-transform:scaleX(0);transition:transform 500ms ease;-moz-transition:transform 500ms ease;-webkit-transition:transform 500ms ease}.brands-section .brands-block-one:hover .inner-box{transform:translateY(-5px);-webkit-transform:translateY(-5px);box-shadow:0 22px 45px rgb(0 0 0 / .1)}.brands-section .brands-block-one:hover .inner-box:before{transform:scaleX(1);-webkit-transform:scaleX(1)}.brands-section .brands-block-one .inner-box .logo-box{position:relative;display:flex;align-items:center;justify-content:center;height:58px;padding:8px 10px;background:rgb(0 0 0 / .03);border-radius:10px;margin-bottom:10px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.brands-section .brands-block-one .inner-box .logo-box img{display:block;max-width:100%;max-height:38px;width:auto;height:auto;filter:grayscale(100%);-webkit-filter:grayscale(100%);opacity:.85;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.brands-section .brands-block-one:hover .inner-box .logo-box img{filter:grayscale(0%);-webkit-filter:grayscale(0%);opacity:1}.brands-section .brands-block-one .inner-box .brand-name{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:40px;text-align:center;font-family:'Barlow',sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#222;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.brands-section .brands-block-one:hover .inner-box .brand-name{color:var(--theme-color)}.brands-section .brands-footnote{position:relative;display:block;margin-top:12px}.brands-section .brands-footnote p{font-size:16px;line-height:28px;color:#555;margin:0 0 18px}.brands-section .brands-footnote-btn{position:relative;display:inline-flex;align-items:center;font-family:'Barlow',sans-serif;font-size:15px;line-height:24px;font-weight:700;color:#fff;background:var(--theme-color);padding:13px 34px;border-radius:30px;text-decoration:none;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.brands-section .brands-footnote-btn:hover,.brands-section .brands-footnote-btn:focus-visible{color:#fff;text-decoration:none;outline:none;transform:translateY(-2px);-webkit-transform:translateY(-2px);box-shadow:0 12px 24px rgb(0 0 0 / .15)}@media only screen and (max-width:991px){.brands-section .brands-block-one .inner-box{padding:13px 11px 11px}}@media only screen and (max-width:767px){.brands-section .brands-subheading{margin-bottom:40px}}@media only screen and (max-width:599px){.brands-section .brands-block-one .inner-box{padding:12px 10px 10px}.brands-section .brands-block-one .inner-box .logo-box{height:52px;padding:8px 10px;margin-bottom:8px}.brands-section .brands-block-one .inner-box .logo-box img{max-height:32px}.brands-section .brands-block-one .inner-box .brand-name{font-size:13px;line-height:18px;min-height:36px}}