.elementor-3334 .elementor-element.elementor-element-65881dc{--display:flex;--min-height:100vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3334 .elementor-element.elementor-element-65881dc:not(.elementor-motion-effects-element-type-background), .elementor-3334 .elementor-element.elementor-element-65881dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://prideyear.com/wp-content/uploads/2025/12/IMG_2991-v1579885060.webp");background-position:top center;background-size:cover;}.elementor-3334 .elementor-element.elementor-element-e59fd09{--display:flex;}.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-3334 .elementor-element.elementor-element-6587a35 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:6em;font-weight:900;letter-spacing:0.12em;color:#FFF8E9;}.elementor-3334 .elementor-element.elementor-element-6aae93e{--display:flex;--min-height:100vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3334 .elementor-element.elementor-element-6aae93e:not(.elementor-motion-effects-element-type-background), .elementor-3334 .elementor-element.elementor-element-6aae93e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E9;}.elementor-3334 .elementor-element.elementor-element-4858047{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3334 .elementor-element.elementor-element-139b6c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3334 .elementor-element.elementor-element-f6ee1c6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#000000;}@media(min-width:768px){.elementor-3334 .elementor-element.elementor-element-4858047{--content-width:1300px;}}@media(max-width:767px){.elementor-3334 .elementor-element.elementor-element-6587a35{text-align:center;}.elementor-3334 .elementor-element.elementor-element-6587a35 .elementor-heading-title{font-size:2.8em;line-height:1.2em;letter-spacing:0.12;}}/* Start custom CSS for html, class: .elementor-element-fe371af */.brand-filter {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  align-items: start;
}

.brand-filter__left {
  display: grid;
  gap: 16px;
}
/* Kill Elementor / reset button styles for brand filter only */
.brand-filter__btn,
.brand-filter__btn:hover,
.brand-filter__btn:focus,
.brand-filter__btn:active {
  background: none !important;
  color: black !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.brand-filter__btn {
  appearance: none;
  background: none;
  border: none;
  text-align: left;
  padding: 6px 0;
  cursor: pointer;
  font-family: Playfair display Sans-Serif;
  font-size: 32px; /* adjust */
  color: black;
  line-height: 1.1;
  opacity: .35;
  transition: opacity .5s cubic-bezier(.17,.67,.83,.67)
}

.brand-filter__btn:hover{
    opacity: 1;
}


.brand-filter__btn.is-active {
  opacity: 1;
  
}

.brand-filter__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 28px;
  align-items: center;
}

.brand-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.brand-card img {
   
  max-width: 160px;
  max-height: 80px;
  width: auto;
  height: auto;
  transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}

/* Greyed-out state */
.brand-card.is-dim img {
  filter: grayscale(100%);
  opacity: .25;
}

/* Active state (optional subtle emphasis) */
.brand-card.is-active img {
  filter: none;
  opacity: 1;
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 900px) {
  .brand-filter {
    grid-template-columns: 1fr;
  }
  .brand-filter__grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
  .brand-filter__btn {
    font-size: 26px;
  }
}/* End custom CSS */