.elementor-7403 .elementor-element.elementor-element-ac8bc56{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:21px 21px;--row-gap:21px;--column-gap:21px;--margin-top:0px;--margin-bottom:0px;--margin-left:240px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7403 .elementor-element.elementor-element-ac8bc56.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7403 .elementor-element.elementor-element-541f502{--spacer-size:1px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7403 .elementor-element.elementor-element-ef39452 > .elementor-widget-container{margin:0px 100px -15px 0px;padding:0px 0px 19px 0px;}.elementor-7403 .elementor-element.elementor-element-ef39452.elementor-element{--align-self:center;}.elementor-7403 .elementor-element.elementor-element-ef39452{text-align:center;}.elementor-7403 .elementor-element.elementor-element-ef39452 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7403 .elementor-element.elementor-element-b8c4355{--display:flex;--min-height:0px;--margin-top:2px;--margin-bottom:5px;--margin-left:180px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-7403 .elementor-element.elementor-element-b8c4355.e-con{--align-self:center;}.elementor-7403 .elementor-element.elementor-element-10525e6{--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:5px 5px;--row-gap:5px;--column-gap:5px;--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-7403 .elementor-element.elementor-element-10525e6.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-7403 .elementor-element.elementor-element-d054831{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-7403 .elementor-element.elementor-element-d054831 > .elementor-widget-container{margin:0vw 0vw 0vw -6vw;padding:0vw 0vw 0vw 0vw;}.elementor-7403 .elementor-element.elementor-element-d054831:hover .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-7403 .elementor-element.elementor-element-7d0b2da{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;}.elementor-7403 .elementor-element.elementor-element-7d0b2da > .elementor-widget-container{margin:0vw 0vw 0vw -7vw;border-style:none;border-radius:100% 100% 100% 100%;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-7403 .elementor-element.elementor-element-7d0b2da.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-7403 .elementor-element.elementor-element-0c0221f{width:100%;max-width:100%;}.elementor-7403 .elementor-element.elementor-element-0c0221f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7403 .elementor-element.elementor-element-0c0221f:hover .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7403 .elementor-element.elementor-element-2546809{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7403 .elementor-element.elementor-element-2546809 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-7403 .elementor-element.elementor-element-2546809.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7403 .elementor-element.elementor-element-30b1976{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-7403 .elementor-element.elementor-element-30b1976 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.6);}.elementor-7403 .elementor-element.elementor-element-30b1976.elementor-element{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7403 .elementor-element.elementor-element-d5827cb{--grid-columns:1;}.elementor-7403 .elementor-element.elementor-element-d5827cb .elementor-button{background-color:var( --e-global-color-e7a8ca9 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;}.elementor-7403 .elementor-element.elementor-element-d5827cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 53px 0px 0px;}.elementor-7403 .elementor-element.elementor-element-9ce9850{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7403 .elementor-element.elementor-element-ac8bc56{--width:75%;}.elementor-7403 .elementor-element.elementor-element-b8c4355{--width:100%;}.elementor-7403 .elementor-element.elementor-element-10525e6{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7403 .elementor-element.elementor-element-ef39452 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7403 .elementor-element.elementor-element-d5827cb{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7403 .elementor-element.elementor-element-ef39452 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7403 .elementor-element.elementor-element-d5827cb{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-ef39452 */.reset-button h2 {
  font-family: "Avenir", "Avenir Next", Helvetica, Arial, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for search-filter-field, class: .elementor-element-d054831 *//* 1. The Main Box - Adjusted height to 37px as you found */
.search-filter-input-text {
    justify-content: center !important;
    border: 1px solid #002A54 !important; /* Dark blue default */
    border-radius: 6px !important;
    height: 37px !important;
    background: #ffffff !important;
    padding: 0 !important;
    transition: border-color 0.3s ease !important; /* Smooth color change */
}

/* 2. Hover State - Change border to Red */
.search-filter-input-text:hover {
    border-color: #C8313C !important; /* Your theme's red color */
}

/* 3. The Input Field - Matching font and centering */
input[type="text"].search-filter-input-text__input {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-family: "Avenir", sans-serif !important;
    font-size: 17px !important;
    color: #002A54 !important; /* Typing color */
}

/* 4. Placeholder Color - Matching the "Any Class" blue-grey style */
input[type="text"].search-filter-input-text__input::placeholder {
    text-align: center !important;
    color: rgba(13, 42, 81, 0.67) !important;
    opacity: 1 !important;
}
/* 5. Icon & Decoration Removal */
.search-filter-input-text__icon, 
.search-filter-input-text__icon-container,
.search-filter-input-text svg,
.search-filter-input-text i,
.search-filter-input-text::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    visibility: hidden !important;
}/* End custom CSS */
/* Start custom CSS for search-filter-field, class: .elementor-element-7d0b2da */.search-filter-description {
  display: none;
}

.search-filter-input-button[data-option-value="1"] {
  color: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  position: relative;
  z-index: 100;
}

.search-filter-input-button[data-option-value="1"]::after {
  content: "R";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #9454BA;
  border-radius: 50%;
  font-family: "Charter", serif;
  font-size: 20px;
  pointer-events: none;
  z-index: 1;
}

.rep-tip {
  position: relative;
  display: inline-block;
}

/* Arrow */
.rep-tip::before {
  content: "";
  position: absolute;
  top: calc(100% - 4px);
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-bottom-color: rgba(50, 50, 50, 0.92);
  z-index: 302;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
}

/* Tooltip box */
.rep-tip::after {
  content: "Filter for Class Reps";
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(50, 50, 50, 0.92);
  color: white;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-family: "Charter", serif;
  white-space: nowrap;
  z-index: 301;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
  min-width: max-content;
}

/* Show on hover */
.rep-tip:hover::before,
.rep-tip:hover::after {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for search-filter-field, class: .elementor-element-0c0221f */html body .search-filter-field.search-filter-field--id-1 .search-filter-component-combobox__selection,
html body .search-filter-field.search-filter-field--id-1 .search-filter-component-combobox__selection > span,
html body .search-filter-field.search-filter-field--id-1 .search-filter-component-combobox div {
    padding-left: 16px !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

html body .search-filter-field.search-filter-field--id-1 .search-filter-component-combobox input[type="text"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

html body .search-filter-field.search-filter-field--id-1 .search-filter-component-combobox input[type="text"]::placeholder {
    text-align: center !important;
}

html body .search-filter-field.search-filter-field--id-1 *::before,
html body .search-filter-field.search-filter-field--id-1 *::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

.search-filter-field--id-1 * {
    border-radius: 6px !important;
}/* End custom CSS */
/* Start custom CSS for search-filter-field, class: .elementor-element-2546809 */html body .search-filter-field.search-filter-field--id-2 .search-filter-component-combobox__selection,
html body .search-filter-field.search-filter-field--id-2 .search-filter-component-combobox__selection > span,
html body .search-filter-field.search-filter-field--id-2 .search-filter-component-combobox div {
    padding-left: 12px !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

html body .search-filter-field.search-filter-field--id-2 .search-filter-component-combobox input[type="text"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

html body .search-filter-field.search-filter-field--id-2 .search-filter-component-combobox input[type="text"]::placeholder {
    text-align: center !important;
}

html body .search-filter-field.search-filter-field--id-2 *::before,
html body .search-filter-field.search-filter-field--id-2 *::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

.search-filter-field--id-2 * {
    border-radius: 6px !important;
}/* End custom CSS */
/* Start custom CSS for search-filter-field, class: .elementor-element-30b1976 */.search-filter-field--id-6 * {
  border-radius: 6px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10525e6 */.elementor-7403 .elementor-element.elementor-element-10525e6 .search-filter-component-combobox-base.search-filter-component-combobox.search-filter-field__input.search-filter-component-combobox--mode-single.search-filter-component-combobox--search-enabled {
    border-radius: 0px;
}

.elementor-7403 .elementor-element.elementor-element-10525e6 button.search-filter-input-button.search-filter-field__input {
    border-radius: 0px;
}




.elementor-7403 .elementor-element.elementor-element-10525e6 {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 3fr 3fr 1fr;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d5827cb */#load-button {
  position: relative;
  left: -50px;
}/* End custom CSS */
/* Start custom CSS */.reset-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
}

.reset-button::before {
  content: 'Clear Search';
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-100px);
  background: rgba(50, 50, 50, 0.92);
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 999;
  min-width: max-content;
}

.reset-button::after {
  content: '';
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  transform: translateX(-58px);
  border: 7px solid transparent;
  border-bottom-color: rgba(50, 50, 50, 0.92);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1000;
}

.reset-button:hover::before,
.reset-button:hover::after {
  opacity: 1;
}


.elementor-7403 .elementor-element.elementor-element-d5827cb {
    --grid-columns: 2 !important;
}

@media (max-width: 767px) {
    .elementor-7403 .elementor-element.elementor-element-d5827cb {
        --grid-columns: 1 !important;
    }
}

.elementor-7403 .elementor-element.elementor-element-49aefb6c img {
    width: 160px !important;
    height: 185px !important;
    object-fit: cover !important;
}/* End custom CSS */