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