.elementor-393 .elementor-element.elementor-element-fe430a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-393 .elementor-element.elementor-element-e205978{text-align:center;}.elementor-393 .elementor-element.elementor-element-e205978 .elementor-heading-title{color:#000000;}.elementor-393 .elementor-element.elementor-element-46fce07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-393 .elementor-element.elementor-element-588597c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-393 .elementor-element.elementor-element-225b4a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:23px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-393 .elementor-element.elementor-element-27af28b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-393 .elementor-element.elementor-element-fcaeb3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-393 .elementor-element.elementor-element-225b4a7{--margin-top:0px;--margin-bottom:0px;--margin-left:14px;--margin-right:0px;}.elementor-393 .elementor-element.elementor-element-27af28b{--margin-top:0px;--margin-bottom:0px;--margin-left:9px;--margin-right:0px;}}@media(min-width:768px){.elementor-393 .elementor-element.elementor-element-588597c{--width:25%;}.elementor-393 .elementor-element.elementor-element-225b4a7{--width:25%;}.elementor-393 .elementor-element.elementor-element-27af28b{--width:25%;}.elementor-393 .elementor-element.elementor-element-fcaeb3f{--width:25%;}}/* Start custom CSS for heading, class: .elementor-element-e205978 */
Brand Selector Hover Effect
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-225b4a7 */.custom-hover-box {
width: 300px;
height: 250px;
border-radius: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-in-out;
overflow: hidden;
background: #fff;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-hover-box img {
width: 150px;
height: auto;
transition: 0.3s ease-in-out;
}
.custom-hover-box:hover {
background: #000;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.custom-hover-box:hover img {
filter: brightness(0) invert(1);
transform: scale(1.05);
}
/* Mobile-friendly adjustments */
@media (max-width: 600px) {
.custom-hover-box {
width: 150px;
height: 150px;
padding: 5px;
}
.custom-hover-box img {
width: 80px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27af28b */.custom-hover-box {
width: 300px;
height: 250px;
border-radius: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-in-out;
overflow: hidden;
background: #fff;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-hover-box img {
width: 150px;
height: auto;
transition: 0.3s ease-in-out;
}
.custom-hover-box:hover {
background: #000;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.custom-hover-box:hover img {
filter: brightness(0) invert(1);
transform: scale(1.05);
}
/* Mobile-friendly adjustments */
@media (max-width: 600px) {
.custom-hover-box {
width: 150px;
height: 150px;
padding: 5px;
}
.custom-hover-box img {
width: 80px;
}
}/* End custom CSS */
/* Start custom CSS */.brand-selection {
display: flex;
justify-content: center;
gap: 20px;
}
.brand-card {
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: 0.3s ease;
}
.brand-card img {
width: 80%;
height: auto;
}
.brand-card.selected {
background: #000;
}
.brand-card.selected img {
filter: invert(1);
}
.brand-card:hover {
transform: scale(1.05);
}/* End custom CSS */
