PageSourceSearch

https://www.cityworldhyundai.com/inventory/new

html cityworldhyundai.com collected 2026-10-02 22:53:11 UTC 1,122,197 bytes, 11,486 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  
6  
7
8
9
10  <link rel="icon" href="https://www.cityworldhyundai.com/themes/Hyundai/images/fav-icon.png" type="image/x-icon" />
11  <meta charset="utf-8" />
12  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6,user-scalable=1" />
13  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
14  <title>New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer</title>
15        <meta name="description" content="Find your next new Hyundai for sale or lease in Bronx, NY at City World Hyundai. Browse our extensive inventory and schedule a test drive today." />
16            <link rel="canonical" href="https://www.cityworldhyundai.com/inventory/new" />
17      <meta property="og:title" content="New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer" />
18      <meta property="og:site_name" content="New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer" />
19      <meta property="og:description" content="Find your next new Hyundai for sale or lease in Bronx, NY at City World Hyundai. Browse our extensive inventory and schedule a test drive today." />
20      <meta property="og:image" content="https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0&logo=y" />
21
22
23  
24<script type="text/javascript">
25
26
27    var ApiBaseUrl = 'https://www.cityworldhyundai.com/api';
28    var baseUrl = 'https://www.cityworldhyundai.com';
29    var currentRequestUrl = 'https://www.cityworldhyundai.com/inventory/new';
30    var inventoryApiBaseUrl = 'https://websites.api.teamvelocityportal.com/';
31    var dynamicAudioVideoBaseUrl = 'https://advid.api.teamvelocityportal.com/'
32    var primaryColor = '#002C5E';
33    var secondaryColor = '#767676';
34    var accountId = '42268';
35    var campaignId = '10138';
36    var baseAccountId = '42268';
37    var baseCampaignId = '10138';
38    var make = 'Hyundai';
39    var phonenumber = "(855) 306-0357";
40    var fullAddress = '3350 Boston Rd, Bronx, NY 10469';
41    var secondaryAddress = '2249 New England Thruway Bronx, NY 10475';
42    var secondaryAddressType = 'Service Dept.';
43    var city = 'Bronx';
44    var state = 'NY';
45    var street = '3350 Boston Rd';
46    var zip = '10469';
47    var clientName = "City World Hyundai";
48    var hasredcapid = 'False';
49    var campaignid = '10138';
50    var salesNumber = "866-585-7677";
51    var serviceNumber = "877-801-7135";
52    var partsNumber = "877-372-4316";
53    var contactEmail = '';
54    var isCaliforniaDealer = 'False';
55    var isCalifornia = 'False' === 'True' ;
56    var isRedCapScheaduleServiceEnabled = 'False';
57    var enablePINLoginEntry = 'False';
58    var isEventDrivenPopupEnabled = 'False';
59    var isServiceOnly = 'False' === 'True';
60    var isUsedOnly = 'False' === 'True';
61    var isauthenticated = 'False';
62    var userpin = '';
63    var paymentapi = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tL09mZmVyTWFuYWdlci9TZXJ2aWNlL09mZmVyTWFuYWdlckFQSS9HZXRQYXltZW50cw==';
64    var enableTextus = 'True';
65    var isServiceSchedulerEnabled = 'False';
66    var enableDigitalRetail = 'True' === 'True';
67    var enableSpinCar = 'False' === 'True';
68    var buyerCallPostUrl = 'https://mycreditdriveapp.com/form_leads';
69    var portalLogin = 'true' === 'true';
70    var loginUrl = 'https://www.cityworldhyundai.com/identitylogin';
71    var portalUrl = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tLw==';
72    var offerManagerApiUrl = 'aHR0cHM6Ly9vZmZlcm1hbmFnZXIuYXBpLnRlYW12ZWxvY2l0eXBvcnRhbC5jb20v';
73    var enableOfferManagerK8sMigration = 'false' === 'true';
74    window.tid = 'aab0424a-2644-47e5-9d11-f2f9e8654c88';
75    window.isBot = 'True';
76    var cdnurl = 'https://prod.tvmwebsitecdn.com';
77    var cdnUrl = 'https://prod.tvmwebsitecdn.com';
78    var textusParameter = '';
79    var ismobile = 'False' === 'True';
80    var istablet = 'False' === 'True';
81    var upgradeMatrixInventoryUrl = 'https://www.cityworldhyundai.com/inventory';
82    var latitude = '40.87431365';
83    var longitude = '-73.8517492';
84    var isEnableCarStory = 'True';
85    var enableCarStoryForNew = 'false' === 'true';
86    var enableGoogleTranslate = 'True' === 'True';
87    var roadStarUrl= 'https://cityworldhyundai.roadster.com/express';
88    var userDetails = {
89        consumerid: '',
90        firstname: '',
91        lastname: '',
92        middlename: '',
93        email: '',
94        phonenumber: '',
95        userpin: '',
96        isPhoneNumberLogin: '',
97        isPinLogin: 'false' === 'true',
98        zip: '',
99        city: '',
100        state: '',
101        address:'',
102        address2: ''
103    };
104    var pageTypeId = 0;
105    var environment = 'Production';
106    var pageStateKey = '';
107    var masterLayoutName = '_Website_Gemini.cshtml'.replace('.cshtml','');
108    var jQuery = '';
109    var redcapDealerId = '';
110    var virtualAssistantDomain = 'aHR0cHM6Ly92aXJ0dWFsYXNzaXN0YW50LmFwaS50ZWFtdmVsb2NpdHlwb3J0YWwuY29t';
111    var gmIncentivesApiUrl = 'https://offermanager.api.teamvelocityportal.com';
112    var temporaryRedcap = 'false' === 'true';
113    var enableSaveOfferTransact = 'false' === 'true';
114    var isCustomPage = 'false' === 'true';
115    var customPageTitle='';
116    var isForceEnableDigitalRetail = 'false' === 'true';
117    var rotatingBannerDelayTime = 5;
118    var vehicleOfferRotationalDelay = 5;
119    var enableLESAVideo = 'false' === 'true';
120    var VDPTransactButtonLabel = 'Explore Payment Options';
121    var RoadStarDpId = 'cityworldhyundai';
122    var roadsterVDPButtonName = 'Search Payments ';
123    var roadsterImageUrl = '';
124    var enableTextusLeadToCRM = 'true' === 'true';
125    var themeId =9;
126    var enableJoyRide = 'false' === 'true';
127    var joyRideDomain = '';
128    var joyRideStoreId = 0;
129    var joyRideButtonLabel = '';
130    var scheduleServiceCall = true;
131    var showCookieDisclaimer = 'False' == 'True';
132    var nonTaxState = 'false' === 'true';
133    var showPerDayAndPerMonthOnVDP = 'false' === 'true';
134    var swapSalesAndServiceNumbers = 'False';
135    var enableAutoCheck = 'false' === 'true';
136    var contactUsLabel = 'CONTACT US';
137    var salesPhoneLabel = 'Sales';
138    var servicePhoneLabel = 'Service';
139    var partsPhoneLabel = 'Parts';
140    var priceColor = ' ';
141    var enableCoVideo = 'false' === 'true';
142    var  enableHndaProgram= 'false' === 'true';
143    var oemCode = 'NY109';
144    var enableCarSaverButtonLabel = '';
145    var enableTCPAConsent = 'true' === 'true';
146    var tcpaConsentMessage = 'You agree to receive texts from us. (No purchase necessary.)';
147    var showServiceAppraisalPopup = '' === "True"; //isServiceAppraisal setting when user login
148    var showPrecisionBonusOfferPopup = '' === "True"; //Precision_BonusOffer setting when user login
149    var showPrecisionTradeValuePopup = '' === "True"; //Precision_TradeValue setting when user login
150    var changeSessionId = '' === "True"; //update sessionid with userpin when cc_emulate=true login
151    var autoSendEmailTradeOffer = 'false' === 'true';
152    var autoSendEmailBonusOffer = 'false' === 'true';
153    var validateZipCode = 'true' === 'true';
154    var themeName='Hyundai';
155    var enableRecallMaster = 'true' === 'true';
156    var enableMsbiProgram = 'False';
157    var vendorToken = '';
158    var enableTradePending = 'False';
159    var snapId = '';
160    var enableRecallMaster = 'false' === 'true';
161    var isDealerGroup = 'false' === 'true';
162    var hideLeasePanel = 'False' === 'True';
163    var hideFinancePanel = 'False' === 'True';
164    var hideCashPanel = 'False' === 'True';
165    var hideUsedFinancePanel = 'False' === 'True';
166    var hideUsedCashPanel = 'False' === 'True';
167    var enableOEMProgram = 'True' === 'True';
168    var enableSmartPathOnboardingModal = 'False' === 'True';
169    var enableWebsiteTagging = 'True' === 'True';
170    var enableChatAnalyticsTagging = 'False' === 'True';
171    var enableLeadIntegration = 'True' === 'True';
172    var oemProgramName = 'HyundaiJDPAShift';
173    var showLoyaltyIncentives = 'false' === 'true';
174    var bodyShopPhoneLabel = '';
175    var bodyShopNumber = "";
176    var enableFirkinTech = 'false' === 'true';
177    var hideVINandStock = 'false' === 'true';
178    var hideTradeFromLogin = 'false' === 'true';
179    var tCPADisclaimer = '';
180    var enablePopupVideo = 'false' === 'true';
181    var videoURL = '';
182    var videoCTAName = '';
183    var videoCTALink = '';
184    var hideVehicleDetailsOnStep2 = 'False' === 'True';
185    var hideAllCTAs = 'False' === 'True';
186    var menuColor = '';
187    var menuFontColor = '';
188    var subMenuColor = '';
189    var subMenuFontColor = '';
190    var headerBackGroundColor = '';
191    var headerFontColor = '';
192    var alwaysUseDealerImages = 'False' === 'True';
193    var signInButtonColor = '';
194    var chromeImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGV2b3hpbWFnZQ==';
195    var libraryImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGxpYnJhcnlpbWFnZQ==';
196    var enableNewImageRules = 'true'; //Added for OAS-20116
197    var refeerUrl = '';
198    var crawlerBots = 'Slurp|slurp|ask|Teoma|teoma|bot|Bot|prtg';
199    var pinsrcList = 'od,test,est,kiosk,tets,tes';
200    var portalIPBots = '38.118.71.*|192.168.24.*|192.168.25.*|192.168.26.*';
201    var portalDomainBots = 'dGVhbXZlbG9jaXR5cG9ydGFsLmNvbQ==';
202    var consumerEventsToLogStatus = '1';
203    var showDealerSelection = 'false' === 'true';
204    var sRPSortType = 'priceltoh';
205    var enableCountsOnInventoryControl = 'True' === 'True';
206    var cookieDisclaimerText = '';
207    var enableQuickStart = 'False' === 'True';
208    var enableQuickStartMobile = 'False' === 'True';
209    var quickStartColor = '';
210
211    var angleValue = '032';
212
213    var enablePopupVideoMobile = 'false' === 'true';
214    var videoURLMobile = '';
215    var videoCTANameMobile = '';
216    var videoCTALinkMobile = '';
217
218    //FinanceSettings
219    var IsFinanceAppSettingsEnabled = 'True'
220    var financeApplicationHeading = 'Apply For Financing';
221    var financeAppDealerCode = '';
222    var enableElend = 'False' === 'True';
223    var elendId = '';
224    var enableBuyerCall = 'False' === 'True';
225    var buyerCallId = '';
226    var enableCreditR1 = 'False' === 'True';
227    var r1DealerId = '';
228    var logoImage = 'https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&amp;Width=0&amp;Height=0&amp;logo=y';
229    var enableCbc = 'False' === 'True';
230    var cbcUserId = '';
231    var cbcUserPwd = '';
232    var cbcCustomerId = '';
233    var cbcMasterUserId = '';
234    var cbcMasterUserPwd = '';
235
236    var enableMotoCommerce = 'false' === 'true';
237    var motoCommerceLabel = '';
238    var hideTradeSlider = 'false' === 'true';
239    var enableCheckAvailability = false;
240    var hidePaymentCustomizing = 'False' === 'True';
241    var textWidgetPosition = 'Bottom Right';
242    var globalLeadFormThankyouMessage = '';
243    var AllowUsedForVOI = 'false' === 'true';
244    var serviceSpecialsCTAButtonsColor = '';
245    var serviceSpecialsCTAButtonsFontColor = '';
246
247    var CheckAvailabilityButtonColor = '';
248    var CheckAvailabilityButtonName = '';
249    var CheckAvailabilityFontColor = '';
250    var integrateWithText = 'False' === 'True';
251    var scheduleServiceSelectButtonsColor = '';
252    var scheduleServiceSelectButtonsFontColor = '';
253    var enableWindowStickerInPaymentPanel = 'False' === 'True';
254    var digiServiceUseOverrides = 'True' === 'True';
255    var EventDrivenBonusOfferSalesCount = '3';
256    var ContactUsShowDealerSelection = 'False' === 'True';
257    var allowNewWithUsed = 'False' === 'True';
258    var hideEmployeeIncentives = 'false' === 'true';
259    var sellUsYourCarDealerSelection = 'False' === 'True';
260    var valueMyTradeDealerSelection = 'False' === 'True';
261    var enableReserveYourVehicle = 'True' === 'True';
262    var setTextAsLeadForm = 'True' === 'True';
263
264    var useSellingPriceOnInventoryControl = 'false' === 'true';
265    var isPhoneMandatoryInLeadForms = 'False' === 'True';
266    var autoToggleTCPA = 'True' === 'True';
267    var showDisclaimerWithNoToggle = 'True' === 'True';
268    var showCallForPriceSRP = 'false' === 'true';
269    var chatWidgetApiBaseUrl = 'https://virtualassistant.api.teamvelocityportal.com';
270    var chatSignalRUrl = 'https://assistantcommunications.teamvelocityportal.com';
271    var routeOneApiBaseUrl = 'https://routeone.teamvelocityportal.com/api';
272    var cbcApiBaseUrl = 'https://cbc.teamvelocityportal.com/api';
273    var eLendApiBaseUrl = 'https://elend.api.teamvelocityportal.com/api';
274    var dRaiverApiBaseUrl  = 'https://draiver.api.teamvelocityportal.com/api';
275    var isPhoneOnGetOffer = 'False' === 'True';
276    var landingPopUpText ='';
277    var landingPopupStartDate ='';
278    var landingPopupEndDate ='';
279    var certifiedLogoUrl = '';
280    var hidePreOwnedSpecialsContactUs='False'==='True';
281    var vehicleSpecialsClickUrl='';
282    var vehicledefaultcolor='silver';
283    var kbbDealIncicatorAPIKey='';
284    var enableKbbDealIndicator = 'False' === 'True';
285    var signInButtonFontColor = '';
286    var signInButtonborderColor = '';
287    var checkAvailabilityBorderColor='';
288    var googleMapZoom=15;
289    var enableTextAQuoteLead = 'false' === "true";
290     var footerColor ='';
291    var footerFontColor = '';
292    var footerLinkBackgroundColor = '';
293    var isFdDealer = 'false' === "true";
294    var hideDirectionsButton = 'False' === "True";
295    var  textUsCTAButtonLabel= 'Text Us ';
296    var headerBorderColor = '';
297    var footerBorderColor = '';
298    var serviceScheduleShowDealerSelection = 'false' === 'true';
299    var  textUsMobileCTAButtonLabel= 'Text Us ';
300    var menuEvent = 'click';
301    var hideAuotmatedSpecials = 'false' === 'true';
302    var disableBonusOfferOnMobile='False'==='True';
303    var shopByBrand = 'Hyundai';
304    var shopByType = 'SUV,Sedan,Truck,Hatchback';
305    var priceType = '1';
306    var masterTemplateId = '22';
307    var searchBarNoResultsText = '';
308    var srpNoInventoryResultsText = '';
309    var ipaddress = '104.234.32.1';
310    var leftArrowColor = '';
311    var rightArrowColor = '';
312    var getOffer ='Get Offer';
313    var RegionName = '';
314    var RegionCode = '';
315    var OEMDistrict = '';
316    var tireStoreUrl = '';
317    var enableINVOCA = 'false' === 'true' && 'false' !== 'true';
318    var InvocaCDNUrl = 'https://www.cityworldhyundai.com';
319    var OEM_Code = 'NY109';
320    var enableServicePassVdpLogo = 'false' == "true";
321    var enableCoxDR = 'false' === 'true';
322    var IncentiveSource ='AIS';
323    var enableSonicDataLayer = 'false' === "true"
324    var useSonicSourceLabel = 'false' === "true";
325    var sonicDataLayerGtmId = "";
326    var isGoogleChatEnabled = 'true' == "true";
327    var enableV2Assistant = 'true' == "true";
328    var isTextUsEnabled = 'true' == "true";
329    var quickStartSalesPhoneNumber ="";
330    var quickStartServicePhoneNumber ="";
331    var textUsButtonColor = '';
332    var textUsFontColor = '';
333    var enableStrolidWidget = 'false' == "true";
334    var cookieDisclaimerBackgroundColor ='';
335    var cookieDisclaimerFontColor ='';
336    var cookieDisclaimerOKButtonColor = '';
337    var cookieDisclaimerOKButtonFontColor = '';
338    var disableBuildAndPrice = 'false' === "true";
339    var ascGtmId = '';
340    var isIFrame = 'false' === "true";
341    var isCommentsMandatory = 'false' ===  "true";
342    var isBonusOfferExists = 'true' ===  "true";
343    var enableHendrickDataLayer = 'false'== "true";
344    var hendrickDataLayerGtmId ='';
345    var ga4DigitalAnalyticsKey = '';
346    var ga4GoogleAnalyticsKey = 'G-GSNNZF8F6V';
347    var ga4GoogleAnalyticsKey2 = '';
348    var ga4GoogleAnalyticsKey3 = '';
349    var enableEdmunds = 'false' == 'true';
350    var enableEdmundsCash = 'false' == 'true';
351    var enableEdmundsInCTA = 'false' == 'true';
352    var edmundsId = '';
353    var edmundsCashId = '';
354    var edmundsIdCTA = '';
355    var edmundsGoogleAnalyticsKey = '';
356    var edmundsCashGoogleAnalyticsKey = '';
357    var edmundsCTAGoogleAnalyticsKey = '';
358    var specialRotator = 'Drive-In';
359    var srpMouseOver = '360-Spin';
360    var featuredSpecial = 'Drive-In';
361    var isSmartPathEnabled = 'false' == "true";
362    var enableEvoxDriveIn ='false' === 'true';
363    var isDigitalDealer = 'true' === 'true';
364    var DGDataHub = null;
365  var smartPathSubsiteUrl  ='';
366  var enableGuaranteedTradeInProgram = 'false' == "true";
367  var showZipCodeOnGetOffer = 'false' === "true"
368  var showCommentsOnGetOffer = 'false' === "true"
369  var openSocialLinksInLightBox  = 'false' === "true";
370  var isSDISEnabled =   'false' == "true";
371  var isDDOAEnabled = 'false' == "true";
372  var secondaryAddressLatitude = '0.00000000';
373  var secondaryAddressLongitude = '0.00000000';
374  var bmwCertifiedCenter = 'false' === 'true';
375  var enableUnlockSmartPrice = 'false' === 'true';
376  var showTextPermission = 'false' === "true";
377  var enabledFordDirectVehicleVideo='false' === 'true';
378  var ga4MakeCategory = 'foreign';
379  var enableBuildaBrand = 'false' === "true";
380  var enableBuildaBrandVdp = 'false' === "true";
381  var buildaBrandId = '';
382  var buildaBrandToken = '';
383  var websiteAnalyticKey = 'G-D22KY4R05F';
384  var fdDigitalAnalyticsKey = '';
385  var enableASCEventsOnly1ForGA4 = 'true' === 'true';
386  var enableASCEventsOnly2ForGA4 = 'false' === 'true';
387  var enableASCEventsOnly3ForGA4 = 'false' === 'true';
388  var enableASCEventsOnly4ForGA4 = 'false' === 'true';
389  var enableNewSRPVDPSmartPathCTAs = 'false' === 'true';
390  var enableUsedSRPVDPSmartPathCTAs = 'false' === 'true';
391  var useNewForShopByBrand = 'false' === 'true';
392  var useNewForShopByType = 'false' === 'true';
393  var enablematadorChatCta = 'false' === 'true';
394  var matadorChatCtaTxt = '';
395  var isRotationalCouponsNewDesign  = 'true' === 'true';
396  var enableCPOSRPVDPSmartPathCTAs = 'false' === 'true';
397  var researchModelDefaultYear = '2026';
398  var inTransitDisclaimer = '';
399  var facebookColor = '';
400  var instagramColor = '';
401  var twitterColor = '';
402  var youtubeColor = '';
403  var tiktokColor = '';
404  var linkedInColor = '';
405  var headerColor = '1';
406  var dealerManufacturers = 'Hyundai';
407  var IncentiveModelDefaultYear = '2026';
408  var ReserveYourVehicleModelDefaultYear = '';
409  var enableDisasterMessage = 'true' === 'true';
410  var isEmailMandatoryUnlockInLeadForm= 'False' === 'True';
411  var showDealerGroupNumber = 'False' === 'True';
412  var enableDigitalOEMProgram = 'True' === 'True';
413  var enableFloodLightTaagging = 'False' === 'True';
414  var enableEpsilonTags = 'false' === 'true';
415  var isVdp= 'false' == 'true';
416  var menuStyleId = '7';
417  var enableAccessRewards = 'true' === 'true';
418  var isMaseratiGrecaleHomePagePopUp = 'False' === 'True';
419  var defaultSRPPaymentTypeNew = 'cash';
420  var defaultSRPPaymentTypeUsed = 'cash';
421  var defaultSRPPaymentTypeCPO = 'cash';
422  var enableGubagooPreQual = 'False' === 'True';
423  var hideDealershipLocationOnMap= 'False' === 'True';
424  var mobileMenupencilBannerImageId = '0';
425  var showETAForInTransitVehicles = 'True' === 'True';
426  var enableDrsTagging = 'False' === 'True';
427  var enableFordDirectOneToOne = 'false' === 'true';
428  var cookieDisclaimerOKButtonLabel = '';
429  var transactLogoImageId = '735558';
430  var enableGetOfferCTA = 'false' === 'true';
431  var MobileMenuPencilBarURL = '';
432  var MobileMenuPencilBarTab = '';
433  var enableTealiumCDP = 'false' === 'true';
434  var hideExpirationDate = 'false' === 'true';
435  var enableDeptSelectionForDirectionsMobile='false'==='true';
436  var showChatOnMobileFooter = 'false' === 'true';
437  var showTextOnMobileFooter = 'false' === 'true';
438  var enableNewAccountDesign = 'false' === 'true';
439  var alwaysShowMSRPTransact = 'false' === 'true';
440  var alwaysShowMSRPTransactUsed = 'false' === 'true';
441  var enableWebsiteSpeed = 'True' === 'True';
442  var ga4GoogleAnalyticsKey4 = '';
443  var ga4GoogleAnalyticsKey5 = '';
444  var enableASCEventsOnly4Id4ForGA4 = 'false' === 'true';
445  var enableASCEventsOnly4Id5ForGA4 = 'false' === 'true';
446  var enableAccountCreationLead = 'true' === 'true';
447  var showCallUsOrTextUsCta = '4' === '3' ? true : false;
448  var isFooterAssistantSelected = '4' === '4' ? true : false;
449  var logsApiUrl ='https://log.api.teamvelocityportal.com';
450  var showDisclosureInsteadOfLink = 'false' === 'true';
451  var showDisclaimerOnBanners = 'false' === "true";
452  var taxesFeesLabelVDP = '';
453  var windowStickerButtonColor = '';
454  var windowStickerButtonFontColor = '';
455  var windowStickerButtonBorderColor = '';
456  var enableVehicleTypeInVehicleNames = 'false' === 'true';
457  var hideMPG = 'false' === 'true';
458  var showOEMPaymentIncentives = 'false' === 'true';
459  var assistantSentryDns = 'https://[email protected]/5833431';
460  var onlinePartsStoreUrl = '';
461  var smartPathUnlockPriceLabel ='';
462  var conditionalOfferFontColor = '';
463  var enableSignInPrompt = 'False' === 'True';
464  var hideHoursOnHeader = 'false' === 'true';
465  var isSiteMapExists = 'True'  === 'True';
466  var showOnlyLowestAPRWithHighestTerm = 'False' === 'True';
467  var enableBlueStarRating = 'false' === 'true';
468  var blueStarAPIKey = '';
469  var showCallForPriceForNewSpecials = 'false' === 'true';
470  var showCallForPriceForPreOwnedSpecials = 'false' === 'true';
471  var primaryDomain = 'www.cityworldhyundai.com';
472  var sendLoginsToHomePage = 'false' === 'true';
473  var enablePrivacy4CarsBadgeInVDP = 'false' === 'true';
474  var enablePrivacy4CarsBadgeInSRP = 'false' === 'true';
475  var privacy4CarsId = '';
476  var accessoriesUrl = '';
477  var defaultPrefferedContactToPhone = 'false' === 'true';
478  var callUsButtonColor = '';
479  var callUsButtonFontColor = '';
480  var textUsMobileButtonColor = '';
481  var textUsMobileButtonFontColor = '';
482  var franchiseString = 'Hyundai';
483  var disableDNIScripts = 'False';
484  var useMSRPInsteadofFinalPriceforStartingAt = 'false' === 'true';
485  var enableSignInPromptMobile = 'false' === 'true';
486  var enableWindowStickerInVDPSecondaryCTAs = 'false' === 'true';
487  var showIconsForSignInandSpanish = 'true' === 'true';
488  var isVdvPanelEnabled = 'false' === 'true';
489  var enableVdvPlayButtonAboveVdpGallery = 'false' === 'true';
490  var disableVdvOnVdp = 'false' === 'true';
491  var disableVdvOnSrp = 'false' === 'true';
492  var disableVdvOnSpecialOffers = 'false' === 'true';
493  var disableVdvOnDynamicBanners = 'false' === 'true';
494  var googleColor = '';
495  var printerestColor = '';
496  var makeZipCodeMandatory = 'true' === 'true';
497  var hideServiceHoursOnHeader = 'false' === 'true';
498  var enableActivEngage = 'false' === 'true';
499  var additionalPhoneNumberLabel = '';
500  var additionalPhoneNumber = "";
501  var enableViewInventoryOnResearchModels = 'false' === 'true';
502  var includeTextingPreferred = 'false' === 'true';
503  var fastlyESInventoryAPIBaseUrl = 'https://www.cityworldhyundai.com/tvm-services';
504  var isEmailMandatory = 'false' === 'true';
505  var hideDownPaymentOnSpecials = 'false' === 'true';
506  var urlPathStyleId = 0;
507  var urlPathVin = '';
508  var showPhoneNumberLoginOnEntry = 'false' === 'true';
509  var textingPreferred = 'false' === 'true';
510  var enableScheduleServiceButtons = 'false' === 'true';
511  var subMenuTypeMegaMenu = 'false' === 'true';
512  var enableMobileMegaMenu = 'false' === 'true';
513  var defaultTextingPreferredToYes = 'false' === 'true';
514  var cookieRejectButton = 'false' === 'true';
515  var cookieRejectionRedirectURL = '';
516  var hideArchivesandCategories = 'false' === 'true';
517  var enable2FA = 'false' === 'true';
518  var enable2FAForContactUs = 'false' === 'true';
519  var enableTstTestDriveIntegration = 'False' ==='True';
520  var enable360BoothImageOverlay =  'false' === 'true';
521  var enable360Booth =  'false' === 'true';
522  var applyPhoneNumberFormat = 'false' === 'true';
523  var digitalDomainUrl = 'https://prod.tvmimageservice.com';
524  var tradePendingApiUrl = 'https://tradepending.api.teamvelocityportal.com';
525  var globalThemeName='';
526  var isLocationMandatory = 'false' === 'true';
527  var enableOemInventoryFeed = 'True' === 'True';
528  var showGMPriceStack = 'false' === 'true';
529  var enableSfsCreditApp = 'false' === 'true';
530    var autoTranslateWebsiteToSpanish = 'false' === 'true';
531</script>
531
532
533
534  
535
536  
537
538<script type="text/javascript">
539    var salesDNIScript = '&lt;script&gt;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-11238299152/jJapCKyjh4EcEJCs6-4p&#x27;, {&#xD;&#xA;    &#x27;phone_conversion_number&#x27;: &#x27;866-585-7677&#x27;&#xD;&#xA;  });&#xD;&#xA;&lt;/script&gt;';
540    var serviceDNIScript  = '&lt;script&gt;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-11238299152/CI2KCK-jh4EcEJCs6-4p&#x27;, {&#xD;&#xA;    &#x27;phone_conversion_number&#x27;: &#x27;877-801-7135&#x27;&#xD;&#xA;  });&#xD;&#xA;&lt;/script&gt;';
541    var remarketingScript  = '&lt;!-- Global site tag (gtag.js) - Google Ads: 11238299152 --&gt;&#xD;&#xA;&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=AW-11238299152&quot;&gt;&lt;/script&gt;&#xD;&#xA;&lt;script&gt;&#xD;&#xA;  window.dataLayer = window.dataLayer || [];&#xD;&#xA;  function gtag(){dataLayer.push(arguments);}&#xD;&#xA;  gtag(&#x27;js&#x27;, new Date());&#xD;&#xA;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-11238299152&#x27;);&#xD;&#xA;&lt;/script&gt;';
542    var FbpId = '3491230691188098';
543    var conversionAPIKey = '';
544</script>
544
545
546<!-- Global site tag (gtag.js) - Google Ads: 11238299152 -->
vendor: 65 bytes, lines 546-547
546
547<script async src="https://www.googletagmanager.com/gtag/js?id=
547AW-11238299152
vendor: 13 bytes, line 547
547"></script>
548<script>
549  
vendor: 138 bytes, lines 549-553
549window.dataLayer = window.dataLayer || [];
550  function gtag(){dataLayer.push(arguments);}
551  gtag('js', new Date());
552
553  gtag('config', '
553AW-11238299152
vendor: 5 bytes, line 553
553');
554</script>
554<script>
555  gtag('config', 'AW-11238299152/jJapCKyjh4EcEJCs6-4p', {
556    'phone_conversion_number': '866-585-7677'
557  });
558</script>
558<script>
559  gtag('config', 'AW-11238299152/CI2KCK-jh4EcEJCs6-4p', {
560    'phone_conversion_number': '877-801-7135'
561  });
562</script>
562
563  
564
565  <style>
566    .bgcolor-primary {
567        background-color: #002C5E !important;
568    }
569
570    .bgcolor-secondary {
571        background-color: #767676 !important;
572    }
573
574    .color-secondary {
575        color: #767676 !important;
576    }
577
578    .hover-color-primary:hover {
579            color: #002C5E !important;
580    }
581    .color-primary {
582        color: #002C5E !important;
583    }
584    .VueCarousel-pagination {
585        z-index: 9 !important;
586    }
587    #_website_gemini .page-headline-wrapper {
588      background-color:  !important;
589    }
590    #_website_gemini .page-headline-text {
591      color:  !important;
592    }
593    #_website_gemini .text-white.page-headline-text{
594      color:  !important;
595    }
596
597    #_website_gemini .default_color {
598    background-color: #002C5E;
599    }
600    .default_text_color {
601    color: #FFFF;
602    }
603    .default_submenu-custom-bg {
604    background-color: #FFF;
605    }
606
607    .submenu-custom-bg a,
608    .submenu-custom-bg a:hover,
609    .submenu-custom-bg .submenu_right_arrow {
610        color: #000;
611    }
612
613
614    #_website_gemini .sign_out_link {
615        color:  !important;
616    }
617  </style>
618
619
620    <style>
621    df-messenger {
622    --df-messenger-bot-message: #878fac;
623    --df-messenger-button-titlebar-color: #002C5E !important;
624    --df-messenger-chat-background-color: #fff;
625    --df-messenger-font-color: white;
626    --df-messenger-send-icon: #878fac;
627    --df-messenger-user-message: #479b3d;
628    }
629    div.chat-wrapper[opened="true"] {
630        height: 450px
631    }
632    </style>
633
634
635  
636
637
638
639      
639<script src="https://prod.tvmwebsitecdn.com/dist/p1155/js/chunk/common.js" type="text/javascript" data-kpa-category="essential" defer></script>
639
640      
640<script src="https://prod.tvmwebsitecdn.com/dist/p1155/js/vendor.js" type="text/javascript" data-kpa-category="essential" defer></script>
640
641
642
643    
643<script src="https://prod.tvmwebsitecdn.com/dist/p1155/vue3/js/vendor.js" data-kpa-category="essential" type="text/javascript" defer></script>
643
644
645
646      
646<script type="application/ld&#x2B;json">
647        {
648            "@context": "http://schema.org",
649            "@graph": [
650                {
651                    "@type": "WebSite",
652                    "@id": "https://www.cityworldhyundai.com/#website",
653                    "name": "City World Hyundai",
654                    "url": "https://www.cityworldhyundai.com"
655                }
656            ]
657        }
658    </script>
658
659
660  
660<script>
661
662    window.addEventListener('message', function (event) {
663        try {
664            if (event.data.func == 'reloadafterlogin' && event.data.message == 'Message text from iframe.') {
665                try {
666                    if (22 == 8 ||
667                        22 == 4 ||
668                        22 == 11 ||
669                        22 == 10 ||
670                        22 == 9 ||
671                        22 == 1)
672                    {
673                        window.location = '/mygarage';
674                    }
675                    else
676                    {
677                        window.location.reload();
678                    }
679                } catch (e)
680                {
681
682                }
683            }
684            else if (event.data.func == "loadiniframe" && event.data.message == 'loadiniframe') {
685                var elem = document.createElement('iframe');
686                elem.style.cssText = 'display:none;';
687                elem.src = 'https://www.cityworldhyundai.com/identitylogin';
688                document.body.appendChild(elem);
689                if ($('.loading-gif')) $('.loading-gif').hide();
690            } else if (event.data.func === 'navigateTo' && event.data.url) {
691                if(event.data.url === '/register'){
692                    window.parent.postMessage({ 'func': 'openRegistrationModal'}, "*")
693                } else {
694                    window.location.href = event.data.url;
695                }
696                if ($('.loading-gif')) $('.loading-gif').hide();
697            } 
698            else if (event.data.func === 'open-phone-login-vehicles' ) {
699                 window.parent.postMessage({ 'func': 'openPhoneVehiclesModal', vehiclesData: event.data.vehiclesData}, "*")
700             }
701            else if (event.data.func === 'open-registration-modal-profile-creation' ) {
702                 window.parent.postMessage({ 'func': 'openRegistrationModalProfileCreation', loginData: event.data.loginData}, "*")
703             }
704        }
705            catch (ex) { }
706        });
707
708</script>
708
709  
710
711  
712
713  
714    
715
716
717
718<script async src="https://content-container.edmunds.com/21541.js" type="text/javascript"></script>
718 <meta name="google-site-verification" content="S2BnxMnSLlKfQX_YfhEvZAyouITYQrFTfDIMDP-ozhw" /><!-- Google Tag Manager -->
719<script>
vendor: 327 bytes, line 719
719(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
719GTM-K6R7KVP
vendor: 3 bytes, line 719
719');
719</script>
719 <!-- End Google Tag Manager -->
719<script type="application/ld+json">
720{
721  "@context": "https://schema.org",
722  "@graph": [
723    {
724      "@type": "AutoDealer",
725      "@id": "https://www.cityworldhyundai.com/#autodealer",
726      "name": "City World Hyundai",
727      "url": "https://www.cityworldhyundai.com",
728      "telephone": "(855) 306-0357",
729      "priceRange": "$15,000 - $60,000",
730      "paymentAccepted": "Cash, Credit Card, Financing, Lease",
731      "currenciesAccepted": "USD",
732      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
733      "logo": {
734        "@id": "https://www.cityworldhyundai.com/#logo"
735      },
736      "address": {
737        "@id": "https://www.cityworldhyundai.com/#address"
738      },
739      "brand": {
740        "@type": "Brand",
741        "name": "Hyundai"
742      },
743      "parentOrganization": {
744        "@id": "https://www.cityworldhyundai.com/#parentorganization"
745      },
746      "areaServed": [
747        {
748          "@type": "City",
749          "name": "Bronx",
750          "containedInPlace": {
751            "@type": "State",
752            "name": "NY"
753          }
754        },
755        {
756          "@type": "City",
757          "name": "Yonkers",
758          "containedInPlace": {
759            "@type": "State",
760            "name": "NY"
761          }
762        },
763        {
764          "@type": "City",
765          "name": "Mount Vernon",
766          "containedInPlace": {
767            "@type": "State",
768            "name": "NY"
769          }
770        },
771        {
772          "@type": "City",
773          "name": "Manhattan",
774          "containedInPlace": {
775            "@type": "State",
776            "name": "NY"
777          }
778        },
779        {
780          "@type": "City",
781          "name": "Queens",
782          "containedInPlace": {
783            "@type": "State",
784            "name": "NY"
785          }
786        },
787        {
788          "@type": "City",
789          "name": "Parkchester",
790          "containedInPlace": {
791            "@type": "State",
792            "name": "NY"
793          }
794        }
795      ],
796      "sameAs": [
797        "https://www.facebook.com/cityworldhyundai/",
798        "https://twitter.com/cw_hyundai",
799        "https://www.instagram.com/cityworldhyundai_/",
800        "https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw",
801        "https://www.google.com/maps?cid=17824191418907986992"
802      ],
803      "geo": {
804        "@id": "https://www.cityworldhyundai.com/#geo"
805      },
806      "knowsAbout": [
807        "Hyundai Elantra",
808        "Hyundai Elantra Hybrid",
809        "Hyundai IONIQ 5",
810        "Hyundai IONIQ 9",
811        "Hyundai Kona",
812        "Hyundai Palisade",
813        "Hyundai Palisade Hybrid",
814        "Hyundai Santa Cruz",
815        "Hyundai Santa Fe",
816        "Hyundai Santa Fe Hybrid",
817        "Hyundai Sonata",
818        "Hyundai Sonata Hybrid",
819        "Hyundai Tucson",
820        "Hyundai Tucson Hybrid",
821        "Hyundai Venue",
822        "Hyundai financing",
823        "Hyundai leasing",
824        "Hyundai service",
825        "Hyundai OEM parts",
826        "Hyundai certified pre-owned",
827        "Hyundai Assurance"
828      ],
829      "makesOffer": [
830        {
831          "@type": "Offer",
832          "itemOffered": {
833            "@type": "Service",
834            "name": "New Car Sales",
835            "serviceType": "New Car Sales",
836            "areaServed": {
837              "@type": "City",
838              "name": "Bronx",
839              "containedInPlace": {
840                "@type": "State",
841                "name": "NY"
842              }
843            },
844            "description": "New Hyundai vehicles for sale at City World Hyundai in Bronx. Browse our full lineup of new models including sedans, SUVs, crossovers, and electric vehicles."
845          }
846        },
847        {
848          "@type": "Offer",
849          "itemOffered": {
850            "@type": "Service",
851            "name": "Used Car Sales",
852            "serviceType": "Used Car Sales",
853            "areaServed": {
854              "@type": "City",
855              "name": "Bronx",
856              "containedInPlace": {
857                "@type": "State",
858                "name": "NY"
859              }
860            },
861            "description": "Certified pre-owned and used vehicles at City World Hyundai in Bronx. Every pre-owned vehicle is inspected and competitively priced for drivers throughout the area."
862          }
863        },
864        {
865          "@type": "Offer",
866          "itemOffered": {
867            "@type": "Service",
868            "name": "Vehicle Leasing",
869            "serviceType": "Vehicle Leasing",
870            "areaServed": {
871              "@type": "City",
872              "name": "Bronx",
873              "containedInPlace": {
874                "@type": "State",
875                "name": "NY"
876              }
877            },
878            "description": "Hyundai vehicle leasing at City World Hyundai in Bronx. Flexible lease terms with competitive monthly payments on new models."
879          }
880        },
881        {
882          "@type": "Offer",
883          "itemOffered": {
884            "@type": "Service",
885            "name": "Auto Financing",
886            "serviceType": "Auto Financing",
887            "areaServed": {
888              "@type": "City",
889              "name": "Bronx",
890              "containedInPlace": {
891                "@type": "State",
892                "name": "NY"
893              }
894            },
895            "description": "Auto financing for new and used vehicles at City World Hyundai in Bronx. Our finance team works with multiple lenders to secure competitive rates for all credit profiles."
896          }
897        },
898        {
899          "@type": "Offer",
900          "itemOffered": {
901            "@type": "Service",
902            "name": "Trade-In Assistance",
903            "serviceType": "Trade-In Assistance",
904            "areaServed": {
905              "@type": "City",
906              "name": "Bronx",
907              "containedInPlace": {
908                "@type": "State",
909                "name": "NY"
910              }
911            },
912            "description": "Vehicle trade-in appraisal at City World Hyundai in Bronx. Receive a fair market value assessment applicable toward your next purchase or lease."
913          }
914        },
915        {
916          "@type": "Offer",
917          "itemOffered": {
918            "@type": "Service",
919            "name": "Vehicle Protection Plans",
920            "serviceType": "Vehicle Protection Plans",
921            "areaServed": {
922              "@type": "City",
923              "name": "Bronx",
924              "containedInPlace": {
925                "@type": "State",
926                "name": "NY"
927              }
928            },
929            "description": "Extended vehicle protection plans available at City World Hyundai in Bronx, covering mechanical and electrical components beyond the factory warranty period."
930          }
931        }
932      ],
933      "openingHoursSpecification": [
934        {
935          "@type": "OpeningHoursSpecification",
936          "dayOfWeek": "Sunday",
937          "opens": "11:00",
938          "closes": "17:00"
939        },
940        {
941          "@type": "OpeningHoursSpecification",
942          "dayOfWeek": "Monday",
943          "opens": "09:00",
944          "closes": "20:00"
945        },
946        {
947          "@type": "OpeningHoursSpecification",
948          "dayOfWeek": "Tuesday",
949          "opens": "09:00",
950          "closes": "20:00"
951        },
952        {
953          "@type": "OpeningHoursSpecification",
954          "dayOfWeek": "Wednesday",
955          "opens": "09:00",
956          "closes": "20:00"
957        },
958        {
959          "@type": "OpeningHoursSpecification",
960          "dayOfWeek": "Thursday",
961          "opens": "09:00",
962          "closes": "20:00"
963        },
964        {
965          "@type": "OpeningHoursSpecification",
966          "dayOfWeek": "Friday",
967          "opens": "09:00",
968          "closes": "19:00"
969        },
970        {
971          "@type": "OpeningHoursSpecification",
972          "dayOfWeek": "Saturday",
973          "opens": "09:00",
974          "closes": "19:00"
975        }
976      ],
977      "department": [
978        {
979          "@id": "https://www.cityworldhyundai.com/#autorepair"
980        },
981        {
982          "@id": "https://www.cityworldhyundai.com/#autopartsstore"
983        }
984      ]
985    },
986    {
987      "@type": "ImageObject",
988      "@id": "https://www.cityworldhyundai.com/#logo",
989      "url": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0"
990    },
991    {
992      "@type": "PostalAddress",
993      "@id": "https://www.cityworldhyundai.com/#address",
994      "streetAddress": "3350 Boston Rd",
995      "addressLocality": "Bronx",
996      "addressRegion": "NY",
997      "postalCode": "10469",
998      "addressCountry": "US"
999    },
1000    {
1001      "@type": "GeoCoordinates",
1002      "@id": "https://www.cityworldhyundai.com/#geo",
1003      "latitude": 40.87431365,
1004      "longitude": -73.8517492
1005    },
1006    {
1007      "@type": "AutoRepair",
1008      "@id": "https://www.cityworldhyundai.com/#autorepair",
1009      "name": "City World Hyundai Service",
1010      "url": "https://www.cityworldhyundai.com/service-department",
1011      "telephone": "(877) 801-7135",
1012      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
1013      "priceRange": "$50 - $10,000",
1014      "address": {
1015        "@id": "https://www.cityworldhyundai.com/#address"
1016      },
1017      "makesOffer": [
1018        {
1019          "@type": "Offer",
1020          "itemOffered": {
1021            "@type": "Service",
1022            "name": "AC Repair",
1023            "serviceType": "AC Repair",
1024            "areaServed": {
1025              "@type": "City",
1026              "name": "Bronx",
1027              "containedInPlace": {
1028                "@type": "State",
1029                "name": "NY"
1030              }
1031            },
1032            "description": "Automotive air conditioning diagnosis and repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians using manufacturer-approved procedures."
1033          }
1034        },
1035        {
1036          "@type": "Offer",
1037          "itemOffered": {
1038            "@type": "Service",
1039            "name": "Battery Testing & Replacement",
1040            "serviceType": "Battery Testing & Replacement",
1041            "areaServed": {
1042              "@type": "City",
1043              "name": "Bronx",
1044              "containedInPlace": {
1045                "@type": "State",
1046                "name": "NY"
1047              }
1048            },
1049            "description": "Vehicle battery testing and replacement at City World Hyundai in Bronx. Battery health checks with OEM-grade replacement batteries available."
1050          }
1051        },
1052        {
1053          "@type": "Offer",
1054          "itemOffered": {
1055            "@type": "Service",
1056            "name": "Brake Service",
1057            "serviceType": "Brake Service",
1058            "areaServed": {
1059              "@type": "City",
1060              "name": "Bronx",
1061              "containedInPlace": {
1062                "@type": "State",
1063                "name": "NY"
1064              }
1065            },
1066            "description": "Brake inspection, pad replacement, and rotor service at City World Hyundai in Bronx, performed by factory-trained Hyundai technicians to manufacturer specifications."
1067          }
1068        },
1069        {
1070          "@type": "Offer",
1071          "itemOffered": {
1072            "@type": "Service",
1073            "name": "Coolant System Service",
1074            "serviceType": "Coolant System Service",
1075            "areaServed": {
1076              "@type": "City",
1077              "name": "Bronx",
1078              "containedInPlace": {
1079                "@type": "State",
1080                "name": "NY"
1081              }
1082            },
1083            "description": "Cooling system flush and service at City World Hyundai in Bronx, using Hyundai-approved coolant to maintain optimal engine operating temperature."
1084          }
1085        },
1086        {
1087          "@type": "Offer",
1088          "itemOffered": {
1089            "@type": "Service",
1090            "name": "Diagnostics & Software Updates",
1091            "serviceType": "Diagnostics & Software Updates",
1092            "areaServed": {
1093              "@type": "City",
1094              "name": "Bronx",
1095              "containedInPlace": {
1096                "@type": "State",
1097                "name": "NY"
1098              }
1099            },
1100            "description": "Vehicle diagnostic scanning and software updates at City World Hyundai in Bronx, using Hyundai factory diagnostic equipment to identify and resolve fault co
1100des."
1101          }
1102        },
1103        {
1104          "@type": "Offer",
1105          "itemOffered": {
1106            "@type": "Service",
1107            "name": "Engine & Transmission Repair",
1108            "serviceType": "Engine & Transmission Repair",
1109            "areaServed": {
1110              "@type": "City",
1111              "name": "Bronx",
1112              "containedInPlace": {
1113                "@type": "State",
1114                "name": "NY"
1115              }
1116            },
1117            "description": "Engine and transmission repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians with access to genuine OEM parts."
1118          }
1119        },
1120        {
1121          "@type": "Offer",
1122          "itemOffered": {
1123            "@type": "Service",
1124            "name": "Fluid Flushes",
1125            "serviceType": "Fluid Flushes",
1126            "areaServed": {
1127              "@type": "City",
1128              "name": "Bronx",
1129              "containedInPlace": {
1130                "@type": "State",
1131                "name": "NY"
1132              }
1133            },
1134            "description": "Comprehensive fluid flush services at City World Hyundai in Bronx, including transmission, brake, power steering, and differential fluid replacement."
1135          }
1136        },
1137        {
1138          "@type": "Offer",
1139          "itemOffered": {
1140            "@type": "Service",
1141            "name": "Manufacturer Recalls",
1142            "serviceType": "Manufacturer Recalls",
1143            "areaServed": {
1144              "@type": "City",
1145              "name": "Bronx",
1146              "containedInPlace": {
1147                "@type": "State",
1148                "name": "NY"
1149              }
1150            },
1151            "description": "Manufacturer recall repairs at City World Hyundai in Bronx. Hyundai-certified technicians complete all open recalls using genuine OEM parts at no charge."
1152          }
1153        },
1154        {
1155          "@type": "Offer",
1156          "itemOffered": {
1157            "@type": "Service",
1158            "name": "Multi-Point Inspections",
1159            "serviceType": "Multi-Point Inspections",
1160            "areaServed": {
1161              "@type": "City",
1162              "name": "Bronx",
1163              "containedInPlace": {
1164                "@type": "State",
1165                "name": "NY"
1166              }
1167            },
1168            "description": "Comprehensive multi-point vehicle inspection at City World Hyundai in Bronx, covering all major systems to identify maintenance needs before they become larger issues."
1169          }
1170        },
1171        {
1172          "@type": "Offer",
1173          "itemOffered": {
1174            "@type": "Service",
1175            "name": "Oil Changes",
1176            "serviceType": "Oil Changes",
1177            "areaServed": {
1178              "@type": "City",
1179              "name": "Bronx",
1180              "containedInPlace": {
1181                "@type": "State",
1182                "name": "NY"
1183              }
1184            },
1185            "description": "Oil and filter changes at City World Hyundai in Bronx, using Hyundai-recommended oil grades and genuine OEM filters to maintain engine performance and warranty coverage."
1186          }
1187        },
1188        {
1189          "@type": "Offer",
1190          "itemOffered": {
1191            "@type": "Service",
1192            "name": "Tire Services",
1193            "serviceType": "Tire Services",
1194            "areaServed": {
1195              "@type": "City",
1196              "name": "Bronx",
1197              "containedInPlace": {
1198                "@type": "State",
1199                "name": "NY"
1200              }
1201            },
1202            "description": "Tire sales, rotation, balancing, and alignment services at City World Hyundai in Bronx. Stocking major brands recommended for Hyundai vehicles."
1203          }
1204        },
1205        {
1206          "@type": "Offer",
1207          "itemOffered": {
1208            "@type": "Service",
1209            "name": "Warranty Repairs",
1210            "serviceType": "Warranty Repairs",
1211            "areaServed": {
1212              "@type": "City",
1213              "name": "Bronx",
1214              "containedInPlace": {
1215                "@type": "State",
1216                "name": "NY"
1217              }
1218            },
1219            "description": "Hyundai warranty repairs at City World Hyundai in Bronx, performed by factory-certified technicians using genuine OEM parts covered under your vehicle's factory warranty."
1220          }
1221        },
1222        {
1223          "@type": "Offer",
1224          "itemOffered": {
1225            "@type": "Service",
1226            "name": "Wheel Alignment",
1227            "serviceType": "Wheel Alignment",
1228            "areaServed": {
1229              "@type": "City",
1230              "name": "Bronx",
1231              "containedInPlace": {
1232                "@type": "State",
1233                "name": "NY"
1234              }
1235            },
1236            "description": "Four-wheel alignment service at City World Hyundai in Bronx, using precision equipment to manufacturer specifications for optimal tire wear and handling."
1237          }
1238        },
1239        {
1240          "@type": "Offer",
1241          "itemOffered": {
1242            "@type": "Service",
1243            "name": "Wiper Blade & Light Bulb Replacement",
1244            "serviceType": "Wiper Blade & Light Bulb Replacement",
1245            "areaServed": {
1246              "@type": "City",
1247              "name": "Bronx",
1248              "containedInPlace": {
1249                "@type": "State",
1250                "name": "NY"
1251              }
1252            },
1253            "description": "Wiper blade and exterior light replacement at City World Hyundai in Bronx, using OEM-spec components for proper fit and performance."
1254          }
1255        }
1256      ],
1257      "openingHoursSpecification": [
1258        {
1259          "@type": "OpeningHoursSpecification",
1260          "dayOfWeek": "Monday",
1261          "opens": "07:30",
1262          "closes": "17:00"
1263        },
1264        {
1265          "@type": "OpeningHoursSpecification",
1266          "dayOfWeek": "Tuesday",
1267          "opens": "07:30",
1268          "closes": "17:00"
1269        },
1270        {
1271          "@type": "OpeningHoursSpecification",
1272          "dayOfWeek": "Wednesday",
1273          "opens": "07:30",
1274          "closes": "17:00"
1275        },
1276        {
1277          "@type": "OpeningHoursSpecification",
1278          "dayOfWeek": "Thursday",
1279          "opens": "07:30",
1280          "closes": "17:00"
1281        },
1282        {
1283          "@type": "OpeningHoursSpecification",
1284          "dayOfWeek": "Friday",
1285          "opens": "07:30",
1286          "closes": "17:00"
1287        },
1288        {
1289          "@type": "OpeningHoursSpecification",
1290          "dayOfWeek": "Saturday",
1291          "opens": "08:00",
1292          "closes": "13:00"
1293        },
1294        {
1295          "@type": "OpeningHoursSpecification",
1296          "dayOfWeek": "Sunday",
1297          "opens": "00:00",
1298          "closes": "00:00"
1299        }
1300      ],
1301      "parentOrganization": {
1302        "@id": "https://www.cityworldhyundai.com/#autodealer"
1303      }
1304    },
1305    {
1306      "@type": "AutoPartsStore",
1307      "@id": "https://www.cityworldhyundai.com/#autopartsstore",
1308      "name": "City World Hyundai Parts",
1309      "url": "https://www.cityworldhyundai.com/parts-department",
1310      "telephone": "(855) 306-0357",
1311      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
1312      "priceRange": "$50 - $10,000",
1313      "address": {
1314        "@id": "https://www.cityworldhyundai.com/#address"
1315      },
1316      "makesOffer": [
1317        {
1318          "@type": "Offer",
1319          "itemOffered": {
1320            "@type": "Service",
1321            "name": "OEM Parts Sales",
1322            "serviceType": "OEM Parts Sales",
1323            "areaServed": {
1324              "@type": "City",
1325              "name": "Bronx",
1326              "containedInPlace": {
1327                "@type": "State",
1328                "name": "NY"
1329              }
1330            },
1331            "description": "Genuine Hyundai OEM parts and accessories at City World Hyundai in Bronx. Factory-original components engineered to exact specifications for your vehicle."
1332          }
1333        }
1334      ],
1335      "openingHoursSpecification": [
1336        {
1337          "@type": "OpeningHoursSpecification",
1338          "dayOfWeek": "Monday",
1339          "opens": "07:30",
1340          "closes": "17:00"
1341        },
1342        {
1343          "@type": "OpeningHoursSpecification",
1344          "dayOfWeek": "Tuesday",
1345          "opens": "07:30",
1346          "closes": "17:00"
1347        },
1348        {
1349          "@type": "OpeningHoursSpecification",
1350          "dayOfWeek": "Wednesday",
1351          "opens": "07:30",
1352          "closes": "17:00"
1353        },
1354        {
1355          "@type": "OpeningHoursSpecification",
1356          "dayOfWeek": "Thursday",
1357          "opens": "07:30",
1358          "closes": "17:00"
1359        },
1360        {
1361          "@type": "OpeningHoursSpecification",
1362          "dayOfWeek": "Friday",
1363          "opens": "07:30",
1364          "closes": "17:00"
1365        },
1366        {
1367          "@type": "OpeningHoursSpecification",
1368          "dayOfWeek": "Saturday",
1369          "opens": "07:30",
1370          "closes": "13:00"
1371        },
1372        {
1373          "@type": "OpeningHoursSpecification",
1374          "dayOfWeek": "Sunday",
1375          "opens": "00:00",
1376          "closes": "00:00"
1377        }
1378      ],
1379      "parentOrganization": {
1380        "@id": "https://www.cityworldhyundai.com/#autodealer"
1381      }
1382    },
1383    {
1384      "@type": "Organization",
1385      "@id": "https://www.cityworldhyundai.com/#parentorganization",
1386      "name": "City World Auto Group",
1387      "subOrganization": {
1388        "@id": "https://www.cityworldhyundai.com/#autodealer"
1389      }
1390    }
1391  ]
1392}
1393</script>
1393
1394
1395<script>
1396    (function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=cityworldhyundai&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_frame_embed');
1397</script>
1397
1398
1399
1400<script>(function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=cityworldhyundai&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_dealer_analytics');</script>
1400
1401  
1402
1403  <!-- Google Tag Manager -->
1404    
1404<script>
vendor: 504 bytes, lines 1404-1413
1404
1405        (function (w, d, s, l, i) {
1406            w[l] = w[l] || []; w[l].push({
1407                'gtm.start':
1408                    new Date().getTime(), event: 'gtm.js'
1409            }); var
1410                f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l='
1411                    + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
1412                ; f.parentNode.insertBefore(j, f);
1413        })(window, document, 'script', 'dataLayer', '
1413GTM-KPBVZ3Q
vendor: 3 bytes, line 1413
1413');
1413</script>
1413
1414    <!-- End Google Tag Manager -->
1415    <!-- DSO Pixel Google Tag Manager -->
1416    
1416<script>
vendor: 476 bytes, lines 1416-1424
1416
1417        ( function ( w, d, s, l, i ) {
1418          w[l] = w[l] || []; w[l].push( {
1419            'gtm.start':
1420              new Date().getTime(), event: 'gtm.js'
1421          } ); var f = d.getElementsByTagName( s )[0],
1422            j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
1423              'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f );
1424        } )( window, document, 'script', 'dataLayer', '
1424GTM-WPGZWQGR
vendor: 9 bytes, lines 1424-1425
1424' );
1425    
1425</script>
1425
1426    <!-- End DSO Pixel Google Tag Manager -->
1427
1428
1429
1430  
1431
1432
1433
1434
1435
1436
1437
1438    
1439
1440
1441  
1442
1443<script type="application/javascript">
1444  var keyLength = localStorage.length;
1445  if (keyLength) {
1446    for (var i = 0; i < keyLength; i++) {
1447      var key = localStorage.key(i);
1448      if (key && key.indexOf('-rebates') !== -1) {
1449        localStorage.removeItem(key);
1450      }
1451    }
1452  }
1453</script>
1453
1454
1455
1456<script>
1457    var usePreownedRouteForUsed = 'false' == 'true';
1458    var vehicleBadgesTopSRP = 'false' === 'true';
1459    var showInTransitFilter = 'true' === 'true';
1460    var showInStockFilter = 'true' === 'true';
1461    var showInProductionFilter = 'true' === 'true';
1462    var finalConditionalPriceFontWeight = 'normal';
1463    var HideSubaruOemBadges = 'false' === 'true';
1464    var enableFinalPriceDetails = 'false' === 'true';
1465    var enableListPriceDetails = 'false' === 'true';
1466    var enableDiscountDetails = 'false' === 'true';
1467    var finalPriceDetails = '';
1468    var listPriceDetails = '';
1469    var discountPriceDetails = '';
1470    var sortModelsFilterByCount = 'false' === 'true';
1471    var sortTrimFilterByCount = 'false' === 'true';
1472    var srpDealerDiscountColor = '';
1473
1474    var sortYearFiltersinDescOrder = 'false' === 'true';
1475    var enableUdTestDriveIntegration = 'false' === 'true';
1476    var noResultsLeadFormHeading = '';
1477    var noResultsLeadFormSubHeading = '';
1478    var enableBonusOfferVehicleInterest = 'false' === 'true';
1479    var viewDisclaimerAsLink = 'false' === 'true';
1480    var hideInventoryCount = 'false' === 'true';
1481    var enableModelGroupingOnSRPFilters = 'false' === 'true';
1482    var isEnableHyundaiOEMBanner = 'true' === 'true';
1483    var preQualButtonHoverColor='';
1484    var preQualFontHoverColor='';
1485    var preQualButtonBorderHoverColor = '';
1486    var showLeasePaymentsOnCPO = 'false' === 'true';
1487    var enableSfsCreditApp = 'false' === 'true';
1488    var subaruLineupPosition = '2'
1489</script>
1489
1490
1491
1492
1493
1494
1495
1496
1497<script type="text/javascript">
1498    var stickFiltersToTop = 'true' === "true";
1499    var enableSRPFiltersGetApi = 'false' === "true";
1500    var seeResultsButtonColor = '';
1501    var seeResultsButtonFontColor = '';
1502    var seeResultsButtonBorderColor = '';
1503    var enableLESAVideosSRP = 'true' === "true";
1504    var textAQuoteHeadingLabel = '';
1505    var textAQuoteSubmitButtonLabel = '';
1506    var enableExtGenericColors = 'false' === "true";
1507    var enableInteriorColorFilter = 'true' === "true";
1508    var enableTrasactRedirectionURl = 'false'==="true";
1509    var isCareByVolvoSubscriptionBadge = 'false' === 'true';
1510    var hideColorSwatchesOnSRP = 'false' === "true";
1511    var enableUnityWorksIntegrationSrp = 'false' === "true";
1512    var enableActivEngageSrp = 'false' === "true";
1513    var activEngageButtounLabelDesktop = '';
1514    var activEngageButtounLabelMobile = '';
1515    var enableSelectFiSrp = 'False';
1516    var showIncentiveDetailsText = 'false' === "true";
1517    var showConditionalIncentiveDetailsText = 'false' === "true";
1518	var collapseHeaderOnMobile = 'false' === 'true';
1519    var enableActivEngageSrpMobile = 'false' === "true";
1520    var enableOemAccessoriesIntegration = 'false' === 'true';
1521    var excludeCPOFromUsed = 'false' === 'true';
1522    var showStep2Template = 'true' === "true";
1523    var vehicleTypesInVehicleNamesInventoryType = '';
1524    var vehicleTypeInVehicleNamesUsedlabel = '';
1525    var VehicleTypeInVehicleNamesCpolabel = '';
1526    var showMileageNewVehicles = 'false' === "true";
1527    var EnableGoxeeOnSrp = 'false' === "true";
1528</script>
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538    <!--  -->
1539
1540  <style>
1541  .popover,.tooltip,button,select{text-transform:none}.popover,.tooltip,address{font-style:normal}.custom-range,.custom-select,[type=search]{-webkit-appearance:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1rem}img,svg{vertical-align:middle}body,caption{text-align:left}dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}pre,textarea{overflow:auto}html,pre{-ms-overflow-style:scrollbar}article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}address,legend{line-height:inherit}.badge,progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}button,hr,input{overflow:visible}.dropdown-menu,.form-control,.modal-content,.popover{background-clip:padding-box}.dropdown-menu,.nav,.navbar-nav{list-style:none}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.text-monospace,code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[tabindex="-1"]:focus{outline:0!important}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.btn:not(:disabled):not(.disabled),.close:not(:disabled):not(.disabled),.navbar-toggler:not(:disabled):not(.disabled),.page-link:not(:disabled):not(.disabled),summary{cursor:pointer}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-size:1em}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.75rem;padding-top:.75rem}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;font-size:1.5rem;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}.badge,.btn,.dropdown-header,.dropdown-item,.input-group-text,.navbar-brand,.progress-bar{white-space:nowrap}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
1541.display-1,.display-2,.display-3,.display-4{line-height:1.2}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-bottom:.5rem}.blockquote,hr{margin-bottom:1rem}.display-1,.display-2,.display-3,.display-4,.lead{font-weight:300}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem}.display-1{font-size:6rem}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-4{font-size:3.5rem}hr{border:0;border-top:1px solid rgba(0,0,0,.1);box-sizing:content-box;height:0;margin-top:1rem}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.small,small{font-size:80%;font-weight:400}.mark,mark{background-color:#fcf8e3;padding:.2em}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{font-size:1.25rem}.blockquote-footer{color:#6c757d;display:block;font-size:80%}.blockquote-footer:before{content:"\2014   \A0"}.img-thumbnail{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#6c757d;font-size:90%}code,kbd{font-size:87.5%}a>code,pre code{color:inherit}code{color:#e83e8c;word-break:break-word}kbd{background-color:#212529;border-radius:.2rem;color:#fff;padding:.2rem .4rem}kbd kbd{font-size:100%;font-weight:700;padding:0}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.btn,.btn-link,.dropdown-item{font-weight:400}pre{color:#212529;display:block;font-size:87.5%}pre code{font-size:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.col{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
1541.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{background-color:transparent;margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #dee2e6;padding:.75rem;vertical-align:top}.table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>
1541th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{background-color:#212529;border-color:#32383e;color:#fff}.table .thead-light th{background-color:#e9ecef;border-color:#dee2e6;color:#495057}.table-dark{background-color:#212529;color:#fff}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered,.table-responsive>.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.collapsing,.modal-open,.progress{overflow:hidden}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:1rem;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);color:#495057;outline:0}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{background-color:#fff;color:#495057}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.col-form-label-lg{font-size:1.25rem;line-height:1.5;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;line-height:1.5;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#212529;display:block;line-height:1.5;margin-bottom:0;padding-bottom:.375rem;padding-top:.375rem;width:100%}.custom-file-input.is-valid~.custom-file-label,.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-file-input:valid~.custom-file-label,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.form-control-lg{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.form-check{display:block;padding-left:1.25rem;position:relative}.form-check-input{margin-left:-1.25rem;margin-top:.3rem;position:absolute}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;margin-right:.75rem;padding-left:0}.form-check-inline .form-check-input{margin-left:0;margin-right:.3125rem;margin-top:0;position:static}.invalid-tooltip,.valid-tooltip{border-radius:.25rem;line-height:1.5;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}
1541.valid-feedback{color:#28a745;display:none;font-size:80%;margin-top:.25rem;width:100%}.valid-tooltip{background-color:rgba(40,167,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{background-color:#71dd8a}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label:after,.was-validated .custom-file-input:valid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid~.custom-file-label,.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-file-input:invalid~.custom-file-label,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{color:#dc3545;display:none;font-size:80%;margin-top:.25rem;width:100%}.invalid-tooltip{background-color:rgba(220,53,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.collapsing,.dropdown,.dropleft,.dropright,.dropup{position:relative}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invali
1541d-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{background-color:#efa2a9}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label:after,.was-validated .custom-file-input:invalid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.form-inline .form-group,.form-inline label{align-items:center;display:-ms-flexbox;display:flex;margin-bottom:0}.form-inline .form-group{-ms-flex-align:center;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;padding-left:0;width:auto}.form-inline .form-check-input{margin-left:0;margin-right:.25rem;margin-top:0;position:relative}.form-inline .custom-control{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.btn-primary.disabled,.btn-primary:disabled{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#0062cc;border-color:#005cbf;color:#fff}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}
1541.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;color:#fff}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:#545b62;border-color:#4e555b;color:#fff}.btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34;color:#fff}.btn-success.disabled,.btn-success:disabled{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{background-color:#1e7e34;border-color:#1c7430;color:#fff}.btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496;border-color:#117a8b;color:#fff}.btn-info.disabled,.btn-info:disabled{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{background-color:#117a8b;border-color:#10707f;color:#fff}.btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00;color:#212529}.btn-warning.disabled,.btn-warning:disabled{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{background-color:#d39e00;border-color:#c69500;color:#212529}.btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;color:#fff}.btn-danger.disabled,.btn-danger:disabled{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{background-color:#bd2130;border-color:#b21f2d;color:#fff}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
1541.btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5;color:#212529}.btn-light.disabled,.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{background-color:#dae0e5;border-color:#d3d9df;color:#212529}.btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:hover{background-color:#23272b;border-color:#1d2124;color:#fff}.btn-dark.disabled,.btn-dark:disabled{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{background-color:#1d2124;border-color:#171a1d;color:#fff}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary{background-color:transparent;background-image:none;border-color:#007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:transparent;color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-outline-secondary{background-color:transparent;background-image:none;border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background-color:transparent;color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success{background-color:transparent;background-image:none;border-color:#28a745;color:#28a745}.btn-outline-success:hover{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-success.disabled,.btn-outline-success:disabled{background-color:transparent;color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info{background-color:transparent;background-image:none;border-color:#17a2b8;color:#17a2b8}.btn-outline-info:hover{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-info.disabled,.btn-outline-info:disabled{background-color:transparent;color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
1541.btn-outline-warning{background-color:transparent;background-image:none;border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-warning.disabled,.btn-outline-warning:disabled{background-color:transparent;color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger{background-color:transparent;background-image:none;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-danger.disabled,.btn-outline-danger:disabled{background-color:transparent;color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
1541.btn-outline-light{background-color:transparent;background-image:none;border-color:#f8f9fa;color:#f8f9fa}.btn-outline-light:hover{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-light.disabled,.btn-outline-light:disabled{background-color:transparent;color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark{background-color:transparent;background-image:none;border-color:#343a40;color:#343a40}.btn-outline-dark:hover{background-color:#343a40;border-color:#343a40;color:#fff}.btn-outline-dark.disabled,.btn-outline-dark:disabled{background-color:transparent;color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{background-color:#343a40;border-color:#343a40;color:#fff}.btn-link,.btn-link:hover{background-color:transparent}.btn-link.focus,.btn-link:focus,.btn-link:hover{border-color:transparent;text-decoration:underline}.btn-link{color:#007bff}.btn-link:hover{color:#0056b3}.btn-link.focus,.btn-link:focus{box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem}.btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.btn-block{display:block}.btn-block+.btn-block{margin-top:.5rem}.dropdown-toggle:after,.dropup .dropdown-toggle:after{content:"";height:0;vertical-align:.255em;width:0}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;display:inline-block;margin-left:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu-right{left:auto;right:0}.dropup .dropdown-menu{bottom:100%;margin-bottom:.125rem;margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;display:inline-block;margin-left:.255em}.dropleft .dropdown-toggle:before,.dropright .dropdown-toggle:after{border-bottom:.3em solid transparent;border-top:.3em solid transparent;content:"";height:0;width:0}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{left:100%;margin-left:.125rem;margin-top:0;right:auto;top:0}.dropright .dropdown-toggle:after{border-left:.3em solid;border-right:0;display:inline-block;margin-left:.255em;vertical-align:0}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-menu{left:auto;margin-right:.125rem;margin-top:0;right:100%;top:0}.dropleft .dropdown-toggle:after{content:"";display:none;height:0;margin-left:.255em;vertical-align:.255em;width:0}.dropleft .dropdown-toggle:before{border-right:.3em solid;display:inline-block;margin-right:.255em;vertical-align:0}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{bottom:auto;right:auto}.dropdown-divider{border-top:1px solid #e9ecef;height:0;margin:.5rem 0;overflow:hidden}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn,.custom-control-label,.custom-file,.dropdown-header,.input-group-text,.nav{margin-bottom:0}.dropdown-item{background-color:transparent;border:0;clear:both;color:#212529;display:block;padding:.25rem 1.5rem;text-align:inherit;width:100%}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after,.input-group>
1541.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-item:focus,.dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.dropdown-item.active,.dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#6c757d}.dropdown-menu.show{display:block}.dropdown-header{color:#6c757d;display:block;font-size:.875rem;padding:.5rem 1.5rem}.dropdown-item-text{color:#212529;display:block;padding:.25rem 1.5rem}.btn-group,.btn-group-vertical{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{-ms-flex:0 1 auto;flex:0 1 auto;position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-group>.btn:first-child,.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.btn-toolbar{-ms-flex-pack:start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{-ms-flex-align:start;-ms-flex-pack:center;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-file{-ms-flex-align:center;align-items:center}.input-group-append,.input-group-prepend,.input-group>.custom-file{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-prepend{margin-right:-1px}.input-group-text{-ms-flex-align:center;align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:-ms-flexbox;display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center}.alert-link,.badge,.close{font-weight:700}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>
1541.btn,.input-group-lg>.input-group-prepend>.input-group-text{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.custom-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{opacity:0;position:absolute;z-index:-1}.custom-control-input:checked~.custom-control-label:before{background-color:#007bff;color:#fff}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label:before{background-color:#b3d7ff;color:#fff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative}.custom-control-label:after,.custom-control-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.25rem;width:1rem}.custom-control-label:before{background-color:#dee2e6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox .custom-control-input:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#007bff}.custom-control-label:after{background-position:50%;background-repeat:no-repeat;background-size:50% 50%}.custom-file-input:lang(en)~.custom-file-label:after,.custom-file-label:after{content:"Browse"}.carousel-indicators li:after,.carousel-indicators li:before,.clearfix:after,.embed-responsive:before,.modal-dialog-centered:before,.navbar-toggler-icon,.popover .arrow:after,.popover .arrow:before,.tooltip .arrow:before{content:""}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-select{-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:inline-block;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.custom-select-lg,.custom-select-sm{padding-bottom:.375rem;padding-top:.375rem}.custom-file-input:focus~.custom-file-label:after,.custom-select:focus{border-color:#80bdff}.custom-select:focus{box-shadow:0 0 0 .2rem rgba(128,189,255,.5);outline:0}.custom-select:focus::-ms-value{background-color:#fff;color:#495057}.custom-file-input:disabled~.custom-file-label,.custom-select:disabled{background-color:#e9ecef}.custom-select[multiple],.custom-select[size]:not([size="1"]){background-image:none;height:auto;padding-right:.75rem}.custom-select:disabled{color:#6c757d}.custom-select::-ms-expand{opacity:0}
1541.custom-select-sm{font-size:75%;height:calc(1.8125rem + 2px)}.custom-select-lg{font-size:125%;height:calc(2.875rem + 2px)}.custom-file,.custom-file-input,.custom-file-label{height:calc(2.25rem + 2px)}.custom-file{display:inline-block;position:relative;width:100%}.custom-file-input{margin:0;opacity:0;position:relative;width:100%;z-index:2}.custom-file-label,.custom-file-label:after{color:#495057;line-height:1.5;padding:.375rem .75rem;position:absolute;right:0;top:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-label{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;left:0;z-index:1}.custom-file-label:after{background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0;bottom:0;display:block;height:2.25rem;z-index:3}.nav,.navbar{-ms-flex-wrap:wrap}.custom-range{-moz-appearance:none;appearance:none;background-color:transparent;padding-left:0;width:100%}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-thumb{appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-left:.2rem;margin-right:.2rem;margin-top:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{background-color:transparent;border-color:transparent;border-width:.5rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0}.nav-link,.navbar{padding:.5rem 1rem}.nav-link{display:block}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#6c757d}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;color:#495057}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#007bff;color:#fff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{display:flex;flex-wrap:wrap;position:relative}.navbar,.navbar>.container,.navbar>.container-fluid{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;justify-content:space-between}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.navbar-brand{display:inline-block;font-size:1.25rem;line-height:inherit;margin-right:1rem;padding-bottom:.3125rem;padding-top:.3125rem}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{float:none;position:static}.navbar-text{display:inline-block;padding-bottom:.5rem;padding-top:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;-ms-flex-positive:1;-ms-flex-align:center;align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:.25rem;font-size:1.25rem;line-height:1;padding:.25rem .75rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-left:0;padding-right:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-footer,.card-header{background-color:rgba(0,0,0,.03);padding:.75rem 1.25rem}.card-title{margin-bottom:.75rem}.card-header,.card-subtitle,.card-text:last-child{margin-bottom:0}.card-subtitle{margin-top:-.375rem}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}
1541.card-header-pills,.card-header-tabs{margin-left:-.625rem;margin-right:-.625rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem}.card-img-overlay{bottom:0;left:0;padding:1.25rem;position:absolute;right:0;top:0}.alert,.btn .badge,.page-link{position:relative}.card-img{border-radius:calc(.25rem - 1px);width:100%}.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);width:100%}.card-img-bottom{border-bottom-left-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px);width:100%}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-15px;margin-right:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;margin-left:15px;margin-right:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.card-columns .card{margin-bottom:.75rem}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb,.pagination{border-radius:.25rem;list-style:none}.breadcrumb{background-color:#e9ecef;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{color:#6c757d;content:"/";display:inline-block;padding-right:.5rem}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}
1541.pagination{display:-ms-flexbox;display:flex;padding-left:0}.page-link,.popover-body,.popover-header{padding:.5rem .75rem}.page-link{background-color:#fff;border:1px solid #dee2e6;color:#007bff;display:block;line-height:1.25;margin-left:-1px}.page-link:hover{background-color:#e9ecef;border-color:#dee2e6;color:#0056b3;text-decoration:none;z-index:2}.page-link:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0;z-index:2}.page-item:first-child .page-link{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;margin-left:0}.page-item:last-child .page-link{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.page-item.active .page-link{background-color:#007bff;color:#fff;z-index:1}.page-item.disabled .page-link{background-color:#fff;border-color:#dee2e6;color:#6c757d;cursor:auto;pointer-events:none}.pagination-lg .page-link{font-size:1.25rem;line-height:1.5;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.badge,.close{line-height:1}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.badge{border-radius:.25rem;display:inline-block;font-size:75%;padding:.25em .4em;text-align:center}.badge:empty{display:none}.btn .badge{top:-1px}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{background-color:#007bff;color:#fff}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#0062cc;color:#fff;text-decoration:none}.badge-secondary{background-color:#6c757d;color:#fff}.badge-secondary[href]:focus,.badge-secondary[href]:hover{background-color:#545b62;color:#fff;text-decoration:none}.badge-success{background-color:#28a745;color:#fff}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#1e7e34;color:#fff;text-decoration:none}.badge-info{background-color:#17a2b8;color:#fff}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#117a8b;color:#fff;text-decoration:none}.badge-warning{background-color:#ffc107;color:#212529}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#d39e00;color:#212529;text-decoration:none}.badge-danger{background-color:#dc3545;color:#fff}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#bd2130;color:#fff;text-decoration:none}.badge-light{background-color:#f8f9fa;color:#212529}.badge-light[href]:focus,.badge-light[href]:hover{background-color:#dae0e5;color:#212529;text-decoration:none}.badge-dark{background-color:#343a40;color:#fff}.badge-dark[href]:focus,.badge-dark[href]:hover{background-color:#1d2124;color:#fff;text-decoration:none}.jumbotron{background-color:#e9ecef;border-radius:.3rem;margin-bottom:2rem;padding:2rem 1rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{border-radius:0;padding-left:0;padding-right:0}.alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem}.alert-heading{color:inherit}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{color:inherit;padding:.75rem 1.25rem;position:absolute;right:0;top:0}.alert-primary{background-color:#cce5ff;border-color:#b8daff;color:#004085}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{background-color:#e2e3e5;border-color:#d6d8db;color:#383d41}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{background-color:#fefefe;border-color:#fdfdfe;color:#818182}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{background-color:#d6d8d9;border-color:#c6c8ca;color:#1b1e21}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1rem}.progress,.progress-bar{display:-ms-flexbox;display:flex}.progress-bar{-ms-flex-pack:center;background-color:#007bff;color:#fff;-ms-flex-direction:column;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.media-body{-ms-flex:1;flex:1}
1541.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item-action{color:#495057;text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.list-group-item-action:active{background-color:#e9ecef;color:#212529}.list-group-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);display:block;margin-bottom:-1px;padding:.75rem 1.25rem;position:relative}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:0}.list-group-item:focus,.list-group-item:hover{text-decoration:none;z-index:1}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:#6c757d}.list-group-item.active{background-color:#007bff;border-color:#007bff;color:#fff;z-index:2}.list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{background-color:#b8daff;color:#004085}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#9fcdff;color:#004085}.list-group-item-primary.list-group-item-action.active{background-color:#004085;border-color:#004085;color:#fff}.list-group-item-secondary{background-color:#d6d8db;color:#383d41}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#c8cbcf;color:#383d41}.list-group-item-secondary.list-group-item-action.active{background-color:#383d41;border-color:#383d41;color:#fff}.list-group-item-success{background-color:#c3e6cb;color:#155724}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#b1dfbb;color:#155724}.list-group-item-success.list-group-item-action.active{background-color:#155724;border-color:#155724;color:#fff}.list-group-item-info{background-color:#bee5eb;color:#0c5460}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#abdde5;color:#0c5460}.list-group-item-info.list-group-item-action.active{background-color:#0c5460;border-color:#0c5460;color:#fff}.list-group-item-warning{background-color:#ffeeba;color:#856404}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#ffe8a1;color:#856404}.list-group-item-warning.list-group-item-action.active{background-color:#856404;border-color:#856404;color:#fff}.list-group-item-danger{background-color:#f5c6cb;color:#721c24}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#f1b0b7;color:#721c24}.list-group-item-danger.list-group-item-action.active{background-color:#721c24;border-color:#721c24;color:#fff}.list-group-item-light{background-color:#fdfdfe;color:#818182}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#ececf6;color:#818182}.list-group-item-light.list-group-item-action.active{background-color:#818182;border-color:#818182;color:#fff}.list-group-item-dark{background-color:#c6c8ca;color:#1b1e21}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#b9bbbe;color:#1b1e21}.list-group-item-dark.list-group-item-action.active{background-color:#1b1e21;border-color:#1b1e21;color:#fff}.close{color:#000;float:right;font-size:1.5rem;opacity:.5;text-shadow:0 1px 0 #fff}.popover,.tooltip{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-weight:400;letter-spacing:normal;line-break:auto;text-decoration:none;white-space:normal;word-break:normal;word-spacing:normal}.modal-title,.popover,.tooltip{line-height:1.5}.popover,.text-hide,.tooltip{text-shadow:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;opacity:.75;text-decoration:none}button.close{-webkit-appearance:none;background-color:transparent;border:0;padding:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{bottom:0;display:none;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1050}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);transform:translateY(-25%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.modal-dialog-centered{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem)}.modal-content{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{opacity:0}
1541.modal-backdrop.show{opacity:.5}.modal-header{-ms-flex-align:start;-ms-flex-pack:justify;align-items:flex-start;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:-ms-flexbox;display:flex;justify-content:space-between;padding:1rem}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem}.modal-title{margin-bottom:0}.modal-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;position:relative}.modal-footer{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;border-top:1px solid #e9ecef;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:1rem}.popover,.popover .arrow,.popover .arrow:after,.popover .arrow:before,.tooltip,.tooltip .arrow{display:block;position:absolute}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{margin:0;opacity:0;text-align:left;text-align:start;z-index:1070}.tooltip.show{opacity:.9}.tooltip .arrow{height:.4rem;width:.8rem}.tooltip .arrow:before{border-color:transparent;border-style:solid;position:absolute}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{border-top-color:#000;border-width:.4rem .4rem 0;top:0}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{height:.8rem;left:0;width:.4rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{border-right-color:#000;border-width:.4rem .4rem .4rem 0;right:0}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{border-bottom-color:#000;border-width:0 .4rem .4rem;bottom:0}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{height:.8rem;right:0;width:.4rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{border-left-color:#000;border-width:.4rem 0 .4rem .4rem;left:0}.tooltip-inner{background-color:#000;border-radius:.25rem;color:#fff;max-width:200px;padding:.25rem .5rem;text-align:center}.popover{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;left:0;max-width:276px;text-align:left;text-align:start;top:0;z-index:1060}.popover .arrow{height:.5rem;margin:0 .3rem;width:1rem}.popover .arrow:after,.popover .arrow:before{border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:after,.bs-popover-top .arrow:before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:before{border-top-color:rgba(0,0,0,.25);bottom:0}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-top .arrow:after{border-top-color:#fff;bottom:1px}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{height:1rem;left:calc(-.5rem + -1px);margin:.3rem 0;width:.5rem}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:after,.bs-popover-right .arrow:before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:before{border-right-color:rgba(0,0,0,.25);left:0}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-right .arrow:after{border-right-color:#fff;left:1px}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}
1541.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:after,.bs-popover-bottom .arrow:before{border-width:0 .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:before{border-bottom-color:rgba(0,0,0,.25);top:0}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-bottom .arrow:after{border-bottom-color:#fff;top:1px}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:1px solid #f7f7f7;content:"";display:block;left:50%;margin-left:-.5rem;position:absolute;top:0;width:1rem}.carousel,.carousel-inner,.carousel-item{position:relative}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{height:1rem;margin:.3rem 0;right:calc(-.5rem + -1px);width:.5rem}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:after,.bs-popover-left .arrow:before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:before{border-left-color:rgba(0,0,0,.25);right:0}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-left .arrow:after{border-left-color:#fff;right:1px}.popover-header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);color:inherit;font-size:1rem;margin-bottom:0}.popover-header:empty{display:none}.popover-body{color:#212529}.carousel-inner{overflow:hidden;width:100%}.carousel-item{-ms-flex-align:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;-webkit-perspective:1000px;perspective:1000px;width:100%}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}
1541.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateZ(0);transform:translateZ(0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateZ(0);transform:translateZ(0)}}.carousel-control-next,.carousel-control-prev{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;bottom:0;color:#fff;display:-ms-flexbox;display:flex;justify-content:center;opacity:.5;position:absolute;text-align:center;top:0;width:15%}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:20px;width:20px}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{-ms-flex-pack:center;bottom:10px;display:-ms-flexbox;display:flex;justify-content:center;left:0;list-style:none;margin-left:15%;margin-right:15%;padding-left:0;position:absolute;right:0;z-index:15}.carousel-indicators li{background-color:hsla(0,0%,100%,.5);cursor:pointer;-ms-flex:0 1 auto;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;position:relative;text-indent:-999px;width:30px}.carousel-indicators li:after,.carousel-indicators li:before{display:inline-block;height:10px;left:0;position:absolute;width:100%}.carousel-indicators li:before{top:-10px}.carousel-indicators li:after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{bottom:20px;color:#fff;left:15%;padding-bottom:20px;padding-top:20px;position:absolute;right:15%;text-align:center;z-index:10}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-left,.rounded-top{border-top-left-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix:after{clear:both;display:block}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.embed-responsive:before{display:block}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.embed-responsive-21by9:before{padding-top:42.857143%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
1541.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-top{top:0}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{border:0;white-space:nowrap}.sr-only-focusable:active,.sr-only-focusable:focus{white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}
1541.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
1541.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}
1541.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}
1541.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
1541.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.fa-fw,.fa-li,.fa-stack-1x,.fa-stack-2x,.footer,.footer-tvm,.header-menu li{text-align:center}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{box-shadow:none!important;text-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{border-color:#dee2e6;color:inherit}}.footer ul li a,.footer ul li a:hover,.header-menu li a,.header-menu li a:hover{text-decoration:none}
1542</style>
1543
1544
1545    <link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
1546  <noscript>
1547        <link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
1548  </noscript>
1549
1550  
1551
1552
1553
1554</head>
1555<body class="_website_gemini page-speed   " id="_website_gemini">
1556
1557
1558        
1558<script type="text/html" id="main-template-footer">
1559
1560          
1561
1562
1563
1564<div id="website-hyundai-footer">
1565    <div id="hyundai-footer">
1566        <div class="py-4" style="background-color:black; color:white;">
1567            <div class="container ">
1568              <dealer-contact-info-hours-with-map :program-icon-settings='{"themeName":"Hyundai","enableOEMProgram":true,"enrolledInCarCareProgram":false,"enrolledInShopperAssuranceProgram":true,"enrolledInIoniqProgram":true,"enrolledInHopeOnWheelsProgram":true,"enrolledInClickToBuyProgram":false,"primaryAddressLabel":"Sales","secondaryAddressLabel":"Service "}'/>
1569
1570                <div class="d-flex align-items-center flex-column flex-md-row justify-content-md-between mb-3" style="gap:15px;">
1571                  <div class="row social-icons d-flex flex-1 pt-4 pt-md-0">
1572                        <a href="https://www.facebook.com/cityworldhyundai/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons " title="Facebook" @click="onSocialMediaClick('Facebook', 'https://www.facebook.com/cityworldhyundai/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Facebook')"
1573                        >
1574                            <span><em class="primaryicon-facebook" title="Facebook" :style="{'color' : '!important'}"></em></span>
1575                        </a>
1576                        <a href="https://www.instagram.com/cityworldhyundai_/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons " title="Instagram" @click="onSocialMediaClick('Instagram', 'https://www.instagram.com/cityworldhyundai_/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Instagram')"
1577                        >
1578                            <span><em class="primaryicon-instagram" title="Instagram" :style="{'color' : '!important'}"></em></span>
1579                        </a>
1580                        <a href="https://twitter.com/cw_hyundai?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons " title="Twitter" @click="onSocialMediaClick('Twitter', 'https://twitter.com/cw_hyundai?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Twitter')"
1581                        >
1582                            <span><em class="primaryicon-twitter" title="Twitter" :style="{'color' : '!important'}"></em></span>
1583                        </a>
1584                        <a href="https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons " title="Youtube" @click="onSocialMediaClick('Youtube', 'https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Youtube')"
1585                        >
1586                            <span><em class="primaryicon-youtube" title="Youtube"  :style="{'color' : '!important'}"></em></span>
1587                        </a>
1588                                  <a @click="onSocialMediaClick('DealerRater', 'https://www.dealerrater.com/dealer/City-World-Hyundai-review-38079/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS&amp;__v15=1', $event)" href="https://www.dealerrater.com/dealer/City-World-Hyundai-review-38079/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS&amp;__v15=1" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons " title="DealerRater"
1589                                  >
1590                                      <span><em class="primaryicon-Dealer-Rater-Icon" title="DealerRater" :style="{'color' : '!important'}"></em></span>
1591                                  </a>
1592                  </div>
1593                  <div id="lang-component" class="text-md-right flex-1">
1594                      Language: <language-change-icon> </language-change-icon>
1595                      <span class="font-weight-bold ft-11 pl-1 primaryicon-right-arrow-light"></span>
1596                  </div>
1597                </div>
1598
1599
1600                <div class="footer-menu-links my-4">
1601                  <div class="d-flex flex-wrap justify-content-center align-items-center" style="gap: 15px;">
1602                    <a @click="onFooterNavigationClick('Privacy Policy')" href="/privacy-policy" class="text-white text-decoration-none footer-link px-3">Privacy Policy</a>
1603                    <span class="text-white d-md-none">|</span>
1604                    <a @click.prevent="openTerms('Terms Of Use','')" href="" class="text-white text-decoration-none footer-link px-3">Terms Of Use</a>
1605                    <span class="text-white d-md-none">|</span>
1606                    <a @click.prevent="openSiteMap('/sitemap.xml','Sitemap')" href="/sitemap.xml" class="text-white text-decoration-none footer-link px-3">Sitemap</a>
1607                    <span class="text-white d-md-none">|</span>
1608                    <a @click.prevent="openSiteMap('/sitemap.html','Sitemap Html')" href="/sitemap.html" class="text-white text-decoration-none footer-link px-3">Sitemap Html</a>
1609                    <span class="text-white d-md-none">|</span>
1610                      <a href="/optout" @click='onFooterNavigationClick("Opt-Out")' class="text-white text-decoration-none footer-link px-3">Opt-Out</a>
1611
1612                    <a href="/privacy-policy" @click='onFooterNavigationClick("Do Not Sell Information")' class="text-white text-decoration-none footer-link px-3">Do Not Sell Information</a>
1613
1614
1615                    <a href="/privacy-policy" @click='onFooterNavigationClick("Cookie Preferences")' class="text-white text-decoration-none footer-link px-3">Cookie Preferences</a>
1616                  </div>
1617                </div>
1618
1619                <div>
1620                      <div class="mt-2">
1621                          <p class=" company-branding-text m-0 text-center">Website by
1622                          <a class="text-decoration-none text-white" href="https://teamvelocitymarketing.com/" rel="noopener nofollow" target="_blank">
1623                          Team Velocity®</a>
1624                          - Fueled by Apollo® | Copyright ©2026
1625                          </p>
1626                      </div>
1627                </div>
1628
1629            </div>
1630        </div>
1631    </div>
1632</div>
1633<div>
1634    <contact-form :opencontact="ContactForm"
1635                  offerid=""
1636                  styleid=""
1637                  vin=""
1638                  dealerurl=""
1639                  v-if="ContactForm"
1640                  @hidemodal="ContactForm = false"></contact-form>
1641    <schedule-service-modal-form v-if="openScheduleService" @hidemodal="openScheduleService = false"></schedule-service-modal-form>
1642    <get-financing v-if="openFinance" @hidemodal="openFinance = false"></get-financing>
1643    <get-directions v-if="showDirections" @hidemodal="showDirections =false "></get-directions>
1644    <privacy-statement v-if="showPrivacy"
1645                       :openprivacystatement="showPrivacy"
1646                       @hidemodal="showPrivacy = false">
1647    </privacy-statement>
1648    <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
1649                   :url="showIframeUrl"></iframe-modal>
1650    <additional-disclosure v-if="showDisclosure"
1651                           :openadditionaldisclosure="showDisclosure"
1652                           @hidemodal="showDisclosure = false">
1653    </additional-disclosure>
1654    <termsof-use v-if="showTerms"
1655                 :opentermsofuse="showTerms"
1656                 @hidemodal="showTerms = false">
1657    </termsof-use>
1658</div>
1659
1660          </script>
1660
1661        
1661<script type="text/html" id="main-template-header">
1662          <div id="website-primary-header" class="gemini_header position-fixed w-100 bgcolor-primary _theme_background_color Website_Gemini_header_Utility_header_selection white-header" :class="[ menuTransparent ? 'transparent-header' : 'non-transparent-header']">
1663            
1664
1665
1666
1667
1668      <div class="header _primary_template_header gemini-utility-menu w-100 _website_header">
1669
1670        <div class="bg-white color-primary gemini-utility-menu-wrapper">
1671
1672          <div class="container">
1673
1674           <div @click='onHeaderMenuClick();' class="align-items-center d-flex justify-content-between utility-bar-top w-100 ft-12">
1675
1676    <div class="hyundai-program-icons d-flex align-items-center mr-auto">
1677            <a class="hyundai-shopper d-flex align-items-center mr-3" href="/shopper-assurance">
1678                <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-ShopperAssurance_240x80.png" alt="Shopper Assurance" />
1679            </a>
1680            <a class="hyundai-ioniq d-flex align-items-center mr-3" href="/inventory/new/hyundai/ioniq-5,ioniq-6,ioniq-9">
1681                <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-IoniqDealer_240x80.png" alt="IONIQ Program" />
1682            </a>
1683            <a class="hyundai-hope d-flex align-items-center mr-3" href="/why-hyundai/hope-on-wheels">
1684                <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-HopeonWheels_240x80.png" alt="Hope On Wheels" />
1685            </a>
1686       
1687    </div>
1688            <div class="d-flex align-items-center justify-content-end flex-grow-1">
1689                <div class="dealer-name">City World Hyundai</div>
1690                <div class="dealer-separator line-seperator mx-2"></div>
1691
1692
1693                <div class="d-flex align-items-center phone-numbers-label-container">
1694                       <div class="line-seperator mx-3"></div> <div class="text-center">
1695                        <em class="primaryicon-phone mr-1"></em>&nbsp;Sales <a href="tel:866-585-7677"
1696                                                                    @click="onContactSalesClick('Sales Call Button', 'Header','866-585-7677')"
1697                                                                    class="Phone_Sales color-primary wordBreak pe-none">866-585-7677</a>
1698                                                                  </div>
1699                      <div class="line-seperator mx-2"></div> <div class="text-center">
1700                        Service <a href="tel:877-801-7135" class="Phone_Service color-primary wordBreak pe-none"
1701                                                                      @click="onContactSalesClick('Service Call Button', 'Header','877-801-7135')">877-801-7135</a>
1702                                                                    </div>
1703                    <div class="line-seperator mx-2"></div>
1704                    <div class="text-center">
1705                      Parts <a href="tel:877-372-4316" @click="onContactSalesClick('Parts Call Button', 'Header')"
1706                                                                  class="Phone_Parts color-primary wordBreak pe-none">877-372-4316</a>
1707                                                                </div>
1708                </div>
1709
1710                <div class="ml-3 mr-2">
1711                  <a href="/get-directions" class="no-hover ml-2 color-primary" title="location" @click='onDirectionsLinkClickForEvent()'>
1712                    <em class="primaryicon-map-pin "></em>
1713                  </a>
1714                </div>
1715                <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("3350 Boston Rd, Bronx, NY 10469")'>
1716                  3350 Boston Rd, Bronx, NY 10469
1717                </div>
1718                  <div class="line-seperator mx-2"></div>
1719                  <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("2249 New England Thruway Bronx, NY 10475")'>
1720                    Service  : 2249 New England Thruway Bronx, NY 10475
1721                  </div>
1722
1723
1724                <div class="ml-4">
1725                  <div class="businesshours-hover position-relative cursor-pointer d-flex">
1726                      <div class="mr-1"><em class="primaryicon-clock mr-1 ft-11"></em>Today  <span>9:00 AM - 7:00 PM</span></div>
1727                      <div class="ml-1"><em class="primaryicon-clock mr-1 ft-11"></em>Service  <span>7:30 AM - 5:00 PM</span></div>
1728                    <div class="position-absolute d-none show-businesshours-hover black-text p-3 w-100">
1729                        <h6 class="text-center"> Open Today !  </h6>
1730                            <div class="d-flex ft-15 text-left">
1731                            <span>  Sales: </span> <span class="ml-1"> 9:00 AM - 7:00 PM </span>
1732                            </div>
1733                            <div class="d-flex ft-15 text-left">
1734                            <span>  Service: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span>
1735                            </div>
1736                            <div class="d-flex ft-15 text-left">
1737                            <span>  Parts: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span>
1738                            </div>
1739                      <div class="text-center mt-3">
1740                        <div class="color-primary ft-24 no-hover theme-text-color" title="directions"
1741                             @click.prevent="showDirections=true,allhoursGetDirections =true,allHoursClick()">
1742                            <u>All Hours</u>
1743                        </div>
1744                      </div>
1745
1746                    </div>
1747                  </div>
1748                </div>
1749              </div>
1750            </div>
1751            </div>
1752
1753    </div>
1754
1755    <div  class="header-menu _primary_template_header_menu position-relative _theme_background_color bgcolor-primary"  @mouseleave='onMouseLeave()'>
1756        <div class="container">
1757              <div class="d-flex align-items-center justify-content-between position-relative row flex-nowrap header-menu-wrapper" style="z-index: 1000;height: 80px;">
1758                <div class=" col-auto">
1759                    <a href="/" title="City World Hyundai" @click='onLogoClick(`/`)'>
1760                        <img src="https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&amp;Width=0&amp;Height=0&amp;logo=y" alt="City World Hyundai" title="City World Hyundai"
1761                             class="header-make-logo" style="max-height: 80px" />
1762                    </a>
1763
1764                </div>
1765
1766
1767
1768
1769                <div class="align-items-center col d-flex justify-content-end p-0">
1770
1771
1772
1773
1774
1775                       <template v-if="!showVehicleSearch">
1776                         
1777
1778
1779<div class="d-flex horizontalmenu align-items-center h-100 justify-content-end large-listed-menu">
1780      <div class="d-flex position-relative align-items-center px-0">
1781       
1782            <a href="/inventory/new" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1783              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757519, menuName: `New` })'
1784              @mouseover='onMouseOver(757519, `New`)' :class='isEvVehicleText(`New`)' >
1785            <span :class='{"hybrid-menu":isEvVehicleText(`New`),"text-underline":757519==tempMenuId && showContactForm}' >New</span>
1786                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1787          style="color:#c5c5c5;"></em>
1788          </a>
1789        
1790       
1791        <div class="line-seperator mx-2"></div>
1792
1793          <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']"
1794      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757519"
1795      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1796            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1797        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1798        @click.prevent='onContactFormClick(757519, `New`)'></div>
1799            <div class="d-flex flex-column align-items-center h-100">
1800                <div class="d-flex w-100 align-items-center h-100">
1801                      <a href="/inventory/new" style="cursor:pointer"
1802            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1803            @click='headerMenuNavigationEvent(`Shop All Models`, "/inventory/new",`New`);menuInteraction($event, `New`, `/inventory/new`, `Shop All Models`, `/inventory/new`)' :class='isEvVehicleText(`Shop All Models`)'>
1804
1805            Shop All Models</a>
1806                </div>
1807                <div class="d-flex w-100 align-items-center h-100">
1808                      <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer"
1809            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1810            @click='headerMenuNavigationEvent(`New Hyundai Specials`, "https://www.cityworldhyundai.com/specials/vehicle-specials",`New`);menuInteraction($event, `New`, `/inventory/new`, `New Hyundai Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`)' :class='isEvVehicleText(`New Hyundai Specials`)'>
1811
1812            New Hyundai Specials</a>
1813                </div>
1814                <div class="d-flex w-100 align-items-center h-100">
1815                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
1816            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1817            @click='headerMenuNavigationEvent(`Current Incentives`, "https://www.cityworldhyundai.com/incentives",`New`);menuInteraction($event, `New`, `/inventory/new`, `Current Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`Current Incentives`)'>
1818
1819            Current Incentives</a>
1820                </div>
1821                <div class="d-flex w-100 align-items-center h-100">
1822                      <a href="https://www.cityworldhyundai.com/reserve-your-vehicle" style="cursor:pointer"
1823            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1824            @click='headerMenuNavigationEvent(`Custom Order`, "https://www.cityworldhyundai.com/reserve-your-vehicle",`New`);menuInteraction($event, `New`, `/inventory/new`, `Custom Order`, `https://www.cityworldhyundai.com/reserve-your-vehicle`)' :class='isEvVehicleText(`Custom Order`)'>
1825
1826            Custom Order</a>
1827                </div>
1828                <div class="d-flex w-100 align-items-center h-100">
1829                    <a href="#researchmodels" style="cursor:pointer"
1830            class="px-3 py-2  font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction"
1831            @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'>
1832
1833                      Research Models
1834                    </a>
1835                </div>
1836            </div>
1837          </div>
1838
1839      </div>
1840      <div class="d-flex position-relative align-items-center px-0">
1841       
1842            <a href="/inventory/used" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1843              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757520, menuName: `Pre-Owned` })'
1844              @mouseover='onMouseOver(757520, `Pre-Owned`)' :class='isEvVehicleText(`Pre-Owned`)' >
1845            <span :class='{"hybrid-menu":isEvVehicleText(`Pre-Owned`),"text-underline":757520==tempMenuId && showContactForm}' >Pre-Owned</span>
1846                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1847          style="color:#c5c5c5;"></em>
1848          </a>
1849        
1850       
1851        <div class="line-seperator mx-2"></div>
1852
1853          <div id="primary-submenu" :class="[(6>10)?'max-submenu-height':'']"
1854      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757520"
1855      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1856            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1857        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1858        @click.prevent='onContactFormClick(757520, `Pre-Owned`)'></div>
1859            <div class="d-flex flex-column align-items-center h-100">
1860                <div class="d-flex w-100 align-items-center h-100">
1861                      <a href="/inventory/used" style="cursor:pointer"
1862            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1863            @click='headerMenuNavigationEvent(`Shop Pre-Owned Vehicles`, "/inventory/used",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Shop Pre-Owned Vehicles`, `/inventory/used`)' :class='isEvVehicleText(`Shop Pre-Owned Vehicles`)'>
1864
1865            Shop Pre-Owned Vehicles</a>
1866                </div>
1867                <div class="d-flex w-100 align-items-center h-100">
1868                      <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer"
1869            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1870            @click='headerMenuNavigationEvent(`Pre-Owned Vehicle Specials`, "https://www.cityworldhyundai.com/specials/preowned-specials",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Pre-Owned Vehicle Specials`, `https://www.cityworldhyundai.com/specials/preowned-specials`)' :class='isEvVehicleText(`Pre-Owned Vehicle Specials`)'>
1871
1872            Pre-Owned Vehicle Specials</a>
1873                </div>
1874                <div class="d-flex w-100 align-items-center h-100">
1875                      <a href="/inventory/cpo" style="cursor:pointer"
1876            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1877            @click='headerMenuNavigationEvent(`Certified Pre-Owned Vehicles`, "/inventory/cpo",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Certified Pre-Owned Vehicles`, `/inventory/cpo`)' :class='isEvVehicleText(`Certified Pre-Owned Vehicles`)'>
1878
1879            Certified Pre-Owned Vehicles</a>
1880                </div>
1881                <div class="d-flex w-100 align-items-center h-100">
1882                      <a href="/bargain-inventory" style="cursor:pointer"
1883            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1884            @click='headerMenuNavigationEvent(`Value Deals Under $20k`, "/bargain-inventory",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Value Deals Under $20k`, `/bargain-inventory`)' :class='isEvVehicleText(`Value Deals Under $20k`)'>
1885
1886            Value Deals Under $20k</a>
1887                </div>
1888                <div class="d-flex w-100 align-items-center h-100">
1889                      <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer"
1890            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1891            @click='headerMenuNavigationEvent(`Edmunds Trade-In`, "https://www.cityworldhyundai.com/shopperwizard/mytradevalue",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Edmunds Trade-In`, `https://www.cityworldhyundai.com/shopperwizard/mytradevalue`)' :class='isEvVehicleText(`Edmunds Trade-In`)'>
1892
1893            Edmunds Trade-In</a>
1894                </div>
1895                <div class="d-flex w-100 align-items-center h-100">
1896                      <a href="https://www.cityworldhyundai.com/hcuv" style="cursor:pointer"
1897            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1898            @click='headerMenuNavigationEvent(`Hyundai Certified Benefits`, "https://www.cityworldhyundai.com/hcuv",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Hyundai Certified Benefits`, `https://www.cityworldhyundai.com/hcuv`)' :class='isEvVehicleText(`Hyundai Certified Benefits`)'>
1899
1900            Hyundai Certified Benefits</a>
1901                </div>
1902            </div>
1903          </div>
1904
1905      </div>
1906      <div class="d-flex position-relative align-items-center px-0">
1907       
1908            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1909              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762575, menuName: `ExpressWay` })'
1910              @mouseover='onMouseOver(762575, `ExpressWay`)' :class='isEvVehicleText(`ExpressWay`)' >
1911            <span :class='{"hybrid-menu":isEvVehicleText(`ExpressWay`),"text-underline":762575==tempMenuId && showContactForm}' >ExpressWay</span>
1912                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1913          style="color:#c5c5c5;"></em>
1914          </a>
1915        
1916       
1917        <div class="line-seperator mx-2"></div>
1918
1919          <div id="primary-submenu" :class="[(1>10)?'max-submenu-height':'']"
1920      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762575"
1921      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1922            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1923        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1924        @click.prevent='onContactFormClick(762575, `ExpressWay`)'></div>
1925            <div class="d-flex flex-column align-items-center h-100">
1926                <div class="d-flex w-100 align-items-center h-100">
1927                      <a href="https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&amp;_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw" style="cursor:pointer"
1928            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" target="_blank"
1929            @click='headerMenuNavigationEvent(`Buy Online`, "https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&amp;_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw",`ExpressWay`);
1930            redirectMenuInteraction($event,`ExpressWay`, ``, `Buy Online`, `https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&amp;_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw`)' :class='isEvVehicleText(`Buy Online`)'>
1931
1932            Buy Online</a>
1933                </div>
1934            </div>
1935          </div>
1936
1937      </div>
1938      <div class="d-flex position-relative align-items-center px-0">
1939       
1940            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1941              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762577, menuName: `Electrified Vehicles` })'
1942              @mouseover='onMouseOver(762577, `Electrified Vehicles`)' :class='isEvVehicleText(`Electrified Vehicles`)' >
1943            <span :class='{"hybrid-menu":isEvVehicleText(`Electrified Vehicles`),"text-underline":762577==tempMenuId && showContactForm}' >Electrified Vehicles</span>
1944                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1945          style="color:#c5c5c5;"></em>
1946          </a>
1947        
1948       
1949        <div class="line-seperator mx-2"></div>
1950
1951          <div id="primary-submenu" :class="[(3>10)?'max-submenu-height':'']"
1952      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762577"
1953      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1954            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1955        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1956        @click.prevent='onContactFormClick(762577, `Electrified Vehicles`)'></div>
1957            <div class="d-flex flex-column align-items-center h-100">
1958                <div class="d-flex w-100 align-items-center h-100">
1959                      <a href="/ev-and-hybrids" style="cursor:pointer"
1960            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1961            @click='headerMenuNavigationEvent(`Browse Electrified Inventory`, "/ev-and-hybrids",`Electrified Vehicles`);menuInteraction($event, `Electrified Vehicles`, ``, `Browse Electrified Inventory`, `/ev-and-hybrids`)' :class='isEvVehicleText(`Browse Electrified Inventory`)'>
1962
1963            Browse Electrified Inventory</a>
1964                </div>
1965                <div class="d-flex w-100 align-items-center h-100">
1966                      <a href="https://www.cityworldhyundai.com/HyundaiEVHub/overview" style="cursor:pointer"
1967            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1968            @click='headerMenuNavigationEvent(`Hyundai EV Hub`, "https://www.cityworldhyundai.com/HyundaiEVHub/overview",`Electrified Vehicles`);menuInteraction($event, `Electrified Vehicles`, ``, `Hyundai EV Hub`, `https://www.cityworldhyundai.com/HyundaiEVHub/overview`)' :class='isEvVehicleText(`Hyundai EV Hub`)'>
1969
1970            Hyundai EV Hub</a>
1971                </div>
1972                <div class="d-flex w-100 align-items-center h-100">
1973                    <a href="#researchmodels" style="cursor:pointer"
1974            class="px-3 py-2  font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction"
1975            @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'>
1976
1977                      Research Models
1978                    </a>
1979                </div>
1980            </div>
1981          </div>
1982
1983      </div>
1984      <div class="d-flex position-relative align-items-center px-0">
1985       
1986            <a href="/getfinancing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1987              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757522, menuName: `Finance` })'
1988              @mouseover='onMouseOver(757522, `Finance`)' :class='isEvVehicleText(`Finance`)' >
1989            <span :class='{"hybrid-menu":isEvVehicleText(`Finance`),"text-underline":757522==tempMenuId && showContactForm}' >Finance</span>
1990                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1991          style="color:#c5c5c5;"></em>
1992          </a>
1993        
1994       
1995        <div class="line-seperator mx-2"></div>
1996
1997          <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']"
1998      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757522"
1999      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2000            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2001        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2002        @click.prevent='onContactFormClick(757522, `Finance`)'></div>
2003            <div class="d-flex flex-column align-items-center h-100">
2004                <div class="d-flex w-100 align-items-center h-100">
2005                      <a href="https://www.cityworldhyundai.com/getfinancing" style="cursor:pointer"
2006            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2007            @click='headerMenuNavigationEvent(`Apply for Financing`, "https://www.cityworldhyundai.com/getfinancing",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Apply for Financing`, `https://www.cityworldhyundai.com/getfinancing`)' :class='isEvVehicleText(`Apply for Financing`)'>
2008
2009            Apply for Financing</a>
2010                </div>
2011                <div class="d-flex w-100 align-items-center h-100">
2012                      <a href="https://www.cityworldhyundai.com/tdc-pre-qual" style="cursor:pointer"
2013            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2014            @click='headerMenuNavigationEvent(`Get Pre-Qualified in Seconds`, "https://www.cityworldhyundai.com/tdc-pre-qual",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Get Pre-Qualified in Seconds`, `https://www.cityworldhyundai.com/tdc-pre-qual`)' :class='isEvVehicleText(`Get Pre-Qualified in Seconds`)'>
2015
2016            Get Pre-Qualified in Seconds</a>
2017                </div>
2018                <div class="d-flex w-100 align-items-center h-100">
2019                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
2020            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2021            @click='headerMenuNavigationEvent(`Current Incentives`, "https://www.cityworldhyundai.com/incentives",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Current Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`Current Incentives`)'>
2022
2023            Current Incentives</a>
2024                </div>
2025                <div class="d-flex w-100 align-items-center h-100">
2026                      <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer"
2027            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2028            @click='headerMenuNavigationEvent(`Edmunds Trade-In`, "https://www.cityworldhyundai.com/shopperwizard/mytradevalue",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Edmunds Trade-In`, `https://www.cityworldhyundai.com/shopperwizard/mytradevalue`)' :class='isEvVehicleText(`Edmunds Trade-In`)'>
2029
2030            Edmunds Trade-In</a>
2031                </div>
2032                <div class="d-flex w-100 align-items-center h-100">
2033                      <a href="https://www.cityworldhyundai.com/hyundai-test-drive" style="cursor:pointer"
2034            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2035            @click='headerMenuNavigationEvent(`Hyundai Flexible Test Drive`, "https://www.cityworldhyundai.com/hyundai-test-drive",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Hyundai Flexible Test Drive`, `https://www.cityworldhyundai.com/hyundai-test-drive`)' :class='isEvVehicleText(`Hyundai Flexible Test Drive`)'>
2036
2037            Hyundai Flexible Test Drive</a>
2038                </div>
2039            </div>
2040          </div>
2041
2042      </div>
2043      <div class="d-flex position-relative align-items-center px-0">
2044       
2045            <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2046              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757521, menuName: `Specials` })'
2047              @mouseover='onMouseOver(757521, `Specials`)' :class='isEvVehicleText(`Specials`)' >
2048            <span :class='{"hybrid-menu":isEvVehicleText(`Specials`),"text-underline":757521==tempMenuId && showContactForm}' >Specials</span>
2049                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2050          style="color:#c5c5c5;"></em>
2051          </a>
2052        
2053       
2054        <div class="line-seperator mx-2"></div>
2055
2056          <div id="primary-submenu" :class="[(9>10)?'max-submenu-height':'']"
2057      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757521"
2058      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2059            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2060        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2061        @click.prevent='onContactFormClick(757521, `Specials`)'></div>
2062            <div class="d-flex flex-column align-items-center h-100">
2063                <div class="d-flex w-100 align-items-center h-100">
2064                      <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer"
2065            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2066            @click='headerMenuNavigationEvent(`New Vehicle Specials`, "https://www.cityworldhyundai.com/specials/vehicle-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `New Vehicle Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`)' :class='isEvVehicleText(`New Vehicle Specials`)'>
2067
2068            New Vehicle Specials</a>
2069                </div>
2070                <div class="d-flex w-100 align-items-center h-100">
2071                      <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer"
2072            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2073            @click='headerMenuNavigationEvent(`Pre-Owned Vehicle Specials`, "https://www.cityworldhyundai.com/specials/preowned-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Pre-Owned Vehicle Specials`, `https://www.cityworldhyundai.com/specials/preowned-specials`)' :class='isEvVehicleText(`Pre-Owned Vehicle Specials`)'>
2074
2075            Pre-Owned Vehicle Specials</a>
2076                </div>
2077                <div class="d-flex w-100 align-items-center h-100">
2078                      <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer"
2079            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2080            @click='headerMenuNavigationEvent(`Service &amp; Parts Specials`, "https://www.cityworldhyundai.com/specials/service-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Service &amp; Parts Specials`, `https://www.cityworldhyundai.com/specials/service-specials`)' :class='isEvVehicleText(`Service &amp; Parts Specials`)'>
2081
2082            Service &amp; Parts Specials</a>
2083                </div>
2084                <div class="d-flex w-100 align-items-center h-100">
2085                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
2086            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2087            @click='headerMenuNavigationEvent(`New Hyundai Incentives`, "https://www.cityworldhyundai.com/incentives",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `New Hyundai Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`New Hyundai Incentives`)'>
2088
2089            New Hyundai Incentives</a>
2090                </div>
2091                <div class="d-flex w-100 align-items-center h-100">
2092                      <a href="https://www.cityworldhyundai.com/specials/dealer-specials" style="cursor:pointer"
2093            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2094            @click='headerMenuNavigationEvent(`Dealer Specials`, "https://www.cityworldhyundai.com/specials/dealer-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Dealer Specials`, `https://www.cityworldhyundai.com/specials/dealer-specials`)' :class='isEvVehicleText(`Dealer Specials`)'>
2095
2096            Dealer Specials</a>
2097                </div>
2098                <div class="d-flex w-100 align-items-center h-100">
2099                      <a href="https://www.cityworldhyundai.com/hyundai-military-program" style="cursor:pointer"
2100            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2101            @click='headerMenuNavigationEvent(`Military Program`, "https://www.cityworldhyundai.com/hyundai-military-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Military Program`, `https://www.cityworldhyundai.com/hyundai-military-program`)' :class='isEvVehicleText(`Military Program`)'>
2102
2103            Military Program</a>
2104                </div>
2105                <div class="d-flex w-100 align-items-center h-100">
2106                      <a href="https://www.cityworldhyundai.com/hyundai-mobility-program" style="cursor:pointer"
2107            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2108            @click='headerMenuNavigationEvent(`Mobility Program`, "https://www.cityworldhyundai.com/hyundai-mobility-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Mobility Program`, `https://www.cityworldhyundai.com/hyundai-mobility-program`)' :class='isEvVehicleText(`Mobility Program`)'>
2109
2110            Mobility Program</a>
2111                </div>
2112                <div class="d-flex w-100 align-items-center h-100">
2113                      <a href="/montefiore-employee-vehicle-program" style="cursor:pointer"
2114            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2115            @click='headerMenuNavigationEvent(`Montefiore Employee Vehicle Program`, "/montefiore-employee-vehicle-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Montefiore Employee Vehicle Program`, `/montefiore-employee-vehicle-program`)' :class='isEvVehicleText(`Montefiore Employee Vehicle Program`)'>
2116
2117            Montefiore Employee Vehicle Program</a>
2118                </div>
2119                <div class="d-flex w-100 align-items-center h-100">
2120                      <a href="/military-first-responders-vehicle-program" style="cursor:pointer"
2121            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2122            @click='headerMenuNavigationEvent(`Military and First Responders Vehicle Program`, "/military-first-responders-vehicle-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Military and First Responders Vehicle Program`, `/military-first-responders-vehicle-program`)' :class='isEvVehicleText(`Military and First Responders Vehicle Program`)'>
2123
2124            Military and First Responders Vehicle Program</a>
2125                </div>
2126            </div>
2127          </div>
2128
2129      </div>
2130      <div class="d-flex position-relative align-items-center px-0">
2131       
2132            <a href="https://www.cityworldhyundai.com/landing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2133              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757523, menuName: `Hyundai Programs` })'
2134              @mouseover='onMouseOver(757523, `Hyundai Programs`)' :class='isEvVehicleText(`Hyundai Programs`)' >
2135            <span :class='{"hybrid-menu":isEvVehicleText(`Hyundai Programs`),"text-underline":757523==tempMenuId && showContactForm}' >Hyundai Programs</span>
2136                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2137          style="color:#c5c5c5;"></em>
2138          </a>
2139        
2140       
2141        <div class="line-seperator mx-2"></div>
2142
2143          <div id="primary-submenu" :class="[(8>10)?'max-submenu-height':'']"
2144      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757523"
2145      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2146            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2147        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2148        @click.prevent='onContactFormClick(757523, `Hyundai Programs`)'></div>
2149            <div class="d-flex flex-column align-items-center h-100">
2150                <div class="d-flex w-100 align-items-center h-100">
2151                      <a href="https://www.cityworldhyundai.com/americas-best-warranty" style="cursor:pointer"
2152            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2153            @click='headerMenuNavigationEvent(`America&#x27;s Best Warranty`, "https://www.cityworldhyundai.com/americas-best-warranty",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `America&#x27;s Best Warranty`, `https://www.cityworldhyundai.com/americas-best-warranty`)' :class='isEvVehicleText(`America&#x27;s Best Warranty`)'>
2154
2155            America&#x27;s Best Warranty</a>
2156                </div>
2157                <div class="d-flex w-100 align-items-center h-100">
2158                      <a href="https://www.cityworldhyundai.com/assurance/roadside-assistance" style="cursor:pointer"
2159            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2160            @click='headerMenuNavigationEvent(`24/7 Roadside Assistance`, "https://www.cityworldhyundai.com/assurance/roadside-assistance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `24/7 Roadside Assistance`, `https://www.cityworldhyundai.com/assurance/roadside-assistance`)' :class='isEvVehicleText(`24/7 Roadside Assistance`)'>
2161
2162            24/7 Roadside Assistance</a>
2163                </div>
2164                <div class="d-flex w-100 align-items-center h-100">
2165                      <a href="https://www.cityworldhyundai.com/shopper-assurance" style="cursor:pointer"
2166            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2167            @click='headerMenuNavigationEvent(`Shopper Assurance`, "https://www.cityworldhyundai.com/shopper-assurance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Shopper Assurance`, `https://www.cityworldhyundai.com/shopper-assurance`)' :class='isEvVehicleText(`Shopper Assurance`)'>
2168
2169            Shopper Assurance</a>
2170                </div>
2171                <div class="d-flex w-100 align-items-center h-100">
2172                      <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer"
2173            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2174            @click='headerMenuNavigationEvent(`Complimentary Maintenance`, "https://www.cityworldhyundai.com/complimentary-maintenance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Complimentary Maintenance`, `https://www.cityworldhyundai.com/complimentary-maintenance`)' :class='isEvVehicleText(`Complimentary Maintenance`)'>
2175
2176            Complimentary Maintenance</a>
2177                </div>
2178                <div class="d-flex w-100 align-items-center h-100">
2179                      <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer"
2180            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2181            @click='headerMenuNavigationEvent(`Car Care`, "https://www.cityworldhyundai.com/assurance/car-care",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Car Care`, `https://www.cityworldhyundai.com/assurance/car-care`)' :class='isEvVehicleText(`Car Care`)'>
2182
2183            Car Care</a>
2184                </div>
2185                <div class="d-flex w-100 align-items-center h-100">
2186                      <a href="https://www.cityworldhyundai.com/assurance" style="cursor:pointer"
2187            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2188            @click='headerMenuNavigationEvent(`Owner Assurance`, "https://www.cityworldhyundai.com/assurance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Owner Assurance`, `https://www.cityworldhyundai.com/assurance`)' :class='isEvVehicleText(`Owner Assurance`)'>
2189
2190            Owner Assurance</a>
2191                </div>
2192                <div class="d-flex w-100 align-items-center h-100">
2193                      <a href="https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels" style="cursor:pointer"
2194            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2195            @click='headerMenuNavigationEvent(`Hyundai Hope on Wheels`, "https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Hyundai Hope on Wheels`, `https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels`)' :class='isEvVehicleText(`Hyundai Hope on Wheels`)'>
2196
2197            Hyundai Hope on Wheels</a>
2198                </div>
2199                <div class="d-flex w-100 align-items-center h-100">
2200                      <a href="https://www.cityworldhyundai.com/bluelinkplus" style="cursor:pointer"
2201            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2202            @click='headerMenuNavigationEvent(`Bluelink`, "https://www.cityworldhyundai.com/bluelinkplus",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Bluelink`, `https://www.cityworldhyundai.com/bluelinkplus`)' :class='isEvVehicleText(`Bluelink`)'>
2203
2204            Bluelink</a>
2205                </div>
2206            </div>
2207          </div>
2208
2209      </div>
2210      <div class="d-flex position-relative align-items-center px-0">
2211       
2212            <a href="https://www.cityworldhyundai.com/scheduleservice" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2213              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757524, menuName: `Service &amp; Parts` })'
2214              @mouseover='onMouseOver(757524, `Service &amp; Parts`)' :class='isEvVehicleText(`Service &amp; Parts`)' >
2215            <span :class='{"hybrid-menu":isEvVehicleText(`Service &amp; Parts`),"text-underline":757524==tempMenuId && showContactForm}' >Service &amp; Parts</span>
2216                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2217          style="color:#c5c5c5;"></em>
2218          </a>
2219        
2220       
2221        <div class="line-seperator mx-2"></div>
2222
2223          <div id="primary-submenu" :class="[(11>10)?'max-submenu-height':'']"
2224      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757524"
2225      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2226            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2227        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2228        @click.prevent='onContactFormClick(757524, `Service &amp; Parts`)'></div>
2229            <div class="d-flex flex-column align-items-center h-100">
2230                <div class="d-flex w-100 align-items-center h-100">
2231                      <a href="https://www.cityworldhyundai.com/scheduleservice" style="cursor:pointer"
2232            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2233            @click='headerMenuNavigationEvent(`Schedule Service`, "https://www.cityworldhyundai.com/scheduleservice",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Schedule Service`, `https://www.cityworldhyundai.com/scheduleservice`)' :class='isEvVehicleText(`Schedule Service`)'>
2234
2235            Schedule Service</a>
2236                </div>
2237                <div class="d-flex w-100 align-items-center h-100">
2238                      <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer"
2239            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2240            @click='headerMenuNavigationEvent(`Service &amp; Parts Specials`, "https://www.cityworldhyundai.com/specials/service-specials",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Service &amp; Parts Specials`, `https://www.cityworldhyundai.com/specials/service-specials`)' :class='isEvVehicleText(`Service &amp; Parts Specials`)'>
2241
2242            Service &amp; Parts Specials</a>
2243                </div>
2244                <div class="d-flex w-100 align-items-center h-100">
2245                      <a href="/service-now-pay-later" style="cursor:pointer"
2246            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2247            @click='headerMenuNavigationEvent(`Service Now, Pay Later`, "/service-now-pay-later",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Service Now, Pay Later`, `/service-now-pay-later`)' :class='isEvVehicleText(`Service Now, Pay Later`)'>
2248
2249            Service Now, Pay Later</a>
2250                </div>
2251                <div class="d-flex w-100 align-items-center h-100">
2252                      <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer"
2253            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2254            @click='headerMenuNavigationEvent(`Complimentary Maintenance`, "https://www.cityworldhyundai.com/complimentary-maintenance",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Complimentary Maintenance`, `https://www.cityworldhyundai.com/complimentary-maintenance`)' :class='isEvVehicleText(`Complimentary Maintenance`)'>
2255
2256            Complimentary Maintenance</a>
2257                </div>
2258                <div class="d-flex w-100 align-items-center h-100">
2259                      <a href="https://www.cityworldhyundai.com/parts-department" style="cursor:pointer"
2260            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2261            @click='headerMenuNavigationEvent(`Parts Center`, "https://www.cityworldhyundai.com/parts-department",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Parts Center`, `https://www.cityworldhyundai.com/parts-department`)' :class='isEvVehicleText(`Parts Center`)'>
2262
2263            Parts Center</a>
2264                </div>
2265                <div class="d-flex w-100 align-items-center h-100">
2266                      <a href="https://ny109.hyundaiaccessories.com/" style="cursor:pointer"
2267            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" target="_blank"
2268            @click='headerMenuNavigationEvent(`Hyundai Accessories`, "https://ny109.hyundaiaccessories.com/",`Service &amp; Parts`);
2269            redirectMenuInteraction($event,`Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Hyundai Accessories`, `https://ny109.hyundaiaccessories.com/`)' :class='isEvVehicleText(`Hyundai Accessories`)'>
2270
2271            Hyundai Accessories</a>
2272                </div>
2273                <div class="d-flex w-100 align-items-center h-100">
2274                      <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer"
2275            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2276            @click='headerMenuNavigationEvent(`Car Care`, "https://www.cityworldhyundai.com/assurance/car-care",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Car Care`, `https://www.cityworldhyundai.com/assurance/car-care`)' :class='isEvVehicleText(`Car Care`)'>
2277
2278            Car Care</a>
2279                </div>
2280                <div class="d-flex w-100 align-items-center h-100">
2281                      <a href="https://www.cityworldhyundai.com/hyundai-service-batteries" style="cursor:pointer"
2282            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2283            @click='headerMenuNavigationEvent(`Batteries`, "https://www.cityworldhyundai.com/hyundai-service-batteries",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Batteries`, `https://www.cityworldhyundai.com/hyundai-service-batteries`)' :class='isEvVehicleText(`Batteries`)'>
2284
2285            Batteries</a>
2286                </div>
2287                <div class="d-flex w-100 align-items-center h-100">
2288                      <a href="https://www.cityworldhyundai.com/hyundai-service-brakes" style="cursor:pointer"
2289            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2290            @click='headerMenuNavigationEvent(`Brakes`, "https://www.cityworldhyundai.com/hyundai-service-brakes",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Brakes`, `https://www.cityworldhyundai.com/hyundai-service-brakes`)' :class='isEvVehicleText(`Brakes`)'>
2291
2292            Brakes</a>
2293                </div>
2294                <div class="d-flex w-100 align-items-center h-100">
2295                      <a href="https://www.cityworldhyundai.com/hyundai-service-oil-change" style="cursor:pointer"
2296            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2297            @click='headerMenuNavigationEvent(`Oil Change`, "https://www.cityworldhyundai.com/hyundai-service-oil-change",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Oil Change`, `https://www.cityworldhyundai.com/hyundai-service-oil-change`)' :class='isEvVehicleText(`Oil Change`)'>
2298
2299            Oil Change</a>
2300                </div>
2301                <div class="d-flex w-100 align-items-center h-100">
2302                      <a href="https://www.cityworldhyundai.com/hyundai-service-tires" style="cursor:pointer"
2303            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2304            @click='headerMenuNavigationEvent(`Tires`, "https://www.cityworldhyundai.com/hyundai-service-tires",`Service &amp; Parts`);menuInteraction($event, `Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Tires`, `https://www.cityworldhyundai.com/hyundai-service-tires`)' :class='isEvVehicleText(`Tires`)'>
2305
2306            Tires</a>
2307                </div>
2308            </div>
2309          </div>
2310
2311      </div>
2312      <div class="d-flex position-relative align-items-center px-0">
2313       
2314            <a href="https://www.cityworldhyundai.com/contactus" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2315              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757525, menuName: `About` })'
2316              @mouseover='onMouseOver(757525, `About`)' :class='isEvVehicleText(`About`)' >
2317            <span :class='{"hybrid-menu":isEvVehicleText(`About`),"text-underline":757525==tempMenuId && showContactForm}' >About</span>
2318                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2319          style="color:#c5c5c5;"></em>
2320          </a>
2321        
2322       
2323        <div class="line-seperator mx-2"></div>
2324
2325          <div id="primary-submenu" :class="[(10>10)?'max-submenu-height':'']"
2326      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757525"
2327      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2328            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2329        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2330        @click.prevent='onContactFormClick(757525, `About`)'></div>
2331            <div class="d-flex flex-column align-items-center h-100">
2332                <div class="d-flex w-100 align-items-center h-100">
2333                      <a href="https://www.cityworldhyundai.com/about-us" style="cursor:pointer"
2334            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2335            @click='headerMenuNavigationEvent(`About Us`, "https://www.cityworldhyundai.com/about-us",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `About Us`, `https://www.cityworldhyundai.com/about-us`)' :class='isEvVehicleText(`About Us`)'>
2336
2337            About Us</a>
2338                </div>
2339                <div class="d-flex w-100 align-items-center h-100">
2340                      <a href="https://www.cityworldhyundai.com/contactus" style="cursor:pointer"
2341            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2342            @click='headerMenuNavigationEvent(`Contact Us`, "https://www.cityworldhyundai.com/contactus",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Contact Us`, `https://www.cityworldhyundai.com/contactus`)' :class='isEvVehicleText(`Contact Us`)'>
2343
2344            Contact Us</a>
2345                </div>
2346                <div class="d-flex w-100 align-items-center h-100">
2347                      <a href="https://www.cityworldhyundai.com/get-directions" style="cursor:pointer"
2348            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2349            @click='headerMenuNavigationEvent(`Hours &amp; Directions`, "https://www.cityworldhyundai.com/get-directions",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hours &amp; Directions`, `https://www.cityworldhyundai.com/get-directions`)' :class='isEvVehicleText(`Hours &amp; Directions`)'>
2350
2351            Hours &amp; Directions</a>
2352                </div>
2353                <div class="d-flex w-100 align-items-center h-100">
2354                      <a href="https://www.cityworldhyundai.com/staff" style="cursor:pointer"
2355            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2356            @click='headerMenuNavigationEvent(`Meet Our Staff`, "https://www.cityworldhyundai.com/staff",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Meet Our Staff`, `https://www.cityworldhyundai.com/staff`)' :class='isEvVehicleText(`Meet Our Staff`)'>
2357
2358            Meet Our Staff</a>
2359                </div>
2360                <div class="d-flex w-100 align-items-center h-100">
2361                      <a href="https://www.cityworldhyundai.com/faqs" style="cursor:pointer"
2362            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2363            @click='headerMenuNavigationEvent(`FAQs`, "https://www.cityworldhyundai.com/faqs",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `FAQs`, `https://www.cityworldhyundai.com/faqs`)' :class='isEvVehicleText(`FAQs`)'>
2364
2365            FAQs</a>
2366                </div>
2367                <div class="d-flex w-100 align-items-center h-100">
2368                      <a href="https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybri
2368d" style="cursor:pointer"
2369            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2370            @click='headerMenuNavigationEvent(`Hyundai Champions the Joy of Driving in &#x27;&#x27;Play for the Car&#x27;&#x27; Campaign`, "https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybrid",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Champions the Joy of Driving in &#x27;&#x27;Play for the Car&#x27;&#x27; Campaign`, `https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybrid`)' :class='isEvVehicleText(`Hyundai Champions the Joy of Driving in &#x27;&#x27;Play for the Car&#x27;&#x27; Campaign`)'>
2371
2372            Hyundai Champions the Joy of Driving in &#x27;&#x27;Play for the Car&#x27;&#x27; Campaign</a>
2373                </div>
2374                <div class="d-flex w-100 align-items-center h-100">
2375                      <a href="https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards" style="cursor:pointer"
2376            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2377            @click='headerMenuNavigationEvent(`Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`, "https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`, `https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards`)' :class='isEvVehicleText(`Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`)'>
2378
2379            Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards</a>
2380                </div>
2381                <div class="d-flex w-100 align-items-center h-100">
2382                      <a href="https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards" style="cursor:pointer"
2383            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2384            @click='headerMenuNavigationEvent(`Hyundai Wins Nine 2025 Car and Driver Editors&#x27; Choice Awards`, "https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Wins Nine 2025 Car and Driver Editors&#x27; Choice Awards`, `https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards`)' :class='isEvVehicleText(`Hyundai Wins Nine 2025 Car and Driver Editors&#x27; Choice Awards`)'>
2385
2386            Hyundai Wins Nine 2025 Car and Driver Editors&#x27; Choice Awards</a>
2387                </div>
2388                <div class="d-flex w-100 align-items-center h-100">
2389                      <a href="/blog" style="cursor:pointer"
2390            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2391            @click='headerMenuNavigationEvent(`Blog`, "/blog",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Blog`, `/blog`)' :class='isEvVehicleText(`Blog`)'>
2392
2393            Blog</a>
2394                </div>
2395                <div class="d-flex w-100 align-items-center h-100">
2396                      <a href="https://www.cityworldhyundai.com/press" style="cursor:pointer"
2397            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2398            @click='headerMenuNavigationEvent(`Press`, "https://www.cityworldhyundai.com/press",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Press`, `https://www.cityworldhyundai.com/press`)' :class='isEvVehicleText(`Press`)'>
2399
2400            Press</a>
2401                </div>
2402            </div>
2403          </div>
2404
2405      </div>
2406
2407</div>
2408
2409
2410
2411
2412
2413
2414
2415                              <div class="col-auto px-0 d-flex align-items-center mx-2 text-white language-bw-styles">
2416                                <language-change-icon :icon="showGlobeIcon" location="utilityWithNav"></language-change-icon>
2417                                <div class="line-seperator  ml-3 mr-1"></div>
2418                              </div>
2419
2420
2421                              <div class="col-auto px-0  d-flex align-items-center mx-2 signin-container">
2422                                <a class="signin-box no-hover analytics_popup cursor-pointer" @click.prevent="headerSignInClick()"
2423                                 style="color: #fff"
2424                                 >    <span v-if='!showSignInGlobeIcon'>Sign In</span>
2425                                  <div class="tool-tip-icon" v-else>
2426                                    <em  style="color: " class="primaryicon-user-circle ft-20"></em>
2427                                      <div class="header-icon-tool-tip position-absolute align-items-center justify-content-center ft-11">Sign In</div>
2428                                  </div>
2429
2430                                </a>
2431                                <div class="line-seperator ml-3 mr-2"></div>
2432                              </div>
2433
2434                              <a href="#header-search" @click.stop.prevent="enableSearch()" class="header-search-icon no-hover ml-2 color-white cursor-pointer" title="search">
2435                                <span><em class="primaryicon-search no-hover ft-20"></em></span>
2436                              </a>
2437
2438                       </template>
2439
2440                        <div v-if="showVehicleSearch" class="vehicle-search-header col-lg-8 p-0" @click.stop v-click-outside="hideVehicleSearch">
2441                          <common-vehicle-search :focus-on-mount="true"></common-vehicle-search>
2442                        </div>
2443                </div>
2444            </div>
2445        </div>
2446        <template>
2447          <hover-sign-in-popup></hover-sign-in-popup>
2448        </template>
2449    </div>
2450
2451    <div id="searchmenu" class="d-none">
2452    </div>
2453
2454    <div v-if="allhoursGetDirections">
2455        <get-directions v-if="showDirections" @hidemodal="showDirections =false;allhoursGetDirections-false" class="hours-getdirection" :ishoursgetdirection="true"></get-directions>
2456    </div>
2457    <div v-if="mapiconGetDirections">
2458         <get-directions v-if="showDirections" @hidemodal="showDirections =false;mapiconGetDirections= false; " class="maps-getDirection" :ismapicongetdirection="true"></get-directions>
2459    </div>
2460
2461    <div id="iframeloginid" class="d-none">
2462        <div class="header-login-details" v-if="showiframelogin">
2463            <div class="d-flex justify-content-between align-items-center py-3 px-4">
2464                <h5 class="m-0 color-primary"><em class="primaryicon-user-circle-solid color-primary"></em> Login</h5>
2465                <div><a href="" style="color: #808080" @click.prevent="onCloseClick()"><em class="primaryicon-times"></em></a></div>
2466            </div>
2467            <iframe-login v-if="showiframelogin"></iframe-login>
2468        </div>
2469    </div>
2470    <sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
2471                   :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal>
2472<sign-in-back v-if="showSignOutModal" @signback="signInBackClick()" @hidemodal="showSignOutModal = false"></sign-in-back>
2473
2474    <registration-modal> </registration-modal>
2475                   <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
2476                   :url="showIframeUrl"></iframe-modal>
2477
2478        <research-models-container v-if="showPrimaryResearchModels"
2479                :desktopsubmenu="false" @primaryresearchmodels="showPrimaryResearchModels = false"></research-models-container>
2480    <horizontal-build-price-menu v-if="showBuildPriceMenu" :submenublackcolor="true" :isprimary="true"
2481    @buildprice="showBuildPriceMenu = false"></horizontal-build-price-menu>
2482
2483</div>
2484
2485
2486
2487
2488
2489          </div>
2490        </script>
2490
2491
2492
2493
2494
2495
2496  <div id="main-container">
2497<input name="securetoken" type="hidden" value="CfDJ8O35ileePqpDrXckbUstcOZbqCa4VBtBlS3hTxDaP2buNhIHBLLViKMsISsE7MRjdh7_RNr6zk-YXqKIvee8Ulfos8sHaHWv4nQvKfgNfcGc_k4h1GofTrLNN_rB4ASPhXjEsW_WedGEjxQHTryaaRs" />        <div id="main-header">
2498          <main-header></main-header>
2499            <common-components></common-components>
2500        </div>
2501
2502    <div class="h-auto">
2503      <div class=" Website_Gemini_header_Utility_body ">
2504
2505
2506          <div id="disasterBanner"></div>
2507
2508        
2509<script>
2510  let isIframe = window.location !== window.parent.location;
2511  if(isIframe){
2512  const injectCSS = css => {
2513    let el = document.createElement('style');
2514    el.type = 'text/css';
2515    el.innerText = css;
2516    document.head.appendChild(el);
2517    return el;
2518  };
2519injectCSS(`#inventory-vehicle-header,.inventorynew-iframe,#rotational-banner-component{display:none}`);
2520  }
2521</script>
2521
2522
2523
2524<script type="text/javascript">
2525    var paymentType = 'cash';
2526    var inventoryType = 'new';
2527    var selectedFilters = '{"AccountID":42268,"Type":"New","PaymentType":"cash","Years":null,"Locations":"","Makes":"Hyundai","Models":"","Trims":"","Colors":null,"InteriorColors":null,"IsCertified":false,"VehicleTypes":null,"Transmissions":null,"FuelTypes":null,"DriveTrains":null,"Beds":null,"DownPayment":0,"DueAtSigning":0,"PaymentMin":0,"PaymentMax":0,"OneOwner":false,"Page":0,"SortType":"priceltoh","SelectedNavText":"New Hyundai Inventory","MileageMin":0,"MileageMax":0,"NoCache":false,"SpecialFeild3":null,"Engines":null,"ReserveYourVehicleLink":null,"MasterTemplateId":22,"Comment1":null,"Comment2":null,"Comment3":null,"Comment4":null,"Comment20":null,"InTransit":true,"InProduction":true,"ShowFilters":false,"FeatureSubCategories":"","SelectedUrl":null,"InStock":true,"MPGHighway":0,"CertifiedTypes":"","SubaruEyeSight":false,"CampaignId":10138,"SubaruStarLink":false,"FordDirect_LOBTypeId":0,"Commercial":false,"IsElectric":false,"IsHybrid":false,"Fctp":null,"Lctp":null,"BlackLabel":false,"DateInStock":0,"MaxDaysInStock":0,"Vin":null,"Stock":null,"Courtesy":false,"HideExcludeVehicles":false,"EVDealer":true,"IsLoaner":false,"IsDemo":false,"ModelEFiltered":false,"PassengerCapacity":null,"ModelEGroupedAccounts":[],"SourceFrom":"inventorycontroller","HideFilters":false,"IsShowRoomPage":false,"InstalledPackageCategories":null,"UnGroup":false,"Cabs":null,"Customurlquerystring":"","Limit":0,"IsFromSeo":false,"GenericMakes":null,"GenericModels":null,"GenericTrims":null,"GenericColors":null,"Comment5":null,"ExcludeBrandFirst":false,"Doors":null,"InventoryFeedPageSize":0,"Comment10":null,"SrpSelectedTab":null,"IncludePriceStack":false,"FuelTypeModelPairs":null,"BlueCruise":null}';
2528    var isLuxTemplate = 'False' == "True";
2529    var resultCount = '324';
2530    var enableVideoPopupForSRP = 'false' == "true";
2531    var videoURLForSRP = '';
2532    var videoCTANameForSRP = '';
2533    var videoCTALinkForSRP = '';
2534    var showFilters = 'False';
2535    var srpFilterPosition = 'leftmultiselect';
2536    var sonicDataLayerVehicleImpressions = '';
2537    var filterSortListJson = '[{"Value":"inventoryoton","Text":"Oldest in inventory to newest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"inventoryntoo","Text":"Newest in inventory to oldest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"pricehtol","Text":"Price highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"priceltoh","Text":"Price lowest to highest","Selected":true,"Count":0,"Url":null},{"Value":"mileagehtol","Text":"Mileage highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"mileageltoh","Text":"Mileage lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearltoh","Text":"Year lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearhtol","Text":"Year highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"alphabetical","Text":"Alphabetical","Selected":false,"Count":0,"Url":null}]';
2538    var noVehiclesFound = 'false' == "true";
2539    var bodyType = '';
2540    var showTopMultiSelectionFilters = 'False';
2541    var showFilterSectionAtLeft = 'False';
2542    var expandModelFilters = 'false' === "true";
2543    var ga4ASCDataLayerVehicle = '[{"item_category":"foreign","item_color":"Abyss Black","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG7TU271890","item_inventory_date":"2026/07/29","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2179","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":25855},{"item_category":"foreign","item_color":"Lunar White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A31TU462100","item_inventory_date":"2026/05/04","item_make":"Hyundai","item_model":"Venue","item_number":"26H1796","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25045},{"item_category":"foreign","item_color":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG0TU238956","item_inventory_date":"2026/06/17","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2011","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":26085},{"item_category":"foreign","item_color":"Abyss Black","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG8TU288097","item_inventory_date":"2026/08/27","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2267","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26365},{"item_category":"foreign","item_color":"Amazon Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG7TU290004","item_inventory_date":"2026/08/27","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2268","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26365},{"item_category":"foreign","item_color":"Amazon Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG5TU288087","item_inventory_date":"2026/08/26","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2263","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26356},{"item_category":"foreign","item_color":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG2TU260635","item_inventory_date":"2026/07/17","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2122","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26555},{"item_category":"foreign","item_color":"Ecotronic Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A3XTU496147","item_inventory_date":"2026/09/09","item_make":"Hyundai","item_model":"Venue","item_number":"26H2283","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25035},{"item_category":"foreign","item_color":"Shimmering Silver","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A36TU496338","item_inventory_date":"2026/09/10","item_make":"Hyundai","item_model":"Venue","item_number":"26H2297","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25035},{"item_category":"foreign","item_color":"Lunar White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A39TU495846","item_inventory_date":"2026/08/26","item_make":"Hyundai","item_model":"Venue","item_number":"26H2262","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25115},{"item_category":"foreign","item_color":"Shimmering Silver","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A31TU495940","item_inventory_date":"2026/09/14","item_make":"Hyundai","item_model":"Venue","item_number":"26H2311","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25115},{"item_category":"foreign","item_color":"Onyx Black","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A34TU496449","item_inventory_date":"2026/09/09","item_make":"Hyundai","item_model":"Venue","item_number":"26H2287","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25165}]';
2544    var countColor = '';
2545    var countHoverColor = '';
2546    var showFctpFilter = 'false' == "true";
2547    var priceTypeId = '2';
2548    var showConditionalRebates = 'true' == "true";
2549    var showTotalBeforeDiscounts = 'false' == "true";
2550    var showRebatesDetails = 'true' == "true";
2551    var showPackageSavingsDetails = 'false' == "true";
2552    var showBlackLabelFilter = 'false' == "true";
2553    var isCommercialPage = 'false' == "true";
2554    var showCommercialFilter = 'true' == "true";
2555    var disableVehicleCountForPaymentFilter = 'false' == "true";
2556    var enableBedLenghtFilter = 'false' == "true";
2557    var hideConditionalRebatesTotal = 'false' == "true";
2558    var conditionalRebatesBreakoutIncentives = 'true' == "true";
2559    var showPlusAndMinus = 'true' == "true";
2560    var SendLeadWithVehicle = 'false' == "true";
2561    var SendLeadwithCar = 'false' == "true";
2562    var expandVehicleTypeFilters = 'false' == "true";
2563    var enableLESAVideosSRP = 'true' == "true";
2564    var isSrp= 'true' == 'true';
2565    var breadcrumbText = '';
2566    var showCustomUrlBreadCrumb = 'True' === 'True';
2567    var hideFilters = 'False' === 'True';
2568    var enableUnityWorksIntegrationSrp = 'false' == "true";
2569    var isShowRoomPage = 'False' === 'True';
2570    var vehicleType = 'new';
2571    var enableCabFilter = 'false' == "true";
2572    var enableModelEBrochureOnSRP = 'false' == "true";
2573    var isCleanSrpDesign = 'true' === 'true';
2574    var srpDesignType = 'Clean Design';
2575    var expandLocationFilters = 'false' === "true";
2576    var expandSubaruLineupFilters = 'false' === "true";
2577    var showBlueCruiseFilter = 'false' == "true";
2578</script>
2578
2579
2580
2581<link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/newinventorylisting.css" rel="stylesheet" />
2582<div class="inventory_listing  dealer-id-42268 clean-design leftposition" id="newinventory">
2583  <component :is="ctaComponentName" :lead-type-name="ctaButtonActionName" :srp="true" :vin="ctaVin" :term="term" :ctavin="ctaVin" :page="'srp'" :pricedetails="priceDetails" v-if="ctaComponentName" @hidemodal="ctaComponentName = ''" :ctadealerid="ctaDealerID" :details="priceDetails"></component>
2584  <div class="border-top bgcolor-primary _msbi_background_color _theme_top_border_color page-headline-wrapper" id="inventory-vehicle-header">
2585    <h1 class="container mt-0 mb-0 py-4 _theme_font_bold ft-70 text-white page-headline-text" style="font-size: 20px;">
2586      Buy a New Fuel-Efficient Hyundai Today in Bronx, NY
2587    </h1>
2588  </div>
2589
2590    <div class="inventorynew-iframe">
2591
2592
2593
2594
2595
2596
2597
2598<div id="rotational-banner-component" class="image-rotational-banner banner-aspectratio  banner-positon1 ">
2599
2600
2601
2602
2603
2604
2605
2606    <rotational-banner :sectionid="'5709553'"
2607    :hidearrows="'False'"
2608    :hidecontrols="'False'"
2609    :controlscolor="''"
2610    :banner-options="{
2611      'desktopBannerImageSize':'large',
2612      'mobileBannerImageSize':'large'
2613    }"
2614    :automated-banner-options="{
2615      'desktopBannerImageSize':'extra-large',
2616      'mobileBannerImageSize':'large'
2617    }"
2618    :apply-speed-values="1 == 1"
2619    :show-draft-preview="false"
2620    >
2621    </rotational-banner>
2622</div>
2623<script type="application/javascript">
2624  var imageBannerType = "large";
2625  var templateName = '_website_gemini.cshtml';
2626  var rotationalBannerWidth = document.documentElement.clientWidth || window.innerWidth;
2627  var rotationalBannerHeight = parseInt((+rotationalBannerWidth * 1)/1);
2628  var isBmwBanners = false;
2629
2630  if (templateName === '_website_frame.cshtml' || templateName === '_website_bmw.cshtml') {
2631    isBmwBanners = true;
2632  }
2633
2634
2635
2636
2637  if (templateName !== '_website_paragon_primary.cshtml') {
2638    if ( imageBannerType && imageBannerType.toLowerCase() === 'large') {
2639        rotationalBannerHeight = parseInt((+rotationalBannerWidth * 4)/3);
2640    } else {
2641        rotationalBannerHeight = parseInt((+rotationalBannerWidth * 2)/3);
2642    }
2643  }
2644 if (isBmwBanners) {
2645    rotationalBannerHeight += 50;
2646  }
2647
2648  var domainName = window.location.origin;
2649  var domainEnvironment = 'Production';
2650  var mobileBannerId = '0';
2651  var enableWebsiteSpeed = 'True' === 'True';
2652
2653  window.websitesDomain = false;
2654  if (enableWebsiteSpeed) {
2655    window.websitesDomain = true;
2656  }
2657
2658  if (rotationalBannerWidth <= 767 && websitesDomain) {
2659    if (window.location.pathname === '/') {
2660      var styleElement = document.createElement('style');
2661         styleElement.innerHTML = "#rotational-banner-component.image-rotational-banner.banner-positon1 { width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight + 44)+"px; overflow: hidden}";
2662      if (isBmwBanners) {
2663        styleElement.innerHTML += ".VueCarousel-wrapper {  width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight - 50)+"px; overflow: hidden}"
2664        styleElement.innerHTML += ".carousel-list-items {  height: 50px; overflow: hidden}"
2665      }
2666      document.head.appendChild(styleElement);
2667
2668
2669    }
2670  }
2671
2672</script>
2672
2673    </div>
2674
2675
2676
2677
2678
2679
2680    <div class="bgcolor-white w-100" id="inventory-vehicle-search">
2681        <div class='container'>
2682          <div class="row">
2683            <div class="col-md-12">
2684                  <div class="position-relative my-3">
2685                    <inventory-vehicle-search :isluxury="'False' === 'True'">
2686                    </inventory-vehicle-search>
2687                  </div>
2688                <div class='w-100 ft-12 my-4 '>
2689
2690                  <div class="d-flex justify-content-between">
2691                    <div class="d-md-flex align-items-center justify-content-between vehicle_results_block">
2692
2693                      <div @click="resetFilters('/inventory/new')" class="color-black no-hover hover-inherit text-uppercase vehicle_result_filter btn-websites button-link cursor-pointer "><strong>Reset Filters</strong></div>
2694                          <div class="ml-lg-4 vehicle_results_label">Results: 324 Vehicles</div>
2695                    </div>
2696
2697
2698
2699                    <div id="sort-filter-section" class=" d-none d-lg-flex">
2700                      <div id="sort-filter-wrapper" class="ml-4 position-relative" v-click-outside="handleClickOutside">
2701                        <div id="sort-filter-container">
2702                          <span id="sort-filter-label" class="text-uppercase">Sort:</span>&nbsp;
2703                          <a id="sort-filter-dropdown" href="" class="color-black no-hover hover-inherit"
2704                             @click.prevent="clickPriceDropDown('price_sort_wrapper')">
2705                            <strong id="sort-filter-label-2" class="text-uppercase">Price lowest to highest</strong>
2706
2707                            <em id="sort-filter-icon" class="primaryicon-angle-down _theme_arrow_color"></em>
2708                          </a>
2709                        </div>
2710                        <div id="price_sort_wrapper" class="position-absolute d-none" style="right: -20px;z-index: 98; top: 20px" v-if="showPriceDropdown">
2711                          <ul id="sort-filter-list" class="price_sort ">
2712                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
2713                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
2714                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">Price highest to lowest</a></li>
2715                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
2716                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
2717                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
2718                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
2719                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
2720                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
2721                          </ul>
2722                        </div>
2723
2724                      </div>
2725                    </div>
2726                  </div>
2727
2728                  <div id="sort-filter-section-mobile" class="d-lg-none d-block mt-3 position-relative">
2729                    <div id="sort-filter-wrapper-mobile" class="d-flex mobile_filters_box justify-content-center">
2730                      <div id="sort-filter-container-mobile" class="flex-1 filter_heading py-1 mr-2 ft-18 text-center">
2731                        <a id="sort-filter-dropdown-mobile" class="d-block w-100 color-black no-hover cursor-pointer" @click.prevent="showTopFilters = true">
2732                          <em id="sort-filter-icon-mobile" class="primaryicon-filter"></em>&nbsp;<span>Filters</span>
2733                        </a>
2734                      </div>
2735                      <div id="filter-heading-mobile" class="flex-1 filter_heading py-1 ml-2 ft-18 text-center">
2736                        <a id="filter-heading-mobile-dropdown" @click.prevent="clickPriceDropDown('price_left_mobile_sort_wrapper')" class="d-block w-100 color-black no-hover cursor-pointer">
2737                          <span id="sort-filter-label-2-mobile">Sort</span>
2738                        </a>
2739                        <div id="price_left_mobile_sort_wrapper" class="position-absolute d-none" style="right: 0px;z-index: 99; top: 40px" v-if="showPriceDropdown">
2740                          <ul id="sort-filter-list-mobile" class="price_sort ft-13">
2741                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
2742                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
2743                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">
2743Price highest to lowest</a></li>
2744                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
2745                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
2746                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
2747                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
2748                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
2749                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
2750                          </ul>
2751                        </div>
2752                      </div>
2753                    </div>
2754                  </div>
2755
2756                </div>
2757            </div>
2758          </div>
2759
2760        </div>
2761
2762    </div>
2763    <div class="container-fluid">
2764      <div class="row">
2765
2766<script type="application/javascript">
2767    var hideslider = 'True' === 'True';
2768    var disableOneOwner = 'False' === 'True';
2769    var showInTransitFilter = 'true' === 'true';
2770    var showInStockFilter = 'true' === 'true';
2771    var hideEngineSize = 'False' === 'True';
2772    var showInProductionFilter = 'True' === 'True';
2773    var hideLocationInGroupSRP = 'False' === 'True';
2774    var locationFilterAtBottom = 'False' === 'True';
2775    var enableKeyFeaturesOnNewSrp = 'True' === 'True';
2776    var enableKeyFeaturesOnUsedSrp = 'True' === 'True';
2777    var enableInstalledPackagesOnSrp = 'False' === 'True';
2778    var hideDriveTrain = 'false' === 'true';
2779    var hideTransmission = 'false' === 'true';
2780    var hidePriceSliderSrp = 'false' === 'true';
2781    var hideMoreFiltersSrp = 'false' === 'true';
2782    var hideBodyTypeOnFilter = 'false' === 'true';
2783    var hideFuelTypeOnFilter = 'false' === 'true';
2784    var hideDoorsFilterSrp = 'false' === 'true';
2785</script>
2785
2786
2787
2788<div class='bg-white col-12 col-lg-3 col-xl-2 inventory-left-multiselect-filters'>
2789
2790        <inventory-filters-container :isleftmultifilter="true" :selectedfiltersobj="{&quot;AccountID&quot;:42268,&quot;Type&quot;:&quot;New&quot;,&quot;PaymentType&quot;:&quot;cash&quot;,&quot;Years&quot;:null,&quot;Locations&quot;:&quot;&quot;,&quot;Makes&quot;:&quot;Hyundai&quot;,&quot;Models&quot;:&quot;&quot;,&quot;Trims&quot;:&quot;&quot;,&quot;Colors&quot;:null,&quot;InteriorColors&quot;:null,&quot;IsCertified&quot;:false,&quot;VehicleTypes&quot;:null,&quot;Transmissions&quot;:null,&quot;FuelTypes&quot;:null,&quot;DriveTrains&quot;:null,&quot;Beds&quot;:null,&quot;DownPayment&quot;:0,&quot;DueAtSigning&quot;:0,&quot;PaymentMin&quot;:0,&quot;PaymentMax&quot;:0,&quot;OneOwner&quot;:false,&quot;Page&quot;:0,&quot;SortType&quot;:&quot;priceltoh&quot;,&quot;SelectedNavText&quot;:&quot;New Hyundai Inventory&quot;,&quot;MileageMin&quot;:0,&quot;MileageMax&quot;:0,&quot;NoCache&quot;:false,&quot;SpecialFeild3&quot;:null,&quot;Engines&quot;:null,&quot;ReserveYourVehicleLink&quot;:null,&quot;MasterTemplateId&quot;:22,&quot;Comment1&quot;:null,&quot;Comment2&quot;:null,&quot;Comment3&quot;:null,&quot;Comment4&quot;:null,&quot;Comment20&quot;:null,&quot;InTransit&quot;:true,&quot;InProduction&quot;:true,&quot;ShowFilters&quot;:false,&quot;FeatureSubCategories&quot;:&quot;&quot;,&quot;SelectedUrl&quot;:null,&quot;InStock&quot;:true,&quot;MPGHighway&quot;:0,&quot;CertifiedTypes&quot;:&quot;&quot;,&quot;SubaruEyeSight&quot;:false,&quot;CampaignId&quot;:10138,&quot;SubaruStarLink&quot;:false,&quot;FordDirect_LOBTypeId&quot;:0,&quot;Commercial&quot;:false,&quot;IsElectric&quot;:false,&quot;IsHybrid&quot;:false,&quot;Fctp&quot;:null,&quot;Lctp&quot;:null,&quot;BlackLabel&quot;:false,&quot;DateInStock&quot;:0,&quot;MaxDaysInStock&quot;:0,&quot;Vin&quot;:null,&quot;Stock&quot;:null,&quot;Courtesy&quot;:false,&quot;HideExcludeVehicles&quot;:false,&quot;EVDealer&quot;:true,&quot;IsLoaner&quot;:false,&quot;IsDemo&quot;:false,&quot;ModelEFiltered&quot;:false,&quot;PassengerCapacity&quot;:null,&quot;ModelEGroupedAccounts&quot;:[],&quot;SourceFrom&quot;:&quot;inventorycontroller&quot;,&quot;HideFilters&quot;:false,&quot;IsShowRoomPage&quot;:false,&quot;InstalledPackageCategories&quot;:null,&quot;UnGroup&quot;:false,&quot;Cabs&quot;:null,&quot;Customurlquerystring&quot;:&quot;&quot;,&quot;Limit&quot;:0,&quot;IsFromSeo&quot;:false,&quot;GenericMakes&quot;:null,&quot;GenericModels&quot;:null,&quot;GenericTrims&quot;:null,&quot;GenericColors&quot;:null,&quot;Comment5&quot;:null,&quot;ExcludeBrandFirst&quot;:false,&quot;Doors&quot;:null,&quot;InventoryFeedPageSize&quot;:0,&quot;Comment10&quot;:null,&quot;SrpSelectedTab&quot;:null,&quot;IncludePriceStack&quot;:false,&quot;FuelTypeModelPairs&quot;:null,&quot;BlueCruise&quot;:null}" ></inventory-filters-container>
2791
2792</div>
2793
2794        <div id="inventorynew-custom-iframe" class="col-12 vehicles-section col-12 col-lg-9 col-xl-10">
2795          <div>
2796              <custom-url-breadcrumb></custom-url-breadcrumb>
2797                  <inventory-left-filters-breadcrumbs></inventory-left-filters-breadcrumbs>
2798          </div>
2799          <div class="d-flex justify-content-between">
2800
2801            <div class='d-md-flex align-items-center justify-content-between vehicle_results_block ml-0 ml-lg-3 ft-12 mt-2'>
2802
2803            </div>
2804              <div class="mt-2 d-flex justify-content-end">
2805                
2806<div>
2807    <ul class="inventory-pagination pagination m-0">
2808
2809                <li class="page-item active">
2810                    <a  @Click="paginationClick(`page 1`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
2811                       rel="">1</a>
2812                </li>
2813                <li class="page-item ">
2814                    <a  @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
2815                       rel="next">2</a>
2816                </li>
2817                <li class="page-item ">
2818                    <a  @Click="paginationClick(`page 3`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3"
2819                       rel="">3</a>
2820                </li>
2821                <li class="page-item ">
2822                    <a  @Click="paginationClick(`page 4`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4"
2823                       rel="">4</a>
2824                </li>
2825                <li class="page-item ">
2826                    <a  @Click="paginationClick(`page 5`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5"
2827                       rel="">5</a>
2828                </li>
2829                <li class="page-item ">
2830                    <a  @Click="paginationClick(`page 6`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=6`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=6"
2831                       rel="">6</a>
2832                </li>
2833                <li class="page-item ">
2834                    <a  @Click="paginationClick(`page 7`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=7`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=7"
2835                       rel="">7</a>
2836                </li>
2837                <li class="page-item ">
2838                    <a  @Click="paginationClick(`page 8`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=8`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=8"
2839                       rel="">8</a>
2840                </li>
2841                <li class="page-item ">
2842                    <a  @Click="paginationClick(`page 9`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=9`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=9"
2843                       rel="">9</a>
2844                </li>
2845                <li class="page-item ">
2846                    <a  @Click="paginationClick(`page 10`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=10`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=10"
2847                       rel="">10</a>
2848                </li>
2849
2850            <li class="page-item">
2851                <a  @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
2852            </li>
2853            <li class="page-item">
2854                <a  @Click="paginationClick(`page 27`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=27`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=27" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
2855            </li>
2856
2857    </ul>
2858</div>
2859
2860              </div>
2861          </div>
2862
2863          <div class="row mb-5 mt-2 srp-vehicles-container" v-match-heights="matchHeightData">
2864
2865
2866
2867<text-modal :text="disclaimer" @hidemodal="showDisclaimer=false" :title="disclaimerHeading ? disclaimerHeading:'Disclosure'" v-if="showDisclaimer"></text-modal>
2868<hover-modal :disclaimer-data="hoverDisclaimerData"  v-show="isModalVisible"></hover-modal>
2869
2870
2871<script>
2872    var IncentiveSource = 'AIS';
2873    var isFdDealer = 'false' === "true";
2874    var vehicleVinsAndDealerIds = 'KMHLM4DG7TU271890+42268,KMHRC8A31TU462100+42268,KMHLM4DG0TU238956+42268,KMHLM4DG8TU288097+42268,KMHLM4DG7TU290004+42268,KMHLM4DG5TU288087+42268,KMHLM4DG2TU260635+42268,KMHRC8A3XTU496147+42268,KMHRC8A36TU496338+42268,KMHRC8A39TU495846+42268,KMHRC8A31TU495940+42268,KMHRC8A34TU496449+42268';
2875    var enableSRPFiltersOnElastic = 'True' === 'True';
2876    var elasticFallbackToDb = 'False' === 'True';
2877    var checkSpecialVehicles='';
2878    var inventoryModels = '[{"Model":"Elantra","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null},{"Model":"Venue","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null}]';
2879</script>
2879
2880
2881<div class="srp-results-list">
2882        
2882<script type="application/javascript">
2883
2884            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
2885            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
2886            localStorage.setItem("KMHLM4DG7TU271890-rebates", formattedRebatesString);
2887
2888        </script>
2888
2889<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG7TU271890" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
2890        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG7TU271890", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "0",msrp:"25855",yourPrice:"23358",sellingPrice:"25183",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG7TU271890", $event,{styleId:"487085"})'
2891        @mouseleave="clearMouseHoverValue()"
2892        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
2893        used-large-box" style="height: 100%;">
2894
2895            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
2896                <div class="position-relative">
2897                    <div class="srp-top-badges">
2898                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
2899                            <div class="d-flex align-items-center gap-10">
2900                            </div>
2901                        </div>
2902
2903                    </div>
2904
2905
2906                    <div id="EZ360_CVDP"></div>
2907
2908                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
2909                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU271890'" class="vehicle-box__image">
2910                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&amp;vin=KMHLM4DG7TU271890&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A2B&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
2911                                                    title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport"
2912                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG7TU271890', 'color=A2B')" />
2913
2914                        </div>
2915
2916                        <div class="dp-srp-evox-media-KMHLM4DG7TU271890" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU271890'"></div>
2917
2918                        <div class="vehicle-info-icon">
2919                            <em
2920                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU271890')"
2921                            class="primaryicon-options-btn-new info-icon-css"
2922                            data-vin="KMHLM4DG7TU271890"
2923                            tabindex="0"
2924                            role="button"
2925                            aria-label="Vehicle info"
2926                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')"
2927                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')"
2928                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
2929                        </div>
2930                    </div>
2931
2932
2933                    <div class="vehiclebox-info-section p-3">
2934                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
2935                            <div class="d-flex">
2936                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
2937                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
2938                                        2026 Hyundai Elantra SEL Sport
2939                                    </h2>
2940                                </div>
2941                            </div>
2942                        </div>
2943
2944                        <div class="vehicle-summary-section mt-3 ">
2945                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
2946                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
2947            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp)'>
2948                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
2949                                            <div class="mr-2" style="color:#002
2949C5E">
2950                                                <span id="kmhlm4dg7tu271890-price-summary-label">Your Price</span>
2951                                            </div>
2952                                            <div id="kmhlm4dg7tu271890-price-summary-value" class=" " style="color:#002C5E">$23,358</div>
2953                                        </div>
2954
2955            </div>
2956            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'>
2957                                <div v-if="!unlockHideMsrp">
2958                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
2959                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
2960                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div>
2961                                    </div>
2962                                </div>
2963
2964            </div>
2965        </div>
2966
2967                            </div>
2968
2969                                <template v-if="true">
2970                                    <div class="vehicle-summary-cta flex-1">
2971                                        <object>
2972                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
2973                <a v-if="applySecondaryDesign" href=""
2974                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
2975                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
2976                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
2977                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
2978                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
2979                <a v-else href=""
2980                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
2981                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
2982                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
2983                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
2984                   @mouseover="onCTABtnHover('', '', '', $event)">
2985                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
2986                    Get Out The Door Price
2987                </a>
2988            </div>
2989
2990                                        </object>
2991                                    </div>
2992                                </template>
2993                        </div>
2994<div class="color-black ft-16 mt-1">
2995            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
2996                Disclosure
2997            </div>
2998</div>
2999
3000                            <div class="color-black ft-12 d-flex gap-5 mt-2">
3001                                <div class="color-gray">Location:</div>
3002                                <div>City World Hyundai</div>
3003                            </div>
3004
3005                        <div class="show section-separator my-4"></div>
3006
3007
3008                            <template v-if="true">
3009                                <object>
3010                                    <div class="app-level-cta-container">
3011                                            <div class="primary-button-parent unlock-discount">
3012                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
3013                                                    term="72"
3014                                                    payment-type="cash"
3015                                                    down-payment="3878.0"
3016                                                    miles="6"
3017                                                    lender-number="103"
3018                                                    msrp="25855"
3019                                                    rebates="2000"
3020                                                    page-type="srp"
3021                                                    vin=KMHLM4DG7TU271890
3022                                                    :your-price=23358
3023                                                    style-id=487085
3024                                                    vdp-account-id=42268
3025                                                    :page-reload="false"
3026                                                    :price-unlocked-vins="priceUnlockedVins"
3027                                                    @loadpayments="loadPaymentsForUnlockDiscount"
3028                                                    inventory-type=new></unlock-discount>
3029                                                </div>
3030
3031
3032                                            <div class="primary-button-parent srp-view-details-transact-button-container">
3033                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
3034                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU271890");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
3035                                                    @keydown.space.prevent="$event.currentTarget.click()"
3036                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
3037                                                     bgcolor-primary "
3038                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
3039                                                    Explore Payment Options
3040                                                </a>
3041                                            </div>
3042
3043
3044
3045
3046
3047                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU271890","false"==="true"))' class="primary-button-parent">
3048                                                    <a :style="ctaBtnStyles"
3049                                                     tabindex="0" role="button"
3050                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")'
3051                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")'
3052                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
3053                                                        {{inventorySettings.data.buttonLabel}}
3054                                                    </a>
3055                                                 </div>
3056                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
3057                                                                    <a v-if="applySecondary
3057Design" href=""
3058                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3059                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3060                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3061                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3062                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3063                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
3064                                                                    <a v-else href=""
3065                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3066                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3067                                                                        @click.prevent="
3068                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3069                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3070                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3071                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3072                                                                        Value Your Trade
3073                                                                    </a>
3074                                                                </div>
3075                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
3076                                                                    <a v-if="applySecondary
3076Design" href=""
3077                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3078                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3079                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3080                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3081                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3082                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
3083                                                                    <a v-else href=""
3084                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3085                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3086                                                                        @click.prevent="
3087                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3088                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:333.13,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2179&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3089                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3090                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3091                                                                        Check Availability 
3092                                                                    </a>
3093                                                                </div>
3094
3095
3096
3097
3098                                    </div>
3099                                </object>
3100                            </template>
3101
3102                            <div class="mt-3">
3103
3104
3105                                <div class="inventory-btns" style="width:100%;" v-cloak>
3106
3107
3108                                    <object class="d-flex flex-column primary-inventory-btn-group">
3109                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3110                                        <div class="pi-pullup-container"></div>
3111                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3112
3113                                        <div class="dvs_vin_btn" vin="KMHLM4DG7TU271890"></div>
3114
3115
3116
3117                                                    <div class="d-flex mt-2 primary-button-parent">
3118                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU271890"
3119                                                        style="color: initial; background-color: initial;"
3120                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
3121                                                        @mouseover="onRoadSterButtonHover('','', $event)"
3122                                                        @keydown.space.prevent="$event.currentTarget.click()"
3123                                                        class="bgcolor-primary
3124                                                                                    w-100
3125                                                                                    d-flex
3126                                                                                    justify-content-center
3127                                                                                    align-items-center
3128                                                                                    payment-panel-rounded-buttons
3129                                                        text-white text-center
3130                                                                                    no-hover
3131                                                                                    rounded-buttons py-2 px-2
3132                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
3133                                                                                    ">Search Payments </a>
3134                                                    </div>
3135
3136
3137
3138                                    </object>
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148                                    
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158                                </div>
3159
3160
3161                                    <div class="my-2 w-100 text-center">
3162                                        <div class="les_video" les_vin="KMHLM4DG7TU271890"></div>
3163                                    </div>
3164
3165
3166
3167
3168                            </div>
3169
3170                            <active-engage-widget v-if="isEnableActivEngageSrp"
3171                                                custom-class="py-2 ft-12"></active-engage-widget>
3172                        <div class="srp-tabs-section mt-3">
3173                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
3174                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details' }"
3175                                    tabindex="0" role="tab"
3176                                    aria-label="Details"
3177                                    :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details'"
3178                                    aria-controls="tab-panel-details-KMHLM4DG7TU271890"
3179                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')"
3180                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')">
3181                                        Details
3182                                    </div>
3183                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments' }"
3184                                tabindex="0" role="tab"
3185                                aria-label="Pricing"
3186                                :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments'"
3187                                aria-controls="tab-panel-payments-KMHLM4DG7TU271890"
3188                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')"
3189                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')">
3190                                    Pricing
3191                                </div>
3192                            </div>
3193
3194                            <div class="srp-tab-content">
3195                                <div :class="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG7TU271890" aria-label="Details">
3196                                    <div class="vehicle-details-list">
3197
3198                                            <div class="details-item-row ">
3199                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
3200                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
3201                                                        <div id="copy_vin" class="d-inline">KMHLM4DG7TU271890</div>
3202                                                    </div>
3203                                            </div>
3204
3205                                            <div class="details-item-row">
3206                                                <div class="details-item-label">Stock #</div>
3207                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
3208                                                    <div id="copy_stock" class="d-inline">26H2179</div>
3209                                                </div>
3210                                            </div>
3211
3212                                        
3213
3214                                            <div class="details-item-row">
3215                                                <div class="details-item-label">Model Code</div>
3216                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
3217                                            </div>
3218
3219                                            <div class="details-item-row">
3220                                                <div class="details-item-label">Exterior</div>
3221                                                <div class="details-item-value d-flex align-items-center">
3222                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div>
3223                                                        <div class="ml-2">Abyss Black</div>
3224                                                </div>
3225                                            </div>
3226
3227                                            <div class="details-item-row">
3228                                                <div class="details-item-label">Interior</div>
3229                                                <div class="details-item-value d-flex align-items-center">
3230                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
3231                                                    <div class="ml-2 interior-word-break">Black</div>
3232                                                </div>
3233                                            </div>
3234
3235                                            <div class="details-item-row">
3236                                                <div class="details-item-label">Drivetrain</div>
3237                                                <div class="details-item-value">FWD</div>
3238                                            </div>
3239
3240                                            <div class="details-item-row">
3241                                                <div class="details-item-label">Engine</div>
3242                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
3243                                            </div>
3244                                            <div class="details-item-row">
3245                                                <div class="details-item-label">Transmission</div>
3246                                                <div class="details-item-value">CVT</div>
3247                                            </div>
3248
3249                                    </div>
3250
3251                                </div>
3252                                <div :class="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG7TU271890" aria-label="Pricing">
3253                                            <div class="msrppanel-label">
3254                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp)'>
3255
3256
3257                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25855' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3258                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
3259                                                                                    
3260
3261<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
32612 ft-16" :style="getMSRPColor('')">
3262    MSRP
3263</div>
3264<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,855</div>
3265
3266
3267                                                                                </div>
3268                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$672</span></div>
3269                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
3270                                                                                            <span>
3271                                                                                                Retail Bonus Cash
3272                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU271890" disclaimerindex="0" />
3273                                                                                            </span>
3274                                                                                            <span> -$2,000</span>
3275                                                                                        </div>
3276                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
3277                                                                                            <span>Total Fee</span>
3278                                                                                            <span class="d-flex pl-2">
3279                                                                                                &#x2B;$175
3280                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
3281                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
3281Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
3282                                                                                                </span>
3283                                                                                            </span>
3284                                                                                        </div>
3285                                                                            <div id="kmhlm4dg7tu271890-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
3286                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
3287                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
3288                                                                            </span>
3289                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu271890-unlock-discount-price"></label></span>
3290                                                                        </div>
3291                                                                        <div id="kmhlm4dg7tu271890-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3292                                                                            <div class="mr-2" style="color:#002C5E">
3293                                                                                <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span>
3294                                                                            </div>
3295                                                                            <div id="kmhlm4dg7tu271890-your-price-hide" class=" " style="color:#002C5E">$23,358</div>
3296                                                                        </div>
3297                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3298                                                                                <div class="mr-2" style="color:#002C5E">
3299                                                                                    <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span>
3300                                                                                </div>
3301                                                                                <div id="kmhlm4dg7tu271890-your-price" class=" " style="color:#002C5E">$23,358</div>
3302                                                                            </div>
3303
3304
3305
3306
3307                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
3307dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
3307StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG7TU271890&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
3308                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
3309                                                                                :pricedata="{'msrp':'25855','yourPrice':'23358'}"
3310                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
3311                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
3312                                                    <div class="color-black ft-16 mt-1">
3313            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
3314                Disclosure
3315            </div>
3316</div>
3317
3318                                                </div>
3319
3320                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'>
3321                                                                    <div v-if="!unlockHideMsrp">
3322                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25855' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3323                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
3324                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
3325                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div>
3326                                                                        </div>
3327                                                                    </div>
3328
3329                                                </div>
3330                                            </div>
3331                                </div>
3332                            </div>
3333                        </div>
3334                        <div id="cta-params-KMHLM4DG7TU271890"
3335                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23358.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
3336                        </div>
3337
3338                        <div>
3339
3340                            <vehicle-badges model="Elantra"
3341                                            :current="'srp'"
3342                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
3343                                            :eyesight="''"
3344                                            :starlink="''"
3345                                            :von="''"
3346                                            :onorder="''"
3347                                            :vin="'KMHLM4DG7TU271890'"
3348                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease'"
3349                                            :vehicle-badges-top-srp="'False'"
3350                                            :year="'2026'"
3351                                            :in-transit-background-color-srp="''"
3352                                            :in-transit-badge-color-srp="''"
3353                                            :in-production-background-color-srp="''"
3354                                            :in-production-badge-color-srp="''"
3355                                            @opendisclaimer="openDisclaimerPopup($event)">
3356                            </vehicle-badges>
3357
3358                                <div class="d-flex flex-wrap">
3359                                    
3360
3361
3362
3363
3364
3365
3366                                </div>
3367                        </div>
3368
3369
3370
3371                        <div class="d-flex flex-wrap srp-certified-img-section">
3372
3373
3374
3375
3376
3377
3378
3379
3380                        </div>
3381
3382                        <div v-if="currentTheme == 'subaru'" class="mt-3">
3383                            <subaru-badge-new model="Elantra"
3384                                            year="2026"
3385                                            make="Hyundai"
3386                                            type="New"
3387                                            :current="'srp'"
3388                                            :transit="'False'"
3389                                            :eyesight="''"
3390                                            :starlink="''"
3391                                            :von="''"
3392                                            :onorder="''"
3393                                            :vin="'KMHLM4DG7TU271890'"
3394                                            :hide-in-transit="'False'"
3395                                            :vehicle-badges-top-srp="'False'"
3396                                            :subaru-consumer-report-class="''"
3397                                            :in-transit-background-color-srp="''"
3398                                            :in-transit-badge-color-srp="''"
3399                                            >
3400                            </subaru-badge-new>
3401                        </div>
3402
3403                    </div>
3404                </div>
3405
3406
3407
3408            </div>
3409        </a>
3410        <template v-if="true">
3411            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
3412                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU271890'" class="vehicle-data-overlay-container"
3413                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
3414                     @keydown.esc.prevent="closeDetailsOverlay()"
3415                     @keydown.tab="srpOverlayTrapFocus($event)">
3416                    <div class="vehicle-overlay-data">
3417                        <div class="srp-overlay-options">
3418                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3419                                <div class="d-flex align-items-center" style="gap: 20px;">
3420                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
3421                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
3422                                    <h3 class="mb-0">Options</h3>
3423                                </div>
3424                                <div>
3425                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
3426                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
3427                                </div>
3428                            </div>
3429
3430                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
3431                                <div class="overlay-nav-items px-3 pt-4">
3432                                    <div class="d-flex overlay-nav-item" tabindex="0"
3433                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: '
3433share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'share-options', label: 'Share' })">
3434                                        <em class="primaryicon-share-icon"></em>
3435                                        <span>Share</span>
3436                                    </div>
3437
3438                                        <div class="d-flex overlay-nav-item"
3439                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'key-features', label: 'Key Features' })">
3440                                            <em class="primaryicon-key-features-icon"></em>
3441                                            <span>Key Features</span>
3442                                        </div>
3443                                        <div class="d-flex overlay-nav-item"
3444                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG7TU271890")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG7TU271890")'>
3445                                            <em class="primaryicon-assistant-icon"></em>
3446                                            <span>Ask Us Anything</span>
3447                                        </div>
3448                                </div>
3449
3450                                <div class="pt-4 px-3 mt-3">
3451                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
3452                                        @keydown.space.prevent="$event.currentTarget.click()"
3453                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
3454                                        View Details
3455                                    </a>
3456                                </div>
3457                            </div>
3458                        </div>
3459                    </div>
3460                </div>
3461            </transition>
3462            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
3463                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU271890'"
3464                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
3465                     @keydown.esc.prevent="navigateToDetailsOverlay()"
3466                     @keydown.tab="srpOverlayTrapFocus($event)">
3467                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3468                        <div class="d-flex align-items-center" style="gap: 20px;">
3469                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
3470                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
3471                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
3472                        </div>
3473                        <div>
3474                            <em class="primaryicon-close-icon-gray"
3475                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
3476                        </div>
3477                    </div>
3478                    <div class="mt-3 pt-4 overlay-section-links">
3479                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
3480                        <template v-if="!isLoadingOverlayDetails">
3481                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
3482                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options>
3483                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
3484                        </template>
3485                    </div>
3486                </div>
3487            </transition>
3488        </template>
3489    </div>
3490        
3490<script type="application/javascript">
3491
3492            var rebatesString = "[]";
3493            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
3494            localStorage.setItem("KMHRC8A31TU462100-rebates", formattedRebatesString);
3495
3496        </script>
3496
3497<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU462100" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
3498        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A31TU462100", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "1",msrp:"25045",yourPrice:"23470",sellingPrice:"23295",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU462100", $event,{styleId:"477903"})'
3499        @mouseleave="clearMouseHoverValue()"
3500        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
3501        used-large-box" style="height: 100%;">
3502
3503            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
3504                <div class="position-relative">
3505                    <div class="srp-top-badges">
3506                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
3507                            <div class="d-flex align-items-center gap-10">
3508                            </div>
3509                        </div>
3510
3511                    </div>
3512
3513
3514                    <div id="EZ360_CVDP"></div>
3515
3516                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
3517                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU462100'" class="vehicle-box__image">
3518                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A31TU462100&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=SAW&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
3519                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
3520                                                    @mouseover="srpImageHover('477903', 'KMHRC8A31TU462100', 'color=SAW')" />
3521
3522                        </div>
3523
3524                        <div class="dp-srp-evox-media-KMHRC8A31TU462100" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU462100'"></div>
3525
3526                        <div class="vehicle-info-icon">
3527                            <em
3528                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU462100')"
3529                            class="primaryicon-options-btn-new info-icon-css"
3530                            data-vin="KMHRC8A31TU462100"
3531                            tabindex="0"
3532                            role="button"
3533                            aria-label="Vehicle info"
3534                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')"
3535                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')"
3536                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
3537                        </div>
3538                    </div>
3539
3540
3541                    <div class="vehiclebox-info-section p-3">
3542                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
3543                            <div class="d-flex">
3544                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
3545                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
3546                                        2026 Hyundai Venue SEL
3547                                    </h2>
3548                                </div>
3549                            </div>
3550                        </div>
3551
3552                        <div class="vehicle-summary-section mt-3 ">
3553                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
3554                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
3555            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp)'>
3556                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
3557                                            <div class="mr-2" style="color:#002
3557C5E">
3558                                                <span id="kmhrc8a31tu462100-price-summary-label">Your Price</span>
3559                                            </div>
3560                                            <div id="kmhrc8a31tu462100-price-summary-value" class=" " style="color:#002C5E">$23,470</div>
3561                                        </div>
3562
3563            </div>
3564            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'>
3565                                <div v-if="!unlockHideMsrp">
3566                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
3567                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
3568                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div>
3569                                    </div>
3570                                </div>
3571
3572            </div>
3573        </div>
3574
3575                            </div>
3576
3577                                <template v-if="true">
3578                                    <div class="vehicle-summary-cta flex-1">
3579                                        <object>
3580                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
3581                <a v-if="applySecondaryDesign" href=""
3582                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3583                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3584                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3585                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3586                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
3587                <a v-else href=""
3588                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3589                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3590                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;
3590:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3591                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3592                   @mouseover="onCTABtnHover('', '', '', $event)">
3593                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
3594                    Get Out The Door Price
3595                </a>
3596            </div>
3597
3598                                        </object>
3599                                    </div>
3600                                </template>
3601                        </div>
3602<div class="color-black ft-16 mt-1">
3603            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
3604                Disclosure
3605            </div>
3606</div>
3607
3608                            <div class="color-black ft-12 d-flex gap-5 mt-2">
3609                                <div class="color-gray">Location:</div>
3610                                <div>City World Hyundai</div>
3611                            </div>
3612
3613                        <div class="show section-separator my-4"></div>
3614
3615
3616                            <template v-if="true">
3617                                <object>
3618                                    <div class="app-level-cta-container">
3619                                            <div class="primary-button-parent unlock-discount">
3620                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
3621                                                    term="72"
3622                                                    payment-type="cash"
3623                                                    down-payment="3756.0"
3624                                                    miles="7"
3625                                                    lender-number="103"
3626                                                    msrp="25045"
3627                                                    rebates="0"
3628                                                    page-type="srp"
3629                                                    vin=KMHRC8A31TU462100
3630                                                    :your-price=23470
3631                                                    style-id=477903
3632                                                    vdp-account-id=42268
3633                                                    :page-reload="false"
3634                                                    :price-unlocked-vins="priceUnlockedVins"
3635                                                    @loadpayments="loadPaymentsForUnlockDiscount"
3636                                                    inventory-type=new></unlock-discount>
3637                                                </div>
3638
3639
3640                                            <div class="primary-button-parent srp-view-details-transact-button-container">
3641                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
3642                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU462100");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
3643                                                    @keydown.space.prevent="$event.currentTarget.click()"
3644                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
3645                                                     bgcolor-primary "
3646                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
3647                                                    Explore Payment Options
3648                                                </a>
3649                                            </div>
3650
3651
3652
3653
3654
3655                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU462100","false"==="true"))' class="primary-button-parent">
3656                                                    <a :style="ctaBtnStyles"
3657                                                     tabindex="0" role="button"
3658                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3658ort-utility?type=lease", "KMHRC8A31TU462100", "New")'
3659                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU462100", "New")'
3660                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
3661                                                        {{inventorySettings.data.buttonLabel}}
3662                                                    </a>
3663                                                 </div>
3664                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
3665                                                                    <a v-if="applySecondaryDesign" href=""
3666                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3667                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3668                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3669                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3670                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3671                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
3672                                                                    <a v-else href=""
3673                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3674                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3675                                                                        @click.prevent="
3676                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;
3676:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3677                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3678                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3679                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3680                                                                        Value Your Trade
3681                                                                    </a>
3682                                                                </div>
3683                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
3684                                                                    <a v-if="applySecondaryDesign" href=""
3685                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3686                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3687                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3688                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;
3688:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3689                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3690                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
3691                                                                    <a v-else href=""
3692                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3693                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3694                                                                        @click.prevent="
3695                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3696                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3697                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3698                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3699                                                                        Check Availability 
3700                                                                    </a>
3701                                                                </div>
3702
3703
3704
3705
3706                                    </div>
3707                                </object>
3708                            </template>
3709
3710                            <div class="mt-3">
3711
3712
3713                                <div class="inventory-btns" style="width:100%;" v-cloak>
3714
3715
3716                                    <object class="d-flex flex-column primary-inventory-btn-group">
3717                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3718                                        <div class="pi-pullup-container"></div>
3719                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3720
3721                                        <div class="dvs_vin_btn" vin="KMHRC8A31TU462100"></div>
3722
3723
3724
3725                                                    <div class="d-flex mt-2 primary-button-parent">
3726                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU462100"
3727                                                        style="color: initial; background-color: initial;"
3728                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
3729                                                        @mouseover="onRoadSterButtonHover('','', $event)"
3730                                                        @keydown.space.prevent="$event.currentTarget.click()"
3731                                                        class="bgcolor-primary
3732                                                                                    w-100
3733                                                                                    d-flex
3734                                                                                    justify-content-center
3735                                                                                    align-items-center
3736                                                                                    payment-panel-rounded-buttons
3737                                                        text-white text-center
3738                                                                                    no-hover
3739                                                                                    rounded-buttons py-2 px-2
3740                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
3741                                                                                    ">Search Payments </a>
3742                                                    </div>
3743
3744
3745
3746                                    </object>
3747
3748
3749
3750
3751
3752
3753
3754
3755
3756                                    
3757
3758
3759
3760
3761
3762
3763
3764
3765
3766                                </div>
3767
3768
3769                                    <div class="my-2 w-100 text-center">
3770                                        <div class="les_video" les_vin="KMHRC8A31TU462100"></div>
3771                                    </div>
3772
3773
3774
3775
3776                            </div>
3777
3778                            <active-engage-widget v-if="isEnableActivEngageSrp"
3779                                                custom-class="py-2 ft-12"></active-engage-widget>
3780                        <div class="srp-tabs-section mt-3">
3781                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
3782                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details' }"
3783                                    tabindex="0" role="tab"
3784                                    aria-label="Details"
3785                                    :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details'"
3786                                    aria-controls="tab-panel-details-KMHRC8A31TU462100"
3787                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')"
3788                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')">
3789                                        Details
3790                                    </div>
3791                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments' }"
3792                                tabindex="0" role="tab"
3793                                aria-label="Pricing"
3794                                :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments'"
3795                                aria-controls="tab-panel-payments-KMHRC8A31TU462100"
3796                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')"
3797                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')">
3798                                    Pricing
3799                                </div>
3800                            </div>
3801
3802                            <div class="srp-tab-content">
3803                                <div :class="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A31TU462100" aria-label="Details">
3804                                    <div class="vehicle-details-list">
3805
3806                                            <div class="details-item-row ">
3807                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
3808                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
3809                                                        <div id="copy_vin" class="d-inline">KMHRC8A31TU462100</div>
3810                                                    </div>
3811                                            </div>
3812
3813                                            <div class="details-item-row">
3814                                                <div class="details-item-label">Stock #</div>
3815                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
3816                                                    <div id="copy_stock" class="d-inline">26H1796</div>
3817                                                </div>
3818                                            </div>
3819
3820                                        
3821
3822                                            <div class="details-item-row">
3823                                                <div class="details-item-label">Model Code</div>
3824                                                <div class="details-item-value">#VN2AFD56W5A5</div>
3825                                            </div>
3826
3827                                            <div class="details-item-row">
3828                                                <div class="details-item-label">Exterior</div>
3829                                                <div class="details-item-value d-flex align-items-center">
3830                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div>
3831                                                        <div class="ml-2">Lunar White</div>
3832                                                </div>
3833                                            </div>
3834
3835                                            <div class="details-item-row">
3836                                                <div class="details-item-label">Interior</div>
3837                                                <div class="details-item-value d-flex align-items-center">
3838                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
3839                                                    <div class="ml-2 interior-word-break">Gray</div>
3840                                                </div>
3841                                            </div>
3842
3843                                            <div class="details-item-row">
3844                                                <div class="details-item-label">Drivetrain</div>
3845                                                <div class="details-item-value">FWD</div>
3846                                            </div>
3847
3848                                            <div class="details-item-row">
3849                                                <div class="details-item-label">Engine</div>
3850                                                        <div class="details-item-value">
3850Regular Gasoline I-4 1.6 L/98</div>
3851                                            </div>
3852                                            <div class="details-item-row">
3853                                                <div class="details-item-label">Transmission</div>
3854                                                <div class="details-item-value">CVT</div>
3855                                            </div>
3856
3857                                    </div>
3858
3859                                </div>
3860                                <div :class="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A31TU462100" aria-label="Pricing">
3861                                            <div class="msrppanel-label">
3862                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp)'>
3863
3864
3865                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25045' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3866                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
3867                                                                                    
3868
3869<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
3870    MSRP
3871</div>
3872<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,045</div>
3873
3874
3875                                                                                </div>
3876                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$1,750</span></div>
3877                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
3878                                                                                            <span>Total Fee</span>
3879                                                                                            <span class="d-flex pl-2">
3880                                                                                                &#x2B;$175
3881                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
3882                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
3882Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
3883                                                                                                </span>
3884                                                                                            </span>
3885                                                                                        </div>
3886                                                                            <div id="kmhrc8a31tu462100-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
3887                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
3888                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
3889                                                                            </span>
3890                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu462100-unlock-discount-price"></label></span>
3891                                                                        </div>
3892                                                                        <div id="kmhrc8a31tu462100-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3893                                                                            <div class="mr-2" style="color:#002C5E">
3894                                                                                <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span>
3895                                                                            </div>
3896                                                                            <div id="kmhrc8a31tu462100-your-price-hide" class=" " style="color:#002C5E">$23,470</div>
3897                                                                        </div>
3898                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3899                                                                                <div class="mr-2" style="color:#002C5E">
3900                                                                                    <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span>
3901                                                                                </div>
3902                                                                                <div id="kmhrc8a31tu462100-your-price" class=" " style="color:#002C5E">$23,470</div>
3903                                                                            </div>
3904
3905
3906
3907
3908                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
3908dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
3908StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A31TU462100&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
3909                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
3910                                                                                :pricedata="{'msrp':'25045','yourPrice':'23470'}"
3911                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
3912                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
3913                                                    <div class="color-black ft-16 mt-1">
3914            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
3915                Disclosure
3916            </div>
3917</div>
3918
3919                                                </div>
3920
3921                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'>
3922                                                                    <div v-if="!unlockHideMsrp">
3923                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25045' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3924                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
3925                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
3926                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div>
3927                                                                        </div>
3928                                                                    </div>
3929
3930                                                </div>
3931                                            </div>
3932                                </div>
3933                            </div>
3934                        </div>
3935                        <div id="cta-params-KMHRC8A31TU462100"
3936                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23470.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
3937                        </div>
3938
3939                        <div>
3940
3941                            <vehicle-badges model="Venue"
3942                                            :current="'srp'"
3943                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
3944                                            :eyesight="''"
3945                                            :starlink="''"
3946                                            :von="''"
3947                                            :onorder="''"
3948                                            :vin="'KMHRC8A31TU462100'"
3949                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease'"
3950                                            :vehicle-badges-top-srp="'False'"
3951                                            :year="'2026'"
3952                                            :in-transit-background-color-srp="''"
3953                                            :in-transit-badge-color-srp="''"
3954                                            :in-production-background-color-srp="''"
3955                                            :in-production-badge-color-srp="''"
3956                                            @opendisclaimer="openDisclaimerPopup($event)">
3957                            </vehicle-badges>
3958
3959                                <div class="d-flex flex-wrap">
3960                                    
3961
3962
3963
3964
3965
3966
3967                                </div>
3968                        </div>
3969
3970
3971
3972                        <div class="d-flex flex-wrap srp-certified-img-section">
3973
3974
3975
3976
3977
3978
3979
3980
3981                        </div>
3982
3983                        <div v-if="currentTheme == 'subaru'" class="mt-3">
3984                            <subaru-badge-new model="Venue"
3985                                            year="2026"
3986                                            make="Hyundai"
3987                                            type="New"
3988                                            :current="'srp'"
3989                                            :transit="'False'"
3990                                            :eyesight="''"
3991                                            :starlink="''"
3992                                            :von="''"
3993                                            :onorder="''"
3994                                            :vin="'KMHRC8A31TU462100'"
3995                                            :hide-in-transit="'False'"
3996                                            :vehicle-badges-top-srp="'False'"
3997                                            :subaru-consumer-report-class="''"
3998                                            :in-transit-background-color-srp="''"
3999                                            :in-transit-badge-color-srp="''"
4000                                            >
4001                            </subaru-badge-new>
4002                        </div>
4003
4004                    </div>
4005                </div>
4006
4007
4008
4009            </div>
4010        </a>
4011        <template v-if="true">
4012            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
4013                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU462100'" class="vehicle-data-overlay-container"
4014                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
4015                     @keydown.esc.prevent="closeDetailsOverlay()"
4016                     @keydown.tab="srpOverlayTrapFocus($event)">
4017                    <div class="vehicle-overlay-data">
4018                        <div class="srp-overlay-options">
4019                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4020                                <div class="d-flex align-items-center" style="gap: 20px;">
4021                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
4022                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4023                                    <h3 class="mb-0">Options</h3>
4024                                </div>
4025                                <div>
4026                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
4027                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
4028                                </div>
4029                            </div>
4030
4031                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
4032                                <div class="overlay-nav-items px-3 pt-4">
4033                                    <div class="d-flex overlay-nav-item" tabindex="0"
4034                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: '
4034share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'share-options', label: 'Share' })">
4035                                        <em class="primaryicon-share-icon"></em>
4036                                        <span>Share</span>
4037                                    </div>
4038
4039                                        <div class="d-flex overlay-nav-item"
4040                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'key-features', label: 'Key Features' })">
4041                                            <em class="primaryicon-key-features-icon"></em>
4042                                            <span>Key Features</span>
4043                                        </div>
4044                                        <div class="d-flex overlay-nav-item"
4045                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A31TU462100")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A31TU462100")'>
4046                                            <em class="primaryicon-assistant-icon"></em>
4047                                            <span>Ask Us Anything</span>
4048                                        </div>
4049                                </div>
4050
4051                                <div class="pt-4 px-3 mt-3">
4052                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
4053                                        @keydown.space.prevent="$event.currentTarget.click()"
4054                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
4055                                        View Details
4056                                    </a>
4057                                </div>
4058                            </div>
4059                        </div>
4060                    </div>
4061                </div>
4062            </transition>
4063            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4064                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU462100'"
4065                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4066                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4067                     @keydown.tab="srpOverlayTrapFocus($event)">
4068                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4069                        <div class="d-flex align-items-center" style="gap: 20px;">
4070                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
4071                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4072                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
4073                        </div>
4074                        <div>
4075                            <em class="primaryicon-close-icon-gray"
4076                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
4077                        </div>
4078                    </div>
4079                    <div class="mt-3 pt-4 overlay-section-links">
4080                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
4081                        <template v-if="!isLoadingOverlayDetails">
4082                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
4083                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
4083ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
4084                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
4085                        </template>
4086                    </div>
4087                </div>
4088            </transition>
4089        </template>
4090    </div>
4091        
4091<script type="application/javascript">
4092
4093            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
4094            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4095            localStorage.setItem("KMHLM4DG0TU238956-rebates", formattedRebatesString);
4096
4097        </script>
4097
4098<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG0TU238956" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4099        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG0TU238956", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "2",msrp:"26085",yourPrice:"23566",sellingPrice:"25391",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG0TU238956", $event,{styleId:"476722"})'
4100        @mouseleave="clearMouseHoverValue()"
4101        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4102        used-large-box" style="height: 100%;">
4103
4104            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4105                <div class="position-relative">
4106                    <div class="srp-top-badges">
4107                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
4108                            <div class="d-flex align-items-center gap-10">
4109                            </div>
4110                        </div>
4111
4112                    </div>
4113
4114
4115                    <div id="EZ360_CVDP"></div>
4116
4117                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4118                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG0TU238956'" class="vehicle-box__image">
4119                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&amp;vin=KMHLM4DG0TU238956&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
4120                                                    title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport"
4121                                                    @mouseover="srpImageHover('476722', 'KMHLM4DG0TU238956', 'color=W6H')" />
4122
4123                        </div>
4124
4125                        <div class="dp-srp-evox-media-KMHLM4DG0TU238956" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG0TU238956'"></div>
4126
4127                        <div class="vehicle-info-icon">
4128                            <em
4129                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG0TU238956')"
4130                            class="primaryicon-options-btn-new info-icon-css"
4131                            data-vin="KMHLM4DG0TU238956"
4132                            tabindex="0"
4133                            role="button"
4134                            aria-label="Vehicle info"
4135                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')"
4136                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')"
4137                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4138                        </div>
4139                    </div>
4140
4141
4142                    <div class="vehiclebox-info-section p-3">
4143                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4144                            <div class="d-flex">
4145                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4146                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4147                                        2026 Hyundai Elantra SEL Sport
4148                                    </h2>
4149                                </div>
4150                            </div>
4151                        </div>
4152
4153                        <div class="vehicle-summary-section mt-3 ">
4154                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4155                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4156            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp)'>
4157                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
4158                                            <div class="mr-2" style="color:#002
4158C5E">
4159                                                <span id="kmhlm4dg0tu238956-price-summary-label">Your Price</span>
4160                                            </div>
4161                                            <div id="kmhlm4dg0tu238956-price-summary-value" class=" " style="color:#002C5E">$23,566</div>
4162                                        </div>
4163
4164            </div>
4165            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'>
4166                                <div v-if="!unlockHideMsrp">
4167                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4168                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4169                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div>
4170                                    </div>
4171                                </div>
4172
4173            </div>
4174        </div>
4175
4176                            </div>
4177
4178                                <template v-if="true">
4179                                    <div class="vehicle-summary-cta flex-1">
4180                                        <object>
4181                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
4182                <a v-if="applySecondaryDesign" href=""
4183                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4184                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4185                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4186                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4187                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
4188                <a v-else href=""
4189                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4190                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4191                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4192                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4193                   @mouseover="onCTABtnHover('', '', '', $event)">
4194                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
4195                    Get Out The Door Price
4196                </a>
4197            </div>
4198
4199                                        </object>
4200                                    </div>
4201                                </template>
4202                        </div>
4203<div class="color-black ft-16 mt-1">
4204            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
4205                Disclosure
4206            </div>
4207</div>
4208
4209                            <div class="color-black ft-12 d-flex gap-5 mt-2">
4210                                <div class="color-gray">Location:</div>
4211                                <div>City World Hyundai</div>
4212                            </div>
4213
4214                        <div class="show section-separator my-4"></div>
4215
4216
4217                            <template v-if="true">
4218                                <object>
4219                                    <div class="app-level-cta-container">
4220                                            <div class="primary-button-parent unlock-discount">
4221                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
4222                                                    term="72"
4223                                                    payment-type="cash"
4224                                                    down-payment="3912.0"
4225                                                    miles="6"
4226                                                    lender-number="103"
4227                                                    msrp="26085"
4228                                                    rebates="2000"
4229                                                    page-type="srp"
4230                                                    vin=KMHLM4DG0TU238956
4231                                                    :your-price=23566
4232                                                    style-id=476722
4233                                                    vdp-account-id=42268
4234                                                    :page-reload="false"
4235                                                    :price-unlocked-vins="priceUnlockedVins"
4236                                                    @loadpayments="loadPaymentsForUnlockDiscount"
4237                                                    inventory-type=new></unlock-discount>
4238                                                </div>
4239
4240
4241                                            <div class="primary-button-parent srp-view-details-transact-button-container">
4242                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
4243                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG0TU238956");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
4244                                                    @keydown.space.prevent="$event.currentTarget.click()"
4245                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
4246                                                     bgcolor-primary "
4247                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
4248                                                    Explore Payment Options
4249                                                </a>
4250                                            </div>
4251
4252
4253
4254
4255
4256                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG0TU238956","false"==="true"))' class="primary-button-parent">
4257                                                    <a :style="ctaBtnStyles"
4258                                                     tabindex="0" role="button"
4259                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")'
4260                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")'
4261                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
4262                                                        {{inventorySettings.data.buttonLabel}}
4263                                                    </a>
4264                                                 </div>
4265                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
4266                                                                    <a v-if="applySecondary
4266Design" href=""
4267                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4268                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4269                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4270                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4271                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4272                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
4273                                                                    <a v-else href=""
4274                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4275                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4276                                                                        @click.prevent="
4277                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4278                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4279                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4280                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4281                                                                        Value Your Trade
4282                                                                    </a>
4283                                                                </div>
4284                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
4285                                                                    <a v-if="applySecondary
4285Design" href=""
4286                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4287                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4288                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4289                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4290                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4291                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
4292                                                                    <a v-else href=""
4293                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4294                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4295                                                                        @click.prevent="
4296                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4297                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.11,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2011&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4298                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4299                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4300                                                                        Check Availability 
4301                                                                    </a>
4302                                                                </div>
4303
4304
4305
4306
4307                                    </div>
4308                                </object>
4309                            </template>
4310
4311                            <div class="mt-3">
4312
4313
4314                                <div class="inventory-btns" style="width:100%;" v-cloak>
4315
4316
4317                                    <object class="d-flex flex-column primary-inventory-btn-group">
4318                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4319                                        <div class="pi-pullup-container"></div>
4320                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4321
4322                                        <div class="dvs_vin_btn" vin="KMHLM4DG0TU238956"></div>
4323
4324
4325
4326                                                    <div class="d-flex mt-2 primary-button-parent">
4327                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG0TU238956"
4328                                                        style="color: initial; background-color: initial;"
4329                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
4330                                                        @mouseover="onRoadSterButtonHover('','', $event)"
4331                                                        @keydown.space.prevent="$event.currentTarget.click()"
4332                                                        class="bgcolor-primary
4333                                                                                    w-100
4334                                                                                    d-flex
4335                                                                                    justify-content-center
4336                                                                                    align-items-center
4337                                                                                    payment-panel-rounded-buttons
4338                                                        text-white text-center
4339                                                                                    no-hover
4340                                                                                    rounded-buttons py-2 px-2
4341                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
4342                                                                                    ">Search Payments </a>
4343                                                    </div>
4344
4345
4346
4347                                    </object>
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357                                    
4358
4359
4360
4361
4362
4363
4364
4365
4366
4367                                </div>
4368
4369
4370                                    <div class="my-2 w-100 text-center">
4371                                        <div class="les_video" les_vin="KMHLM4DG0TU238956"></div>
4372                                    </div>
4373
4374
4375
4376
4377                            </div>
4378
4379                            <active-engage-widget v-if="isEnableActivEngageSrp"
4380                                                custom-class="py-2 ft-12"></active-engage-widget>
4381                        <div class="srp-tabs-section mt-3">
4382                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4383                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details' }"
4384                                    tabindex="0" role="tab"
4385                                    aria-label="Details"
4386                                    :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details'"
4387                                    aria-controls="tab-panel-details-KMHLM4DG0TU238956"
4388                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')"
4389                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')">
4390                                        Details
4391                                    </div>
4392                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments' }"
4393                                tabindex="0" role="tab"
4394                                aria-label="Pricing"
4395                                :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments'"
4396                                aria-controls="tab-panel-payments-KMHLM4DG0TU238956"
4397                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')"
4398                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')">
4399                                    Pricing
4400                                </div>
4401                            </div>
4402
4403                            <div class="srp-tab-content">
4404                                <div :class="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG0TU238956" aria-label="Details">
4405                                    <div class="vehicle-details-list">
4406
4407                                            <div class="details-item-row ">
4408                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
4409                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
4410                                                        <div id="copy_vin" class="d-inline">KMHLM4DG0TU238956</div>
4411                                                    </div>
4412                                            </div>
4413
4414                                            <div class="details-item-row">
4415                                                <div class="details-item-label">Stock #</div>
4416                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4417                                                    <div id="copy_stock" class="d-inline">26H2011</div>
4418                                                </div>
4419                                            </div>
4420
4421                                        
4422
4423                                            <div class="details-item-row">
4424                                                <div class="details-item-label">Model Code</div>
4425                                                <div class="details-item-value">#ELGAF2J6S4AS</div>
4426                                            </div>
4427
4428                                            <div class="details-item-row">
4429                                                <div class="details-item-label">Exterior</div>
4430                                                <div class="details-item-value d-flex align-items-center">
4431                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div>
4432                                                        <div class="ml-2">Serenity White</div>
4433                                                </div>
4434                                            </div>
4435
4436                                            <div class="details-item-row">
4437                                                <div class="details-item-label">Interior</div>
4438                                                <div class="details-item-value d-flex align-items-center">
4439                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
4440                                                    <div class="ml-2 interior-word-break">Black</div>
4441                                                </div>
4442                                            </div>
4443
4444                                            <div class="details-item-row">
4445                                                <div class="details-item-label">Drivetrain</div>
4446                                                <div class="details-item-value">FWD</div>
4447                                            </div>
4448
4449                                            <div class="details-item-row">
4450                                                <div class="details-item-label">Engine</div>
4451                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
4452                                            </div>
4453                                            <div class="details-item-row">
4454                                                <div class="details-item-label">Transmission</div>
4455                                                <div class="details-item-value">CVT</div>
4456                                            </div>
4457
4458                                    </div>
4459
4460                                </div>
4461                                <div :class="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG0TU238956" aria-label="Pricing">
4462                                            <div class="msrppanel-label">
4463                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp)'>
4464
4465
4466                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26085' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4467                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
4468                                                                                    
4469
4470<div class="grey-text vehiclebox-msrp msrp_label_custom 
4470mr-2 ft-16" :style="getMSRPColor('')">
4471    MSRP
4472</div>
4473<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,085</div>
4474
4475
4476                                                                                </div>
4477                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$694</span></div>
4478                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
4479                                                                                            <span>
4480                                                                                                Retail Bonus Cash
4481                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG0TU238956" disclaimerindex="0" />
4482                                                                                            </span>
4483                                                                                            <span> -$2,000</span>
4484                                                                                        </div>
4485                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
4486                                                                                            <span>Total Fee</span>
4487                                                                                            <span class="d-flex pl-2">
4488                                                                                                &#x2B;$175
4489                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
4490                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
4490Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
4491                                                                                                </span>
4492                                                                                            </span>
4493                                                                                        </div>
4494                                                                            <div id="kmhlm4dg0tu238956-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
4495                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
4496                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
4497                                                                            </span>
4498                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg0tu238956-unlock-discount-price"></label></span>
4499                                                                        </div>
4500                                                                        <div id="kmhlm4dg0tu238956-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
4501                                                                            <div class="mr-2" style="color:#002C5E">
4502                                                                                <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span>
4503                                                                            </div>
4504                                                                            <div id="kmhlm4dg0tu238956-your-price-hide" class=" " style="color:#002C5E">$23,566</div>
4505                                                                        </div>
4506                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
4507                                                                                <div class="mr-2" style="color:#002C5E">
4508                                                                                    <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span>
4509                                                                                </div>
4510                                                                                <div id="kmhlm4dg0tu238956-your-price" class=" " style="color:#002C5E">$23,566</div>
4511                                                                            </div>
4512
4513
4514
4515
4516                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
4516dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
4516StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG0TU238956&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
4517                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
4518                                                                                :pricedata="{'msrp':'26085','yourPrice':'23566'}"
4519                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
4520                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
4521                                                    <div class="color-black ft-16 mt-1">
4522            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
4523                Disclosure
4524            </div>
4525</div>
4526
4527                                                </div>
4528
4529                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'>
4530                                                                    <div v-if="!unlockHideMsrp">
4531                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26085' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4532                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
4533                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4534                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div>
4535                                                                        </div>
4536                                                                    </div>
4537
4538                                                </div>
4539                                            </div>
4540                                </div>
4541                            </div>
4542                        </div>
4543                        <div id="cta-params-KMHLM4DG0TU238956"
4544                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23566.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
4545                        </div>
4546
4547                        <div>
4548
4549                            <vehicle-badges model="Elantra"
4550                                            :current="'srp'"
4551                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
4552                                            :eyesight="''"
4553                                            :starlink="''"
4554                                            :von="''"
4555                                            :onorder="''"
4556                                            :vin="'KMHLM4DG0TU238956'"
4557                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease'"
4558                                            :vehicle-badges-top-srp="'False'"
4559                                            :year="'2026'"
4560                                            :in-transit-background-color-srp="''"
4561                                            :in-transit-badge-color-srp="''"
4562                                            :in-production-background-color-srp="''"
4563                                            :in-production-badge-color-srp="''"
4564                                            @opendisclaimer="openDisclaimerPopup($event)">
4565                            </vehicle-badges>
4566
4567                                <div class="d-flex flex-wrap">
4568                                    
4569
4570
4571
4572
4573
4574
4575                                </div>
4576                        </div>
4577
4578
4579
4580                        <div class="d-flex flex-wrap srp-certified-img-section">
4581
4582
4583
4584
4585
4586
4587
4588
4589                        </div>
4590
4591                        <div v-if="currentTheme == 'subaru'" class="mt-3">
4592                            <subaru-badge-new model="Elantra"
4593                                            year="2026"
4594                                            make="Hyundai"
4595                                            type="New"
4596                                            :current="'srp'"
4597                                            :transit="'False'"
4598                                            :eyesight="''"
4599                                            :starlink="''"
4600                                            :von="''"
4601                                            :onorder="''"
4602                                            :vin="'KMHLM4DG0TU238956'"
4603                                            :hide-in-transit="'False'"
4604                                            :vehicle-badges-top-srp="'False'"
4605                                            :subaru-consumer-report-class="''"
4606                                            :in-transit-background-color-srp="''"
4607                                            :in-transit-badge-color-srp="''"
4608                                            >
4609                            </subaru-badge-new>
4610                        </div>
4611
4612                    </div>
4613                </div>
4614
4615
4616
4617            </div>
4618        </a>
4619        <template v-if="true">
4620            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
4621                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG0TU238956'" class="vehicle-data-overlay-container"
4622                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
4623                     @keydown.esc.prevent="closeDetailsOverlay()"
4624                     @keydown.tab="srpOverlayTrapFocus($event)">
4625                    <div class="vehicle-overlay-data">
4626                        <div class="srp-overlay-options">
4627                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4628                                <div class="d-flex align-items-center" style="gap: 20px;">
4629                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
4630                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4631                                    <h3 class="mb-0">Options</h3>
4632                                </div>
4633                                <div>
4634                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
4635                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
4636                                </div>
4637                            </div>
4638
4639                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
4640                                <div class="overlay-nav-items px-3 pt-4">
4641                                    <div class="d-flex overlay-nav-item" tabindex="0"
4642                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: '
4642share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'share-options', label: 'Share' })">
4643                                        <em class="primaryicon-share-icon"></em>
4644                                        <span>Share</span>
4645                                    </div>
4646
4647                                        <div class="d-flex overlay-nav-item"
4648                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'key-features', label: 'Key Features' })">
4649                                            <em class="primaryicon-key-features-icon"></em>
4650                                            <span>Key Features</span>
4651                                        </div>
4652                                        <div class="d-flex overlay-nav-item"
4653                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG0TU238956")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG0TU238956")'>
4654                                            <em class="primaryicon-assistant-icon"></em>
4655                                            <span>Ask Us Anything</span>
4656                                        </div>
4657                                </div>
4658
4659                                <div class="pt-4 px-3 mt-3">
4660                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
4661                                        @keydown.space.prevent="$event.currentTarget.click()"
4662                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
4663                                        View Details
4664                                    </a>
4665                                </div>
4666                            </div>
4667                        </div>
4668                    </div>
4669                </div>
4670            </transition>
4671            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4672                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG0TU238956'"
4673                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4674                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4675                     @keydown.tab="srpOverlayTrapFocus($event)">
4676                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4677                        <div class="d-flex align-items-center" style="gap: 20px;">
4678                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
4679                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4680                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
4681                        </div>
4682                        <div>
4683                            <em class="primaryicon-close-icon-gray"
4684                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
4685                        </div>
4686                    </div>
4687                    <div class="mt-3 pt-4 overlay-section-links">
4688                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
4689                        <template v-if="!isLoadingOverlayDetails">
4690                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
4691                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport" :page-type-id="18" :style-id="476722" class="overlay-section-content"></share-options>
4692                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
4693                        </template>
4694                    </div>
4695                </div>
4696            </transition>
4697        </template>
4698    </div>
4699        
4699<script type="application/javascript">
4700
4701            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
4702            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4703            localStorage.setItem("KMHLM4DG8TU288097-rebates", formattedRebatesString);
4704
4705        </script>
4705
4706<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG8TU288097" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4707        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG8TU288097", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "3",msrp:"26365",yourPrice:"23839",sellingPrice:"25664",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG8TU288097", $event,{styleId:"487085"})'
4708        @mouseleave="clearMouseHoverValue()"
4709        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4710        used-large-box" style="height: 100%;">
4711
4712            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4713                <div class="position-relative">
4714                    <div class="srp-top-badges">
4715                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
4716                            <div class="d-flex align-items-center gap-10">
4717                            </div>
4718                        </div>
4719
4720                    </div>
4721
4722
4723                    <div id="EZ360_CVDP"></div>
4724
4725                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4726                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG8TU288097'" class="vehicle-box__image">
4727                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&amp;vin=KMHLM4DG8TU288097&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A2B&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
4728                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
4729                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG8TU288097', 'color=A2B')" />
4730
4731                        </div>
4732
4733                        <div class="dp-srp-evox-media-KMHLM4DG8TU288097" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG8TU288097'"></div>
4734
4735                        <div class="vehicle-info-icon">
4736                            <em
4737                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG8TU288097')"
4738                            class="primaryicon-options-btn-new info-icon-css"
4739                            data-vin="KMHLM4DG8TU288097"
4740                            tabindex="0"
4741                            role="button"
4742                            aria-label="Vehicle info"
4743                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')"
4744                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')"
4745                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4746                        </div>
4747                    </div>
4748
4749
4750                    <div class="vehiclebox-info-section p-3">
4751                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4752                            <div class="d-flex">
4753                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4754                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4755                                        2026 Hyundai Elantra SEL Sport Plus
4756                                    </h2>
4757                                </div>
4758                            </div>
4759                        </div>
4760
4761                        <div class="vehicle-summary-section mt-3 ">
4762                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4763                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4764            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp)'>
4765                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
4766                                            <div class="mr-2" style="color:#002
4766C5E">
4767                                                <span id="kmhlm4dg8tu288097-price-summary-label">Your Price</span>
4768                                            </div>
4769                                            <div id="kmhlm4dg8tu288097-price-summary-value" class=" " style="color:#002C5E">$23,839</div>
4770                                        </div>
4771
4772            </div>
4773            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'>
4774                                <div v-if="!unlockHideMsrp">
4775                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4776                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4777                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
4778                                    </div>
4779                                </div>
4780
4781            </div>
4782        </div>
4783
4784                            </div>
4785
4786                                <template v-if="true">
4787                                    <div class="vehicle-summary-cta flex-1">
4788                                        <object>
4789                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
4790                <a v-if="applySecondaryDesign" href=""
4791                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4792                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4793                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4794                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4795                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
4796                <a v-else href=""
4797                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4798                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4799                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4800                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4801                   @mouseover="onCTABtnHover('', '', '', $event)">
4802                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
4803                    Get Out The Door Price
4804                </a>
4805            </div>
4806
4807                                        </object>
4808                                    </div>
4809                                </template>
4810                        </div>
4811<div class="color-black ft-16 mt-1">
4812            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
4813                Disclosure
4814            </div>
4815</div>
4816
4817                            <div class="color-black ft-12 d-flex gap-5 mt-2">
4818                                <div class="color-gray">Location:</div>
4819                                <div>City World Hyundai</div>
4820                            </div>
4821
4822                        <div class="show section-separator my-4"></div>
4823
4824
4825                            <template v-if="true">
4826                                <object>
4827                                    <div class="app-level-cta-container">
4828                                            <div class="primary-button-parent unlock-discount">
4829                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
4830                                                    term="72"
4831                                                    payment-type="cash"
4832                                                    down-payment="3954.0"
4833                                                    miles="3"
4834                                                    lender-number="103"
4835                                                    msrp="26365"
4836                                                    rebates="2000"
4837                                                    page-type="srp"
4838                                                    vin=KMHLM4DG8TU288097
4839                                                    :your-price=23839
4840                                                    style-id=487085
4841                                                    vdp-account-id=42268
4842                                                    :page-reload="false"
4843                                                    :price-unlocked-vins="priceUnlockedVins"
4844                                                    @loadpayments="loadPaymentsForUnlockDiscount"
4845                                                    inventory-type=new></unlock-discount>
4846                                                </div>
4847
4848
4849                                            <div class="primary-button-parent srp-view-details-transact-button-container">
4850                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
4851                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG8TU288097");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
4852                                                    @keydown.space.prevent="$event.currentTarget.click()"
4853                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
4854                                                     bgcolor-primary "
4855                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
4856                                                    Explore Payment Options
4857                                                </a>
4858                                            </div>
4859
4860
4861
4862
4863
4864                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG8TU288097","false"==="true"))' class="primary-button-parent">
4865                                                    <a :style="ctaBtnStyles"
4866                                                     tabindex="0" role="button"
4867                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")'
4868                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")'
4869                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
4870                                                        {{inventorySettings.data.buttonLabel}}
4871                                                    </a>
4872                                                 </div>
4873                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
4874                                                                    <a v-if="applySecondary
4874Design" href=""
4875                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4876                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4877                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4878                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4879                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4880                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
4881                                                                    <a v-else href=""
4882                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4883                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4884                                                                        @click.prevent="
4885                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4886                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4887                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4888                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4889                                                                        Value Your Trade
4890                                                                    </a>
4891                                                                </div>
4892                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
4893                                                                    <a v-if="applySecondary
4893Design" href=""
4894                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4895                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4896                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4897                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4898                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4899                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
4900                                                                    <a v-else href=""
4901                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4902                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4903                                                                        @click.prevent="
4904                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4905                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2267&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4906                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4907                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4908                                                                        Check Availability 
4909                                                                    </a>
4910                                                                </div>
4911
4912
4913
4914
4915                                    </div>
4916                                </object>
4917                            </template>
4918
4919                            <div class="mt-3">
4920
4921
4922                                <div class="inventory-btns" style="width:100%;" v-cloak>
4923
4924
4925                                    <object class="d-flex flex-column primary-inventory-btn-group">
4926                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4927                                        <div class="pi-pullup-container"></div>
4928                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4929
4930                                        <div class="dvs_vin_btn" vin="KMHLM4DG8TU288097"></div>
4931
4932
4933
4934                                                    <div class="d-flex mt-2 primary-button-parent">
4935                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG8TU288097"
4936                                                        style="color: initial; background-color: initial;"
4937                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
4938                                                        @mouseover="onRoadSterButtonHover('','', $event)"
4939                                                        @keydown.space.prevent="$event.currentTarget.click()"
4940                                                        class="bgcolor-primary
4941                                                                                    w-100
4942                                                                                    d-flex
4943                                                                                    justify-content-center
4944                                                                                    align-items-center
4945                                                                                    payment-panel-rounded-buttons
4946                                                        text-white text-center
4947                                                                                    no-hover
4948                                                                                    rounded-buttons py-2 px-2
4949                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
4950                                                                                    ">Search Payments </a>
4951                                                    </div>
4952
4953
4954
4955                                    </object>
4956
4957
4958
4959
4960
4961
4962
4963
4964
4965                                    
4966
4967
4968
4969
4970
4971
4972
4973
4974
4975                                </div>
4976
4977
4978                                    <div class="my-2 w-100 text-center">
4979                                        <div class="les_video" les_vin="KMHLM4DG8TU288097"></div>
4980                                    </div>
4981
4982
4983
4984
4985                            </div>
4986
4987                            <active-engage-widget v-if="isEnableActivEngageSrp"
4988                                                custom-class="py-2 ft-12"></active-engage-widget>
4989                        <div class="srp-tabs-section mt-3">
4990                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4991                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details' }"
4992                                    tabindex="0" role="tab"
4993                                    aria-label="Details"
4994                                    :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details'"
4995                                    aria-controls="tab-panel-details-KMHLM4DG8TU288097"
4996                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')"
4997                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')">
4998                                        Details
4999                                    </div>
5000                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments' }"
5001                                tabindex="0" role="tab"
5002                                aria-label="Pricing"
5003                                :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments'"
5004                                aria-controls="tab-panel-payments-KMHLM4DG8TU288097"
5005                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')"
5006                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')">
5007                                    Pricing
5008                                </div>
5009                            </div>
5010
5011                            <div class="srp-tab-content">
5012                                <div :class="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG8TU288097" aria-label="Details">
5013                                    <div class="vehicle-details-list">
5014
5015                                            <div class="details-item-row ">
5016                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
5017                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
5018                                                        <div id="copy_vin" class="d-inline">KMHLM4DG8TU288097</div>
5019                                                    </div>
5020                                            </div>
5021
5022                                            <div class="details-item-row">
5023                                                <div class="details-item-label">Stock #</div>
5024                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5025                                                    <div id="copy_stock" class="d-inline">26H2267</div>
5026                                                </div>
5027                                            </div>
5028
5029                                        
5030
5031                                            <div class="details-item-row">
5032                                                <div class="details-item-label">Model Code</div>
5033                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
5034                                            </div>
5035
5036                                            <div class="details-item-row">
5037                                                <div class="details-item-label">Exterior</div>
5038                                                <div class="details-item-value d-flex align-items-center">
5039                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div>
5040                                                        <div class="ml-2">Abyss Black</div>
5041                                                </div>
5042                                            </div>
5043
5044                                            <div class="details-item-row">
5045                                                <div class="details-item-label">Interior</div>
5046                                                <div class="details-item-value d-flex align-items-center">
5047                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
5048                                                    <div class="ml-2 interior-word-break">Black</div>
5049                                                </div>
5050                                            </div>
5051
5052                                            <div class="details-item-row">
5053                                                <div class="details-item-label">Drivetrain</div>
5054                                                <div class="details-item-value">FWD</div>
5055                                            </div>
5056
5057                                            <div class="details-item-row">
5058                                                <div class="details-item-label">Engine</div>
5059                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
5060                                            </div>
5061                                            <div class="details-item-row">
5062                                                <div class="details-item-label">Transmission</div>
5063                                                <div class="details-item-value">CVT</div>
5064                                            </div>
5065
5066                                    </div>
5067
5068                                </div>
5069                                <div :class="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG8TU288097" aria-label="Pricing">
5070                                            <div class="msrppanel-label">
5071                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp)'>
5072
5073
5074                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5075                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
5076                                                                                    
5077
5078<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
50782 ft-16" :style="getMSRPColor('')">
5079    MSRP
5080</div>
5081<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div>
5082
5083
5084                                                                                </div>
5085                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$701</span></div>
5086                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
5087                                                                                            <span>
5088                                                                                                Retail Bonus Cash
5089                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG8TU288097" disclaimerindex="0" />
5090                                                                                            </span>
5091                                                                                            <span> -$2,000</span>
5092                                                                                        </div>
5093                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
5094                                                                                            <span>Total Fee</span>
5095                                                                                            <span class="d-flex pl-2">
5096                                                                                                &#x2B;$175
5097                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
5098                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
5098Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
5099                                                                                                </span>
5100                                                                                            </span>
5101                                                                                        </div>
5102                                                                            <div id="kmhlm4dg8tu288097-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5103                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
5104                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5105                                                                            </span>
5106                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg8tu288097-unlock-discount-price"></label></span>
5107                                                                        </div>
5108                                                                        <div id="kmhlm4dg8tu288097-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5109                                                                            <div class="mr-2" style="color:#002C5E">
5110                                                                                <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span>
5111                                                                            </div>
5112                                                                            <div id="kmhlm4dg8tu288097-your-price-hide" class=" " style="color:#002C5E">$23,839</div>
5113                                                                        </div>
5114                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5115                                                                                <div class="mr-2" style="color:#002C5E">
5116                                                                                    <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span>
5117                                                                                </div>
5118                                                                                <div id="kmhlm4dg8tu288097-your-price" class=" " style="color:#002C5E">$23,839</div>
5119                                                                            </div>
5120
5121
5122
5123
5124                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
5124dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
5124StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG8TU288097&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
5125                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5126                                                                                :pricedata="{'msrp':'26365','yourPrice':'23839'}"
5127                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5128                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5129                                                    <div class="color-black ft-16 mt-1">
5130            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
5131                Disclosure
5132            </div>
5133</div>
5134
5135                                                </div>
5136
5137                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'>
5138                                                                    <div v-if="!unlockHideMsrp">
5139                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5140                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5141                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5142                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
5143                                                                        </div>
5144                                                                    </div>
5145
5146                                                </div>
5147                                            </div>
5148                                </div>
5149                            </div>
5150                        </div>
5151                        <div id="cta-params-KMHLM4DG8TU288097"
5152                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23839.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5153                        </div>
5154
5155                        <div>
5156
5157                            <vehicle-badges model="Elantra"
5158                                            :current="'srp'"
5159                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
5160                                            :eyesight="''"
5161                                            :starlink="''"
5162                                            :von="''"
5163                                            :onorder="''"
5164                                            :vin="'KMHLM4DG8TU288097'"
5165                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease'"
5166                                            :vehicle-badges-top-srp="'False'"
5167                                            :year="'2026'"
5168                                            :in-transit-background-color-srp="''"
5169                                            :in-transit-badge-color-srp="''"
5170                                            :in-production-background-color-srp="''"
5171                                            :in-production-badge-color-srp="''"
5172                                            @opendisclaimer="openDisclaimerPopup($event)">
5173                            </vehicle-badges>
5174
5175                                <div class="d-flex flex-wrap">
5176                                    
5177
5178
5179
5180
5181
5182
5183                                </div>
5184                        </div>
5185
5186
5187
5188                        <div class="d-flex flex-wrap srp-certified-img-section">
5189
5190
5191
5192
5193
5194
5195
5196
5197                        </div>
5198
5199                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5200                            <subaru-badge-new model="Elantra"
5201                                            year="2026"
5202                                            make="Hyundai"
5203                                            type="New"
5204                                            :current="'srp'"
5205                                            :transit="'False'"
5206                                            :eyesight="''"
5207                                            :starlink="''"
5208                                            :von="''"
5209                                            :onorder="''"
5210                                            :vin="'KMHLM4DG8TU288097'"
5211                                            :hide-in-transit="'False'"
5212                                            :vehicle-badges-top-srp="'False'"
5213                                            :subaru-consumer-report-class="''"
5214                                            :in-transit-background-color-srp="''"
5215                                            :in-transit-badge-color-srp="''"
5216                                            >
5217                            </subaru-badge-new>
5218                        </div>
5219
5220                    </div>
5221                </div>
5222
5223
5224
5225            </div>
5226        </a>
5227        <template v-if="true">
5228            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5229                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG8TU288097'" class="vehicle-data-overlay-container"
5230                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5231                     @keydown.esc.prevent="closeDetailsOverlay()"
5232                     @keydown.tab="srpOverlayTrapFocus($event)">
5233                    <div class="vehicle-overlay-data">
5234                        <div class="srp-overlay-options">
5235                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5236                                <div class="d-flex align-items-center" style="gap: 20px;">
5237                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5238                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5239                                    <h3 class="mb-0">Options</h3>
5240                                </div>
5241                                <div>
5242                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5243                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5244                                </div>
5245                            </div>
5246
5247                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5248                                <div class="overlay-nav-items px-3 pt-4">
5249                                    <div class="d-flex overlay-nav-item" tabindex="0"
5250                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: '
5250share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'share-options', label: 'Share' })">
5251                                        <em class="primaryicon-share-icon"></em>
5252                                        <span>Share</span>
5253                                    </div>
5254
5255                                        <div class="d-flex overlay-nav-item"
5256                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'key-features', label: 'Key Features' })">
5257                                            <em class="primaryicon-key-features-icon"></em>
5258                                            <span>Key Features</span>
5259                                        </div>
5260                                        <div class="d-flex overlay-nav-item"
5261                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG8TU288097")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG8TU288097")'>
5262                                            <em class="primaryicon-assistant-icon"></em>
5263                                            <span>Ask Us Anything</span>
5264                                        </div>
5265                                </div>
5266
5267                                <div class="pt-4 px-3 mt-3">
5268                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
5269                                        @keydown.space.prevent="$event.currentTarget.click()"
5270                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
5271                                        View Details
5272                                    </a>
5273                                </div>
5274                            </div>
5275                        </div>
5276                    </div>
5277                </div>
5278            </transition>
5279            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5280                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG8TU288097'"
5281                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5282                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5283                     @keydown.tab="srpOverlayTrapFocus($event)">
5284                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5285                        <div class="d-flex align-items-center" style="gap: 20px;">
5286                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5287                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5288                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5289                        </div>
5290                        <div>
5291                            <em class="primaryicon-close-icon-gray"
5292                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5293                        </div>
5294                    </div>
5295                    <div class="mt-3 pt-4 overlay-section-links">
5296                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5297                        <template v-if="!isLoadingOverlayDetails">
5298                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
5299                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options>
5300                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
5301                        </template>
5302                    </div>
5303                </div>
5304            </transition>
5305        </template>
5306    </div>
5307        
5307<script type="application/javascript">
5308
5309            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
5310            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5311            localStorage.setItem("KMHLM4DG7TU290004-rebates", formattedRebatesString);
5312
5313        </script>
5313
5314<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG7TU290004" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5315        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG7TU290004", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "4",msrp:"26365",yourPrice:"23839",sellingPrice:"25664",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG7TU290004", $event,{styleId:"487085"})'
5316        @mouseleave="clearMouseHoverValue()"
5317        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5318        used-large-box" style="height: 100%;">
5319
5320            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5321                <div class="position-relative">
5322                    <div class="srp-top-badges">
5323                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
5324                            <div class="d-flex align-items-center gap-10">
5325                            </div>
5326                        </div>
5327
5328                    </div>
5329
5330
5331                    <div id="EZ360_CVDP"></div>
5332
5333                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5334                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU290004'" class="vehicle-box__image">
5335                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&amp;vin=KMHLM4DG7TU290004&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A5G&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
5336                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
5337                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG7TU290004', 'color=A5G')" />
5338
5339                        </div>
5340
5341                        <div class="dp-srp-evox-media-KMHLM4DG7TU290004" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU290004'"></div>
5342
5343                        <div class="vehicle-info-icon">
5344                            <em
5345                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU290004')"
5346                            class="primaryicon-options-btn-new info-icon-css"
5347                            data-vin="KMHLM4DG7TU290004"
5348                            tabindex="0"
5349                            role="button"
5350                            aria-label="Vehicle info"
5351                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')"
5352                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')"
5353                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5354                        </div>
5355                    </div>
5356
5357
5358                    <div class="vehiclebox-info-section p-3">
5359                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5360                            <div class="d-flex">
5361                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5362                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5363                                        2026 Hyundai Elantra SEL Sport Plus
5364                                    </h2>
5365                                </div>
5366                            </div>
5367                        </div>
5368
5369                        <div class="vehicle-summary-section mt-3 ">
5370                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5371                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5372            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp)'>
5373                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
5374                                            <div class="mr-2" style="color:#002
5374C5E">
5375                                                <span id="kmhlm4dg7tu290004-price-summary-label">Your Price</span>
5376                                            </div>
5377                                            <div id="kmhlm4dg7tu290004-price-summary-value" class=" " style="color:#002C5E">$23,839</div>
5378                                        </div>
5379
5380            </div>
5381            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'>
5382                                <div v-if="!unlockHideMsrp">
5383                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5384                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5385                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
5386                                    </div>
5387                                </div>
5388
5389            </div>
5390        </div>
5391
5392                            </div>
5393
5394                                <template v-if="true">
5395                                    <div class="vehicle-summary-cta flex-1">
5396                                        <object>
5397                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
5398                <a v-if="applySecondaryDesign" href=""
5399                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5400                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5401                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5402                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5403                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
5404                <a v-else href=""
5405                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5406                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5407                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5408                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5409                   @mouseover="onCTABtnHover('', '', '', $event)">
5410                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
5411                    Get Out The Door Price
5412                </a>
5413            </div>
5414
5415                                        </object>
5416                                    </div>
5417                                </template>
5418                        </div>
5419<div class="color-black ft-16 mt-1">
5420            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
5421                Disclosure
5422            </div>
5423</div>
5424
5425                            <div class="color-black ft-12 d-flex gap-5 mt-2">
5426                                <div class="color-gray">Location:</div>
5427                                <div>City World Hyundai</div>
5428                            </div>
5429
5430                        <div class="show section-separator my-4"></div>
5431
5432
5433                            <template v-if="true">
5434                                <object>
5435                                    <div class="app-level-cta-container">
5436                                            <div class="primary-button-parent unlock-discount">
5437                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
5438                                                    term="72"
5439                                                    payment-type="cash"
5440                                                    down-payment="3954.0"
5441                                                    miles="18"
5442                                                    lender-number="103"
5443                                                    msrp="26365"
5444                                                    rebates="2000"
5445                                                    page-type="srp"
5446                                                    vin=KMHLM4DG7TU290004
5447                                                    :your-price=23839
5448                                                    style-id=487085
5449                                                    vdp-account-id=42268
5450                                                    :page-reload="false"
5451                                                    :price-unlocked-vins="priceUnlockedVins"
5452                                                    @loadpayments="loadPaymentsForUnlockDiscount"
5453                                                    inventory-type=new></unlock-discount>
5454                                                </div>
5455
5456
5457                                            <div class="primary-button-parent srp-view-details-transact-button-container">
5458                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
5459                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU290004");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
5460                                                    @keydown.space.prevent="$event.currentTarget.click()"
5461                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
5462                                                     bgcolor-primary "
5463                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
5464                                                    Explore Payment Options
5465                                                </a>
5466                                            </div>
5467
5468
5469
5470
5471
5472                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU290004","false"==="true"))' class="primary-button-parent">
5473                                                    <a :style="ctaBtnStyles"
5474                                                     tabindex="0" role="button"
5475                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")'
5476                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")'
5477                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
5478                                                        {{inventorySettings.data.buttonLabel}}
5479                                                    </a>
5480                                                 </div>
5481                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
5482                                                                    <a v-if="applySecondary
5482Design" href=""
5483                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5484                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5485                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5486                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5487                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5488                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
5489                                                                    <a v-else href=""
5490                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5491                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5492                                                                        @click.prevent="
5493                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5494                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5495                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5496                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5497                                                                        Value Your Trade
5498                                                                    </a>
5499                                                                </div>
5500                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
5501                                                                    <a v-if="applySecondary
5501Design" href=""
5502                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5503                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5504                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5505                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5506                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5507                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
5508                                                                    <a v-else href=""
5509                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5510                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5511                                                                        @click.prevent="
5512                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5513                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.06,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2268&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5514                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5515                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5516                                                                        Check Availability 
5517                                                                    </a>
5518                                                                </div>
5519
5520
5521
5522
5523                                    </div>
5524                                </object>
5525                            </template>
5526
5527                            <div class="mt-3">
5528
5529
5530                                <div class="inventory-btns" style="width:100%;" v-cloak>
5531
5532
5533                                    <object class="d-flex flex-column primary-inventory-btn-group">
5534                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5535                                        <div class="pi-pullup-container"></div>
5536                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5537
5538                                        <div class="dvs_vin_btn" vin="KMHLM4DG7TU290004"></div>
5539
5540
5541
5542                                                    <div class="d-flex mt-2 primary-button-parent">
5543                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU290004"
5544                                                        style="color: initial; background-color: initial;"
5545                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
5546                                                        @mouseover="onRoadSterButtonHover('','', $event)"
5547                                                        @keydown.space.prevent="$event.currentTarget.click()"
5548                                                        class="bgcolor-primary
5549                                                                                    w-100
5550                                                                                    d-flex
5551                                                                                    justify-content-center
5552                                                                                    align-items-center
5553                                                                                    payment-panel-rounded-buttons
5554                                                        text-white text-center
5555                                                                                    no-hover
5556                                                                                    rounded-buttons py-2 px-2
5557                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
5558                                                                                    ">Search Payments </a>
5559                                                    </div>
5560
5561
5562
5563                                    </object>
5564
5565
5566
5567
5568
5569
5570
5571
5572
5573                                    
5574
5575
5576
5577
5578
5579
5580
5581
5582
5583                                </div>
5584
5585
5586                                    <div class="my-2 w-100 text-center">
5587                                        <div class="les_video" les_vin="KMHLM4DG7TU290004"></div>
5588                                    </div>
5589
5590
5591
5592
5593                            </div>
5594
5595                            <active-engage-widget v-if="isEnableActivEngageSrp"
5596                                                custom-class="py-2 ft-12"></active-engage-widget>
5597                        <div class="srp-tabs-section mt-3">
5598                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
5599                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details' }"
5600                                    tabindex="0" role="tab"
5601                                    aria-label="Details"
5602                                    :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details'"
5603                                    aria-controls="tab-panel-details-KMHLM4DG7TU290004"
5604                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')"
5605                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')">
5606                                        Details
5607                                    </div>
5608                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments' }"
5609                                tabindex="0" role="tab"
5610                                aria-label="Pricing"
5611                                :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments'"
5612                                aria-controls="tab-panel-payments-KMHLM4DG7TU290004"
5613                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')"
5614                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')">
5615                                    Pricing
5616                                </div>
5617                            </div>
5618
5619                            <div class="srp-tab-content">
5620                                <div :class="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG7TU290004" aria-label="Details">
5621                                    <div class="vehicle-details-list">
5622
5623                                            <div class="details-item-row ">
5624                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
5625                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
5626                                                        <div id="copy_vin" class="d-inline">KMHLM4DG7TU290004</div>
5627                                                    </div>
5628                                            </div>
5629
5630                                            <div class="details-item-row">
5631                                                <div class="details-item-label">Stock #</div>
5632                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5633                                                    <div id="copy_stock" class="d-inline">26H2268</div>
5634                                                </div>
5635                                            </div>
5636
5637                                        
5638
5639                                            <div class="details-item-row">
5640                                                <div class="details-item-label">Model Code</div>
5641                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
5642                                            </div>
5643
5644                                            <div class="details-item-row">
5645                                                <div class="details-item-label">Exterior</div>
5646                                                <div class="details-item-value d-flex align-items-center">
5647                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div>
5648                                                        <div class="ml-2">Amazon Gray</div>
5649                                                </div>
5650                                            </div>
5651
5652                                            <div class="details-item-row">
5653                                                <div class="details-item-label">Interior</div>
5654                                                <div class="details-item-value d-flex align-items-center">
5655                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
5656                                                    <div class="ml-2 interior-word-break">Black</div>
5657                                                </div>
5658                                            </div>
5659
5660                                            <div class="details-item-row">
5661                                                <div class="details-item-label">Drivetrain</div>
5662                                                <div class="details-item-value">FWD</div>
5663                                            </div>
5664
5665                                            <div class="details-item-row">
5666                                                <div class="details-item-label">Engine</div>
5667                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
5668                                            </div>
5669                                            <div class="details-item-row">
5670                                                <div class="details-item-label">Transmission</div>
5671                                                <div class="details-item-value">CVT</div>
5672                                            </div>
5673
5674                                    </div>
5675
5676                                </div>
5677                                <div :class="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG7TU290004" aria-label="Pricing">
5678                                            <div class="msrppanel-label">
5679                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp)'>
5680
5681
5682                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5683                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
5684                                                                                    
5685
5686<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
56862 ft-16" :style="getMSRPColor('')">
5687    MSRP
5688</div>
5689<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div>
5690
5691
5692                                                                                </div>
5693                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$701</span></div>
5694                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
5695                                                                                            <span>
5696                                                                                                Retail Bonus Cash
5697                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU290004" disclaimerindex="0" />
5698                                                                                            </span>
5699                                                                                            <span> -$2,000</span>
5700                                                                                        </div>
5701                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
5702                                                                                            <span>Total Fee</span>
5703                                                                                            <span class="d-flex pl-2">
5704                                                                                                &#x2B;$175
5705                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
5706                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
5706Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
5707                                                                                                </span>
5708                                                                                            </span>
5709                                                                                        </div>
5710                                                                            <div id="kmhlm4dg7tu290004-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5711                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
5712                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5713                                                                            </span>
5714                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu290004-unlock-discount-price"></label></span>
5715                                                                        </div>
5716                                                                        <div id="kmhlm4dg7tu290004-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5717                                                                            <div class="mr-2" style="color:#002C5E">
5718                                                                                <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span>
5719                                                                            </div>
5720                                                                            <div id="kmhlm4dg7tu290004-your-price-hide" class=" " style="color:#002C5E">$23,839</div>
5721                                                                        </div>
5722                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5723                                                                                <div class="mr-2" style="color:#002C5E">
5724                                                                                    <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span>
5725                                                                                </div>
5726                                                                                <div id="kmhlm4dg7tu290004-your-price" class=" " style="color:#002C5E">$23,839</div>
5727                                                                            </div>
5728
5729
5730
5731
5732                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
5732dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
5732StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG7TU290004&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
5733                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5734                                                                                :pricedata="{'msrp':'26365','yourPrice':'23839'}"
5735                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5736                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5737                                                    <div class="color-black ft-16 mt-1">
5738            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
5739                Disclosure
5740            </div>
5741</div>
5742
5743                                                </div>
5744
5745                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'>
5746                                                                    <div v-if="!unlockHideMsrp">
5747                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5748                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5749                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5750                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
5751                                                                        </div>
5752                                                                    </div>
5753
5754                                                </div>
5755                                            </div>
5756                                </div>
5757                            </div>
5758                        </div>
5759                        <div id="cta-params-KMHLM4DG7TU290004"
5760                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23839.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5761                        </div>
5762
5763                        <div>
5764
5765                            <vehicle-badges model="Elantra"
5766                                            :current="'srp'"
5767                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
5768                                            :eyesight="''"
5769                                            :starlink="''"
5770                                            :von="''"
5771                                            :onorder="''"
5772                                            :vin="'KMHLM4DG7TU290004'"
5773                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease'"
5774                                            :vehicle-badges-top-srp="'False'"
5775                                            :year="'2026'"
5776                                            :in-transit-background-color-srp="''"
5777                                            :in-transit-badge-color-srp="''"
5778                                            :in-production-background-color-srp="''"
5779                                            :in-production-badge-color-srp="''"
5780                                            @opendisclaimer="openDisclaimerPopup($event)">
5781                            </vehicle-badges>
5782
5783                                <div class="d-flex flex-wrap">
5784                                    
5785
5786
5787
5788
5789
5790
5791                                </div>
5792                        </div>
5793
5794
5795
5796                        <div class="d-flex flex-wrap srp-certified-img-section">
5797
5798
5799
5800
5801
5802
5803
5804
5805                        </div>
5806
5807                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5808                            <subaru-badge-new model="Elantra"
5809                                            year="2026"
5810                                            make="Hyundai"
5811                                            type="New"
5812                                            :current="'srp'"
5813                                            :transit="'False'"
5814                                            :eyesight="''"
5815                                            :starlink="''"
5816                                            :von="''"
5817                                            :onorder="''"
5818                                            :vin="'KMHLM4DG7TU290004'"
5819                                            :hide-in-transit="'False'"
5820                                            :vehicle-badges-top-srp="'False'"
5821                                            :subaru-consumer-report-class="''"
5822                                            :in-transit-background-color-srp="''"
5823                                            :in-transit-badge-color-srp="''"
5824                                            >
5825                            </subaru-badge-new>
5826                        </div>
5827
5828                    </div>
5829                </div>
5830
5831
5832
5833            </div>
5834        </a>
5835        <template v-if="true">
5836            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5837                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU290004'" class="vehicle-data-overlay-container"
5838                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5839                     @keydown.esc.prevent="closeDetailsOverlay()"
5840                     @keydown.tab="srpOverlayTrapFocus($event)">
5841                    <div class="vehicle-overlay-data">
5842                        <div class="srp-overlay-options">
5843                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5844                                <div class="d-flex align-items-center" style="gap: 20px;">
5845                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5846                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5847                                    <h3 class="mb-0">Options</h3>
5848                                </div>
5849                                <div>
5850                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5851                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5852                                </div>
5853                            </div>
5854
5855                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5856                                <div class="overlay-nav-items px-3 pt-4">
5857                                    <div class="d-flex overlay-nav-item" tabindex="0"
5858                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: '
5858share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'share-options', label: 'Share' })">
5859                                        <em class="primaryicon-share-icon"></em>
5860                                        <span>Share</span>
5861                                    </div>
5862
5863                                        <div class="d-flex overlay-nav-item"
5864                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'key-features', label: 'Key Features' })">
5865                                            <em class="primaryicon-key-features-icon"></em>
5866                                            <span>Key Features</span>
5867                                        </div>
5868                                        <div class="d-flex overlay-nav-item"
5869                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG7TU290004")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG7TU290004")'>
5870                                            <em class="primaryicon-assistant-icon"></em>
5871                                            <span>Ask Us Anything</span>
5872                                        </div>
5873                                </div>
5874
5875                                <div class="pt-4 px-3 mt-3">
5876                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
5877                                        @keydown.space.prevent="$event.currentTarget.click()"
5878                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
5879                                        View Details
5880                                    </a>
5881                                </div>
5882                            </div>
5883                        </div>
5884                    </div>
5885                </div>
5886            </transition>
5887            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5888                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU290004'"
5889                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5890                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5891                     @keydown.tab="srpOverlayTrapFocus($event)">
5892                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5893                        <div class="d-flex align-items-center" style="gap: 20px;">
5894                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5895                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5896                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5897                        </div>
5898                        <div>
5899                            <em class="primaryicon-close-icon-gray"
5900                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5901                        </div>
5902                    </div>
5903                    <div class="mt-3 pt-4 overlay-section-links">
5904                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5905                        <template v-if="!isLoadingOverlayDetails">
5906                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
5907                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options>
5908                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
5909                        </template>
5910                    </div>
5911                </div>
5912            </transition>
5913        </template>
5914    </div>
5915        
5915<script type="application/javascript">
5916
5917            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
5918            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5919            localStorage.setItem("KMHLM4DG5TU288087-rebates", formattedRebatesString);
5920
5921        </script>
5921
5922<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG5TU288087" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5923        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG5TU288087", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "5",msrp:"26356",yourPrice:"23839",sellingPrice:"25664",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG5TU288087", $event,{styleId:"487085"})'
5924        @mouseleave="clearMouseHoverValue()"
5925        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5926        used-large-box" style="height: 100%;">
5927
5928            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5929                <div class="position-relative">
5930                    <div class="srp-top-badges">
5931                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
5932                            <div class="d-flex align-items-center gap-10">
5933                            </div>
5934                        </div>
5935
5936                    </div>
5937
5938
5939                    <div id="EZ360_CVDP"></div>
5940
5941                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5942                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG5TU288087'" class="vehicle-box__image">
5943                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&amp;vin=KMHLM4DG5TU288087&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A5G&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
5944                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
5945                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG5TU288087', 'color=A5G')" />
5946
5947                        </div>
5948
5949                        <div class="dp-srp-evox-media-KMHLM4DG5TU288087" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG5TU288087'"></div>
5950
5951                        <div class="vehicle-info-icon">
5952                            <em
5953                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG5TU288087')"
5954                            class="primaryicon-options-btn-new info-icon-css"
5955                            data-vin="KMHLM4DG5TU288087"
5956                            tabindex="0"
5957                            role="button"
5958                            aria-label="Vehicle info"
5959                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')"
5960                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')"
5961                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5962                        </div>
5963                    </div>
5964
5965
5966                    <div class="vehiclebox-info-section p-3">
5967                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5968                            <div class="d-flex">
5969                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5970                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5971                                        2026 Hyundai Elantra SEL Sport Plus
5972                                    </h2>
5973                                </div>
5974                            </div>
5975                        </div>
5976
5977                        <div class="vehicle-summary-section mt-3 ">
5978                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5979                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5980            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp)'>
5981                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
5982                                            <div class="mr-2" style="color:#002
5982C5E">
5983                                                <span id="kmhlm4dg5tu288087-price-summary-label">Your Price</span>
5984                                            </div>
5985                                            <div id="kmhlm4dg5tu288087-price-summary-value" class=" " style="color:#002C5E">$23,839</div>
5986                                        </div>
5987
5988            </div>
5989            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'>
5990                                <div v-if="!unlockHideMsrp">
5991                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5992                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5993                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div>
5994                                    </div>
5995                                </div>
5996
5997            </div>
5998        </div>
5999
6000                            </div>
6001
6002                                <template v-if="true">
6003                                    <div class="vehicle-summary-cta flex-1">
6004                                        <object>
6005                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
6006                <a v-if="applySecondaryDesign" href=""
6007                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6008                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6009                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6010                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6011                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
6012                <a v-else href=""
6013                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6014                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6015                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6016                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6017                   @mouseover="onCTABtnHover('', '', '', $event)">
6018                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
6019                    Get Out The Door Price
6020                </a>
6021            </div>
6022
6023                                        </object>
6024                                    </div>
6025                                </template>
6026                        </div>
6027<div class="color-black ft-16 mt-1">
6028            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
6029                Disclosure
6030            </div>
6031</div>
6032
6033                            <div class="color-black ft-12 d-flex gap-5 mt-2">
6034                                <div class="color-gray">Location:</div>
6035                                <div>City World Hyundai</div>
6036                            </div>
6037
6038                        <div class="show section-separator my-4"></div>
6039
6040
6041                            <template v-if="true">
6042                                <object>
6043                                    <div class="app-level-cta-container">
6044                                            <div class="primary-button-parent unlock-discount">
6045                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
6046                                                    term="72"
6047                                                    payment-type="cash"
6048                                                    down-payment="3953.0"
6049                                                    miles="5"
6050                                                    lender-number="103"
6051                                                    msrp="26356"
6052                                                    rebates="2000"
6053                                                    page-type="srp"
6054                                                    vin=KMHLM4DG5TU288087
6055                                                    :your-price=23839
6056                                                    style-id=487085
6057                                                    vdp-account-id=42268
6058                                                    :page-reload="false"
6059                                                    :price-unlocked-vins="priceUnlockedVins"
6060                                                    @loadpayments="loadPaymentsForUnlockDiscount"
6061                                                    inventory-type=new></unlock-discount>
6062                                                </div>
6063
6064
6065                                            <div class="primary-button-parent srp-view-details-transact-button-container">
6066                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
6067                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG5TU288087");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
6068                                                    @keydown.space.prevent="$event.currentTarget.click()"
6069                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
6070                                                     bgcolor-primary "
6071                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
6072                                                    Explore Payment Options
6073                                                </a>
6074                                            </div>
6075
6076
6077
6078
6079
6080                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG5TU288087","false"==="true"))' class="primary-button-parent">
6081                                                    <a :style="ctaBtnStyles"
6082                                                     tabindex="0" role="button"
6083                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")'
6084                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")'
6085                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
6086                                                        {{inventorySettings.data.buttonLabel}}
6087                                                    </a>
6088                                                 </div>
6089                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
6090                                                                    <a v-if="applySecondary
6090Design" href=""
6091                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6092                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6093                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6094                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6095                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6096                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
6097                                                                    <a v-else href=""
6098                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6099                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6100                                                                        @click.prevent="
6101                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6102                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6103                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6104                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6105                                                                        Value Your Trade
6106                                                                    </a>
6107                                                                </div>
6108                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
6109                                                                    <a v-if="applySecondary
6109Design" href=""
6110                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6111                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6112                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6113                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6114                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6115                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
6116                                                                    <a v-else href=""
6117                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6118                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6119                                                                        @click.prevent="
6120                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6121                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:340.08,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2263&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6122                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6123                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6124                                                                        Check Availability 
6125                                                                    </a>
6126                                                                </div>
6127
6128
6129
6130
6131                                    </div>
6132                                </object>
6133                            </template>
6134
6135                            <div class="mt-3">
6136
6137
6138                                <div class="inventory-btns" style="width:100%;" v-cloak>
6139
6140
6141                                    <object class="d-flex flex-column primary-inventory-btn-group">
6142                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6143                                        <div class="pi-pullup-container"></div>
6144                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6145
6146                                        <div class="dvs_vin_btn" vin="KMHLM4DG5TU288087"></div>
6147
6148
6149
6150                                                    <div class="d-flex mt-2 primary-button-parent">
6151                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG5TU288087"
6152                                                        style="color: initial; background-color: initial;"
6153                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
6154                                                        @mouseover="onRoadSterButtonHover('','', $event)"
6155                                                        @keydown.space.prevent="$event.currentTarget.click()"
6156                                                        class="bgcolor-primary
6157                                                                                    w-100
6158                                                                                    d-flex
6159                                                                                    justify-content-center
6160                                                                                    align-items-center
6161                                                                                    payment-panel-rounded-buttons
6162                                                        text-white text-center
6163                                                                                    no-hover
6164                                                                                    rounded-buttons py-2 px-2
6165                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
6166                                                                                    ">Search Payments </a>
6167                                                    </div>
6168
6169
6170
6171                                    </object>
6172
6173
6174
6175
6176
6177
6178
6179
6180
6181                                    
6182
6183
6184
6185
6186
6187
6188
6189
6190
6191                                </div>
6192
6193
6194                                    <div class="my-2 w-100 text-center">
6195                                        <div class="les_video" les_vin="KMHLM4DG5TU288087"></div>
6196                                    </div>
6197
6198
6199
6200
6201                            </div>
6202
6203                            <active-engage-widget v-if="isEnableActivEngageSrp"
6204                                                custom-class="py-2 ft-12"></active-engage-widget>
6205                        <div class="srp-tabs-section mt-3">
6206                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6207                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details' }"
6208                                    tabindex="0" role="tab"
6209                                    aria-label="Details"
6210                                    :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details'"
6211                                    aria-controls="tab-panel-details-KMHLM4DG5TU288087"
6212                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')"
6213                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')">
6214                                        Details
6215                                    </div>
6216                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments' }"
6217                                tabindex="0" role="tab"
6218                                aria-label="Pricing"
6219                                :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments'"
6220                                aria-controls="tab-panel-payments-KMHLM4DG5TU288087"
6221                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')"
6222                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')">
6223                                    Pricing
6224                                </div>
6225                            </div>
6226
6227                            <div class="srp-tab-content">
6228                                <div :class="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG5TU288087" aria-label="Details">
6229                                    <div class="vehicle-details-list">
6230
6231                                            <div class="details-item-row ">
6232                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6233                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6234                                                        <div id="copy_vin" class="d-inline">KMHLM4DG5TU288087</div>
6235                                                    </div>
6236                                            </div>
6237
6238                                            <div class="details-item-row">
6239                                                <div class="details-item-label">Stock #</div>
6240                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6241                                                    <div id="copy_stock" class="d-inline">26H2263</div>
6242                                                </div>
6243                                            </div>
6244
6245                                        
6246
6247                                            <div class="details-item-row">
6248                                                <div class="details-item-label">Model Code</div>
6249                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
6250                                            </div>
6251
6252                                            <div class="details-item-row">
6253                                                <div class="details-item-label">Exterior</div>
6254                                                <div class="details-item-value d-flex align-items-center">
6255                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div>
6256                                                        <div class="ml-2">Amazon Gray</div>
6257                                                </div>
6258                                            </div>
6259
6260                                            <div class="details-item-row">
6261                                                <div class="details-item-label">Interior</div>
6262                                                <div class="details-item-value d-flex align-items-center">
6263                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
6264                                                    <div class="ml-2 interior-word-break">Black</div>
6265                                                </div>
6266                                            </div>
6267
6268                                            <div class="details-item-row">
6269                                                <div class="details-item-label">Drivetrain</div>
6270                                                <div class="details-item-value">FWD</div>
6271                                            </div>
6272
6273                                            <div class="details-item-row">
6274                                                <div class="details-item-label">Engine</div>
6275                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
6276                                            </div>
6277                                            <div class="details-item-row">
6278                                                <div class="details-item-label">Transmission</div>
6279                                                <div class="details-item-value">CVT</div>
6280                                            </div>
6281
6282                                    </div>
6283
6284                                </div>
6285                                <div :class="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG5TU288087" aria-label="Pricing">
6286                                            <div class="msrppanel-label">
6287                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp)'>
6288
6289
6290                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26356' :sh
6290owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6291                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
6292                                                                                    
6293
6294<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
6295    MSRP
6296</div>
6297<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,356</div>
6298
6299
6300                                                                                </div>
6301                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$692</span></div>
6302                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
6303                                                                                            <span>
6304                                                                                                Retail Bonus Cash
6305                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG5TU288087" disclaimerindex="0" />
6306                                                                                            </span>
6307                                                                                            <span> -$2,000</span>
6308                                                                                        </div>
6309                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
6310                                                                                            <span>Total Fee</span>
6311                                                                                            <span class="d-flex pl-2">
6312                                                                                                &#x2B;$175
6313                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
6314                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
6314Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
6315                                                                                                </span>
6316                                                                                            </span>
6317                                                                                        </div>
6318                                                                            <div id="kmhlm4dg5tu288087-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6319                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
6320                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6321                                                                            </span>
6322                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg5tu288087-unlock-discount-price"></label></span>
6323                                                                        </div>
6324                                                                        <div id="kmhlm4dg5tu288087-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6325                                                                            <div class="mr-2" style="color:#002C5E">
6326                                                                                <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span>
6327                                                                            </div>
6328                                                                            <div id="kmhlm4dg5tu288087-your-price-hide" class=" " style="color:#002C5E">$23,839</div>
6329                                                                        </div>
6330                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6331                                                                                <div class="mr-2" style="color:#002C5E">
6332                                                                                    <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span>
6333                                                                                </div>
6334                                                                                <div id="kmhlm4dg5tu288087-your-price" class=" " style="color:#002C5E">$23,839</div>
6335                                                                            </div>
6336
6337
6338
6339
6340                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
6340dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
6340StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG5TU288087&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
6341                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6342                                                                                :pricedata="{'msrp':'26356','yourPrice':'23839'}"
6343                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6344                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6345                                                    <div class="color-black ft-16 mt-1">
6346            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
6347                Disclosure
6348            </div>
6349</div>
6350
6351                                                </div>
6352
6353                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'>
6354                                                                    <div v-if="!unlockHideMsrp">
6355                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26356' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6356                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6357                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6358                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div>
6359                                                                        </div>
6360                                                                    </div>
6361
6362                                                </div>
6363                                            </div>
6364                                </div>
6365                            </div>
6366                        </div>
6367                        <div id="cta-params-KMHLM4DG5TU288087"
6368                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:23839.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6369                        </div>
6370
6371                        <div>
6372
6373                            <vehicle-badges model="Elantra"
6374                                            :current="'srp'"
6375                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
6376                                            :eyesight="''"
6377                                            :starlink="''"
6378                                            :von="''"
6379                                            :onorder="''"
6380                                            :vin="'KMHLM4DG5TU288087'"
6381                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease'"
6382                                            :vehicle-badges-top-srp="'False'"
6383                                            :year="'2026'"
6384                                            :in-transit-background-color-srp="''"
6385                                            :in-transit-badge-color-srp="''"
6386                                            :in-production-background-color-srp="''"
6387                                            :in-production-badge-color-srp="''"
6388                                            @opendisclaimer="openDisclaimerPopup($event)">
6389                            </vehicle-badges>
6390
6391                                <div class="d-flex flex-wrap">
6392                                    
6393
6394
6395
6396
6397
6398
6399                                </div>
6400                        </div>
6401
6402
6403
6404                        <div class="d-flex flex-wrap srp-certified-img-section">
6405
6406
6407
6408
6409
6410
6411
6412
6413                        </div>
6414
6415                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6416                            <subaru-badge-new model="Elantra"
6417                                            year="2026"
6418                                            make="Hyundai"
6419                                            type="New"
6420                                            :current="'srp'"
6421                                            :transit="'False'"
6422                                            :eyesight="''"
6423                                            :starlink="''"
6424                                            :von="''"
6425                                            :onorder="''"
6426                                            :vin="'KMHLM4DG5TU288087'"
6427                                            :hide-in-transit="'False'"
6428                                            :vehicle-badges-top-srp="'False'"
6429                                            :subaru-consumer-report-class="''"
6430                                            :in-transit-background-color-srp="''"
6431                                            :in-transit-badge-color-srp="''"
6432                                            >
6433                            </subaru-badge-new>
6434                        </div>
6435
6436                    </div>
6437                </div>
6438
6439
6440
6441            </div>
6442        </a>
6443        <template v-if="true">
6444            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6445                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG5TU288087'" class="vehicle-data-overlay-container"
6446                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6447                     @keydown.esc.prevent="closeDetailsOverlay()"
6448                     @keydown.tab="srpOverlayTrapFocus($event)">
6449                    <div class="vehicle-overlay-data">
6450                        <div class="srp-overlay-options">
6451                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6452                                <div class="d-flex align-items-center" style="gap: 20px;">
6453                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6454                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6455                                    <h3 class="mb-0">Options</h3>
6456                                </div>
6457                                <div>
6458                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6459                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6460                                </div>
6461                            </div>
6462
6463                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6464                                <div class="overlay-nav-items px-3 pt-4">
6465                                    <div class="d-flex overlay-nav-item" tabindex="0"
6466                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: '
6466share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'share-options', label: 'Share' })">
6467                                        <em class="primaryicon-share-icon"></em>
6468                                        <span>Share</span>
6469                                    </div>
6470
6471                                        <div class="d-flex overlay-nav-item"
6472                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'key-features', label: 'Key Features' })">
6473                                            <em class="primaryicon-key-features-icon"></em>
6474                                            <span>Key Features</span>
6475                                        </div>
6476                                        <div class="d-flex overlay-nav-item"
6477                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG5TU288087")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG5TU288087")'>
6478                                            <em class="primaryicon-assistant-icon"></em>
6479                                            <span>Ask Us Anything</span>
6480                                        </div>
6481                                </div>
6482
6483                                <div class="pt-4 px-3 mt-3">
6484                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
6485                                        @keydown.space.prevent="$event.currentTarget.click()"
6486                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
6487                                        View Details
6488                                    </a>
6489                                </div>
6490                            </div>
6491                        </div>
6492                    </div>
6493                </div>
6494            </transition>
6495            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6496                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG5TU288087'"
6497                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6498                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6499                     @keydown.tab="srpOverlayTrapFocus($event)">
6500                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6501                        <div class="d-flex align-items-center" style="gap: 20px;">
6502                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6503                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6504                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6505                        </div>
6506                        <div>
6507                            <em class="primaryicon-close-icon-gray"
6508                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6509                        </div>
6510                    </div>
6511                    <div class="mt-3 pt-4 overlay-section-links">
6512                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6513                        <template v-if="!isLoadingOverlayDetails">
6514                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
6515                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options>
6516                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
6517                        </template>
6518                    </div>
6519                </div>
6520            </transition>
6521        </template>
6522    </div>
6523        
6523<script type="application/javascript">
6524
6525            var rebatesString = "[{&quot;DiscountBonus&quot;:2000.0,&quot;DiscountBonusDescription&quot;:&quot;Retail Bonus Cash&quot;,&quot;Disclaimer&quot;:&quot;Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between October 1 2026 and November 2, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends November 2, 2026.&quot;}]";
6526            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6527            localStorage.setItem("KMHLM4DG2TU260635-rebates", formattedRebatesString);
6528
6529        </script>
6529
6530<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG2TU260635" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6531        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG2TU260635", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "6",msrp:"26555",yourPrice:"24025",sellingPrice:"25850",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG2TU260635", $event,{styleId:"487085"})'
6532        @mouseleave="clearMouseHoverValue()"
6533        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6534        used-large-box" style="height: 100%;">
6535
6536            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6537                <div class="position-relative">
6538                    <div class="srp-top-badges">
6539                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
6540                            <div class="d-flex align-items-center gap-10">
6541                            </div>
6542                        </div>
6543
6544                    </div>
6545
6546
6547                    <div id="EZ360_CVDP"></div>
6548
6549                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6550                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG2TU260635'" class="vehicle-box__image">
6551                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&amp;vin=KMHLM4DG2TU260635&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
6552                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
6553                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG2TU260635', 'color=W6H')" />
6554
6555                        </div>
6556
6557                        <div class="dp-srp-evox-media-KMHLM4DG2TU260635" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG2TU260635'"></div>
6558
6559                        <div class="vehicle-info-icon">
6560                            <em
6561                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG2TU260635')"
6562                            class="primaryicon-options-btn-new info-icon-css"
6563                            data-vin="KMHLM4DG2TU260635"
6564                            tabindex="0"
6565                            role="button"
6566                            aria-label="Vehicle info"
6567                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')"
6568                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')"
6569                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6570                        </div>
6571                    </div>
6572
6573
6574                    <div class="vehiclebox-info-section p-3">
6575                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6576                            <div class="d-flex">
6577                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6578                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6579                                        2026 Hyundai Elantra SEL Sport Plus
6580                                    </h2>
6581                                </div>
6582                            </div>
6583                        </div>
6584
6585                        <div class="vehicle-summary-section mt-3 ">
6586                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6587                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6588            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp)'>
6589                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
6590                                            <div class="mr-2" style="color:#002
6590C5E">
6591                                                <span id="kmhlm4dg2tu260635-price-summary-label">Your Price</span>
6592                                            </div>
6593                                            <div id="kmhlm4dg2tu260635-price-summary-value" class=" " style="color:#002C5E">$24,025</div>
6594                                        </div>
6595
6596            </div>
6597            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'>
6598                                <div v-if="!unlockHideMsrp">
6599                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6600                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6601                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div>
6602                                    </div>
6603                                </div>
6604
6605            </div>
6606        </div>
6607
6608                            </div>
6609
6610                                <template v-if="true">
6611                                    <div class="vehicle-summary-cta flex-1">
6612                                        <object>
6613                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
6614                <a v-if="applySecondaryDesign" href=""
6615                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6616                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6617                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6618                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6619                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
6620                <a v-else href=""
6621                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6622                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6623                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6624                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6625                   @mouseover="onCTABtnHover('', '', '', $event)">
6626                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
6627                    Get Out The Door Price
6628                </a>
6629            </div>
6630
6631                                        </object>
6632                                    </div>
6633                                </template>
6634                        </div>
6635<div class="color-black ft-16 mt-1">
6636            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
6637                Disclosure
6638            </div>
6639</div>
6640
6641                            <div class="color-black ft-12 d-flex gap-5 mt-2">
6642                                <div class="color-gray">Location:</div>
6643                                <div>City World Hyundai</div>
6644                            </div>
6645
6646                        <div class="show section-separator my-4"></div>
6647
6648
6649                            <template v-if="true">
6650                                <object>
6651                                    <div class="app-level-cta-container">
6652                                            <div class="primary-button-parent unlock-discount">
6653                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
6654                                                    term="72"
6655                                                    payment-type="cash"
6656                                                    down-payment="3983.0"
6657                                                    miles="7"
6658                                                    lender-number="103"
6659                                                    msrp="26555"
6660                                                    rebates="2000"
6661                                                    page-type="srp"
6662                                                    vin=KMHLM4DG2TU260635
6663                                                    :your-price=24025
6664                                                    style-id=487085
6665                                                    vdp-account-id=42268
6666                                                    :page-reload="false"
6667                                                    :price-unlocked-vins="priceUnlockedVins"
6668                                                    @loadpayments="loadPaymentsForUnlockDiscount"
6669                                                    inventory-type=new></unlock-discount>
6670                                                </div>
6671
6672
6673                                            <div class="primary-button-parent srp-view-details-transact-button-container">
6674                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
6675                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG2TU260635");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
6676                                                    @keydown.space.prevent="$event.currentTarget.click()"
6677                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
6678                                                     bgcolor-primary "
6679                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
6680                                                    Explore Payment Options
6681                                                </a>
6682                                            </div>
6683
6684
6685
6686
6687
6688                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG2TU260635","false"==="true"))' class="primary-button-parent">
6689                                                    <a :style="ctaBtnStyles"
6690                                                     tabindex="0" role="button"
6691                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")'
6692                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")'
6693                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
6694                                                        {{inventorySettings.data.buttonLabel}}
6695                                                    </a>
6696                                                 </div>
6697                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
6698                                                                    <a v-if="applySecondary
6698Design" href=""
6699                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6700                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6701                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6702                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6703                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6704                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
6705                                                                    <a v-else href=""
6706                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6707                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6708                                                                        @click.prevent="
6709                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6710                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6711                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6712                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6713                                                                        Value Your Trade
6714                                                                    </a>
6715                                                                </div>
6716                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
6717                                                                    <a v-if="applySecondary
6717Design" href=""
6718                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6719                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6720                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6721                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6722                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6723                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
6724                                                                    <a v-else href=""
6725                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6726                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6727                                                                        @click.prevent="
6728                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6729                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Elantra&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.74,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2122&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6730                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6731                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6732                                                                        Check Availability 
6733                                                                    </a>
6734                                                                </div>
6735
6736
6737
6738
6739                                    </div>
6740                                </object>
6741                            </template>
6742
6743                            <div class="mt-3">
6744
6745
6746                                <div class="inventory-btns" style="width:100%;" v-cloak>
6747
6748
6749                                    <object class="d-flex flex-column primary-inventory-btn-group">
6750                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6751                                        <div class="pi-pullup-container"></div>
6752                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6753
6754                                        <div class="dvs_vin_btn" vin="KMHLM4DG2TU260635"></div>
6755
6756
6757
6758                                                    <div class="d-flex mt-2 primary-button-parent">
6759                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG2TU260635"
6760                                                        style="color: initial; background-color: initial;"
6761                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
6762                                                        @mouseover="onRoadSterButtonHover('','', $event)"
6763                                                        @keydown.space.prevent="$event.currentTarget.click()"
6764                                                        class="bgcolor-primary
6765                                                                                    w-100
6766                                                                                    d-flex
6767                                                                                    justify-content-center
6768                                                                                    align-items-center
6769                                                                                    payment-panel-rounded-buttons
6770                                                        text-white text-center
6771                                                                                    no-hover
6772                                                                                    rounded-buttons py-2 px-2
6773                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
6774                                                                                    ">Search Payments </a>
6775                                                    </div>
6776
6777
6778
6779                                    </object>
6780
6781
6782
6783
6784
6785
6786
6787
6788
6789                                    
6790
6791
6792
6793
6794
6795
6796
6797
6798
6799                                </div>
6800
6801
6802                                    <div class="my-2 w-100 text-center">
6803                                        <div class="les_video" les_vin="KMHLM4DG2TU260635"></div>
6804                                    </div>
6805
6806
6807
6808
6809                            </div>
6810
6811                            <active-engage-widget v-if="isEnableActivEngageSrp"
6812                                                custom-class="py-2 ft-12"></active-engage-widget>
6813                        <div class="srp-tabs-section mt-3">
6814                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6815                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details' }"
6816                                    tabindex="0" role="tab"
6817                                    aria-label="Details"
6818                                    :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details'"
6819                                    aria-controls="tab-panel-details-KMHLM4DG2TU260635"
6820                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')"
6821                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')">
6822                                        Details
6823                                    </div>
6824                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments' }"
6825                                tabindex="0" role="tab"
6826                                aria-label="Pricing"
6827                                :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments'"
6828                                aria-controls="tab-panel-payments-KMHLM4DG2TU260635"
6829                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')"
6830                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')">
6831                                    Pricing
6832                                </div>
6833                            </div>
6834
6835                            <div class="srp-tab-content">
6836                                <div :class="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG2TU260635" aria-label="Details">
6837                                    <div class="vehicle-details-list">
6838
6839                                            <div class="details-item-row ">
6840                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6841                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6842                                                        <div id="copy_vin" class="d-inline">KMHLM4DG2TU260635</div>
6843                                                    </div>
6844                                            </div>
6845
6846                                            <div class="details-item-row">
6847                                                <div class="details-item-label">Stock #</div>
6848                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6849                                                    <div id="copy_stock" class="d-inline">26H2122</div>
6850                                                </div>
6851                                            </div>
6852
6853                                        
6854
6855                                            <div class="details-item-row">
6856                                                <div class="details-item-label">Model Code</div>
6857                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
6858                                            </div>
6859
6860                                            <div class="details-item-row">
6861                                                <div class="details-item-label">Exterior</div>
6862                                                <div class="details-item-value d-flex align-items-center">
6863                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div>
6864                                                        <div class="ml-2">Serenity White</div>
6865                                                </div>
6866                                            </div>
6867
6868                                            <div class="details-item-row">
6869                                                <div class="details-item-label">Interior</div>
6870                                                <div class="details-item-value d-flex align-items-center">
6871                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
6872                                                    <div class="ml-2 interior-word-break">Black</div>
6873                                                </div>
6874                                            </div>
6875
6876                                            <div class="details-item-row">
6877                                                <div class="details-item-label">Drivetrain</div>
6878                                                <div class="details-item-value">FWD</div>
6879                                            </div>
6880
6881                                            <div class="details-item-row">
6882                                                <div class="details-item-label">Engine</div>
6883                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
6884                                            </div>
6885                                            <div class="details-item-row">
6886                                                <div class="details-item-label">Transmission</div>
6887                                                <div class="details-item-value">CVT</div>
6888                                            </div>
6889
6890                                    </div>
6891
6892                                </div>
6893                                <div :class="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG2TU260635" aria-label="Pricing">
6894                                            <div class="msrppanel-label">
6895                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp)'>
6896
6897
6898                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26555' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6899                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
6900                                                                                    
6901
6902<div class="grey-text vehiclebox-msrp msrp_label_custom 
6902mr-2 ft-16" :style="getMSRPColor('')">
6903    MSRP
6904</div>
6905<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,555</div>
6906
6907
6908                                                                                </div>
6909                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$705</span></div>
6910                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
6911                                                                                            <span>
6912                                                                                                Retail Bonus Cash
6913                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG2TU260635" disclaimerindex="0" />
6914                                                                                            </span>
6915                                                                                            <span> -$2,000</span>
6916                                                                                        </div>
6917                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
6918                                                                                            <span>Total Fee</span>
6919                                                                                            <span class="d-flex pl-2">
6920                                                                                                &#x2B;$175
6921                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
6922                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
6922Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
6923                                                                                                </span>
6924                                                                                            </span>
6925                                                                                        </div>
6926                                                                            <div id="kmhlm4dg2tu260635-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6927                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
6928                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6929                                                                            </span>
6930                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg2tu260635-unlock-discount-price"></label></span>
6931                                                                        </div>
6932                                                                        <div id="kmhlm4dg2tu260635-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6933                                                                            <div class="mr-2" style="color:#002C5E">
6934                                                                                <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span>
6935                                                                            </div>
6936                                                                            <div id="kmhlm4dg2tu260635-your-price-hide" class=" " style="color:#002C5E">$24,025</div>
6937                                                                        </div>
6938                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6939                                                                                <div class="mr-2" style="color:#002C5E">
6940                                                                                    <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span>
6941                                                                                </div>
6942                                                                                <div id="kmhlm4dg2tu260635-your-price" class=" " style="color:#002C5E">$24,025</div>
6943                                                                            </div>
6944
6945
6946
6947
6948                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
6948dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
6948StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG2TU260635&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
6949                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6950                                                                                :pricedata="{'msrp':'26555','yourPrice':'24025'}"
6951                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6952                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6953                                                    <div class="color-black ft-16 mt-1">
6954            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
6955                Disclosure
6956            </div>
6957</div>
6958
6959                                                </div>
6960
6961                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'>
6962                                                                    <div v-if="!unlockHideMsrp">
6963                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26555' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6964                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6965                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6966                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div>
6967                                                                        </div>
6968                                                                    </div>
6969
6970                                                </div>
6971                                            </div>
6972                                </div>
6973                            </div>
6974                        </div>
6975                        <div id="cta-params-KMHLM4DG2TU260635"
6976                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24025.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6977                        </div>
6978
6979                        <div>
6980
6981                            <vehicle-badges model="Elantra"
6982                                            :current="'srp'"
6983                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
6984                                            :eyesight="''"
6985                                            :starlink="''"
6986                                            :von="''"
6987                                            :onorder="''"
6988                                            :vin="'KMHLM4DG2TU260635'"
6989                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease'"
6990                                            :vehicle-badges-top-srp="'False'"
6991                                            :year="'2026'"
6992                                            :in-transit-background-color-srp="''"
6993                                            :in-transit-badge-color-srp="''"
6994                                            :in-production-background-color-srp="''"
6995                                            :in-production-badge-color-srp="''"
6996                                            @opendisclaimer="openDisclaimerPopup($event)">
6997                            </vehicle-badges>
6998
6999                                <div class="d-flex flex-wrap">
7000                                    
7001
7002
7003
7004
7005
7006
7007                                </div>
7008                        </div>
7009
7010
7011
7012                        <div class="d-flex flex-wrap srp-certified-img-section">
7013
7014
7015
7016
7017
7018
7019
7020
7021                        </div>
7022
7023                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7024                            <subaru-badge-new model="Elantra"
7025                                            year="2026"
7026                                            make="Hyundai"
7027                                            type="New"
7028                                            :current="'srp'"
7029                                            :transit="'False'"
7030                                            :eyesight="''"
7031                                            :starlink="''"
7032                                            :von="''"
7033                                            :onorder="''"
7034                                            :vin="'KMHLM4DG2TU260635'"
7035                                            :hide-in-transit="'False'"
7036                                            :vehicle-badges-top-srp="'False'"
7037                                            :subaru-consumer-report-class="''"
7038                                            :in-transit-background-color-srp="''"
7039                                            :in-transit-badge-color-srp="''"
7040                                            >
7041                            </subaru-badge-new>
7042                        </div>
7043
7044                    </div>
7045                </div>
7046
7047
7048
7049            </div>
7050        </a>
7051        <template v-if="true">
7052            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7053                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG2TU260635'" class="vehicle-data-overlay-container"
7054                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7055                     @keydown.esc.prevent="closeDetailsOverlay()"
7056                     @keydown.tab="srpOverlayTrapFocus($event)">
7057                    <div class="vehicle-overlay-data">
7058                        <div class="srp-overlay-options">
7059                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7060                                <div class="d-flex align-items-center" style="gap: 20px;">
7061                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7062                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7063                                    <h3 class="mb-0">Options</h3>
7064                                </div>
7065                                <div>
7066                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7067                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7068                                </div>
7069                            </div>
7070
7071                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7072                                <div class="overlay-nav-items px-3 pt-4">
7073                                    <div class="d-flex overlay-nav-item" tabindex="0"
7074                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: '
7074share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'share-options', label: 'Share' })">
7075                                        <em class="primaryicon-share-icon"></em>
7076                                        <span>Share</span>
7077                                    </div>
7078
7079                                        <div class="d-flex overlay-nav-item"
7080                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'key-features', label: 'Key Features' })">
7081                                            <em class="primaryicon-key-features-icon"></em>
7082                                            <span>Key Features</span>
7083                                        </div>
7084                                        <div class="d-flex overlay-nav-item"
7085                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHLM4DG2TU260635")' @keydown.enter.space.prevent='openChatAssistant("KMHLM4DG2TU260635")'>
7086                                            <em class="primaryicon-assistant-icon"></em>
7087                                            <span>Ask Us Anything</span>
7088                                        </div>
7089                                </div>
7090
7091                                <div class="pt-4 px-3 mt-3">
7092                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
7093                                        @keydown.space.prevent="$event.currentTarget.click()"
7094                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
7095                                        View Details
7096                                    </a>
7097                                </div>
7098                            </div>
7099                        </div>
7100                    </div>
7101                </div>
7102            </transition>
7103            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7104                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG2TU260635'"
7105                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7106                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7107                     @keydown.tab="srpOverlayTrapFocus($event)">
7108                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7109                        <div class="d-flex align-items-center" style="gap: 20px;">
7110                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7111                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7112                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7113                        </div>
7114                        <div>
7115                            <em class="primaryicon-close-icon-gray"
7116                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7117                        </div>
7118                    </div>
7119                    <div class="mt-3 pt-4 overlay-section-links">
7120                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7121                        <template v-if="!isLoadingOverlayDetails">
7122                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
7123                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options>
7124                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
7125                        </template>
7126                    </div>
7127                </div>
7128            </transition>
7129        </template>
7130    </div>
7131        
7131<script type="application/javascript">
7132
7133            var rebatesString = "[]";
7134            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7135            localStorage.setItem("KMHRC8A3XTU496147-rebates", formattedRebatesString);
7136
7137        </script>
7137
7138<div data-itemid="Hyundai-Venue-SEL-KMHRC8A3XTU496147" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7139        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A3XTU496147", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "7",msrp:"25035",yourPrice:"24710",sellingPrice:"24535",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A3XTU496147", $event,{styleId:"477903"})'
7140        @mouseleave="clearMouseHoverValue()"
7141        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7142        used-large-box" style="height: 100%;">
7143
7144            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7145                <div class="position-relative">
7146                    <div class="srp-top-badges">
7147                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
7148                            <div class="d-flex align-items-center gap-10">
7149                            </div>
7150                        </div>
7151
7152                    </div>
7153
7154
7155                    <div id="EZ360_CVDP"></div>
7156
7157                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7158                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A3XTU496147'" class="vehicle-box__image">
7159                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A3XTU496147&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=PE2&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
7160                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
7161                                                    @mouseover="srpImageHover('477903', 'KMHRC8A3XTU496147', 'color=PE2')" />
7162
7163                        </div>
7164
7165                        <div class="dp-srp-evox-media-KMHRC8A3XTU496147" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A3XTU496147'"></div>
7166
7167                        <div class="vehicle-info-icon">
7168                            <em
7169                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A3XTU496147')"
7170                            class="primaryicon-options-btn-new info-icon-css"
7171                            data-vin="KMHRC8A3XTU496147"
7172                            tabindex="0"
7173                            role="button"
7174                            aria-label="Vehicle info"
7175                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')"
7176                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')"
7177                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7178                        </div>
7179                    </div>
7180
7181
7182                    <div class="vehiclebox-info-section p-3">
7183                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7184                            <div class="d-flex">
7185                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7186                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7187                                        2026 Hyundai Venue SEL
7188                                    </h2>
7189                                </div>
7190                            </div>
7191                        </div>
7192
7193                        <div class="vehicle-summary-section mt-3 ">
7194                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7195                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7196            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp)'>
7197                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
7198                                            <div class="mr-2" style="color:#002
7198C5E">
7199                                                <span id="kmhrc8a3xtu496147-price-summary-label">Your Price</span>
7200                                            </div>
7201                                            <div id="kmhrc8a3xtu496147-price-summary-value" class=" " style="color:#002C5E">$24,710</div>
7202                                        </div>
7203
7204            </div>
7205            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'>
7206                                <div v-if="!unlockHideMsrp">
7207                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7208                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7209                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
7210                                    </div>
7211                                </div>
7212
7213            </div>
7214        </div>
7215
7216                            </div>
7217
7218                                <template v-if="true">
7219                                    <div class="vehicle-summary-cta flex-1">
7220                                        <object>
7221                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
7222                <a v-if="applySecondaryDesign" href=""
7223                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7224                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7225                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7226                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7227                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
7228                <a v-else href=""
7229                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7230                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7231                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
7231ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7232                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7233                   @mouseover="onCTABtnHover('', '', '', $event)">
7234                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
7235                    Get Out The Door Price
7236                </a>
7237            </div>
7238
7239                                        </object>
7240                                    </div>
7241                                </template>
7242                        </div>
7243<div class="color-black ft-16 mt-1">
7244            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
7245                Disclosure
7246            </div>
7247</div>
7248
7249                            <div class="color-black ft-12 d-flex gap-5 mt-2">
7250                                <div class="color-gray">Location:</div>
7251                                <div>City World Hyundai</div>
7252                            </div>
7253
7254                        <div class="show section-separator my-4"></div>
7255
7256
7257                            <template v-if="true">
7258                                <object>
7259                                    <div class="app-level-cta-container">
7260                                            <div class="primary-button-parent unlock-discount">
7261                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
7262                                                    term="72"
7263                                                    payment-type="cash"
7264                                                    down-payment="3755.0"
7265                                                    miles="3"
7266                                                    lender-number="103"
7267                                                    msrp="25035"
7268                                                    rebates="0"
7269                                                    page-type="srp"
7270                                                    vin=KMHRC8A3XTU496147
7271                                                    :your-price=24710
7272                                                    style-id=477903
7273                                                    vdp-account-id=42268
7274                                                    :page-reload="false"
7275                                                    :price-unlocked-vins="priceUnlockedVins"
7276                                                    @loadpayments="loadPaymentsForUnlockDiscount"
7277                                                    inventory-type=new></unlock-discount>
7278                                                </div>
7279
7280
7281                                            <div class="primary-button-parent srp-view-details-transact-button-container">
7282                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
7283                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A3XTU496147");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
7284                                                    @keydown.space.prevent="$event.currentTarget.click()"
7285                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
7286                                                     bgcolor-primary "
7287                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
7288                                                    Explore Payment Options
7289                                                </a>
7290                                            </div>
7291
7292
7293
7294
7295
7296                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A3XTU496147","fal
7296se"==="true"))' class="primary-button-parent">
7297                                                    <a :style="ctaBtnStyles"
7298                                                     tabindex="0" role="button"
7299                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")'
7300                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")'
7301                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
7302                                                        {{inventorySettings.data.buttonLabel}}
7303                                                    </a>
7304                                                 </div>
7305                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
7306                                                                    <a v-if="applySecondaryDesign" href=""
7307                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7308                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7309                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7310                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7311                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7312                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
7313                                                                    <a v-else href=""
7314                                                                        style="background-color:#002
7314C5E !important; color:#ffffff !important; border:1px solid ;"
7315                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7316                                                                        @click.prevent="
7317                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7318                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7319                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7320                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7321                                                                        Value Your Trade
7322                                                                    </a>
7323                                                                </div>
7324                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7325                                                                    <a v-if="applySecondaryDesign" href=""
7326                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7327                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7328                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
7328ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7329                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7330                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7331                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
7332                                                                    <a v-else href=""
7333                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7334                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7335                                                                        @click.prevent="
7336                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7337                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7338                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7339                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7340                                                                        Check Availability 
7341                                                                    </a>
7342                                                                </div>
7343
7344
7345
7346
7347                                    </div>
7348                                </object>
7349                            </template>
7350
7351                            <div class="mt-3">
7352
7353
7354                                <div class="inventory-btns" style="width:100%;" v-cloak>
7355
7356
7357                                    <object class="d-flex flex-column primary-inventory-btn-group">
7358                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7359                                        <div class="pi-pullup-container"></div>
7360                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7361
7362                                        <div class="dvs_vin_btn" vin="KMHRC8A3XTU496147"></div>
7363
7364
7365
7366                                                    <div class="d-flex mt-2 primary-button-parent">
7367                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A3XTU496147"
7368                                                        style="color: initial; background-color: initial;"
7369                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
7370                                                        @mouseover="onRoadSterButtonHover('','', $event)"
7371                                                        @keydown.space.prevent="$event.currentTarget.click()"
7372                                                        class="bgcolor-primary
7373                                                                                    w-100
7374                                                                                    d-flex
7375                                                                                    justify-content-center
7376                                                                                    align-items-center
7377                                                                                    payment-panel-rounded-buttons
7378                                                        text-white text-center
7379                                                                                    no-hover
7380                                                                                    rounded-buttons py-2 px-2
7381                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
7382                                                                                    ">Search Payments </a>
7383                                                    </div>
7384
7385
7386
7387                                    </object>
7388
7389
7390
7391
7392
7393
7394
7395
7396
7397                                    
7398
7399
7400
7401
7402
7403
7404
7405
7406
7407                                </div>
7408
7409
7410                                    <div class="my-2 w-100 text-center">
7411                                        <div class="les_video" les_vin="KMHRC8A3XTU496147"></div>
7412                                    </div>
7413
7414
7415
7416
7417                            </div>
7418
7419                            <active-engage-widget v-if="isEnableActivEngageSrp"
7420                                                custom-class="py-2 ft-12"></active-engage-widget>
7421                        <div class="srp-tabs-section mt-3">
7422                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7423                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details' }"
7424                                    tabindex="0" role="tab"
7425                                    aria-label="Details"
7426                                    :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details'"
7427                                    aria-controls="tab-panel-details-KMHRC8A3XTU496147"
7428                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')"
7429                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')">
7430                                        Details
7431                                    </div>
7432                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments' }"
7433                                tabindex="0" role="tab"
7434                                aria-label="Pricing"
7435                                :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments'"
7436                                aria-controls="tab-panel-payments-KMHRC8A3XTU496147"
7437                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')"
7438                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')">
7439                                    Pricing
7440                                </div>
7441                            </div>
7442
7443                            <div class="srp-tab-content">
7444                                <div :class="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A3XTU496147" aria-label="Details">
7445                                    <div class="vehicle-details-list">
7446
7447                                            <div class="details-item-row ">
7448                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
7449                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
7450                                                        <div id="copy_vin" class="d-inline">KMHRC8A3XTU496147</div>
7451                                                    </div>
7452                                            </div>
7453
7454                                            <div class="details-item-row">
7455                                                <div class="details-item-label">Stock #</div>
7456                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7457                                                    <div id="copy_stock" class="d-inline">26H2283</div>
7458                                                </div>
7459                                            </div>
7460
7461                                        
7462
7463                                            <div class="details-item-row">
7464                                                <div class="details-item-label">Model Code</div>
7465                                                <div class="details-item-value">#VN2AFD56W5A5</div>
7466                                            </div>
7467
7468                                            <div class="details-item-row">
7469                                                <div class="details-item-label">Exterior</div>
7470                                                <div class="details-item-value d-flex align-items-center">
7471                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #656667; border-radius: 50%"></div>
7472                                                        <div class="ml-2">Ecotronic Gray</div>
7473                                                </div>
7474                                            </div>
7475
7476                                            <div class="details-item-row">
7477                                                <div class="details-item-label">Interior</div>
7478                                                <div class="details-item-value d-flex align-items-center">
7479                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
7480                                                    <div class="ml-2 interior-word-break">Gray</div>
7481                                                </div>
7482                                            </div>
7483
7484                                            <div class="details-item-row">
7485                                                <div class="details-item-label">Drivetrain</div>
7486                                                <div class="details-item-value">FWD</div>
7487                                            </div>
7488
7489                                            <div class="details-item-row">
7490                                                <div class="details-item-label">Engine</div>
7491                                                        <div class="details-item-value">
7491Regular Gasoline I-4 1.6 L/98</div>
7492                                            </div>
7493                                            <div class="details-item-row">
7494                                                <div class="details-item-label">Transmission</div>
7495                                                <div class="details-item-value">CVT</div>
7496                                            </div>
7497
7498                                    </div>
7499
7500                                </div>
7501                                <div :class="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A3XTU496147" aria-label="Pricing">
7502                                            <div class="msrppanel-label">
7503                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp)'>
7504
7505
7506                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7507                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
7508                                                                                    
7509
7510<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
7511    MSRP
7512</div>
7513<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div>
7514
7515
7516                                                                                </div>
7517                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div>
7518                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
7519                                                                                            <span>Total Fee</span>
7520                                                                                            <span class="d-flex pl-2">
7521                                                                                                &#x2B;$175
7522                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
7523                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
7523Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
7524                                                                                                </span>
7525                                                                                            </span>
7526                                                                                        </div>
7527                                                                            <div id="kmhrc8a3xtu496147-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7528                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
7529                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7530                                                                            </span>
7531                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a3xtu496147-unlock-discount-price"></label></span>
7532                                                                        </div>
7533                                                                        <div id="kmhrc8a3xtu496147-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
7534                                                                            <div class="mr-2" style="color:#002C5E">
7535                                                                                <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span>
7536                                                                            </div>
7537                                                                            <div id="kmhrc8a3xtu496147-your-price-hide" class=" " style="color:#002C5E">$24,710</div>
7538                                                                        </div>
7539                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
7540                                                                                <div class="mr-2" style="color:#002C5E">
7541                                                                                    <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span>
7542                                                                                </div>
7543                                                                                <div id="kmhrc8a3xtu496147-your-price" class=" " style="color:#002C5E">$24,710</div>
7544                                                                            </div>
7545
7546
7547
7548
7549                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
7549dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
7549StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A3XTU496147&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
7550                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7551                                                                                :pricedata="{'msrp':'25035','yourPrice':'24710'}"
7552                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7553                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7554                                                    <div class="color-black ft-16 mt-1">
7555            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
7556                Disclosure
7557            </div>
7558</div>
7559
7560                                                </div>
7561
7562                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'>
7563                                                                    <div v-if="!unlockHideMsrp">
7564                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7565                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7566                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7567                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
7568                                                                        </div>
7569                                                                    </div>
7570
7571                                                </div>
7572                                            </div>
7573                                </div>
7574                            </div>
7575                        </div>
7576                        <div id="cta-params-KMHRC8A3XTU496147"
7577                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24710.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
7578                        </div>
7579
7580                        <div>
7581
7582                            <vehicle-badges model="Venue"
7583                                            :current="'srp'"
7584                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
7585                                            :eyesight="''"
7586                                            :starlink="''"
7587                                            :von="''"
7588                                            :onorder="''"
7589                                            :vin="'KMHRC8A3XTU496147'"
7590                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease'"
7591                                            :vehicle-badges-top-srp="'False'"
7592                                            :year="'2026'"
7593                                            :in-transit-background-color-srp="''"
7594                                            :in-transit-badge-color-srp="''"
7595                                            :in-production-background-color-srp="''"
7596                                            :in-production-badge-color-srp="''"
7597                                            @opendisclaimer="openDisclaimerPopup($event)">
7598                            </vehicle-badges>
7599
7600                                <div class="d-flex flex-wrap">
7601                                    
7602
7603
7604
7605
7606
7607
7608                                </div>
7609                        </div>
7610
7611
7612
7613                        <div class="d-flex flex-wrap srp-certified-img-section">
7614
7615
7616
7617
7618
7619
7620
7621
7622                        </div>
7623
7624                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7625                            <subaru-badge-new model="Venue"
7626                                            year="2026"
7627                                            make="Hyundai"
7628                                            type="New"
7629                                            :current="'srp'"
7630                                            :transit="'False'"
7631                                            :eyesight="''"
7632                                            :starlink="''"
7633                                            :von="''"
7634                                            :onorder="''"
7635                                            :vin="'KMHRC8A3XTU496147'"
7636                                            :hide-in-transit="'False'"
7637                                            :vehicle-badges-top-srp="'False'"
7638                                            :subaru-consumer-report-class="''"
7639                                            :in-transit-background-color-srp="''"
7640                                            :in-transit-badge-color-srp="''"
7641                                            >
7642                            </subaru-badge-new>
7643                        </div>
7644
7645                    </div>
7646                </div>
7647
7648
7649
7650            </div>
7651        </a>
7652        <template v-if="true">
7653            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7654                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A3XTU496147'" class="vehicle-data-overlay-container"
7655                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7656                     @keydown.esc.prevent="closeDetailsOverlay()"
7657                     @keydown.tab="srpOverlayTrapFocus($event)">
7658                    <div class="vehicle-overlay-data">
7659                        <div class="srp-overlay-options">
7660                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7661                                <div class="d-flex align-items-center" style="gap: 20px;">
7662                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7663                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7664                                    <h3 class="mb-0">Options</h3>
7665                                </div>
7666                                <div>
7667                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7668                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7669                                </div>
7670                            </div>
7671
7672                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7673                                <div class="overlay-nav-items px-3 pt-4">
7674                                    <div class="d-flex overlay-nav-item" tabindex="0"
7675                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: '
7675share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'share-options', label: 'Share' })">
7676                                        <em class="primaryicon-share-icon"></em>
7677                                        <span>Share</span>
7678                                    </div>
7679
7680                                        <div class="d-flex overlay-nav-item"
7681                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'key-features', label: 'Key Features' })">
7682                                            <em class="primaryicon-key-features-icon"></em>
7683                                            <span>Key Features</span>
7684                                        </div>
7685                                        <div class="d-flex overlay-nav-item"
7686                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A3XTU496147")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A3XTU496147")'>
7687                                            <em class="primaryicon-assistant-icon"></em>
7688                                            <span>Ask Us Anything</span>
7689                                        </div>
7690                                </div>
7691
7692                                <div class="pt-4 px-3 mt-3">
7693                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
7694                                        @keydown.space.prevent="$event.currentTarget.click()"
7695                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
7696                                        View Details
7697                                    </a>
7698                                </div>
7699                            </div>
7700                        </div>
7701                    </div>
7702                </div>
7703            </transition>
7704            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7705                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A3XTU496147'"
7706                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7707                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7708                     @keydown.tab="srpOverlayTrapFocus($event)">
7709                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7710                        <div class="d-flex align-items-center" style="gap: 20px;">
7711                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7712                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7713                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7714                        </div>
7715                        <div>
7716                            <em class="primaryicon-close-icon-gray"
7717                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7718                        </div>
7719                    </div>
7720                    <div class="mt-3 pt-4 overlay-section-links">
7721                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7722                        <template v-if="!isLoadingOverlayDetails">
7723                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
7724                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
7724ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
7725                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
7726                        </template>
7727                    </div>
7728                </div>
7729            </transition>
7730        </template>
7731    </div>
7732        
7732<script type="application/javascript">
7733
7734            var rebatesString = "[]";
7735            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7736            localStorage.setItem("KMHRC8A36TU496338-rebates", formattedRebatesString);
7737
7738        </script>
7738
7739<div data-itemid="Hyundai-Venue-SEL-KMHRC8A36TU496338" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7740        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A36TU496338", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "8",msrp:"25035",yourPrice:"24710",sellingPrice:"24535",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A36TU496338", $event,{styleId:"477903"})'
7741        @mouseleave="clearMouseHoverValue()"
7742        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7743        used-large-box" style="height: 100%;">
7744
7745            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7746                <div class="position-relative">
7747                    <div class="srp-top-badges">
7748                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
7749                            <div class="d-flex align-items-center gap-10">
7750                            </div>
7751                        </div>
7752
7753                    </div>
7754
7755
7756                    <div id="EZ360_CVDP"></div>
7757
7758                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7759                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A36TU496338'" class="vehicle-box__image">
7760                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A36TU496338&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=R2T&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
7761                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
7762                                                    @mouseover="srpImageHover('477903', 'KMHRC8A36TU496338', 'color=R2T')" />
7763
7764                        </div>
7765
7766                        <div class="dp-srp-evox-media-KMHRC8A36TU496338" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A36TU496338'"></div>
7767
7768                        <div class="vehicle-info-icon">
7769                            <em
7770                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A36TU496338')"
7771                            class="primaryicon-options-btn-new info-icon-css"
7772                            data-vin="KMHRC8A36TU496338"
7773                            tabindex="0"
7774                            role="button"
7775                            aria-label="Vehicle info"
7776                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')"
7777                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')"
7778                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7779                        </div>
7780                    </div>
7781
7782
7783                    <div class="vehiclebox-info-section p-3">
7784                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7785                            <div class="d-flex">
7786                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7787                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7788                                        2026 Hyundai Venue SEL
7789                                    </h2>
7790                                </div>
7791                            </div>
7792                        </div>
7793
7794                        <div class="vehicle-summary-section mt-3 ">
7795                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7796                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7797            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp)'>
7798                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
7799                                            <div class="mr-2" style="color:#002
7799C5E">
7800                                                <span id="kmhrc8a36tu496338-price-summary-label">Your Price</span>
7801                                            </div>
7802                                            <div id="kmhrc8a36tu496338-price-summary-value" class=" " style="color:#002C5E">$24,710</div>
7803                                        </div>
7804
7805            </div>
7806            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'>
7807                                <div v-if="!unlockHideMsrp">
7808                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7809                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7810                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
7811                                    </div>
7812                                </div>
7813
7814            </div>
7815        </div>
7816
7817                            </div>
7818
7819                                <template v-if="true">
7820                                    <div class="vehicle-summary-cta flex-1">
7821                                        <object>
7822                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
7823                <a v-if="applySecondaryDesign" href=""
7824                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7825                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7826                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7827                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7828                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
7829                <a v-else href=""
7830                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7831                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7832                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
7832ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7833                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7834                   @mouseover="onCTABtnHover('', '', '', $event)">
7835                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
7836                    Get Out The Door Price
7837                </a>
7838            </div>
7839
7840                                        </object>
7841                                    </div>
7842                                </template>
7843                        </div>
7844<div class="color-black ft-16 mt-1">
7845            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
7846                Disclosure
7847            </div>
7848</div>
7849
7850                            <div class="color-black ft-12 d-flex gap-5 mt-2">
7851                                <div class="color-gray">Location:</div>
7852                                <div>City World Hyundai</div>
7853                            </div>
7854
7855                        <div class="show section-separator my-4"></div>
7856
7857
7858                            <template v-if="true">
7859                                <object>
7860                                    <div class="app-level-cta-container">
7861                                            <div class="primary-button-parent unlock-discount">
7862                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
7863                                                    term="72"
7864                                                    payment-type="cash"
7865                                                    down-payment="3755.0"
7866                                                    miles="3"
7867                                                    lender-number="103"
7868                                                    msrp="25035"
7869                                                    rebates="0"
7870                                                    page-type="srp"
7871                                                    vin=KMHRC8A36TU496338
7872                                                    :your-price=24710
7873                                                    style-id=477903
7874                                                    vdp-account-id=42268
7875                                                    :page-reload="false"
7876                                                    :price-unlocked-vins="priceUnlockedVins"
7877                                                    @loadpayments="loadPaymentsForUnlockDiscount"
7878                                                    inventory-type=new></unlock-discount>
7879                                                </div>
7880
7881
7882                                            <div class="primary-button-parent srp-view-details-transact-button-container">
7883                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
7884                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A36TU496338");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
7885                                                    @keydown.space.prevent="$event.currentTarget.click()"
7886                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
7887                                                     bgcolor-primary "
7888                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
7889                                                    Explore Payment Options
7890                                                </a>
7891                                            </div>
7892
7893
7894
7895
7896
7897                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A36TU496338","false"==="true"))' class="primary-button-parent">
7898                                                    <a :style="ctaBtnStyles"
7899                                                     tabindex="0" role="button"
7900                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
7900ort-utility?type=lease", "KMHRC8A36TU496338", "New")'
7901                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A36TU496338", "New")'
7902                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
7903                                                        {{inventorySettings.data.buttonLabel}}
7904                                                    </a>
7905                                                 </div>
7906                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
7907                                                                    <a v-if="applySecondaryDesign" href=""
7908                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7909                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7910                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7911                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7912                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7913                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
7914                                                                    <a v-else href=""
7915                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7916                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7917                                                                        @click.prevent="
7918                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
7918ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7919                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7920                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7921                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7922                                                                        Value Your Trade
7923                                                                    </a>
7924                                                                </div>
7925                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7926                                                                    <a v-if="applySecondaryDesign" href=""
7927                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7928                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7929                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7930                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
7930ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7931                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7932                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
7933                                                                    <a v-else href=""
7934                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7935                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7936                                                                        @click.prevent="
7937                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7938                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:358.36,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7939                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7940                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7941                                                                        Check Availability 
7942                                                                    </a>
7943                                                                </div>
7944
7945
7946
7947
7948                                    </div>
7949                                </object>
7950                            </template>
7951
7952                            <div class="mt-3">
7953
7954
7955                                <div class="inventory-btns" style="width:100%;" v-cloak>
7956
7957
7958                                    <object class="d-flex flex-column primary-inventory-btn-group">
7959                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7960                                        <div class="pi-pullup-container"></div>
7961                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7962
7963                                        <div class="dvs_vin_btn" vin="KMHRC8A36TU496338"></div>
7964
7965
7966
7967                                                    <div class="d-flex mt-2 primary-button-parent">
7968                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A36TU496338"
7969                                                        style="color: initial; background-color: initial;"
7970                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
7971                                                        @mouseover="onRoadSterButtonHover('','', $event)"
7972                                                        @keydown.space.prevent="$event.currentTarget.click()"
7973                                                        class="bgcolor-primary
7974                                                                                    w-100
7975                                                                                    d-flex
7976                                                                                    justify-content-center
7977                                                                                    align-items-center
7978                                                                                    payment-panel-rounded-buttons
7979                                                        text-white text-center
7980                                                                                    no-hover
7981                                                                                    rounded-buttons py-2 px-2
7982                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
7983                                                                                    ">Search Payments </a>
7984                                                    </div>
7985
7986
7987
7988                                    </object>
7989
7990
7991
7992
7993
7994
7995
7996
7997
7998                                    
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008                                </div>
8009
8010
8011                                    <div class="my-2 w-100 text-center">
8012                                        <div class="les_video" les_vin="KMHRC8A36TU496338"></div>
8013                                    </div>
8014
8015
8016
8017
8018                            </div>
8019
8020                            <active-engage-widget v-if="isEnableActivEngageSrp"
8021                                                custom-class="py-2 ft-12"></active-engage-widget>
8022                        <div class="srp-tabs-section mt-3">
8023                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8024                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details' }"
8025                                    tabindex="0" role="tab"
8026                                    aria-label="Details"
8027                                    :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details'"
8028                                    aria-controls="tab-panel-details-KMHRC8A36TU496338"
8029                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')"
8030                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')">
8031                                        Details
8032                                    </div>
8033                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments' }"
8034                                tabindex="0" role="tab"
8035                                aria-label="Pricing"
8036                                :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments'"
8037                                aria-controls="tab-panel-payments-KMHRC8A36TU496338"
8038                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')"
8039                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')">
8040                                    Pricing
8041                                </div>
8042                            </div>
8043
8044                            <div class="srp-tab-content">
8045                                <div :class="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A36TU496338" aria-label="Details">
8046                                    <div class="vehicle-details-list">
8047
8048                                            <div class="details-item-row ">
8049                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
8050                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
8051                                                        <div id="copy_vin" class="d-inline">KMHRC8A36TU496338</div>
8052                                                    </div>
8053                                            </div>
8054
8055                                            <div class="details-item-row">
8056                                                <div class="details-item-label">Stock #</div>
8057                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8058                                                    <div id="copy_stock" class="d-inline">26H2297</div>
8059                                                </div>
8060                                            </div>
8061
8062                                        
8063
8064                                            <div class="details-item-row">
8065                                                <div class="details-item-label">Model Code</div>
8066                                                <div class="details-item-value">#VN2AFD56W5A5</div>
8067                                            </div>
8068
8069                                            <div class="details-item-row">
8070                                                <div class="details-item-label">Exterior</div>
8071                                                <div class="details-item-value d-flex align-items-center">
8072                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div>
8073                                                        <div class="ml-2">
8073Shimmering Silver</div>
8074                                                </div>
8075                                            </div>
8076
8077                                            <div class="details-item-row">
8078                                                <div class="details-item-label">Interior</div>
8079                                                <div class="details-item-value d-flex align-items-center">
8080                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
8081                                                    <div class="ml-2 interior-word-break">Gray</div>
8082                                                </div>
8083                                            </div>
8084
8085                                            <div class="details-item-row">
8086                                                <div class="details-item-label">Drivetrain</div>
8087                                                <div class="details-item-value">FWD</div>
8088                                            </div>
8089
8090                                            <div class="details-item-row">
8091                                                <div class="details-item-label">Engine</div>
8092                                                        <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div>
8093                                            </div>
8094                                            <div class="details-item-row">
8095                                                <div class="details-item-label">Transmission</div>
8096                                                <div class="details-item-value">CVT</div>
8097                                            </div>
8098
8099                                    </div>
8100
8101                                </div>
8102                                <div :class="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A36TU496338" aria-label="Pricing">
8103                                            <div class="msrppanel-label">
8104                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp)'>
8105
8106
8107                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8108                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
8109                                                                                    
8110
8111<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
8112    MSRP
8113</div>
8114<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div>
8115
8116
8117                                                                                </div>
8118                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div>
8119                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
8120                                                                                            <span>Total Fee</span>
8121                                                                                            <sp
8121an class="d-flex pl-2">
8122                                                                                                &#x2B;$175
8123                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
8124                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
8125                                                                                                </span>
8126                                                                                            </span>
8127                                                                                        </div>
8128                                                                            <div id="kmhrc8a36tu496338-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8129                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
8130                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8131                                                                            </span>
8132                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a36tu496338-unlock-discount-price"></label></span>
8133                                                                        </div>
8134                                                                        <div id="kmhrc8a36tu496338-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
8135                                                                            <div class="mr-2" style="color:#002C5E">
8136                                                                                <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span>
8137                                                                            </div>
8138                                                                            <div id="kmhrc8a36tu496338-your-price-hide" class=" " style="color:#002C5E">$24,710</div>
8139                                                                        </div>
8140                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
8141                                                                                <div class="mr-2" style="color:#002C5E">
8142                                                                                    <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span>
8143                                                                                </div>
8144                                                                                <div id="kmhrc8a36tu496338-your-price" class=" " style="color:#002C5E">$24,710</div>
8145                                                                            </div>
8146
8147
8148
8149
8150                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
8150dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
8150StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A36TU496338&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
8151                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8152                                                                                :pricedata="{'msrp':'25035','yourPrice':'24710'}"
8153                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8154                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8155                                                    <div class="color-black ft-16 mt-1">
8156            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
8157                Disclosure
8158            </div>
8159</div>
8160
8161                                                </div>
8162
8163                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'>
8164                                                                    <div v-if="!unlockHideMsrp">
8165                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8166                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8167                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8168                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
8169                                                                        </div>
8170                                                                    </div>
8171
8172                                                </div>
8173                                            </div>
8174                                </div>
8175                            </div>
8176                        </div>
8177                        <div id="cta-params-KMHRC8A36TU496338"
8178                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24710.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8179                        </div>
8180
8181                        <div>
8182
8183                            <vehicle-badges model="Venue"
8184                                            :current="'srp'"
8185                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
8186                                            :eyesight="''"
8187                                            :starlink="''"
8188                                            :von="''"
8189                                            :onorder="''"
8190                                            :vin="'KMHRC8A36TU496338'"
8191                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease'"
8192                                            :vehicle-badges-top-srp="'False'"
8193                                            :year="'2026'"
8194                                            :in-transit-background-color-srp="''"
8195                                            :in-transit-badge-color-srp="''"
8196                                            :in-production-background-color-srp="''"
8197                                            :in-production-badge-color-srp="''"
8198                                            @opendisclaimer="openDisclaimerPopup($event)">
8199                            </vehicle-badges>
8200
8201                                <div class="d-flex flex-wrap">
8202                                    
8203
8204
8205
8206
8207
8208
8209                                </div>
8210                        </div>
8211
8212
8213
8214                        <div class="d-flex flex-wrap srp-certified-img-section">
8215
8216
8217
8218
8219
8220
8221
8222
8223                        </div>
8224
8225                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8226                            <subaru-badge-new model="Venue"
8227                                            year="2026"
8228                                            make="Hyundai"
8229                                            type="New"
8230                                            :current="'srp'"
8231                                            :transit="'False'"
8232                                            :eyesight="''"
8233                                            :starlink="''"
8234                                            :von="''"
8235                                            :onorder="''"
8236                                            :vin="'KMHRC8A36TU496338'"
8237                                            :hide-in-transit="'False'"
8238                                            :vehicle-badges-top-srp="'False'"
8239                                            :subaru-consumer-report-class="''"
8240                                            :in-transit-background-color-srp="''"
8241                                            :in-transit-badge-color-srp="''"
8242                                            >
8243                            </subaru-badge-new>
8244                        </div>
8245
8246                    </div>
8247                </div>
8248
8249
8250
8251            </div>
8252        </a>
8253        <template v-if="true">
8254            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8255                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A36TU496338'" class="vehicle-data-overlay-container"
8256                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8257                     @keydown.esc.prevent="closeDetailsOverlay()"
8258                     @keydown.tab="srpOverlayTrapFocus($event)">
8259                    <div class="vehicle-overlay-data">
8260                        <div class="srp-overlay-options">
8261                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8262                                <div class="d-flex align-items-center" style="gap: 20px;">
8263                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8264                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8265                                    <h3 class="mb-0">Options</h3>
8266                                </div>
8267                                <div>
8268                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8269                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8270                                </div>
8271                            </div>
8272
8273                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8274                                <div class="overlay-nav-items px-3 pt-4">
8275                                    <div class="d-flex overlay-nav-item" tabindex="0"
8276                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: '
8276share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'share-options', label: 'Share' })">
8277                                        <em class="primaryicon-share-icon"></em>
8278                                        <span>Share</span>
8279                                    </div>
8280
8281                                        <div class="d-flex overlay-nav-item"
8282                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'key-features', label: 'Key Features' })">
8283                                            <em class="primaryicon-key-features-icon"></em>
8284                                            <span>Key Features</span>
8285                                        </div>
8286                                        <div class="d-flex overlay-nav-item"
8287                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A36TU496338")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A36TU496338")'>
8288                                            <em class="primaryicon-assistant-icon"></em>
8289                                            <span>Ask Us Anything</span>
8290                                        </div>
8291                                </div>
8292
8293                                <div class="pt-4 px-3 mt-3">
8294                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
8295                                        @keydown.space.prevent="$event.currentTarget.click()"
8296                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
8297                                        View Details
8298                                    </a>
8299                                </div>
8300                            </div>
8301                        </div>
8302                    </div>
8303                </div>
8304            </transition>
8305            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8306                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A36TU496338'"
8307                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8308                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8309                     @keydown.tab="srpOverlayTrapFocus($event)">
8310                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8311                        <div class="d-flex align-items-center" style="gap: 20px;">
8312                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8313                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8314                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8315                        </div>
8316                        <div>
8317                            <em class="primaryicon-close-icon-gray"
8318                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8319                        </div>
8320                    </div>
8321                    <div class="mt-3 pt-4 overlay-section-links">
8322                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8323                        <template v-if="!isLoadingOverlayDetails">
8324                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
8325                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
8325ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
8326                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
8327                        </template>
8328                    </div>
8329                </div>
8330            </transition>
8331        </template>
8332    </div>
8333        
8333<script type="application/javascript">
8334
8335            var rebatesString = "[]";
8336            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8337            localStorage.setItem("KMHRC8A39TU495846-rebates", formattedRebatesString);
8338
8339        </script>
8339
8340<div data-itemid="Hyundai-Venue-SEL-KMHRC8A39TU495846" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8341        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A39TU495846", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "9",msrp:"25115",yourPrice:"24790",sellingPrice:"24615",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A39TU495846", $event,{styleId:"477903"})'
8342        @mouseleave="clearMouseHoverValue()"
8343        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8344        used-large-box" style="height: 100%;">
8345
8346            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8347                <div class="position-relative">
8348                    <div class="srp-top-badges">
8349                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
8350                            <div class="d-flex align-items-center gap-10">
8351                            </div>
8352                        </div>
8353
8354                    </div>
8355
8356
8357                    <div id="EZ360_CVDP"></div>
8358
8359                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8360                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A39TU495846'" class="vehicle-box__image">
8361                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A39TU495846&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=SAW&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
8362                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
8363                                                    @mouseover="srpImageHover('477903', 'KMHRC8A39TU495846', 'color=SAW')" />
8364
8365                        </div>
8366
8367                        <div class="dp-srp-evox-media-KMHRC8A39TU495846" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A39TU495846'"></div>
8368
8369                        <div class="vehicle-info-icon">
8370                            <em
8371                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A39TU495846')"
8372                            class="primaryicon-options-btn-new info-icon-css"
8373                            data-vin="KMHRC8A39TU495846"
8374                            tabindex="0"
8375                            role="button"
8376                            aria-label="Vehicle info"
8377                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')"
8378                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')"
8379                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8380                        </div>
8381                    </div>
8382
8383
8384                    <div class="vehiclebox-info-section p-3">
8385                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8386                            <div class="d-flex">
8387                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8388                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8389                                        2026 Hyundai Venue SEL
8390                                    </h2>
8391                                </div>
8392                            </div>
8393                        </div>
8394
8395                        <div class="vehicle-summary-section mt-3 ">
8396                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8397                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8398            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp)'>
8399                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
8400                                            <div class="mr-2" style="color:#002
8400C5E">
8401                                                <span id="kmhrc8a39tu495846-price-summary-label">Your Price</span>
8402                                            </div>
8403                                            <div id="kmhrc8a39tu495846-price-summary-value" class=" " style="color:#002C5E">$24,790</div>
8404                                        </div>
8405
8406            </div>
8407            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'>
8408                                <div v-if="!unlockHideMsrp">
8409                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8410                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8411                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
8412                                    </div>
8413                                </div>
8414
8415            </div>
8416        </div>
8417
8418                            </div>
8419
8420                                <template v-if="true">
8421                                    <div class="vehicle-summary-cta flex-1">
8422                                        <object>
8423                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
8424                <a v-if="applySecondaryDesign" href=""
8425                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8426                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8427                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8428                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8429                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
8430                <a v-else href=""
8431                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8432                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8433                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
8433ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8434                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8435                   @mouseover="onCTABtnHover('', '', '', $event)">
8436                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
8437                    Get Out The Door Price
8438                </a>
8439            </div>
8440
8441                                        </object>
8442                                    </div>
8443                                </template>
8444                        </div>
8445<div class="color-black ft-16 mt-1">
8446            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
8447                Disclosure
8448            </div>
8449</div>
8450
8451                            <div class="color-black ft-12 d-flex gap-5 mt-2">
8452                                <div class="color-gray">Location:</div>
8453                                <div>City World Hyundai</div>
8454                            </div>
8455
8456                        <div class="show section-separator my-4"></div>
8457
8458
8459                            <template v-if="true">
8460                                <object>
8461                                    <div class="app-level-cta-container">
8462                                            <div class="primary-button-parent unlock-discount">
8463                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
8464                                                    term="72"
8465                                                    payment-type="cash"
8466                                                    down-payment="3767.0"
8467                                                    miles="5"
8468                                                    lender-number="103"
8469                                                    msrp="25115"
8470                                                    rebates="0"
8471                                                    page-type="srp"
8472                                                    vin=KMHRC8A39TU495846
8473                                                    :your-price=24790
8474                                                    style-id=477903
8475                                                    vdp-account-id=42268
8476                                                    :page-reload="false"
8477                                                    :price-unlocked-vins="priceUnlockedVins"
8478                                                    @loadpayments="loadPaymentsForUnlockDiscount"
8479                                                    inventory-type=new></unlock-discount>
8480                                                </div>
8481
8482
8483                                            <div class="primary-button-parent srp-view-details-transact-button-container">
8484                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
8485                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A39TU495846");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
8486                                                    @keydown.space.prevent="$event.currentTarget.click()"
8487                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
8488                                                     bgcolor-primary "
8489                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
8490                                                    Explore Payment Options
8491                                                </a>
8492                                            </div>
8493
8494
8495
8496
8497
8498                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A39TU495846","false"==="true"))' class="primary-button-parent">
8499                                                    <a :style="ctaBtnStyles"
8500                                                     tabindex="0" role="button"
8501                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
8501ort-utility?type=lease", "KMHRC8A39TU495846", "New")'
8502                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A39TU495846", "New")'
8503                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
8504                                                        {{inventorySettings.data.buttonLabel}}
8505                                                    </a>
8506                                                 </div>
8507                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
8508                                                                    <a v-if="applySecondaryDesign" href=""
8509                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8510                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8511                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8512                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8513                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8514                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
8515                                                                    <a v-else href=""
8516                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8517                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8518                                                                        @click.prevent="
8519                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
8519ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8520                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8521                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8522                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8523                                                                        Value Your Trade
8524                                                                    </a>
8525                                                                </div>
8526                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
8527                                                                    <a v-if="applySecondaryDesign" href=""
8528                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8529                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8530                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8531                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
8531ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8532                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8533                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
8534                                                                    <a v-else href=""
8535                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8536                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8537                                                                        @click.prevent="
8538                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8539                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8540                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8541                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8542                                                                        Check Availability 
8543                                                                    </a>
8544                                                                </div>
8545
8546
8547
8548
8549                                    </div>
8550                                </object>
8551                            </template>
8552
8553                            <div class="mt-3">
8554
8555
8556                                <div class="inventory-btns" style="width:100%;" v-cloak>
8557
8558
8559                                    <object class="d-flex flex-column primary-inventory-btn-group">
8560                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8561                                        <div class="pi-pullup-container"></div>
8562                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8563
8564                                        <div class="dvs_vin_btn" vin="KMHRC8A39TU495846"></div>
8565
8566
8567
8568                                                    <div class="d-flex mt-2 primary-button-parent">
8569                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A39TU495846"
8570                                                        style="color: initial; background-color: initial;"
8571                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
8572                                                        @mouseover="onRoadSterButtonHover('','', $event)"
8573                                                        @keydown.space.prevent="$event.currentTarget.click()"
8574                                                        class="bgcolor-primary
8575                                                                                    w-100
8576                                                                                    d-flex
8577                                                                                    justify-content-center
8578                                                                                    align-items-center
8579                                                                                    payment-panel-rounded-buttons
8580                                                        text-white text-center
8581                                                                                    no-hover
8582                                                                                    rounded-buttons py-2 px-2
8583                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
8584                                                                                    ">Search Payments </a>
8585                                                    </div>
8586
8587
8588
8589                                    </object>
8590
8591
8592
8593
8594
8595
8596
8597
8598
8599                                    
8600
8601
8602
8603
8604
8605
8606
8607
8608
8609                                </div>
8610
8611
8612                                    <div class="my-2 w-100 text-center">
8613                                        <div class="les_video" les_vin="KMHRC8A39TU495846"></div>
8614                                    </div>
8615
8616
8617
8618
8619                            </div>
8620
8621                            <active-engage-widget v-if="isEnableActivEngageSrp"
8622                                                custom-class="py-2 ft-12"></active-engage-widget>
8623                        <div class="srp-tabs-section mt-3">
8624                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8625                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details' }"
8626                                    tabindex="0" role="tab"
8627                                    aria-label="Details"
8628                                    :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details'"
8629                                    aria-controls="tab-panel-details-KMHRC8A39TU495846"
8630                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')"
8631                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')">
8632                                        Details
8633                                    </div>
8634                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments' }"
8635                                tabindex="0" role="tab"
8636                                aria-label="Pricing"
8637                                :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments'"
8638                                aria-controls="tab-panel-payments-KMHRC8A39TU495846"
8639                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')"
8640                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')">
8641                                    Pricing
8642                                </div>
8643                            </div>
8644
8645                            <div class="srp-tab-content">
8646                                <div :class="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A39TU495846" aria-label="Details">
8647                                    <div class="vehicle-details-list">
8648
8649                                            <div class="details-item-row ">
8650                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
8651                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
8652                                                        <div id="copy_vin" class="d-inline">KMHRC8A39TU495846</div>
8653                                                    </div>
8654                                            </div>
8655
8656                                            <div class="details-item-row">
8657                                                <div class="details-item-label">Stock #</div>
8658                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8659                                                    <div id="copy_stock" class="d-inline">26H2262</div>
8660                                                </div>
8661                                            </div>
8662
8663                                        
8664
8665                                            <div class="details-item-row">
8666                                                <div class="details-item-label">Model Code</div>
8667                                                <div class="details-item-value">#VN2AFD56W5A5</div>
8668                                            </div>
8669
8670                                            <div class="details-item-row">
8671                                                <div class="details-item-label">Exterior</div>
8672                                                <div class="details-item-value d-flex align-items-center">
8673                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div>
8674                                                        <div class="ml-2">Lunar White</div>
8675                                                </div>
8676                                            </div>
8677
8678                                            <div class="details-item-row">
8679                                                <div class="details-item-label">Interior</div>
8680                                                <div class="details-item-value d-flex align-items-center">
8681                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
8682                                                    <div class="ml-2 interior-word-break">Gray</div>
8683                                                </div>
8684                                            </div>
8685
8686                                            <div class="details-item-row">
8687                                                <div class="details-item-label">Drivetrain</div>
8688                                                <div class="details-item-value">FWD</div>
8689                                            </div>
8690
8691                                            <div class="details-item-row">
8692                                                <div class="details-item-label">Engine</div>
8693                                                        <div class="details-item-value">
8693Regular Gasoline I-4 1.6 L/98</div>
8694                                            </div>
8695                                            <div class="details-item-row">
8696                                                <div class="details-item-label">Transmission</div>
8697                                                <div class="details-item-value">CVT</div>
8698                                            </div>
8699
8700                                    </div>
8701
8702                                </div>
8703                                <div :class="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A39TU495846" aria-label="Pricing">
8704                                            <div class="msrppanel-label">
8705                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp)'>
8706
8707
8708                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8709                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
8710                                                                                    
8711
8712<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
8713    MSRP
8714</div>
8715<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div>
8716
8717
8718                                                                                </div>
8719                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div>
8720                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
8721                                                                                            <span>Total Fee</span>
8722                                                                                            <span class="d-flex pl-2">
8723                                                                                                &#x2B;$175
8724                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
8725                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
8725Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
8726                                                                                                </span>
8727                                                                                            </span>
8728                                                                                        </div>
8729                                                                            <div id="kmhrc8a39tu495846-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8730                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
8731                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8732                                                                            </span>
8733                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a39tu495846-unlock-discount-price"></label></span>
8734                                                                        </div>
8735                                                                        <div id="kmhrc8a39tu495846-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
8736                                                                            <div class="mr-2" style="color:#002C5E">
8737                                                                                <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span>
8738                                                                            </div>
8739                                                                            <div id="kmhrc8a39tu495846-your-price-hide" class=" " style="color:#002C5E">$24,790</div>
8740                                                                        </div>
8741                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
8742                                                                                <div class="mr-2" style="color:#002C5E">
8743                                                                                    <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span>
8744                                                                                </div>
8745                                                                                <div id="kmhrc8a39tu495846-your-price" class=" " style="color:#002C5E">$24,790</div>
8746                                                                            </div>
8747
8748
8749
8750
8751                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
8751dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
8751StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A39TU495846&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
8752                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8753                                                                                :pricedata="{'msrp':'25115','yourPrice':'24790'}"
8754                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8755                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8756                                                    <div class="color-black ft-16 mt-1">
8757            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
8758                Disclosure
8759            </div>
8760</div>
8761
8762                                                </div>
8763
8764                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'>
8765                                                                    <div v-if="!unlockHideMsrp">
8766                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8767                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8768                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8769                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
8770                                                                        </div>
8771                                                                    </div>
8772
8773                                                </div>
8774                                            </div>
8775                                </div>
8776                            </div>
8777                        </div>
8778                        <div id="cta-params-KMHRC8A39TU495846"
8779                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24790.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8780                        </div>
8781
8782                        <div>
8783
8784                            <vehicle-badges model="Venue"
8785                                            :current="'srp'"
8786                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
8787                                            :eyesight="''"
8788                                            :starlink="''"
8789                                            :von="''"
8790                                            :onorder="''"
8791                                            :vin="'KMHRC8A39TU495846'"
8792                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease'"
8793                                            :vehicle-badges-top-srp="'False'"
8794                                            :year="'2026'"
8795                                            :in-transit-background-color-srp="''"
8796                                            :in-transit-badge-color-srp="''"
8797                                            :in-production-background-color-srp="''"
8798                                            :in-production-badge-color-srp="''"
8799                                            @opendisclaimer="openDisclaimerPopup($event)">
8800                            </vehicle-badges>
8801
8802                                <div class="d-flex flex-wrap">
8803                                    
8804
8805
8806
8807
8808
8809
8810                                </div>
8811                        </div>
8812
8813
8814
8815                        <div class="d-flex flex-wrap srp-certified-img-section">
8816
8817
8818
8819
8820
8821
8822
8823
8824                        </div>
8825
8826                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8827                            <subaru-badge-new model="Venue"
8828                                            year="2026"
8829                                            make="Hyundai"
8830                                            type="New"
8831                                            :current="'srp'"
8832                                            :transit="'False'"
8833                                            :eyesight="''"
8834                                            :starlink="''"
8835                                            :von="''"
8836                                            :onorder="''"
8837                                            :vin="'KMHRC8A39TU495846'"
8838                                            :hide-in-transit="'False'"
8839                                            :vehicle-badges-top-srp="'False'"
8840                                            :subaru-consumer-report-class="''"
8841                                            :in-transit-background-color-srp="''"
8842                                            :in-transit-badge-color-srp="''"
8843                                            >
8844                            </subaru-badge-new>
8845                        </div>
8846
8847                    </div>
8848                </div>
8849
8850
8851
8852            </div>
8853        </a>
8854        <template v-if="true">
8855            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8856                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A39TU495846'" class="vehicle-data-overlay-container"
8857                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8858                     @keydown.esc.prevent="closeDetailsOverlay()"
8859                     @keydown.tab="srpOverlayTrapFocus($event)">
8860                    <div class="vehicle-overlay-data">
8861                        <div class="srp-overlay-options">
8862                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8863                                <div class="d-flex align-items-center" style="gap: 20px;">
8864                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8865                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8866                                    <h3 class="mb-0">Options</h3>
8867                                </div>
8868                                <div>
8869                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8870                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8871                                </div>
8872                            </div>
8873
8874                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8875                                <div class="overlay-nav-items px-3 pt-4">
8876                                    <div class="d-flex overlay-nav-item" tabindex="0"
8877                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: '
8877share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'share-options', label: 'Share' })">
8878                                        <em class="primaryicon-share-icon"></em>
8879                                        <span>Share</span>
8880                                    </div>
8881
8882                                        <div class="d-flex overlay-nav-item"
8883                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'key-features', label: 'Key Features' })">
8884                                            <em class="primaryicon-key-features-icon"></em>
8885                                            <span>Key Features</span>
8886                                        </div>
8887                                        <div class="d-flex overlay-nav-item"
8888                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A39TU495846")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A39TU495846")'>
8889                                            <em class="primaryicon-assistant-icon"></em>
8890                                            <span>Ask Us Anything</span>
8891                                        </div>
8892                                </div>
8893
8894                                <div class="pt-4 px-3 mt-3">
8895                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
8896                                        @keydown.space.prevent="$event.currentTarget.click()"
8897                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
8898                                        View Details
8899                                    </a>
8900                                </div>
8901                            </div>
8902                        </div>
8903                    </div>
8904                </div>
8905            </transition>
8906            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8907                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A39TU495846'"
8908                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8909                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8910                     @keydown.tab="srpOverlayTrapFocus($event)">
8911                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8912                        <div class="d-flex align-items-center" style="gap: 20px;">
8913                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8914                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8915                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8916                        </div>
8917                        <div>
8918                            <em class="primaryicon-close-icon-gray"
8919                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8920                        </div>
8921                    </div>
8922                    <div class="mt-3 pt-4 overlay-section-links">
8923                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8924                        <template v-if="!isLoadingOverlayDetails">
8925                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
8926                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
8926ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
8927                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
8928                        </template>
8929                    </div>
8930                </div>
8931            </transition>
8932        </template>
8933    </div>
8934        
8934<script type="application/javascript">
8935
8936            var rebatesString = "[]";
8937            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8938            localStorage.setItem("KMHRC8A31TU495940-rebates", formattedRebatesString);
8939
8940        </script>
8940
8941<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU495940" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8942        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A31TU495940", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "10",msrp:"25115",yourPrice:"24790",sellingPrice:"24615",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU495940", $event,{styleId:"477903"})'
8943        @mouseleave="clearMouseHoverValue()"
8944        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8945        used-large-box" style="height: 100%;">
8946
8947            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8948                <div class="position-relative">
8949                    <div class="srp-top-badges">
8950                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
8951                            <div class="d-flex align-items-center gap-10">
8952                            </div>
8953                        </div>
8954
8955                    </div>
8956
8957
8958                    <div id="EZ360_CVDP"></div>
8959
8960                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8961                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU495940'" class="vehicle-box__image">
8962                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A31TU495940&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=R2T&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
8963                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
8964                                                    @mouseover="srpImageHover('477903', 'KMHRC8A31TU495940', 'color=R2T')" />
8965
8966                        </div>
8967
8968                        <div class="dp-srp-evox-media-KMHRC8A31TU495940" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU495940'"></div>
8969
8970                        <div class="vehicle-info-icon">
8971                            <em
8972                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU495940')"
8973                            class="primaryicon-options-btn-new info-icon-css"
8974                            data-vin="KMHRC8A31TU495940"
8975                            tabindex="0"
8976                            role="button"
8977                            aria-label="Vehicle info"
8978                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')"
8979                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')"
8980                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8981                        </div>
8982                    </div>
8983
8984
8985                    <div class="vehiclebox-info-section p-3">
8986                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8987                            <div class="d-flex">
8988                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8989                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8990                                        2026 Hyundai Venue SEL
8991                                    </h2>
8992                                </div>
8993                            </div>
8994                        </div>
8995
8996                        <div class="vehicle-summary-section mt-3 ">
8997                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8998                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8999            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp)'>
9000                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
9001                                            <div class="mr-2" style="color:#002
9001C5E">
9002                                                <span id="kmhrc8a31tu495940-price-summary-label">Your Price</span>
9003                                            </div>
9004                                            <div id="kmhrc8a31tu495940-price-summary-value" class=" " style="color:#002C5E">$24,790</div>
9005                                        </div>
9006
9007            </div>
9008            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'>
9009                                <div v-if="!unlockHideMsrp">
9010                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9011                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9012                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
9013                                    </div>
9014                                </div>
9015
9016            </div>
9017        </div>
9018
9019                            </div>
9020
9021                                <template v-if="true">
9022                                    <div class="vehicle-summary-cta flex-1">
9023                                        <object>
9024                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
9025                <a v-if="applySecondaryDesign" href=""
9026                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9027                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9028                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9029                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9030                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
9031                <a v-else href=""
9032                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9033                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9034                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9034ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9035                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9036                   @mouseover="onCTABtnHover('', '', '', $event)">
9037                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
9038                    Get Out The Door Price
9039                </a>
9040            </div>
9041
9042                                        </object>
9043                                    </div>
9044                                </template>
9045                        </div>
9046<div class="color-black ft-16 mt-1">
9047            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
9048                Disclosure
9049            </div>
9050</div>
9051
9052                            <div class="color-black ft-12 d-flex gap-5 mt-2">
9053                                <div class="color-gray">Location:</div>
9054                                <div>City World Hyundai</div>
9055                            </div>
9056
9057                        <div class="show section-separator my-4"></div>
9058
9059
9060                            <template v-if="true">
9061                                <object>
9062                                    <div class="app-level-cta-container">
9063                                            <div class="primary-button-parent unlock-discount">
9064                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
9065                                                    term="72"
9066                                                    payment-type="cash"
9067                                                    down-payment="3767.0"
9068                                                    miles="6"
9069                                                    lender-number="103"
9070                                                    msrp="25115"
9071                                                    rebates="0"
9072                                                    page-type="srp"
9073                                                    vin=KMHRC8A31TU495940
9074                                                    :your-price=24790
9075                                                    style-id=477903
9076                                                    vdp-account-id=42268
9077                                                    :page-reload="false"
9078                                                    :price-unlocked-vins="priceUnlockedVins"
9079                                                    @loadpayments="loadPaymentsForUnlockDiscount"
9080                                                    inventory-type=new></unlock-discount>
9081                                                </div>
9082
9083
9084                                            <div class="primary-button-parent srp-view-details-transact-button-container">
9085                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
9086                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU495940");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
9087                                                    @keydown.space.prevent="$event.currentTarget.click()"
9088                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
9089                                                     bgcolor-primary "
9090                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
9091                                                    Explore Payment Options
9092                                                </a>
9093                                            </div>
9094
9095
9096
9097
9098
9099                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU495940","false"==="true"))' class="primary-button-parent">
9100                                                    <a :style="ctaBtnStyles"
9101                                                     tabindex="0" role="button"
9102                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9102ort-utility?type=lease", "KMHRC8A31TU495940", "New")'
9103                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU495940", "New")'
9104                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
9105                                                        {{inventorySettings.data.buttonLabel}}
9106                                                    </a>
9107                                                 </div>
9108                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
9109                                                                    <a v-if="applySecondaryDesign" href=""
9110                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9111                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9112                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9113                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9114                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9115                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
9116                                                                    <a v-else href=""
9117                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9118                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9119                                                                        @click.prevent="
9120                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9120ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9121                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9122                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9123                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9124                                                                        Value Your Trade
9125                                                                    </a>
9126                                                                </div>
9127                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
9128                                                                    <a v-if="applySecondaryDesign" href=""
9129                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9130                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9131                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9132                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9132ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9133                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9134                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
9135                                                                    <a v-else href=""
9136                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9137                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9138                                                                        @click.prevent="
9139                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9140                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:359.52,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9141                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9142                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9143                                                                        Check Availability 
9144                                                                    </a>
9145                                                                </div>
9146
9147
9148
9149
9150                                    </div>
9151                                </object>
9152                            </template>
9153
9154                            <div class="mt-3">
9155
9156
9157                                <div class="inventory-btns" style="width:100%;" v-cloak>
9158
9159
9160                                    <object class="d-flex flex-column primary-inventory-btn-group">
9161                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9162                                        <div class="pi-pullup-container"></div>
9163                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9164
9165                                        <div class="dvs_vin_btn" vin="KMHRC8A31TU495940"></div>
9166
9167
9168
9169                                                    <div class="d-flex mt-2 primary-button-parent">
9170                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU495940"
9171                                                        style="color: initial; background-color: initial;"
9172                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
9173                                                        @mouseover="onRoadSterButtonHover('','', $event)"
9174                                                        @keydown.space.prevent="$event.currentTarget.click()"
9175                                                        class="bgcolor-primary
9176                                                                                    w-100
9177                                                                                    d-flex
9178                                                                                    justify-content-center
9179                                                                                    align-items-center
9180                                                                                    payment-panel-rounded-buttons
9181                                                        text-white text-center
9182                                                                                    no-hover
9183                                                                                    rounded-buttons py-2 px-2
9184                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
9185                                                                                    ">Search Payments </a>
9186                                                    </div>
9187
9188
9189
9190                                    </object>
9191
9192
9193
9194
9195
9196
9197
9198
9199
9200                                    
9201
9202
9203
9204
9205
9206
9207
9208
9209
9210                                </div>
9211
9212
9213                                    <div class="my-2 w-100 text-center">
9214                                        <div class="les_video" les_vin="KMHRC8A31TU495940"></div>
9215                                    </div>
9216
9217
9218
9219
9220                            </div>
9221
9222                            <active-engage-widget v-if="isEnableActivEngageSrp"
9223                                                custom-class="py-2 ft-12"></active-engage-widget>
9224                        <div class="srp-tabs-section mt-3">
9225                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9226                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details' }"
9227                                    tabindex="0" role="tab"
9228                                    aria-label="Details"
9229                                    :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details'"
9230                                    aria-controls="tab-panel-details-KMHRC8A31TU495940"
9231                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')"
9232                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')">
9233                                        Details
9234                                    </div>
9235                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments' }"
9236                                tabindex="0" role="tab"
9237                                aria-label="Pricing"
9238                                :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments'"
9239                                aria-controls="tab-panel-payments-KMHRC8A31TU495940"
9240                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')"
9241                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')">
9242                                    Pricing
9243                                </div>
9244                            </div>
9245
9246                            <div class="srp-tab-content">
9247                                <div :class="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A31TU495940" aria-label="Details">
9248                                    <div class="vehicle-details-list">
9249
9250                                            <div class="details-item-row ">
9251                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
9252                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
9253                                                        <div id="copy_vin" class="d-inline">KMHRC8A31TU495940</div>
9254                                                    </div>
9255                                            </div>
9256
9257                                            <div class="details-item-row">
9258                                                <div class="details-item-label">Stock #</div>
9259                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9260                                                    <div id="copy_stock" class="d-inline">26H2311</div>
9261                                                </div>
9262                                            </div>
9263
9264                                        
9265
9266                                            <div class="details-item-row">
9267                                                <div class="details-item-label">Model Code</div>
9268                                                <div class="details-item-value">#VN2AFD56W5A5</div>
9269                                            </div>
9270
9271                                            <div class="details-item-row">
9272                                                <div class="details-item-label">Exterior</div>
9273                                                <div class="details-item-value d-flex align-items-center">
9274                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div>
9275                                                        <div class="ml-2">
9275Shimmering Silver</div>
9276                                                </div>
9277                                            </div>
9278
9279                                            <div class="details-item-row">
9280                                                <div class="details-item-label">Interior</div>
9281                                                <div class="details-item-value d-flex align-items-center">
9282                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
9283                                                    <div class="ml-2 interior-word-break">Black</div>
9284                                                </div>
9285                                            </div>
9286
9287                                            <div class="details-item-row">
9288                                                <div class="details-item-label">Drivetrain</div>
9289                                                <div class="details-item-value">FWD</div>
9290                                            </div>
9291
9292                                            <div class="details-item-row">
9293                                                <div class="details-item-label">Engine</div>
9294                                                        <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div>
9295                                            </div>
9296                                            <div class="details-item-row">
9297                                                <div class="details-item-label">Transmission</div>
9298                                                <div class="details-item-value">CVT</div>
9299                                            </div>
9300
9301                                    </div>
9302
9303                                </div>
9304                                <div :class="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A31TU495940" aria-label="Pricing">
9305                                            <div class="msrppanel-label">
9306                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp)'>
9307
9308
9309                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9310                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
9311                                                                                    
9312
9313<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
9314    MSRP
9315</div>
9316<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div>
9317
9318
9319                                                                                </div>
9320                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div>
9321                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
9322                                                                                            <span>Total Fee</span>
9323                                                                                            <sp
9323an class="d-flex pl-2">
9324                                                                                                &#x2B;$175
9325                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
9326                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
9327                                                                                                </span>
9328                                                                                            </span>
9329                                                                                        </div>
9330                                                                            <div id="kmhrc8a31tu495940-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9331                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
9332                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9333                                                                            </span>
9334                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu495940-unlock-discount-price"></label></span>
9335                                                                        </div>
9336                                                                        <div id="kmhrc8a31tu495940-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9337                                                                            <div class="mr-2" style="color:#002C5E">
9338                                                                                <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span>
9339                                                                            </div>
9340                                                                            <div id="kmhrc8a31tu495940-your-price-hide" class=" " style="color:#002C5E">$24,790</div>
9341                                                                        </div>
9342                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9343                                                                                <div class="mr-2" style="color:#002C5E">
9344                                                                                    <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span>
9345                                                                                </div>
9346                                                                                <div id="kmhrc8a31tu495940-your-price" class=" " style="color:#002C5E">$24,790</div>
9347                                                                            </div>
9348
9349
9350
9351
9352                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
9352dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
9352StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A31TU495940&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
9353                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9354                                                                                :pricedata="{'msrp':'25115','yourPrice':'24790'}"
9355                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9356                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9357                                                    <div class="color-black ft-16 mt-1">
9358            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
9359                Disclosure
9360            </div>
9361</div>
9362
9363                                                </div>
9364
9365                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'>
9366                                                                    <div v-if="!unlockHideMsrp">
9367                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9368                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9369                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9370                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
9371                                                                        </div>
9372                                                                    </div>
9373
9374                                                </div>
9375                                            </div>
9376                                </div>
9377                            </div>
9378                        </div>
9379                        <div id="cta-params-KMHRC8A31TU495940"
9380                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24790.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9381                        </div>
9382
9383                        <div>
9384
9385                            <vehicle-badges model="Venue"
9386                                            :current="'srp'"
9387                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
9388                                            :eyesight="''"
9389                                            :starlink="''"
9390                                            :von="''"
9391                                            :onorder="''"
9392                                            :vin="'KMHRC8A31TU495940'"
9393                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease'"
9394                                            :vehicle-badges-top-srp="'False'"
9395                                            :year="'2026'"
9396                                            :in-transit-background-color-srp="''"
9397                                            :in-transit-badge-color-srp="''"
9398                                            :in-production-background-color-srp="''"
9399                                            :in-production-badge-color-srp="''"
9400                                            @opendisclaimer="openDisclaimerPopup($event)">
9401                            </vehicle-badges>
9402
9403                                <div class="d-flex flex-wrap">
9404                                    
9405
9406
9407
9408
9409
9410
9411                                </div>
9412                        </div>
9413
9414
9415
9416                        <div class="d-flex flex-wrap srp-certified-img-section">
9417
9418
9419
9420
9421
9422
9423
9424
9425                        </div>
9426
9427                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9428                            <subaru-badge-new model="Venue"
9429                                            year="2026"
9430                                            make="Hyundai"
9431                                            type="New"
9432                                            :current="'srp'"
9433                                            :transit="'False'"
9434                                            :eyesight="''"
9435                                            :starlink="''"
9436                                            :von="''"
9437                                            :onorder="''"
9438                                            :vin="'KMHRC8A31TU495940'"
9439                                            :hide-in-transit="'False'"
9440                                            :vehicle-badges-top-srp="'False'"
9441                                            :subaru-consumer-report-class="''"
9442                                            :in-transit-background-color-srp="''"
9443                                            :in-transit-badge-color-srp="''"
9444                                            >
9445                            </subaru-badge-new>
9446                        </div>
9447
9448                    </div>
9449                </div>
9450
9451
9452
9453            </div>
9454        </a>
9455        <template v-if="true">
9456            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9457                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU495940'" class="vehicle-data-overlay-container"
9458                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9459                     @keydown.esc.prevent="closeDetailsOverlay()"
9460                     @keydown.tab="srpOverlayTrapFocus($event)">
9461                    <div class="vehicle-overlay-data">
9462                        <div class="srp-overlay-options">
9463                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9464                                <div class="d-flex align-items-center" style="gap: 20px;">
9465                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9466                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9467                                    <h3 class="mb-0">Options</h3>
9468                                </div>
9469                                <div>
9470                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9471                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9472                                </div>
9473                            </div>
9474
9475                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9476                                <div class="overlay-nav-items px-3 pt-4">
9477                                    <div class="d-flex overlay-nav-item" tabindex="0"
9478                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: '
9478share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'share-options', label: 'Share' })">
9479                                        <em class="primaryicon-share-icon"></em>
9480                                        <span>Share</span>
9481                                    </div>
9482
9483                                        <div class="d-flex overlay-nav-item"
9484                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'key-features', label: 'Key Features' })">
9485                                            <em class="primaryicon-key-features-icon"></em>
9486                                            <span>Key Features</span>
9487                                        </div>
9488                                        <div class="d-flex overlay-nav-item"
9489                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A31TU495940")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A31TU495940")'>
9490                                            <em class="primaryicon-assistant-icon"></em>
9491                                            <span>Ask Us Anything</span>
9492                                        </div>
9493                                </div>
9494
9495                                <div class="pt-4 px-3 mt-3">
9496                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
9497                                        @keydown.space.prevent="$event.currentTarget.click()"
9498                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
9499                                        View Details
9500                                    </a>
9501                                </div>
9502                            </div>
9503                        </div>
9504                    </div>
9505                </div>
9506            </transition>
9507            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9508                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU495940'"
9509                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9510                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9511                     @keydown.tab="srpOverlayTrapFocus($event)">
9512                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9513                        <div class="d-flex align-items-center" style="gap: 20px;">
9514                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9515                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9516                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9517                        </div>
9518                        <div>
9519                            <em class="primaryicon-close-icon-gray"
9520                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9521                        </div>
9522                    </div>
9523                    <div class="mt-3 pt-4 overlay-section-links">
9524                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9525                        <template v-if="!isLoadingOverlayDetails">
9526                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
9527                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9527ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
9528                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
9529                        </template>
9530                    </div>
9531                </div>
9532            </transition>
9533        </template>
9534    </div>
9535        
9535<script type="application/javascript">
9536
9537            var rebatesString = "[]";
9538            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9539            localStorage.setItem("KMHRC8A34TU496449-rebates", formattedRebatesString);
9540
9541        </script>
9541
9542<div data-itemid="Hyundai-Venue-SEL-KMHRC8A34TU496449" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9543        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A34TU496449", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "11",msrp:"25165",yourPrice:"24840",sellingPrice:"24665",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A34TU496449", $event,{styleId:"477903"})'
9544        @mouseleave="clearMouseHoverValue()"
9545        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9546        used-large-box" style="height: 100%;">
9547
9548            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9549                <div class="position-relative">
9550                    <div class="srp-top-badges">
9551                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
9552                            <div class="d-flex align-items-center gap-10">
9553                            </div>
9554                        </div>
9555
9556                    </div>
9557
9558
9559                    <div id="EZ360_CVDP"></div>
9560
9561                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9562                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A34TU496449'" class="vehicle-box__image">
9563                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&amp;vin=KMHRC8A34TU496449&amp;vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A2B&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
9564                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
9565                                                    @mouseover="srpImageHover('477903', 'KMHRC8A34TU496449', 'color=A2B')" />
9566
9567                        </div>
9568
9569                        <div class="dp-srp-evox-media-KMHRC8A34TU496449" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A34TU496449'"></div>
9570
9571                        <div class="vehicle-info-icon">
9572                            <em
9573                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A34TU496449')"
9574                            class="primaryicon-options-btn-new info-icon-css"
9575                            data-vin="KMHRC8A34TU496449"
9576                            tabindex="0"
9577                            role="button"
9578                            aria-label="Vehicle info"
9579                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A34TU496449')"
9580                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A34TU496449')"
9581                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9582                        </div>
9583                    </div>
9584
9585
9586                    <div class="vehiclebox-info-section p-3">
9587                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9588                            <div class="d-flex">
9589                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9590                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9591                                        2026 Hyundai Venue SEL
9592                                    </h2>
9593                                </div>
9594                            </div>
9595                        </div>
9596
9597                        <div class="vehicle-summary-section mt-3 ">
9598                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9599                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9600            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):showMsrp)'>
9601                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
9602                                            <div class="mr-2" style="color:#002
9602C5E">
9603                                                <span id="kmhrc8a34tu496449-price-summary-label">Your Price</span>
9604                                            </div>
9605                                            <div id="kmhrc8a34tu496449-price-summary-value" class=" " style="color:#002C5E">$24,840</div>
9606                                        </div>
9607
9608            </div>
9609            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):!showMsrp )'>
9610                                <div v-if="!unlockHideMsrp">
9611                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9612                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9613                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,165</div>
9614                                    </div>
9615                                </div>
9616
9617            </div>
9618        </div>
9619
9620                            </div>
9621
9622                                <template v-if="true">
9623                                    <div class="vehicle-summary-cta flex-1">
9624                                        <object>
9625                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
9626                <a v-if="applySecondaryDesign" href=""
9627                   style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9628                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9629                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9630                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9631                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> Get Out The Door Price</a>
9632                <a v-else href=""
9633                   style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9634                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9635                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Get Out The Door Price&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sp
9635ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9636                   @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9637                   @mouseover="onCTABtnHover('', '', '', $event)">
9638                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
9639                    Get Out The Door Price
9640                </a>
9641            </div>
9642
9643                                        </object>
9644                                    </div>
9645                                </template>
9646                        </div>
9647<div class="color-black ft-16 mt-1">
9648            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
9649                Disclosure
9650            </div>
9651</div>
9652
9653                            <div class="color-black ft-12 d-flex gap-5 mt-2">
9654                                <div class="color-gray">Location:</div>
9655                                <div>City World Hyundai</div>
9656                            </div>
9657
9658                        <div class="show section-separator my-4"></div>
9659
9660
9661                            <template v-if="true">
9662                                <object>
9663                                    <div class="app-level-cta-container">
9664                                            <div class="primary-button-parent unlock-discount">
9665                                                    <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
9666                                                    term="72"
9667                                                    payment-type="cash"
9668                                                    down-payment="3774.0"
9669                                                    miles="3"
9670                                                    lender-number="103"
9671                                                    msrp="25165"
9672                                                    rebates="0"
9673                                                    page-type="srp"
9674                                                    vin=KMHRC8A34TU496449
9675                                                    :your-price=24840
9676                                                    style-id=477903
9677                                                    vdp-account-id=42268
9678                                                    :page-reload="false"
9679                                                    :price-unlocked-vins="priceUnlockedVins"
9680                                                    @loadpayments="loadPaymentsForUnlockDiscount"
9681                                                    inventory-type=new></unlock-discount>
9682                                                </div>
9683
9684
9685                                            <div class="primary-button-parent srp-view-details-transact-button-container">
9686                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease#Transact" target="_self"
9687                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A34TU496449");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
9688                                                    @keydown.space.prevent="$event.currentTarget.click()"
9689                                                    class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button
9690                                                     bgcolor-primary "
9691                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
9692                                                    Explore Payment Options
9693                                                </a>
9694                                            </div>
9695
9696
9697
9698
9699
9700                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A34TU496449","false"==="true"))' class="primary-button-parent">
9701                                                    <a :style="ctaBtnStyles"
9702                                                     tabindex="0" role="button"
9703                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sp
9703ort-utility?type=lease", "KMHRC8A34TU496449", "New")'
9704                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A34TU496449", "New")'
9705                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
9706                                                        {{inventorySettings.data.buttonLabel}}
9707                                                    </a>
9708                                                 </div>
9709                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
9710                                                                    <a v-if="applySecondaryDesign" href=""
9711                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9712                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9713                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9714                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9715                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9716                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
9717                                                                    <a v-else href=""
9718                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9719                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9720                                                                        @click.prevent="
9721                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sp
9721ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9722                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value Your Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9723                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9724                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9725                                                                        Value Your Trade
9726                                                                    </a>
9727                                                                </div>
9728                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
9729                                                                    <a v-if="applySecondaryDesign" href=""
9730                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9731                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9732                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9733                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sp
9733ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9734                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9735                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
9736                                                                    <a v-else href=""
9737                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9738                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9739                                                                        @click.prevent="
9740                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9741                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Hyundai&quot;,&quot;model&quot;:&quot;Venue&quot;,&quot;dealerId&quot;:42268,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Check Availability &quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;New&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:360.26,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2287&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9742                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9743                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9744                                                                        Check Availability 
9745                                                                    </a>
9746                                                                </div>
9747
9748
9749
9750
9751                                    </div>
9752                                </object>
9753                            </template>
9754
9755                            <div class="mt-3">
9756
9757
9758                                <div class="inventory-btns" style="width:100%;" v-cloak>
9759
9760
9761                                    <object class="d-flex flex-column primary-inventory-btn-group">
9762                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9763                                        <div class="pi-pullup-container"></div>
9764                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9765
9766                                        <div class="dvs_vin_btn" vin="KMHRC8A34TU496449"></div>
9767
9768
9769
9770                                                    <div class="d-flex mt-2 primary-button-parent">
9771                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A34TU496449"
9772                                                        style="color: initial; background-color: initial;"
9773                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
9774                                                        @mouseover="onRoadSterButtonHover('','', $event)"
9775                                                        @keydown.space.prevent="$event.currentTarget.click()"
9776                                                        class="bgcolor-primary
9777                                                                                    w-100
9778                                                                                    d-flex
9779                                                                                    justify-content-center
9780                                                                                    align-items-center
9781                                                                                    payment-panel-rounded-buttons
9782                                                        text-white text-center
9783                                                                                    no-hover
9784                                                                                    rounded-buttons py-2 px-2
9785                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
9786                                                                                    ">Search Payments </a>
9787                                                    </div>
9788
9789
9790
9791                                    </object>
9792
9793
9794
9795
9796
9797
9798
9799
9800
9801                                    
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811                                </div>
9812
9813
9814                                    <div class="my-2 w-100 text-center">
9815                                        <div class="les_video" les_vin="KMHRC8A34TU496449"></div>
9816                                    </div>
9817
9818
9819
9820
9821                            </div>
9822
9823                            <active-engage-widget v-if="isEnableActivEngageSrp"
9824                                                custom-class="py-2 ft-12"></active-engage-widget>
9825                        <div class="srp-tabs-section mt-3">
9826                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9827                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'details' }"
9828                                    tabindex="0" role="tab"
9829                                    aria-label="Details"
9830                                    :aria-selected="(activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'details'"
9831                                    aria-controls="tab-panel-details-KMHRC8A34TU496449"
9832                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A34TU496449')"
9833                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A34TU496449')">
9834                                        Details
9835                                    </div>
9836                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'payments' }"
9837                                tabindex="0" role="tab"
9838                                aria-label="Pricing"
9839                                :aria-selected="(activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'payments'"
9840                                aria-controls="tab-panel-payments-KMHRC8A34TU496449"
9841                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A34TU496449')"
9842                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A34TU496449')">
9843                                    Pricing
9844                                </div>
9845                            </div>
9846
9847                            <div class="srp-tab-content">
9848                                <div :class="(activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A34TU496449" aria-label="Details">
9849                                    <div class="vehicle-details-list">
9850
9851                                            <div class="details-item-row ">
9852                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
9853                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
9854                                                        <div id="copy_vin" class="d-inline">KMHRC8A34TU496449</div>
9855                                                    </div>
9856                                            </div>
9857
9858                                            <div class="details-item-row">
9859                                                <div class="details-item-label">Stock #</div>
9860                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9861                                                    <div id="copy_stock" class="d-inline">26H2287</div>
9862                                                </div>
9863                                            </div>
9864
9865                                        
9866
9867                                            <div class="details-item-row">
9868                                                <div class="details-item-label">Model Code</div>
9869                                                <div class="details-item-value">#VN2AFD56W5A5</div>
9870                                            </div>
9871
9872                                            <div class="details-item-row">
9873                                                <div class="details-item-label">Exterior</div>
9874                                                <div class="details-item-value d-flex align-items-center">
9875                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #000000; border-radius: 50%"></div>
9876                                                        <div class="ml-2">Onyx Black</div>
9877                                                </div>
9878                                            </div>
9879
9880                                            <div class="details-item-row">
9881                                                <div class="details-item-label">Interior</div>
9882                                                <div class="details-item-value d-flex align-items-center">
9883                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
9884                                                    <div class="ml-2 interior-word-break">Black</div>
9885                                                </div>
9886                                            </div>
9887
9888                                            <div class="details-item-row">
9889                                                <div class="details-item-label">Drivetrain</div>
9890                                                <div class="details-item-value">FWD</div>
9891                                            </div>
9892
9893                                            <div class="details-item-row">
9894                                                <div class="details-item-label">Engine</div>
9895                                                        <div class="details-item-value">
9895Regular Gasoline I-4 1.6 L/98</div>
9896                                            </div>
9897                                            <div class="details-item-row">
9898                                                <div class="details-item-label">Transmission</div>
9899                                                <div class="details-item-value">CVT</div>
9900                                            </div>
9901
9902                                    </div>
9903
9904                                </div>
9905                                <div :class="(activeTabsByVin['KMHRC8A34TU496449'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A34TU496449" aria-label="Pricing">
9906                                            <div class="msrppanel-label">
9907                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):showMsrp)'>
9908
9909
9910                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25165' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9911                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
9912                                                                                    
9913
9914<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
9915    MSRP
9916</div>
9917<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,165</div>
9918
9919
9920                                                                                </div>
9921                                                                                    <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div>
9922                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
9923                                                                                            <span>Total Fee</span>
9924                                                                                            <span class="d-flex pl-2">
9925                                                                                                &#x2B;$175
9926                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
9927                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
9927Amount&quot;:175.0,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;FeeCategory&quot;:&quot;Registration&quot;,&quot;Disclaimer&quot;:&quot;&quot;,&quot;Hashtag&quot;:&quot;#DOCFEE&quot;}]'></paymentsdata-fees-icon-srp>
9928                                                                                                </span>
9929                                                                                            </span>
9930                                                                                        </div>
9931                                                                            <div id="kmhrc8a34tu496449-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9932                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
9933                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9934                                                                            </span>
9935                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a34tu496449-unlock-discount-price"></label></span>
9936                                                                        </div>
9937                                                                        <div id="kmhrc8a34tu496449-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9938                                                                            <div class="mr-2" style="color:#002C5E">
9939                                                                                <span id="kmhrc8a34tu496449-selling-price-label" class="p-0">Your Price</span>
9940                                                                            </div>
9941                                                                            <div id="kmhrc8a34tu496449-your-price-hide" class=" " style="color:#002C5E">$24,840</div>
9942                                                                        </div>
9943                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9944                                                                                <div class="mr-2" style="color:#002C5E">
9945                                                                                    <span id="kmhrc8a34tu496449-selling-price-label" class="p-0">Your Price</span>
9946                                                                                </div>
9947                                                                                <div id="kmhrc8a34tu496449-your-price" class=" " style="color:#002C5E">$24,840</div>
9948                                                                            </div>
9949
9950
9951
9952
9953                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;006&quot;,&quot;SpecialProgramName&quot;:&quot;College Graduate Program&quot;,&quot;Disclaimer&quot;:&quot;This Hyundai College Grad Program Offer (the \&quot;Offer\&quot;) is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
9953dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master&#x27;s, Bachelor&#x27;s or Associate&#x27;s degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.&quot;,&quot;StopDate&quot;:&quot;12/31/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;frp&quot;,&quot;SpecialProgramName&quot;:&quot;First Responders Program&quot;,&quot;Disclaimer&quot;:&quot;All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.&quot;,&quot;
9953StopDate&quot;:&quot;11/2/2026&quot;},{&quot;Vin&quot;:&quot;KMHRC8A34TU496449&quot;,&quot;OfferType&quot;:&quot;Cash&quot;,&quot;Cash&quot;:500,&quot;SpecialProgramIdentificationCode&quot;:&quot;mil&quot;,&quot;SpecialProgramName&quot;:&quot;Military Program&quot;,&quot;Disclaimer&quot;:&quot;Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).&quot;,&quot;StopDate&quot;:&quot;11/2/2026&quot;}]'
9954                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9955                                                                                :pricedata="{'msrp':'25165','yourPrice':'24840'}"
9956                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9957                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9958                                                    <div class="color-black ft-16 mt-1">
9959            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 10/31/2026.`,$event)'>
9960                Disclosure
9961            </div>
9962</div>
9963
9964                                                </div>
9965
9966                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A34TU496449", "false"==="true"):!showMsrp )'>
9967                                                                    <div v-if="!unlockHideMsrp">
9968                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25165' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9969                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9970                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9971                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,165</div>
9972                                                                        </div>
9973                                                                    </div>
9974
9975                                                </div>
9976                                            </div>
9977                                </div>
9978                            </div>
9979                        </div>
9980                        <div id="cta-params-KMHRC8A34TU496449"
9981                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24840.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9982                        </div>
9983
9984                        <div>
9985
9986                            <vehicle-badges model="Venue"
9987                                            :current="'srp'"
9988                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer&#x27;s control. Please contact your local Hyundai dealer for availability details.&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
9989                                            :eyesight="''"
9990                                            :starlink="''"
9991                                            :von="''"
9992                                            :onorder="''"
9993                                            :vin="'KMHRC8A34TU496449'"
9994                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease'"
9995                                            :vehicle-badges-top-srp="'False'"
9996                                            :year="'2026'"
9997                                            :in-transit-background-color-srp="''"
9998                                            :in-transit-badge-color-srp="''"
9999                                            :in-production-background-color-srp="''"
10000                                            :in-production-badge-color-srp="''"
10001                                            @opendisclaimer="openDisclaimerPopup($event)">
10002                            </vehicle-badges>
10003
10004                                <div class="d-flex flex-wrap">
10005                                    
10006
10007
10008
10009
10010
10011
10012                                </div>
10013                        </div>
10014
10015
10016
10017                        <div class="d-flex flex-wrap srp-certified-img-section">
10018
10019
10020
10021
10022
10023
10024
10025
10026                        </div>
10027
10028                        <div v-if="currentTheme == 'subaru'" class="mt-3">
10029                            <subaru-badge-new model="Venue"
10030                                            year="2026"
10031                                            make="Hyundai"
10032                                            type="New"
10033                                            :current="'srp'"
10034                                            :transit="'False'"
10035                                            :eyesight="''"
10036                                            :starlink="''"
10037                                            :von="''"
10038                                            :onorder="''"
10039                                            :vin="'KMHRC8A34TU496449'"
10040                                            :hide-in-transit="'False'"
10041                                            :vehicle-badges-top-srp="'False'"
10042                                            :subaru-consumer-report-class="''"
10043                                            :in-transit-background-color-srp="''"
10044                                            :in-transit-badge-color-srp="''"
10045                                            >
10046                            </subaru-badge-new>
10047                        </div>
10048
10049                    </div>
10050                </div>
10051
10052
10053
10054            </div>
10055        </a>
10056        <template v-if="true">
10057            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
10058                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A34TU496449'" class="vehicle-data-overlay-container"
10059                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
10060                     @keydown.esc.prevent="closeDetailsOverlay()"
10061                     @keydown.tab="srpOverlayTrapFocus($event)">
10062                    <div class="vehicle-overlay-data">
10063                        <div class="srp-overlay-options">
10064                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10065                                <div class="d-flex align-items-center" style="gap: 20px;">
10066                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
10067                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10068                                    <h3 class="mb-0">Options</h3>
10069                                </div>
10070                                <div>
10071                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
10072                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
10073                                </div>
10074                            </div>
10075
10076                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
10077                                <div class="overlay-nav-items px-3 pt-4">
10078                                    <div class="d-flex overlay-nav-item" tabindex="0"
10079                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A34TU496449', overlayType: '
10079share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A34TU496449', overlayType: 'share-options', label: 'Share' })">
10080                                        <em class="primaryicon-share-icon"></em>
10081                                        <span>Share</span>
10082                                    </div>
10083
10084                                        <div class="d-flex overlay-nav-item"
10085                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A34TU496449', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A34TU496449', overlayType: 'key-features', label: 'Key Features' })">
10086                                            <em class="primaryicon-key-features-icon"></em>
10087                                            <span>Key Features</span>
10088                                        </div>
10089                                        <div class="d-flex overlay-nav-item"
10090                                        tabindex="0" role="button" @click.prevent='openChatAssistant("KMHRC8A34TU496449")' @keydown.enter.space.prevent='openChatAssistant("KMHRC8A34TU496449")'>
10091                                            <em class="primaryicon-assistant-icon"></em>
10092                                            <span>Ask Us Anything</span>
10093                                        </div>
10094                                </div>
10095
10096                                <div class="pt-4 px-3 mt-3">
10097                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility?type=lease")' target="_self"
10098                                        @keydown.space.prevent="$event.currentTarget.click()"
10099                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
10100                                        View Details
10101                                    </a>
10102                                </div>
10103                            </div>
10104                        </div>
10105                    </div>
10106                </div>
10107            </transition>
10108            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
10109                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A34TU496449'"
10110                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
10111                     @keydown.esc.prevent="navigateToDetailsOverlay()"
10112                     @keydown.tab="srpOverlayTrapFocus($event)">
10113                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10114                        <div class="d-flex align-items-center" style="gap: 20px;">
10115                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
10116                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10117                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
10118                        </div>
10119                        <div>
10120                            <em class="primaryicon-close-icon-gray"
10121                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
10122                        </div>
10123                    </div>
10124                    <div class="mt-3 pt-4 overlay-section-links">
10125                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
10126                        <template v-if="!isLoadingOverlayDetails">
10127                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
10128                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sp
10128ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
10129                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
10130                        </template>
10131                    </div>
10132                </div>
10133            </transition>
10134        </template>
10135    </div>
10136</div>
10137<transact-button v-if="showTransactWidget" :vin="transactVin" call-from="srp" @closeexternaltransact="closeTransactWidget()"> </transact-button>
10138<evn-video-player-model v-if="showEvnModelPopup" :video-id="vinRealVideoId" @hidemodal="hideEvnVideoModel()"> </evn-video-player-model>
10139<sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
10140                   :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal>
10141<registration-modal> </registration-modal>
10142
10143    <unlock-price-discount-modal
10144      v-if="showUnlockDiscountModel"
10145      :vin="discountModelEventData.vin"
10146      :style-id="discountModelEventData.styleId"
10147      :vdp-account-id="discountModelEventData.vdpAccountId"
10148      :inventory-type="discountModelEventData.inventoryType"
10149      :unlock-data="unlockCtaDiscountEventDataByType"
10150      :discount-model-data="discountModelEventData"
10151      :final-adjustment-price="discountModelEventData.adjustmentPrice"
10152      @hidemodal="showUnlockDiscountModel = false"
10153      @loadpayments="loadPaymentsForUnlockDiscount"
10154    > </unlock-price-discount-modal>
10155
10156<b-modal v-model="showCustomLeadForm" id="showCustomLeadForm" hide-footer hide-header v-if="ctaCustomLeadFormId" modal-class="custom-lead-form-modal styled-mobile-custom-lead-form">
10157    <div class="custom_lead_forms">
10158        <div class="close_modal_icon text-right"><a @click.prevent="showCustomLeadForm = false" class="primaryicon-times text-dark cursor-pointer" style="text-decoration:none;opacity:0.5;"><span class="d-none">&nbsp;</span></a></div>
10159        <custom-lead-form :lead-type-id="Number(ctaCustomLeadFormId)" title=""
10160                          subheading="" heading="" :is-loading="true" :vin="ctaVin"></custom-lead-form>
10161    </div>
10162</b-modal>
10163<call-buttons v-if="showCTAModal" :display-close-btn="true" @hidemodal="showCTAModal = false" ></call-buttons>
10164<iframe-modal-auto v-if="showAutoCheckoutPopup" @hidemodal="showAutoCheckoutPopup = false" :url="autoCheckUrlValue"></iframe-modal-auto>
10165<cta-buttons-lead-form @onclose="openCTAButtonName=''"
10166                       :buttontype="openCTAButtonName" v-if="openCTAButtonName"></cta-buttons-lead-form>
10167
10168<inventory-listing-unlock-savings @hidemodal="opentheunlock=false"
10169                                  v-if="opentheunlock" :redirect="redirectUrl" :vin="unLockVin"></inventory-listing-unlock-savings>
10170
10171<pre-qualified-form-model :show-call-for-price-srp-used="'False' === 'True'" :show-call-for-price-srp-label-new="''"
10172                          :show-call-for-price-srp-label-used="''" :show-call-for-price-srp-new="'False' === 'True'"
10173                          msrplabel="MSRP" :srp-dealer-id="dealerId" :price-unlock-enabled="isUnLockFormEnabled" :srp="true" :vin="ctaVin" :term="term" v-if="showSoftPullModel" @hidemodal="closeSoftPullModal()"></pre-qualified-form-model>
10174
10175<schedule-test-drive-form v-if="showMaseratiTestDrivePopup"
10176                          @hidemodal="showMaseratiTestDrivePopup = false" details='{"FirstName":" ","LastName":" ",
10177                              "EmailAddress":" ","PhoneNumber":" "}'></schedule-test-drive-form>
10178<loading-bar v-if="showLoading" />
10179
10180
10181
10182<script type="application/javascript">
10183    window.smartPathIntegrationInventory = '';
10184    window.isMaseratiGrecaleSRPPopUp = 'False'.toLowerCase() === "true";
10185    window.isMaseratiGranTurismoSRPPopUp='False'.toLowerCase() === "true";
10186    window.finalConditionalPriceLabel = '';
10187    window.genesisCPOBadgefromSRP = 'False'.toLowerCase() === "true";
10188</script>
10188
10189
10190
10191          </div>
10192          <div>
10193              <div class="mb-3 py-3 d-flex justify-content-end">
10194                
10195<div>
10196    <ul class="inventory-pagination pagination m-0">
10197
10198                <li class="page-item active">
10199                    <a  @Click="paginationClick(`page 1`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
10200                       rel="">1</a>
10201                </li>
10202                <li class="page-item ">
10203                    <a  @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
10204                       rel="next">2</a>
10205                </li>
10206                <li class="page-item ">
10207                    <a  @Click="paginationClick(`page 3`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3"
10208                       rel="">3</a>
10209                </li>
10210                <li class="page-item ">
10211                    <a  @Click="paginationClick(`page 4`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4"
10212                       rel="">4</a>
10213                </li>
10214                <li class="page-item ">
10215                    <a  @Click="paginationClick(`page 5`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5"
10216                       rel="">5</a>
10217                </li>
10218                <li class="page-item ">
10219                    <a  @Click="paginationClick(`page 6`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=6`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=6"
10220                       rel="">6</a>
10221                </li>
10222                <li class="page-item ">
10223                    <a  @Click="paginationClick(`page 7`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=7`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=7"
10224                       rel="">7</a>
10225                </li>
10226                <li class="page-item ">
10227                    <a  @Click="paginationClick(`page 8`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=8`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=8"
10228                       rel="">8</a>
10229                </li>
10230                <li class="page-item ">
10231                    <a  @Click="paginationClick(`page 9`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=9`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=9"
10232                       rel="">9</a>
10233                </li>
10234                <li class="page-item ">
10235                    <a  @Click="paginationClick(`page 10`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=10`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=10"
10236                       rel="">10</a>
10237                </li>
10238
10239            <li class="page-item">
10240                <a  @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
10241            </li>
10242            <li class="page-item">
10243                <a  @Click="paginationClick(`page 27`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=27`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=27" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
10244            </li>
10245
10246    </ul>
10247</div>
10248
10249                <button @click="scrollToTop()" class="btn bgcolor-primary text-white ml-3 back-to-top-btn">Back to Top</button>
10250              </div>
10251          </div>
10252               <div id="seo-text" class="my-4 ft-12 text-justify container"><div class="bgcolor-white shadow p-4 rounded-box">
10253  <div class="container">
10254    <div class="row pb-1">
10255      <div class="col-12 text-left ft-14">
10256        <h2 class="font-weight-bold mt-2 ft-20">Frequently Asked Questions about Buying New Hyundai Vehicles in Bronx, NY</h2>
10257          
10258          <div class="row mt-3">
10259            <div class="col-12 col-lg-6 mb-3">
10260              <div class="faq-section">
10261                <details class="mb-2 border rounded">
10262                  <summary class="font-weight-bold p-3 bg-light rounded">What is the current new Hyundai model lineup available near Bronx, NY?</summary>
10263                  <div class="p-3"><p>Our City World Hyundai showroom in Bronx, NY features the latest Hyundai models, including versatile SUVs, efficient sedans, and innovative new vehicles. We encourage you to browse our online inventory or visit us to see the full range.</p></div>
10264                </details>
10265                
10266                <details class="mb-2 border rounded">
10267                  <summary class="font-weight-bold p-3 bg-light rounded">Which Hyundai models are popular for Bronx, NY commutes and weather?</summary>
10268                  <div class="p-3"><p>For Bronx, NY's diverse driving conditions, popular choices include fuel-efficient sedans for city commuting and robust SUVs offering confidence in various weather. We can help you find a model suited for your daily drives, whether you're near Manhattan, NY or heading towards Yonkers, NY.</p></div>
10269                </details>
10270                
10271                <details class="mb-2 border rounded">
10272                  <summary class="font-weight-bold p-3 bg-light rounded">Can I schedule a test drive of new Hyundai vehicles at City World Hyundai?</summary>
10273                  <div class="p-3"><p>Absolutely. Scheduling a test drive is a key step in finding your next vehicle. Contact our team at City World Hyundai to arrange a convenient time to experience a new Hyundai firsthand.</p></div>
10274                </details>
10275                
10276                <details class="mb-2 border rounded">
10277                  <summary class="font-weight-bold p-3 bg-light rounded">What is the trade-in process like at City World Hyundai?</summary>
10278                  <div class="p-3"><p>Our streamlined trade-in process makes it easy to get an estimate for your current vehicle. Visit our Value Your Trade page online or speak with our knowledgeable staff at City World Hyundai for a quick and fair assessment.</p></div>
10279                </details>
10280                
10281                <details class="mb-2 border rounded">
10282                  <summary class="font-weight-bold p-3 bg-light rounded">What financing programs are available for new Hyundai purchases?</summary>
10283                  <div class="p-3"><p>We offer a variety of financing options to suit your needs. Our finance team at City World Hyundai works with you to explore available programs and find a plan that fits your budget. You can get pre-approved by visiting our Get Financing page.</p></div>
10284                </details>
10285              </div>
10286            </div>
10287            
10288            <div class="col-12 col-lg-6 mb-3">
10289              <div class="border rounded p-4 text-center h-100 d-flex flex-column justify-content-center">
10290                <h3 class="font-weight-bold ft-18 mb-3">Have Additional Questions?</h3>
10291                <p class="mb-3">Our dedicated team at City World Hyundai is here to provide all the information you need. We are your local experts for all things Hyundai in Bronx, NY.</p>
10292                <p class="mb-3">From understanding the latest technology to finding the right fit for your lifestyle, we are committed to your satisfaction.</p>
10293                <p class="mb-4">Let us guide you through the selection and purchase process with confidence and ease.</p>
10294                <div class="row justify-content-center">
10295                  <div class="col-8 col-md-6">
10296                    <a href="/contactus" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover">Contact Us</a>
10297                  </div>
10298                </div>
10299              </div>
10300            </div>
10301          </div>
10302          
10303        <h2 class="font-weight-bold mt-4 ft-20">Why Hyundai Excels for Bronx, NY Drivers</h2>
10304           <p>Hyundai vehicles are engineered with a focus on reliability and innovation, making them an excellent choice for drivers in Bronx, NY. The brand's commitment to advanced technology and driver-centric design ensures a confident and enjoyable experience on every journey.</p>
10305           <p>Drivers near Manhattan, NY and Brooklyn, NY appreciate Hyundai's forward-thinking approach to automotive engineering. This dedication translates into vehicles that offer a compelling blend of performance, efficiency, and modern features.</p>
10306            <ul class="font-weight-bold">
10307              <li>Reputable Brand Engineering</li>
10308              <li>Leading Automotive Innovation</li>
10309              <li>Distinctive Market Position</li>
10310            </ul>
10311           <p>Experience the difference that thoughtful engineering makes, whether you're navigating the busy streets of Bronx, NY or enjoying a weekend drive towards White Plains, NY.</p>
10312           <p>Visit City World Hyundai to explore the quality and innovation that define the Hyundai brand.</p>
10313        <hr>
10314        <h2 class="font-weight-bold mt-2 ft-20">The Ideal Hyundai Lineup for Bronx, NY Conditions</h2>
10315          <p>The diverse Hyundai lineup offers vehicles perfectly suited for the dynamic needs of Bronx, NY drivers. From agile sedans ideal for city commuting to spacious SUVs ready for weekend adventures near Queens, NY, there's a Hyundai for every lifestyle.</p>
10316          <p>Navigating the varied weather and road conditions around Bronx, NY is made easier with Hyundai's thoughtfully designed vehicles. Whether you need enhanced traction for slick streets or ample cargo space for family outings, we have options that align with your daily requirements.</p>
10317            <ul class="font-weight-bold">
10318              <li>Versatile Models for Diverse Needs</li>
10319              <li>Weather-Ready Options</li>
10320              <li>Commuter-Friendly Choices</li>
10321            </ul>
10322           <p>Families heading to parks near Mount Vernon, NY or professionals commuting towards New Rochelle, NY will find vehicles that prioritize comfort and practicality.</p>
10323           <p>Discover the Hyundai model that fits your life at City World Hyundai.</p>
10324        <hr>
10325        <h2 class="font-weight-bold mt-2 ft-20">Local Expertise and Extensive Hyundai Selection</h2>
10326          <p>At City World Hyundai, we pride ourselves on being your local specialists for new Hyundai vehicles in Bronx, NY. Our deep understanding of the models and the needs of drivers in areas like Yonkers, NY and Stamford, 
10326CT allows us to provide unparalleled guidance.</p>
10327          <p>Our showroom boasts an impressive inventory, featuring a wide array of Hyundai models, trim levels, and color options. This extensive selection ensures you can compare vehicles side-by-side and find the perfect match for your preferences and driving habits.</p>
10328            <ul class="font-weight-bold">
10329              <li>Specialized Brand Knowledge</li>
10330              <li>Broad Model Availability</li>
10331              <li>Varied Trim Level Options</li>
10332            </ul>
10333           <p>We are dedicated to helping you find the right Hyundai, whether you're looking for advanced safety features or cutting-edge technology.</p>
10334           <p>Come experience the City World Hyundai difference for yourself.</p>
10335        <hr>
10336        <h2 class="font-weight-bold mt-2 ft-20">Why Choose City World Hyundai in Bronx, NY</h2>
10337          <p>Choosing City World Hyundai means you're partnering with a dealership that prioritizes your automotive needs and understands the local Bronx, NY community. Our convenient location makes it easy for residents from surrounding areas like Paterson, NJ and Jersey City, NJ to visit us.</p>
10338          <p>Our team consists of factory-trained technicians and knowledgeable sales professionals dedicated to providing exceptional service. We are committed to ensuring your vehicle is maintained to the highest standards using genuine Hyundai parts.</p>
10339            <ul class="font-weight-bold">
10340              <li>Certified Technicians On-Site</li>
10341              <li>Genuine Hyundai Parts Supply</li>
10342              <li>Trusted Local Dealership Reputation</li>
10343            </ul>
10344           <p>We are proud to serve drivers across Bronx, NY and beyond, offering a reliable and trustworthy automotive experience.</p>
10345           <p>Let us show you why City World Hyundai is the go-to destination for your next Hyundai.</p>
10346        <hr>
10347        <h2 class="font-weight-bold mt-2 ft-20">A Seamless Hyundai Ownership Experience</h2>
10348          <p>Owning a new Hyundai from City World Hyundai is designed to be a rewarding experience, from your initial visit to long-term ownership. Our service department is equipped to handle all your maintenance needs efficiently, ensuring your vehicle remains in peak condition.</p>
10349          <p>We offer flexible financing solutions to make acquiring your new Hyundai accessible and straightforward. Our commitment extends beyond the sale, providing ongoing support and excellent customer service throughout your ownership journey.</p>
10350           <ul class="font-weight-bold">
10351              <li>Convenient Service Department Hours</li>
10352              <li>Comprehensive Vehicle Support</li>
10353              <li>Flexible Trade-In and Financing Options</li>
10354            </ul>
10355           <p>Our goal is to make every aspect of your Hyundai ownership as smooth and enjoyable as possible.</p>
10356           <p>Visit City World Hyundai today to begin your exceptional Hyundai ownership journey.</p>
10357          
10358          <div class="row justify-content-center mt-5 mb-4">
10359              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10360                  <a href="/specials/vehicle-specials" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">View Vehicle Specials</a>
10361              </div>
10362              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10363                  <a href="/shopperwizard/mytradevalue" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">Value Your Trade</a>
10364              </div>
10365              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10366                  <a href="/contactus" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">Contact Our Team</a>
10367              </div>
10368          </div>
10369        
10370      </div>
10371    </div>
10372  </div>
10373
10374  
10374<script type="application/ld+json">
10375  {
10376    "@context": "https://schema.org",
10377    "@type": "FAQPage",
10378    "mainEntity": [
10379      {
10380        "@type": "Question",
10381        "name": "What is the current new Hyundai model lineup available near Bronx, NY?",
10382        "acceptedAnswer": {
10383          "@type": "Answer",
10384          "text": "Our City World Hyundai showroom in Bronx, NY features the latest Hyundai models, including versatile SUVs, efficient sedans, and innovative new vehicles. We encourage you to browse our online inventory or visit us to see the full range."
10385        }
10386      },
10387      {
10388        "@type": "Question",
10389        "name": "Which Hyundai models are popular for Bronx, NY commutes and weather?",
10390        "acceptedAnswer": {
10391          "@type": "Answer",
10392          "text": "For Bronx, NY's diverse driving conditions, popular choices include fuel-efficient sedans for city commuting and robust SUVs offering confidence in various weather. We can help you find a model suited for your daily drives, whether you're near Manhattan, NY or heading towards Yonkers, NY."
10393        }
10394      },
10395      {
10396        "@type": "Question",
10397        "name": "Can I schedule a test drive of new Hyundai vehicles at City World Hyundai?",
10398        "acceptedAnswer": {
10399          "@type": "Answer",
10400          "text": "Absolutely. Scheduling a test drive is a key step in finding your next vehicle. Contact our team at City World Hyundai to arrange a convenient time to experience a new Hyundai firsthand."
10401        }
10402      },
10403      {
10404        "@type": "Question",
10405        "name": "What is the trade-in process like at City World Hyundai?",
10406        "acceptedAnswer": {
10407          "@type": "Answer",
10408          "text": "Our streamlined trade-in process makes it easy to get an estimate for your current vehicle. Visit our Value Your Trade page online or speak with our knowledgeable staff at City World Hyundai for a quick and fair assessment."
10409        }
10410      },
10411      {
10412        "@type": "Question",
10413        "name": "What financing programs are available for new Hyundai purchases?",
10414        "acceptedAnswer": {
10415          "@type": "Answer",
10416          "text": "We offer a variety of financing options to suit your needs. Our finance team at City World Hyundai works with you to explore available programs and find a plan that fits your budget. You can get pre-approved by visiting our Get Financing page."
10417        }
10418      }
10419    ]
10420  }
10421  </script>
10421
10422</div></div>
10423          
10424			 <common-disclaimer :custom-attributes="{'id':'srp-disclaimer','classList':'disclaimer-text my-4 ft-12 text-justify container'}" disclaimer-type="themeLevelDisclaimer" disclaimer-key="inventoryNewSRPDisclaimerText" ></common-disclaimer>
10425
10426
10427        </div>
10428      </div>
10429    </div>
10430  <videopopup-modal v-if="showVideoPopupModal" @hidemodal="showVideoPopupModal=false" :videourl="''" :videoctaname="''" :videoctalink="''"></videopopup-modal>
10431
10432  <text-modal v-if="showdisclaimermodal" @hidemodal="showdisclaimermodal=false" :text="disclaimertext" :title="'Disclosure'"></text-modal>
10433</div>
10434  
10434<script src="https://prod.tvmwebsitecdn.com/dist/p1155/js/websiteprimary/newinventory.js" defer></script>
10434
10435
10436<style>
10437  .display_hide {
10438    display: none !important;
10439  }
10440
10441  .display_show {
10442    display: block;
10443  }
10444</style>
10445
10446
10447<style>
10448	.cta__mycreditdrive_imgContainer img {
10449	  width: 75px !important;
10450	}
10451	.cta__mycreditdrive__modalLaunch_buttonLaunch {
10452	  display: flex !important;
10453	  justify-content: center !important;
10454	  min-height: auto !important;
10455	  border-radius: 0px !important;
10456	}
10457	.cta__mycreditdrive_titlecontainer {
10458	  display: flex !important;
10459	  flex-direction: column !important;
10460	  width: 100% !important;
10461	}
10462	.cta__mycreditdrive_titlecontainer h4,
10463	.cta__mycreditdrive_titlecontainer h6 {
10464	  text-align: left !important;
10465	  margin: 0 !important;
10466	  padding: 0 !important;
10467	}
10468</style>
10469
10470   
10470<script type="application/javascript">
10471    var vehiclesData = [{"item_name":"Elantra","item_id":"KMHLM4DG7TU271890","price":23358.0,"discount":0.0,"msrp":25855.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Abyss Black","item_category4":"Gasoline Fuel","item_variant":"SEL Sport","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":1},{"item_name":"Venue","item_id":"KMHRC8A31TU462100","price":23470.0,"discount":0.0,"msrp":25045.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Lunar White","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":2},{"item_name":"Elantra","item_id":"KMHLM4DG0TU238956","price":23566.0,"discount":0.0,"msrp":26085.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Serenity White","item_category4":"Gasoline Fuel","item_variant":"SEL Sport","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":3},{"item_name":"Elantra","item_id":"KMHLM4DG8TU288097","price":23839.0,"discount":0.0,"msrp":26365.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Abyss Black","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":4},{"item_name":"Elantra","item_id":"KMHLM4DG7TU290004","price":23839.0,"discount":0.0,"msrp":26365.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Amazon Gray","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":5},{"item_name":"Elantra","item_id":"KMHLM4DG5TU288087","price":23839.0,"discount":0.0,"msrp":26356.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Amazon Gray","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":6},{"item_name":"Elantra","item_id":"KMHLM4DG2TU260635","price":24025.0,"discount":0.0,"msrp":26555.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Serenity White","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":7},{"item_name":"Venue","item_id":"KMHRC8A3XTU496147","price":24710.0,"discount":0.0,"msrp":25035.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Ecotronic Gray","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":8},{"item_name":"Venue","item_id":"KMHRC8A36TU496338","price":24710.0,"discount":0.0,"msrp":25035.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Shimmering Silver","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":9},{"item_name":"Venue","item_id":"KMHRC8A39TU495846","price":24790.0,"discount":0.0,"msrp":25115.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Lunar White","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":10},{"item_name":"Venue","item_id":"KMHRC8A31TU495940","price":24790.0,"discount":0.0,"msrp":25115.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Shimmering Silver","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":11},{"item_name":"Venue","item_id":"KMHRC8A34TU496449","price":24840.0,"discount":0.0,"msrp":25165.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Onyx Black","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":12}];
10472
10473    console.log('%c VEHICLES DATA', 'color: #3a21f3ff; font-size: 16px; font-weight: bold;', vehiclesData);
10474    console.log('%c Total Count:', 'font-weight: bold;', vehiclesData.length);
10475
10476    // Make vehicle items available globally for GTM tracking
10477    window.vehicleEcommerceItems = vehiclesData;
10478</script>
10478
10479
10480      </div>
10481    </div>
10482
10483    <div class="website-gemini-footer w-100 Website_Gemini_header_Utility_Footer">
10484          <div id="main-footer">
10485          <main-footer></main-footer>
10486            <common-components></common-components>
10487          </div>
10488    </div>
10489
10490  </div>
10491  
10492  
10493    
10493<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
10493
10494
10495  
10496
10497
10498
10499
10500
10501
10502
10503
10504
10505
10506
10507
10508
10509
10510
10511
10512
10513
10514
10515
10516    
10516<script async type="text/javascript" src="https://button-server.lesautomotive.com/lesa_media_srp.js"></script>
10516
10517
10518
10519
10520
10521
10522
10523
10524
10525
10526
10527
10528
10529
10530
10531
10532
10533
10534
10535
10536
10537  
10538
10539<style>
10540    .social-icons a {
10541    border: 2px solid #d1d0d0;
10542    background: transparent !important;
10543    line-height: 30px !important;
10544    }
10545    .dnsmpi a {
10546        background-color: #fff;
10547        display: block;
10548        text-align: center;
10549        color: #000 !important;
10550        border-radius: 10px;
10551    }
10552</style>
10553
10554
10555
10556
10557
10558
10559
10560
10561
10562
10563
10564
10565
10566
10567    
10568
10569  
10569<script type="text/javascript">
10570(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('send', 'pageview');</script>
vendor: 102 bytes, lines 10570-10575
10570
10571  
10572
10573
10574
10575<script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10575G-R86HMFVNVP
vendor: 12 bytes, line 10575
10575"></script>
10576<script>
10577  
vendor: 134 bytes, lines 10577-10581
10577window.dataLayer = window.dataLayer || [];
10578  function gtag(){dataLayer.push(arguments);}
10579  gtag('js', new Date());
10580
10581  gtag('config', '
10581G-R86HMFVNVP
vendor: 26 bytes, line 10581
10581', {groups: 'ascgroup'});
10582</script>
vendor: 104 bytes, lines 10582-10583
10582
10583        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10583G-D22KY4R05F
vendor: 20 bytes, lines 10583-10584
10583"></script>
10584        
10584<script type="text/javascript" class="">
10585        
vendor: 155 bytes, lines 10585-10589
10585window.dataLayer = window.dataLayer || [];
10586        function gtag() { dataLayer.push(arguments); }
10587        gtag('js', new Date());
10588
10589        gtag('config', '
10589G-D22KY4R05F
vendor: 32 bytes, lines 10589-10590
10589', { groups: 'ascgroup' });
10590    
10590</script>
10590
10591
10592<script>(function(){ var s = document.createElement('script'), e = ! document.body ? document.querySelector('head') : document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 175, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 125, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script>
10592<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 10592
10592 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10592GTM-K6R7KVP
vendor: 83 bytes, line 10592
10592" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
10592<!-- End Google Tag Manager (noscript) --><!-- Facebook Pixel Code -->
10592<script>
vendor: 390 bytes, line 10592
10592!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '
105923491230691188098
vendor: 28 bytes, line 10592
10592');fbq('track', 'PageView');
10592</script>
10592<noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=3491230691188098&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel Code -->
10593  
10593<script>
10594        function googleBingCustomEvent(e, t, o, n, a) { googleCustomEvent(e, t, o, n, a), bingCustomEvent(e, t, o, n, a) } function googleCustomEvent(e, t, o, n, a) { var i = "Google Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; return "undefined" == typeof ga ? (console.error("No google analytics keys"), !1) : (ga("send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), "undefined" != typeof ga.getByName && ga.getByName("dealer") && ga("dealer.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), void ("undefined" != typeof ga.getByName && ga.getByName("digitalAnalyticsTracker") && ga("digitalAnalyticsTracker.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }))) } function bingCustomEvent(e, t, o, n, a) { var i = "Bing Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; uetq.push({ ec: e, ea: t, el: o, ev: g }) } var uetq = uetq || [], doc = document.documentElement; doc.setAttribute("data-useragent", navigator.userAgent), window.location.origin || (window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "")), window.googleEventToLink = function (e, t, o, n, a, i) { googleBingCustomEvent(t, o, n, a, i), setTimeout(function () { location.href = $(e).data("href") ? $(e).data("href") : $(e).attr("href") }, 500) };
10595  </script>
10595
10596
10597
10598
10599
10600<script>
10601     var isPageLanding = 'false' === 'true';
10602     var pageControlName = 'inventory';
10603     var isVue3Page = 'False' === 'True';
10604     var PageId = '199622';
10605</script>
10605
10606    
10606<script>
10607         var isTransparentMenu = 'false' === 'true';
10608    </script>
10608
10609
10610
10611  
10611<script>
10612        function googleTranslateElementInit() {
10613            new google.translate.TranslateElement({
10614                pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE
10615            },
10616                'google_translate_element');
10617        }
10618  </script>
10618
10619  
10619<script>
10620        function removeiFrames() {
10621            googleBingCustomEvent("form", "close", "vep_lightbox", 1, "event");
10622            window.parent.postMessage({ 'func': 'closePopup', 'message': 'Message text from iframe.' }, "*");
10623        }
10624  </script>
10624
10625
10626
10627    <link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/themes/Hyundai/styles.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" />
10628    <noscript><link rel="stylesheet" href="https://prod.tvmwebsitecdn.com/dist/p1155/css/themes/Hyundai/styles.css"></noscript>
10629
10630        
10630<script src="https://prod.tvmwebsitecdn.com/dist/p1155/vue3/js/header.js" type="text/javascript" defer></script>
10630
10631            
10631<script src="https://prod.tvmwebsitecdn.com/dist/p1155/vue3/js/footer.js" defer></script>
10631
10632
10633
10634  <!--remove white space for show room page -->
10635
10636
10637
10638
10639<style>
10640
10641  #_website_gemini .header-social-icons a{
10642      font-size: 12px !important;
10643      display: inline-block;
10644      text-align: center;
10645      padding: 4px;
10646      border-radius: 50%;
10647      margin-right: 2px;
10648      width: 30px !important;
10649      height: 30px !important;
10650      line-height: 20px !important;
10651      color: #002C5E !important;
10652      background: #fff !important;
10653      border: 2px solid #EDEDED !important;
10654    }
10655
10656    .mobile-sidemenu .mobile-submenu {
10657      background-color: #fff !important;
10658      
10659    }
10660
10661    .mobile-sidemenu .mobile-submenu .submenu-list-item .submenu-item {
10662      color: #484545 !important;
10663    }
10664    
10665  </style>
10666
10667
10668    <style>
10669            ._theme_background_color {
10670                background-color:#fff !important;
10671            }
10672            #_website_gemini  ._theme_sales_links, #_website_gemini  .goog-te-gadget-simple {
10673                color:  #757575 !important;
10674                border-color: #DCDCDC !important;
10675                border-radius: 25px;
10676                border: 1px solid;
10677                padding: 8px 24px;
10678                background-color: #fff;
10679            }
10680            #_website_gemini  div.temp-language{
10681              color:  #484545;
10682            }
10683
10684            #_website_gemini #gemini_simplify_menu  ._theme_sales_links,#_website_gemini #gemini_simplify_menu  div.temp-language, #_website_gemini #gemini_simplify_menu  .goog-te-gadget-simple {
10685                color:  #484545 !important;
10686                border-color: 0 !important;
10687                border-radius: 0;
10688                border: 0;
10689                padding: 0;
10690            }
10691            #_website_gemini #gemini_simplify_menu ._theme_sales_links:hover,#_website_gemini #gemini_simplify_menu  div.temp-language:hover, #_website_gemini #gemini_simplify_menu  .goog-te-gadget-simple:hover {
10692                color:   #002C5E !important;
10693                border-color: 0 !important;
10694                border-radius: 0;
10695                border: 0;
10696                padding: 0;
10697            }
10698            #_website_gemini  ._theme_top_border_color {
10699                border-color: #c6c6c6 !important;
10700            }
10701
10702            ._theme_background_color ._primary_template_header_menu  .text-white {
10703                color: #002C5E !important;
10704            }
10705
10706            ._theme_background_color .gemini-header  .text-white {
10707                color: #002C5E !important;
10708            }
10709
10710            ._theme_background_color .gemini-header  .signin-box.button-primary {
10711                background: #002C5E !important;
10712                color: #fff !important;
10713            }
10714
10715            #_website_gemini   .gemini_header  ._primary_template_header_menu a  span {
10716              color:   #fff;
10717            }
10718            #_website_gemini   .gemini_header ._primary_template_header_menu .signin-container .language-change-link span {
10719              color:   #000;
10720            }
10721            #_website_gemini .gemini_header .header-social-icons a._theme_social_icons  span {
10722              color:  inherit !important;
10723            }
10724
10725            #_website_gemini .gemini_header  a  span.color-black {
10726              color:   #000000;
10727            }
10728
10729            .mobile-submenu .submenu-list-item .submenu-item {
10730                 color: #fff !important;
10731            }
10732            ._theme_background_color .gemini_header  ._primary_template_header_menu ._login_button {
10733                background: #002C5E !important;
10734                color: #fff !important;
10735            }
10736             #_website_gemini  .sign_out_link {
10737                color: #000 !important;
10738              }
10739              #_website_gemini #website-primary-header a.bar-icon{
10740                    color: #484545 !important;
10741              }
10742
10743        #_website_gemini .paragon-primary-header {
10744          background-color: #fff !important;
10745        }
10746
10747        #_website_gemini .w_gemini_tranparent_header .menu-indicator {
10748          color: #212529 !important;
10749        }
10750
10751        #_website_gemini .w_gemini_tranparent_header .menu-indicator .static-links a {
10752          color: #212529 !important;
10753        }
10754        #website-primary-header .horizontalmenu a.h-menu-item {
10755         color: #262626 !important;
10756        }   
10757
10758    </style>
10759
10760
10761
10762
10763
10764  <style>
10765
10766    :root {
10767        --primary-theme-color: #002C5E;
10768        --main-menu-font-color: #000;
10769        --sub-menu-font-color: #05141f;
10770    }
10771  </style>
10772
10773
10774
10775  <style>
10776        :host(cs-buy-widget) .buy-button {
10777            width: 100%;
10778        }
10779         #_website_gemini  .gemini_header ._custom_menu_color  a > span {
10780                            color:  !important;
10781                        }
10782
10783        .translated-ltr body {
10784              top: 0 !important;
10785          }
10786  </style>
10787
10788  <!-- Hiding header & footer tag if checkbox is enabled-->
10789
10790
10791  <style>
10792  @media (max-width: 900px) {
10793    .vehicle-specials-banner {
10794      background-color: #fff;
10795    }
10796  }
10797  </style>
10798
10799  
10800<!-- Google Tag Manager (noscript) -->
10801    <noscript>
10802        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPBVZ3Q" height="0"
10803                width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe>
10804    </noscript>
10805    <!-- End Google Tag Manager (noscript) -->
10806    <!-- DSO Pixel Google Tag Manager (noscript) -->
10807    <noscript>
10808      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPGZWQGR" height="0" 
10809      width="0" style="display:none;visibility:hidden" title="DSO Pixel Google Tag Manager"></iframe>
10810    </noscript>
10811    <!-- End DSO Pixel Google Tag Manager (noscript) -->
10812
10813    
10814
10815
10816
10817
10818
10819
10820
10821
10822            <link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/fontawesome.css" rel="stylesheet" />
10823      <noscript>
10824                <link href="https://prod.tvmwebsitecdn.com/dist/p1155/css/fontawesome.css" rel="stylesheet" />
10825      </noscript>
10826    
10827
10828
10829
10830    
10831
10832
10833
10834
10835
10836
10837
10838<style>
10839  :root{
10840    --website-primary-theme-color: #002C5E;
10841  }
10842</style>
10843
10844
10845
10846
10847
10848        
10848<script type="application/ld&#x2B;json">
10849            {
10850  "@context": "https://schema.org",
10851  "@type": "CollectionPage",
10852  "@id": "https://www.cityworldhyundai.com/inventory/new#collectionpage",
10853  "url": "https://www.cityworldhyundai.com/inventory/new",
10854  "name": "New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer",
10855  "description": "Browse 324 total new Hyundai  vehicles for sale at City World Hyundai in Bronx, NY. View prices, photos, mileage, features, and availability for matching vehicles.",
10856  "mainEntity": {
10857    "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list"
10858  }
10859}
10860        </script>
10860
10861        
10861<script type="application/ld&#x2B;json">
10862            {
10863  "@context": "https://schema.org",
10864  "@type": "ItemList",
10865  "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list",
10866  "numberOfItems": 324,
10867  "itemListElement": [
10868    {
10869      "@type": "ListItem",
10870      "position": 1,
10871      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10872      "item": {
10873        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle"
10874      }
10875    },
10876    {
10877      "@type": "ListItem",
10878      "position": 2,
10879      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
10880      "item": {
10881        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle"
10882      }
10883    },
10884    {
10885      "@type": "ListItem",
10886      "position": 3,
10887      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
10888      "item": {
10889        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle"
10890      }
10891    },
10892    {
10893      "@type": "ListItem",
10894      "position": 4,
10895      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
10896      "item": {
10897        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle"
10898      }
10899    },
10900    {
10901      "@type": "ListItem",
10902      "position": 5,
10903      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
10904      "item": {
10905        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle"
10906      }
10907    },
10908    {
10909      "@type": "ListItem",
10910      "position": 6,
10911      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
10912      "item": {
10913        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle"
10914      }
10915    },
10916    {
10917      "@type": "ListItem",
10918      "position": 7,
10919      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
10920      "item": {
10921        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle"
10922      }
10923    },
10924    {
10925      "@type": "ListItem",
10926      "position": 8,
10927      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
10928      "item": {
10929        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle"
10930      }
10931    },
10932    {
10933      "@type": "ListItem",
10934      "position": 9,
10935      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
10936      "item": {
10937        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle"
10938      }
10939    },
10940    {
10941      "@type": "ListItem",
10942      "position": 10,
10943      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
10944      "item": {
10945        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle"
10946      }
10947    },
10948    {
10949      "@type": "ListItem",
10950      "position": 11,
10951      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
10952      "item": {
10953        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle"
10954      }
10955    },
10956    {
10957      "@type": "ListItem",
10958      "position": 12,
10959      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility",
10960      "item": {
10961        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility#vehicle"
10962      }
10963    }
10964  ]
10965}
10966        </script>
10966
10967        
10967<script type="application/ld&#x2B;json">
10968            {
10969  "@context": "https://schema.org/",
10970  "@type": "Vehicle",
10971  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle",
10972  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10973  "itemCondition": "https://schema.org/NewCondition",
10974  "vehicleIdentificationNumber": "KMHLM4DG7TU271890",
10975  "productID": "KMHLM4DG7TU271890",
10976  "vehicleModelDate": "2026",
10977  "model": "Elantra",
10978  "sku": "26H2179",
10979  "brand": {
10980    "@type": "Brand",
10981    "name": "Hyundai"
10982  },
10983  "vehicleConfiguration": "SEL Sport",
10984  "vehicleInteriorColor": "Black",
10985  "vehicleTransmission": "CVT",
10986  "color": "Abyss Black",
10987  "image": {
10988    "@type": "ImageObject",
10989    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU271890&vehicletype=Sedan",
10990    "fileFormat": ""
10991  },
10992  "offers": {
10993    "@type": "Offer",
10994    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#offer",
10995    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10996    "price": "23358",
10997    "priceCurrency": "USD",
10998    "priceValidUntil": "2026-10-02",
10999    "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 23358.00.",
11000    "availability": "https://schema.org/InStock",
11001    "itemCondition": "https://schema.org/NewCondition",
11002    "seller": {
11003      "@id": "https://www.cityworldhyundai.com/#autodealer"
11004    }
11005  },
11006  "name": "New 2026 Hyundai Elantra SEL Sport",
11007  "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG7TU271890, stock 26H2179. Pricing options include cash 23358.00."
11008}
11009        </script>
11009
11010        
11010<script type="application/ld&#x2B;json">
11011            {
11012  "@context": "https://schema.org/",
11013  "@type": "Vehicle",
11014  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle",
11015  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
11016  "itemCondition": "https://schema.org/NewCondition",
11017  "vehicleIdentificationNumber": "KMHRC8A31TU462100",
11018  "productID": "KMHRC8A31TU462100",
11019  "vehicleModelDate": "2026",
11020  "model": "Venue",
11021  "sku": "26H1796",
11022  "brand": {
11023    "@type": "Brand",
11024    "name": "Hyundai"
11025  },
11026  "vehicleConfiguration": "SEL",
11027  "vehicleInteriorColor": "Gray",
11028  "vehicleTransmission": "CVT",
11029  "color": "Lunar White",
11030  "image": {
11031    "@type": "ImageObject",
11032    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU462100&vehicletype=SUV",
11033    "fileFormat": ""
11034  },
11035  "offers": {
11036    "@type": "Offer",
11037    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#offer",
11038    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
11039    "price": "23470",
11040    "priceCurrency": "USD",
11041    "priceValidUntil": "2026-10-02",
11042    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 23470.00.",
11043    "availability": "https://schema.org/InStock",
11044    "itemCondition": "https://schema.org/NewCondition",
11045    "seller": {
11046      "@id": "https://www.cityworldhyundai.com/#autodealer"
11047    }
11048  },
11049  "name": "New 2026 Hyundai Venue SEL",
11050  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A31TU462100, stock 26H1796. Pricing options include cash 23470.00."
11051}
11052        </script>
11052
11053        
11053<script type="application/ld&#x2B;json">
11054            {
11055  "@context": "https://schema.org/",
11056  "@type": "Vehicle",
11057  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle",
11058  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
11059  "itemCondition": "https://schema.org/NewCondition",
11060  "vehicleIdentificationNumber": "KMHLM4DG0TU238956",
11061  "productID": "KMHLM4DG0TU238956",
11062  "vehicleModelDate": "2026",
11063  "model": "Elantra",
11064  "sku": "26H2011",
11065  "brand": {
11066    "@type": "Brand",
11067    "name": "Hyundai"
11068  },
11069  "vehicleConfiguration": "SEL Sport",
11070  "vehicleInteriorColor": "Black",
11071  "vehicleTransmission": "CVT",
11072  "color": "Serenity White",
11073  "image": {
11074    "@type": "ImageObject",
11075    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG0TU238956&vehicletype=Sedan",
11076    "fileFormat": ""
11077  },
11078  "offers": {
11079    "@type": "Offer",
11080    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#offer",
11081    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
11082    "price": "23566",
11083    "priceCurrency": "USD",
11084    "priceValidUntil": "2026-10-02",
11085    "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 23566.00.",
11086    "availability": "https://schema.org/InStock",
11087    "itemCondition": "https://schema.org/NewCondition",
11088    "seller": {
11089      "@id": "https://www.cityworldhyundai.com/#autodealer"
11090    }
11091  },
11092  "name": "New 2026 Hyundai Elantra SEL Sport",
11093  "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG0TU238956, stock 26H2011. Pricing options include cash 23566.00."
11094}
11095        </script>
11095
11096        
11096<script type="application/ld&#x2B;json">
11097            {
11098  "@context": "https://schema.org/",
11099  "@type": "Vehicle",
11100  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle",
11101  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
11102  "itemCondition": "https://schema.org/NewCondition",
11103  "vehicleIdentificationNumber": "KMHLM4DG8TU288097",
11104  "productID": "KMHLM4DG8TU288097",
11105  "vehicleModelDate": "2026",
11106  "model": "Elantra",
11107  "sku": "26H2267",
11108  "brand": {
11109    "@type": "Brand",
11110    "name": "Hyundai"
11111  },
11112  "vehicleConfiguration": "SEL Sport Plus",
11113  "vehicleInteriorColor": "Black",
11114  "vehicleTransmission": "CVT",
11115  "color": "Abyss Black",
11116  "image": {
11117    "@type": "ImageObject",
11118    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG8TU288097&vehicletype=Sedan",
11119    "fileFormat": ""
11120  },
11121  "offers": {
11122    "@type": "Offer",
11123    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#offer",
11124    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
11125    "price": "23839",
11126    "priceCurrency": "USD",
11127    "priceValidUntil": "2026-10-02",
11128    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 23839.00.",
11129    "availability": "https://schema.org/InStock",
11130    "itemCondition": "https://schema.org/NewCondition",
11131    "seller": {
11132      "@id": "https://www.cityworldhyundai.com/#autodealer"
11133    }
11134  },
11135  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11136  "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG8TU288097, stock 26H2267. Pricing options include cash 23839.00."
11137}
11138        </script>
11138
11139        
11139<script type="application/ld&#x2B;json">
11140            {
11141  "@context": "https://schema.org/",
11142  "@type": "Vehicle",
11143  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle",
11144  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
11145  "itemCondition": "https://schema.org/NewCondition",
11146  "vehicleIdentificationNumber": "KMHLM4DG7TU290004",
11147  "productID": "KMHLM4DG7TU290004",
11148  "vehicleModelDate": "2026",
11149  "model": "Elantra",
11150  "sku": "26H2268",
11151  "brand": {
11152    "@type": "Brand",
11153    "name": "Hyundai"
11154  },
11155  "vehicleConfiguration": "SEL Sport Plus",
11156  "vehicleInteriorColor": "Black",
11157  "vehicleTransmission": "CVT",
11158  "color": "Amazon Gray",
11159  "image": {
11160    "@type": "ImageObject",
11161    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU290004&vehicletype=Sedan",
11162    "fileFormat": ""
11163  },
11164  "offers": {
11165    "@type": "Offer",
11166    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#offer",
11167    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
11168    "price": "23839",
11169    "priceCurrency": "USD",
11170    "priceValidUntil": "2026-10-02",
11171    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 23839.00.",
11172    "availability": "https://schema.org/InStock",
11173    "itemCondition": "https://schema.org/NewCondition",
11174    "seller": {
11175      "@id": "https://www.cityworldhyundai.com/#autodealer"
11176    }
11177  },
11178  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11179  "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG7TU290004, stock 26H2268. Pricing options include cash 23839.00."
11180}
11181        </script>
11181
11182        
11182<script type="application/ld&#x2B;json">
11183            {
11184  "@context": "https://schema.org/",
11185  "@type": "Vehicle",
11186  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle",
11187  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
11188  "itemCondition": "https://schema.org/NewCondition",
11189  "vehicleIdentificationNumber": "KMHLM4DG5TU288087",
11190  "productID": "KMHLM4DG5TU288087",
11191  "vehicleModelDate": "2026",
11192  "model": "Elantra",
11193  "sku": "26H2263",
11194  "brand": {
11195    "@type": "Brand",
11196    "name": "Hyundai"
11197  },
11198  "vehicleConfiguration": "SEL Sport Plus",
11199  "vehicleInteriorColor": "Black",
11200  "vehicleTransmission": "CVT",
11201  "color": "Amazon Gray",
11202  "image": {
11203    "@type": "ImageObject",
11204    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG5TU288087&vehicletype=Sedan",
11205    "fileFormat": ""
11206  },
11207  "offers": {
11208    "@type": "Offer",
11209    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#offer",
11210    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
11211    "price": "23839",
11212    "priceCurrency": "USD",
11213    "priceValidUntil": "2026-10-02",
11214    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 23839.00.",
11215    "availability": "https://schema.org/InStock",
11216    "itemCondition": "https://schema.org/NewCondition",
11217    "seller": {
11218      "@id": "https://www.cityworldhyundai.com/#autodealer"
11219    }
11220  },
11221  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11222  "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG5TU288087, stock 26H2263. Pricing options include cash 23839.00."
11223}
11224        </script>
11224
11225        
11225<script type="application/ld&#x2B;json">
11226            {
11227  "@context": "https://schema.org/",
11228  "@type": "Vehicle",
11229  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle",
11230  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
11231  "itemCondition": "https://schema.org/NewCondition",
11232  "vehicleIdentificationNumber": "KMHLM4DG2TU260635",
11233  "productID": "KMHLM4DG2TU260635",
11234  "vehicleModelDate": "2026",
11235  "model": "Elantra",
11236  "sku": "26H2122",
11237  "brand": {
11238    "@type": "Brand",
11239    "name": "Hyundai"
11240  },
11241  "vehicleConfiguration": "SEL Sport Plus",
11242  "vehicleInteriorColor": "Black",
11243  "vehicleTransmission": "CVT",
11244  "color": "Serenity White",
11245  "image": {
11246    "@type": "ImageObject",
11247    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG2TU260635&vehicletype=Sedan",
11248    "fileFormat": ""
11249  },
11250  "offers": {
11251    "@type": "Offer",
11252    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#offer",
11253    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
11254    "price": "24025",
11255    "priceCurrency": "USD",
11256    "priceValidUntil": "2026-10-02",
11257    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 24025.00.",
11258    "availability": "https://schema.org/InStock",
11259    "itemCondition": "https://schema.org/NewCondition",
11260    "seller": {
11261      "@id": "https://www.cityworldhyundai.com/#autodealer"
11262    }
11263  },
11264  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11265  "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG2TU260635, stock 26H2122. Pricing options include cash 24025.00."
11266}
11267        </script>
11267
11268        
11268<script type="application/ld&#x2B;json">
11269            {
11270  "@context": "https://schema.org/",
11271  "@type": "Vehicle",
11272  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle",
11273  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
11274  "itemCondition": "https://schema.org/NewCondition",
11275  "vehicleIdentificationNumber": "KMHRC8A3XTU496147",
11276  "productID": "KMHRC8A3XTU496147",
11277  "vehicleModelDate": "2026",
11278  "model": "Venue",
11279  "sku": "26H2283",
11280  "brand": {
11281    "@type": "Brand",
11282    "name": "Hyundai"
11283  },
11284  "vehicleConfiguration": "SEL",
11285  "vehicleInteriorColor": "Gray",
11286  "vehicleTransmission": "CVT",
11287  "color": "Ecotronic Gray",
11288  "image": {
11289    "@type": "ImageObject",
11290    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A3XTU496147&vehicletype=SUV",
11291    "fileFormat": ""
11292  },
11293  "offers": {
11294    "@type": "Offer",
11295    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#offer",
11296    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
11297    "price": "24710",
11298    "priceCurrency": "USD",
11299    "priceValidUntil": "2026-10-02",
11300    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24710.00.",
11301    "availability": "https://schema.org/InStock",
11302    "itemCondition": "https://schema.org/NewCondition",
11303    "seller": {
11304      "@id": "https://www.cityworldhyundai.com/#autodealer"
11305    }
11306  },
11307  "name": "New 2026 Hyundai Venue SEL",
11308  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A3XTU496147, stock 26H2283. Pricing options include cash 24710.00."
11309}
11310        </script>
11310
11311        
11311<script type="application/ld&#x2B;json">
11312            {
11313  "@context": "https://schema.org/",
11314  "@type": "Vehicle",
11315  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle",
11316  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
11317  "itemCondition": "https://schema.org/NewCondition",
11318  "vehicleIdentificationNumber": "KMHRC8A36TU496338",
11319  "productID": "KMHRC8A36TU496338",
11320  "vehicleModelDate": "2026",
11321  "model": "Venue",
11322  "sku": "26H2297",
11323  "brand": {
11324    "@type": "Brand",
11325    "name": "Hyundai"
11326  },
11327  "vehicleConfiguration": "SEL",
11328  "vehicleInteriorColor": "Gray",
11329  "vehicleTransmission": "CVT",
11330  "color": "Shimmering Silver",
11331  "image": {
11332    "@type": "ImageObject",
11333    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A36TU496338&vehicletype=SUV",
11334    "fileFormat": ""
11335  },
11336  "offers": {
11337    "@type": "Offer",
11338    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#offer",
11339    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
11340    "price": "24710",
11341    "priceCurrency": "USD",
11342    "priceValidUntil": "2026-10-02",
11343    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24710.00.",
11344    "availability": "https://schema.org/InStock",
11345    "itemCondition": "https://schema.org/NewCondition",
11346    "seller": {
11347      "@id": "https://www.cityworldhyundai.com/#autodealer"
11348    }
11349  },
11350  "name": "New 2026 Hyundai Venue SEL",
11351  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A36TU496338, stock 26H2297. Pricing options include cash 24710.00."
11352}
11353        </script>
11353
11354        
11354<script type="application/ld&#x2B;json">
11355            {
11356  "@context": "https://schema.org/",
11357  "@type": "Vehicle",
11358  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle",
11359  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
11360  "itemCondition": "https://schema.org/NewCondition",
11361  "vehicleIdentificationNumber": "KMHRC8A39TU495846",
11362  "productID": "KMHRC8A39TU495846",
11363  "vehicleModelDate": "2026",
11364  "model": "Venue",
11365  "sku": "26H2262",
11366  "brand": {
11367    "@type": "Brand",
11368    "name": "Hyundai"
11369  },
11370  "vehicleConfiguration": "SEL",
11371  "vehicleInteriorColor": "Gray",
11372  "vehicleTransmission": "CVT",
11373  "color": "Lunar White",
11374  "image": {
11375    "@type": "ImageObject",
11376    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A39TU495846&vehicletype=SUV",
11377    "fileFormat": ""
11378  },
11379  "offers": {
11380    "@type": "Offer",
11381    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#offer",
11382    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
11383    "price": "24790",
11384    "priceCurrency": "USD",
11385    "priceValidUntil": "2026-10-02",
11386    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24790.00.",
11387    "availability": "https://schema.org/InStock",
11388    "itemCondition": "https://schema.org/NewCondition",
11389    "seller": {
11390      "@id": "https://www.cityworldhyundai.com/#autodealer"
11391    }
11392  },
11393  "name": "New 2026 Hyundai Venue SEL",
11394  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A39TU495846, stock 26H2262. Pricing options include cash 24790.00."
11395}
11396        </script>
11396
11397        
11397<script type="application/ld&#x2B;json">
11398            {
11399  "@context": "https://schema.org/",
11400  "@type": "Vehicle",
11401  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle",
11402  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
11403  "itemCondition": "https://schema.org/NewCondition",
11404  "vehicleIdentificationNumber": "KMHRC8A31TU495940",
11405  "productID": "KMHRC8A31TU495940",
11406  "vehicleModelDate": "2026",
11407  "model": "Venue",
11408  "sku": "26H2311",
11409  "brand": {
11410    "@type": "Brand",
11411    "name": "Hyundai"
11412  },
11413  "vehicleConfiguration": "SEL",
11414  "vehicleInteriorColor": "Black",
11415  "vehicleTransmission": "CVT",
11416  "color": "Shimmering Silver",
11417  "image": {
11418    "@type": "ImageObject",
11419    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU495940&vehicletype=SUV",
11420    "fileFormat": ""
11421  },
11422  "offers": {
11423    "@type": "Offer",
11424    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#offer",
11425    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
11426    "price": "24790",
11427    "priceCurrency": "USD",
11428    "priceValidUntil": "2026-10-02",
11429    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24790.00.",
11430    "availability": "https://schema.org/InStock",
11431    "itemCondition": "https://schema.org/NewCondition",
11432    "seller": {
11433      "@id": "https://www.cityworldhyundai.com/#autodealer"
11434    }
11435  },
11436  "name": "New 2026 Hyundai Venue SEL",
11437  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A31TU495940, stock 26H2311. Pricing options include cash 24790.00."
11438}
11439        </script>
11439
11440        
11440<script type="application/ld&#x2B;json">
11441            {
11442  "@context": "https://schema.org/",
11443  "@type": "Vehicle",
11444  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility#vehicle",
11445  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility",
11446  "itemCondition": "https://schema.org/NewCondition",
11447  "vehicleIdentificationNumber": "KMHRC8A34TU496449",
11448  "productID": "KMHRC8A34TU496449",
11449  "vehicleModelDate": "2026",
11450  "model": "Venue",
11451  "sku": "26H2287",
11452  "brand": {
11453    "@type": "Brand",
11454    "name": "Hyundai"
11455  },
11456  "vehicleConfiguration": "SEL",
11457  "vehicleInteriorColor": "Black",
11458  "vehicleTransmission": "CVT",
11459  "color": "Onyx Black",
11460  "image": {
11461    "@type": "ImageObject",
11462    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A34TU496449&vehicletype=SUV",
11463    "fileFormat": ""
11464  },
11465  "offers": {
11466    "@type": "Offer",
11467    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility#offer",
11468    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a34tu496449/2026-hyundai-venue-sport-utility",
11469    "price": "24840",
11470    "priceCurrency": "USD",
11471    "priceValidUntil": "2026-10-02",
11472    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24840.00.",
11473    "availability": "https://schema.org/InStock",
11474    "itemCondition": "https://schema.org/NewCondition",
11475    "seller": {
11476      "@id": "https://www.cityworldhyundai.com/#autodealer"
11477    }
11478  },
11479  "name": "New 2026 Hyundai Venue SEL",
11480  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A34TU496449, stock 26H2287. Pricing options include cash 24840.00."
11481}
11482        </script>
11482
11483
11484<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"331007895", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
11484</body>
11485</html>
11486

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.