/* Remove default Bootstrap arrow */
.accordion-button::after {
    display: none !important;
}

/* Base button fix */
.accordion-button {
    position: relative;
    z-index: 2;
    padding-right: 3.5rem !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

/* Custom arrow */
.accordion-button::before {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23AA2C32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Arrow UP when open */
.accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 14L12 9L7 14' stroke='%23AA2C32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-list-deta li a {
    color: var(--Neutral-B500, #3B3B3B);
    font-family: --var(futura);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    margin-bottom: 16px;
    gap: 8px;
    /* 24px */
}

.contact-list-deta li a::before,
.ac-wrap-lisst::before {
    display: none;
}

/* No extra icons on tel/mailto (theme or UA styles) — single row icon only */
.distributor-item .ac-wrap-lisst a[href^="mailto:"]::before,
.distributor-item .ac-wrap-lisst a[href^="mailto:"]::after,
.distributor-item .ac-wrap-lisst a[href^="tel:"]::before,
.distributor-item .ac-wrap-lisst a[href^="tel:"]::after,
.distributor-item .contact-inline-link::before,
.distributor-item .contact-inline-link::after {
    content: none !important;
    display: none !important;
    background: none !important;
    mask-image: none !important;
}

.ac-wrap-lisst {
    display: flex !important;
    align-items: center;
    width: 100%;
    text-decoration: none !important;
    color: var(--Neutral-B300, #575757) !important;
    font-family: --var(futura);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact-list-deta {
    padding: 0;
    margin: 0;
}

.headingg-con {
    color: var(--Neutral-B500, #3B3B3B);
    font-family: --var(futura);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: block;
    margin-bottom: 24px;
    /* 48px */
}

.drop-your-question {
    padding-top: 80px;
    padding-bottom: 80px;
}



/* form css */



.careers-page-apply-now .container {
    position: relative;
    z-index: 2;
}

.careers-page-apply-now-wrapper {
    border-radius: 16px;
    background: var(--Neutral-B700, #1C1C1C);
    padding: 40px 24px;
    border-radius: 16px;
    background: var(--Neutral-B20, #F5F5F5);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.10);
}

.form-headingg-careers {
    color: var(--Neutral-gray-G70, #ACAEB1);
    font-family: --var(futura);
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: block;
    padding-bottom: 24px;
    text-align: center;
}

#wpforms-form-2319 input[type="text"],
#wpforms-form-2319 input[type="email"],
#wpforms-form-2319 input[type="number"],
#wpforms-form-2319 input[type="tel"],
#wpforms-form-2319 textarea,
#wpforms-form-2319 select {
    display: flex;
    padding: 12px;
    width: 100%;
    border-radius: 8px !important;
    background: var(--Neutral-B0, #FFF);
    border: 1px solid #dcdcdc;
    color: var(--Neutral-B100, #757575) !important;
    font-family: var(--futura, 'Futura', sans-serif) !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
    letter-spacing: 0.25px;

    /* Normalize select */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#wpforms-form-2319 input::placeholder,
#wpforms-form-2319 textarea::placeholder {
    color: var(--Neutral-B100, #757575)!important;
    font-weight: 400;
}
#wpforms-form-2319 select option[disabled] {
    color: #757575!important;
    font-weight: 400;
}

/* #wpforms-form-2319 input[type=text]::placeholder,
#wpforms-form-2319 input[type=email]::placeholder,
#wpforms-form-2319 input[type=number]::placeholder,
#wpforms-form-2319 input[type=tel]::placeholder,
#wpforms-form-2319 textarea::placeholder,
#wpforms-2319-field_8-container select::placeholder,
#wpforms-2319-field_8-container select {
    color: var(--Neutral-B100, #757575)!important;
    font-family: --var(futura) !important;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    line-height-note: 171.429%;
    letter-spacing: 0.25px;

} */

.wpforms-field-label-inline {
    color: var(--Neutral-B500, #3B3B3B);
    font-family: --var(futura) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.25px;
}

#wpforms-submit-2319 {
    color: var(--Neutral-gray-G70, #ACAEB1);
    font-family: --var(futura) !important;
    font-size: 16px !important;
    ;
    font-style: normal;
    font-weight: 900 !important;
    ;
    line-height: 24px;
    width: 100%;
    background: var(--Neutral-B40, #DEDEDE) !important;
    padding: 8px 40px !important;
}




.choice-1 input {
    border-bottom: 0 !important;
}

.wpforms-field {
    padding-top: 0 !important;
}

.wpforms-field-checkbox input[type="checkbox"] {
    accent-color: #0a7c5a;
    width: 18px;
    height: 18px;
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio] {
    background-color: none !important;
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
    border-color: #757575 !important;
}






/* form csss ======================= */


/* ============================================
   CUSTOM CSS FOR WPFORMS FILE UPLOAD
   Add this to your WordPress theme's CSS
   ============================================ */

/* Hide ALL default WPForms upload elements */
.wpforms-custom-upload-button {
    border: 1px solid #FFF !important;
    border-radius: 8px !important;
    border: 1px solid #FFF !important;
    background: var(--Neutral-B0, #FFF) !important;
    border: 1px solid #FFF !important;
    padding: 12px;
    border: 1px solid #FFF !important;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 12px !important;
    border-radius: 4px;
    background-color: transparent;
    transition: all 0.2s;
}

/* .wpforms-custom-upload-button:hover {
    background-color: rgba(87, 87, 87, 0.05);
} */


#wpforms-2319-field_7-container .wpforms-uploader .dz-message {
    display: none !important;
}

#wpforms-2319-field_7-container .wpforms-uploader .dz-message * {
    display: none !important;
}

/* Hide default preview template */
#wpforms-2319-field_7-container .dz-preview {
    display: none !important;
}

/* Custom wrapper styling */
#wpforms-2319-field_7-container .wpforms-uploader {
    /* background-color: #F2F2F2 !important; */
    border: none !important;
    border-radius: 8px !important;
    padding: 0 !important;
    min-height: auto !important;
    justify-content: start !important;
}

div.wpforms-container div.wpforms-uploader {
    justify-content: start !important;
    align-items: start !important;
    ;
}

/* Custom upload row container */
.wpforms-custom-upload-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Custom upload button with border */


.wpforms-upload-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.wpforms-upload-text {
    color: #575757 !important;
    font-family: --var(futura) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.25px;
    margin: 0 !important;
}

.wpforms-max-size-text {
    color: #3B3B3B !important;
    font-family: --var(futura) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.25px;
    margin: 0 !important;
}

/* Selected file display */
.wpforms-selected-file {
    margin-top: 16px;
    padding: 12px;
    background-color: #fff;
    border-radius: 4px;
    font-family: --var(futura) !important;
    font-size: 14px;
    color: #3B3B3B;
    display: none;
}

.wpforms-selected-file.show {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wpforms-file-name {
    font-weight: 500;
}

.wpforms-remove-file {
    color: #d32f2f;
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
}

.wpforms-remove-file:hover {
    opacity: 0.8;
}

/* Force hide any default dropzone messages */
#wpforms-2319-field_7-container .dz-default.dz-message {
    display: none !important;
}

#wpforms-2319-field_7-container .modern-title {
    display: none !important;
}



/* ((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((( */


/* Phone Field Container */
#wpforms-2319-field_8-container {
    position: relative;
}

/* Hide the original label */
#wpforms-2319-field_8-container .wpforms-field-label {
    display: none;
}

/* Style the select dropdown */
#wpforms-2319-field_8-container select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #ffffff;
    background-image: none !important;
    color: var(--Neutral-B100, #757575);
    font-family: --var(futura);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.25px;
    border: 0;
    border-radius: 8px;
}

/* Remove default focus outline and add custom one */
#wpforms-2319-field_8-container select:focus {
    outline: none;
    border-color: #4CAF50;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

/* Style the dropdown options */
#wpforms-2319-field_8-container select option {
    background-color: #ffffff;
    color: #333;
    padding: 10px;
}

/* Green background for choices */
#wpforms-2319-field_8-container select option:not(.placeholder) {
    background-color: #ffffff;
    color: #333;
}

/* Gray background for placeholder */
#wpforms-2319-field_8-container select option.placeholder {
    background-color: #f0f0f0;
    color: #999;
}

/* Remove any default arrows from the select */
#wpforms-2319-field_8-container select::-ms-expand {
    display: none;
}

/* Custom dropdown arrow using your SVG */
#wpforms-2319-field_8-container::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 36%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3e%3cpath d="M2.45383 7.93967C2.73512 7.65846 3.11658 7.50049 3.51433 7.50049C3.91207 7.50049 4.29354 7.65846 4.57483 7.93967L11.9998 15.3647L19.4248 7.93967C19.7077 7.66643 20.0866 7.51524 20.4799 7.51866C20.8732 7.52207 21.2494 7.67983 21.5276 7.95794C21.8057 8.23605 21.9634 8.61227 21.9668 9.00557C21.9703 9.39886 21.8191 9.77776 21.5458 10.0607L13.0603 18.5462C12.779 18.8274 12.3976 18.9853 11.9998 18.9853C11.6021 18.9853 11.2206 18.8274 10.9393 18.5462L2.45383 10.0607C2.17262 9.77938 2.01465 9.39791 2.01465 9.00017C2.01465 8.60242 2.17262 8.22096 2.45383 7.93967Z" fill="%23575757"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    pointer-events: none;
    z-index: 10;
}

/* Hover effect */
#wpforms-2319-field_8-container select:hover {
    border-color: #ccc;
    background-color: #fafafa;
}

/* For the phone input field if you want to add country code styling */
#wpforms-2319-field_8-container .wpforms-field-phone-international {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Country code prefix styling (if applicable) */
#wpforms-2319-field_8-container .wpforms-field-phone-international::before {
    content: '+971';
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}

.accordion-collapse,
.collapse {
    visibility: visible !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    background: none !important;
}

.accordiion-wrappepr-contact {
    padding-top: 40px;
}

.ac-wrap-lisst {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--Neutral-B300, #575757);
    font-family: --var(futura);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ac-wrap-lisst p {
    margin-bottom: 0;
}

/* Keep nested contact links (manager mobile/email) same as row text */
.ac-wrap-lisst a,
.ac-wrap-lisst a:link,
.ac-wrap-lisst a:visited,
.ac-wrap-lisst a:hover,
.ac-wrap-lisst a:active,
.ac-wrap-lisst a:focus {
    color: var(--Neutral-B300, #575757) !important;
    text-decoration: none !important;
}

.ac-wrap-lisst .contact-inline-link:hover,
.ac-wrap-lisst .contact-inline-link:focus {
    color: var(--Red-R300, #AA2C32) !important;
    text-decoration: underline !important;
}

.distributor-detail-row .contact-inline-link {
    display: inline;
    vertical-align: baseline;
}

.ac-wrap-lisst.distributor-contact-link {
    cursor: pointer;
}

.get-direction-bnt {
    color: var(--Neutral-B0, #FFF);
    font-family: --var(futura);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    background: #AA2C32;
    text-decoration: none !important;
}
.leaflet-control-attribution.leaflet-control{

visibility: hidden !important;
}
.find-dist-heading {
    color: var(--Neutral-B700, #1C1C1C);
    text-align: center;
    font-family: --var(futura);
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding-bottom: 24px;
    display: block;
    text-align: center;
}

.distanc-btn-heading {
    color: var(--Neutral-B500, #3B3B3B);
    font-family: --var(futura);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    align-self: stretch;
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 16px;
    border-right: 1px solid #DEDEDE;
}

.distanc-btn-distance {
    color: var(--Red-R300, #AA2C32);
    font-family: --var(futura);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
    flex: 0 0 clamp(116px, 26%, 140px);
    min-width: clamp(116px, 26%, 140px);
    padding-left: 16px;
    white-space: nowrap;
}

/* Keep every distributor divider on the same column, regardless of name length. */
.distributor-item .accordion-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    #wpforms-2319-field_8-container select {
        padding: 12px 36px 12px 14px;
        font-size: 15px;
    }

    #wpforms-2319-field_8-container::after {
        right: 12px;
        width: 20px;
        height: 20px;
    }
}

/* =============================================
   DISTRIBUTOR MAP STYLES
   ============================================= */

/* Map Container */
.distributor-map-wrapper {
    position: sticky;
    top: 100px;
    height: calc(100vh - 150px);
    min-height: 500px;
    border-radius: 0;
    overflow: visible;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.distributor-map {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

/* Custom Dropdown */
.custom-dropdown {
    position: relative;
    margin-bottom: 24px;
    width: 100%;
}

.custom-dropdown-selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border: 2px solid #AA2C32;
    border-radius: 8px;
    background-color: #fff;
    color: #3B3B3B;
    font-family: var(--futura, 'Futura', sans-serif);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-dropdown-selected:hover {
    border-color: #8a2328;
    box-shadow: 0 2px 8px rgba(170, 44, 50, 0.15);
}

.custom-dropdown-selected svg {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.custom-dropdown.open .custom-dropdown-selected svg {
    transform: rotate(180deg);
}

.custom-dropdown.open .custom-dropdown-selected {
    border-radius: 8px 8px 0 0;
    border-bottom-color: transparent;
}

.custom-dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 2px solid #AA2C32;
    border-top: none;
    border-radius: 0 0 8px 8px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 1500;
    transition: all 0.3s ease;
}

.custom-dropdown.open .custom-dropdown-options {
    max-height: 250px;
    overflow-y: auto;
    opacity: 1;
}

.custom-dropdown-option {
    padding: 12px 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #3B3B3B;
    font-family: var(--futura, 'Futura', sans-serif);
    font-size: 15px;
}

.custom-dropdown-option:hover {
    background-color: #AA2C32;
    color: #fff;
}

.custom-dropdown-option.selected {
    background-color: rgba(170, 44, 50, 0.1);
    color: #AA2C32;
    font-weight: 500;
}

.custom-dropdown-option:first-child {
    color: #757575;
}

.custom-dropdown-option:first-child:hover {
    background-color: #f5f5f5;
    color: #757575;
}

/* Scrollbar for dropdown */
.custom-dropdown-options::-webkit-scrollbar {
    width: 6px;
}

.custom-dropdown-options::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-dropdown-options::-webkit-scrollbar-thumb {
    background: #AA2C32;
    border-radius: 3px;
}

.custom-dropdown-options::-webkit-scrollbar-thumb:hover {
    background: #8a2328;
}

/* Custom Map Marker */
.custom-map-marker {
    background: transparent !important;
    border: none !important;
}

.custom-map-marker svg {
    display: block;
    transition: transform 0.2s ease;
}

.custom-map-marker:hover svg {
    transform: scale(1.1);
    cursor: pointer;
}

/* Ensure Leaflet marker icons are visible */
.leaflet-marker-icon.custom-map-marker {
    background: transparent !important;
    border: none !important;
}

.leaflet-marker-pane {
    z-index: 600 !important;
}

/* User Location Marker */
.user-marker {
    background: transparent;
    border: none;
}

.user-marker svg {
    filter: drop-shadow(0 2px 4px rgba(66, 133, 244, 0.4));
}

/* Leaflet Popup Customization */
.leaflet-popup-content-wrapper {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.leaflet-popup-content {
    margin: 12px 16px;
    font-family: var(--futura, 'Futura', sans-serif);
    font-size: 14px;
    line-height: 1.5;
    color: var(--Neutral-B500, #3B3B3B);
}

.leaflet-popup-content strong {
    color: var(--Neutral-B700, #1C1C1C);
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

.leaflet-popup-tip {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Distributor Popup Styling */
.distributor-popup {
    min-width: 150px;
}

.distributor-popup strong {
    color: #1C1C1C;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.distributor-popup .popup-city {
    color: #AA2C32;
    font-size: 12px;
    font-weight: 500;
}

.distributor-popup .popup-address {
    color: #575757;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    margin-top: 4px;
}

/* Distance Badge Styling */
.distance-value {
    /* min-width: 50px; */
    text-align: center;
}

/* Accordion item with distance sorted */
.distributor-item {
    transition: all 0.3s ease;
}

.distributor-item[data-distance] {
    order: attr(data-distance);
}

/* Accordion scrollable container */
.accordiion-wrappepr-contact {
    height: calc(100vh - 170px);
    max-height: none;
    min-height: 520px;
    overflow: hidden;
}

.distributor-accordion-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px;
}

.distributor-accordion-list::-webkit-scrollbar {
    width: 6px;
}

.distributor-accordion-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.distributor-accordion-list::-webkit-scrollbar-thumb {
    background: #AA2C32;
    border-radius: 3px;
}

.distributor-accordion-list::-webkit-scrollbar-thumb:hover {
    background: #8a2328;
}

/* Distributor List Section */

/* Make list + map columns align to full height (desktop) */
.distributor-list .row {
    align-items: stretch;
}

.distributor-layout-row {
    min-height: calc(100vh - 130px);
}

/* Remove desktop gutter between Bootstrap columns */
@media (min-width: 992px) {
    .distributor-layout-row {
        --bs-gutter-x: 0;
    }
}

/* Keep city dropdown/options above map layers */
.distributor-list .col-md-4 {
    position: relative;
    z-index: 1200;
    display: flex;
    flex-direction: column;
}

.distributor-list-column .accordiion-wrappepr-contact {
    display: flex;
    flex-direction: column;
}

.distributor-list .col-md-8 {
    position: relative;
    z-index: 1;
}

.accordiion-wrappepr-contact {
    position: relative;
    z-index: 1201;
}

.custom-dropdown {
    z-index: 1300;
}

.custom-dropdown.open {
    z-index: 1400;
}

/* Map Loading Overlay */
#mapLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 0;
}

.map-loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #3B3B3B;
    font-family: var(--futura, 'Futura', sans-serif);
    font-size: 14px;
}

.map-loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #AA2C32;
    border-radius: 50%;
    animation: mapSpin 1s linear infinite;
}

@keyframes mapSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Mobile Responsive Styles for Map */
@media (max-width: 991px) {
    .distributor-map-wrapper {
        position: relative;
        top: 0;
        height: 400px;
        min-height: 300px;
        margin-bottom: 24px;
    }

    .distributor-layout-row {
        min-height: auto;
    }

    .accordiion-wrappepr-contact {
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .distributor-accordion-list {
        overflow: visible;
        padding-right: 0;
    }

    .distributor-list .row {
        flex-direction: column-reverse;
    }
}

/* Small desktop / tablet landscape tweaks (avoid distance overflow & reduce extra white space) */
@media (max-width: 1200px) and (min-width: 992px) {
    .distanc-btn-heading {
        font-size: 18px;
    }

    .distanc-btn-distance {
        font-size: 14px;
    }

    .distributor-list {
        padding: 24px 0 24px;
    }

    .distributor-map-wrapper {
        height: calc(100vh - 90px);
        min-height: 520px;
    }

    .distributor-layout-row {
        min-height: calc(100vh - 90px);
    }

    .accordiion-wrappepr-contact {
        height: calc(100vh - 90px);
        min-height: 520px;
    }
}
@media (max-width: 576px) {
    .distributor-map-wrapper {
        height: 300px;
        border-radius: 0;
    }

    .distributor-map {
        border-radius: 0;
    }

    .find-dist-heading {
        font-size: 24px;
    }

    .search-city-select {
        font-size: 14px;
        padding: 10px 36px 10px 12px;
    }
}