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