.dealers{
  font-family: var(--family-title-2);
}
.dealers-filter{
  top: 55px;
  position: -webkit-sticky; 
  position: sticky; 
  width: 100%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.dealers-filter-button{
  background-color: var(--gray-light-4); 
  -webkit-appearance: none;
}
.dealers-filter-button-text{
  font-size: var(--paragraph-1);
  font-family: var(--family-title);
  color: var(--gray-dark-4);
  -webkit-appearance: none;
}
.dealers-block-list{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.dealers-content{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.dealers-content-title{
  font-size: 1.25rem; 
  /* font-weight: var(--weight-bolder); */
  font-family: var(--family-title);
  color: var(--gray-dark-4);
  text-align: center;
}
.dealers-content-cards{
  gap: 2rem;
}
.dealers-sidebar-and-content{
  display: flex; 
  overflow: unset;
}
.dealers-desktop-sidebar-wrapper{
  background-color: var(--gray-light-4);
}
.dealers-desktop-sidebar{
  display: flex;
  flex-direction: column;
}
.dealers-desktop-sidebar-location-title{
  font-size: var(--title-6); 
  /* font-weight: var(--weight-bolder); */
  font-family: var(--family-title);
  color: var(--gray-dark-4);
}
.dealers-desktop-sidebar-location-selector{
  /* background-color: var(--brand-white);  */
  font-size: var(--paragraph-2);
  /* font-weight: var(--weight-bolder); */
  font-family: var(--family-title);
  color: var(--gray-dark-4); 
  padding: 0.5rem 0.75rem; 
  height: 3rem; 
  border-radius: 0%;
}
.dealers-desktop-sidebar-location-selector-option{
  padding: 0.75rem;
}
.dealers-desktop-sidebar-services-title{
  font-size: var(--title-6); 
  /* font-weight: var(--weight-bolder); */
  font-family: var(--family-title);
  color: var(--gray-dark-4);
}
.dealers-desktop-sidebar-services-label{
  font-size: var(--paragraph-2);
}
.dealers-mobile-sidebar-header{
  background-color: var(--brand-white);
  font-family: var(--family-title);
  font-size: 1rem;
  color: var(--gray-dark-4);
}
.dealers-mobile-sidebar-header-close-button{
  background-color: transparent
}
.dealers-mobile-sidebar-filter-button{
  color: var(--gray-light-1); 
  font-size: var(--title-5); 
  background-color: transparent;
}
/* .content-scrollable{
  overflow-y: auto;
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}
.content-scrollable::-webkit-scrollbar{
  display: none;  
} */
@media only screen and (min-width: 768px) {
  .dealers-desktop-sidebar{
    background-color: #f2f2f2;
    position: -webkit-sticky; 
    position: sticky;
    top: 7rem;
    align-self: flex-start;
    padding-bottom: 5rem;
  }
  .dealers-content-title{
    font-size: 2rem;
    text-align: start;
  }
  .dealers-desktop-sidebar-wrapper{
    padding: 1rem;
    position: relative;
    visibility: visible;
    z-index: auto;
    transform: none;
    border-right: none;
    width: auto;
  }
  .dealers-desktop-sidebar{
    margin-top: 4.375rem;
  }
  .offcanvas{
    
  }
  .offcanvas.offcanvas-start{
    transform: none;
    border-right: none;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .dealers-desktop-sidebar {
    /* display: none; */
  }
}
@media only screen and (min-width: 992px){
  .dealers-block-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.5rem;
  }
}
@media only screen and (min-width: 1366px){
  .dealers-content{
    padding-top: 4rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
}
@media only screen and (min-width: 1920px){
  .dealers-content-title{
    font-size: 2.5rem;
  }
  .dealers-desktop-sidebar-wrapper{
    padding: 2rem;
  }
  .dealers-desktop-sidebar{
    margin-top: 14.195rem;
  }
}