.justify-between[data-v-3ba850d9]{justify-content:space-between}.items-center[data-v-3ba850d9]{align-items:center}.gap-6[data-v-3ba850d9]{gap:calc(var(--spacing)*6)}.gap-2rem[data-v-3ba850d9]{gap:2rem}.gap-2[data-v-3ba850d9]{gap:calc(var(--spacing)*2)}.pointer-events-none[data-v-3ba850d9]{pointer-events:none}.h-0[data-v-3ba850d9]{height:0}.mt-5[data-v-3ba850d9]{margin-top:calc(var(--spacing)*5)}.overflow-hidden[data-v-3ba850d9]{overflow:hidden}.relative[data-v-3ba850d9]{position:relative}nav[data-v-3ba850d9]{width:100%;max-width:100%;font-size:calc(var(--font-size-base)*.8);font-weight:var(--font-medium);padding-left:var(--page-margin);padding-block:.8rem;padding-right:calc(var(--spacing)*6 + var(--page-margin) + 8px);transition:font-size .3s}nav a[data-v-3ba850d9],nav li[data-v-3ba850d9],nav li button[data-v-3ba850d9]{color:var(--hasa-nav-text-white)}.navbar_links li[data-v-3ba850d9]{opacity:1;transition:opacity .2s}.navbar_links:hover li[data-v-3ba850d9]{opacity:.5}.navbar_links:hover li[data-v-3ba850d9]:hover{opacity:1}nav .hasa-button[data-v-3ba850d9]{min-height:fit-content;padding-block:.4em}.navbar_links[data-v-3ba850d9]{gap:calc(var(--spacing)*6);transition:gap .3s}.dropdown_menu_wrapper[data-v-3ba850d9]{z-index:50;width:fit-content;min-width:100%;height:auto;max-height:0;margin-top:1.15rem;transition:max-height .3s,background .4s linear,border-color .4s linear;position:absolute;top:100%;right:-.5rem;overflow:hidden;box-shadow:0 1px 5px .5px #0000001a}.dropdown_menu_wrapper.full_width_dropdown_menu_wrapper[data-v-3ba850d9]{justify-content:center;width:100%;max-height:0;margin-top:.05rem;display:flex;right:0}.full_width_dropdown_menu_container[data-v-3ba850d9]{width:100vw;min-width:300px;max-width:1044px;padding-inline:var(--page-margin);flex-direction:row;align-items:flex-start;gap:1rem;margin-top:.05rem;display:flex;right:0}.dropdown_menu[data-v-3ba850d9]{font-size:.7rem;font-weight:var(--font-regular);gap:10rem;transition:gap .5s ease-out,transform .5s ease-out;transform:translateY(100px)}.full_width_dropdown_menu_wrapper .dropdown_menu[data-v-3ba850d9]{padding-inline:0;width:calc(70% - 300px);padding-left:.5rem;position:relative}.full_width_dropdown_menu_wrapper .dropdown_menu li[data-v-3ba850d9]:first-of-type{font-size:.8rem;font-weight:var(--font-medium)}.full_width_dropdown_menu_wrapper .dropdown_menu:not(.quicklinks_dropdown_menu) li a[data-v-3ba850d9]{padding-block:.45rem}.full_width_dropdown_menu_wrapper ul.quicklinks_dropdown_menu[data-v-3ba850d9]{gap:calc(var(--spacing)*2);flex-direction:column;align-items:flex-start;width:30%;padding-inline:0;display:flex}.quicklinks_dropdown_menu li .hasa-button[data-v-3ba850d9]{text-align:center;place-content:center;width:40vw;max-width:300px;padding:.925em;display:flex}.banner-button[data-v-3ba850d9],.dropdown_menu_wrapper ul li .banner-button[data-v-3ba850d9]{color:var(--hasa-blue);background:#f7f7f7;flex-direction:column;align-items:center;gap:.25rem;transition:all .5s ease-out;display:flex}.banner-button>div[data-v-3ba850d9]{align-items:center;gap:.25rem;display:flex}.banner-button>div[data-v-3ba850d9]:first-of-type{font-size:.7rem;line-height:1em}.banner-button>div[data-v-3ba850d9]:last-of-type{font-size:1rem;font-weight:var(--font-mdeium);line-height:1em}.banner-button .icon[data-v-3ba850d9]{width:1rem;height:1rem}.banner-button[data-v-3ba850d9]:hover{color:var(--color-light);background:var(--hasa-blue)}.subnav-cover[data-v-3ba850d9]{width:100%;height:-moz-available;height:-webkit-fill-available;opacity:0;background-image:url(https://cdn1.hyundai.co.za/images/uploads/nav/nav-cover-f6ace00e7919e9cf.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:stretch;margin-block:1.25rem;padding-bottom:25%;transition:all .5s ease-out}.dropdown_menu_wrapper.is-open[data-v-3ba850d9]{max-height:40rem}.dropdown_menu_wrapper.is-open.full_width_dropdown_menu_wrapper[data-v-3ba850d9]{max-height:22rem}.dropdown_menu_wrapper.is-open .dropdown_menu[data-v-3ba850d9]{gap:0;transform:translateY(0)}.dropdown_menu_wrapper.is-open .quicklinks_dropdown_menu[data-v-3ba850d9]{gap:.75rem}.dropdown_menu_wrapper.is-open .subnav-cover[data-v-3ba850d9]{opacity:1}.dropdown_menu_wrapper ul[data-v-3ba850d9]{padding:1.25rem}.dropdown_menu_wrapper ul li a[data-v-3ba850d9]{padding:calc(var(--spacing)*2);width:max-content;display:inline-block}.dropdown_menu_wrapper a[data-v-3ba850d9],.dropdown_menu_wrapper li[data-v-3ba850d9]{opacity:0;flex-basis:100%;width:100%;transition:opacity .2s}.dropdown_menu_wrapper.is-open a[data-v-3ba850d9],.dropdown_menu_wrapper.is-open li[data-v-3ba850d9]{opacity:1}.dropdown-bg[data-v-3ba850d9]{top:0;left:calc(var(--spacing)*2);width:calc(100% - var(--spacing)*4);height:var(--dropdown-highlight-height,calc(var(--font-size-base) + var(--spacing)*2));opacity:var(--dropdown-highlight-opacity,0);z-index:-1;transform:translateY(var(--dropdown-highlight-y,0));background-color:#eee;transition:transform .25s,height .25s,opacity .2s;position:absolute}header.hovered .color-fill[data-v-3ba850d9] svg path,header:hover .color-fill[data-v-3ba850d9] svg path{fill:#002c5f}header.hovered .hamburger-button span[data-v-3ba850d9],header.hovered .mix-blend-difference a[data-v-3ba850d9]:not(.hasa-button),header.hovered .mix-blend-difference button[data-v-3ba850d9]:not(.hasa-button),header:hover .hamburger-button span[data-v-3ba850d9],header:hover .mix-blend-difference a[data-v-3ba850d9]:not(.hasa-button),header:hover .mix-blend-difference button[data-v-3ba850d9]:not(.hasa-button){color:#000000bf}header.hovered .mix-blend-difference[data-v-3ba850d9]:not(:has(.hasa-button)){color:#000000bf}header:hover .mix-blend-difference[data-v-3ba850d9]:not(:has(.hasa-button)){color:#000000bf}header.hovered .hamburger-button span[data-v-3ba850d9],header:hover .hamburger-button span[data-v-3ba850d9]{background:#5d5d5d}header.hovered .mix-blend-difference :not(.button-banner) .icon[data-v-3ba850d9] svg path,header:hover .mix-blend-difference :not(.button-banner) .icon[data-v-3ba850d9] svg path{stroke:#5d5d5d}header .color-fill[data-v-3ba850d9] svg path{transition:fill .2s}.hamburger-button[data-v-3ba850d9]{right:calc(var(--page-margin) - 8px);cursor:pointer;width:27px;height:24px;transition:all .5s ease-in-out}.hamburger-button[data-v-3ba850d9],.hamburger-button span[data-v-3ba850d9]{position:absolute;top:50%;transform:translateY(-50%)}.hamburger-button span[data-v-3ba850d9]{background:#fff;width:calc(100% - 12px);height:1.25px;transition:all .25s ease-out;display:block;left:6px}.hamburger-button span[data-v-3ba850d9]:first-child{top:calc(50% - 6px)}.hamburger-button span[data-v-3ba850d9]:last-child{top:calc(50% + 6px)}.hamburger-button.hamburger-button-close span[data-v-3ba850d9]{width:0;left:50%}.hamburger-button.hamburger-button-close span[data-v-3ba850d9]:first-child,.hamburger-button.hamburger-button-close span[data-v-3ba850d9]:last-child{width:calc(100% - 12px);top:50%;left:6px;transform:rotate(-45deg)}.hamburger-button.hamburger-button-close span[data-v-3ba850d9]:last-child{transform:rotate(45deg)}.dealership-home-button[data-v-3ba850d9],.dealership-location-button[data-v-3ba850d9]{color:var(--hasa-white)}.dealership-location-button .icon[data-v-3ba850d9] svg path{stroke:var(--hasa-white)}header.hovered .dealership-home-button[data-v-3ba850d9],header.hovered .dealership-location-button[data-v-3ba850d9],header:hover .dealership-home-button[data-v-3ba850d9],header:hover .dealership-location-button[data-v-3ba850d9]{color:var(--hasa-blue)}header.hovered .dealership-location-button .icon[data-v-3ba850d9] svg path,header:hover .dealership-location-button .icon[data-v-3ba850d9] svg path{stroke:var(--hasa-blue)}.dealership-home-button[data-v-3ba850d9]{padding-left:.5em;font-size:.85rem;line-height:1em}.dealership-location-button[data-v-3ba850d9]{margin-left:calc(var(--spacing)*4);align-items:center;gap:.3rem;line-height:1em}.dealership-location-button .icon[data-v-3ba850d9]{width:.816667em;height:1em;font-size:1.6rem;display:block}.dealer-award-nav-badge[data-v-3ba850d9]{display:none}@media (width<=1240px){nav[data-v-3ba850d9]{font-size:calc(var(--font-size-base)*.7)}.navbar_links[data-v-3ba850d9]{gap:calc(var(--spacing)*4)}}@media (width<=1097px){.dealership-location-button .label[data-v-3ba850d9],.navbar_links[data-v-3ba850d9]{display:none}}@media (width<=768px){.dealership-location-button[data-v-3ba850d9]{display:none}.dealer-award-nav-badge-container[data-v-3ba850d9]{margin-left:1rem;display:block}.dealer-award-nav-badge[data-v-3ba850d9]{width:auto;height:2rem;display:block}}@media (width<=590px){.dealership-branding[data-v-3ba850d9]{flex-direction:column;align-items:flex-start}.dealership-home-button[data-v-3ba850d9]{margin-top:.35rem;padding-left:0}}.w-full[data-v-4c808747]{width:100%}.justify-between[data-v-4c808747]{justify-content:space-between}.flex-shrink-0[data-v-4c808747],.shrink-0[data-v-4c808747]{flex-shrink:0}.w-\[27\.6875rem\][data-v-4c808747]{width:27.6875rem}.cursor-pointer[data-v-4c808747]{cursor:pointer}.h-0[data-v-4c808747]{height:0}.overflow-hidden[data-v-4c808747]{overflow:hidden}.gap-\[2\.25rem\][data-v-4c808747]{gap:2.25rem}.gap-2[data-v-4c808747]{gap:calc(var(--spacing)*2)}.gap-5[data-v-4c808747]{gap:calc(var(--spacing)*5)}#mega_menu[data-v-4c808747]{z-index:49;width:100%;transition:all .35s;position:fixed;top:calc(1rem + 30px);left:0;box-shadow:0 0 #0000001a}.mega_menu_wrapper[data-v-4c808747]{padding:0 var(--page-margin);background-color:#fff;max-height:0;transition:all .75s ease-out;overflow-y:hidden}.blur_layer[data-v-4c808747]{opacity:0;--tw-backdrop-blur:blur(14px);width:100%;height:0;-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );z-index:-1;background-color:#00000080;transition:opacity .5s;position:fixed;top:50px}#mega_menu a[data-v-4c808747],#mega_menu li[data-v-4c808747]{opacity:0;transition:opacity .5s ease-out}#mega_menu.hamburger-menu-open[data-v-4c808747]{box-shadow:0 9px 4px 5px #0000001a}.hamburger-menu-open .mega_menu_wrapper[data-v-4c808747]{max-height:200dvh;padding:var(--page-margin) var(--page-margin)}.navigation-overlay-open .blur_layer[data-v-4c808747]{opacity:1;height:100vh}#mega_menu.hamburger-menu-open[data-v-4c808747],#mega_menu.hamburger-menu-open a[data-v-4c808747],#mega_menu.hamburger-menu-open li[data-v-4c808747]{opacity:1}.mega_menu_body[data-v-4c808747]{gap:4.5rem}.mega_menu_left[data-v-4c808747]{width:calc(60% - 2.25rem)}.mega_menu_right[data-v-4c808747]{aspect-ratio:83/86;background-image:url(https://cdn1.hyundai.co.za/images/uploads/nav/nav-services-b8ca772259052936.webp?v=1.24.5);background-position:50% 60%;background-repeat:no-repeat;background-size:cover;width:calc(40% - 2.25rem);max-height:500px}.menu-accordion-container[data-v-4c808747]{opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;position:relative;transform:translateY(6rem)}.hamburger-menu-open .menu-accordion-container[data-v-4c808747]{opacity:1;transform:translateY(0)}.menu-accordion-container>ul[data-v-4c808747]{gap:calc(var(--spacing)*18);flex-direction:column;transition:gap .5s ease-out;display:flex}.hamburger-menu-open .menu-accordion-container>ul[data-v-4c808747]{gap:calc(var(--spacing)*0)}.menu-accordion[data-v-4c808747]{z-index:1;padding-block:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);background-color:#f5f5f500;border-bottom:1px solid #e0e0e0;position:relative;overflow-y:hidden}.menu-accordion-bg[data-v-4c808747]{width:100%;height:var(--accordion-highlight-height,0);opacity:var(--accordion-highlight-opacity,0);transform:translateY(var(--accordion-highlight-y,0));pointer-events:none;background-color:#f5f5f5;transition:transform .25s,opacity .2s;position:absolute;top:0;left:0}.menu-accordion-item[data-v-4c808747]{gap:2.25rem}.menu-accordion-title[data-v-4c808747]{font-size:.8rem;line-height:1em;font-weight:var(--font-medium)}.menu-accordion-title>a[data-v-4c808747]{font-weight:var(--font-regular)}.menu-accordion-title-link[data-v-4c808747]{color:inherit;line-height:1em;text-decoration:none}.menu-accordion-sub[data-v-4c808747]{opacity:0;max-height:0;transition:max-height .35s ease-out,opacity .35s ease-out,transform .35s ease-out;overflow-y:hidden;transform:translateY(2rem)}.menu-accordion-sub-inner[data-v-4c808747]{gap:calc(var(--spacing)*3);flex-direction:column;transition:gap .35s ease-out;display:flex}.is-open-menu-accordion-sub .menu-accordion-sub[data-v-4c808747]{opacity:1;max-height:24rem;transform:translateY(.3rem)}.is-open-menu-accordion-sub .menu-accordion-sub-inner[data-v-4c808747]{gap:calc(var(--spacing)*1)}.menu-accordion-sub li[data-v-4c808747]{font-size:.6rem;line-height:1em}.menu-accordion-sub li[data-v-4c808747]:hover{opacity:.7;font-weight:var(--font-medium)}.menu-accordion-sub .menu-accordion-sub-inner li>a[data-v-4c808747]{min-width:30vw;padding-block:calc(var(--spacing)*.5);display:block}.menu-accordion-icon[data-v-4c808747]{width:.9rem;height:.8rem;position:relative}.menu-accordion-icon[data-v-4c808747]:after,.menu-accordion-icon[data-v-4c808747]:before{content:"";background-color:var(--dark-font-color);width:.7rem;height:.075rem;transition:width .35s ease-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-accordion-icon[data-v-4c808747]:after{transform:translate(-50%,-50%)rotate(90deg)}.is-open-menu-accordion-sub .menu-accordion-icon[data-v-4c808747]:after{width:0}.transition-colors[data-v-4c808747]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.object-cover[data-v-4c808747]{max-height:0;transition:max-height .75s,transform .75s;transform:translateY(20px)}.hamburger-menu-open .object-cover[data-v-4c808747]{max-height:20rem;transform:translateY(0)}.mega_menu_footer[data-v-4c808747]{opacity:0;transition:transform .75s ease-out,opacity .75s ease-out;transform:translateY(4rem)}.hamburger-menu-open .mega_menu_footer[data-v-4c808747]{opacity:1;transform:translateY(0)}@media (width<=1140px){.mega_menu_left[data-v-4c808747]{flex-grow:2;flex-basis:40%}}@media (width<=1025px){.menu-accordion-sub .menu-accordion-sub-inner li>a[data-v-4c808747]{min-width:15vw}}@media (width>=1098px){.desktop-hide[data-v-4c808747]{display:none}}@media (width<=768px){.mega_menu_left[data-v-4c808747]{flex-basis:100%}.menu-accordion[data-v-4c808747]{padding-inline:0}.mega_menu_right[data-v-4c808747],.menu-accordion-bg[data-v-4c808747]{display:none}}@media (width<=540px){.menu-accordion-item[data-v-4c808747]{flex-direction:column;gap:0}.is-open-menu-accordion-sub .menu-accordion-item[data-v-4c808747]{gap:.8rem}.is-open-menu-accordion-sub .menu-accordion-sub-inner[data-v-4c808747]{gap:calc(var(--spacing)*3)}.menu-accordion-sub li[data-v-4c808747]{font-size:.7rem;line-height:1em}#mega_menu.hamburger-menu-open[data-v-4c808747]{height:calc(100dvh - 52px);overflow-y:auto}}.hero-section[data-v-5a443404]{background-color:var(--hasa-dark);min-height:calc(1rem + 16px);position:relative}header[data-v-5a443404]{width:100%;transform:translateY(var(--header-dock-translate,0));z-index:60;border-style:solid;border-color:#0000;border-bottom-width:1px;transition:background .4s linear,border-color .4s linear;position:fixed;top:0;left:0}header.hovered[data-v-5a443404],header[data-v-5a443404]:hover,header[data-v-5a443404]:hover .dropdown_menu_wrapper{background:#fff;border-color:#00000014}.backdrop-blur[data-v-5a443404]{--tw-backdrop-blur:blur(22px);-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.bg-black[data-v-5a443404],.bg-black[data-v-5a443404] .dropdown_menu_wrapper{background-color:color-mix(in oklab,var(--hasa-dark) 15%,transparent)}