.find-dealer {
    max-width: 1912px;
    margin: 0 auto;
}

.find-dealer-container {
    display: flex;
}

.find-dealer-list-view {
    min-width: 504px;
    overflow: auto;
    height: 95vh;
}

.find-dealer-search-section {
    padding: 32px 32px 16px;
    position: relative;
    height: auto;
}

.find-dealer-search-heading {
    color: #000;
    font-family: "HyundaiSansHead-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 16px;
}

.find-dealer-search-label {
    color: #000;
    font-family: "HyundaiSansText-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.find-dealer-search-input-container {
    display: flex;
    align-items: center;
    border: 1px solid #bfbebd;
    padding: 16px;
    width: auto;
    margin-top: 8px;
}

.find-dealer-search-input-container.error {
    border: 1px solid #EB757B;
    background: #FFF1F1
}

.find-dealer-search-input-container.error input {
    background: #FFF1F1
}

.dealer-searchhover {
    border: 1px solid  #00a2c7;;
}

.find-dealer-search-input-container .icon-closeM24 {
    margin-left: 16px;
    color: #5d5d5c;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.find-dealer-search-input-container .icon-search {
    margin-left: 16px;
}

.find-dealer-search-input-container .icon-search::before {
    font-size: 24px;
    color: #5d5d5c;
}

.find-dealer-search-input {
    flex-grow: 1;
    font-size: 16px;
    color: #000;
    font-family: "HyundaiSansText-Regular";
    line-height: 128.571%;
}

.find-dealer-search-input:focus,
.find-dealer-search-input:focus-visible,
.find-dealer-search-input:active {
    border: none;
    outline: none;
}

.find-dealer-search-input-container .find-dealer-search-input {
    border: none;
}

.find-dealer-enablelocation {
    margin: 8px 0;
    display: flex;
    align-items: center;
}

.find-dealer-controls-small {
    display: none;
}

.find-dealer-enablelocationcta {
    color: #002c5f;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    background: transparent;
    border: none;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.find-dealer-enablelocation .icon-pin-1,
.find-dealer-enablelocation .icon-pin-1::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #002c5f;
}

.find-dealer-search-error,
.find-dealer-search-location-error  {
    color: #e22c35;
    font-family: "HyundaiSansText-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.571%;
    margin: 8px 0;
    display: flex;
    gap: 8px
}

.pac-container {
    border: 1px solid #00a2c7;
    width: 432px !important;
    top: 260px !important;
    left: 32px !important;
}

.dealer-searchhover .icon-closeM24::before {
    font-size: 16px;
}

.pac-item {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid #909090;
    background: #fff;
    font-family: "HyundaiSansText-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pac-item span {
    font-family: "HyundaiSansText-Bold";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    padding: 0;
}

.pac-item:hover {
    background: #f2fbfd;
}

.pac-item .pac-icon {
    position: relative;
    margin-right: 8px;
    font-size: 16px;
}

.pac-item:hover .pac-icon {
    color: #00a2c7;
}

.find-dealer-map-section {
    width: 70%;
    background-color: #e0e0e0;
}

.find-dealer-controls {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.find-dealer-controls-large {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.find-dealer-filter-btn {
    border: 1px solid #dad9d8;
    border-radius: 44px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #707070;
    text-align: center;
    gap: 8px;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    height: 44px;
    background: #fff;
    float: right;
}

.find-dealer-filter-btn:hover {
    border: 1px solid #00a2c7;
    background: #f2fbfd;
    color: #002c5f;
}

.find-dealer-filter-btn:active,
.find-dealer-filter-btn:focus {
    border: 1px solid #00a2c7;
}

.find-dealer-filter-btn:hover .icon-filter::before {
    color: #002c5f;
}

.find-dealer-filter-btn span,
.find-dealer-filter-btn span::before {
    height: 20px;
    font-size: 20px;
    width: 20px;
    color: #707070;
}

.find-dealer-control-heading {
    color: #000;
    font-family: "HyundaiSansHead-Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.find-dealer-toggle-btn {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-left: 10px;
    overflow: hidden;
    height: 46px;
    width: 160px;
    background-color: #f4f4f4;
}

.toggle-option {
    padding: 5px 15px;
    cursor: pointer;
    border: none;
    background-color: #f4f4f4;
    color: #666;
    flex: 1;
    text-align: center;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

.toggle-option.active {
    background-color: #002C5F;
    color: white;
    border-radius: 20px;
}

.find-dealer-dealer-list {
    display: flex;
    width: 100%;
    padding-top: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

span.path2 {
    right: 0;
    display: flex;
    z-index: 2;
    position: absolute;
    top: 0;
}

span.path1 {
    display: flex;
    width: 62px;
    height: 27px;
    flex-direction: column;
    align-items: flex-end;
}

span.path2::before,
span.path1::before {
    width: 62px;
    height: 27px;
    font-size: 28px;
}

.icon-dealer-pin {
    font-size: 35px;
}

.sort-order {
    z-index: 2;
    position: absolute;
    left: 6px;
    color: #fff;
    top: 5px;
    text-align: center;
    font-family: "HyundaiSansText-bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    width: 20px;
    height: 20px;
}

.dealer-header-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-02, 8px);
    flex: 1 0 0;
    width: 100%;
}

.find-dealer-dealer-card:hover {
    border: 1px solid #00a2c7;
    background: #f2fbfd;
}

.find-dealer-dealer-card:hover .dealer-header svg path {
    fill: #00a2c7;
    stroke: #00a2c7;
}

.find-dealer-dealer-card.highlight .dealer-header svg path {
    fill: #00a2c7;
    stroke: #00a2c7;
}

.dealer-.find-dealer-search-input-container:hover,
.dealer-.find-dealer-search-input-container:active,
.dealer-.find-dealer-search-input-container:focus {
    border: 1px solid #00a2c7;
}

.find-dealer-dealer-card {
    border: 1px solid #a8a8a7;
    padding: 16px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dealer-dbanner {
    flex-grow: 1;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.find-dealer-dealer-info {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-02, 8px);
    align-self: stretch;
    width: 100%;
}

.dealer-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: relative;
}

.dealer-number {
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.dealer-info h4 {
    margin: 0;
    font-size: 16px;
}

.dealer-distance {
    margin-left: 10px;
    font-size: 14px;
    color: #666;
}

.dealer-status {
    color: green;
    font-weight: bold;
}

.details-btn {
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.find-dealer-filter-overlay,
.find-dealer-details-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}

#close-details {
    display: none;
}

.find-dealer-details-content,
.find-dealer-filter-content {
    background: white;
    padding: 32px;
    width: 504px;
    z-index: 7;
    overflow: auto;
    padding-bottom: 80px;
}

.find-dealer-details-hours{
    position: relative;
}

.find-dealer-modal-back,
.find-dealer-filter-back {
    color: #002c5f;
    font-family: "HyundaiSansText-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 16px 0;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.find-dealer-filter-heading {
    color: #000;
    font-family: "HyundaiSansHead-Medium";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin: 16px 0;
}

.find-dealer-filter-label {
    color: #000;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    display: flex;
    padding: 16px;
    align-items: center;
}

.find-dealer-filter-label:checked {
    font-family: "HyundaiSansText-Medium";
    font-weight: 500;
}

.filter-category-heading {
    color: #000;
    font-family: "HyundaiSansText-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    display: flex;
    padding: 16px 0;
    align-items: center;
    align-self: stretch;
}

.find-dealer-filter-category {
    display: flex;
    flex-direction: column;
}

.btn-secondary {
    display: flex;
    height: 48px;
    max-width: 344px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border: 1px solid #002c5f;
    color: #002c5f;
    text-align: center;
    font-family: "HyundaiSansHead-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    min-width: 140px;
    background-color: #fff;
    flex-grow: 1;
}

.btn-primary {
    display: flex;
    height: 48px;
    min-width: 140px;
    max-width: 344px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-family: "HyundaiSansHead-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    background: #002c5f;
    flex-grow: 1;
}

.serivcemodal-CTA-block {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    background: #fff;
    min-width: 440px;
    border-top: 1px solid #DAD9D8;
    box-shadow: 0 0 8px 0 rgb(0, 0, 0 / 10%);
}

.serivcemodal-CTA-block a {
    text-decoration: none;
}

.find-dealer-details-content .serivcemodal-CTA-block {
    position: fixed;
}

.close {
    cursor: pointer;
    float: right;
    font-size: 24px;
}

.dealer-dbanner-dealer-name {
    color: #000;
    font-family: "HyundaiSansHead-Medium";
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    margin: 0;
}

.dealer-dbanner-dealer-distance {
    color: #707070;
    font-family: "HyundaiSansText-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.571%;
    margin: 0;
}

.dealer-dbanner-dealer-address {
    color: #000;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.dealer-dbanner-dealer-hours {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.dealer-dbanner-dealer-hours .servicemodal-acc-status-red {
    margin-right: 0;
}

.dealer-dbanner-dealer-hours .servicemodal-acc-dot {
   margin: 0 8px;
}

.status {
    color: #1e853b;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.next {
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    width: auto;
}

.separator {
    margin: 0 8px;
    opacity: 0.5;
}

span.icon-hyundai-doty-en {
    position: absolute;
    top: 0;
    right: 0;
}

.dealer-dbanner-deatils {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: stretch;
    position: relative;
}

.dealer-dbanner-deatilscta {
    color: #002c5f;
    font-family: HyundaiSansText-Medium, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    background: transparent;
    border: none;
}

.icon-hyundai-doty-en,
.icon-hyundai-doty-fr {
    font-size: 35px;
}

.find-dealer-details-content .accordion {
    max-width: 600px;
    margin: 24px 0 8px;
    overflow: hidden;
}

.find-dealer-details-content .accordion:last-child {
    margin-top: 0;
}

.find-dealer-details-content .accordion-header {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 16px;
    display: flex;
    gap: 4px;
    align-items: center;
}

.find-dealer-details-content .accordion-content {
    display: none;
    margin-top: 8px;
}

.arrow {
    transition: transform 0.3s ease;
}

.find-dealer-details-content .accordion-header.active .arrow {
    transform: rotate(180deg);
}

.find-dealer-details-content .accordion-header .icon-chevron-down {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.find-dealer-details-content-map{
        flex: 1;
}

.hide {
    display: none !important;
}

.servicemodal-acc-heading {
    color: #000;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    width: 64px;
}

.servicemodal-acc-status-green {
    color: #1e853b;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.servicemodal-acc-status-red {
    color: #e22c35;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-right: 8px;
}

.servicemodal-acc-dot {
    margin: 0 4px;
    color: #5D5D5C;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    position: relative;
    top: -3px;
}

.servicemodal-acc-closes {
    color: #000;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    flex-grow: 1;
}

.servicemodal-dealer-hours-sales .accordion-header .icon-chevron-down.active,
.servicemodal-dealer-hours-service .accordion-header .icon-chevron-down.active{
    transform: rotateX(180deg);
}

.servicemodal-dealer-hour-list-sales,
.servicemodal-dealer-hour-list-service {
    display: flex;
    flex-direction: column;
    gap:8px;
}

.servicemodal-dealer-hour-list-sales li,
.servicemodal-dealer-hour-list-service li {
    color: #000;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 0px;
    line-height: 125%;
    display: flex;
}

.servicemodal-dealer-hour-list-sales li.bold-list,
.servicemodal-dealer-hour-list-service li.bold-list {
    font-family: "HyundaiSansText-Medium";
    font-weight: 500;
}

.servicemodal-hour-listitem-day {
    width: 64px;
}

.servicemodal-hour-listitem-hrs {
    flex-grow: 1;
}

.servicemodal-header {
    color: #000;
    font-family: "HyundaiSansHead-Medium";
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    margin-top: 16px;
}

.servicemodal-address {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 12px 0;
    gap: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.servicemodal-links,
.servicemodal-address-wrapper a,
.servicemodal-links a {
    color: #002c5f;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.servicemodal-links a {
    display: flex;
    align-items: center;
}

.servicemodal-links {
    margin-top: 16px;
}

.servicemodal-tel-wrapper,
.servicemodal-links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.icon-external-link {
    margin-left: 8px;
}

.servicemodal-map-wrapper {
    height: 180px;
    display: none;
}

.servicemodal-border-wrapper {
    border: 1px solid #dad9d8;
    margin: 24px 0;
}

.bold {
    font-weight: 700;
}

.disable-text {
    color: #5d5d5c;
}

.input-error {
    border: 1px solid #e22c35;
}

.find-dealer-filter-label input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #00a2c7;
    width: 0;
    height: 0;
    border-radius: 0;
}

.find-dealer-filter-label input[type="checkbox"] + .checkmark {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #A8A8A7;
    background: white;
    position: relative;
}

.find-dealer-filter-label input[type="checkbox"]:checked + .checkmark{
   background-color: #00AAD2;
   border: 1px solid  #00AAD2;
}

.find-dealer-filter-label input[type="checkbox"]:checked + .checkmark::after{
   content: "\e90b";
   font-family: icons;
   color: #fff;
   position: absolute;
   top: 1px;
   left: 3px;
}

.find-dealer-filter-label:has(input[type="checkbox"]:checked) {
    font-weight: 500;
    font-family: "HyundaiSansText-Medium";
}

.find-dealer-error-notification {
    border: 1px solid #eb757b;
    background-color: #fff1f1;
    padding: 24px 16px;
    width: 100%;
    display: flex;
    gap: 8px;
}

.icon-error {
    width: 20px;
    height: 20px;
    font-size: 16px;
}

.find-dealer-error-message {
    color: #000;
    font-family: var(--font-family-body, "HyundaiSansText-Regular");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    gap: 4px;
    flex-direction: column;
}

.find-dealer-error-message strong {
    display: block;
    font-weight: 700;
    font-family: "HyundaiSansHead-Medium";
    font-size: 16px;
    line-height: 20px;
}

.find-dealer-error-message p {
    font-weight: 400;
    font-family: "HyundaiSansHead-Regular";
    font-size: 14px;
    line-height: 18px;
}

.find-dealer-clear-filters {
    color: #002c5f;
    text-decoration: none;
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
    display: flex;
}

.icon-dealer-error {
    margin-right: 8px;
}

.find-dealer-dealer-card.highlight {
    border: 2px solid #00a2c7;
}

.find-dealer-container-tablet.tablet {
    display: none;
}

.find-dealer-search-suggentions {
    position: relative;
}

.find-dealer-search-suggentions .auto-complete__predictions__list {
    background-color: #fff;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    box-sizing: border-box;
    top: 8px;
    width: 440px;
    left: 0;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    border: 1px solid #00a2c7;
    z-index: 7;
    min-height: 275px;
}

.find-dealer-search-suggentions .auto-complete__predictions__list-item {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    color: #515151;
    display: block;
    padding: 16px;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #909090;
    background: #fff;
    font-family: "HyundaiSansText-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.find-dealer-search-suggentions .auto-complete__predictions__list-item:hover {
    background-color: #fafafa;
}

.find-dealer-search-suggentions .auto-complete__predictions__list-item:hover.highlighted {
    background-color: #f2f2f2;
}

.find-dealer-search-suggentions .auto-complete__predictions__list .icon-pin-1 {
    position: relative;
    top: 3px;
    margin-right: 8px;
    font-size: 16px;
}

.find-dealer-search-suggentions .auto-complete__predictions__list li:last-child {
    border-bottom: none;
}

.find-dealer-search-suggentions .auto-complete__predictions__list li:hover {
    background: #f2fbfd;
}

.find-dealer-search-suggentions .auto-complete__predictions__list li:hover .icon-pin-1::before {
    color: #00a2c7;
}

.find-dealer-search-suggentions li strong {
  font-weight: 700;
  font-family: "HyundaiSansText-Bold";
  color: inherit;
}

@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
    .find-dealer {
        height: 123vh;
    }

    .find-dealer-container-tablet {
        display: flex;
        flex-direction: column;
        height: 100vh; /* Full viewport height */
        position: relative;
        top: -245px;
    }

    .find-dealer-map-section-tablet {
        flex: 1; /* Takes up remaining space */
        position: relative;
        z-index: 1; /* Ensure map is below the card list */
        background-color: #e0e0e0;
        margin-top: 2px;
    }

    .find-dealer-dealer-list-tablet {
        display: flex;
        overflow-x: auto; /* Enables horizontal scrolling */
        scroll-snap-type: x mandatory; /* Ensures snapping to each card */
        position: absolute;
        bottom: 20px;
        width: 100%;
        z-index: 2; /* Ensure card list is above the map */
        max-height: 40%; /* Limit the height of the card list */
        padding: 10px;
        margin-bottom: 40px;
        gap: 16px;
    }

    .find-dealer-dealer-list-tablet .find-dealer-dealer-card {
        flex: 0 0 auto; /* Prevents cards from shrinking or growing */
        width: 336px; /* Fixed width for each card */
        scroll-snap-align: start; /* Aligns the start of each card with the container */
        padding: 16px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }

    .find-dealer-search-section {
        width: 100%;
    }

    .find-dealer-dealer-list {
        padding-top: 24px;
    }

    .find-dealer-controls-small-tablet {
        position: absolute;
        top: 238px;
        left: 0;
        width: 100%;
        background-color: transparent;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        padding: 24px 40px;
    }

    .find-dealer-controls-small.isfilter {
        justify-content: space-between;
    }

    .find-dealer-controls-small.nofilter {
        justify-content: flex-end;
    }

    .icon-hyundai-doty-en,
    .icon-hyundai-doty-fr {
        margin-left: 20px;
    }

    .find-dealer-controls-large {
        display: none;
    }

    .find-dealer-search-suggentions .auto-complete__predictions__list {
        width: 100%;
    }

    .find-dealer-filter-overlay,
    .find-dealer-details-overlay {
        position: fixed;
        z-index: 6;
    }

    .servicemodal-dealer-hours-service{
        padding-bottom: 80px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .find-dealer-container {
        flex-direction: column;
    }

    .find-dealer-controls-small {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0;
    }

    .find-dealer-controls-small.isfilter {
        justify-content: space-between;
    }

    .find-dealer-controls-small.nofilter {
        justify-content: flex-end;
    }

    .find-dealer-controls-large {
        display: none;
    }

    .find-dealer-list-view {
        width: 100%;
        height: auto;
    }

    .find-dealer-details-content,
    .find-dealer-filter-content {
        width: 100%;
        max-width: none;
    }

    .find-dealer-details-content-map{
        display: none;
    }

    .find-dealer-filter-content .serivcemodal-CTA-block {
        bottom: 50px;
    }

    .find-dealer-search-section {
        max-width: none;
    }

    .find-dealer-dealer-list {
        padding-top: 24px;
    }

    .serivcemodal-CTA-block {
        width: 92%;
    }

    .serivcemodal-CTA-block a {
        flex-grow: 1;
        display: flex;
    }

    .pac-container {
        top: 250px !important;
    }

    .find-dealer-search-suggentions .auto-complete__predictions__list {
        width: 100%;
    }

    .servicemodal-map-wrapper{
        width: 100%;
        height: 180px;
        margin: 16px 0 24px;
        display: block;
    }

    .find-dealer-details-content .accordion {
        max-width: none;
    }

    .find-dealer-dealer-list-tablet .find-dealer-error-notification {
        width: 85%;
    }

    .gmnoprint {
        bottom: 125px !important;
        top: auto !important;
    }

    .gm-bundled-control-on-bottom {
        bottom: 225px !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    .find-dealer {
        height: auto;
    }

    .find-dealer-container {
        flex-direction: column;
        padding: 16px;
    }

    .find-dealer-controls-small {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0;
    }

    .find-dealer-search-heading {
        display: none;
    }

    .find-dealer-controls-small.isfilter {
        justify-content: space-between;
    }

    .find-dealer-controls-small.nofilter {
        justify-content: flex-end;
    }

    .find-dealer-controls-large {
        display: none;
    }

    .find-dealer-list-view {
        width: 100%;
        min-width: auto;
        height: auto;
    }

    .find-dealer-details-content,
    .find-dealer-filter-content {
        width: 100%;
        max-width: none;
        padding: 16px;
    }

    .find-dealer-details-content-map{
        display: none;
    }

    .find-dealer-search-section {
        max-width: none;
        padding: 0;
    }

    .find-dealer-dealer-list {
        gap: 12px;
        padding-top: 16px;
    }

    .find-dealer-container-tablet {
        top: -285px;
    }

    .find-dealer-container-tablet.fr {
        top: -265px;
    }

    .pac-container {
        width: 343px !important;
        top: 190px !important;
        left: 15px !important;
    }

    .serivcemodal-CTA-block{
        width: 92%;
        min-width: auto;
    }

    .find-dealer-toggle-btn {
        width: 152px;
        height: 38px;
    }
    
    .find-dealer-modal-back, .find-dealer-filter-back{
        padding: 12px 0;
    }

    .servicemodal-header{
        margin-top: 12px;
        font-size: 28px;
        line-height: 128.571%;
    }
    
    .servicemodal-address,
    .servicemodal-address-wrapper a,
    .servicemodal-acc-heading,
    .servicemodal-acc-status-green,
    .servicemodal-acc-status-red,
    .next {
        font-size: 14px;
        line-height: 128.571%;
    }

    .accordion-content{
        margin-top: 4px;
    }

    .servicemodal-dealer-hour-list-sales,
    .servicemodal-dealer-hour-list-service {
        gap: 4px;
    }

    .servicemodal-dealer-hour-list-sales li,
    .servicemodal-dealer-hour-list-service li {
        font-size: 14px;
        line-height: 128.571%;
    }

    .find-dealer-details-content .accordion-header { 
        padding: 8px 0;
    }

    .servicemodal-border-wrapper{
        margin: 14px 0;
        border-top: none;
    }

    .servicemodal-map-wrapper{
        width: 100%;
        height: 180px;
        margin: 12px 0 16px;
        display: block;
    }

    .find-dealer-filter-label {
        padding: 12px;
    }

    .find-dealer-filter-label input[type="checkbox"] {
        margin-right: 4px;
    }

    .filter-category-heading {
        padding: 12px 0;
    }

    .find-dealer-filter-overlay,
    .find-dealer-details-overlay {
        position: fixed;
        z-index: 9;
        top: 0 !important;
    }

    .find-dealer-dealer-list-tablet .find-dealer-error-notification {
        width: 85%;
    }

    .find-dealer-error-notification {
        padding: 16px 12px;
    }
    
    .servicemodal-dealer-hours-service{
        padding-bottom: 120px;
    }

    .find-dealer-filter-content .serivcemodal-CTA-block {
        position: fixed;
    }

    .gmnoprint {
        bottom: 125px !important;
        top: auto !important;
    }

    .gm-bundled-control-on-bottom {
        bottom: 225px !important;
        top: auto !important;
    }
}

.closed {
    color: #5D5D5C !important;
}

.servicemodal-address .icon-copyS16,
.servicemodal-address .icon-copyS16::before {
    font-size: 16px;
    height: 24px;
    width: 24px;
    margin-left: 4px;
    padding: 2px;
    position: absolute;
    top: 11px
}

.servicemodal-address .copy-success-msg {
    position: relative;
    left: 45px;
}

@media (max-width: 767px) and (min-width: 430px) {
    .find-dealer-container-tablet {
        top: -280px;
    }

    .find-dealer-container-tablet.fr {
        top: -240px;
    }
}

@media (max-width: 375px) {
    .serivcemodal-CTA-block {
        flex-direction: column;
        align-items: center;
    }

    .serivcemodal-CTA-block a {
        width: 100%;
    }

    .serivcemodal-CTA-block .btn-secondary,
    .serivcemodal-CTA-block .btn-primary {
        max-width: none;
        width: 100%;
    }
}