@font-face {font-family: "fordBold";src: url("https://ford2024.e5.ix.co.za/Content/Layout/Ford/2025/font/FordF-1-Bold.woff") format("woff");font-weight: 700;font-style: normal;font-display: swap;}
@font-face {font-family: "fordReg";src: url("https://ford2024.e5.ix.co.za/Content/Layout/Ford/2025/font/FordF-1-Regular.woff")format("woff");font-weight: 400;font-style: normal;font-display: swap;}
.kiaBrand {--brand-primary: #05141f;--brand-secondary: #1f2c35;}
.hyundaiBrand {--brand-primary: #002c5f;--brand-secondary: #00add6;}
.mahindraBrand {--brand-primary: #000;--brand-secondary: #e31837;}
.toyotaBrand {--brand-primary: #282830;--brand-secondary: #d1021e;}
.fordBrand {--brand-primary: #066fef;--brand-secondary: #00095b;--brand-dark: #00142e;--brand-nav: #5e5e5e;--brand-header: #fff;}
.nissanBrand {--brand-primary: #000;--brand-secondary: #c3002f;}
.mazdaBrand {--brand-primary: #041428;--brand-secondary: #910a2d;}
.kiaBrand,
.hyundaiBrand,
.mahindraBrand,
.toyotaBrand,
.fordBrand,
.nissanBrand,
.mazdaBrand {color: #3c4650;border-top: 1px solid;}
.brandHeader {width: 100%;padding: 15px 0;}
.brandHeader.sticky {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999999;background: #fff;color: #fff;transition: 0.3s ease-in-out;}
.brandHeader > .container {padding: 0 5rem;}
.brandHeader a {font-size: 16px;}
.brandSection .ourDealers .card,
.brandSection a {color: #000;}
.brandSection .brand-links {display: flex;align-items: center;}
.brandSection .brand-links a {color: var(--brand-primary);font-weight: 400;margin: 0 20px;}
.brandSection .brand-links a:last-child {margin-right: 0;}
.brandSection .brand-links a:hover {color: var(--brand-secondary);}
.brandSection .brand-links a {margin-right: 1rem !important;}
.kiaLogo,
.hyundaiLogo,
.mahindraLogo,
.toyotaLogo,
.nissanLogo,
.mazdaLogo {display: flex;align-items: center;max-width: 100%;margin-right: 30px;}
.hyundaiLogo img {max-width: 170px;}
.mahindraLogo img {width: 100%;max-width: 120px;}
.nissanLogo img {width: 100px;}
.fordLogo {height: 4.3rem;margin-right: 3rem;}
.fordLogo img {height: 100%;}
.kiaBrand h1,
.kiaBrand h2,
.kiaBrand h3,
.kiaBrand h4,
.kiaBrand h5,
.kiaBrand h6,
.hyundaiBrand h1,
.hyundaiBrand h2,
.hyundaiBrand h3,
.hyundaiBrand h4,
.hyundaiBrand h5,
.hyundaiBrand h6,
.mahindraBrand h1,
.mahindraBrand h2,
.mahindraBrand h3,
.mahindraBrand h4,
.mahindraBrand h5,
.mahindraBrand h6,
.toyotaBrand h1,
.toyotaBrand h2,
.toyotaBrand h3,
.toyotaBrand h4,
.toyotaBrand h5,
.toyotaBrand h6,
.fordBrand h1,
.fordBrand h2,
.fordBrand h3,
.fordBrand h4,
.fordBrand h5,
.fordBrand h6,
.nissanBrand h1,
.nissanBrand h2,
.nissanBrand h3,
.nissanBrand h4,
.nissanBrand h5,
.nissanBrand h6,
.mazdaBrand h1,
.mazdaBrand h2,
.mazdaBrand h3,
.mazdaBrand h4,
.mazdaBrand h5,
.mazdaBrand h6 {text-transform: unset;}
.brandSection .new-model-navigation .nav-tabs {width: max-content;margin: 0 auto;border: 0;}
.brandSection .new-model-navigation .nav-tabs {display: flex;justify-content: center;list-style: none;gap: 1%;padding: 10px 0;}
.brandSection .nav-tabs .nav-link {min-width: 100px;text-align: center;color: #fff;border-radius: 0;}
.brandSection .nav-tabs .nav-link.active {color: #000;background-color: #fff;border-color: #5b5b5b;border-radius: 0;}
.brandSection .nav-tabs .nav-link:hover {color: #000;background-color: #ebebeb;border-radius: 0;}
.brandSection .new-model-shape.tab-pane.active.border.d-inline-block.my-3,
.brandSection .new-model-shape.tab-pane.border.my-3.active {width: 100%;margin: 4rem 0 0 !important;border: 0 !important;}
.active.new-model-shape.tab-pane:before {display: block;width: 100%;left: 0 !important;text-align: center;}
.brandSection .new-model-shape.tab-pane:before {font-size: 1.5rem;}
.new-model-shape .d-flex.flex-wrap {justify-content: center;}
.brandSection a.nms-model-link h5,
.brandSection a.nms-model-link p {color: var(--brand-primary) !important;}
.brandSection .nms-wishlist-icon-item {color: var(--brand-primary) !important;}
.brandSection .divider-brand {position: relative;display: flex;align-items: center;justify-content: center;padding: 0.5rem 0;}
.brandSection .divider-brand::before,
.brandSection .divider-brand::after {content: "";position: absolute;top: 50%;width: 44%;height: 2px;background: var(--brand-primary);}
.brandSection .divider-brand::before {left: 0;}
.brandSection .divider-brand::after {right: 0;}
.kiaBrand .btn,
.hyundaiBrand .btn,
.mahindraBrand .btn,
.toyotaBrand .btn,
.fordBrand .btn,
.nissanBrand .btn,
.mazdaBrand .btn {box-shadow: none !important;border-radius: 0;}
.kiaBrand .btn-primary,
.hyundaiBrand .btn-primary,
.mahindraBrand .btn-primary,
.toyotaBrand .btn-primary,
.fordBrand .btn-primary,
.nissanBrand .btn-primary,
.mazdaBrand .btn-primary,

.kiaBrand .btn-danger,
.hyundaiBrand .btn-danger,
.mahindraBrand .btn-danger,
.toyotaBrand .btn-danger,
.fordBrand .btn-danger,
.nissanBrand .btn-danger,
.mazdaBrand .btn-danger {color: #fff;background-color: var(--brand-primary);border-color: var(--brand-primary);}
.kiaBrand .btn-secondary,
.hyundaiBrand .btn-secondary,
.mahindraBrand .btn-secondary,
.toyotaBrand .btn-secondary,
.fordBrand .btn-secondary,
.nissanBrand .btn-secondary,
.mazdaBrand .btn-secondary {color: #fff;background-color: var(--brand-secondary);border-color: var(--brand-secondary);}
.kiaBrand .btn-primary:hover,
.hyundaiBrand .btn-primary:hover,
.mahindraBrand .btn-primary:hover,
.toyotaBrand .btn-primary:hover,
.fordBrand .btn-primary:hover,
.nissanBrand .btn-primary:hover,
.mazdaBrand .btn-primary:hover {color: #fff;background-color: var(--brand-secondary);border-color: var(--brand-secondary);}
.kiaBrand .btn-secondary:hover,
.hyundaiBrand .btn-secondary:hover,
.mahindraBrand .btn-secondary:hover,
.toyotaBrand .btn-secondary:hover,
.fordBrand .btn-secondary:hover,
.nissanBrand .btn-secondary:hover,
.mazdaBrand .btn-secondary:hover {color: #fff;background-color: var(--brand-primary);border-color: var(--brand-primary);}
.kiaBrand .btn-danger:hover,
.hyundaiBrand .btn-danger:hover,
.mahindraBrand .btn-danger:hover,
.toyotaBrand .btn-danger:hover,
.fordBrand .btn-danger:hover,
.nissanBrand .btn-danger:hover,
.mazdaBrand .btn-danger:hover {color: var(--brand-primary);background-color: transparent;border-color: var(--brand-primary);}
.kiaBrand .btn-outline-dark,
.kiaBrand .btn-outline-info,
.hyundaiBrand .btn-outline-dark,
.hyundaiBrand .btn-outline-info,
.mahindraBrand .btn-outline-dark,
.mahindraBrand .btn-outline-info,
.toyotaBrand .btn-outline-dark,
.toyotaBrand .btn-outline-info,
.fordBrand .btn-outline-dark,
.fordBrand .btn-outline-info,
.nissanBrand .btn-outline-dark,
.nissanBrand .btn-outline-info,
.mazdaBrand .btn-outline-dark,
.mazdaBrand .btn-outline-info {color: var(--brand-primary);border-color: var(--brand-primary);}
.kiaBrand .btn-outline-dark:hover,
.kiaBrand .btn-outline-info:hover,
.hyundaiBrand .btn-outline-dark:hover,
.hyundaiBrand .btn-outline-info:hover,
.mahindraBrand .btn-outline-dark:hover,
.mahindraBrand .btn-outline-info:hover,
.toyotaBrand .btn-outline-dark:hover,
.toyotaBrand .btn-outline-info:hover,
.fordBrand .btn-outline-dark:hover,
.fordBrand .btn-outline-info:hover,
.nissanBrand .btn-outline-dark:hover,
.nissanBrand .btn-outline-info:hover,
.mazdaBrand .btn-outline-dark:hover,
.mazdaBrand .btn-outline-info:hover {color: #fff;background-color: var(--brand-primary);border-color: var(--brand-primary);}
.kiaBrand .page-item.active .page-link,
.hyundaiBrand .page-item.active .page-link,
.mahindraBrand .page-item.active .page-link,
.toyotaBrand .page-item.active .page-link,
.fordBrand .page-item.active .page-link,
.nissanBrand .page-item.active .page-link,
.mazdaBrand .page-item.active .page-link {background-color: var(--brand-primary);border-color: var(--brand-primary);}
.kiaBrand .page-link,
.hyundaiBrand .page-link,
.mahindraBrand .page-link,
.toyotaBrand .page-link,
.fordBrand .page-link,
.nissanBrand .page-link,
.mazdaBrand .page-link {color: #212121;}
.kiaBrand .text-primary,
.kiaBrand .text-danger,
.hyundaiBrand .text-primary,
.hyundaiBrand .text-danger,
.mahindraBrand .text-primary,
.mahindraBrand .text-danger,
.toyotaBrand .text-primary,
.toyotaBrand .text-danger,
.fordBrand .text-primary,
.fordBrand .text-danger,
.nissanBrand .text-primary,
.nissanBrand .text-danger,
.mazdaBrand .text-primary,
.mazdaBrand .text-danger {color: var(--brand-primary) !important;}
.kiaBrand .border-primary,
.hyundaiBrand .border-primary,
.mahindraBrand .border-primary,
.toyotaBrand .border-primary,
.fordBrand .border-primary,
.nissanBrand .border-primary,
.mazdaBrand .border-primary {border-color: var(--brand-primary) !important;}
.kiaBrand .bg-secondary,
.hyundaiBrand .bg-secondary,
.mahindraBrand .bg-secondary,
.toyotaBrand .bg-secondary,
.fordBrand .bg-secondary,
.nissanBrand .bg-secondary,
.mazdaBrand .bg-secondary {background-color: var(--brand-secondary) !important;}
.kiaBrand .ourDealers,
.hyundaiBrand .ourDealers,
.mahindraBrand .ourDealers,
.toyotaBrand .ourDealers,
.fordBrand .ourDealers,
.nissanBrand .ourDealers,
.mazdaBrand .ourDealers {color: #fff;background-color: var(--brand-primary);}
.brandSection .ourDealers .card {color: #000;}
.kiaBrand .select2-container,
.hyundaiBrand .select2-container,
.mahindraBrand .select2-container,
.toyotaBrand .select2-container,
.fordBrand .select2-container,
.nissanBrand .select2-container,
.mazdaBrand .select2-container {display: block;}
.kiaBrand .article-widget .card-body,
.hyundaiBrand .article-widget .card-body,
.mahindraBrand .article-widget .card-body,
.toyotaBrand .article-widget .card-body,
.fordBrand .article-widget .card-body,
.nissanBrand .article-widget .card-body,
.mazdaBrand .article-widget .card-body {padding-left: 0;}
.kiaBrand #vehicleBar_FinanceButton .btn.btn-primary,
.hyundaiBrand #vehicleBar_FinanceButton .btn.btn-primary,
.mahindraBrand #vehicleBar_FinanceButton .btn.btn-primary,
.toyotaBrand #vehicleBar_FinanceButton .btn.btn-primary,
.fordBrand #vehicleBar_FinanceButton .btn.btn-primary,
.nissanBrand #vehicleBar_FinanceButton .btn.btn-primary,
.mazdaBrand #vehicleBar_FinanceButton .btn.btn-primary {padding: 4.9px !important;margin-left: 0.05rem;}
.brandInner .btn {font-family: unset;}
#new-model-list-NewModels div#ThisWeekTile {color: unset;border: unset;padding: unset;background: unset;}
.img-social-icons h4 {font-size: 1.2rem;font-weight: unset;}
.mazdaHeader {background-color: var(--brand-primary) !important;}
.mazdaHeader .brand-links a {margin: 0 0 0 1rem;color: #fff;}
.mazdaHeader .brand-links a:hover {border-bottom: 2px solid var(--brand-secondary);}
.mazdaBrand div#dealers div#dealer-list-grid .btn,
.mazdaBrand div#dealers div#dealer-list-grid .btn-primary:not(:disabled):not(.disabled):active,
.mazdaBrand .nav-tabs .nav-item {margin: 0 0.1rem;background-color: var(--brand-secondary);border: 1px solid var(--brand-secondary);border-radius: 0.2rem;}
.mazdaBrand .border-primary {border-color: var(--brand-secondary) !important;}
.mazdaBrand .nms-wishlist-icon-item,
.mazdaBrand .text-primary {color: var(--brand-secondary) !important;}
.mazdaBrand .btn-danger,
.mazdaBrand .btn-danger:not(:disabled):not(.disabled):active,
.mazdaBrand .btn-primary,
.mazdaBrand .btn-primary:not(:disabled):not(.disabled):active,
.mazdaBrand .btn-secondary:hover {color: #fff;background-color: var(--brand-secondary);border-color: var(--brand-secondary);}
.mazdaBrand.brandSection .btn {border-radius: 0.2rem;}
.fordHeader {padding: 0;background-color: var(--brand-header);box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px,rgba(0, 0, 0, 0.3) 0 8px 16px -8px;}
.fordHeader .brand-links {display: flex;align-items: center;}
.fordHeader .brand-links a {display: flex;align-items: center;height: 56px;margin: 0 0 0 2rem;color: var(--brand-secondary);border-bottom: 3px solid transparent;font-family: "fordBold";font-size: 16px;}
.fordHeader .brand-links a:hover {border-color: var(--brand-secondary);}
section.fordBrand.brandSection {font-family: "fordReg";}
.fordBrand .nav-tabs ul {display: flex;justify-content: center;gap: 1%;list-style: none;padding: 10px 0;}
.fordBrand .nav-tabs .nav-item a {flex-grow: 1;padding: 10px 0;color: var(--brand-nav);border: 0 !important;border-bottom: 4px solid var(--brand-nav) !important;cursor: pointer;text-align: center;font-family: "fordReg";font-size: 16px;letter-spacing: -0.0625rem;line-height: 2.75rem;transition: border-bottom-width 0.2s ease-in-out;}
.fordBrand .nav-tabs .nav-item a.active {color: var(--brand-primary) !important;border: 0 !important;border-bottom: 4px solid var(--brand-primary) !important;}
.fordBrand .new-model-navigation .nav-tabs {display: flex;justify-content: center;flex-wrap: nowrap;width: 100%;gap: 1%;margin: 0;padding: 10px 0;list-style: none;}
.fordBrand .active.new-model-shape.tab-pane:before,
.fordBrand .nms-model-link h5.card-title.text-center.mb-1,
.fordBrand .nms-model-link p.text-center {color: var(--brand-secondary);}
.fordBrand .nms-wishlist-icon-item,
.fordBrand .text-danger,
.fordBrand .text-primary {color: var(--brand-primary) !important;}
.fordBrand .btn-danger,
.fordBrand .btn-danger:not(:disabled):not(.disabled):active,
.fordBrand .btn-info:hover,
.fordBrand .btn-primary,
.fordBrand .btn-primary:not(:disabled):not(.disabled):active {color: #fff;background-color: var(--brand-primary);border-color: var(--brand-primary);}
.fordBrand .btn-info,
.fordBrand .btn-info:not(:disabled):not(.disabled):active,
.fordBrand .btn-primary:hover,
.fordBrand .btn-secondary,
.fordBrand .btn-secondary:not(:disabled):not(.disabled):active {color: var(--brand-primary);background-color: transparent;border-color: var(--brand-primary);}
.fordBrand .img-social-icons,
.fordBrand .ourDealers {background-color: var(--brand-dark) !important;}
.fordBrand .img-social-icons {background-color: var(--brand-secondary) !important;}
.kiaHeader.brandHeader {padding: 25px;background-color: var(--brand-primary) !important;}
.kiaHeader.brandHeader > .container {justify-content: space-between;}
.kiaHeader.brandHeader .brand-links a {color: #fff;}
.mahindraHeader.brandHeader {padding: 12px 0;background-color: #000;}
.mahindraHeader .brand-links a {color: #fff;}
.toyotaHeader.brandHeader.sticky {background: rgba(255, 255, 255, 0.8);}
section.brandSection.contactDealerCopy .cust-btn-primary {margin-top: 1rem;}

@media (max-width: 1160px) {
.brandSection .brand-links {width: 100%;justify-content: center;text-align: center;}
.kiaLogo,
    .hyundaiLogo,
    .mahindraLogo,
    .toyotaLogo,
    .fordLogo,
    .nissanLogo,
    .mazdaLogo {width: 100%;justify-content: center;margin-bottom: 16px;}}

@media (max-width: 768px) {

.brandSection .brand-links {margin-top: 1rem;}
.brandSection .brand-links a {padding: 0 10px;}
.brandHeader > .container {padding: 0 1.5rem;}
.fordHeader .brand-links a {margin-left: 1rem;}
.fordBrand .new-model-navigation .nav-tabs {overflow-x: auto;}}

@media (max-width: 480px) {
.brandHeader .brand-links {flex-wrap: wrap;margin-top: 0;}
.fordLogo {margin-right: 0;}
.fordHeader .brand-links a {height: unset;}
.brandSection .brand-links a {margin: .5rem;padding: 0;}
.kiaLogo,
    .hyundaiLogo,
    .mahindraLogo,
    .toyotaLogo,
    .fordLogo,
    .nissanLogo,
    .mazdaLogo {margin-bottom: 16px;}
.brandSection h1 {font-size: 2rem;}
.brandHeader > .container {padding: 0 1rem;}
.fordHeader .brand-links a {margin-left: 0.75rem;font-size: 14px;}}
section.brandSection h1 {font-family: 'lato-regular';}
section.fordBrand.brandSection h1 {color: var(--brand-secondary);}
section.brandSection h1 span.highlight {font-family: 'fordBold';}
.brandSection  .new-model-shape.tab-pane p.text-center {font-family: unset;font-weight: unset;}
.brandSection a.nms-model-link h5 {font-family: unset !important;font-weight: bold;}
section.kiaBrand.brandSection .custom-control-input:checked ~ .custom-control-label::before {background-color: var(--brand-primary);border-color: var(--brand-primary);color: var(--white);}
section.kiaBrand.brandSection .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--brand-primary);}
.nissanHeader.brandHeader, .hyundaiHeader.brandHeader, .toyotaHeader.brandHeader {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.contactDealerCopy {--bg: #0d0e11;--surface: #14161b;--surface-2: #1b1e25;--line: rgba(255, 255, 255, .09);--text: #eceef2;--muted: #a3a9b4;--acc: #0142bd;--acc-l: #7fa6ff;--acc-btn: #0142bd;--acc-on: #fff;--glow: rgba(1, 66, 189, .35);--gap: 32px;--pad: 40px;}
.contactDealerCopy .innerBanner .cust-btn-primary,
.contactDealerCopy .innerBanner .cust-btn-primary:visited {background: var(--acc-btn) !important;background-color: var(--acc-btn) !important;border-color: var(--acc-btn) !important;color: var(--acc-on) !important;transition: filter .2s;}
.contactDealerCopy .innerBanner .cust-btn-primary:hover {filter: brightness(1.18);color: var(--acc-on) !important;}
.contactDealerCopy .innerBanner .cust-btn-primary::before,
.contactDealerCopy .innerBanner .cust-btn-primary::after {background: var(--acc-btn) !important;border-color: var(--acc-btn) !important;}
.contactDealerCopy .contactInfo {background: radial-gradient(1000px 360px at 50% -100px, var(--glow), transparent 70%),
    var(--bg);color: var(--text);padding: clamp(48px, 7vw, 104px) clamp(16px, 4vw, 48px);border-top: 3px solid var(--acc-btn);}
.contactDealerCopy .contactInfo .mapSection {margin: 0 auto;}
.contactDealerCopy .contactInfo .mapSection > .row {display: flex;flex-wrap: nowrap;gap: var(--gap);align-items: stretch;margin: 0 !important;}
.contactDealerCopy .contactInfo .mapSection > .row > br {display: none;}
.contactDealerCopy .contactInfo .mapSection > .row > div {flex: 1 1 0;max-width: none;width: auto;min-width: 0;margin: 0 !important;padding: 0 !important;background: var(--surface);border: 1px solid var(--line);border-radius: 20px;overflow: hidden;box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .9);}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(3) {flex-grow: 1.15;padding: var(--pad) !important;}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(1) {display: flex;flex-direction: column;}
.contactDealerCopy #widget-contactinfo-Contact {flex: 1 1 auto;display: flex;flex-direction: column;height: 100%;}
.contactDealerCopy #widget-contactinfo-Contact > .d-flex {flex: 1 1 auto;flex-direction: column !important;flex-wrap: nowrap !important;}
.contactDealerCopy #widget-contactinfo-Contact .card {flex: 1 1 0 !important;max-width: 100% !important;width: 100% !important;display: flex;justify-content: center;background: transparent;text-align: left !important;position: relative;}
.contactDealerCopy #widget-contactinfo-Contact .card + .card::before {content: "";position: absolute;left: var(--pad);right: var(--pad);top: 0;height: 1px;background: var(--line);}
.contactDealerCopy #widget-contactinfo-Contact .card-body {flex: 0 1 auto;padding: 36px var(--pad) 36px calc(var(--pad) + 68px);position: relative;display: flex;flex-direction: column;justify-content: center;}
.contactDealerCopy #widget-contactinfo-Contact .card-title:first-child {position: absolute;left: var(--pad);top: 36px;width: 52px;height: 52px;margin: 0 !important;display: grid;place-items: center;border-radius: 14px;background: color-mix(in srgb, var(--acc) 38%, transparent);border: 1px solid color-mix(in srgb, var(--acc-l) 40%, transparent);font-size: 18px;}
.contactDealerCopy #widget-contactinfo-Contact .card-title:first-child i {color: var(--acc-l);}
.contactDealerCopy #widget-contactinfo-Contact .card-title.text-uppercase {color: #fff;font-size: 16px;margin-bottom: 14px !important;}
.contactDealerCopy #widget-contactinfo-Contact p {color: var(--muted);font-size: 15px;line-height: 1.6;margin: 0 0 10px;word-break: break-word;}
.contactDealerCopy #widget-contactinfo-Contact p:last-child {margin-bottom: 0;}
.contactDealerCopy #widget-contactinfo-Contact a {color: var(--text);text-decoration: none;border-bottom: 1px solid color-mix(in srgb, var(--acc-l) 55%, transparent);}
.contactDealerCopy #widget-contactinfo-Contact a:hover {color: var(--acc-l);}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(2) {display: flex;flex-direction: column;}
.contactDealerCopy .contactInfo iframe {display: block;width: 100%;flex: 1 1 auto;min-height: 420px;border: 0;filter: invert(92%) hue-rotate(180deg) saturate(.7) brightness(.9) contrast(.95);}
.contactDealerCopy .contact-socials {display: grid !important;grid-template-columns: repeat(4, 1fr);padding: 0 !important;margin: 0;flex: 0 0 auto;border-top: 1px solid var(--line);}
.contactDealerCopy .contact-socials .social-icon {background: var(--surface-2) !important;color: var(--text) !important;min-height: 112px;display: flex;align-items: center;justify-content: center;text-align: center;text-decoration: none;position: relative;transition: background .2s;border-right: 1px solid var(--line);}
.contactDealerCopy .contact-socials .social-icon:last-child {border-right: 0;}
.contactDealerCopy .contact-socials .social-icon span {background: transparent !important;color: inherit !important;display: block;}
.contactDealerCopy .contact-socials .social-icon i {display: flex;flex-direction: column;align-items: center;gap: 10px;background: transparent !important;color: inherit !important;font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", var(--ui-font, system-ui, sans-serif);font-style: normal;font-weight: 400;font-size: 16px;line-height: 1.25;}
.contactDealerCopy .contact-socials .social-icon i::before {font-size: 40px;line-height: 1;color: var(--acc-l);}
.contactDealerCopy .contact-socials .facebook i::before {color: #1877f2;}
.contactDealerCopy .contact-socials .whatsapp-chat i::before,
.contactDealerCopy .contact-socials .whatsapp-save i::before {color: #25d366;}
.contactDealerCopy .contact-socials .instagram i::before {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.contactDealerCopy .contact-socials .social-icon::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: var(--acc-btn);transform: scaleX(0);transform-origin: left;transition: transform .25s;}
.contactDealerCopy .contact-socials .social-icon:hover {background: color-mix(in srgb, var(--acc) 30%, var(--surface-2)) !important;color: #fff !important;}
.contactDealerCopy .contact-socials .social-icon:hover::after {transform: scaleX(1);}
.contactDealerCopy .contactInfo .form-group {margin-bottom: 18px;}
.contactDealerCopy .contactInfo .form-control {background: var(--surface-2);color: var(--text);border: 1px solid var(--line);border-radius: 12px;box-shadow: none;}
.contactDealerCopy .contactInfo .form-control::placeholder {color: transparent;}
.contactDealerCopy .contactInfo .form-control:focus {background: var(--surface-2);color: #fff;border-color: var(--acc-l);box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 45%, transparent);outline: 0;}
.contactDealerCopy .contactInfo .col-form-label-sm {color: var(--muted);}
.contactDealerCopy .contactInfo .fa-star.text-danger {color: var(--acc-l) !important;}
.contactDealerCopy .contactInfo .fw-label,
.contactDealerCopy .contactInfo .fw-label p {color: var(--muted);font-size: 13px;line-height: 1.7;}
.contactDealerCopy .contactInfo .fw-label a {color: var(--acc-l);}
.contactDealerCopy .contactInfo .fw-label {display: block;margin-top: 4px;}
.contactDealerCopy .contactInfo .custom-control-label {color: var(--text);font-size: 14px;}
.contactDealerCopy .contactInfo .custom-control-label::before {background: var(--surface-2);border: 1px solid rgba(255, 255, 255, .25);border-radius: 5px;}
.contactDealerCopy .contactInfo .custom-control-input:checked ~ .custom-control-label::before {background: var(--acc-btn);border-color: var(--acc-btn);}
.contactDealerCopy .contactInfo .custom-control-input[data-acc-dark="1"]:checked ~ .custom-control-label::after {filter: invert(1);}
.contactDealerCopy .contactInfo .btn-primary,
.contactDealerCopy .contactInfo .fw-submit-button {background: var(--acc-btn);border-color: var(--acc-btn);color: var(--acc-on);border-radius: 10px;padding: 12px 30px;font-weight: 600;transition: filter .2s, transform .15s;}
.contactDealerCopy .contactInfo .btn-primary:hover {filter: brightness(1.15);transform: translateY(-1px);color: var(--acc-on);background: var(--acc-btn);}
.contactDealerCopy .contactInfo .fw-reset-button {background: transparent;color: var(--muted);border: 1px solid var(--line);border-radius: 10px;padding: 12px 24px;}
.contactDealerCopy .contactInfo .fw-reset-button:hover {color: #fff;border-color: var(--acc-l);background: transparent;}
.contactDealerCopy .contactInfo .btn-info {background: transparent;color: var(--acc-l);border: 1px solid color-mix(in srgb, var(--acc-l) 55%, transparent);border-radius: 8px;}
.contactDealerCopy .contactInfo .btn-info:hover {background: var(--acc-btn);color: var(--acc-on);}

@media (max-width: 1199.98px) {
.contactDealerCopy {--gap: 24px;--pad: 32px;}
.contactDealerCopy .contactInfo .mapSection > .row {flex-wrap: wrap;}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(1),
  .contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(2) {flex: 1 1 calc(50% - var(--gap));}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(3) {flex: 1 1 100%;}}

@media (max-width: 767.98px) {
.contactDealerCopy {--gap: 20px;--pad: 22px;}
.contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(1),
  .contactDealerCopy .contactInfo .mapSection > .row > div:nth-of-type(2) {flex: 1 1 100%;}
.contactDealerCopy #widget-contactinfo-Contact .card {flex: 0 0 auto !important;}
.contactDealerCopy #widget-contactinfo-Contact .card-body {padding: 26px var(--pad) 26px calc(var(--pad) + 62px);}
.contactDealerCopy #widget-contactinfo-Contact .card-title:first-child {top: 26px;width: 46px;height: 46px;}
.contactDealerCopy .contactInfo iframe {min-height: 320px;}
.contactDealerCopy .contact-socials {grid-template-columns: repeat(2, 1fr);}
.contactDealerCopy .contact-socials .social-icon:nth-child(2) {border-right: 0;}
.contactDealerCopy .contact-socials .social-icon:nth-child(-n+2) {border-bottom: 1px solid var(--line);}
.contactDealerCopy .contactInfo .fw-submit-button,
  .contactDealerCopy .contactInfo .fw-reset-button {width: 100%;margin: 0 0 10px !important;}}
section.fordBrand.brandSection .ourDealers h1 {color: var(--white);}
i.fas.fa-heart.fa-stack-2x {color: var(--brand-secondary);}