PageSourceSearch

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

html cityworldhyundai.com collected 2026-09-25 09:28:39 UTC 1,072,555 bytes, 11,243 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 = 'False';
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    window.tid = '64818e3e-de8c-41b2-a3ca-e6183e8460f0';
73    window.isBot = 'True';
74    var cdnurl = 'https://prod.tvmwebsitecdn.com';
75    var cdnUrl = 'https://prod.tvmwebsitecdn.com';
76    var textusParameter = '';
77    var ismobile = 'False' === 'True';
78    var istablet = 'False' === 'True';
79    var upgradeMatrixInventoryUrl = 'https://www.cityworldhyundai.com/inventory';
80    var latitude = '40.87431365';
81    var longitude = '-73.8517492';
82    var isEnableCarStory = 'True';
83    var enableCarStoryForNew = 'false' === 'true';
84    var enableGoogleTranslate = 'True' === 'True';
85    var roadStarUrl= 'https://cityworldhyundai.roadster.com/express';
86    var userDetails = {
87        consumerid: '',
88        firstname: '',
89        lastname: '',
90        middlename: '',
91        email: '',
92        phonenumber: '',
93        userpin: '',
94        isPhoneNumberLogin: '',
95        isPinLogin: 'false' === 'true',
96        zip: '',
97        city: '',
98        state: '',
99        address:'',
100        address2: ''
101    };
102    var pageTypeId = 0;
103    var environment = 'Production';
104    var pageStateKey = '';
105    var masterLayoutName = '_Website_Gemini.cshtml'.replace('.cshtml','');
106    var jQuery = '';
107    var redcapDealerId = '';
108    var virtualAssistantDomain = 'aHR0cHM6Ly92aXJ0dWFsYXNzaXN0YW50LmFwaS50ZWFtdmVsb2NpdHlwb3J0YWwuY29t';
109    var gmIncentivesApiUrl = 'https://offermanager.api.teamvelocityportal.com';
110    var temporaryRedcap = 'false' === 'true';
111    var enableSaveOfferTransact = 'false' === 'true';
112    var isCustomPage = 'false' === 'true';
113    var customPageTitle='';
114    var isForceEnableDigitalRetail = 'false' === 'true';
115    var rotatingBannerDelayTime = 5;
116    var vehicleOfferRotationalDelay = 5;
117    var enableLESAVideo = 'false' === 'true';
118    var VDPTransactButtonLabel = 'Explore Payment Options';
119    var RoadStarDpId = 'cityworldhyundai';
120    var roadsterVDPButtonName = 'Search Payments ';
121    var roadsterImageUrl = '';
122    var enableTextusLeadToCRM = 'false' === 'true';
123    var themeId =9;
124    var enableJoyRide = 'false' === 'true';
125    var joyRideDomain = '';
126    var joyRideStoreId = 0;
127    var joyRideButtonLabel = '';
128    var scheduleServiceCall = true;
129    var showCookieDisclaimer = 'False' == 'True';
130    var nonTaxState = 'false' === 'true';
131    var showPerDayAndPerMonthOnVDP = 'false' === 'true';
132    var swapSalesAndServiceNumbers = 'False';
133    var enableAutoCheck = 'false' === 'true';
134    var contactUsLabel = 'CONTACT US';
135    var salesPhoneLabel = 'Sales';
136    var servicePhoneLabel = 'Service';
137    var partsPhoneLabel = 'Parts';
138    var priceColor = ' ';
139    var enableCoVideo = 'false' === 'true';
140    var  enableHndaProgram= 'false' === 'true';
141    var oemCode = 'NY109';
142    var enableCarSaverButtonLabel = '';
143    var enableTCPAConsent = 'true' === 'true';
144    var tcpaConsentMessage = 'You agree to receive texts from us. (No purchase necessary.)';
145    var showServiceAppraisalPopup = '' === "True"; //isServiceAppraisal setting when user login
146    var showPrecisionBonusOfferPopup = '' === "True"; //Precision_BonusOffer setting when user login
147    var showPrecisionTradeValuePopup = '' === "True"; //Precision_TradeValue setting when user login
148    var changeSessionId = '' === "True"; //update sessionid with userpin when cc_emulate=true login
149    var autoSendEmailTradeOffer = 'false' === 'true';
150    var autoSendEmailBonusOffer = 'false' === 'true';
151    var validateZipCode = 'true' === 'true';
152    var themeName='Hyundai';
153    var enableRecallMaster = 'true' === 'true';
154    var enableMsbiProgram = 'False';
155    var vendorToken = '';
156    var enableTradePending = 'False';
157    var snapId = '';
158    var enableRecallMaster = 'false' === 'true';
159    var isDealerGroup = 'false' === 'true';
160    var hideLeasePanel = 'False' === 'True';
161    var hideFinancePanel = 'False' === 'True';
162    var hideCashPanel = 'False' === 'True';
163    var hideUsedFinancePanel = 'False' === 'True';
164    var hideUsedCashPanel = 'False' === 'True';
165    var enableOEMProgram = 'True' === 'True';
166    var enableSmartPathOnboardingModal = 'False' === 'True';
167    var enableWebsiteTagging = 'True' === 'True';
168    var enableChatAnalyticsTagging = 'False' === 'True';
169    var enableLeadIntegration = 'True' === 'True';
170    var oemProgramName = 'HyundaiJDPAShift';
171    var showLoyaltyIncentives = 'false' === 'true';
172    var bodyShopPhoneLabel = '';
173    var bodyShopNumber = '';
174    var enableFirkinTech = 'false' === 'true';
175    var hideVINandStock = 'false' === 'true';
176    var hideTradeFromLogin = 'false' === 'true';
177    var tCPADisclaimer = '';
178    var enablePopupVideo = 'false' === 'true';
179    var videoURL = '';
180    var videoCTAName = '';
181    var videoCTALink = '';
182    var hideVehicleDetailsOnStep2 = 'False' === 'True';
183    var hideAllCTAs = 'False' === 'True';
184    var menuColor = '';
185    var menuFontColor = '';
186    var subMenuColor = '';
187    var subMenuFontColor = '';
188    var headerBackGroundColor = '';
189    var headerFontColor = '';
190    var alwaysUseDealerImages = 'False' === 'True';
191    var signInButtonColor = '';
192    var chromeImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGV2b3hpbWFnZQ==';
193    var libraryImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGxpYnJhcnlpbWFnZQ==';
194    var enableNewImageRules = 'true'; //Added for OAS-20116
195    var refeerUrl = '';
196    var crawlerBots = 'Slurp|slurp|ask|Teoma|teoma|bot|Bot|prtg';
197    var pinsrcList = 'od,test,est,kiosk,tets,tes';
198    var portalIPBots = '38.118.71.*|192.168.24.*|192.168.25.*|192.168.26.*';
199    var portalDomainBots = 'dGVhbXZlbG9jaXR5cG9ydGFsLmNvbQ==';
200    var consumerEventsToLogStatus = '1';
201    var showDealerSelection = 'false' === 'true';
202    var sRPSortType = 'priceltoh';
203    var enableCountsOnInventoryControl = 'True' === 'True';
204    var cookieDisclaimerText = '';
205    var enableQuickStart = 'False' === 'True';
206    var enableQuickStartMobile = 'False' === 'True';
207    var quickStartColor = '';
208
209    var angleValue = '032';
210
211    var enablePopupVideoMobile = 'false' === 'true';
212    var videoURLMobile = '';
213    var videoCTANameMobile = '';
214    var videoCTALinkMobile = '';
215
216    //FinanceSettings
217    var IsFinanceAppSettingsEnabled = 'True'
218    var financeApplicationHeading = 'Apply For Financing';
219    var financeAppDealerCode = '';
220    var enableElend = 'False' === 'True';
221    var elendId = '';
222    var enableBuyerCall = 'False' === 'True';
223    var buyerCallId = '';
224    var enableCreditR1 = 'False' === 'True';
225    var r1DealerId = '';
226    var logoImage = 'https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&amp;Width=0&amp;Height=0&amp;logo=y';
227    var enableCbc = 'False' === 'True';
228    var cbcUserId = '';
229    var cbcUserPwd = '';
230    var cbcCustomerId = '';
231    var cbcMasterUserId = '';
232    var cbcMasterUserPwd = '';
233
234    var enableMotoCommerce = 'false' === 'true';
235    var motoCommerceLabel = '';
236    var hideTradeSlider = 'false' === 'true';
237    var enableCheckAvailability = false;
238    var hidePaymentCustomizing = 'False' === 'True';
239    var textWidgetPosition = '';
240    var globalLeadFormThankyouMessage = '';
241    var AllowUsedForVOI = 'false' === 'true';
242    var serviceSpecialsCTAButtonsColor = '';
243    var serviceSpecialsCTAButtonsFontColor = '';
244
245    var CheckAvailabilityButtonColor = '';
246    var CheckAvailabilityButtonName = '';
247    var CheckAvailabilityFontColor = '';
248    var integrateWithText = 'False' === 'True';
249    var scheduleServiceSelectButtonsColor = '';
250    var scheduleServiceSelectButtonsFontColor = '';
251    var enableWindowStickerInPaymentPanel = 'False' === 'True';
252    var digiServiceUseOverrides = 'True' === 'True';
253    var EventDrivenBonusOfferSalesCount = '6';
254    var ContactUsShowDealerSelection = 'False' === 'True';
255    var allowNewWithUsed = 'False' === 'True';
256    var hideEmployeeIncentives = 'false' === 'true';
257    var sellUsYourCarDealerSelection = 'False' === 'True';
258    var valueMyTradeDealerSelection = 'False' === 'True';
259    var enableReserveYourVehicle = 'True' === 'True';
260    var setTextAsLeadForm = 'False' === 'True';
261
262    var useSellingPriceOnInventoryControl = 'false' === 'true';
263    var isPhoneMandatoryInLeadForms = 'False' === 'True';
264    var autoToggleTCPA = 'True' === 'True';
265    var showDisclaimerWithNoToggle = 'True' === 'True';
266    var showCallForPriceSRP = 'false' === 'true';
267    var chatWidgetApiBaseUrl = 'https://virtualassistant.api.teamvelocityportal.com';
268    var chatSignalRUrl = 'https://assistantcommunications.teamvelocityportal.com';
269    var routeOneApiBaseUrl = 'https://routeone.teamvelocityportal.com/api';
270    var cbcApiBaseUrl = 'https://cbc.teamvelocityportal.com/api';
271    var eLendApiBaseUrl = 'https://elend.api.teamvelocityportal.com/api';
272    var dRaiverApiBaseUrl  = 'https://draiver.api.teamvelocityportal.com/api';
273    var isPhoneOnGetOffer = 'False' === 'True';
274    var landingPopUpText ='';
275    var landingPopupStartDate ='';
276    var landingPopupEndDate ='';
277    var certifiedLogoUrl = '';
278    var hidePreOwnedSpecialsContactUs='False'==='True';
279    var vehicleSpecialsClickUrl='';
280    var vehicledefaultcolor='silver';
281    var kbbDealIncicatorAPIKey='';
282    var enableKbbDealIndicator = 'False' === 'True';
283    var signInButtonFontColor = '';
284    var signInButtonborderColor = '';
285    var checkAvailabilityBorderColor='';
286    var googleMapZoom=15;
287    var enableTextAQuoteLead = 'false' === "true";
288     var footerColor ='';
289    var footerFontColor = '';
290    var footerLinkBackgroundColor = '';
291    var isFdDealer = 'false' === "true";
292    var hideDirectionsButton = 'False' === "True";
293    var  textUsCTAButtonLabel= '';
294    var headerBorderColor = '';
295    var footerBorderColor = '';
296    var serviceScheduleShowDealerSelection = 'false' === 'true';
297    var  textUsMobileCTAButtonLabel= '';
298    var menuEvent = 'click';
299    var hideAuotmatedSpecials = 'false' === 'true';
300    var disableBonusOfferOnMobile='False'==='True';
301    var shopByBrand = 'Hyundai';
302    var shopByType = 'SUV,Sedan,Truck,Hatchback';
303    var priceType = '1';
304    var masterTemplateId = '22';
305    var searchBarNoResultsText = '';
306    var srpNoInventoryResultsText = '';
307    var ipaddress = '181.215.65.75';
308    var leftArrowColor = '';
309    var rightArrowColor = '';
310    var getOffer ='Get Offer';
311    var RegionName = '';
312    var RegionCode = '';
313    var OEMDistrict = '';
314    var tireStoreUrl = '';
315    var enableINVOCA = 'false' === 'true' && 'false' !== 'true';
316    var InvocaCDNUrl = 'https://www.cityworldhyundai.com';
317    var OEM_Code = 'NY109';
318    var enableServicePassVdpLogo = 'false' == "true";
319    var enableCoxDR = 'false' === 'true';
320    var IncentiveSource ='AIS';
321    var enableSonicDataLayer = 'false' === "true"
322    var useSonicSourceLabel = 'false' === "true";
323    var sonicDataLayerGtmId = "";
324    var isGoogleChatEnabled = 'false' == "true";
325    var enableV2Assistant = 'false' == "true";
326    var isTextUsEnabled = 'false' == "true";
327    var quickStartSalesPhoneNumber ='';
328    var quickStartServicePhoneNumber ='';
329    var textUsButtonColor = '';
330    var textUsFontColor = '';
331    var enableStrolidWidget = 'false' == "true";
332    var cookieDisclaimerBackgroundColor ='';
333    var cookieDisclaimerFontColor ='';
334    var cookieDisclaimerOKButtonColor = '';
335    var cookieDisclaimerOKButtonFontColor = '';
336    var disableBuildAndPrice = 'false' === "true";
337    var ascGtmId = '';
338    var isIFrame = 'false' === "true";
339    var isCommentsMandatory = 'false' ===  "true";
340    var isBonusOfferExists = 'true' ===  "true";
341    var enableHendrickDataLayer = 'false'== "true";
342    var hendrickDataLayerGtmId ='';
343    var ga4DigitalAnalyticsKey = '';
344    var ga4GoogleAnalyticsKey = 'G-GSNNZF8F6V';
345    var ga4GoogleAnalyticsKey2 = '';
346    var ga4GoogleAnalyticsKey3 = '';
347    var enableEdmunds = 'false' == 'true';
348    var enableEdmundsCash = 'false' == 'true';
349    var enableEdmundsInCTA = 'false' == 'true';
350    var edmundsId = '';
351    var edmundsCashId = '';
352    var edmundsIdCTA = '';
353    var edmundsGoogleAnalyticsKey = '';
354    var edmundsCashGoogleAnalyticsKey = '';
355    var edmundsCTAGoogleAnalyticsKey = '';
356    var specialRotator = 'Drive-In';
357    var srpMouseOver = '360-Spin';
358    var featuredSpecial = 'Drive-In';
359    var isSmartPathEnabled = 'false' == "true";
360    var enableEvoxDriveIn ='false' === 'true';
361    var isDigitalDealer = 'true' === 'true';
362    var DGDataHub = null;
363  var smartPathSubsiteUrl  ='';
364  var enableGuaranteedTradeInProgram = 'false' == "true";
365  var showZipCodeOnGetOffer = 'false' === "true"
366  var showCommentsOnGetOffer = 'false' === "true"
367  var openSocialLinksInLightBox  = 'false' === "true";
368  var isSDISEnabled =   'false' == "true";
369  var isDDOAEnabled = 'false' == "true";
370  var secondaryAddressLatitude = '0.00000000';
371  var secondaryAddressLongitude = '0.00000000';
372  var bmwCertifiedCenter = 'false' === 'true';
373  var enableUnlockSmartPrice = 'false' === 'true';
374  var showTextPermission = 'false' === "true";
375  var enabledFordDirectVehicleVideo='false' === 'true';
376  var ga4MakeCategory = 'foreign';
377  var enableBuildaBrand = 'false' === "true";
378  var enableBuildaBrandVdp = 'false' === "true";
379  var buildaBrandId = '';
380  var buildaBrandToken = '';
381  var websiteAnalyticKey = 'G-D22KY4R05F';
382  var fdDigitalAnalyticsKey = '';
383  var enableASCEventsOnly1ForGA4 = 'true' === 'true';
384  var enableASCEventsOnly2ForGA4 = 'false' === 'true';
385  var enableASCEventsOnly3ForGA4 = 'false' === 'true';
386  var enableASCEventsOnly4ForGA4 = 'false' === 'true';
387  var enableNewSRPVDPSmartPathCTAs = 'false' === 'true';
388  var enableUsedSRPVDPSmartPathCTAs = 'false' === 'true';
389  var useNewForShopByBrand = 'false' === 'true';
390  var useNewForShopByType = 'false' === 'true';
391  var enablematadorChatCta = 'false' === 'true';
392  var matadorChatCtaTxt = '';
393  var isRotationalCouponsNewDesign  = 'true' === 'true';
394  var enableCPOSRPVDPSmartPathCTAs = 'false' === 'true';
395  var researchModelDefaultYear = '2026';
396  var inTransitDisclaimer = '';
397  var facebookColor = '';
398  var instagramColor = '';
399  var twitterColor = '';
400  var youtubeColor = '';
401  var tiktokColor = '';
402  var linkedInColor = '';
403  var headerColor = '1';
404  var dealerManufacturers = 'Hyundai';
405  var IncentiveModelDefaultYear = '2026';
406  var ReserveYourVehicleModelDefaultYear = '';
407  var enableDisasterMessage = 'true' === 'true';
408  var isEmailMandatoryUnlockInLeadForm= 'False' === 'True';
409  var showDealerGroupNumber = 'False' === 'True';
410  var enableDigitalOEMProgram = 'True' === 'True';
411  var enableFloodLightTaagging = 'False' === 'True';
412  var enableEpsilonTags = 'false' === 'true';
413  var isVdp= 'false' == 'true';
414  var menuStyleId = '7';
415  var enableAccessRewards = 'true' === 'true';
416  var isMaseratiGrecaleHomePagePopUp = 'False' === 'True';
417  var defaultSRPPaymentTypeNew = 'cash';
418  var defaultSRPPaymentTypeUsed = 'cash';
419  var defaultSRPPaymentTypeCPO = 'cash';
420  var enableGubagooPreQual = 'False' === 'True';
421  var hideDealershipLocationOnMap= 'False' === 'True';
422  var mobileMenupencilBannerImageId = '0';
423  var showETAForInTransitVehicles = 'True' === 'True';
424  var enableDrsTagging = 'False' === 'True';
425  var enableFordDirectOneToOne = 'false' === 'true';
426  var cookieDisclaimerOKButtonLabel = '';
427  var transactLogoImageId = '735558';
428  var enableGetOfferCTA = 'false' === 'true';
429  var MobileMenuPencilBarURL = '';
430  var MobileMenuPencilBarTab = '';
431  var enableTealiumCDP = 'false' === 'true';
432  var hideExpirationDate = 'false' === 'true';
433  var enableDeptSelectionForDirectionsMobile='false'==='true';
434  var showChatOnMobileFooter = 'true' === 'true';
435  var showTextOnMobileFooter = 'true' === 'true';
436  var enableNewAccountDesign = 'false' === 'true';
437  var alwaysShowMSRPTransact = 'false' === 'true';
438  var alwaysShowMSRPTransactUsed = 'false' === 'true';
439  var enableWebsiteSpeed = 'True' === 'True';
440  var ga4GoogleAnalyticsKey4 = '';
441  var ga4GoogleAnalyticsKey5 = '';
442  var enableASCEventsOnly4Id4ForGA4 = 'false' === 'true';
443  var enableASCEventsOnly4Id5ForGA4 = 'false' === 'true';
444  var enableAccountCreationLead = 'true' === 'true';
445  var showCallUsOrTextUsCta = '4' === '3' ? true : false;
446  var isFooterAssistantSelected = '4' === '4' ? true : false;
447  var logsApiUrl ='https://log.api.teamvelocityportal.com';
448  var showDisclosureInsteadOfLink = 'false' === 'true';
449  var showDisclaimerOnBanners = 'false' === "true";
450  var taxesFeesLabelVDP = '';
451  var windowStickerButtonColor = '';
452  var windowStickerButtonFontColor = '';
453  var windowStickerButtonBorderColor = '';
454  var enableVehicleTypeInVehicleNames = 'false' === 'true';
455  var hideMPG = 'false' === 'true';
456  var showOEMPaymentIncentives = 'false' === 'true';
457  var assistantSentryDns = 'https://[email protected]/5833431';
458  var onlinePartsStoreUrl = '';
459  var smartPathUnlockPriceLabel ='';
460  var conditionalOfferFontColor = '';
461  var enableSignInPrompt = 'False' === 'True';
462  var hideHoursOnHeader = 'false' === 'true';
463  var isSiteMapExists = 'True'  === 'True';
464  var showOnlyLowestAPRWithHighestTerm = 'False' === 'True';
465  var enableBlueStarRating = 'false' === 'true';
466  var blueStarAPIKey = '';
467  var showCallForPriceForNewSpecials = 'false' === 'true';
468  var showCallForPriceForPreOwnedSpecials = 'false' === 'true';
469  var primaryDomain = 'www.cityworldhyundai.com';
470  var sendLoginsToHomePage = 'false' === 'true';
471  var enablePrivacy4CarsBadgeInVDP = 'false' === 'true';
472  var enablePrivacy4CarsBadgeInSRP = 'false' === 'true';
473  var privacy4CarsId = '';
474  var accessoriesUrl = '';
475  var defaultPrefferedContactToPhone = 'false' === 'true';
476  var callUsButtonColor = '';
477  var callUsButtonFontColor = '';
478  var textUsMobileButtonColor = '';
479  var textUsMobileButtonFontColor = '';
480  var franchiseString = 'Hyundai';
481  var disableDNIScripts = 'False';
482  var useMSRPInsteadofFinalPriceforStartingAt = 'false' === 'true';
483  var enableSignInPromptMobile = 'false' === 'true';
484  var enableWindowStickerInVDPSecondaryCTAs = 'false' === 'true';
485  var showIconsForSignInandSpanish = 'true' === 'true';
486  var isVdvPanelEnabled = 'false' === 'true';
487  var enableVdvPlayButtonAboveVdpGallery = 'false' === 'true';
488  var disableVdvOnVdp = 'false' === 'true';
489  var disableVdvOnSrp = 'false' === 'true';
490  var disableVdvOnSpecialOffers = 'false' === 'true';
491  var disableVdvOnDynamicBanners = 'false' === 'true';
492  var googleColor = '';
493  var printerestColor = '';
494  var makeZipCodeMandatory = 'true' === 'true';
495  var hideServiceHoursOnHeader = 'false' === 'true';
496  var enableActivEngage = 'false' === 'true';
497  var additionalPhoneNumberLabel = '';
498  var additionalPhoneNumber = '';
499  var enableViewInventoryOnResearchModels = 'false' === 'true';
500  var includeTextingPreferred = 'false' === 'true';
501  var fastlyESInventoryAPIBaseUrl = 'https://www.cityworldhyundai.com/tvm-services';
502  var isEmailMandatory = 'false' === 'true';
503  var hideDownPaymentOnSpecials = 'false' === 'true';
504  var urlPathStyleId = 0;
505  var urlPathVin = '';
506  var showPhoneNumberLoginOnEntry = 'false' === 'true';
507  var textingPreferred = 'false' === 'true';
508  var enableScheduleServiceButtons = 'false' === 'true';
509  var subMenuTypeMegaMenu = 'false' === 'true';
510  var enableMobileMegaMenu = 'false' === 'true';
511  var defaultTextingPreferredToYes = 'false' === 'true';
512  var cookieRejectButton = 'false' === 'true';
513  var cookieRejectionRedirectURL = '';
514  var hideArchivesandCategories = 'false' === 'true';
515  var enable2FA = 'false' === 'true';
516  var enable2FAForContactUs = 'false' === 'true';
517  var enableTstTestDriveIntegration = 'False' ==='True';
518  var enable360BoothImageOverlay =  'false' === 'true';
519  var enable360Booth =  'false' === 'true';
520  var applyPhoneNumberFormat = 'false' === 'true';
521  var digitalDomainUrl = 'https://prod.tvmimageservice.com';
522  var tradePendingApiUrl = 'https://tradepending.api.teamvelocityportal.com';
523  var globalThemeName='';
524  var isLocationMandatory = 'false' === 'true';
525  var enableOemInventoryFeed = 'True' === 'True';
526  var showGMPriceStack = 'false' === 'true';
527  var enableSfsCreditApp = 'false' === 'true';
528</script>
528
529
530
531  
532
533  
534
535<script type="text/javascript">
536    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;';
537    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;';
538    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;';
539    var FbpId = '3491230691188098';
540    var conversionAPIKey = '';
541</script>
541
542
543<!-- Global site tag (gtag.js) - Google Ads: 11238299152 -->
vendor: 65 bytes, lines 543-544
543
544<script async src="https://www.googletagmanager.com/gtag/js?id=
544AW-11238299152
vendor: 13 bytes, line 544
544"></script>
545<script>
546  
vendor: 138 bytes, lines 546-550
546window.dataLayer = window.dataLayer || [];
547  function gtag(){dataLayer.push(arguments);}
548  gtag('js', new Date());
549
550  gtag('config', '
550AW-11238299152
vendor: 5 bytes, line 550
550');
551</script>
551<script>
552  gtag('config', 'AW-11238299152/jJapCKyjh4EcEJCs6-4p', {
553    'phone_conversion_number': '866-585-7677'
554  });
555</script>
555<script>
556  gtag('config', 'AW-11238299152/CI2KCK-jh4EcEJCs6-4p', {
557    'phone_conversion_number': '877-801-7135'
558  });
559</script>
559
560  
561
562  <style>
563    .bgcolor-primary {
564        background-color: #002C5E !important;
565    }
566
567    .bgcolor-secondary {
568        background-color: #767676 !important;
569    }
570
571    .color-secondary {
572        color: #767676 !important;
573    }
574
575    .hover-color-primary:hover {
576            color: #002C5E !important;
577    }
578    .color-primary {
579        color: #002C5E !important;
580    }
581    .VueCarousel-pagination {
582        z-index: 9 !important;
583    }
584    #_website_gemini .page-headline-wrapper {
585      background-color:  !important;
586    }
587    #_website_gemini .page-headline-text {
588      color:  !important;
589    }
590    #_website_gemini .text-white.page-headline-text{
591      color:  !important;
592    }
593
594    #_website_gemini .default_color {
595    background-color: #002C5E;
596    }
597    .default_text_color {
598    color: #FFFF;
599    }
600    .default_submenu-custom-bg {
601    background-color: #FFF;
602    }
603
604    .submenu-custom-bg a,
605    .submenu-custom-bg a:hover,
606    .submenu-custom-bg .submenu_right_arrow {
607        color: #000;
608    }
609
610
611    #_website_gemini .sign_out_link {
612        color:  !important;
613    }
614  </style>
615
616
617
618
619  
620
621
622
623      
623<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/chunk/common.js" type="text/javascript" data-kpa-category="essential" defer></script>
623
624      
624<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/vendor.js" type="text/javascript" data-kpa-category="essential" defer></script>
624
625
626
627    
627<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/vendor.js" data-kpa-category="essential" type="text/javascript" defer></script>
627
628
629
630      
630<script type="application/ld&#x2B;json">
631        {
632            "@context": "http://schema.org",
633            "@graph": [
634                {
635                    "@type": "WebSite",
636                    "@id": "https://www.cityworldhyundai.com/#website",
637                    "name": "City World Hyundai",
638                    "url": "https://www.cityworldhyundai.com"
639                }
640            ]
641        }
642    </script>
642
643
644  
644<script>
645
646    window.addEventListener('message', function (event) {
647        try {
648            if (event.data.func == 'reloadafterlogin' && event.data.message == 'Message text from iframe.') {
649                try {
650                    if (22 == 8 ||
651                        22 == 4 ||
652                        22 == 11 ||
653                        22 == 10 ||
654                        22 == 9 ||
655                        22 == 1)
656                    {
657                        window.location = '/mygarage';
658                    }
659                    else
660                    {
661                        window.location.reload();
662                    }
663                } catch (e)
664                {
665
666                }
667            }
668            else if (event.data.func == "loadiniframe" && event.data.message == 'loadiniframe') {
669                var elem = document.createElement('iframe');
670                elem.style.cssText = 'display:none;';
671                elem.src = 'https://www.cityworldhyundai.com/identitylogin';
672                document.body.appendChild(elem);
673                if ($('.loading-gif')) $('.loading-gif').hide();
674            } else if (event.data.func === 'navigateTo' && event.data.url) {
675                if(event.data.url === '/register'){
676                    window.parent.postMessage({ 'func': 'openRegistrationModal'}, "*")
677                } else {
678                    window.location.href = event.data.url;
679                }
680                if ($('.loading-gif')) $('.loading-gif').hide();
681            } 
682            else if (event.data.func === 'open-phone-login-vehicles' ) {
683                 window.parent.postMessage({ 'func': 'openPhoneVehiclesModal', vehiclesData: event.data.vehiclesData}, "*")
684             }
685            else if (event.data.func === 'open-registration-modal-profile-creation' ) {
686                 window.parent.postMessage({ 'func': 'openRegistrationModalProfileCreation', loginData: event.data.loginData}, "*")
687             }
688        }
689            catch (ex) { }
690        });
691
692</script>
692
693  
694
695  
696
697  
698    
699
700
701
702<script async src="https://content-container.edmunds.com/21541.js" type="text/javascript"></script>
702 <meta name="google-site-verification" content="S2BnxMnSLlKfQX_YfhEvZAyouITYQrFTfDIMDP-ozhw" /><!-- Google Tag Manager -->
703<script>
vendor: 327 bytes, line 703
703(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','
703GTM-K6R7KVP
vendor: 3 bytes, line 703
703');
703</script>
703 <!-- End Google Tag Manager -->
703<script type="application/ld+json">
704{
705  "@context": "https://schema.org",
706  "@graph": [
707    {
708      "@type": "AutoDealer",
709      "@id": "https://www.cityworldhyundai.com/#autodealer",
710      "name": "City World Hyundai",
711      "url": "https://www.cityworldhyundai.com",
712      "telephone": "(855) 306-0357",
713      "priceRange": "$15,000 - $60,000",
714      "paymentAccepted": "Cash, Credit Card, Financing, Lease",
715      "currenciesAccepted": "USD",
716      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
717      "logo": {
718        "@id": "https://www.cityworldhyundai.com/#logo"
719      },
720      "address": {
721        "@id": "https://www.cityworldhyundai.com/#address"
722      },
723      "brand": {
724        "@type": "Brand",
725        "name": "Hyundai"
726      },
727      "parentOrganization": {
728        "@id": "https://www.cityworldhyundai.com/#parentorganization"
729      },
730      "areaServed": [
731        {
732          "@type": "City",
733          "name": "Bronx",
734          "containedInPlace": {
735            "@type": "State",
736            "name": "NY"
737          }
738        },
739        {
740          "@type": "City",
741          "name": "Yonkers",
742          "containedInPlace": {
743            "@type": "State",
744            "name": "NY"
745          }
746        },
747        {
748          "@type": "City",
749          "name": "Mount Vernon",
750          "containedInPlace": {
751            "@type": "State",
752            "name": "NY"
753          }
754        },
755        {
756          "@type": "City",
757          "name": "Manhattan",
758          "containedInPlace": {
759            "@type": "State",
760            "name": "NY"
761          }
762        },
763        {
764          "@type": "City",
765          "name": "Queens",
766          "containedInPlace": {
767            "@type": "State",
768            "name": "NY"
769          }
770        },
771        {
772          "@type": "City",
773          "name": "Parkchester",
774          "containedInPlace": {
775            "@type": "State",
776            "name": "NY"
777          }
778        }
779      ],
780      "sameAs": [
781        "https://www.facebook.com/cityworldhyundai/",
782        "https://twitter.com/cw_hyundai",
783        "https://www.instagram.com/cityworldhyundai_/",
784        "https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw",
785        "https://www.google.com/maps?cid=17824191418907986992"
786      ],
787      "geo": {
788        "@id": "https://www.cityworldhyundai.com/#geo"
789      },
790      "knowsAbout": [
791        "Hyundai Elantra",
792        "Hyundai Elantra Hybrid",
793        "Hyundai IONIQ 5",
794        "Hyundai IONIQ 9",
795        "Hyundai Kona",
796        "Hyundai Palisade",
797        "Hyundai Palisade Hybrid",
798        "Hyundai Santa Cruz",
799        "Hyundai Santa Fe",
800        "Hyundai Santa Fe Hybrid",
801        "Hyundai Sonata",
802        "Hyundai Sonata Hybrid",
803        "Hyundai Tucson",
804        "Hyundai Tucson Hybrid",
805        "Hyundai Venue",
806        "Hyundai financing",
807        "Hyundai leasing",
808        "Hyundai service",
809        "Hyundai OEM parts",
810        "Hyundai certified pre-owned",
811        "Hyundai Assurance"
812      ],
813      "makesOffer": [
814        {
815          "@type": "Offer",
816          "itemOffered": {
817            "@type": "Service",
818            "name": "New Car Sales",
819            "serviceType": "New Car Sales",
820            "areaServed": {
821              "@type": "City",
822              "name": "Bronx",
823              "containedInPlace": {
824                "@type": "State",
825                "name": "NY"
826              }
827            },
828            "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."
829          }
830        },
831        {
832          "@type": "Offer",
833          "itemOffered": {
834            "@type": "Service",
835            "name": "Used Car Sales",
836            "serviceType": "Used Car Sales",
837            "areaServed": {
838              "@type": "City",
839              "name": "Bronx",
840              "containedInPlace": {
841                "@type": "State",
842                "name": "NY"
843              }
844            },
845            "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."
846          }
847        },
848        {
849          "@type": "Offer",
850          "itemOffered": {
851            "@type": "Service",
852            "name": "Vehicle Leasing",
853            "serviceType": "Vehicle Leasing",
854            "areaServed": {
855              "@type": "City",
856              "name": "Bronx",
857              "containedInPlace": {
858                "@type": "State",
859                "name": "NY"
860              }
861            },
862            "description": "Hyundai vehicle leasing at City World Hyundai in Bronx. Flexible lease terms with competitive monthly payments on new models."
863          }
864        },
865        {
866          "@type": "Offer",
867          "itemOffered": {
868            "@type": "Service",
869            "name": "Auto Financing",
870            "serviceType": "Auto Financing",
871            "areaServed": {
872              "@type": "City",
873              "name": "Bronx",
874              "containedInPlace": {
875                "@type": "State",
876                "name": "NY"
877              }
878            },
879            "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."
880          }
881        },
882        {
883          "@type": "Offer",
884          "itemOffered": {
885            "@type": "Service",
886            "name": "Trade-In Assistance",
887            "serviceType": "Trade-In Assistance",
888            "areaServed": {
889              "@type": "City",
890              "name": "Bronx",
891              "containedInPlace": {
892                "@type": "State",
893                "name": "NY"
894              }
895            },
896            "description": "Vehicle trade-in appraisal at City World Hyundai in Bronx. Receive a fair market value assessment applicable toward your next purchase or lease."
897          }
898        },
899        {
900          "@type": "Offer",
901          "itemOffered": {
902            "@type": "Service",
903            "name": "Vehicle Protection Plans",
904            "serviceType": "Vehicle Protection Plans",
905            "areaServed": {
906              "@type": "City",
907              "name": "Bronx",
908              "containedInPlace": {
909                "@type": "State",
910                "name": "NY"
911              }
912            },
913            "description": "Extended vehicle protection plans available at City World Hyundai in Bronx, covering mechanical and electrical components beyond the factory warranty period."
914          }
915        }
916      ],
917      "openingHoursSpecification": [
918        {
919          "@type": "OpeningHoursSpecification",
920          "dayOfWeek": "Sunday",
921          "opens": "11:00",
922          "closes": "17:00"
923        },
924        {
925          "@type": "OpeningHoursSpecification",
926          "dayOfWeek": "Monday",
927          "opens": "09:00",
928          "closes": "20:00"
929        },
930        {
931          "@type": "OpeningHoursSpecification",
932          "dayOfWeek": "Tuesday",
933          "opens": "09:00",
934          "closes": "20:00"
935        },
936        {
937          "@type": "OpeningHoursSpecification",
938          "dayOfWeek": "Wednesday",
939          "opens": "09:00",
940          "closes": "20:00"
941        },
942        {
943          "@type": "OpeningHoursSpecification",
944          "dayOfWeek": "Thursday",
945          "opens": "09:00",
946          "closes": "20:00"
947        },
948        {
949          "@type": "OpeningHoursSpecification",
950          "dayOfWeek": "Friday",
951          "opens": "09:00",
952          "closes": "19:00"
953        },
954        {
955          "@type": "OpeningHoursSpecification",
956          "dayOfWeek": "Saturday",
957          "opens": "09:00",
958          "closes": "19:00"
959        }
960      ],
961      "department": [
962        {
963          "@id": "https://www.cityworldhyundai.com/#autorepair"
964        },
965        {
966          "@id": "https://www.cityworldhyundai.com/#autopartsstore"
967        }
968      ]
969    },
970    {
971      "@type": "ImageObject",
972      "@id": "https://www.cityworldhyundai.com/#logo",
973      "url": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0"
974    },
975    {
976      "@type": "PostalAddress",
977      "@id": "https://www.cityworldhyundai.com/#address",
978      "streetAddress": "3350 Boston Rd",
979      "addressLocality": "Bronx",
980      "addressRegion": "NY",
981      "postalCode": "10469",
982      "addressCountry": "US"
983    },
984    {
985      "@type": "GeoCoordinates",
986      "@id": "https://www.cityworldhyundai.com/#geo",
987      "latitude": 40.87431365,
988      "longitude": -73.8517492
989    },
990    {
991      "@type": "AutoRepair",
992      "@id": "https://www.cityworldhyundai.com/#autorepair",
993      "name": "City World Hyundai Service",
994      "url": "https://www.cityworldhyundai.com/service-department",
995      "telephone": "(877) 801-7135",
996      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
997      "priceRange": "$50 - $10,000",
998      "address": {
999        "@id": "https://www.cityworldhyundai.com/#address"
1000      },
1001      "makesOffer": [
1002        {
1003          "@type": "Offer",
1004          "itemOffered": {
1005            "@type": "Service",
1006            "name": "AC Repair",
1007            "serviceType": "AC Repair",
1008            "areaServed": {
1009              "@type": "City",
1010              "name": "Bronx",
1011              "containedInPlace": {
1012                "@type": "State",
1013                "name": "NY"
1014              }
1015            },
1016            "description": "Automotive air conditioning diagnosis and repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians using manufacturer-approved procedures."
1017          }
1018        },
1019        {
1020          "@type": "Offer",
1021          "itemOffered": {
1022            "@type": "Service",
1023            "name": "Battery Testing & Replacement",
1024            "serviceType": "Battery Testing & Replacement",
1025            "areaServed": {
1026              "@type": "City",
1027              "name": "Bronx",
1028              "containedInPlace": {
1029                "@type": "State",
1030                "name": "NY"
1031              }
1032            },
1033            "description": "Vehicle battery testing and replacement at City World Hyundai in Bronx. Battery health checks with OEM-grade replacement batteries available."
1034          }
1035        },
1036        {
1037          "@type": "Offer",
1038          "itemOffered": {
1039            "@type": "Service",
1040            "name": "Brake Service",
1041            "serviceType": "Brake Service",
1042            "areaServed": {
1043              "@type": "City",
1044              "name": "Bronx",
1045              "containedInPlace": {
1046                "@type": "State",
1047                "name": "NY"
1048              }
1049            },
1050            "description": "Brake inspection, pad replacement, and rotor service at City World Hyundai in Bronx, performed by factory-trained Hyundai technicians to manufacturer specifications."
1051          }
1052        },
1053        {
1054          "@type": "Offer",
1055          "itemOffered": {
1056            "@type": "Service",
1057            "name": "Coolant System Service",
1058            "serviceType": "Coolant System Service",
1059            "areaServed": {
1060              "@type": "City",
1061              "name": "Bronx",
1062              "containedInPlace": {
1063                "@type": "State",
1064                "name": "NY"
1065              }
1066            },
1067            "description": "Cooling system flush and service at City World Hyundai in Bronx, using Hyundai-approved coolant to maintain optimal engine operating temperature."
1068          }
1069        },
1070        {
1071          "@type": "Offer",
1072          "itemOffered": {
1073            "@type": "Service",
1074            "name": "Diagnostics & Software Updates",
1075            "serviceType": "Diagnostics & Software Updates",
1076            "areaServed": {
1077              "@type": "City",
1078              "name": "Bronx",
1079              "containedInPlace": {
1080                "@type": "State",
1081                "name": "NY"
1082              }
1083            },
1084            "description": "Vehicle diagnostic scanning and software updates at City World Hyundai in Bronx, using Hyundai factory diagnostic equipment to identify and resolve fault co
1084des."
1085          }
1086        },
1087        {
1088          "@type": "Offer",
1089          "itemOffered": {
1090            "@type": "Service",
1091            "name": "Engine & Transmission Repair",
1092            "serviceType": "Engine & Transmission Repair",
1093            "areaServed": {
1094              "@type": "City",
1095              "name": "Bronx",
1096              "containedInPlace": {
1097                "@type": "State",
1098                "name": "NY"
1099              }
1100            },
1101            "description": "Engine and transmission repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians with access to genuine OEM parts."
1102          }
1103        },
1104        {
1105          "@type": "Offer",
1106          "itemOffered": {
1107            "@type": "Service",
1108            "name": "Fluid Flushes",
1109            "serviceType": "Fluid Flushes",
1110            "areaServed": {
1111              "@type": "City",
1112              "name": "Bronx",
1113              "containedInPlace": {
1114                "@type": "State",
1115                "name": "NY"
1116              }
1117            },
1118            "description": "Comprehensive fluid flush services at City World Hyundai in Bronx, including transmission, brake, power steering, and differential fluid replacement."
1119          }
1120        },
1121        {
1122          "@type": "Offer",
1123          "itemOffered": {
1124            "@type": "Service",
1125            "name": "Manufacturer Recalls",
1126            "serviceType": "Manufacturer Recalls",
1127            "areaServed": {
1128              "@type": "City",
1129              "name": "Bronx",
1130              "containedInPlace": {
1131                "@type": "State",
1132                "name": "NY"
1133              }
1134            },
1135            "description": "Manufacturer recall repairs at City World Hyundai in Bronx. Hyundai-certified technicians complete all open recalls using genuine OEM parts at no charge."
1136          }
1137        },
1138        {
1139          "@type": "Offer",
1140          "itemOffered": {
1141            "@type": "Service",
1142            "name": "Multi-Point Inspections",
1143            "serviceType": "Multi-Point Inspections",
1144            "areaServed": {
1145              "@type": "City",
1146              "name": "Bronx",
1147              "containedInPlace": {
1148                "@type": "State",
1149                "name": "NY"
1150              }
1151            },
1152            "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."
1153          }
1154        },
1155        {
1156          "@type": "Offer",
1157          "itemOffered": {
1158            "@type": "Service",
1159            "name": "Oil Changes",
1160            "serviceType": "Oil Changes",
1161            "areaServed": {
1162              "@type": "City",
1163              "name": "Bronx",
1164              "containedInPlace": {
1165                "@type": "State",
1166                "name": "NY"
1167              }
1168            },
1169            "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."
1170          }
1171        },
1172        {
1173          "@type": "Offer",
1174          "itemOffered": {
1175            "@type": "Service",
1176            "name": "Tire Services",
1177            "serviceType": "Tire Services",
1178            "areaServed": {
1179              "@type": "City",
1180              "name": "Bronx",
1181              "containedInPlace": {
1182                "@type": "State",
1183                "name": "NY"
1184              }
1185            },
1186            "description": "Tire sales, rotation, balancing, and alignment services at City World Hyundai in Bronx. Stocking major brands recommended for Hyundai vehicles."
1187          }
1188        },
1189        {
1190          "@type": "Offer",
1191          "itemOffered": {
1192            "@type": "Service",
1193            "name": "Warranty Repairs",
1194            "serviceType": "Warranty Repairs",
1195            "areaServed": {
1196              "@type": "City",
1197              "name": "Bronx",
1198              "containedInPlace": {
1199                "@type": "State",
1200                "name": "NY"
1201              }
1202            },
1203            "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."
1204          }
1205        },
1206        {
1207          "@type": "Offer",
1208          "itemOffered": {
1209            "@type": "Service",
1210            "name": "Wheel Alignment",
1211            "serviceType": "Wheel Alignment",
1212            "areaServed": {
1213              "@type": "City",
1214              "name": "Bronx",
1215              "containedInPlace": {
1216                "@type": "State",
1217                "name": "NY"
1218              }
1219            },
1220            "description": "Four-wheel alignment service at City World Hyundai in Bronx, using precision equipment to manufacturer specifications for optimal tire wear and handling."
1221          }
1222        },
1223        {
1224          "@type": "Offer",
1225          "itemOffered": {
1226            "@type": "Service",
1227            "name": "Wiper Blade & Light Bulb Replacement",
1228            "serviceType": "Wiper Blade & Light Bulb Replacement",
1229            "areaServed": {
1230              "@type": "City",
1231              "name": "Bronx",
1232              "containedInPlace": {
1233                "@type": "State",
1234                "name": "NY"
1235              }
1236            },
1237            "description": "Wiper blade and exterior light replacement at City World Hyundai in Bronx, using OEM-spec components for proper fit and performance."
1238          }
1239        }
1240      ],
1241      "openingHoursSpecification": [
1242        {
1243          "@type": "OpeningHoursSpecification",
1244          "dayOfWeek": "Monday",
1245          "opens": "07:30",
1246          "closes": "17:00"
1247        },
1248        {
1249          "@type": "OpeningHoursSpecification",
1250          "dayOfWeek": "Tuesday",
1251          "opens": "07:30",
1252          "closes": "17:00"
1253        },
1254        {
1255          "@type": "OpeningHoursSpecification",
1256          "dayOfWeek": "Wednesday",
1257          "opens": "07:30",
1258          "closes": "17:00"
1259        },
1260        {
1261          "@type": "OpeningHoursSpecification",
1262          "dayOfWeek": "Thursday",
1263          "opens": "07:30",
1264          "closes": "17:00"
1265        },
1266        {
1267          "@type": "OpeningHoursSpecification",
1268          "dayOfWeek": "Friday",
1269          "opens": "07:30",
1270          "closes": "17:00"
1271        },
1272        {
1273          "@type": "OpeningHoursSpecification",
1274          "dayOfWeek": "Saturday",
1275          "opens": "08:00",
1276          "closes": "13:00"
1277        },
1278        {
1279          "@type": "OpeningHoursSpecification",
1280          "dayOfWeek": "Sunday",
1281          "opens": "00:00",
1282          "closes": "00:00"
1283        }
1284      ],
1285      "parentOrganization": {
1286        "@id": "https://www.cityworldhyundai.com/#autodealer"
1287      }
1288    },
1289    {
1290      "@type": "AutoPartsStore",
1291      "@id": "https://www.cityworldhyundai.com/#autopartsstore",
1292      "name": "City World Hyundai Parts",
1293      "url": "https://www.cityworldhyundai.com/parts-department",
1294      "telephone": "(855) 306-0357",
1295      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0",
1296      "priceRange": "$50 - $10,000",
1297      "address": {
1298        "@id": "https://www.cityworldhyundai.com/#address"
1299      },
1300      "makesOffer": [
1301        {
1302          "@type": "Offer",
1303          "itemOffered": {
1304            "@type": "Service",
1305            "name": "OEM Parts Sales",
1306            "serviceType": "OEM Parts Sales",
1307            "areaServed": {
1308              "@type": "City",
1309              "name": "Bronx",
1310              "containedInPlace": {
1311                "@type": "State",
1312                "name": "NY"
1313              }
1314            },
1315            "description": "Genuine Hyundai OEM parts and accessories at City World Hyundai in Bronx. Factory-original components engineered to exact specifications for your vehicle."
1316          }
1317        }
1318      ],
1319      "openingHoursSpecification": [
1320        {
1321          "@type": "OpeningHoursSpecification",
1322          "dayOfWeek": "Monday",
1323          "opens": "07:30",
1324          "closes": "17:00"
1325        },
1326        {
1327          "@type": "OpeningHoursSpecification",
1328          "dayOfWeek": "Tuesday",
1329          "opens": "07:30",
1330          "closes": "17:00"
1331        },
1332        {
1333          "@type": "OpeningHoursSpecification",
1334          "dayOfWeek": "Wednesday",
1335          "opens": "07:30",
1336          "closes": "17:00"
1337        },
1338        {
1339          "@type": "OpeningHoursSpecification",
1340          "dayOfWeek": "Thursday",
1341          "opens": "07:30",
1342          "closes": "17:00"
1343        },
1344        {
1345          "@type": "OpeningHoursSpecification",
1346          "dayOfWeek": "Friday",
1347          "opens": "07:30",
1348          "closes": "17:00"
1349        },
1350        {
1351          "@type": "OpeningHoursSpecification",
1352          "dayOfWeek": "Saturday",
1353          "opens": "07:30",
1354          "closes": "13:00"
1355        },
1356        {
1357          "@type": "OpeningHoursSpecification",
1358          "dayOfWeek": "Sunday",
1359          "opens": "00:00",
1360          "closes": "00:00"
1361        }
1362      ],
1363      "parentOrganization": {
1364        "@id": "https://www.cityworldhyundai.com/#autodealer"
1365      }
1366    },
1367    {
1368      "@type": "Organization",
1369      "@id": "https://www.cityworldhyundai.com/#parentorganization",
1370      "name": "City World Auto Group",
1371      "subOrganization": {
1372        "@id": "https://www.cityworldhyundai.com/#autodealer"
1373      }
1374    }
1375  ]
1376}
1377</script>
1377<script>
1378(function(d,t) {
1379var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
1380g.src=src="https://app.matador.ai/_livechat.js";
1381g.async = true;
1382s.parentNode.insertBefore(g,s);
1383g.onload=function(){
1384matadorLiveChatWidget("7c84160f14419025e51a4b78998a577ae84af5e7");
1385}
1386})(document,"script");
1387</script>
1387<style>
1388#matador-connect-text-label.matador-header-animate {
1389animation: none !important;
1390opacity: 0 !important;
1391display: none !important;
1392}
1393</style>
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</script>
1488
1489
1490
1491
1492
1493
1494
1495
1496<script type="text/javascript">
1497    var stickFiltersToTop = 'true' === "true";
1498    var enableSRPFiltersGetApi = 'false' === "true";
1499    var seeResultsButtonColor = '';
1500    var seeResultsButtonFontColor = '';
1501    var seeResultsButtonBorderColor = '';
1502    var enableLESAVideosSRP = 'true' === "true";
1503    var textAQuoteHeadingLabel = '';
1504    var textAQuoteSubmitButtonLabel = '';
1505    var enableExtGenericColors = 'false' === "true";
1506    var enableInteriorColorFilter = 'true' === "true";
1507    var enableTrasactRedirectionURl = 'false'==="true";
1508    var isCareByVolvoSubscriptionBadge = 'false' === 'true';
1509    var hideColorSwatchesOnSRP = 'false' === "true";
1510    var enableUnityWorksIntegrationSrp = 'false' === "true";
1511    var enableActivEngageSrp = 'false' === "true";
1512    var activEngageButtounLabelDesktop = '';
1513    var activEngageButtounLabelMobile = '';
1514    var enableSelectFiSrp = 'False';
1515    var showIncentiveDetailsText = 'false' === "true";
1516    var showConditionalIncentiveDetailsText = 'false' === "true";
1517	var collapseHeaderOnMobile = 'false' === 'true';
1518    var enableActivEngageSrpMobile = 'false' === "true";
1519    var enableOemAccessoriesIntegration = 'false' === 'true';
1520    var excludeCPOFromUsed = 'false' === 'true';
1521    var showStep2Template = 'true' === "true";
1522    var vehicleTypesInVehicleNamesInventoryType = '';
1523    var vehicleTypeInVehicleNamesUsedlabel = '';
1524    var VehicleTypeInVehicleNamesCpolabel = '';
1525    var showMileageNewVehicles = 'false' === "true";
1526    var EnableGoxeeOnSrp = 'false' === "true";
1527</script>
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537    <!--  -->
1538
1539  <style>
1540  .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}
1540.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}
1540.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>
1540th{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}
1540.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
1540d-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)}
1540.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)}
1540.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)}
1540.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)}
1540.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>
1540.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>
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}}
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}
1540.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}
1541</style>
1542
1543
1544    <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
1545  <noscript>
1546        <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
1547  </noscript>
1548
1549  
1550
1551
1552
1553</head>
1554<body class="_website_gemini page-speed   " id="_website_gemini">
1555
1556
1557        
1557<script type="text/html" id="main-template-footer">
1558
1559          
1560
1561
1562
1563<div id="website-hyundai-footer">
1564    <div id="hyundai-footer">
1565        <div class="py-4" style="background-color:black; color:white;">
1566            <div class="container ">
1567              <dealer-contact-info-hours-with-map :program-icon-settings='{"themeName":"Hyundai","enableOEMProgram":true,"enrolledInCarCareProgram":false,"enrolledInShopperAssuranceProgram":true,"enrolledInIoniqProgram":false,"enrolledInHopeOnWheelsProgram":true,"enrolledInClickToBuyProgram":false,"primaryAddressLabel":"Sales","secondaryAddressLabel":"Service "}'/>
1568
1569                <div class="d-flex align-items-center flex-column flex-md-row justify-content-md-between mb-3" style="gap:15px;">
1570                  <div class="row social-icons d-flex flex-1 pt-4 pt-md-0">
1571                        <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')"
1572                        >
1573                            <span><em class="primaryicon-facebook" title="Facebook" :style="{'color' : '!important'}"></em></span>
1574                        </a>
1575                        <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')"
1576                        >
1577                            <span><em class="primaryicon-instagram" title="Instagram" :style="{'color' : '!important'}"></em></span>
1578                        </a>
1579                        <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')"
1580                        >
1581                            <span><em class="primaryicon-twitter" title="Twitter" :style="{'color' : '!important'}"></em></span>
1582                        </a>
1583                        <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')"
1584                        >
1585                            <span><em class="primaryicon-youtube" title="Youtube"  :style="{'color' : '!important'}"></em></span>
1586                        </a>
1587                                  <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"
1588                                  >
1589                                      <span><em class="primaryicon-Dealer-Rater-Icon" title="DealerRater" :style="{'color' : '!important'}"></em></span>
1590                                  </a>
1591                  </div>
1592                  <div id="lang-component" class="text-md-right flex-1">
1593                      Language: <language-change-icon> </language-change-icon>
1594                      <span class="font-weight-bold ft-11 pl-1 primaryicon-right-arrow-light"></span>
1595                  </div>
1596                </div>
1597
1598
1599                <div class="footer-menu-links my-4">
1600                  <div class="d-flex flex-wrap justify-content-center align-items-center" style="gap: 15px;">
1601                    <a @click="onFooterNavigationClick('Privacy Policy')" href="/privacy-policy" class="text-white text-decoration-none footer-link px-3">Privacy Policy</a>
1602                    <span class="text-white d-md-none">|</span>
1603                    <a @click.prevent="openTerms('Terms Of Use','')" href="" class="text-white text-decoration-none footer-link px-3">Terms Of Use</a>
1604                    <span class="text-white d-md-none">|</span>
1605                    <a @click.prevent="openSiteMap('/sitemap.xml','Sitemap')" href="/sitemap.xml" class="text-white text-decoration-none footer-link px-3">Sitemap</a>
1606                    <span class="text-white d-md-none">|</span>
1607                    <a @click.prevent="openSiteMap('/sitemap.html','Sitemap Html')" href="/sitemap.html" class="text-white text-decoration-none footer-link px-3">Sitemap Html</a>
1608                    <span class="text-white d-md-none">|</span>
1609                      <a href="/optout" @click='onFooterNavigationClick("Opt-Out")' class="text-white text-decoration-none footer-link px-3">Opt-Out</a>
1610
1611                    <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>
1612
1613
1614                    <a href="/privacy-policy" @click='onFooterNavigationClick("Cookie Preferences")' class="text-white text-decoration-none footer-link px-3">Cookie Preferences</a>
1615                  </div>
1616                </div>
1617
1618                <div>
1619                      <div class="mt-2">
1620                          <p class=" company-branding-text m-0 text-center">Website by
1621                          <a class="text-decoration-none text-white" href="https://teamvelocitymarketing.com/" rel="noopener nofollow" target="_blank">
1622                          Team Velocity®</a>
1623                          - Fueled by Apollo® | Copyright ©2026
1624                          </p>
1625                      </div>
1626                </div>
1627
1628            </div>
1629        </div>
1630    </div>
1631</div>
1632<div>
1633    <contact-form :opencontact="ContactForm"
1634                  offerid=""
1635                  styleid=""
1636                  vin=""
1637                  dealerurl=""
1638                  v-if="ContactForm"
1639                  @hidemodal="ContactForm = false"></contact-form>
1640    <schedule-service-modal-form v-if="openScheduleService" @hidemodal="openScheduleService = false"></schedule-service-modal-form>
1641    <get-financing v-if="openFinance" @hidemodal="openFinance = false"></get-financing>
1642    <get-directions v-if="showDirections" @hidemodal="showDirections =false "></get-directions>
1643    <privacy-statement v-if="showPrivacy"
1644                       :openprivacystatement="showPrivacy"
1645                       @hidemodal="showPrivacy = false">
1646    </privacy-statement>
1647    <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
1648                   :url="showIframeUrl"></iframe-modal>
1649    <additional-disclosure v-if="showDisclosure"
1650                           :openadditionaldisclosure="showDisclosure"
1651                           @hidemodal="showDisclosure = false">
1652    </additional-disclosure>
1653    <termsof-use v-if="showTerms"
1654                 :opentermsofuse="showTerms"
1655                 @hidemodal="showTerms = false">
1656    </termsof-use>
1657</div>
1658
1659          </script>
1659
1660        
1660<script type="text/html" id="main-template-header">
1661          <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']">
1662            
1663
1664
1665
1666
1667      <div class="header _primary_template_header gemini-utility-menu w-100 _website_header">
1668
1669        <div class="bg-white color-primary gemini-utility-menu-wrapper">
1670
1671          <div class="container">
1672
1673           <div @click='onHeaderMenuClick();' class="align-items-center d-flex justify-content-between utility-bar-top w-100 ft-12">
1674
1675    <div class="hyundai-program-icons d-flex align-items-center mr-auto">
1676            <a class="hyundai-shopper d-flex align-items-center mr-3" href="/shopper-assurance">
1677                <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-ShopperAssurance_240x80.png" alt="Shopper Assurance" />
1678            </a>
1679            <a class="hyundai-hope d-flex align-items-center mr-3" href="/why-hyundai/hope-on-wheels">
1680                <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-HopeonWheels_240x80.png" alt="Hope On Wheels" />
1681            </a>
1682       
1683    </div>
1684            <div class="d-flex align-items-center justify-content-end flex-grow-1">
1685                <div>City World Hyundai</div>
1686                <div class="line-seperator mx-2"></div>
1687
1688
1689                <div class="d-flex align-items-center phone-numbers-label-container">
1690                       <div class="line-seperator mx-3"></div> <div class="text-center">
1691                        <em class="primaryicon-phone mr-1"></em>&nbsp;Sales <a href="tel:866-585-7677"
1692                                                                    @click="onContactSalesClick('Sales Call Button', 'Header','866-585-7677')"
1693                                                                    class="Phone_Sales color-primary wordBreak pe-none">866-585-7677</a>
1694                                                                  </div>
1695                      <div class="line-seperator mx-2"></div> <div class="text-center">
1696                        Service <a href="tel:877-801-7135" class="Phone_Service color-primary wordBreak pe-none"
1697                                                                      @click="onContactSalesClick('Service Call Button', 'Header','877-801-7135')">877-801-7135</a>
1698                                                                    </div>
1699                    <div class="line-seperator mx-2"></div>
1700                    <div class="text-center">
1701                      Parts <a href="tel:877-372-4316" @click="onContactSalesClick('Parts Call Button', 'Header')"
1702                                                                  class="Phone_Parts color-primary wordBreak pe-none">877-372-4316</a>
1703                                                                </div>
1704                </div>
1705
1706                <div class="ml-3 mr-2">
1707                  <a href="/get-directions" class="no-hover ml-2 color-primary" title="location" @click='onDirectionsLinkClickForEvent()'>
1708                    <em class="primaryicon-map-pin "></em>
1709                  </a>
1710                </div>
1711                <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("3350 Boston Rd, Bronx, NY 10469")'>
1712                  3350 Boston Rd, Bronx, NY 10469
1713                </div>
1714                  <div class="line-seperator mx-2"></div>
1715                  <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("2249 New England Thruway Bronx, NY 10475")'>
1716                    Service  : 2249 New England Thruway Bronx, NY 10475
1717                  </div>
1718
1719
1720                <div class="ml-4">
1721                  <div class="businesshours-hover position-relative cursor-pointer d-flex">
1722                      <div class="mr-1"><em class="primaryicon-clock mr-1 ft-11"></em>Today  <span>9:00 AM - 7:00 PM</span></div>
1723                      <div class="ml-1"><em class="primaryicon-clock mr-1 ft-11"></em>Service  <span>7:30 AM - 5:00 PM</span></div>
1724                    <div class="position-absolute d-none show-businesshours-hover black-text p-3 w-100">
1725                        <h6 class="text-center"> Open Today !  </h6>
1726                            <div class="d-flex ft-15 text-left">
1727                            <span>  Sales: </span> <span class="ml-1"> 9:00 AM - 7:00 PM </span>
1728                            </div>
1729                            <div class="d-flex ft-15 text-left">
1730                            <span>  Service: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span>
1731                            </div>
1732                            <div class="d-flex ft-15 text-left">
1733                            <span>  Parts: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span>
1734                            </div>
1735                      <div class="text-center mt-3">
1736                        <div class="color-primary ft-24 no-hover theme-text-color" title="directions"
1737                             @click.prevent="showDirections=true,allhoursGetDirections =true,allHoursClick()">
1738                            <u>All Hours</u>
1739                        </div>
1740                      </div>
1741
1742                    </div>
1743                  </div>
1744                </div>
1745              </div>
1746            </div>
1747            </div>
1748
1749    </div>
1750
1751    <div  class="header-menu _primary_template_header_menu position-relative _theme_background_color bgcolor-primary"  @mouseleave='onMouseLeave()'>
1752        <div class="container">
1753              <div class="d-flex align-items-center justify-content-between position-relative row flex-nowrap header-menu-wrapper" style="z-index: 1000;height: 80px;">
1754                <div class=" col-auto">
1755                    <a href="/" title="City World Hyundai" @click='onLogoClick(`/`)'>
1756                        <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"
1757                             class="header-make-logo" style="max-height: 80px" />
1758                    </a>
1759
1760                </div>
1761
1762
1763
1764
1765                <div class="align-items-center col d-flex justify-content-end p-0">
1766
1767
1768
1769
1770
1771                       <template v-if="!showVehicleSearch">
1772                         
1773
1774
1775<div class="d-flex horizontalmenu align-items-center h-100 justify-content-end large-listed-menu">
1776      <div class="d-flex position-relative align-items-center px-0">
1777       
1778            <a href="/inventory/new" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1779              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757519, menuName: `New` })'
1780              @mouseover='onMouseOver(757519, `New`)' :class='isEvVehicleText(`New`)' >
1781            <span :class='{"hybrid-menu":isEvVehicleText(`New`),"text-underline":757519==tempMenuId && showContactForm}' >New</span>
1782                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1783          style="color:#c5c5c5;"></em>
1784          </a>
1785        
1786       
1787        <div class="line-seperator mx-2"></div>
1788
1789          <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']"
1790      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757519"
1791      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1792            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1793        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1794        @click.prevent='onContactFormClick(757519, `New`)'></div>
1795            <div class="d-flex flex-column align-items-center h-100">
1796                <div class="d-flex w-100 align-items-center h-100">
1797                      <a href="/inventory/new" style="cursor:pointer"
1798            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1799            @click='headerMenuNavigationEvent(`Shop All Models`, "/inventory/new",`New`);menuInteraction($event, `New`, `/inventory/new`, `Shop All Models`, `/inventory/new`)' :class='isEvVehicleText(`Shop All Models`)'>
1800
1801            Shop All Models</a>
1802                </div>
1803                <div class="d-flex w-100 align-items-center h-100">
1804                      <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer"
1805            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1806            @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`)'>
1807
1808            New Hyundai Specials</a>
1809                </div>
1810                <div class="d-flex w-100 align-items-center h-100">
1811                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
1812            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1813            @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`)'>
1814
1815            Current Incentives</a>
1816                </div>
1817                <div class="d-flex w-100 align-items-center h-100">
1818                      <a href="https://www.cityworldhyundai.com/reserve-your-vehicle" style="cursor:pointer"
1819            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1820            @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`)'>
1821
1822            Custom Order</a>
1823                </div>
1824                <div class="d-flex w-100 align-items-center h-100">
1825                    <a href="#researchmodels" style="cursor:pointer"
1826            class="px-3 py-2  font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction"
1827            @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'>
1828
1829                      Research Models
1830                    </a>
1831                </div>
1832            </div>
1833          </div>
1834
1835      </div>
1836      <div class="d-flex position-relative align-items-center px-0">
1837       
1838            <a href="/inventory/used" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1839              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757520, menuName: `Pre-Owned` })'
1840              @mouseover='onMouseOver(757520, `Pre-Owned`)' :class='isEvVehicleText(`Pre-Owned`)' >
1841            <span :class='{"hybrid-menu":isEvVehicleText(`Pre-Owned`),"text-underline":757520==tempMenuId && showContactForm}' >Pre-Owned</span>
1842                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1843          style="color:#c5c5c5;"></em>
1844          </a>
1845        
1846       
1847        <div class="line-seperator mx-2"></div>
1848
1849          <div id="primary-submenu" :class="[(6>10)?'max-submenu-height':'']"
1850      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757520"
1851      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1852            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1853        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1854        @click.prevent='onContactFormClick(757520, `Pre-Owned`)'></div>
1855            <div class="d-flex flex-column align-items-center h-100">
1856                <div class="d-flex w-100 align-items-center h-100">
1857                      <a href="/inventory/used" style="cursor:pointer"
1858            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1859            @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`)'>
1860
1861            Shop Pre-Owned Vehicles</a>
1862                </div>
1863                <div class="d-flex w-100 align-items-center h-100">
1864                      <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer"
1865            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1866            @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`)'>
1867
1868            Pre-Owned Vehicle Specials</a>
1869                </div>
1870                <div class="d-flex w-100 align-items-center h-100">
1871                      <a href="/inventory/cpo" style="cursor:pointer"
1872            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1873            @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`)'>
1874
1875            Certified Pre-Owned Vehicles</a>
1876                </div>
1877                <div class="d-flex w-100 align-items-center h-100">
1878                      <a href="/bargain-inventory" style="cursor:pointer"
1879            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1880            @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`)'>
1881
1882            Value Deals Under $20k</a>
1883                </div>
1884                <div class="d-flex w-100 align-items-center h-100">
1885                      <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer"
1886            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1887            @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`)'>
1888
1889            Edmunds Trade-In</a>
1890                </div>
1891                <div class="d-flex w-100 align-items-center h-100">
1892                      <a href="https://www.cityworldhyundai.com/hcuv" style="cursor:pointer"
1893            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1894            @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`)'>
1895
1896            Hyundai Certified Benefits</a>
1897                </div>
1898            </div>
1899          </div>
1900
1901      </div>
1902      <div class="d-flex position-relative align-items-center px-0">
1903       
1904            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1905              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762575, menuName: `ExpressWay` })'
1906              @mouseover='onMouseOver(762575, `ExpressWay`)' :class='isEvVehicleText(`ExpressWay`)' >
1907            <span :class='{"hybrid-menu":isEvVehicleText(`ExpressWay`),"text-underline":762575==tempMenuId && showContactForm}' >ExpressWay</span>
1908                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1909          style="color:#c5c5c5;"></em>
1910          </a>
1911        
1912       
1913        <div class="line-seperator mx-2"></div>
1914
1915          <div id="primary-submenu" :class="[(1>10)?'max-submenu-height':'']"
1916      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762575"
1917      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1918            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1919        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1920        @click.prevent='onContactFormClick(762575, `ExpressWay`)'></div>
1921            <div class="d-flex flex-column align-items-center h-100">
1922                <div class="d-flex w-100 align-items-center h-100">
1923                      <a href="https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&amp;_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw" style="cursor:pointer"
1924            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"
1925            @click='headerMenuNavigationEvent(`Buy Online`, "https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&amp;_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw",`ExpressWay`);
1926            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`)'>
1927
1928            Buy Online</a>
1929                </div>
1930            </div>
1931          </div>
1932
1933      </div>
1934      <div class="d-flex position-relative align-items-center px-0">
1935       
1936            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1937              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762577, menuName: `Electrified Vehicles` })'
1938              @mouseover='onMouseOver(762577, `Electrified Vehicles`)' :class='isEvVehicleText(`Electrified Vehicles`)' >
1939            <span :class='{"hybrid-menu":isEvVehicleText(`Electrified Vehicles`),"text-underline":762577==tempMenuId && showContactForm}' >Electrified Vehicles</span>
1940                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1941          style="color:#c5c5c5;"></em>
1942          </a>
1943        
1944       
1945        <div class="line-seperator mx-2"></div>
1946
1947          <div id="primary-submenu" :class="[(3>10)?'max-submenu-height':'']"
1948      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762577"
1949      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1950            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1951        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1952        @click.prevent='onContactFormClick(762577, `Electrified Vehicles`)'></div>
1953            <div class="d-flex flex-column align-items-center h-100">
1954                <div class="d-flex w-100 align-items-center h-100">
1955                      <a href="/ev-and-hybrids" style="cursor:pointer"
1956            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1957            @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`)'>
1958
1959            Browse Electrified Inventory</a>
1960                </div>
1961                <div class="d-flex w-100 align-items-center h-100">
1962                      <a href="https://www.cityworldhyundai.com/HyundaiEVHub/overview" style="cursor:pointer"
1963            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
1964            @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`)'>
1965
1966            Hyundai EV Hub</a>
1967                </div>
1968                <div class="d-flex w-100 align-items-center h-100">
1969                    <a href="#researchmodels" style="cursor:pointer"
1970            class="px-3 py-2  font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction"
1971            @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'>
1972
1973                      Research Models
1974                    </a>
1975                </div>
1976            </div>
1977          </div>
1978
1979      </div>
1980      <div class="d-flex position-relative align-items-center px-0">
1981       
1982            <a href="/getfinancing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
1983              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757522, menuName: `Finance` })'
1984              @mouseover='onMouseOver(757522, `Finance`)' :class='isEvVehicleText(`Finance`)' >
1985            <span :class='{"hybrid-menu":isEvVehicleText(`Finance`),"text-underline":757522==tempMenuId && showContactForm}' >Finance</span>
1986                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
1987          style="color:#c5c5c5;"></em>
1988          </a>
1989        
1990       
1991        <div class="line-seperator mx-2"></div>
1992
1993          <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']"
1994      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757522"
1995      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
1996            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
1997        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
1998        @click.prevent='onContactFormClick(757522, `Finance`)'></div>
1999            <div class="d-flex flex-column align-items-center h-100">
2000                <div class="d-flex w-100 align-items-center h-100">
2001                      <a href="https://www.cityworldhyundai.com/getfinancing" style="cursor:pointer"
2002            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2003            @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`)'>
2004
2005            Apply for Financing</a>
2006                </div>
2007                <div class="d-flex w-100 align-items-center h-100">
2008                      <a href="https://www.cityworldhyundai.com/tdc-pre-qual" style="cursor:pointer"
2009            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2010            @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`)'>
2011
2012            Get Pre-Qualified in Seconds</a>
2013                </div>
2014                <div class="d-flex w-100 align-items-center h-100">
2015                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
2016            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2017            @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`)'>
2018
2019            Current Incentives</a>
2020                </div>
2021                <div class="d-flex w-100 align-items-center h-100">
2022                      <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer"
2023            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2024            @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`)'>
2025
2026            Edmunds Trade-In</a>
2027                </div>
2028                <div class="d-flex w-100 align-items-center h-100">
2029                      <a href="https://www.cityworldhyundai.com/hyundai-test-drive" style="cursor:pointer"
2030            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2031            @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`)'>
2032
2033            Hyundai Flexible Test Drive</a>
2034                </div>
2035            </div>
2036          </div>
2037
2038      </div>
2039      <div class="d-flex position-relative align-items-center px-0">
2040       
2041            <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"
2042              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757521, menuName: `Specials` })'
2043              @mouseover='onMouseOver(757521, `Specials`)' :class='isEvVehicleText(`Specials`)' >
2044            <span :class='{"hybrid-menu":isEvVehicleText(`Specials`),"text-underline":757521==tempMenuId && showContactForm}' >Specials</span>
2045                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2046          style="color:#c5c5c5;"></em>
2047          </a>
2048        
2049       
2050        <div class="line-seperator mx-2"></div>
2051
2052          <div id="primary-submenu" :class="[(9>10)?'max-submenu-height':'']"
2053      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757521"
2054      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2055            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2056        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2057        @click.prevent='onContactFormClick(757521, `Specials`)'></div>
2058            <div class="d-flex flex-column align-items-center h-100">
2059                <div class="d-flex w-100 align-items-center h-100">
2060                      <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer"
2061            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2062            @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`)'>
2063
2064            New Vehicle Specials</a>
2065                </div>
2066                <div class="d-flex w-100 align-items-center h-100">
2067                      <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer"
2068            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2069            @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`)'>
2070
2071            Pre-Owned Vehicle Specials</a>
2072                </div>
2073                <div class="d-flex w-100 align-items-center h-100">
2074                      <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer"
2075            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2076            @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`)'>
2077
2078            Service &amp; Parts Specials</a>
2079                </div>
2080                <div class="d-flex w-100 align-items-center h-100">
2081                      <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer"
2082            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2083            @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`)'>
2084
2085            New Hyundai Incentives</a>
2086                </div>
2087                <div class="d-flex w-100 align-items-center h-100">
2088                      <a href="https://www.cityworldhyundai.com/specials/dealer-specials" style="cursor:pointer"
2089            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2090            @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`)'>
2091
2092            Dealer Specials</a>
2093                </div>
2094                <div class="d-flex w-100 align-items-center h-100">
2095                      <a href="https://www.cityworldhyundai.com/hyundai-military-program" style="cursor:pointer"
2096            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2097            @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`)'>
2098
2099            Military Program</a>
2100                </div>
2101                <div class="d-flex w-100 align-items-center h-100">
2102                      <a href="https://www.cityworldhyundai.com/hyundai-mobility-program" style="cursor:pointer"
2103            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2104            @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`)'>
2105
2106            Mobility Program</a>
2107                </div>
2108                <div class="d-flex w-100 align-items-center h-100">
2109                      <a href="/montefiore-employee-vehicle-program" style="cursor:pointer"
2110            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2111            @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`)'>
2112
2113            Montefiore Employee Vehicle Program</a>
2114                </div>
2115                <div class="d-flex w-100 align-items-center h-100">
2116                      <a href="/military-first-responders-vehicle-program" style="cursor:pointer"
2117            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2118            @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`)'>
2119
2120            Military and First Responders Vehicle Program</a>
2121                </div>
2122            </div>
2123          </div>
2124
2125      </div>
2126      <div class="d-flex position-relative align-items-center px-0">
2127       
2128            <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"
2129              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757523, menuName: `Hyundai Programs` })'
2130              @mouseover='onMouseOver(757523, `Hyundai Programs`)' :class='isEvVehicleText(`Hyundai Programs`)' >
2131            <span :class='{"hybrid-menu":isEvVehicleText(`Hyundai Programs`),"text-underline":757523==tempMenuId && showContactForm}' >Hyundai Programs</span>
2132                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2133          style="color:#c5c5c5;"></em>
2134          </a>
2135        
2136       
2137        <div class="line-seperator mx-2"></div>
2138
2139          <div id="primary-submenu" :class="[(8>10)?'max-submenu-height':'']"
2140      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757523"
2141      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2142            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2143        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2144        @click.prevent='onContactFormClick(757523, `Hyundai Programs`)'></div>
2145            <div class="d-flex flex-column align-items-center h-100">
2146                <div class="d-flex w-100 align-items-center h-100">
2147                      <a href="https://www.cityworldhyundai.com/americas-best-warranty" style="cursor:pointer"
2148            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2149            @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`)'>
2150
2151            America&#x27;s Best Warranty</a>
2152                </div>
2153                <div class="d-flex w-100 align-items-center h-100">
2154                      <a href="https://www.cityworldhyundai.com/assurance/roadside-assistance" style="cursor:pointer"
2155            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2156            @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`)'>
2157
2158            24/7 Roadside Assistance</a>
2159                </div>
2160                <div class="d-flex w-100 align-items-center h-100">
2161                      <a href="https://www.cityworldhyundai.com/shopper-assurance" style="cursor:pointer"
2162            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2163            @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`)'>
2164
2165            Shopper Assurance</a>
2166                </div>
2167                <div class="d-flex w-100 align-items-center h-100">
2168                      <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer"
2169            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2170            @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`)'>
2171
2172            Complimentary Maintenance</a>
2173                </div>
2174                <div class="d-flex w-100 align-items-center h-100">
2175                      <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer"
2176            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2177            @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`)'>
2178
2179            Car Care</a>
2180                </div>
2181                <div class="d-flex w-100 align-items-center h-100">
2182                      <a href="https://www.cityworldhyundai.com/assurance" style="cursor:pointer"
2183            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2184            @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`)'>
2185
2186            Owner Assurance</a>
2187                </div>
2188                <div class="d-flex w-100 align-items-center h-100">
2189                      <a href="https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels" style="cursor:pointer"
2190            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2191            @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`)'>
2192
2193            Hyundai Hope on Wheels</a>
2194                </div>
2195                <div class="d-flex w-100 align-items-center h-100">
2196                      <a href="https://www.cityworldhyundai.com/bluelinkplus" style="cursor:pointer"
2197            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2198            @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`)'>
2199
2200            Bluelink</a>
2201                </div>
2202            </div>
2203          </div>
2204
2205      </div>
2206      <div class="d-flex position-relative align-items-center px-0">
2207       
2208            <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"
2209              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757524, menuName: `Service &amp; Parts` })'
2210              @mouseover='onMouseOver(757524, `Service &amp; Parts`)' :class='isEvVehicleText(`Service &amp; Parts`)' >
2211            <span :class='{"hybrid-menu":isEvVehicleText(`Service &amp; Parts`),"text-underline":757524==tempMenuId && showContactForm}' >Service &amp; Parts</span>
2212                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2213          style="color:#c5c5c5;"></em>
2214          </a>
2215        
2216       
2217        <div class="line-seperator mx-2"></div>
2218
2219          <div id="primary-submenu" :class="[(11>10)?'max-submenu-height':'']"
2220      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757524"
2221      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2222            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2223        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2224        @click.prevent='onContactFormClick(757524, `Service &amp; Parts`)'></div>
2225            <div class="d-flex flex-column align-items-center h-100">
2226                <div class="d-flex w-100 align-items-center h-100">
2227                      <a href="https://www.cityworldhyundai.com/scheduleservice" style="cursor:pointer"
2228            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2229            @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`)'>
2230
2231            Schedule Service</a>
2232                </div>
2233                <div class="d-flex w-100 align-items-center h-100">
2234                      <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer"
2235            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2236            @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`)'>
2237
2238            Service &amp; Parts Specials</a>
2239                </div>
2240                <div class="d-flex w-100 align-items-center h-100">
2241                      <a href="/service-now-pay-later" style="cursor:pointer"
2242            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2243            @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`)'>
2244
2245            Service Now, Pay Later</a>
2246                </div>
2247                <div class="d-flex w-100 align-items-center h-100">
2248                      <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer"
2249            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2250            @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`)'>
2251
2252            Complimentary Maintenance</a>
2253                </div>
2254                <div class="d-flex w-100 align-items-center h-100">
2255                      <a href="https://www.cityworldhyundai.com/parts-department" style="cursor:pointer"
2256            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2257            @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`)'>
2258
2259            Parts Center</a>
2260                </div>
2261                <div class="d-flex w-100 align-items-center h-100">
2262                      <a href="https://ny109.hyundaiaccessories.com/" style="cursor:pointer"
2263            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"
2264            @click='headerMenuNavigationEvent(`Hyundai Accessories`, "https://ny109.hyundaiaccessories.com/",`Service &amp; Parts`);
2265            redirectMenuInteraction($event,`Service &amp; Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Hyundai Accessories`, `https://ny109.hyundaiaccessories.com/`)' :class='isEvVehicleText(`Hyundai Accessories`)'>
2266
2267            Hyundai Accessories</a>
2268                </div>
2269                <div class="d-flex w-100 align-items-center h-100">
2270                      <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer"
2271            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2272            @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`)'>
2273
2274            Car Care</a>
2275                </div>
2276                <div class="d-flex w-100 align-items-center h-100">
2277                      <a href="https://www.cityworldhyundai.com/hyundai-service-batteries" style="cursor:pointer"
2278            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2279            @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`)'>
2280
2281            Batteries</a>
2282                </div>
2283                <div class="d-flex w-100 align-items-center h-100">
2284                      <a href="https://www.cityworldhyundai.com/hyundai-service-brakes" style="cursor:pointer"
2285            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2286            @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`)'>
2287
2288            Brakes</a>
2289                </div>
2290                <div class="d-flex w-100 align-items-center h-100">
2291                      <a href="https://www.cityworldhyundai.com/hyundai-service-oil-change" style="cursor:pointer"
2292            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2293            @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`)'>
2294
2295            Oil Change</a>
2296                </div>
2297                <div class="d-flex w-100 align-items-center h-100">
2298                      <a href="https://www.cityworldhyundai.com/hyundai-service-tires" style="cursor:pointer"
2299            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2300            @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`)'>
2301
2302            Tires</a>
2303                </div>
2304            </div>
2305          </div>
2306
2307      </div>
2308      <div class="d-flex position-relative align-items-center px-0">
2309       
2310            <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"
2311              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757525, menuName: `About` })'
2312              @mouseover='onMouseOver(757525, `About`)' :class='isEvVehicleText(`About`)' >
2313            <span :class='{"hybrid-menu":isEvVehicleText(`About`),"text-underline":757525==tempMenuId && showContactForm}' >About</span>
2314                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2315          style="color:#c5c5c5;"></em>
2316          </a>
2317        
2318       
2319        <div class="line-seperator mx-2"></div>
2320
2321          <div id="primary-submenu" :class="[(10>10)?'max-submenu-height':'']"
2322      class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757525"
2323      style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;">
2324            <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade"
2325        style="z-index: -1;left: 0" @mouseover='onMouseLeave()'
2326        @click.prevent='onContactFormClick(757525, `About`)'></div>
2327            <div class="d-flex flex-column align-items-center h-100">
2328                <div class="d-flex w-100 align-items-center h-100">
2329                      <a href="https://www.cityworldhyundai.com/about-us" style="cursor:pointer"
2330            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2331            @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`)'>
2332
2333            About Us</a>
2334                </div>
2335                <div class="d-flex w-100 align-items-center h-100">
2336                      <a href="https://www.cityworldhyundai.com/contactus" style="cursor:pointer"
2337            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2338            @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`)'>
2339
2340            Contact Us</a>
2341                </div>
2342                <div class="d-flex w-100 align-items-center h-100">
2343                      <a href="https://www.cityworldhyundai.com/get-directions" style="cursor:pointer"
2344            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2345            @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`)'>
2346
2347            Hours &amp; Directions</a>
2348                </div>
2349                <div class="d-flex w-100 align-items-center h-100">
2350                      <a href="https://www.cityworldhyundai.com/staff" style="cursor:pointer"
2351            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2352            @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`)'>
2353
2354            Meet Our Staff</a>
2355                </div>
2356                <div class="d-flex w-100 align-items-center h-100">
2357                      <a href="https://www.cityworldhyundai.com/faqs" style="cursor:pointer"
2358            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2359            @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`)'>
2360
2361            FAQs</a>
2362                </div>
2363                <div class="d-flex w-100 align-items-center h-100">
2364                      <a href="https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybri
2364d" style="cursor:pointer"
2365            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2366            @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`)'>
2367
2368            Hyundai Champions the Joy of Driving in &#x27;&#x27;Play for the Car&#x27;&#x27; Campaign</a>
2369                </div>
2370                <div class="d-flex w-100 align-items-center h-100">
2371                      <a href="https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards" style="cursor:pointer"
2372            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2373            @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`)'>
2374
2375            Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards</a>
2376                </div>
2377                <div class="d-flex w-100 align-items-center h-100">
2378                      <a href="https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards" style="cursor:pointer"
2379            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2380            @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`)'>
2381
2382            Hyundai Wins Nine 2025 Car and Driver Editors&#x27; Choice Awards</a>
2383                </div>
2384                <div class="d-flex w-100 align-items-center h-100">
2385                      <a href="/blog" style="cursor:pointer"
2386            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2387            @click='headerMenuNavigationEvent(`Blog`, "/blog",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Blog`, `/blog`)' :class='isEvVehicleText(`Blog`)'>
2388
2389            Blog</a>
2390                </div>
2391                <div class="d-flex w-100 align-items-center h-100">
2392                      <a href="https://www.cityworldhyundai.com/press" style="cursor:pointer"
2393            class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction"
2394            @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`)'>
2395
2396            Press</a>
2397                </div>
2398            </div>
2399          </div>
2400
2401      </div>
2402
2403</div>
2404
2405
2406
2407
2408
2409
2410
2411                              <div class="col-auto px-0 d-flex align-items-center mx-2 text-white language-bw-styles">
2412                                <language-change-icon :icon="showGlobeIcon" location="utilityWithNav"></language-change-icon>
2413                                <div class="line-seperator  ml-3 mr-1"></div>
2414                              </div>
2415
2416
2417                              <div class="col-auto px-0  d-flex align-items-center mx-2 signin-container">
2418                                <a class="signin-box no-hover analytics_popup cursor-pointer" @click.prevent="headerSignInClick()"
2419                                 style="color: #fff"
2420                                 >    <span v-if='!showSignInGlobeIcon'>Sign In</span>
2421                                  <div class="tool-tip-icon" v-else>
2422                                    <em  style="color: " class="primaryicon-user-circle ft-20"></em>
2423                                      <div class="header-icon-tool-tip position-absolute align-items-center justify-content-center ft-11">Sign In</div>
2424                                  </div>
2425
2426                                </a>
2427                                <div class="line-seperator ml-3 mr-2"></div>
2428                              </div>
2429
2430                              <a href="#header-search" @click.stop.prevent="enableSearch()" class="header-search-icon no-hover ml-2 color-white cursor-pointer" title="search">
2431                                <span><em class="primaryicon-search no-hover ft-20"></em></span>
2432                              </a>
2433
2434                       </template>
2435
2436                        <div v-if="showVehicleSearch" class="vehicle-search-header col-lg-8 p-0" @click.stop v-click-outside="hideVehicleSearch">
2437                          <common-vehicle-search :focus-on-mount="true"></common-vehicle-search>
2438                        </div>
2439                </div>
2440            </div>
2441        </div>
2442        <template>
2443          <hover-sign-in-popup></hover-sign-in-popup>
2444        </template>
2445    </div>
2446
2447    <div id="searchmenu" class="d-none">
2448    </div>
2449
2450    <div v-if="allhoursGetDirections">
2451        <get-directions v-if="showDirections" @hidemodal="showDirections =false;allhoursGetDirections-false" class="hours-getdirection" :ishoursgetdirection="true"></get-directions>
2452    </div>
2453    <div v-if="mapiconGetDirections">
2454         <get-directions v-if="showDirections" @hidemodal="showDirections =false;mapiconGetDirections= false; " class="maps-getDirection" :ismapicongetdirection="true"></get-directions>
2455    </div>
2456
2457    <div id="iframeloginid" class="d-none">
2458        <div class="header-login-details" v-if="showiframelogin">
2459            <div class="d-flex justify-content-between align-items-center py-3 px-4">
2460                <h5 class="m-0 color-primary"><em class="primaryicon-user-circle-solid color-primary"></em> Login</h5>
2461                <div><a href="" style="color: #808080" @click.prevent="onCloseClick()"><em class="primaryicon-times"></em></a></div>
2462            </div>
2463            <iframe-login v-if="showiframelogin"></iframe-login>
2464        </div>
2465    </div>
2466    <sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
2467                   :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal>
2468<sign-in-back v-if="showSignOutModal" @signback="signInBackClick()" @hidemodal="showSignOutModal = false"></sign-in-back>
2469
2470    <registration-modal> </registration-modal>
2471                   <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
2472                   :url="showIframeUrl"></iframe-modal>
2473
2474        <research-models-container v-if="showPrimaryResearchModels"
2475                :desktopsubmenu="false" @primaryresearchmodels="showPrimaryResearchModels = false"></research-models-container>
2476    <horizontal-build-price-menu v-if="showBuildPriceMenu" :submenublackcolor="true" :isprimary="true"
2477    @buildprice="showBuildPriceMenu = false"></horizontal-build-price-menu>
2478
2479</div>
2480
2481
2482
2483
2484
2485          </div>
2486        </script>
2486
2487
2488
2489
2490
2491
2492  <div id="main-container">
2493<input name="securetoken" type="hidden" value="CfDJ8O35ileePqpDrXckbUstcOZNJrA6_iRlggE2OC3bvr9WaWTomDjXyeE3qNdTNJYVQwWrTOf6u3a2JJdCbBP_CfvzLz6FXecSLv5tIDTmDrUJoRh4pEP9Kvc927oMxzwd9vdDmdLM4zVEK7TYtlT2d5s" />        <div id="main-header">
2494          <main-header></main-header>
2495            <common-components></common-components>
2496        </div>
2497
2498    <div class="h-auto">
2499      <div class=" Website_Gemini_header_Utility_body ">
2500        
2501
2502          <div id="disasterBanner"></div>
2503
2504        
2505<script>
2506  let isIframe = window.location !== window.parent.location;
2507  if(isIframe){
2508  const injectCSS = css => {
2509    let el = document.createElement('style');
2510    el.type = 'text/css';
2511    el.innerText = css;
2512    document.head.appendChild(el);
2513    return el;
2514  };
2515injectCSS(`#inventory-vehicle-header,.inventorynew-iframe,#rotational-banner-component{display:none}`);
2516  }
2517</script>
2517
2518
2519
2520<script type="text/javascript">
2521    var paymentType = 'cash';
2522    var inventoryType = 'new';
2523    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}';
2524    var isLuxTemplate = 'False' == "True";
2525    var resultCount = '329';
2526    var enableVideoPopupForSRP = 'false' == "true";
2527    var videoURLForSRP = '';
2528    var videoCTANameForSRP = '';
2529    var videoCTALinkForSRP = '';
2530    var showFilters = 'False';
2531    var srpFilterPosition = 'leftmultiselect';
2532    var sonicDataLayerVehicleImpressions = '';
2533    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}]';
2534    var noVehiclesFound = 'false' == "true";
2535    var bodyType = '';
2536    var showTopMultiSelectionFilters = 'False';
2537    var showFilterSectionAtLeft = 'False';
2538    var expandModelFilters = 'false' === "true";
2539    var ga4ASCDataLayerVehicle = '[{"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":"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":"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":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG4TU238720","item_inventory_date":"2026/06/15","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2000","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":26130},{"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":"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":"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":"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":"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":"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}]';
2540    var countColor = '';
2541    var countHoverColor = '';
2542    var showFctpFilter = 'false' == "true";
2543    var priceTypeId = '2';
2544    var showConditionalRebates = 'true' == "true";
2545    var showTotalBeforeDiscounts = 'false' == "true";
2546    var showRebatesDetails = 'true' == "true";
2547    var showPackageSavingsDetails = 'false' == "true";
2548    var showBlackLabelFilter = 'false' == "true";
2549    var isCommercialPage = 'false' == "true";
2550    var showCommercialFilter = 'true' == "true";
2551    var disableVehicleCountForPaymentFilter = 'false' == "true";
2552    var enableBedLenghtFilter = 'false' == "true";
2553    var hideConditionalRebatesTotal = 'false' == "true";
2554    var conditionalRebatesBreakoutIncentives = 'true' == "true";
2555    var showPlusAndMinus = 'true' == "true";
2556    var SendLeadWithVehicle = 'false' == "true";
2557    var SendLeadwithCar = 'false' == "true";
2558    var expandVehicleTypeFilters = 'false' == "true";
2559    var enableLESAVideosSRP = 'true' == "true";
2560    var isSrp= 'true' == 'true';
2561    var breadcrumbText = '';
2562    var showCustomUrlBreadCrumb = 'True' === 'True';
2563    var hideFilters = 'False' === 'True';
2564    var enableUnityWorksIntegrationSrp = 'false' == "true";
2565    var isShowRoomPage = 'False' === 'True';
2566    var vehicleType = 'new';
2567    var enableCabFilter = 'false' == "true";
2568    var enableModelEBrochureOnSRP = 'false' == "true";
2569    var isCleanSrpDesign = 'true' === 'true';
2570    var srpDesignType = 'Clean Design';
2571    var expandLocationFilters = 'false' === "true";
2572    var expandSubaruLineupFilters = 'false' === "true";
2573</script>
2573
2574
2575
2576<link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/newinventorylisting.css" rel="stylesheet" />
2577<div class="inventory_listing  dealer-id-42268 clean-design leftposition" id="newinventory">
2578  <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>
2579  <div class="border-top bgcolor-primary _msbi_background_color _theme_top_border_color page-headline-wrapper" id="inventory-vehicle-header">
2580    <h1 class="container mt-0 mb-0 py-4 _theme_font_bold ft-70 text-white page-headline-text" style="font-size: 20px;">
2581      Buy a New Fuel-Efficient Hyundai Today in Bronx, NY
2582    </h1>
2583  </div>
2584
2585    <div class="inventorynew-iframe">
2586
2587
2588
2589
2590
2591
2592
2593<div id="rotational-banner-component" class="image-rotational-banner banner-aspectratio  banner-positon1 ">
2594
2595
2596
2597
2598
2599
2600
2601    <rotational-banner :sectionid="'5709553'"
2602    :hidearrows="'False'"
2603    :hidecontrols="'False'"
2604    :controlscolor="''"
2605    :banner-options="{
2606      'desktopBannerImageSize':'large',
2607      'mobileBannerImageSize':'large'
2608    }"
2609    :automated-banner-options="{
2610      'desktopBannerImageSize':'extra-large',
2611      'mobileBannerImageSize':'large'
2612    }"
2613    :apply-speed-values="1 == 1"
2614    :show-draft-preview="false"
2615    >
2616    </rotational-banner>
2617</div>
2618<script type="application/javascript">
2619  var imageBannerType = "large";
2620  var templateName = '_website_gemini.cshtml';
2621  var rotationalBannerWidth = document.documentElement.clientWidth || window.innerWidth;
2622  var rotationalBannerHeight = parseInt((+rotationalBannerWidth * 1)/1);
2623  var isBmwBanners = false;
2624
2625  if (templateName === '_website_frame.cshtml' || templateName === '_website_bmw.cshtml') {
2626    isBmwBanners = true;
2627  }
2628
2629
2630
2631
2632  if (templateName !== '_website_paragon_primary.cshtml') {
2633    if ( imageBannerType && imageBannerType.toLowerCase() === 'large') {
2634        rotationalBannerHeight = parseInt((+rotationalBannerWidth * 4)/3);
2635    } else {
2636        rotationalBannerHeight = parseInt((+rotationalBannerWidth * 2)/3);
2637    }
2638  }
2639 if (isBmwBanners) {
2640    rotationalBannerHeight += 50;
2641  }
2642
2643  var domainName = window.location.origin;
2644  var domainEnvironment = 'Production';
2645  var mobileBannerId = '0';
2646  var enableWebsiteSpeed = 'True' === 'True';
2647
2648  window.websitesDomain = false;
2649  if (enableWebsiteSpeed) {
2650    window.websitesDomain = true;
2651  }
2652
2653  if (rotationalBannerWidth <= 767 && websitesDomain) {
2654    if (window.location.pathname === '/') {
2655      var styleElement = document.createElement('style');
2656         styleElement.innerHTML = "#rotational-banner-component.image-rotational-banner.banner-positon1 { width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight + 44)+"px; overflow: hidden}";
2657      if (isBmwBanners) {
2658        styleElement.innerHTML += ".VueCarousel-wrapper {  width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight - 50)+"px; overflow: hidden}"
2659        styleElement.innerHTML += ".carousel-list-items {  height: 50px; overflow: hidden}"
2660      }
2661      document.head.appendChild(styleElement);
2662
2663
2664    }
2665  }
2666
2667</script>
2667
2668    </div>
2669
2670
2671
2672
2673
2674
2675    <div class="bgcolor-white w-100" id="inventory-vehicle-search">
2676        <div class='container'>
2677          <div class="row">
2678            <div class="col-md-12">
2679                  <div class="position-relative my-3">
2680                    <inventory-vehicle-search :isluxury="'False' === 'True'">
2681                    </inventory-vehicle-search>
2682                  </div>
2683                <div class='w-100 ft-12 my-4 '>
2684
2685                  <div class="d-flex justify-content-between">
2686                    <div class="d-md-flex align-items-center justify-content-between vehicle_results_block">
2687
2688                      <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>
2689                          <div class="ml-lg-4 vehicle_results_label">Results: 329 Vehicles</div>
2690                    </div>
2691
2692
2693
2694                    <div id="sort-filter-section" class=" d-none d-lg-flex">
2695                      <div id="sort-filter-wrapper" class="ml-4 position-relative" v-click-outside="handleClickOutside">
2696                        <div id="sort-filter-container">
2697                          <span id="sort-filter-label" class="text-uppercase">Sort:</span>&nbsp;
2698                          <a id="sort-filter-dropdown" href="" class="color-black no-hover hover-inherit"
2699                             @click.prevent="clickPriceDropDown('price_sort_wrapper')">
2700                            <strong id="sort-filter-label-2" class="text-uppercase">Price lowest to highest</strong>
2701
2702                            <em id="sort-filter-icon" class="primaryicon-angle-down _theme_arrow_color"></em>
2703                          </a>
2704                        </div>
2705                        <div id="price_sort_wrapper" class="position-absolute d-none" style="right: -20px;z-index: 98; top: 20px" v-if="showPriceDropdown">
2706                          <ul id="sort-filter-list" class="price_sort ">
2707                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
2708                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
2709                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">Price highest to lowest</a></li>
2710                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
2711                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
2712                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
2713                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
2714                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
2715                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
2716                          </ul>
2717                        </div>
2718
2719                      </div>
2720                    </div>
2721                  </div>
2722
2723                  <div id="sort-filter-section-mobile" class="d-lg-none d-block mt-3 position-relative">
2724                    <div id="sort-filter-wrapper-mobile" class="d-flex mobile_filters_box justify-content-center">
2725                      <div id="sort-filter-container-mobile" class="flex-1 filter_heading py-1 mr-2 ft-18 text-center">
2726                        <a id="sort-filter-dropdown-mobile" class="d-block w-100 color-black no-hover cursor-pointer" @click.prevent="showTopFilters = true">
2727                          <em id="sort-filter-icon-mobile" class="primaryicon-filter"></em>&nbsp;<span>Filters</span>
2728                        </a>
2729                      </div>
2730                      <div id="filter-heading-mobile" class="flex-1 filter_heading py-1 ml-2 ft-18 text-center">
2731                        <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">
2732                          <span id="sort-filter-label-2-mobile">Sort</span>
2733                        </a>
2734                        <div id="price_left_mobile_sort_wrapper" class="position-absolute d-none" style="right: 0px;z-index: 99; top: 40px" v-if="showPriceDropdown">
2735                          <ul id="sort-filter-list-mobile" class="price_sort ft-13">
2736                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
2737                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
2738                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">
2738Price highest to lowest</a></li>
2739                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
2740                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
2741                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
2742                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
2743                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
2744                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
2745                          </ul>
2746                        </div>
2747                      </div>
2748                    </div>
2749                  </div>
2750
2751                </div>
2752            </div>
2753          </div>
2754
2755        </div>
2756
2757    </div>
2758    <div class="container-fluid">
2759      <div class="row">
2760
2761<script type="application/javascript">
2762    var hideslider = 'True' === 'True';
2763    var disableOneOwner = 'False' === 'True';
2764    var showInTransitFilter = 'true' === 'true';
2765    var showInStockFilter = 'true' === 'true';
2766    var hideEngineSize = 'False' === 'True';
2767    var showInProductionFilter = 'True' === 'True';
2768    var hideLocationInGroupSRP = 'False' === 'True';
2769    var locationFilterAtBottom = 'False' === 'True';
2770    var enableKeyFeaturesOnNewSrp = 'True' === 'True';
2771    var enableKeyFeaturesOnUsedSrp = 'True' === 'True';
2772    var enableInstalledPackagesOnSrp = 'False' === 'True';
2773    var hideDriveTrain = 'false' === 'true';
2774    var hideTransmission = 'false' === 'true';
2775    var hidePriceSliderSrp = 'false' === 'true';
2776    var hideMoreFiltersSrp = 'false' === 'true';
2777    var hideBodyTypeOnFilter = 'false' === 'true';
2778    var hideFuelTypeOnFilter = 'false' === 'true';
2779    var hideDoorsFilterSrp = 'false' === 'true';
2780</script>
2780
2781
2782
2783<div class='bg-white col-12 col-lg-3 col-xl-2 inventory-left-multiselect-filters'>
2784
2785        <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}" ></inventory-filters-container>
2786
2787</div>
2788
2789        <div id="inventorynew-custom-iframe" class="col-12 vehicles-section col-12 col-lg-9 col-xl-10">
2790          <div>
2791              <custom-url-breadcrumb></custom-url-breadcrumb>
2792                  <inventory-left-filters-breadcrumbs></inventory-left-filters-breadcrumbs>
2793          </div>
2794          <div class="d-flex justify-content-between">
2795
2796            <div class='d-md-flex align-items-center justify-content-between vehicle_results_block ml-0 ml-lg-3 ft-12 mt-2'>
2797
2798            </div>
2799              <div class="mt-2 d-flex justify-content-end">
2800                
2801<div>
2802    <ul class="inventory-pagination pagination m-0">
2803
2804                <li class="page-item active">
2805                    <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"
2806                       rel="">1</a>
2807                </li>
2808                <li class="page-item ">
2809                    <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"
2810                       rel="next">2</a>
2811                </li>
2812                <li class="page-item ">
2813                    <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"
2814                       rel="">3</a>
2815                </li>
2816                <li class="page-item ">
2817                    <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"
2818                       rel="">4</a>
2819                </li>
2820                <li class="page-item ">
2821                    <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"
2822                       rel="">5</a>
2823                </li>
2824                <li class="page-item ">
2825                    <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"
2826                       rel="">6</a>
2827                </li>
2828                <li class="page-item ">
2829                    <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"
2830                       rel="">7</a>
2831                </li>
2832                <li class="page-item ">
2833                    <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"
2834                       rel="">8</a>
2835                </li>
2836                <li class="page-item ">
2837                    <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"
2838                       rel="">9</a>
2839                </li>
2840                <li class="page-item ">
2841                    <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"
2842                       rel="">10</a>
2843                </li>
2844
2845            <li class="page-item">
2846                <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>
2847            </li>
2848            <li class="page-item">
2849                <a  @Click="paginationClick(`page 28`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=28`)"  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=28" 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>
2850            </li>
2851
2852    </ul>
2853</div>
2854
2855              </div>
2856          </div>
2857
2858          <div class="row mb-5 mt-2 srp-vehicles-container" v-match-heights="matchHeightData">
2859
2860
2861
2862<text-modal :text="disclaimer" @hidemodal="showDisclaimer=false" :title="disclaimerHeading ? disclaimerHeading:'Disclosure'" v-if="showDisclaimer"></text-modal>
2863<hover-modal :disclaimer-data="hoverDisclaimerData"  v-show="isModalVisible"></hover-modal>
2864
2865
2866<script>
2867    var IncentiveSource = 'AIS';
2868    var isFdDealer = 'false' === "true";
2869    var vehicleVinsAndDealerIds = 'KMHRC8A31TU462100+42268,KMHLM4DG7TU271890+42268,KMHLM4DG0TU238956+42268,KMHLM4DG4TU238720+42268,KMHRC8A39TU495846+42268,KMHLM4DG2TU260635+42268,KMHLM4DG5TU288087+42268,KMHLM4DG8TU288097+42268,KMHLM4DG7TU290004+42268,KMHRC8A3XTU496147+42268,KMHRC8A36TU496338+42268,KMHRC8A31TU495940+42268';
2870    var enableSRPFiltersOnElastic = 'True' === 'True';
2871    var elasticFallbackToDb = 'False' === 'True';
2872    var checkSpecialVehicles='';
2873    var inventoryModels = '[{"Model":"Venue","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null},{"Model":"Elantra","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null}]';
2874</script>
2874
2875
2876<div class="srp-results-list">
2877        
2877<script type="application/javascript">
2878
2879            var rebatesString = "[]";
2880            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
2881            localStorage.setItem("KMHRC8A31TU462100-rebates", formattedRebatesString);
2882
2883        </script>
2883
2884<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU462100" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
2885        <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: "0",msrp:"25045",yourPrice:"23470",sellingPrice:"23295",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU462100", $event,{styleId:"477903"})'
2886        @mouseleave="clearMouseHoverValue()"
2887        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
2888        used-large-box" style="height: 100%;">
2889
2890            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
2891                <div class="position-relative">
2892                    <div class="srp-top-badges">
2893                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
2894                            <div class="d-flex align-items-center gap-10">
2895                            </div>
2896                        </div>
2897
2898                    </div>
2899
2900
2901                    <div id="EZ360_CVDP"></div>
2902
2903                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
2904                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU462100'" class="vehicle-box__image">
2905                                                    <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"
2906                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
2907                                                    @mouseover="srpImageHover('477903', 'KMHRC8A31TU462100', 'color=SAW')" />
2908
2909                        </div>
2910
2911                        <div class="dp-srp-evox-media-KMHRC8A31TU462100" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU462100'"></div>
2912
2913                        <div class="vehicle-info-icon">
2914                            <em
2915                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU462100')"
2916                            class="primaryicon-options-btn-new info-icon-css"
2917                            data-vin="KMHRC8A31TU462100"
2918                            tabindex="0"
2919                            role="button"
2920                            aria-label="Vehicle info"
2921                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')"
2922                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')"
2923                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
2924                        </div>
2925                    </div>
2926
2927
2928                    <div class="vehiclebox-info-section p-3">
2929                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
2930                            <div class="d-flex">
2931                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
2932                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
2933                                        2026 Hyundai Venue SEL
2934                                    </h2>
2935                                </div>
2936                            </div>
2937                        </div>
2938
2939                        <div class="vehicle-summary-section mt-3 ">
2940                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
2941                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
2942            <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)'>
2943                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
2944                                            <div class="mr-2" style="color:#002
2944C5E">
2945                                                <span id="kmhrc8a31tu462100-price-summary-label">Your Price</span>
2946                                            </div>
2947                                            <div id="kmhrc8a31tu462100-price-summary-value" class=" " style="color:#002C5E">$23,470</div>
2948                                        </div>
2949
2950            </div>
2951            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'>
2952                                <div v-if="!unlockHideMsrp">
2953                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
2954                                        <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>
2955                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div>
2956                                    </div>
2957                                </div>
2958
2959            </div>
2960        </div>
2961
2962                            </div>
2963
2964                                <template v-if="true">
2965                                    <div class="vehicle-summary-cta flex-1">
2966                                        <object>
2967                                                <div class="primary-button-parent unlock-discount">
2968        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
2969                       term="72"
2970                       payment-type="cash"
2971                       down-payment="3756.0"
2972                       miles="7"
2973                       lender-number="103"
2974                       msrp="25045"
2975                       rebates="0"
2976                       page-type="srp"
2977                       vin=KMHRC8A31TU462100
2978                       :your-price=23470
2979                       style-id=477903
2980                       vdp-account-id=42268
2981                       :page-reload="false"
2982                       :price-unlocked-vins="priceUnlockedVins"
2983                       @loadpayments="loadPaymentsForUnlockDiscount"
2984                       :feature-cta-image-id="0"
2985                       inventory-type=new></unlock-discount>
2986    </div>
2987
2988                                        </object>
2989                                    </div>
2990                                </template>
2991                        </div>
2992<div class="color-black ft-16 mt-1">
2993            <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: 09/30/2026.`,$event)'>
2994                Disclosure
2995            </div>
2996</div>
2997
2998                            <div class="color-black ft-12 d-flex gap-5 mt-2">
2999                                <div class="color-gray">Location:</div>
3000                                <div>City World Hyundai</div>
3001                            </div>
3002
3003                        <div class="show section-separator my-4"></div>
3004
3005
3006                            <template v-if="true">
3007                                <object>
3008                                    <div class="app-level-cta-container">
3009
3010
3011                                            <div class="primary-button-parent srp-view-details-transact-button-container">
3012                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3012ort-utility?type=lease#Transact" target="_self"
3013                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU462100");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
3014                                                    @keydown.space.prevent="$event.currentTarget.click()"
3015                                                    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
3016                                                     bgcolor-primary "
3017                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
3018                                                    Explore Payment Options
3019                                                </a>
3020                                            </div>
3021
3022
3023
3024
3025
3026                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU462100","false"==="true"))' class="primary-button-parent">
3027                                                    <a :style="ctaBtnStyles"
3028                                                     tabindex="0" role="button"
3029                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU462100", "New")'
3030                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU462100", "New")'
3031                                                    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">
3032                                                        {{inventorySettings.data.buttonLabel}}
3033                                                    </a>
3034                                                 </div>
3035                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
3036                                                                    <a v-if="applySecondaryDesign" href=""
3037                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3038                                                                        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"
3039                                                                        @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;:336.18,&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)"
3040                                                                        @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;:336.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3040ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3041                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3042                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
3043                                                                    <a v-else href=""
3044                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3045                                                                        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"
3046                                                                        @click.prevent="
3047                                                                            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;:336.18,&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)"
3048                                                                        @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;:336.18,&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)"
3049                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3050                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3051                                                                        Value Your Trade
3052                                                                    </a>
3053                                                                </div>
3054                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
3055                                                                    <a v-if="applySecondaryDesign" href=""
3056                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3057                                                                        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"
3058                                                                        @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;:336.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3058ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H1796&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3059                                                                        @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;:336.18,&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)"
3060                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3061                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
3062                                                                    <a v-else href=""
3063                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3064                                                                        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"
3065                                                                        @click.prevent="
3066                                                                            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;:336.18,&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)"
3067                                                                        @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;:336.18,&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)"
3068                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3069                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3070                                                                        Check Availability 
3071                                                                    </a>
3072                                                                </div>
3073
3074
3075
3076
3077                                    </div>
3078                                </object>
3079                            </template>
3080
3081                            <div class="mt-3">
3082
3083
3084                                <div class="inventory-btns" style="width:100%;" v-cloak>
3085
3086
3087                                    <object class="d-flex flex-column primary-inventory-btn-group">
3088                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3089                                        <div class="pi-pullup-container"></div>
3090                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3091
3092                                        <div class="dvs_vin_btn" vin="KMHRC8A31TU462100"></div>
3093
3094
3095
3096                                                    <div class="d-flex mt-2 primary-button-parent">
3097                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU462100"
3098                                                        style="color: initial; background-color: initial;"
3099                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
3100                                                        @mouseover="onRoadSterButtonHover('','', $event)"
3101                                                        @keydown.space.prevent="$event.currentTarget.click()"
3102                                                        class="bgcolor-primary
3103                                                                                    w-100
3104                                                                                    d-flex
3105                                                                                    justify-content-center
3106                                                                                    align-items-center
3107                                                                                    payment-panel-rounded-buttons
3108                                                        text-white text-center
3109                                                                                    no-hover
3110                                                                                    rounded-buttons py-2 px-2
3111                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
3112                                                                                    ">Search Payments </a>
3113                                                    </div>
3114
3115
3116
3117                                    </object>
3118
3119
3120
3121
3122
3123
3124
3125
3126
3127                                    
3128
3129
3130
3131
3132
3133
3134
3135
3136
3137                                </div>
3138
3139
3140                                    <div class="my-2 w-100 text-center">
3141                                        <div class="les_video" les_vin="KMHRC8A31TU462100"></div>
3142                                    </div>
3143
3144
3145
3146
3147                            </div>
3148
3149                            <active-engage-widget v-if="isEnableActivEngageSrp"
3150                                                custom-class="py-2 ft-12"></active-engage-widget>
3151                        <div class="srp-tabs-section mt-3">
3152                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
3153                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details' }"
3154                                    tabindex="0" role="tab"
3155                                    aria-label="Details"
3156                                    :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details'"
3157                                    aria-controls="tab-panel-details-KMHRC8A31TU462100"
3158                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')"
3159                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')">
3160                                        Details
3161                                    </div>
3162                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments' }"
3163                                tabindex="0" role="tab"
3164                                aria-label="Pricing"
3165                                :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments'"
3166                                aria-controls="tab-panel-payments-KMHRC8A31TU462100"
3167                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')"
3168                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')">
3169                                    Pricing
3170                                </div>
3171                            </div>
3172
3173                            <div class="srp-tab-content">
3174                                <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">
3175                                    <div class="vehicle-details-list">
3176
3177                                            <div class="details-item-row ">
3178                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
3179                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
3180                                                        <div id="copy_vin" class="d-inline">KMHRC8A31TU462100</div>
3181                                                    </div>
3182                                            </div>
3183
3184                                            <div class="details-item-row">
3185                                                <div class="details-item-label">Stock #</div>
3186                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
3187                                                    <div id="copy_stock" class="d-inline">26H1796</div>
3188                                                </div>
3189                                            </div>
3190
3191                                        
3192
3193                                            <div class="details-item-row">
3194                                                <div class="details-item-label">Model Code</div>
3195                                                <div class="details-item-value">#VN2AFD56W5A5</div>
3196                                            </div>
3197
3198                                            <div class="details-item-row">
3199                                                <div class="details-item-label">Exterior</div>
3200                                                <div class="details-item-value d-flex align-items-center">
3201                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div>
3202                                                        <div class="ml-2">Lunar White</div>
3203                                                </div>
3204                                            </div>
3205
3206                                            <div class="details-item-row">
3207                                                <div class="details-item-label">Interior</div>
3208                                                <div class="details-item-value d-flex align-items-center">
3209                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
3210                                                    <div class="ml-2 interior-word-break">Gray</div>
3211                                                </div>
3212                                            </div>
3213
3214                                            <div class="details-item-row">
3215                                                <div class="details-item-label">Drivetrain</div>
3216                                                <div class="details-item-value">FWD</div>
3217                                            </div>
3218
3219                                            <div class="details-item-row">
3220                                                <div class="details-item-label">Engine</div>
3221                                                        <div class="details-item-value">
3221Regular Gasoline I-4 1.6 L/98</div>
3222                                            </div>
3223                                            <div class="details-item-row">
3224                                                <div class="details-item-label">Transmission</div>
3225                                                <div class="details-item-value">CVT</div>
3226                                            </div>
3227
3228                                    </div>
3229
3230                                </div>
3231                                <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">
3232                                            <div class="msrppanel-label">
3233                                                <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)'>
3234
3235
3236                                                                                <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>
3237                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
3238                                                                                    
3239
3240<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
3241    MSRP
3242</div>
3243<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,045</div>
3244
3245
3246                                                                                </div>
3247                                                                                    <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>
3248                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
3249                                                                                            <span>Total Fee</span>
3250                                                                                            <span class="d-flex pl-2">
3251                                                                                                &#x2B;$175
3252                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
3253                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
3253Amount&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>
3254                                                                                                </span>
3255                                                                                            </span>
3256                                                                                        </div>
3257                                                                            <div id="kmhrc8a31tu462100-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
3258                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
3259                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
3260                                                                            </span>
3261                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu462100-unlock-discount-price"></label></span>
3262                                                                        </div>
3263                                                                        <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'>
3264                                                                            <div class="mr-2" style="color:#002C5E">
3265                                                                                <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span>
3266                                                                            </div>
3267                                                                            <div id="kmhrc8a31tu462100-your-price-hide" class=" " style="color:#002C5E">$23,470</div>
3268                                                                        </div>
3269                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3270                                                                                <div class="mr-2" style="color:#002C5E">
3271                                                                                    <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span>
3272                                                                                </div>
3273                                                                                <div id="kmhrc8a31tu462100-your-price" class=" " style="color:#002C5E">$23,470</div>
3274                                                                            </div>
3275
3276
3277
3278
3279                                                        <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
3279dai 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;9/30/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;
3279StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
3280                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
3281                                                                                :pricedata="{'msrp':'25045','yourPrice':'23470'}"
3282                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
3283                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
3284                                                    <div class="color-black ft-16 mt-1">
3285            <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: 09/30/2026.`,$event)'>
3286                Disclosure
3287            </div>
3288</div>
3289
3290                                                </div>
3291
3292                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'>
3293                                                                    <div v-if="!unlockHideMsrp">
3294                                                                        <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>
3295                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
3296                                                                            <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>
3297                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div>
3298                                                                        </div>
3299                                                                    </div>
3300
3301                                                </div>
3302                                            </div>
3303                                </div>
3304                            </div>
3305                        </div>
3306                        <div id="cta-params-KMHRC8A31TU462100"
3307                             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;}">
3308                        </div>
3309
3310                        <div>
3311
3312                            <vehicle-badges model="Venue"
3313                                            :current="'srp'"
3314                                            :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}}`"
3315                                            :eyesight="''"
3316                                            :starlink="''"
3317                                            :von="''"
3318                                            :onorder="''"
3319                                            :vin="'KMHRC8A31TU462100'"
3320                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease'"
3321                                            :vehicle-badges-top-srp="'False'"
3322                                            :year="'2026'"
3323                                            :in-transit-background-color-srp="''"
3324                                            :in-transit-badge-color-srp="''"
3325                                            :in-production-background-color-srp="''"
3326                                            :in-production-badge-color-srp="''"
3327                                            @opendisclaimer="openDisclaimerPopup($event)">
3328                            </vehicle-badges>
3329
3330                                <div class="d-flex flex-wrap">
3331                                    
3332
3333
3334
3335
3336
3337
3338                                </div>
3339                        </div>
3340
3341
3342
3343                        <div class="d-flex flex-wrap srp-certified-img-section">
3344
3345
3346
3347
3348
3349
3350
3351
3352                        </div>
3353
3354                        <div v-if="currentTheme == 'subaru'" class="mt-3">
3355                            <subaru-badge-new model="Venue"
3356                                            year="2026"
3357                                            make="Hyundai"
3358                                            type="New"
3359                                            :current="'srp'"
3360                                            :transit="'False'"
3361                                            :eyesight="''"
3362                                            :starlink="''"
3363                                            :von="''"
3364                                            :onorder="''"
3365                                            :vin="'KMHRC8A31TU462100'"
3366                                            :hide-in-transit="'False'"
3367                                            :vehicle-badges-top-srp="'False'"
3368                                            :subaru-consumer-report-class="''"
3369                                            :in-transit-background-color-srp="''"
3370                                            :in-transit-badge-color-srp="''"
3371                                            >
3372                            </subaru-badge-new>
3373                        </div>
3374
3375                    </div>
3376                </div>
3377
3378
3379
3380            </div>
3381        </a>
3382        <template v-if="true">
3383            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
3384                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU462100'" class="vehicle-data-overlay-container"
3385                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
3386                     @keydown.esc.prevent="closeDetailsOverlay()"
3387                     @keydown.tab="srpOverlayTrapFocus($event)">
3388                    <div class="vehicle-overlay-data">
3389                        <div class="srp-overlay-options">
3390                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3391                                <div class="d-flex align-items-center" style="gap: 20px;">
3392                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
3393                                     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>
3394                                    <h3 class="mb-0">Options</h3>
3395                                </div>
3396                                <div>
3397                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
3398                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
3399                                </div>
3400                            </div>
3401
3402                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
3403                                <div class="overlay-nav-items px-3 pt-4">
3404                                    <div class="d-flex overlay-nav-item" tabindex="0"
3405                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: '
3405share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'share-options', label: 'Share' })">
3406                                        <em class="primaryicon-share-icon"></em>
3407                                        <span>Share</span>
3408                                    </div>
3409
3410                                        <div class="d-flex overlay-nav-item"
3411                                        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' })">
3412                                            <em class="primaryicon-key-features-icon"></em>
3413                                            <span>Key Features</span>
3414                                        </div>
3415                                </div>
3416
3417                                <div class="pt-4 px-3 mt-3">
3418                                    <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"
3419                                        @keydown.space.prevent="$event.currentTarget.click()"
3420                                        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:">
3421                                        View Details
3422                                    </a>
3423                                </div>
3424                            </div>
3425                        </div>
3426                    </div>
3427                </div>
3428            </transition>
3429            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
3430                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU462100'"
3431                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
3432                     @keydown.esc.prevent="navigateToDetailsOverlay()"
3433                     @keydown.tab="srpOverlayTrapFocus($event)">
3434                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3435                        <div class="d-flex align-items-center" style="gap: 20px;">
3436                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
3437                            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>
3438                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
3439                        </div>
3440                        <div>
3441                            <em class="primaryicon-close-icon-gray"
3442                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
3443                        </div>
3444                    </div>
3445                    <div class="mt-3 pt-4 overlay-section-links">
3446                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
3447                        <template v-if="!isLoadingOverlayDetails">
3448                            <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>
3449                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3449ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
3450                            <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>
3451                        </template>
3452                    </div>
3453                </div>
3454            </transition>
3455        </template>
3456    </div>
3457        
3457<script type="application/javascript">
3458
3459            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
3460            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
3461            localStorage.setItem("KMHLM4DG7TU271890-rebates", formattedRebatesString);
3462
3463        </script>
3463
3464<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG7TU271890" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
3465        <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: "1",msrp:"25855",yourPrice:"24358",sellingPrice:"25183",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG7TU271890", $event,{styleId:"487085"})'
3466        @mouseleave="clearMouseHoverValue()"
3467        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
3468        used-large-box" style="height: 100%;">
3469
3470            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
3471                <div class="position-relative">
3472                    <div class="srp-top-badges">
3473                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
3474                            <div class="d-flex align-items-center gap-10">
3475                            </div>
3476                        </div>
3477
3478                    </div>
3479
3480
3481                    <div id="EZ360_CVDP"></div>
3482
3483                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
3484                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU271890'" class="vehicle-box__image">
3485                                                    <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"
3486                                                    title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport"
3487                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG7TU271890', 'color=A2B')" />
3488
3489                        </div>
3490
3491                        <div class="dp-srp-evox-media-KMHLM4DG7TU271890" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU271890'"></div>
3492
3493                        <div class="vehicle-info-icon">
3494                            <em
3495                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU271890')"
3496                            class="primaryicon-options-btn-new info-icon-css"
3497                            data-vin="KMHLM4DG7TU271890"
3498                            tabindex="0"
3499                            role="button"
3500                            aria-label="Vehicle info"
3501                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')"
3502                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')"
3503                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
3504                        </div>
3505                    </div>
3506
3507
3508                    <div class="vehiclebox-info-section p-3">
3509                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
3510                            <div class="d-flex">
3511                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
3512                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
3513                                        2026 Hyundai Elantra SEL Sport
3514                                    </h2>
3515                                </div>
3516                            </div>
3517                        </div>
3518
3519                        <div class="vehicle-summary-section mt-3 ">
3520                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
3521                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
3522            <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)'>
3523                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
3524                                            <div class="mr-2" style="color:#002
3524C5E">
3525                                                <span id="kmhlm4dg7tu271890-price-summary-label">Your Price</span>
3526                                            </div>
3527                                            <div id="kmhlm4dg7tu271890-price-summary-value" class=" " style="color:#002C5E">$24,358</div>
3528                                        </div>
3529
3530            </div>
3531            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'>
3532                                <div v-if="!unlockHideMsrp">
3533                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
3534                                        <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>
3535                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div>
3536                                    </div>
3537                                </div>
3538
3539            </div>
3540        </div>
3541
3542                            </div>
3543
3544                                <template v-if="true">
3545                                    <div class="vehicle-summary-cta flex-1">
3546                                        <object>
3547                                                <div class="primary-button-parent unlock-discount">
3548        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
3549                       term="72"
3550                       payment-type="cash"
3551                       down-payment="3878.0"
3552                       miles="6"
3553                       lender-number="103"
3554                       msrp="25855"
3555                       rebates="1000"
3556                       page-type="srp"
3557                       vin=KMHLM4DG7TU271890
3558                       :your-price=24358
3559                       style-id=487085
3560                       vdp-account-id=42268
3561                       :page-reload="false"
3562                       :price-unlocked-vins="priceUnlockedVins"
3563                       @loadpayments="loadPaymentsForUnlockDiscount"
3564                       :feature-cta-image-id="0"
3565                       inventory-type=new></unlock-discount>
3566    </div>
3567
3568                                        </object>
3569                                    </div>
3570                                </template>
3571                        </div>
3572<div class="color-black ft-16 mt-1">
3573            <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: 09/30/2026.`,$event)'>
3574                Disclosure
3575            </div>
3576</div>
3577
3578                            <div class="color-black ft-12 d-flex gap-5 mt-2">
3579                                <div class="color-gray">Location:</div>
3580                                <div>City World Hyundai</div>
3581                            </div>
3582
3583                        <div class="show section-separator my-4"></div>
3584
3585
3586                            <template v-if="true">
3587                                <object>
3588                                    <div class="app-level-cta-container">
3589
3590
3591                                            <div class="primary-button-parent srp-view-details-transact-button-container">
3592                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
3593                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU271890");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
3594                                                    @keydown.space.prevent="$event.currentTarget.click()"
3595                                                    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
3596                                                     bgcolor-primary "
3597                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
3598                                                    Explore Payment Options
3599                                                </a>
3600                                            </div>
3601
3602
3603
3604
3605
3606                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU271890","false"==="true"))' class="primary-button-parent">
3607                                                    <a :style="ctaBtnStyles"
3608                                                     tabindex="0" role="button"
3609                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")'
3610                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")'
3611                                                    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">
3612                                                        {{inventorySettings.data.buttonLabel}}
3613                                                    </a>
3614                                                 </div>
3615                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
3616                                                                    <a v-if="applySecondary
3616Design" href=""
3617                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3618                                                                        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"
3619                                                                        @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;:349.24,&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)"
3620                                                                        @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;:349.24,&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)"
3621                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3622                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
3623                                                                    <a v-else href=""
3624                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3625                                                                        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"
3626                                                                        @click.prevent="
3627                                                                            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;:349.24,&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)"
3628                                                                        @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;:349.24,&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)"
3629                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3630                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3631                                                                        Value Your Trade
3632                                                                    </a>
3633                                                                </div>
3634                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
3635                                                                    <a v-if="applySecondary
3635Design" href=""
3636                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
3637                                                                        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"
3638                                                                        @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;:349.24,&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)"
3639                                                                        @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;:349.24,&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)"
3640                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3641                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
3642                                                                    <a v-else href=""
3643                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
3644                                                                        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"
3645                                                                        @click.prevent="
3646                                                                            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;:349.24,&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)"
3647                                                                        @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;:349.24,&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)"
3648                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
3649                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3650                                                                        Check Availability 
3651                                                                    </a>
3652                                                                </div>
3653
3654
3655
3656
3657                                    </div>
3658                                </object>
3659                            </template>
3660
3661                            <div class="mt-3">
3662
3663
3664                                <div class="inventory-btns" style="width:100%;" v-cloak>
3665
3666
3667                                    <object class="d-flex flex-column primary-inventory-btn-group">
3668                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3669                                        <div class="pi-pullup-container"></div>
3670                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3671
3672                                        <div class="dvs_vin_btn" vin="KMHLM4DG7TU271890"></div>
3673
3674
3675
3676                                                    <div class="d-flex mt-2 primary-button-parent">
3677                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU271890"
3678                                                        style="color: initial; background-color: initial;"
3679                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
3680                                                        @mouseover="onRoadSterButtonHover('','', $event)"
3681                                                        @keydown.space.prevent="$event.currentTarget.click()"
3682                                                        class="bgcolor-primary
3683                                                                                    w-100
3684                                                                                    d-flex
3685                                                                                    justify-content-center
3686                                                                                    align-items-center
3687                                                                                    payment-panel-rounded-buttons
3688                                                        text-white text-center
3689                                                                                    no-hover
3690                                                                                    rounded-buttons py-2 px-2
3691                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
3692                                                                                    ">Search Payments </a>
3693                                                    </div>
3694
3695
3696
3697                                    </object>
3698
3699
3700
3701
3702
3703
3704
3705
3706
3707                                    
3708
3709
3710
3711
3712
3713
3714
3715
3716
3717                                </div>
3718
3719
3720                                    <div class="my-2 w-100 text-center">
3721                                        <div class="les_video" les_vin="KMHLM4DG7TU271890"></div>
3722                                    </div>
3723
3724
3725
3726
3727                            </div>
3728
3729                            <active-engage-widget v-if="isEnableActivEngageSrp"
3730                                                custom-class="py-2 ft-12"></active-engage-widget>
3731                        <div class="srp-tabs-section mt-3">
3732                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
3733                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details' }"
3734                                    tabindex="0" role="tab"
3735                                    aria-label="Details"
3736                                    :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details'"
3737                                    aria-controls="tab-panel-details-KMHLM4DG7TU271890"
3738                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')"
3739                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')">
3740                                        Details
3741                                    </div>
3742                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments' }"
3743                                tabindex="0" role="tab"
3744                                aria-label="Pricing"
3745                                :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments'"
3746                                aria-controls="tab-panel-payments-KMHLM4DG7TU271890"
3747                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')"
3748                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')">
3749                                    Pricing
3750                                </div>
3751                            </div>
3752
3753                            <div class="srp-tab-content">
3754                                <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">
3755                                    <div class="vehicle-details-list">
3756
3757                                            <div class="details-item-row ">
3758                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
3759                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
3760                                                        <div id="copy_vin" class="d-inline">KMHLM4DG7TU271890</div>
3761                                                    </div>
3762                                            </div>
3763
3764                                            <div class="details-item-row">
3765                                                <div class="details-item-label">Stock #</div>
3766                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
3767                                                    <div id="copy_stock" class="d-inline">26H2179</div>
3768                                                </div>
3769                                            </div>
3770
3771                                        
3772
3773                                            <div class="details-item-row">
3774                                                <div class="details-item-label">Model Code</div>
3775                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
3776                                            </div>
3777
3778                                            <div class="details-item-row">
3779                                                <div class="details-item-label">Exterior</div>
3780                                                <div class="details-item-value d-flex align-items-center">
3781                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div>
3782                                                        <div class="ml-2">Abyss Black</div>
3783                                                </div>
3784                                            </div>
3785
3786                                            <div class="details-item-row">
3787                                                <div class="details-item-label">Interior</div>
3788                                                <div class="details-item-value d-flex align-items-center">
3789                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
3790                                                    <div class="ml-2 interior-word-break">Black</div>
3791                                                </div>
3792                                            </div>
3793
3794                                            <div class="details-item-row">
3795                                                <div class="details-item-label">Drivetrain</div>
3796                                                <div class="details-item-value">FWD</div>
3797                                            </div>
3798
3799                                            <div class="details-item-row">
3800                                                <div class="details-item-label">Engine</div>
3801                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
3802                                            </div>
3803                                            <div class="details-item-row">
3804                                                <div class="details-item-label">Transmission</div>
3805                                                <div class="details-item-value">CVT</div>
3806                                            </div>
3807
3808                                    </div>
3809
3810                                </div>
3811                                <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">
3812                                            <div class="msrppanel-label">
3813                                                <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)'>
3814
3815
3816                                                                                <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>
3817                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
3818                                                                                    
3819
3820<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
38202 ft-16" :style="getMSRPColor('')">
3821    MSRP
3822</div>
3823<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,855</div>
3824
3825
3826                                                                                </div>
3827                                                                                    <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>
3828                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
3829                                                                                            <span>
3830                                                                                                Retail Bonus Cash
3831                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU271890" disclaimerindex="0" />
3832                                                                                            </span>
3833                                                                                            <span> -$1,000</span>
3834                                                                                        </div>
3835                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
3836                                                                                            <span>Total Fee</span>
3837                                                                                            <span class="d-flex pl-2">
3838                                                                                                &#x2B;$175
3839                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
3840                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
3840Amount&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>
3841                                                                                                </span>
3842                                                                                            </span>
3843                                                                                        </div>
3844                                                                            <div id="kmhlm4dg7tu271890-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
3845                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
3846                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
3847                                                                            </span>
3848                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu271890-unlock-discount-price"></label></span>
3849                                                                        </div>
3850                                                                        <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'>
3851                                                                            <div class="mr-2" style="color:#002C5E">
3852                                                                                <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span>
3853                                                                            </div>
3854                                                                            <div id="kmhlm4dg7tu271890-your-price-hide" class=" " style="color:#002C5E">$24,358</div>
3855                                                                        </div>
3856                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
3857                                                                                <div class="mr-2" style="color:#002C5E">
3858                                                                                    <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span>
3859                                                                                </div>
3860                                                                                <div id="kmhlm4dg7tu271890-your-price" class=" " style="color:#002C5E">$24,358</div>
3861                                                                            </div>
3862
3863
3864
3865
3866                                                        <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
3866dai 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;9/30/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;
3866StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
3867                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
3868                                                                                :pricedata="{'msrp':'25855','yourPrice':'24358'}"
3869                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
3870                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
3871                                                    <div class="color-black ft-16 mt-1">
3872            <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: 09/30/2026.`,$event)'>
3873                Disclosure
3874            </div>
3875</div>
3876
3877                                                </div>
3878
3879                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'>
3880                                                                    <div v-if="!unlockHideMsrp">
3881                                                                        <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>
3882                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
3883                                                                            <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>
3884                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div>
3885                                                                        </div>
3886                                                                    </div>
3887
3888                                                </div>
3889                                            </div>
3890                                </div>
3891                            </div>
3892                        </div>
3893                        <div id="cta-params-KMHLM4DG7TU271890"
3894                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24358.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
3895                        </div>
3896
3897                        <div>
3898
3899                            <vehicle-badges model="Elantra"
3900                                            :current="'srp'"
3901                                            :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}}`"
3902                                            :eyesight="''"
3903                                            :starlink="''"
3904                                            :von="''"
3905                                            :onorder="''"
3906                                            :vin="'KMHLM4DG7TU271890'"
3907                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease'"
3908                                            :vehicle-badges-top-srp="'False'"
3909                                            :year="'2026'"
3910                                            :in-transit-background-color-srp="''"
3911                                            :in-transit-badge-color-srp="''"
3912                                            :in-production-background-color-srp="''"
3913                                            :in-production-badge-color-srp="''"
3914                                            @opendisclaimer="openDisclaimerPopup($event)">
3915                            </vehicle-badges>
3916
3917                                <div class="d-flex flex-wrap">
3918                                    
3919
3920
3921
3922
3923
3924
3925                                </div>
3926                        </div>
3927
3928
3929
3930                        <div class="d-flex flex-wrap srp-certified-img-section">
3931
3932
3933
3934
3935
3936
3937
3938
3939                        </div>
3940
3941                        <div v-if="currentTheme == 'subaru'" class="mt-3">
3942                            <subaru-badge-new model="Elantra"
3943                                            year="2026"
3944                                            make="Hyundai"
3945                                            type="New"
3946                                            :current="'srp'"
3947                                            :transit="'False'"
3948                                            :eyesight="''"
3949                                            :starlink="''"
3950                                            :von="''"
3951                                            :onorder="''"
3952                                            :vin="'KMHLM4DG7TU271890'"
3953                                            :hide-in-transit="'False'"
3954                                            :vehicle-badges-top-srp="'False'"
3955                                            :subaru-consumer-report-class="''"
3956                                            :in-transit-background-color-srp="''"
3957                                            :in-transit-badge-color-srp="''"
3958                                            >
3959                            </subaru-badge-new>
3960                        </div>
3961
3962                    </div>
3963                </div>
3964
3965
3966
3967            </div>
3968        </a>
3969        <template v-if="true">
3970            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
3971                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU271890'" class="vehicle-data-overlay-container"
3972                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
3973                     @keydown.esc.prevent="closeDetailsOverlay()"
3974                     @keydown.tab="srpOverlayTrapFocus($event)">
3975                    <div class="vehicle-overlay-data">
3976                        <div class="srp-overlay-options">
3977                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3978                                <div class="d-flex align-items-center" style="gap: 20px;">
3979                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
3980                                     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>
3981                                    <h3 class="mb-0">Options</h3>
3982                                </div>
3983                                <div>
3984                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
3985                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
3986                                </div>
3987                            </div>
3988
3989                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
3990                                <div class="overlay-nav-items px-3 pt-4">
3991                                    <div class="d-flex overlay-nav-item" tabindex="0"
3992                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: '
3992share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'share-options', label: 'Share' })">
3993                                        <em class="primaryicon-share-icon"></em>
3994                                        <span>Share</span>
3995                                    </div>
3996
3997                                        <div class="d-flex overlay-nav-item"
3998                                        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' })">
3999                                            <em class="primaryicon-key-features-icon"></em>
4000                                            <span>Key Features</span>
4001                                        </div>
4002                                </div>
4003
4004                                <div class="pt-4 px-3 mt-3">
4005                                    <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"
4006                                        @keydown.space.prevent="$event.currentTarget.click()"
4007                                        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:">
4008                                        View Details
4009                                    </a>
4010                                </div>
4011                            </div>
4012                        </div>
4013                    </div>
4014                </div>
4015            </transition>
4016            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4017                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU271890'"
4018                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4019                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4020                     @keydown.tab="srpOverlayTrapFocus($event)">
4021                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4022                        <div class="d-flex align-items-center" style="gap: 20px;">
4023                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
4024                            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>
4025                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
4026                        </div>
4027                        <div>
4028                            <em class="primaryicon-close-icon-gray"
4029                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
4030                        </div>
4031                    </div>
4032                    <div class="mt-3 pt-4 overlay-section-links">
4033                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
4034                        <template v-if="!isLoadingOverlayDetails">
4035                            <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>
4036                            <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>
4037                            <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>
4038                        </template>
4039                    </div>
4040                </div>
4041            </transition>
4042        </template>
4043    </div>
4044        
4044<script type="application/javascript">
4045
4046            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
4047            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4048            localStorage.setItem("KMHLM4DG0TU238956-rebates", formattedRebatesString);
4049
4050        </script>
4050
4051<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG0TU238956" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4052        <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:"24566",sellingPrice:"25391",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG0TU238956", $event,{styleId:"476722"})'
4053        @mouseleave="clearMouseHoverValue()"
4054        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4055        used-large-box" style="height: 100%;">
4056
4057            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4058                <div class="position-relative">
4059                    <div class="srp-top-badges">
4060                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
4061                            <div class="d-flex align-items-center gap-10">
4062                            </div>
4063                        </div>
4064
4065                    </div>
4066
4067
4068                    <div id="EZ360_CVDP"></div>
4069
4070                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4071                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG0TU238956'" class="vehicle-box__image">
4072                                                    <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"
4073                                                    title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport"
4074                                                    @mouseover="srpImageHover('476722', 'KMHLM4DG0TU238956', 'color=W6H')" />
4075
4076                        </div>
4077
4078                        <div class="dp-srp-evox-media-KMHLM4DG0TU238956" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG0TU238956'"></div>
4079
4080                        <div class="vehicle-info-icon">
4081                            <em
4082                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG0TU238956')"
4083                            class="primaryicon-options-btn-new info-icon-css"
4084                            data-vin="KMHLM4DG0TU238956"
4085                            tabindex="0"
4086                            role="button"
4087                            aria-label="Vehicle info"
4088                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')"
4089                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')"
4090                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4091                        </div>
4092                    </div>
4093
4094
4095                    <div class="vehiclebox-info-section p-3">
4096                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4097                            <div class="d-flex">
4098                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4099                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4100                                        2026 Hyundai Elantra SEL Sport
4101                                    </h2>
4102                                </div>
4103                            </div>
4104                        </div>
4105
4106                        <div class="vehicle-summary-section mt-3 ">
4107                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4108                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4109            <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)'>
4110                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
4111                                            <div class="mr-2" style="color:#002
4111C5E">
4112                                                <span id="kmhlm4dg0tu238956-price-summary-label">Your Price</span>
4113                                            </div>
4114                                            <div id="kmhlm4dg0tu238956-price-summary-value" class=" " style="color:#002C5E">$24,566</div>
4115                                        </div>
4116
4117            </div>
4118            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'>
4119                                <div v-if="!unlockHideMsrp">
4120                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4121                                        <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>
4122                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div>
4123                                    </div>
4124                                </div>
4125
4126            </div>
4127        </div>
4128
4129                            </div>
4130
4131                                <template v-if="true">
4132                                    <div class="vehicle-summary-cta flex-1">
4133                                        <object>
4134                                                <div class="primary-button-parent unlock-discount">
4135        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
4136                       term="72"
4137                       payment-type="cash"
4138                       down-payment="3912.0"
4139                       miles="6"
4140                       lender-number="103"
4141                       msrp="26085"
4142                       rebates="1000"
4143                       page-type="srp"
4144                       vin=KMHLM4DG0TU238956
4145                       :your-price=24566
4146                       style-id=476722
4147                       vdp-account-id=42268
4148                       :page-reload="false"
4149                       :price-unlocked-vins="priceUnlockedVins"
4150                       @loadpayments="loadPaymentsForUnlockDiscount"
4151                       :feature-cta-image-id="0"
4152                       inventory-type=new></unlock-discount>
4153    </div>
4154
4155                                        </object>
4156                                    </div>
4157                                </template>
4158                        </div>
4159<div class="color-black ft-16 mt-1">
4160            <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: 09/30/2026.`,$event)'>
4161                Disclosure
4162            </div>
4163</div>
4164
4165                            <div class="color-black ft-12 d-flex gap-5 mt-2">
4166                                <div class="color-gray">Location:</div>
4167                                <div>City World Hyundai</div>
4168                            </div>
4169
4170                        <div class="show section-separator my-4"></div>
4171
4172
4173                            <template v-if="true">
4174                                <object>
4175                                    <div class="app-level-cta-container">
4176
4177
4178                                            <div class="primary-button-parent srp-view-details-transact-button-container">
4179                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
4180                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG0TU238956");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
4181                                                    @keydown.space.prevent="$event.currentTarget.click()"
4182                                                    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
4183                                                     bgcolor-primary "
4184                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
4185                                                    Explore Payment Options
4186                                                </a>
4187                                            </div>
4188
4189
4190
4191
4192
4193                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG0TU238956","false"==="true"))' class="primary-button-parent">
4194                                                    <a :style="ctaBtnStyles"
4195                                                     tabindex="0" role="button"
4196                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")'
4197                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")'
4198                                                    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">
4199                                                        {{inventorySettings.data.buttonLabel}}
4200                                                    </a>
4201                                                 </div>
4202                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
4203                                                                    <a v-if="applySecondary
4203Design" href=""
4204                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4205                                                                        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"
4206                                                                        @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;:352.21,&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)"
4207                                                                        @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;:352.21,&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)"
4208                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4209                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
4210                                                                    <a v-else href=""
4211                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4212                                                                        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"
4213                                                                        @click.prevent="
4214                                                                            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;:352.21,&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)"
4215                                                                        @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;:352.21,&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)"
4216                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4217                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4218                                                                        Value Your Trade
4219                                                                    </a>
4220                                                                </div>
4221                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
4222                                                                    <a v-if="applySecondary
4222Design" href=""
4223                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4224                                                                        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"
4225                                                                        @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;:352.21,&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)"
4226                                                                        @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;:352.21,&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)"
4227                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4228                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
4229                                                                    <a v-else href=""
4230                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4231                                                                        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"
4232                                                                        @click.prevent="
4233                                                                            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;:352.21,&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)"
4234                                                                        @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;:352.21,&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)"
4235                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4236                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4237                                                                        Check Availability 
4238                                                                    </a>
4239                                                                </div>
4240
4241
4242
4243
4244                                    </div>
4245                                </object>
4246                            </template>
4247
4248                            <div class="mt-3">
4249
4250
4251                                <div class="inventory-btns" style="width:100%;" v-cloak>
4252
4253
4254                                    <object class="d-flex flex-column primary-inventory-btn-group">
4255                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4256                                        <div class="pi-pullup-container"></div>
4257                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4258
4259                                        <div class="dvs_vin_btn" vin="KMHLM4DG0TU238956"></div>
4260
4261
4262
4263                                                    <div class="d-flex mt-2 primary-button-parent">
4264                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG0TU238956"
4265                                                        style="color: initial; background-color: initial;"
4266                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
4267                                                        @mouseover="onRoadSterButtonHover('','', $event)"
4268                                                        @keydown.space.prevent="$event.currentTarget.click()"
4269                                                        class="bgcolor-primary
4270                                                                                    w-100
4271                                                                                    d-flex
4272                                                                                    justify-content-center
4273                                                                                    align-items-center
4274                                                                                    payment-panel-rounded-buttons
4275                                                        text-white text-center
4276                                                                                    no-hover
4277                                                                                    rounded-buttons py-2 px-2
4278                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
4279                                                                                    ">Search Payments </a>
4280                                                    </div>
4281
4282
4283
4284                                    </object>
4285
4286
4287
4288
4289
4290
4291
4292
4293
4294                                    
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304                                </div>
4305
4306
4307                                    <div class="my-2 w-100 text-center">
4308                                        <div class="les_video" les_vin="KMHLM4DG0TU238956"></div>
4309                                    </div>
4310
4311
4312
4313
4314                            </div>
4315
4316                            <active-engage-widget v-if="isEnableActivEngageSrp"
4317                                                custom-class="py-2 ft-12"></active-engage-widget>
4318                        <div class="srp-tabs-section mt-3">
4319                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4320                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details' }"
4321                                    tabindex="0" role="tab"
4322                                    aria-label="Details"
4323                                    :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details'"
4324                                    aria-controls="tab-panel-details-KMHLM4DG0TU238956"
4325                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')"
4326                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')">
4327                                        Details
4328                                    </div>
4329                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments' }"
4330                                tabindex="0" role="tab"
4331                                aria-label="Pricing"
4332                                :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments'"
4333                                aria-controls="tab-panel-payments-KMHLM4DG0TU238956"
4334                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')"
4335                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')">
4336                                    Pricing
4337                                </div>
4338                            </div>
4339
4340                            <div class="srp-tab-content">
4341                                <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">
4342                                    <div class="vehicle-details-list">
4343
4344                                            <div class="details-item-row ">
4345                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
4346                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
4347                                                        <div id="copy_vin" class="d-inline">KMHLM4DG0TU238956</div>
4348                                                    </div>
4349                                            </div>
4350
4351                                            <div class="details-item-row">
4352                                                <div class="details-item-label">Stock #</div>
4353                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4354                                                    <div id="copy_stock" class="d-inline">26H2011</div>
4355                                                </div>
4356                                            </div>
4357
4358                                        
4359
4360                                            <div class="details-item-row">
4361                                                <div class="details-item-label">Model Code</div>
4362                                                <div class="details-item-value">#ELGAF2J6S4AS</div>
4363                                            </div>
4364
4365                                            <div class="details-item-row">
4366                                                <div class="details-item-label">Exterior</div>
4367                                                <div class="details-item-value d-flex align-items-center">
4368                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div>
4369                                                        <div class="ml-2">Serenity White</div>
4370                                                </div>
4371                                            </div>
4372
4373                                            <div class="details-item-row">
4374                                                <div class="details-item-label">Interior</div>
4375                                                <div class="details-item-value d-flex align-items-center">
4376                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
4377                                                    <div class="ml-2 interior-word-break">Black</div>
4378                                                </div>
4379                                            </div>
4380
4381                                            <div class="details-item-row">
4382                                                <div class="details-item-label">Drivetrain</div>
4383                                                <div class="details-item-value">FWD</div>
4384                                            </div>
4385
4386                                            <div class="details-item-row">
4387                                                <div class="details-item-label">Engine</div>
4388                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
4389                                            </div>
4390                                            <div class="details-item-row">
4391                                                <div class="details-item-label">Transmission</div>
4392                                                <div class="details-item-value">CVT</div>
4393                                            </div>
4394
4395                                    </div>
4396
4397                                </div>
4398                                <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">
4399                                            <div class="msrppanel-label">
4400                                                <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)'>
4401
4402
4403                                                                                <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>
4404                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
4405                                                                                    
4406
4407<div class="grey-text vehiclebox-msrp msrp_label_custom 
4407mr-2 ft-16" :style="getMSRPColor('')">
4408    MSRP
4409</div>
4410<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,085</div>
4411
4412
4413                                                                                </div>
4414                                                                                    <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>
4415                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
4416                                                                                            <span>
4417                                                                                                Retail Bonus Cash
4418                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG0TU238956" disclaimerindex="0" />
4419                                                                                            </span>
4420                                                                                            <span> -$1,000</span>
4421                                                                                        </div>
4422                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
4423                                                                                            <span>Total Fee</span>
4424                                                                                            <span class="d-flex pl-2">
4425                                                                                                &#x2B;$175
4426                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
4427                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
4427Amount&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>
4428                                                                                                </span>
4429                                                                                            </span>
4430                                                                                        </div>
4431                                                                            <div id="kmhlm4dg0tu238956-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
4432                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
4433                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
4434                                                                            </span>
4435                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg0tu238956-unlock-discount-price"></label></span>
4436                                                                        </div>
4437                                                                        <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'>
4438                                                                            <div class="mr-2" style="color:#002C5E">
4439                                                                                <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span>
4440                                                                            </div>
4441                                                                            <div id="kmhlm4dg0tu238956-your-price-hide" class=" " style="color:#002C5E">$24,566</div>
4442                                                                        </div>
4443                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
4444                                                                                <div class="mr-2" style="color:#002C5E">
4445                                                                                    <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span>
4446                                                                                </div>
4447                                                                                <div id="kmhlm4dg0tu238956-your-price" class=" " style="color:#002C5E">$24,566</div>
4448                                                                            </div>
4449
4450
4451
4452
4453                                                        <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
4453dai 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;9/30/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;
4453StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
4454                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
4455                                                                                :pricedata="{'msrp':'26085','yourPrice':'24566'}"
4456                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
4457                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
4458                                                    <div class="color-black ft-16 mt-1">
4459            <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: 09/30/2026.`,$event)'>
4460                Disclosure
4461            </div>
4462</div>
4463
4464                                                </div>
4465
4466                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'>
4467                                                                    <div v-if="!unlockHideMsrp">
4468                                                                        <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>
4469                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
4470                                                                            <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>
4471                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div>
4472                                                                        </div>
4473                                                                    </div>
4474
4475                                                </div>
4476                                            </div>
4477                                </div>
4478                            </div>
4479                        </div>
4480                        <div id="cta-params-KMHLM4DG0TU238956"
4481                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24566.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
4482                        </div>
4483
4484                        <div>
4485
4486                            <vehicle-badges model="Elantra"
4487                                            :current="'srp'"
4488                                            :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}}`"
4489                                            :eyesight="''"
4490                                            :starlink="''"
4491                                            :von="''"
4492                                            :onorder="''"
4493                                            :vin="'KMHLM4DG0TU238956'"
4494                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease'"
4495                                            :vehicle-badges-top-srp="'False'"
4496                                            :year="'2026'"
4497                                            :in-transit-background-color-srp="''"
4498                                            :in-transit-badge-color-srp="''"
4499                                            :in-production-background-color-srp="''"
4500                                            :in-production-badge-color-srp="''"
4501                                            @opendisclaimer="openDisclaimerPopup($event)">
4502                            </vehicle-badges>
4503
4504                                <div class="d-flex flex-wrap">
4505                                    
4506
4507
4508
4509
4510
4511
4512                                </div>
4513                        </div>
4514
4515
4516
4517                        <div class="d-flex flex-wrap srp-certified-img-section">
4518
4519
4520
4521
4522
4523
4524
4525
4526                        </div>
4527
4528                        <div v-if="currentTheme == 'subaru'" class="mt-3">
4529                            <subaru-badge-new model="Elantra"
4530                                            year="2026"
4531                                            make="Hyundai"
4532                                            type="New"
4533                                            :current="'srp'"
4534                                            :transit="'False'"
4535                                            :eyesight="''"
4536                                            :starlink="''"
4537                                            :von="''"
4538                                            :onorder="''"
4539                                            :vin="'KMHLM4DG0TU238956'"
4540                                            :hide-in-transit="'False'"
4541                                            :vehicle-badges-top-srp="'False'"
4542                                            :subaru-consumer-report-class="''"
4543                                            :in-transit-background-color-srp="''"
4544                                            :in-transit-badge-color-srp="''"
4545                                            >
4546                            </subaru-badge-new>
4547                        </div>
4548
4549                    </div>
4550                </div>
4551
4552
4553
4554            </div>
4555        </a>
4556        <template v-if="true">
4557            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
4558                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG0TU238956'" class="vehicle-data-overlay-container"
4559                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
4560                     @keydown.esc.prevent="closeDetailsOverlay()"
4561                     @keydown.tab="srpOverlayTrapFocus($event)">
4562                    <div class="vehicle-overlay-data">
4563                        <div class="srp-overlay-options">
4564                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4565                                <div class="d-flex align-items-center" style="gap: 20px;">
4566                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
4567                                     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>
4568                                    <h3 class="mb-0">Options</h3>
4569                                </div>
4570                                <div>
4571                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
4572                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
4573                                </div>
4574                            </div>
4575
4576                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
4577                                <div class="overlay-nav-items px-3 pt-4">
4578                                    <div class="d-flex overlay-nav-item" tabindex="0"
4579                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: '
4579share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'share-options', label: 'Share' })">
4580                                        <em class="primaryicon-share-icon"></em>
4581                                        <span>Share</span>
4582                                    </div>
4583
4584                                        <div class="d-flex overlay-nav-item"
4585                                        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' })">
4586                                            <em class="primaryicon-key-features-icon"></em>
4587                                            <span>Key Features</span>
4588                                        </div>
4589                                </div>
4590
4591                                <div class="pt-4 px-3 mt-3">
4592                                    <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"
4593                                        @keydown.space.prevent="$event.currentTarget.click()"
4594                                        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:">
4595                                        View Details
4596                                    </a>
4597                                </div>
4598                            </div>
4599                        </div>
4600                    </div>
4601                </div>
4602            </transition>
4603            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4604                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG0TU238956'"
4605                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4606                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4607                     @keydown.tab="srpOverlayTrapFocus($event)">
4608                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4609                        <div class="d-flex align-items-center" style="gap: 20px;">
4610                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
4611                            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>
4612                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
4613                        </div>
4614                        <div>
4615                            <em class="primaryicon-close-icon-gray"
4616                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
4617                        </div>
4618                    </div>
4619                    <div class="mt-3 pt-4 overlay-section-links">
4620                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
4621                        <template v-if="!isLoadingOverlayDetails">
4622                            <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>
4623                            <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>
4624                            <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>
4625                        </template>
4626                    </div>
4627                </div>
4628            </transition>
4629        </template>
4630    </div>
4631        
4631<script type="application/javascript">
4632
4633            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
4634            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4635            localStorage.setItem("KMHLM4DG4TU238720-rebates", formattedRebatesString);
4636
4637        </script>
4637
4638<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG4TU238720" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4639        <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG4TU238720", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "3",msrp:"26130",yourPrice:"24606",sellingPrice:"25431",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG4TU238720", $event,{styleId:"476722"})'
4640        @mouseleave="clearMouseHoverValue()"
4641        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4642        used-large-box" style="height: 100%;">
4643
4644            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4645                <div class="position-relative">
4646                    <div class="srp-top-badges">
4647                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
4648                            <div class="d-flex align-items-center gap-10">
4649                            </div>
4650                        </div>
4651
4652                    </div>
4653
4654
4655                    <div id="EZ360_CVDP"></div>
4656
4657                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4658                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG4TU238720'" class="vehicle-box__image">
4659                                                    <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&amp;vin=KMHLM4DG4TU238720&amp;vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image"
4660                                                    title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport"
4661                                                    @mouseover="srpImageHover('476722', 'KMHLM4DG4TU238720', 'color=W6H')" />
4662
4663                        </div>
4664
4665                        <div class="dp-srp-evox-media-KMHLM4DG4TU238720" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG4TU238720'"></div>
4666
4667                        <div class="vehicle-info-icon">
4668                            <em
4669                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG4TU238720')"
4670                            class="primaryicon-options-btn-new info-icon-css"
4671                            data-vin="KMHLM4DG4TU238720"
4672                            tabindex="0"
4673                            role="button"
4674                            aria-label="Vehicle info"
4675                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG4TU238720')"
4676                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG4TU238720')"
4677                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4678                        </div>
4679                    </div>
4680
4681
4682                    <div class="vehiclebox-info-section p-3">
4683                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4684                            <div class="d-flex">
4685                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4686                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4687                                        2026 Hyundai Elantra SEL Sport
4688                                    </h2>
4689                                </div>
4690                            </div>
4691                        </div>
4692
4693                        <div class="vehicle-summary-section mt-3 ">
4694                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4695                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4696            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp)'>
4697                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
4698                                            <div class="mr-2" style="color:#002
4698C5E">
4699                                                <span id="kmhlm4dg4tu238720-price-summary-label">Your Price</span>
4700                                            </div>
4701                                            <div id="kmhlm4dg4tu238720-price-summary-value" class=" " style="color:#002C5E">$24,606</div>
4702                                        </div>
4703
4704            </div>
4705            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp )'>
4706                                <div v-if="!unlockHideMsrp">
4707                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4708                                        <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>
4709                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,130</div>
4710                                    </div>
4711                                </div>
4712
4713            </div>
4714        </div>
4715
4716                            </div>
4717
4718                                <template v-if="true">
4719                                    <div class="vehicle-summary-cta flex-1">
4720                                        <object>
4721                                                <div class="primary-button-parent unlock-discount">
4722        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
4723                       term="72"
4724                       payment-type="cash"
4725                       down-payment="3919.0"
4726                       miles="3"
4727                       lender-number="103"
4728                       msrp="26130"
4729                       rebates="1000"
4730                       page-type="srp"
4731                       vin=KMHLM4DG4TU238720
4732                       :your-price=24606
4733                       style-id=476722
4734                       vdp-account-id=42268
4735                       :page-reload="false"
4736                       :price-unlocked-vins="priceUnlockedVins"
4737                       @loadpayments="loadPaymentsForUnlockDiscount"
4738                       :feature-cta-image-id="0"
4739                       inventory-type=new></unlock-discount>
4740    </div>
4741
4742                                        </object>
4743                                    </div>
4744                                </template>
4745                        </div>
4746<div class="color-black ft-16 mt-1">
4747            <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: 09/30/2026.`,$event)'>
4748                Disclosure
4749            </div>
4750</div>
4751
4752                            <div class="color-black ft-12 d-flex gap-5 mt-2">
4753                                <div class="color-gray">Location:</div>
4754                                <div>City World Hyundai</div>
4755                            </div>
4756
4757                        <div class="show section-separator my-4"></div>
4758
4759
4760                            <template v-if="true">
4761                                <object>
4762                                    <div class="app-level-cta-container">
4763
4764
4765                                            <div class="primary-button-parent srp-view-details-transact-button-container">
4766                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
4767                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG4TU238720");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
4768                                                    @keydown.space.prevent="$event.currentTarget.click()"
4769                                                    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
4770                                                     bgcolor-primary "
4771                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
4772                                                    Explore Payment Options
4773                                                </a>
4774                                            </div>
4775
4776
4777
4778
4779
4780                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG4TU238720","false"==="true"))' class="primary-button-parent">
4781                                                    <a :style="ctaBtnStyles"
4782                                                     tabindex="0" role="button"
4783                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG4TU238720", "New")'
4784                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG4TU238720", "New")'
4785                                                    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">
4786                                                        {{inventorySettings.data.buttonLabel}}
4787                                                    </a>
4788                                                 </div>
4789                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
4790                                                                    <a v-if="applySecondary
4790Design" 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;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4794                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4795                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4796                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
4797                                                                    <a v-else href=""
4798                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4799                                                                        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"
4800                                                                        @click.prevent="
4801                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4802                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;value-your-trade-popup&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4803                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4804                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4805                                                                        Value Your Trade
4806                                                                    </a>
4807                                                                </div>
4808                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
4809                                                                    <a v-if="applySecondary
4809Design" href=""
4810                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
4811                                                                        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"
4812                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4813                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4814                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4815                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
4816                                                                    <a v-else href=""
4817                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
4818                                                                        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"
4819                                                                        @click.prevent="
4820                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4821                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;KMHLM4DG4TU238720&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;:352.77,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2000&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4822                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
4823                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4824                                                                        Check Availability 
4825                                                                    </a>
4826                                                                </div>
4827
4828
4829
4830
4831                                    </div>
4832                                </object>
4833                            </template>
4834
4835                            <div class="mt-3">
4836
4837
4838                                <div class="inventory-btns" style="width:100%;" v-cloak>
4839
4840
4841                                    <object class="d-flex flex-column primary-inventory-btn-group">
4842                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4843                                        <div class="pi-pullup-container"></div>
4844                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4845
4846                                        <div class="dvs_vin_btn" vin="KMHLM4DG4TU238720"></div>
4847
4848
4849
4850                                                    <div class="d-flex mt-2 primary-button-parent">
4851                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG4TU238720"
4852                                                        style="color: initial; background-color: initial;"
4853                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
4854                                                        @mouseover="onRoadSterButtonHover('','', $event)"
4855                                                        @keydown.space.prevent="$event.currentTarget.click()"
4856                                                        class="bgcolor-primary
4857                                                                                    w-100
4858                                                                                    d-flex
4859                                                                                    justify-content-center
4860                                                                                    align-items-center
4861                                                                                    payment-panel-rounded-buttons
4862                                                        text-white text-center
4863                                                                                    no-hover
4864                                                                                    rounded-buttons py-2 px-2
4865                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
4866                                                                                    ">Search Payments </a>
4867                                                    </div>
4868
4869
4870
4871                                    </object>
4872
4873
4874
4875
4876
4877
4878
4879
4880
4881                                    
4882
4883
4884
4885
4886
4887
4888
4889
4890
4891                                </div>
4892
4893
4894                                    <div class="my-2 w-100 text-center">
4895                                        <div class="les_video" les_vin="KMHLM4DG4TU238720"></div>
4896                                    </div>
4897
4898
4899
4900
4901                            </div>
4902
4903                            <active-engage-widget v-if="isEnableActivEngageSrp"
4904                                                custom-class="py-2 ft-12"></active-engage-widget>
4905                        <div class="srp-tabs-section mt-3">
4906                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4907                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details' }"
4908                                    tabindex="0" role="tab"
4909                                    aria-label="Details"
4910                                    :aria-selected="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details'"
4911                                    aria-controls="tab-panel-details-KMHLM4DG4TU238720"
4912                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG4TU238720')"
4913                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG4TU238720')">
4914                                        Details
4915                                    </div>
4916                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments' }"
4917                                tabindex="0" role="tab"
4918                                aria-label="Pricing"
4919                                :aria-selected="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments'"
4920                                aria-controls="tab-panel-payments-KMHLM4DG4TU238720"
4921                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG4TU238720')"
4922                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG4TU238720')">
4923                                    Pricing
4924                                </div>
4925                            </div>
4926
4927                            <div class="srp-tab-content">
4928                                <div :class="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG4TU238720" aria-label="Details">
4929                                    <div class="vehicle-details-list">
4930
4931                                            <div class="details-item-row ">
4932                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
4933                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
4934                                                        <div id="copy_vin" class="d-inline">KMHLM4DG4TU238720</div>
4935                                                    </div>
4936                                            </div>
4937
4938                                            <div class="details-item-row">
4939                                                <div class="details-item-label">Stock #</div>
4940                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4941                                                    <div id="copy_stock" class="d-inline">26H2000</div>
4942                                                </div>
4943                                            </div>
4944
4945                                        
4946
4947                                            <div class="details-item-row">
4948                                                <div class="details-item-label">Model Code</div>
4949                                                <div class="details-item-value">#ELGAF2J6S4AS</div>
4950                                            </div>
4951
4952                                            <div class="details-item-row">
4953                                                <div class="details-item-label">Exterior</div>
4954                                                <div class="details-item-value d-flex align-items-center">
4955                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div>
4956                                                        <div class="ml-2">Serenity White</div>
4957                                                </div>
4958                                            </div>
4959
4960                                            <div class="details-item-row">
4961                                                <div class="details-item-label">Interior</div>
4962                                                <div class="details-item-value d-flex align-items-center">
4963                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
4964                                                    <div class="ml-2 interior-word-break">Gray</div>
4965                                                </div>
4966                                            </div>
4967
4968                                            <div class="details-item-row">
4969                                                <div class="details-item-label">Drivetrain</div>
4970                                                <div class="details-item-value">FWD</div>
4971                                            </div>
4972
4973                                            <div class="details-item-row">
4974                                                <div class="details-item-label">Engine</div>
4975                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
4976                                            </div>
4977                                            <div class="details-item-row">
4978                                                <div class="details-item-label">Transmission</div>
4979                                                <div class="details-item-value">CVT</div>
4980                                            </div>
4981
4982                                    </div>
4983
4984                                </div>
4985                                <div :class="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG4TU238720" aria-label="Pricing">
4986                                            <div class="msrppanel-label">
4987                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp)'>
4988
4989
4990                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26130' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4991                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
4992                                                                                    
4993
4994<div class="grey-text vehiclebox-msrp msrp_label_custom mr
4994-2 ft-16" :style="getMSRPColor('')">
4995    MSRP
4996</div>
4997<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,130</div>
4998
4999
5000                                                                                </div>
5001                                                                                    <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"> -$699</span></div>
5002                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
5003                                                                                            <span>
5004                                                                                                Retail Bonus Cash
5005                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG4TU238720" disclaimerindex="0" />
5006                                                                                            </span>
5007                                                                                            <span> -$1,000</span>
5008                                                                                        </div>
5009                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
5010                                                                                            <span>Total Fee</span>
5011                                                                                            <span class="d-flex pl-2">
5012                                                                                                &#x2B;$175
5013                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
5014                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
5014Amount&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>
5015                                                                                                </span>
5016                                                                                            </span>
5017                                                                                        </div>
5018                                                                            <div id="kmhlm4dg4tu238720-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5019                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
5020                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5021                                                                            </span>
5022                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg4tu238720-unlock-discount-price"></label></span>
5023                                                                        </div>
5024                                                                        <div id="kmhlm4dg4tu238720-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'>
5025                                                                            <div class="mr-2" style="color:#002C5E">
5026                                                                                <span id="kmhlm4dg4tu238720-selling-price-label" class="p-0">Your Price</span>
5027                                                                            </div>
5028                                                                            <div id="kmhlm4dg4tu238720-your-price-hide" class=" " style="color:#002C5E">$24,606</div>
5029                                                                        </div>
5030                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5031                                                                                <div class="mr-2" style="color:#002C5E">
5032                                                                                    <span id="kmhlm4dg4tu238720-selling-price-label" class="p-0">Your Price</span>
5033                                                                                </div>
5034                                                                                <div id="kmhlm4dg4tu238720-your-price" class=" " style="color:#002C5E">$24,606</div>
5035                                                                            </div>
5036
5037
5038
5039
5040                                                        <total-incentive-discount qualified-data='[{&quot;Vin&quot;:&quot;KMHLM4DG4TU238720&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
5040dai 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;9/30/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG4TU238720&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;
5040StopDate&quot;:&quot;9/30/2026&quot;},{&quot;Vin&quot;:&quot;KMHLM4DG4TU238720&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;9/30/2026&quot;}]'
5041                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5042                                                                                :pricedata="{'msrp':'26130','yourPrice':'24606'}"
5043                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5044                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5045                                                    <div class="color-black ft-16 mt-1">
5046            <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: 09/30/2026.`,$event)'>
5047                Disclosure
5048            </div>
5049</div>
5050
5051                                                </div>
5052
5053                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp )'>
5054                                                                    <div v-if="!unlockHideMsrp">
5055                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26130' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5056                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5057                                                                            <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>
5058                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,130</div>
5059                                                                        </div>
5060                                                                    </div>
5061
5062                                                </div>
5063                                            </div>
5064                                </div>
5065                            </div>
5066                        </div>
5067                        <div id="cta-params-KMHLM4DG4TU238720"
5068                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:24606.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5069                        </div>
5070
5071                        <div>
5072
5073                            <vehicle-badges model="Elantra"
5074                                            :current="'srp'"
5075                                            :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}}`"
5076                                            :eyesight="''"
5077                                            :starlink="''"
5078                                            :von="''"
5079                                            :onorder="''"
5080                                            :vin="'KMHLM4DG4TU238720'"
5081                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease'"
5082                                            :vehicle-badges-top-srp="'False'"
5083                                            :year="'2026'"
5084                                            :in-transit-background-color-srp="''"
5085                                            :in-transit-badge-color-srp="''"
5086                                            :in-production-background-color-srp="''"
5087                                            :in-production-badge-color-srp="''"
5088                                            @opendisclaimer="openDisclaimerPopup($event)">
5089                            </vehicle-badges>
5090
5091                                <div class="d-flex flex-wrap">
5092                                    
5093
5094
5095
5096
5097
5098
5099                                </div>
5100                        </div>
5101
5102
5103
5104                        <div class="d-flex flex-wrap srp-certified-img-section">
5105
5106
5107
5108
5109
5110
5111
5112
5113                        </div>
5114
5115                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5116                            <subaru-badge-new model="Elantra"
5117                                            year="2026"
5118                                            make="Hyundai"
5119                                            type="New"
5120                                            :current="'srp'"
5121                                            :transit="'False'"
5122                                            :eyesight="''"
5123                                            :starlink="''"
5124                                            :von="''"
5125                                            :onorder="''"
5126                                            :vin="'KMHLM4DG4TU238720'"
5127                                            :hide-in-transit="'False'"
5128                                            :vehicle-badges-top-srp="'False'"
5129                                            :subaru-consumer-report-class="''"
5130                                            :in-transit-background-color-srp="''"
5131                                            :in-transit-badge-color-srp="''"
5132                                            >
5133                            </subaru-badge-new>
5134                        </div>
5135
5136                    </div>
5137                </div>
5138
5139
5140
5141            </div>
5142        </a>
5143        <template v-if="true">
5144            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5145                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG4TU238720'" class="vehicle-data-overlay-container"
5146                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5147                     @keydown.esc.prevent="closeDetailsOverlay()"
5148                     @keydown.tab="srpOverlayTrapFocus($event)">
5149                    <div class="vehicle-overlay-data">
5150                        <div class="srp-overlay-options">
5151                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5152                                <div class="d-flex align-items-center" style="gap: 20px;">
5153                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5154                                     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>
5155                                    <h3 class="mb-0">Options</h3>
5156                                </div>
5157                                <div>
5158                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5159                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5160                                </div>
5161                            </div>
5162
5163                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5164                                <div class="overlay-nav-items px-3 pt-4">
5165                                    <div class="d-flex overlay-nav-item" tabindex="0"
5166                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: '
5166share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'share-options', label: 'Share' })">
5167                                        <em class="primaryicon-share-icon"></em>
5168                                        <span>Share</span>
5169                                    </div>
5170
5171                                        <div class="d-flex overlay-nav-item"
5172                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'key-features', label: 'Key Features' })">
5173                                            <em class="primaryicon-key-features-icon"></em>
5174                                            <span>Key Features</span>
5175                                        </div>
5176                                </div>
5177
5178                                <div class="pt-4 px-3 mt-3">
5179                                    <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease")' target="_self"
5180                                        @keydown.space.prevent="$event.currentTarget.click()"
5181                                        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:">
5182                                        View Details
5183                                    </a>
5184                                </div>
5185                            </div>
5186                        </div>
5187                    </div>
5188                </div>
5189            </transition>
5190            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5191                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG4TU238720'"
5192                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5193                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5194                     @keydown.tab="srpOverlayTrapFocus($event)">
5195                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5196                        <div class="d-flex align-items-center" style="gap: 20px;">
5197                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5198                            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>
5199                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5200                        </div>
5201                        <div>
5202                            <em class="primaryicon-close-icon-gray"
5203                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5204                        </div>
5205                    </div>
5206                    <div class="mt-3 pt-4 overlay-section-links">
5207                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5208                        <template v-if="!isLoadingOverlayDetails">
5209                            <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>
5210                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/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>
5211                            <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>
5212                        </template>
5213                    </div>
5214                </div>
5215            </transition>
5216        </template>
5217    </div>
5218
5219
5220<div class="" style=" position: relative;overflow: hidden; padding:20px; align-content: center">
5221        <a href="/inventory/New/Hyundai/Elantra?trim=SE&amp;years=2026" target="_blank" @click.stop="onHyundaiBannerClick('2026', 'Hyundai', 'Elantra')">
5222            <img src="https://av2-internal-assets-prd.constellationagency.com/ad-engine/asset-batches/2b07867e-f333-4a40-8e64-463b79ba7b46/7718e2b1-2548-420e-8998-8272fa06916c/image/25698b62-08f5-4a10-a23a-e1fd68c4c79d/Hyundai-Tier-1_Ad-Engine-Feed_DEP_400x901_09_APR_Lease_027.png" alt="2026 Hyundai Elantra SE APR or Lease Offer" title="2026 Hyundai Elantra SE APR or Lease Offer" class="img-fluid" style="margin: auto;display: block;" />
5223        </a>
5224        <div class="inline-srp-banner-disclaimer ft-12 text-center py-1" 
5225             @click.prevent='openDisclaimer("Excludes tax, title, \u0026 license. Lease offer based on MSRP of $23,870 for 2026 ELANTRA SE (model #494E2F4S/ELEAF2J6S4AS) with freight. ELANTRA SE closed end lease offered through Hyun
5225dai Motor Finance (HMF) and subject to credit approval. Well-qualified lessees only. Available on new 2026 ELANTRA SE vehicles in dealer stock only. At lease end, lessee responsible for excess wear and mileage at $.20/mile over 15,000 miles. Low mileage lease. Lessee has option to purchase at lease-end price negotiated at signing. Offers may not be combined with other special offers unless specified. Dealer price may vary. See participating Hyundai dealer for details. Offers valid 9/9/26 - 9/30/26. Offer available on new 2026 ELANTRA vehicles purchased from dealer stock and financed through Hyundai Motor Finance (HMF). 3.9% Annual Percentage Rate financing for 60 months is $18.38 per month per $1,000 financed. Down payment may be required. Different rates available for different terms. Subject to HMF credit approval. Not all buyers will qualify. Higher finance rates apply for qualified buyers with lower credit ratings. Tax, title, and license extra. Offers may not be combined with other special offers unless specified. Dealer price may vary. See participating Hyundai dealer for details. Offers valid 9/9/26-9/30/26.", "2026 Hyundai Elantra SE APR or Lease Offer")'>
5226            View Offer Disclaimer
5227        </div>
5228</div>
5229        
5229<script type="application/javascript">
5230
5231            var rebatesString = "[]";
5232            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5233            localStorage.setItem("KMHRC8A39TU495846-rebates", formattedRebatesString);
5234
5235        </script>
5235
5236<div data-itemid="Hyundai-Venue-SEL-KMHRC8A39TU495846" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5237        <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: "4",msrp:"25115",yourPrice:"24790",sellingPrice:"24615",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A39TU495846", $event,{styleId:"477903"})'
5238        @mouseleave="clearMouseHoverValue()"
5239        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5240        used-large-box" style="height: 100%;">
5241
5242            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5243                <div class="position-relative">
5244                    <div class="srp-top-badges">
5245                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
5246                            <div class="d-flex align-items-center gap-10">
5247                            </div>
5248                        </div>
5249
5250                    </div>
5251
5252
5253                    <div id="EZ360_CVDP"></div>
5254
5255                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5256                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A39TU495846'" class="vehicle-box__image">
5257                                                    <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"
5258                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
5259                                                    @mouseover="srpImageHover('477903', 'KMHRC8A39TU495846', 'color=SAW')" />
5260
5261                        </div>
5262
5263                        <div class="dp-srp-evox-media-KMHRC8A39TU495846" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A39TU495846'"></div>
5264
5265                        <div class="vehicle-info-icon">
5266                            <em
5267                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A39TU495846')"
5268                            class="primaryicon-options-btn-new info-icon-css"
5269                            data-vin="KMHRC8A39TU495846"
5270                            tabindex="0"
5271                            role="button"
5272                            aria-label="Vehicle info"
5273                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')"
5274                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')"
5275                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5276                        </div>
5277                    </div>
5278
5279
5280                    <div class="vehiclebox-info-section p-3">
5281                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5282                            <div class="d-flex">
5283                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5284                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5285                                        2026 Hyundai Venue SEL
5286                                    </h2>
5287                                </div>
5288                            </div>
5289                        </div>
5290
5291                        <div class="vehicle-summary-section mt-3 ">
5292                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5293                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5294            <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)'>
5295                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
5296                                            <div class="mr-2" style="color:#002
5296C5E">
5297                                                <span id="kmhrc8a39tu495846-price-summary-label">Your Price</span>
5298                                            </div>
5299                                            <div id="kmhrc8a39tu495846-price-summary-value" class=" " style="color:#002C5E">$24,790</div>
5300                                        </div>
5301
5302            </div>
5303            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'>
5304                                <div v-if="!unlockHideMsrp">
5305                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5306                                        <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>
5307                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
5308                                    </div>
5309                                </div>
5310
5311            </div>
5312        </div>
5313
5314                            </div>
5315
5316                                <template v-if="true">
5317                                    <div class="vehicle-summary-cta flex-1">
5318                                        <object>
5319                                                <div class="primary-button-parent unlock-discount">
5320        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
5321                       term="72"
5322                       payment-type="cash"
5323                       down-payment="3767.0"
5324                       miles="5"
5325                       lender-number="103"
5326                       msrp="25115"
5327                       rebates="0"
5328                       page-type="srp"
5329                       vin=KMHRC8A39TU495846
5330                       :your-price=24790
5331                       style-id=477903
5332                       vdp-account-id=42268
5333                       :page-reload="false"
5334                       :price-unlocked-vins="priceUnlockedVins"
5335                       @loadpayments="loadPaymentsForUnlockDiscount"
5336                       :feature-cta-image-id="0"
5337                       inventory-type=new></unlock-discount>
5338    </div>
5339
5340                                        </object>
5341                                    </div>
5342                                </template>
5343                        </div>
5344<div class="color-black ft-16 mt-1">
5345            <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: 09/30/2026.`,$event)'>
5346                Disclosure
5347            </div>
5348</div>
5349
5350                            <div class="color-black ft-12 d-flex gap-5 mt-2">
5351                                <div class="color-gray">Location:</div>
5352                                <div>City World Hyundai</div>
5353                            </div>
5354
5355                        <div class="show section-separator my-4"></div>
5356
5357
5358                            <template v-if="true">
5359                                <object>
5360                                    <div class="app-level-cta-container">
5361
5362
5363                                            <div class="primary-button-parent srp-view-details-transact-button-container">
5364                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5364ort-utility?type=lease#Transact" target="_self"
5365                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A39TU495846");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
5366                                                    @keydown.space.prevent="$event.currentTarget.click()"
5367                                                    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
5368                                                     bgcolor-primary "
5369                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
5370                                                    Explore Payment Options
5371                                                </a>
5372                                            </div>
5373
5374
5375
5376
5377
5378                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A39TU495846","false"==="true"))' class="primary-button-parent">
5379                                                    <a :style="ctaBtnStyles"
5380                                                     tabindex="0" role="button"
5381                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A39TU495846", "New")'
5382                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A39TU495846", "New")'
5383                                                    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">
5384                                                        {{inventorySettings.data.buttonLabel}}
5385                                                    </a>
5386                                                 </div>
5387                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
5388                                                                    <a v-if="applySecondaryDesign" href=""
5389                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5390                                                                        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"
5391                                                                        @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;:358.50,&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)"
5392                                                                        @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;:358.50,&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
5392ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5393                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5394                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
5395                                                                    <a v-else href=""
5396                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5397                                                                        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"
5398                                                                        @click.prevent="
5399                                                                            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;:358.50,&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)"
5400                                                                        @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;:358.50,&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)"
5401                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5402                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5403                                                                        Value Your Trade
5404                                                                    </a>
5405                                                                </div>
5406                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
5407                                                                    <a v-if="applySecondaryDesign" href=""
5408                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5409                                                                        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"
5410                                                                        @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;:358.50,&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
5410ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2262&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5411                                                                        @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;:358.50,&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)"
5412                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5413                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
5414                                                                    <a v-else href=""
5415                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5416                                                                        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"
5417                                                                        @click.prevent="
5418                                                                            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;:358.50,&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)"
5419                                                                        @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;:358.50,&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)"
5420                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5421                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5422                                                                        Check Availability 
5423                                                                    </a>
5424                                                                </div>
5425
5426
5427
5428
5429                                    </div>
5430                                </object>
5431                            </template>
5432
5433                            <div class="mt-3">
5434
5435
5436                                <div class="inventory-btns" style="width:100%;" v-cloak>
5437
5438
5439                                    <object class="d-flex flex-column primary-inventory-btn-group">
5440                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5441                                        <div class="pi-pullup-container"></div>
5442                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5443
5444                                        <div class="dvs_vin_btn" vin="KMHRC8A39TU495846"></div>
5445
5446
5447
5448                                                    <div class="d-flex mt-2 primary-button-parent">
5449                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A39TU495846"
5450                                                        style="color: initial; background-color: initial;"
5451                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
5452                                                        @mouseover="onRoadSterButtonHover('','', $event)"
5453                                                        @keydown.space.prevent="$event.currentTarget.click()"
5454                                                        class="bgcolor-primary
5455                                                                                    w-100
5456                                                                                    d-flex
5457                                                                                    justify-content-center
5458                                                                                    align-items-center
5459                                                                                    payment-panel-rounded-buttons
5460                                                        text-white text-center
5461                                                                                    no-hover
5462                                                                                    rounded-buttons py-2 px-2
5463                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
5464                                                                                    ">Search Payments </a>
5465                                                    </div>
5466
5467
5468
5469                                    </object>
5470
5471
5472
5473
5474
5475
5476
5477
5478
5479                                    
5480
5481
5482
5483
5484
5485
5486
5487
5488
5489                                </div>
5490
5491
5492                                    <div class="my-2 w-100 text-center">
5493                                        <div class="les_video" les_vin="KMHRC8A39TU495846"></div>
5494                                    </div>
5495
5496
5497
5498
5499                            </div>
5500
5501                            <active-engage-widget v-if="isEnableActivEngageSrp"
5502                                                custom-class="py-2 ft-12"></active-engage-widget>
5503                        <div class="srp-tabs-section mt-3">
5504                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
5505                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details' }"
5506                                    tabindex="0" role="tab"
5507                                    aria-label="Details"
5508                                    :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details'"
5509                                    aria-controls="tab-panel-details-KMHRC8A39TU495846"
5510                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')"
5511                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')">
5512                                        Details
5513                                    </div>
5514                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments' }"
5515                                tabindex="0" role="tab"
5516                                aria-label="Pricing"
5517                                :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments'"
5518                                aria-controls="tab-panel-payments-KMHRC8A39TU495846"
5519                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')"
5520                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')">
5521                                    Pricing
5522                                </div>
5523                            </div>
5524
5525                            <div class="srp-tab-content">
5526                                <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">
5527                                    <div class="vehicle-details-list">
5528
5529                                            <div class="details-item-row ">
5530                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
5531                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
5532                                                        <div id="copy_vin" class="d-inline">KMHRC8A39TU495846</div>
5533                                                    </div>
5534                                            </div>
5535
5536                                            <div class="details-item-row">
5537                                                <div class="details-item-label">Stock #</div>
5538                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5539                                                    <div id="copy_stock" class="d-inline">26H2262</div>
5540                                                </div>
5541                                            </div>
5542
5543                                        
5544
5545                                            <div class="details-item-row">
5546                                                <div class="details-item-label">Model Code</div>
5547                                                <div class="details-item-value">#VN2AFD56W5A5</div>
5548                                            </div>
5549
5550                                            <div class="details-item-row">
5551                                                <div class="details-item-label">Exterior</div>
5552                                                <div class="details-item-value d-flex align-items-center">
5553                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div>
5554                                                        <div class="ml-2">Lunar White</div>
5555                                                </div>
5556                                            </div>
5557
5558                                            <div class="details-item-row">
5559                                                <div class="details-item-label">Interior</div>
5560                                                <div class="details-item-value d-flex align-items-center">
5561                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
5562                                                    <div class="ml-2 interior-word-break">Gray</div>
5563                                                </div>
5564                                            </div>
5565
5566                                            <div class="details-item-row">
5567                                                <div class="details-item-label">Drivetrain</div>
5568                                                <div class="details-item-value">FWD</div>
5569                                            </div>
5570
5571                                            <div class="details-item-row">
5572                                                <div class="details-item-label">Engine</div>
5573                                                        <div class="details-item-value">
5573Regular Gasoline I-4 1.6 L/98</div>
5574                                            </div>
5575                                            <div class="details-item-row">
5576                                                <div class="details-item-label">Transmission</div>
5577                                                <div class="details-item-value">CVT</div>
5578                                            </div>
5579
5580                                    </div>
5581
5582                                </div>
5583                                <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">
5584                                            <div class="msrppanel-label">
5585                                                <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)'>
5586
5587
5588                                                                                <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>
5589                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
5590                                                                                    
5591
5592<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
5593    MSRP
5594</div>
5595<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div>
5596
5597
5598                                                                                </div>
5599                                                                                    <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>
5600                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
5601                                                                                            <span>Total Fee</span>
5602                                                                                            <span class="d-flex pl-2">
5603                                                                                                &#x2B;$175
5604                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
5605                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
5605Amount&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>
5606                                                                                                </span>
5607                                                                                            </span>
5608                                                                                        </div>
5609                                                                            <div id="kmhrc8a39tu495846-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5610                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
5611                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5612                                                                            </span>
5613                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a39tu495846-unlock-discount-price"></label></span>
5614                                                                        </div>
5615                                                                        <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'>
5616                                                                            <div class="mr-2" style="color:#002C5E">
5617                                                                                <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span>
5618                                                                            </div>
5619                                                                            <div id="kmhrc8a39tu495846-your-price-hide" class=" " style="color:#002C5E">$24,790</div>
5620                                                                        </div>
5621                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
5622                                                                                <div class="mr-2" style="color:#002C5E">
5623                                                                                    <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span>
5624                                                                                </div>
5625                                                                                <div id="kmhrc8a39tu495846-your-price" class=" " style="color:#002C5E">$24,790</div>
5626                                                                            </div>
5627
5628
5629
5630
5631                                                        <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
5631dai 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;9/30/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;
5631StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
5632                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5633                                                                                :pricedata="{'msrp':'25115','yourPrice':'24790'}"
5634                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5635                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5636                                                    <div class="color-black ft-16 mt-1">
5637            <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: 09/30/2026.`,$event)'>
5638                Disclosure
5639            </div>
5640</div>
5641
5642                                                </div>
5643
5644                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'>
5645                                                                    <div v-if="!unlockHideMsrp">
5646                                                                        <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>
5647                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5648                                                                            <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>
5649                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
5650                                                                        </div>
5651                                                                    </div>
5652
5653                                                </div>
5654                                            </div>
5655                                </div>
5656                            </div>
5657                        </div>
5658                        <div id="cta-params-KMHRC8A39TU495846"
5659                             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;}">
5660                        </div>
5661
5662                        <div>
5663
5664                            <vehicle-badges model="Venue"
5665                                            :current="'srp'"
5666                                            :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}}`"
5667                                            :eyesight="''"
5668                                            :starlink="''"
5669                                            :von="''"
5670                                            :onorder="''"
5671                                            :vin="'KMHRC8A39TU495846'"
5672                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease'"
5673                                            :vehicle-badges-top-srp="'False'"
5674                                            :year="'2026'"
5675                                            :in-transit-background-color-srp="''"
5676                                            :in-transit-badge-color-srp="''"
5677                                            :in-production-background-color-srp="''"
5678                                            :in-production-badge-color-srp="''"
5679                                            @opendisclaimer="openDisclaimerPopup($event)">
5680                            </vehicle-badges>
5681
5682                                <div class="d-flex flex-wrap">
5683                                    
5684
5685
5686
5687
5688
5689
5690                                </div>
5691                        </div>
5692
5693
5694
5695                        <div class="d-flex flex-wrap srp-certified-img-section">
5696
5697
5698
5699
5700
5701
5702
5703
5704                        </div>
5705
5706                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5707                            <subaru-badge-new model="Venue"
5708                                            year="2026"
5709                                            make="Hyundai"
5710                                            type="New"
5711                                            :current="'srp'"
5712                                            :transit="'False'"
5713                                            :eyesight="''"
5714                                            :starlink="''"
5715                                            :von="''"
5716                                            :onorder="''"
5717                                            :vin="'KMHRC8A39TU495846'"
5718                                            :hide-in-transit="'False'"
5719                                            :vehicle-badges-top-srp="'False'"
5720                                            :subaru-consumer-report-class="''"
5721                                            :in-transit-background-color-srp="''"
5722                                            :in-transit-badge-color-srp="''"
5723                                            >
5724                            </subaru-badge-new>
5725                        </div>
5726
5727                    </div>
5728                </div>
5729
5730
5731
5732            </div>
5733        </a>
5734        <template v-if="true">
5735            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5736                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A39TU495846'" class="vehicle-data-overlay-container"
5737                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5738                     @keydown.esc.prevent="closeDetailsOverlay()"
5739                     @keydown.tab="srpOverlayTrapFocus($event)">
5740                    <div class="vehicle-overlay-data">
5741                        <div class="srp-overlay-options">
5742                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5743                                <div class="d-flex align-items-center" style="gap: 20px;">
5744                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5745                                     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>
5746                                    <h3 class="mb-0">Options</h3>
5747                                </div>
5748                                <div>
5749                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5750                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5751                                </div>
5752                            </div>
5753
5754                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5755                                <div class="overlay-nav-items px-3 pt-4">
5756                                    <div class="d-flex overlay-nav-item" tabindex="0"
5757                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: '
5757share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'share-options', label: 'Share' })">
5758                                        <em class="primaryicon-share-icon"></em>
5759                                        <span>Share</span>
5760                                    </div>
5761
5762                                        <div class="d-flex overlay-nav-item"
5763                                        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' })">
5764                                            <em class="primaryicon-key-features-icon"></em>
5765                                            <span>Key Features</span>
5766                                        </div>
5767                                </div>
5768
5769                                <div class="pt-4 px-3 mt-3">
5770                                    <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"
5771                                        @keydown.space.prevent="$event.currentTarget.click()"
5772                                        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:">
5773                                        View Details
5774                                    </a>
5775                                </div>
5776                            </div>
5777                        </div>
5778                    </div>
5779                </div>
5780            </transition>
5781            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5782                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A39TU495846'"
5783                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5784                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5785                     @keydown.tab="srpOverlayTrapFocus($event)">
5786                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5787                        <div class="d-flex align-items-center" style="gap: 20px;">
5788                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5789                            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>
5790                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5791                        </div>
5792                        <div>
5793                            <em class="primaryicon-close-icon-gray"
5794                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5795                        </div>
5796                    </div>
5797                    <div class="mt-3 pt-4 overlay-section-links">
5798                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5799                        <template v-if="!isLoadingOverlayDetails">
5800                            <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>
5801                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5801ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
5802                            <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>
5803                        </template>
5804                    </div>
5805                </div>
5806            </transition>
5807        </template>
5808    </div>
5809        
5809<script type="application/javascript">
5810
5811            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
5812            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5813            localStorage.setItem("KMHLM4DG2TU260635-rebates", formattedRebatesString);
5814
5815        </script>
5815
5816<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG2TU260635" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5817        <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: "5",msrp:"26555",yourPrice:"25025",sellingPrice:"25850",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG2TU260635", $event,{styleId:"487085"})'
5818        @mouseleave="clearMouseHoverValue()"
5819        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5820        used-large-box" style="height: 100%;">
5821
5822            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5823                <div class="position-relative">
5824                    <div class="srp-top-badges">
5825                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
5826                            <div class="d-flex align-items-center gap-10">
5827                            </div>
5828                        </div>
5829
5830                    </div>
5831
5832
5833                    <div id="EZ360_CVDP"></div>
5834
5835                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5836                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG2TU260635'" class="vehicle-box__image">
5837                                                    <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"
5838                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
5839                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG2TU260635', 'color=W6H')" />
5840
5841                        </div>
5842
5843                        <div class="dp-srp-evox-media-KMHLM4DG2TU260635" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG2TU260635'"></div>
5844
5845                        <div class="vehicle-info-icon">
5846                            <em
5847                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG2TU260635')"
5848                            class="primaryicon-options-btn-new info-icon-css"
5849                            data-vin="KMHLM4DG2TU260635"
5850                            tabindex="0"
5851                            role="button"
5852                            aria-label="Vehicle info"
5853                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')"
5854                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')"
5855                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5856                        </div>
5857                    </div>
5858
5859
5860                    <div class="vehiclebox-info-section p-3">
5861                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5862                            <div class="d-flex">
5863                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5864                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5865                                        2026 Hyundai Elantra SEL Sport Plus
5866                                    </h2>
5867                                </div>
5868                            </div>
5869                        </div>
5870
5871                        <div class="vehicle-summary-section mt-3 ">
5872                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5873                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5874            <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)'>
5875                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
5876                                            <div class="mr-2" style="color:#002
5876C5E">
5877                                                <span id="kmhlm4dg2tu260635-price-summary-label">Your Price</span>
5878                                            </div>
5879                                            <div id="kmhlm4dg2tu260635-price-summary-value" class=" " style="color:#002C5E">$25,025</div>
5880                                        </div>
5881
5882            </div>
5883            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'>
5884                                <div v-if="!unlockHideMsrp">
5885                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5886                                        <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>
5887                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div>
5888                                    </div>
5889                                </div>
5890
5891            </div>
5892        </div>
5893
5894                            </div>
5895
5896                                <template v-if="true">
5897                                    <div class="vehicle-summary-cta flex-1">
5898                                        <object>
5899                                                <div class="primary-button-parent unlock-discount">
5900        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
5901                       term="72"
5902                       payment-type="cash"
5903                       down-payment="3983.0"
5904                       miles="7"
5905                       lender-number="103"
5906                       msrp="26555"
5907                       rebates="1000"
5908                       page-type="srp"
5909                       vin=KMHLM4DG2TU260635
5910                       :your-price=25025
5911                       style-id=487085
5912                       vdp-account-id=42268
5913                       :page-reload="false"
5914                       :price-unlocked-vins="priceUnlockedVins"
5915                       @loadpayments="loadPaymentsForUnlockDiscount"
5916                       :feature-cta-image-id="0"
5917                       inventory-type=new></unlock-discount>
5918    </div>
5919
5920                                        </object>
5921                                    </div>
5922                                </template>
5923                        </div>
5924<div class="color-black ft-16 mt-1">
5925            <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: 09/30/2026.`,$event)'>
5926                Disclosure
5927            </div>
5928</div>
5929
5930                            <div class="color-black ft-12 d-flex gap-5 mt-2">
5931                                <div class="color-gray">Location:</div>
5932                                <div>City World Hyundai</div>
5933                            </div>
5934
5935                        <div class="show section-separator my-4"></div>
5936
5937
5938                            <template v-if="true">
5939                                <object>
5940                                    <div class="app-level-cta-container">
5941
5942
5943                                            <div class="primary-button-parent srp-view-details-transact-button-container">
5944                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
5945                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG2TU260635");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
5946                                                    @keydown.space.prevent="$event.currentTarget.click()"
5947                                                    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
5948                                                     bgcolor-primary "
5949                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
5950                                                    Explore Payment Options
5951                                                </a>
5952                                            </div>
5953
5954
5955
5956
5957
5958                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG2TU260635","false"==="true"))' class="primary-button-parent">
5959                                                    <a :style="ctaBtnStyles"
5960                                                     tabindex="0" role="button"
5961                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")'
5962                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")'
5963                                                    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">
5964                                                        {{inventorySettings.data.buttonLabel}}
5965                                                    </a>
5966                                                 </div>
5967                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
5968                                                                    <a v-if="applySecondary
5968Design" href=""
5969                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5970                                                                        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"
5971                                                                        @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;:358.83,&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)"
5972                                                                        @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;:358.83,&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)"
5973                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5974                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
5975                                                                    <a v-else href=""
5976                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5977                                                                        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"
5978                                                                        @click.prevent="
5979                                                                            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;:358.83,&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)"
5980                                                                        @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;:358.83,&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)"
5981                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5982                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5983                                                                        Value Your Trade
5984                                                                    </a>
5985                                                                </div>
5986                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
5987                                                                    <a v-if="applySecondary
5987Design" href=""
5988                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
5989                                                                        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"
5990                                                                        @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;:358.83,&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)"
5991                                                                        @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;:358.83,&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)"
5992                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
5993                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
5994                                                                    <a v-else href=""
5995                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
5996                                                                        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"
5997                                                                        @click.prevent="
5998                                                                            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;:358.83,&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)"
5999                                                                        @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;:358.83,&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)"
6000                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6001                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6002                                                                        Check Availability 
6003                                                                    </a>
6004                                                                </div>
6005
6006
6007
6008
6009                                    </div>
6010                                </object>
6011                            </template>
6012
6013                            <div class="mt-3">
6014
6015
6016                                <div class="inventory-btns" style="width:100%;" v-cloak>
6017
6018
6019                                    <object class="d-flex flex-column primary-inventory-btn-group">
6020                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6021                                        <div class="pi-pullup-container"></div>
6022                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6023
6024                                        <div class="dvs_vin_btn" vin="KMHLM4DG2TU260635"></div>
6025
6026
6027
6028                                                    <div class="d-flex mt-2 primary-button-parent">
6029                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG2TU260635"
6030                                                        style="color: initial; background-color: initial;"
6031                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
6032                                                        @mouseover="onRoadSterButtonHover('','', $event)"
6033                                                        @keydown.space.prevent="$event.currentTarget.click()"
6034                                                        class="bgcolor-primary
6035                                                                                    w-100
6036                                                                                    d-flex
6037                                                                                    justify-content-center
6038                                                                                    align-items-center
6039                                                                                    payment-panel-rounded-buttons
6040                                                        text-white text-center
6041                                                                                    no-hover
6042                                                                                    rounded-buttons py-2 px-2
6043                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
6044                                                                                    ">Search Payments </a>
6045                                                    </div>
6046
6047
6048
6049                                    </object>
6050
6051
6052
6053
6054
6055
6056
6057
6058
6059                                    
6060
6061
6062
6063
6064
6065
6066
6067
6068
6069                                </div>
6070
6071
6072                                    <div class="my-2 w-100 text-center">
6073                                        <div class="les_video" les_vin="KMHLM4DG2TU260635"></div>
6074                                    </div>
6075
6076
6077
6078
6079                            </div>
6080
6081                            <active-engage-widget v-if="isEnableActivEngageSrp"
6082                                                custom-class="py-2 ft-12"></active-engage-widget>
6083                        <div class="srp-tabs-section mt-3">
6084                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6085                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details' }"
6086                                    tabindex="0" role="tab"
6087                                    aria-label="Details"
6088                                    :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details'"
6089                                    aria-controls="tab-panel-details-KMHLM4DG2TU260635"
6090                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')"
6091                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')">
6092                                        Details
6093                                    </div>
6094                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments' }"
6095                                tabindex="0" role="tab"
6096                                aria-label="Pricing"
6097                                :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments'"
6098                                aria-controls="tab-panel-payments-KMHLM4DG2TU260635"
6099                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')"
6100                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')">
6101                                    Pricing
6102                                </div>
6103                            </div>
6104
6105                            <div class="srp-tab-content">
6106                                <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">
6107                                    <div class="vehicle-details-list">
6108
6109                                            <div class="details-item-row ">
6110                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6111                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6112                                                        <div id="copy_vin" class="d-inline">KMHLM4DG2TU260635</div>
6113                                                    </div>
6114                                            </div>
6115
6116                                            <div class="details-item-row">
6117                                                <div class="details-item-label">Stock #</div>
6118                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6119                                                    <div id="copy_stock" class="d-inline">26H2122</div>
6120                                                </div>
6121                                            </div>
6122
6123                                        
6124
6125                                            <div class="details-item-row">
6126                                                <div class="details-item-label">Model Code</div>
6127                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
6128                                            </div>
6129
6130                                            <div class="details-item-row">
6131                                                <div class="details-item-label">Exterior</div>
6132                                                <div class="details-item-value d-flex align-items-center">
6133                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div>
6134                                                        <div class="ml-2">Serenity White</div>
6135                                                </div>
6136                                            </div>
6137
6138                                            <div class="details-item-row">
6139                                                <div class="details-item-label">Interior</div>
6140                                                <div class="details-item-value d-flex align-items-center">
6141                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
6142                                                    <div class="ml-2 interior-word-break">Black</div>
6143                                                </div>
6144                                            </div>
6145
6146                                            <div class="details-item-row">
6147                                                <div class="details-item-label">Drivetrain</div>
6148                                                <div class="details-item-value">FWD</div>
6149                                            </div>
6150
6151                                            <div class="details-item-row">
6152                                                <div class="details-item-label">Engine</div>
6153                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
6154                                            </div>
6155                                            <div class="details-item-row">
6156                                                <div class="details-item-label">Transmission</div>
6157                                                <div class="details-item-value">CVT</div>
6158                                            </div>
6159
6160                                    </div>
6161
6162                                </div>
6163                                <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">
6164                                            <div class="msrppanel-label">
6165                                                <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)'>
6166
6167
6168                                                                                <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>
6169                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
6170                                                                                    
6171
6172<div class="grey-text vehiclebox-msrp msrp_label_custom 
6172mr-2 ft-16" :style="getMSRPColor('')">
6173    MSRP
6174</div>
6175<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,555</div>
6176
6177
6178                                                                                </div>
6179                                                                                    <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>
6180                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
6181                                                                                            <span>
6182                                                                                                Retail Bonus Cash
6183                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG2TU260635" disclaimerindex="0" />
6184                                                                                            </span>
6185                                                                                            <span> -$1,000</span>
6186                                                                                        </div>
6187                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
6188                                                                                            <span>Total Fee</span>
6189                                                                                            <span class="d-flex pl-2">
6190                                                                                                &#x2B;$175
6191                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
6192                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
6192Amount&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>
6193                                                                                                </span>
6194                                                                                            </span>
6195                                                                                        </div>
6196                                                                            <div id="kmhlm4dg2tu260635-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6197                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
6198                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6199                                                                            </span>
6200                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg2tu260635-unlock-discount-price"></label></span>
6201                                                                        </div>
6202                                                                        <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'>
6203                                                                            <div class="mr-2" style="color:#002C5E">
6204                                                                                <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span>
6205                                                                            </div>
6206                                                                            <div id="kmhlm4dg2tu260635-your-price-hide" class=" " style="color:#002C5E">$25,025</div>
6207                                                                        </div>
6208                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6209                                                                                <div class="mr-2" style="color:#002C5E">
6210                                                                                    <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span>
6211                                                                                </div>
6212                                                                                <div id="kmhlm4dg2tu260635-your-price" class=" " style="color:#002C5E">$25,025</div>
6213                                                                            </div>
6214
6215
6216
6217
6218                                                        <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
6218dai 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;9/30/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;
6218StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
6219                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6220                                                                                :pricedata="{'msrp':'26555','yourPrice':'25025'}"
6221                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6222                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6223                                                    <div class="color-black ft-16 mt-1">
6224            <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: 09/30/2026.`,$event)'>
6225                Disclosure
6226            </div>
6227</div>
6228
6229                                                </div>
6230
6231                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'>
6232                                                                    <div v-if="!unlockHideMsrp">
6233                                                                        <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>
6234                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6235                                                                            <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>
6236                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div>
6237                                                                        </div>
6238                                                                    </div>
6239
6240                                                </div>
6241                                            </div>
6242                                </div>
6243                            </div>
6244                        </div>
6245                        <div id="cta-params-KMHLM4DG2TU260635"
6246                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25025.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6247                        </div>
6248
6249                        <div>
6250
6251                            <vehicle-badges model="Elantra"
6252                                            :current="'srp'"
6253                                            :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}}`"
6254                                            :eyesight="''"
6255                                            :starlink="''"
6256                                            :von="''"
6257                                            :onorder="''"
6258                                            :vin="'KMHLM4DG2TU260635'"
6259                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease'"
6260                                            :vehicle-badges-top-srp="'False'"
6261                                            :year="'2026'"
6262                                            :in-transit-background-color-srp="''"
6263                                            :in-transit-badge-color-srp="''"
6264                                            :in-production-background-color-srp="''"
6265                                            :in-production-badge-color-srp="''"
6266                                            @opendisclaimer="openDisclaimerPopup($event)">
6267                            </vehicle-badges>
6268
6269                                <div class="d-flex flex-wrap">
6270                                    
6271
6272
6273
6274
6275
6276
6277                                </div>
6278                        </div>
6279
6280
6281
6282                        <div class="d-flex flex-wrap srp-certified-img-section">
6283
6284
6285
6286
6287
6288
6289
6290
6291                        </div>
6292
6293                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6294                            <subaru-badge-new model="Elantra"
6295                                            year="2026"
6296                                            make="Hyundai"
6297                                            type="New"
6298                                            :current="'srp'"
6299                                            :transit="'False'"
6300                                            :eyesight="''"
6301                                            :starlink="''"
6302                                            :von="''"
6303                                            :onorder="''"
6304                                            :vin="'KMHLM4DG2TU260635'"
6305                                            :hide-in-transit="'False'"
6306                                            :vehicle-badges-top-srp="'False'"
6307                                            :subaru-consumer-report-class="''"
6308                                            :in-transit-background-color-srp="''"
6309                                            :in-transit-badge-color-srp="''"
6310                                            >
6311                            </subaru-badge-new>
6312                        </div>
6313
6314                    </div>
6315                </div>
6316
6317
6318
6319            </div>
6320        </a>
6321        <template v-if="true">
6322            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6323                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG2TU260635'" class="vehicle-data-overlay-container"
6324                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6325                     @keydown.esc.prevent="closeDetailsOverlay()"
6326                     @keydown.tab="srpOverlayTrapFocus($event)">
6327                    <div class="vehicle-overlay-data">
6328                        <div class="srp-overlay-options">
6329                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6330                                <div class="d-flex align-items-center" style="gap: 20px;">
6331                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6332                                     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>
6333                                    <h3 class="mb-0">Options</h3>
6334                                </div>
6335                                <div>
6336                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6337                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6338                                </div>
6339                            </div>
6340
6341                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6342                                <div class="overlay-nav-items px-3 pt-4">
6343                                    <div class="d-flex overlay-nav-item" tabindex="0"
6344                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: '
6344share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'share-options', label: 'Share' })">
6345                                        <em class="primaryicon-share-icon"></em>
6346                                        <span>Share</span>
6347                                    </div>
6348
6349                                        <div class="d-flex overlay-nav-item"
6350                                        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' })">
6351                                            <em class="primaryicon-key-features-icon"></em>
6352                                            <span>Key Features</span>
6353                                        </div>
6354                                </div>
6355
6356                                <div class="pt-4 px-3 mt-3">
6357                                    <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"
6358                                        @keydown.space.prevent="$event.currentTarget.click()"
6359                                        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:">
6360                                        View Details
6361                                    </a>
6362                                </div>
6363                            </div>
6364                        </div>
6365                    </div>
6366                </div>
6367            </transition>
6368            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6369                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG2TU260635'"
6370                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6371                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6372                     @keydown.tab="srpOverlayTrapFocus($event)">
6373                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6374                        <div class="d-flex align-items-center" style="gap: 20px;">
6375                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6376                            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>
6377                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6378                        </div>
6379                        <div>
6380                            <em class="primaryicon-close-icon-gray"
6381                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6382                        </div>
6383                    </div>
6384                    <div class="mt-3 pt-4 overlay-section-links">
6385                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6386                        <template v-if="!isLoadingOverlayDetails">
6387                            <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>
6388                            <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>
6389                            <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>
6390                        </template>
6391                    </div>
6392                </div>
6393            </transition>
6394        </template>
6395    </div>
6396        
6396<script type="application/javascript">
6397
6398            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
6399            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6400            localStorage.setItem("KMHLM4DG5TU288087-rebates", formattedRebatesString);
6401
6402        </script>
6402
6403<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG5TU288087" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6404        <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: "6",msrp:"26356",yourPrice:"25031",sellingPrice:"25856",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG5TU288087", $event,{styleId:"487085"})'
6405        @mouseleave="clearMouseHoverValue()"
6406        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6407        used-large-box" style="height: 100%;">
6408
6409            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6410                <div class="position-relative">
6411                    <div class="srp-top-badges">
6412                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
6413                            <div class="d-flex align-items-center gap-10">
6414                            </div>
6415                        </div>
6416
6417                    </div>
6418
6419
6420                    <div id="EZ360_CVDP"></div>
6421
6422                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6423                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG5TU288087'" class="vehicle-box__image">
6424                                                    <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"
6425                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
6426                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG5TU288087', 'color=A5G')" />
6427
6428                        </div>
6429
6430                        <div class="dp-srp-evox-media-KMHLM4DG5TU288087" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG5TU288087'"></div>
6431
6432                        <div class="vehicle-info-icon">
6433                            <em
6434                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG5TU288087')"
6435                            class="primaryicon-options-btn-new info-icon-css"
6436                            data-vin="KMHLM4DG5TU288087"
6437                            tabindex="0"
6438                            role="button"
6439                            aria-label="Vehicle info"
6440                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')"
6441                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')"
6442                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6443                        </div>
6444                    </div>
6445
6446
6447                    <div class="vehiclebox-info-section p-3">
6448                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6449                            <div class="d-flex">
6450                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6451                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6452                                        2026 Hyundai Elantra SEL Sport Plus
6453                                    </h2>
6454                                </div>
6455                            </div>
6456                        </div>
6457
6458                        <div class="vehicle-summary-section mt-3 ">
6459                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6460                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6461            <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)'>
6462                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
6463                                            <div class="mr-2" style="color:#002
6463C5E">
6464                                                <span id="kmhlm4dg5tu288087-price-summary-label">Your Price</span>
6465                                            </div>
6466                                            <div id="kmhlm4dg5tu288087-price-summary-value" class=" " style="color:#002C5E">$25,031</div>
6467                                        </div>
6468
6469            </div>
6470            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'>
6471                                <div v-if="!unlockHideMsrp">
6472                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6473                                        <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>
6474                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div>
6475                                    </div>
6476                                </div>
6477
6478            </div>
6479        </div>
6480
6481                            </div>
6482
6483                                <template v-if="true">
6484                                    <div class="vehicle-summary-cta flex-1">
6485                                        <object>
6486                                                <div class="primary-button-parent unlock-discount">
6487        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
6488                       term="72"
6489                       payment-type="cash"
6490                       down-payment="3953.0"
6491                       miles="5"
6492                       lender-number="103"
6493                       msrp="26356"
6494                       rebates="1000"
6495                       page-type="srp"
6496                       vin=KMHLM4DG5TU288087
6497                       :your-price=25031
6498                       style-id=487085
6499                       vdp-account-id=42268
6500                       :page-reload="false"
6501                       :price-unlocked-vins="priceUnlockedVins"
6502                       @loadpayments="loadPaymentsForUnlockDiscount"
6503                       :feature-cta-image-id="0"
6504                       inventory-type=new></unlock-discount>
6505    </div>
6506
6507                                        </object>
6508                                    </div>
6509                                </template>
6510                        </div>
6511<div class="color-black ft-16 mt-1">
6512            <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: 09/30/2026.`,$event)'>
6513                Disclosure
6514            </div>
6515</div>
6516
6517                            <div class="color-black ft-12 d-flex gap-5 mt-2">
6518                                <div class="color-gray">Location:</div>
6519                                <div>City World Hyundai</div>
6520                            </div>
6521
6522                        <div class="show section-separator my-4"></div>
6523
6524
6525                            <template v-if="true">
6526                                <object>
6527                                    <div class="app-level-cta-container">
6528
6529
6530                                            <div class="primary-button-parent srp-view-details-transact-button-container">
6531                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
6532                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG5TU288087");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
6533                                                    @keydown.space.prevent="$event.currentTarget.click()"
6534                                                    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
6535                                                     bgcolor-primary "
6536                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
6537                                                    Explore Payment Options
6538                                                </a>
6539                                            </div>
6540
6541
6542
6543
6544
6545                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG5TU288087","false"==="true"))' class="primary-button-parent">
6546                                                    <a :style="ctaBtnStyles"
6547                                                     tabindex="0" role="button"
6548                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")'
6549                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")'
6550                                                    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">
6551                                                        {{inventorySettings.data.buttonLabel}}
6552                                                    </a>
6553                                                 </div>
6554                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
6555                                                                    <a v-if="applySecondary
6555Design" href=""
6556                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6557                                                                        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"
6558                                                                        @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;:359.44,&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)"
6559                                                                        @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;:359.44,&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)"
6560                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6561                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
6562                                                                    <a v-else href=""
6563                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6564                                                                        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"
6565                                                                        @click.prevent="
6566                                                                            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;:359.44,&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)"
6567                                                                        @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;:359.44,&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)"
6568                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6569                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6570                                                                        Value Your Trade
6571                                                                    </a>
6572                                                                </div>
6573                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
6574                                                                    <a v-if="applySecondary
6574Design" href=""
6575                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
6576                                                                        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"
6577                                                                        @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;:359.44,&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)"
6578                                                                        @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;:359.44,&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)"
6579                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6580                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
6581                                                                    <a v-else href=""
6582                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
6583                                                                        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"
6584                                                                        @click.prevent="
6585                                                                            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;:359.44,&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)"
6586                                                                        @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;:359.44,&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)"
6587                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
6588                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6589                                                                        Check Availability 
6590                                                                    </a>
6591                                                                </div>
6592
6593
6594
6595
6596                                    </div>
6597                                </object>
6598                            </template>
6599
6600                            <div class="mt-3">
6601
6602
6603                                <div class="inventory-btns" style="width:100%;" v-cloak>
6604
6605
6606                                    <object class="d-flex flex-column primary-inventory-btn-group">
6607                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6608                                        <div class="pi-pullup-container"></div>
6609                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6610
6611                                        <div class="dvs_vin_btn" vin="KMHLM4DG5TU288087"></div>
6612
6613
6614
6615                                                    <div class="d-flex mt-2 primary-button-parent">
6616                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG5TU288087"
6617                                                        style="color: initial; background-color: initial;"
6618                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
6619                                                        @mouseover="onRoadSterButtonHover('','', $event)"
6620                                                        @keydown.space.prevent="$event.currentTarget.click()"
6621                                                        class="bgcolor-primary
6622                                                                                    w-100
6623                                                                                    d-flex
6624                                                                                    justify-content-center
6625                                                                                    align-items-center
6626                                                                                    payment-panel-rounded-buttons
6627                                                        text-white text-center
6628                                                                                    no-hover
6629                                                                                    rounded-buttons py-2 px-2
6630                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
6631                                                                                    ">Search Payments </a>
6632                                                    </div>
6633
6634
6635
6636                                    </object>
6637
6638
6639
6640
6641
6642
6643
6644
6645
6646                                    
6647
6648
6649
6650
6651
6652
6653
6654
6655
6656                                </div>
6657
6658
6659                                    <div class="my-2 w-100 text-center">
6660                                        <div class="les_video" les_vin="KMHLM4DG5TU288087"></div>
6661                                    </div>
6662
6663
6664
6665
6666                            </div>
6667
6668                            <active-engage-widget v-if="isEnableActivEngageSrp"
6669                                                custom-class="py-2 ft-12"></active-engage-widget>
6670                        <div class="srp-tabs-section mt-3">
6671                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6672                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details' }"
6673                                    tabindex="0" role="tab"
6674                                    aria-label="Details"
6675                                    :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details'"
6676                                    aria-controls="tab-panel-details-KMHLM4DG5TU288087"
6677                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')"
6678                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')">
6679                                        Details
6680                                    </div>
6681                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments' }"
6682                                tabindex="0" role="tab"
6683                                aria-label="Pricing"
6684                                :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments'"
6685                                aria-controls="tab-panel-payments-KMHLM4DG5TU288087"
6686                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')"
6687                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')">
6688                                    Pricing
6689                                </div>
6690                            </div>
6691
6692                            <div class="srp-tab-content">
6693                                <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">
6694                                    <div class="vehicle-details-list">
6695
6696                                            <div class="details-item-row ">
6697                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6698                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6699                                                        <div id="copy_vin" class="d-inline">KMHLM4DG5TU288087</div>
6700                                                    </div>
6701                                            </div>
6702
6703                                            <div class="details-item-row">
6704                                                <div class="details-item-label">Stock #</div>
6705                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6706                                                    <div id="copy_stock" class="d-inline">26H2263</div>
6707                                                </div>
6708                                            </div>
6709
6710                                        
6711
6712                                            <div class="details-item-row">
6713                                                <div class="details-item-label">Model Code</div>
6714                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
6715                                            </div>
6716
6717                                            <div class="details-item-row">
6718                                                <div class="details-item-label">Exterior</div>
6719                                                <div class="details-item-value d-flex align-items-center">
6720                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div>
6721                                                        <div class="ml-2">Amazon Gray</div>
6722                                                </div>
6723                                            </div>
6724
6725                                            <div class="details-item-row">
6726                                                <div class="details-item-label">Interior</div>
6727                                                <div class="details-item-value d-flex align-items-center">
6728                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
6729                                                    <div class="ml-2 interior-word-break">Black</div>
6730                                                </div>
6731                                            </div>
6732
6733                                            <div class="details-item-row">
6734                                                <div class="details-item-label">Drivetrain</div>
6735                                                <div class="details-item-value">FWD</div>
6736                                            </div>
6737
6738                                            <div class="details-item-row">
6739                                                <div class="details-item-label">Engine</div>
6740                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
6741                                            </div>
6742                                            <div class="details-item-row">
6743                                                <div class="details-item-label">Transmission</div>
6744                                                <div class="details-item-value">CVT</div>
6745                                            </div>
6746
6747                                    </div>
6748
6749                                </div>
6750                                <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">
6751                                            <div class="msrppanel-label">
6752                                                <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)'>
6753
6754
6755                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26356' :sh
6755owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6756                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
6757                                                                                    
6758
6759<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
6760    MSRP
6761</div>
6762<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,356</div>
6763
6764
6765                                                                                </div>
6766                                                                                    <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>
6767                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
6768                                                                                            <span>
6769                                                                                                Retail Bonus Cash
6770                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG5TU288087" disclaimerindex="0" />
6771                                                                                            </span>
6772                                                                                            <span> -$1,000</span>
6773                                                                                        </div>
6774                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
6775                                                                                            <span>Total Fee</span>
6776                                                                                            <span class="d-flex pl-2">
6777                                                                                                &#x2B;$175
6778                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
6779                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
6779Amount&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>
6780                                                                                                </span>
6781                                                                                            </span>
6782                                                                                        </div>
6783                                                                            <div id="kmhlm4dg5tu288087-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6784                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
6785                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6786                                                                            </span>
6787                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg5tu288087-unlock-discount-price"></label></span>
6788                                                                        </div>
6789                                                                        <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'>
6790                                                                            <div class="mr-2" style="color:#002C5E">
6791                                                                                <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span>
6792                                                                            </div>
6793                                                                            <div id="kmhlm4dg5tu288087-your-price-hide" class=" " style="color:#002C5E">$25,031</div>
6794                                                                        </div>
6795                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
6796                                                                                <div class="mr-2" style="color:#002C5E">
6797                                                                                    <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span>
6798                                                                                </div>
6799                                                                                <div id="kmhlm4dg5tu288087-your-price" class=" " style="color:#002C5E">$25,031</div>
6800                                                                            </div>
6801
6802
6803
6804
6805                                                        <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
6805dai 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;9/30/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;
6805StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
6806                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6807                                                                                :pricedata="{'msrp':'26356','yourPrice':'25031'}"
6808                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6809                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6810                                                    <div class="color-black ft-16 mt-1">
6811            <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: 09/30/2026.`,$event)'>
6812                Disclosure
6813            </div>
6814</div>
6815
6816                                                </div>
6817
6818                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'>
6819                                                                    <div v-if="!unlockHideMsrp">
6820                                                                        <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>
6821                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6822                                                                            <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>
6823                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div>
6824                                                                        </div>
6825                                                                    </div>
6826
6827                                                </div>
6828                                            </div>
6829                                </div>
6830                            </div>
6831                        </div>
6832                        <div id="cta-params-KMHLM4DG5TU288087"
6833                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25031.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6834                        </div>
6835
6836                        <div>
6837
6838                            <vehicle-badges model="Elantra"
6839                                            :current="'srp'"
6840                                            :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}}`"
6841                                            :eyesight="''"
6842                                            :starlink="''"
6843                                            :von="''"
6844                                            :onorder="''"
6845                                            :vin="'KMHLM4DG5TU288087'"
6846                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease'"
6847                                            :vehicle-badges-top-srp="'False'"
6848                                            :year="'2026'"
6849                                            :in-transit-background-color-srp="''"
6850                                            :in-transit-badge-color-srp="''"
6851                                            :in-production-background-color-srp="''"
6852                                            :in-production-badge-color-srp="''"
6853                                            @opendisclaimer="openDisclaimerPopup($event)">
6854                            </vehicle-badges>
6855
6856                                <div class="d-flex flex-wrap">
6857                                    
6858
6859
6860
6861
6862
6863
6864                                </div>
6865                        </div>
6866
6867
6868
6869                        <div class="d-flex flex-wrap srp-certified-img-section">
6870
6871
6872
6873
6874
6875
6876
6877
6878                        </div>
6879
6880                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6881                            <subaru-badge-new model="Elantra"
6882                                            year="2026"
6883                                            make="Hyundai"
6884                                            type="New"
6885                                            :current="'srp'"
6886                                            :transit="'False'"
6887                                            :eyesight="''"
6888                                            :starlink="''"
6889                                            :von="''"
6890                                            :onorder="''"
6891                                            :vin="'KMHLM4DG5TU288087'"
6892                                            :hide-in-transit="'False'"
6893                                            :vehicle-badges-top-srp="'False'"
6894                                            :subaru-consumer-report-class="''"
6895                                            :in-transit-background-color-srp="''"
6896                                            :in-transit-badge-color-srp="''"
6897                                            >
6898                            </subaru-badge-new>
6899                        </div>
6900
6901                    </div>
6902                </div>
6903
6904
6905
6906            </div>
6907        </a>
6908        <template v-if="true">
6909            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6910                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG5TU288087'" class="vehicle-data-overlay-container"
6911                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6912                     @keydown.esc.prevent="closeDetailsOverlay()"
6913                     @keydown.tab="srpOverlayTrapFocus($event)">
6914                    <div class="vehicle-overlay-data">
6915                        <div class="srp-overlay-options">
6916                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6917                                <div class="d-flex align-items-center" style="gap: 20px;">
6918                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6919                                     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>
6920                                    <h3 class="mb-0">Options</h3>
6921                                </div>
6922                                <div>
6923                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6924                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6925                                </div>
6926                            </div>
6927
6928                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6929                                <div class="overlay-nav-items px-3 pt-4">
6930                                    <div class="d-flex overlay-nav-item" tabindex="0"
6931                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: '
6931share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'share-options', label: 'Share' })">
6932                                        <em class="primaryicon-share-icon"></em>
6933                                        <span>Share</span>
6934                                    </div>
6935
6936                                        <div class="d-flex overlay-nav-item"
6937                                        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' })">
6938                                            <em class="primaryicon-key-features-icon"></em>
6939                                            <span>Key Features</span>
6940                                        </div>
6941                                </div>
6942
6943                                <div class="pt-4 px-3 mt-3">
6944                                    <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"
6945                                        @keydown.space.prevent="$event.currentTarget.click()"
6946                                        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:">
6947                                        View Details
6948                                    </a>
6949                                </div>
6950                            </div>
6951                        </div>
6952                    </div>
6953                </div>
6954            </transition>
6955            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6956                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG5TU288087'"
6957                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6958                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6959                     @keydown.tab="srpOverlayTrapFocus($event)">
6960                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6961                        <div class="d-flex align-items-center" style="gap: 20px;">
6962                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6963                            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>
6964                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6965                        </div>
6966                        <div>
6967                            <em class="primaryicon-close-icon-gray"
6968                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6969                        </div>
6970                    </div>
6971                    <div class="mt-3 pt-4 overlay-section-links">
6972                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6973                        <template v-if="!isLoadingOverlayDetails">
6974                            <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>
6975                            <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>
6976                            <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>
6977                        </template>
6978                    </div>
6979                </div>
6980            </transition>
6981        </template>
6982    </div>
6983        
6983<script type="application/javascript">
6984
6985            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
6986            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6987            localStorage.setItem("KMHLM4DG8TU288097-rebates", formattedRebatesString);
6988
6989        </script>
6989
6990<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG8TU288097" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6991        <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: "7",msrp:"26365",yourPrice:"25040",sellingPrice:"25865",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG8TU288097", $event,{styleId:"487085"})'
6992        @mouseleave="clearMouseHoverValue()"
6993        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6994        used-large-box" style="height: 100%;">
6995
6996            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6997                <div class="position-relative">
6998                    <div class="srp-top-badges">
6999                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
7000                            <div class="d-flex align-items-center gap-10">
7001                            </div>
7002                        </div>
7003
7004                    </div>
7005
7006
7007                    <div id="EZ360_CVDP"></div>
7008
7009                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7010                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG8TU288097'" class="vehicle-box__image">
7011                                                    <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"
7012                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
7013                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG8TU288097', 'color=A2B')" />
7014
7015                        </div>
7016
7017                        <div class="dp-srp-evox-media-KMHLM4DG8TU288097" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG8TU288097'"></div>
7018
7019                        <div class="vehicle-info-icon">
7020                            <em
7021                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG8TU288097')"
7022                            class="primaryicon-options-btn-new info-icon-css"
7023                            data-vin="KMHLM4DG8TU288097"
7024                            tabindex="0"
7025                            role="button"
7026                            aria-label="Vehicle info"
7027                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')"
7028                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')"
7029                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7030                        </div>
7031                    </div>
7032
7033
7034                    <div class="vehiclebox-info-section p-3">
7035                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7036                            <div class="d-flex">
7037                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7038                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7039                                        2026 Hyundai Elantra SEL Sport Plus
7040                                    </h2>
7041                                </div>
7042                            </div>
7043                        </div>
7044
7045                        <div class="vehicle-summary-section mt-3 ">
7046                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7047                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7048            <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)'>
7049                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
7050                                            <div class="mr-2" style="color:#002
7050C5E">
7051                                                <span id="kmhlm4dg8tu288097-price-summary-label">Your Price</span>
7052                                            </div>
7053                                            <div id="kmhlm4dg8tu288097-price-summary-value" class=" " style="color:#002C5E">$25,040</div>
7054                                        </div>
7055
7056            </div>
7057            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'>
7058                                <div v-if="!unlockHideMsrp">
7059                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7060                                        <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>
7061                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
7062                                    </div>
7063                                </div>
7064
7065            </div>
7066        </div>
7067
7068                            </div>
7069
7070                                <template v-if="true">
7071                                    <div class="vehicle-summary-cta flex-1">
7072                                        <object>
7073                                                <div class="primary-button-parent unlock-discount">
7074        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
7075                       term="72"
7076                       payment-type="cash"
7077                       down-payment="3954.0"
7078                       miles="3"
7079                       lender-number="103"
7080                       msrp="26365"
7081                       rebates="1000"
7082                       page-type="srp"
7083                       vin=KMHLM4DG8TU288097
7084                       :your-price=25040
7085                       style-id=487085
7086                       vdp-account-id=42268
7087                       :page-reload="false"
7088                       :price-unlocked-vins="priceUnlockedVins"
7089                       @loadpayments="loadPaymentsForUnlockDiscount"
7090                       :feature-cta-image-id="0"
7091                       inventory-type=new></unlock-discount>
7092    </div>
7093
7094                                        </object>
7095                                    </div>
7096                                </template>
7097                        </div>
7098<div class="color-black ft-16 mt-1">
7099            <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: 09/30/2026.`,$event)'>
7100                Disclosure
7101            </div>
7102</div>
7103
7104                            <div class="color-black ft-12 d-flex gap-5 mt-2">
7105                                <div class="color-gray">Location:</div>
7106                                <div>City World Hyundai</div>
7107                            </div>
7108
7109                        <div class="show section-separator my-4"></div>
7110
7111
7112                            <template v-if="true">
7113                                <object>
7114                                    <div class="app-level-cta-container">
7115
7116
7117                                            <div class="primary-button-parent srp-view-details-transact-button-container">
7118                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
7119                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG8TU288097");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
7120                                                    @keydown.space.prevent="$event.currentTarget.click()"
7121                                                    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
7122                                                     bgcolor-primary "
7123                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
7124                                                    Explore Payment Options
7125                                                </a>
7126                                            </div>
7127
7128
7129
7130
7131
7132                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG8TU288097","false"==="true"))' class="primary-button-parent">
7133                                                    <a :style="ctaBtnStyles"
7134                                                     tabindex="0" role="button"
7135                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")'
7136                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")'
7137                                                    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">
7138                                                        {{inventorySettings.data.buttonLabel}}
7139                                                    </a>
7140                                                 </div>
7141                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
7142                                                                    <a v-if="applySecondary
7142Design" href=""
7143                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7144                                                                        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"
7145                                                                        @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;:359.58,&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)"
7146                                                                        @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;:359.58,&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)"
7147                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7148                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
7149                                                                    <a v-else href=""
7150                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7151                                                                        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"
7152                                                                        @click.prevent="
7153                                                                            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;:359.58,&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)"
7154                                                                        @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;:359.58,&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)"
7155                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7156                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7157                                                                        Value Your Trade
7158                                                                    </a>
7159                                                                </div>
7160                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7161                                                                    <a v-if="applySecondary
7161Design" href=""
7162                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7163                                                                        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"
7164                                                                        @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;:359.58,&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)"
7165                                                                        @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;:359.58,&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)"
7166                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7167                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
7168                                                                    <a v-else href=""
7169                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7170                                                                        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"
7171                                                                        @click.prevent="
7172                                                                            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;:359.58,&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)"
7173                                                                        @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;:359.58,&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)"
7174                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7175                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7176                                                                        Check Availability 
7177                                                                    </a>
7178                                                                </div>
7179
7180
7181
7182
7183                                    </div>
7184                                </object>
7185                            </template>
7186
7187                            <div class="mt-3">
7188
7189
7190                                <div class="inventory-btns" style="width:100%;" v-cloak>
7191
7192
7193                                    <object class="d-flex flex-column primary-inventory-btn-group">
7194                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7195                                        <div class="pi-pullup-container"></div>
7196                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7197
7198                                        <div class="dvs_vin_btn" vin="KMHLM4DG8TU288097"></div>
7199
7200
7201
7202                                                    <div class="d-flex mt-2 primary-button-parent">
7203                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG8TU288097"
7204                                                        style="color: initial; background-color: initial;"
7205                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
7206                                                        @mouseover="onRoadSterButtonHover('','', $event)"
7207                                                        @keydown.space.prevent="$event.currentTarget.click()"
7208                                                        class="bgcolor-primary
7209                                                                                    w-100
7210                                                                                    d-flex
7211                                                                                    justify-content-center
7212                                                                                    align-items-center
7213                                                                                    payment-panel-rounded-buttons
7214                                                        text-white text-center
7215                                                                                    no-hover
7216                                                                                    rounded-buttons py-2 px-2
7217                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
7218                                                                                    ">Search Payments </a>
7219                                                    </div>
7220
7221
7222
7223                                    </object>
7224
7225
7226
7227
7228
7229
7230
7231
7232
7233                                    
7234
7235
7236
7237
7238
7239
7240
7241
7242
7243                                </div>
7244
7245
7246                                    <div class="my-2 w-100 text-center">
7247                                        <div class="les_video" les_vin="KMHLM4DG8TU288097"></div>
7248                                    </div>
7249
7250
7251
7252
7253                            </div>
7254
7255                            <active-engage-widget v-if="isEnableActivEngageSrp"
7256                                                custom-class="py-2 ft-12"></active-engage-widget>
7257                        <div class="srp-tabs-section mt-3">
7258                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7259                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details' }"
7260                                    tabindex="0" role="tab"
7261                                    aria-label="Details"
7262                                    :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details'"
7263                                    aria-controls="tab-panel-details-KMHLM4DG8TU288097"
7264                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')"
7265                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')">
7266                                        Details
7267                                    </div>
7268                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments' }"
7269                                tabindex="0" role="tab"
7270                                aria-label="Pricing"
7271                                :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments'"
7272                                aria-controls="tab-panel-payments-KMHLM4DG8TU288097"
7273                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')"
7274                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')">
7275                                    Pricing
7276                                </div>
7277                            </div>
7278
7279                            <div class="srp-tab-content">
7280                                <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">
7281                                    <div class="vehicle-details-list">
7282
7283                                            <div class="details-item-row ">
7284                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
7285                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
7286                                                        <div id="copy_vin" class="d-inline">KMHLM4DG8TU288097</div>
7287                                                    </div>
7288                                            </div>
7289
7290                                            <div class="details-item-row">
7291                                                <div class="details-item-label">Stock #</div>
7292                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7293                                                    <div id="copy_stock" class="d-inline">26H2267</div>
7294                                                </div>
7295                                            </div>
7296
7297                                        
7298
7299                                            <div class="details-item-row">
7300                                                <div class="details-item-label">Model Code</div>
7301                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
7302                                            </div>
7303
7304                                            <div class="details-item-row">
7305                                                <div class="details-item-label">Exterior</div>
7306                                                <div class="details-item-value d-flex align-items-center">
7307                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div>
7308                                                        <div class="ml-2">Abyss Black</div>
7309                                                </div>
7310                                            </div>
7311
7312                                            <div class="details-item-row">
7313                                                <div class="details-item-label">Interior</div>
7314                                                <div class="details-item-value d-flex align-items-center">
7315                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
7316                                                    <div class="ml-2 interior-word-break">Black</div>
7317                                                </div>
7318                                            </div>
7319
7320                                            <div class="details-item-row">
7321                                                <div class="details-item-label">Drivetrain</div>
7322                                                <div class="details-item-value">FWD</div>
7323                                            </div>
7324
7325                                            <div class="details-item-row">
7326                                                <div class="details-item-label">Engine</div>
7327                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
7328                                            </div>
7329                                            <div class="details-item-row">
7330                                                <div class="details-item-label">Transmission</div>
7331                                                <div class="details-item-value">CVT</div>
7332                                            </div>
7333
7334                                    </div>
7335
7336                                </div>
7337                                <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">
7338                                            <div class="msrppanel-label">
7339                                                <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)'>
7340
7341
7342                                                                                <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>
7343                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
7344                                                                                    
7345
7346<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
73462 ft-16" :style="getMSRPColor('')">
7347    MSRP
7348</div>
7349<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div>
7350
7351
7352                                                                                </div>
7353                                                                                    <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>
7354                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
7355                                                                                            <span>
7356                                                                                                Retail Bonus Cash
7357                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG8TU288097" disclaimerindex="0" />
7358                                                                                            </span>
7359                                                                                            <span> -$1,000</span>
7360                                                                                        </div>
7361                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
7362                                                                                            <span>Total Fee</span>
7363                                                                                            <span class="d-flex pl-2">
7364                                                                                                &#x2B;$175
7365                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
7366                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
7366Amount&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>
7367                                                                                                </span>
7368                                                                                            </span>
7369                                                                                        </div>
7370                                                                            <div id="kmhlm4dg8tu288097-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7371                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
7372                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7373                                                                            </span>
7374                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg8tu288097-unlock-discount-price"></label></span>
7375                                                                        </div>
7376                                                                        <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'>
7377                                                                            <div class="mr-2" style="color:#002C5E">
7378                                                                                <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span>
7379                                                                            </div>
7380                                                                            <div id="kmhlm4dg8tu288097-your-price-hide" class=" " style="color:#002C5E">$25,040</div>
7381                                                                        </div>
7382                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
7383                                                                                <div class="mr-2" style="color:#002C5E">
7384                                                                                    <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span>
7385                                                                                </div>
7386                                                                                <div id="kmhlm4dg8tu288097-your-price" class=" " style="color:#002C5E">$25,040</div>
7387                                                                            </div>
7388
7389
7390
7391
7392                                                        <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
7392dai 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;9/30/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;
7392StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
7393                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7394                                                                                :pricedata="{'msrp':'26365','yourPrice':'25040'}"
7395                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7396                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7397                                                    <div class="color-black ft-16 mt-1">
7398            <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: 09/30/2026.`,$event)'>
7399                Disclosure
7400            </div>
7401</div>
7402
7403                                                </div>
7404
7405                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'>
7406                                                                    <div v-if="!unlockHideMsrp">
7407                                                                        <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>
7408                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7409                                                                            <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>
7410                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
7411                                                                        </div>
7412                                                                    </div>
7413
7414                                                </div>
7415                                            </div>
7416                                </div>
7417                            </div>
7418                        </div>
7419                        <div id="cta-params-KMHLM4DG8TU288097"
7420                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25040.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
7421                        </div>
7422
7423                        <div>
7424
7425                            <vehicle-badges model="Elantra"
7426                                            :current="'srp'"
7427                                            :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}}`"
7428                                            :eyesight="''"
7429                                            :starlink="''"
7430                                            :von="''"
7431                                            :onorder="''"
7432                                            :vin="'KMHLM4DG8TU288097'"
7433                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease'"
7434                                            :vehicle-badges-top-srp="'False'"
7435                                            :year="'2026'"
7436                                            :in-transit-background-color-srp="''"
7437                                            :in-transit-badge-color-srp="''"
7438                                            :in-production-background-color-srp="''"
7439                                            :in-production-badge-color-srp="''"
7440                                            @opendisclaimer="openDisclaimerPopup($event)">
7441                            </vehicle-badges>
7442
7443                                <div class="d-flex flex-wrap">
7444                                    
7445
7446
7447
7448
7449
7450
7451                                </div>
7452                        </div>
7453
7454
7455
7456                        <div class="d-flex flex-wrap srp-certified-img-section">
7457
7458
7459
7460
7461
7462
7463
7464
7465                        </div>
7466
7467                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7468                            <subaru-badge-new model="Elantra"
7469                                            year="2026"
7470                                            make="Hyundai"
7471                                            type="New"
7472                                            :current="'srp'"
7473                                            :transit="'False'"
7474                                            :eyesight="''"
7475                                            :starlink="''"
7476                                            :von="''"
7477                                            :onorder="''"
7478                                            :vin="'KMHLM4DG8TU288097'"
7479                                            :hide-in-transit="'False'"
7480                                            :vehicle-badges-top-srp="'False'"
7481                                            :subaru-consumer-report-class="''"
7482                                            :in-transit-background-color-srp="''"
7483                                            :in-transit-badge-color-srp="''"
7484                                            >
7485                            </subaru-badge-new>
7486                        </div>
7487
7488                    </div>
7489                </div>
7490
7491
7492
7493            </div>
7494        </a>
7495        <template v-if="true">
7496            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7497                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG8TU288097'" class="vehicle-data-overlay-container"
7498                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7499                     @keydown.esc.prevent="closeDetailsOverlay()"
7500                     @keydown.tab="srpOverlayTrapFocus($event)">
7501                    <div class="vehicle-overlay-data">
7502                        <div class="srp-overlay-options">
7503                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7504                                <div class="d-flex align-items-center" style="gap: 20px;">
7505                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7506                                     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>
7507                                    <h3 class="mb-0">Options</h3>
7508                                </div>
7509                                <div>
7510                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7511                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7512                                </div>
7513                            </div>
7514
7515                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7516                                <div class="overlay-nav-items px-3 pt-4">
7517                                    <div class="d-flex overlay-nav-item" tabindex="0"
7518                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: '
7518share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'share-options', label: 'Share' })">
7519                                        <em class="primaryicon-share-icon"></em>
7520                                        <span>Share</span>
7521                                    </div>
7522
7523                                        <div class="d-flex overlay-nav-item"
7524                                        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' })">
7525                                            <em class="primaryicon-key-features-icon"></em>
7526                                            <span>Key Features</span>
7527                                        </div>
7528                                </div>
7529
7530                                <div class="pt-4 px-3 mt-3">
7531                                    <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"
7532                                        @keydown.space.prevent="$event.currentTarget.click()"
7533                                        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:">
7534                                        View Details
7535                                    </a>
7536                                </div>
7537                            </div>
7538                        </div>
7539                    </div>
7540                </div>
7541            </transition>
7542            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7543                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG8TU288097'"
7544                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7545                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7546                     @keydown.tab="srpOverlayTrapFocus($event)">
7547                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7548                        <div class="d-flex align-items-center" style="gap: 20px;">
7549                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7550                            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>
7551                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7552                        </div>
7553                        <div>
7554                            <em class="primaryicon-close-icon-gray"
7555                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7556                        </div>
7557                    </div>
7558                    <div class="mt-3 pt-4 overlay-section-links">
7559                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7560                        <template v-if="!isLoadingOverlayDetails">
7561                            <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>
7562                            <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>
7563                            <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>
7564                        </template>
7565                    </div>
7566                </div>
7567            </transition>
7568        </template>
7569    </div>
7570        
7570<script type="application/javascript">
7571
7572            var rebatesString = "[{&quot;DiscountBonus&quot;:1000.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 September 9, 2026 and September 30, 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 September 30, 2026.&quot;}]";
7573            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7574            localStorage.setItem("KMHLM4DG7TU290004-rebates", formattedRebatesString);
7575
7576        </script>
7576
7577<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG7TU290004" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7578        <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: "8",msrp:"26365",yourPrice:"25040",sellingPrice:"25865",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG7TU290004", $event,{styleId:"487085"})'
7579        @mouseleave="clearMouseHoverValue()"
7580        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7581        used-large-box" style="height: 100%;">
7582
7583            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7584                <div class="position-relative">
7585                    <div class="srp-top-badges">
7586                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
7587                            <div class="d-flex align-items-center gap-10">
7588                            </div>
7589                        </div>
7590
7591                    </div>
7592
7593
7594                    <div id="EZ360_CVDP"></div>
7595
7596                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7597                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU290004'" class="vehicle-box__image">
7598                                                    <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"
7599                                                    title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus"
7600                                                    @mouseover="srpImageHover('487085', 'KMHLM4DG7TU290004', 'color=A5G')" />
7601
7602                        </div>
7603
7604                        <div class="dp-srp-evox-media-KMHLM4DG7TU290004" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU290004'"></div>
7605
7606                        <div class="vehicle-info-icon">
7607                            <em
7608                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU290004')"
7609                            class="primaryicon-options-btn-new info-icon-css"
7610                            data-vin="KMHLM4DG7TU290004"
7611                            tabindex="0"
7612                            role="button"
7613                            aria-label="Vehicle info"
7614                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')"
7615                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')"
7616                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7617                        </div>
7618                    </div>
7619
7620
7621                    <div class="vehiclebox-info-section p-3">
7622                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7623                            <div class="d-flex">
7624                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7625                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7626                                        2026 Hyundai Elantra SEL Sport Plus
7627                                    </h2>
7628                                </div>
7629                            </div>
7630                        </div>
7631
7632                        <div class="vehicle-summary-section mt-3 ">
7633                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7634                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7635            <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)'>
7636                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
7637                                            <div class="mr-2" style="color:#002
7637C5E">
7638                                                <span id="kmhlm4dg7tu290004-price-summary-label">Your Price</span>
7639                                            </div>
7640                                            <div id="kmhlm4dg7tu290004-price-summary-value" class=" " style="color:#002C5E">$25,040</div>
7641                                        </div>
7642
7643            </div>
7644            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'>
7645                                <div v-if="!unlockHideMsrp">
7646                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7647                                        <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>
7648                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
7649                                    </div>
7650                                </div>
7651
7652            </div>
7653        </div>
7654
7655                            </div>
7656
7657                                <template v-if="true">
7658                                    <div class="vehicle-summary-cta flex-1">
7659                                        <object>
7660                                                <div class="primary-button-parent unlock-discount">
7661        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
7662                       term="72"
7663                       payment-type="cash"
7664                       down-payment="3954.0"
7665                       miles="3"
7666                       lender-number="103"
7667                       msrp="26365"
7668                       rebates="1000"
7669                       page-type="srp"
7670                       vin=KMHLM4DG7TU290004
7671                       :your-price=25040
7672                       style-id=487085
7673                       vdp-account-id=42268
7674                       :page-reload="false"
7675                       :price-unlocked-vins="priceUnlockedVins"
7676                       @loadpayments="loadPaymentsForUnlockDiscount"
7677                       :feature-cta-image-id="0"
7678                       inventory-type=new></unlock-discount>
7679    </div>
7680
7681                                        </object>
7682                                    </div>
7683                                </template>
7684                        </div>
7685<div class="color-black ft-16 mt-1">
7686            <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: 09/30/2026.`,$event)'>
7687                Disclosure
7688            </div>
7689</div>
7690
7691                            <div class="color-black ft-12 d-flex gap-5 mt-2">
7692                                <div class="color-gray">Location:</div>
7693                                <div>City World Hyundai</div>
7694                            </div>
7695
7696                        <div class="show section-separator my-4"></div>
7697
7698
7699                            <template v-if="true">
7700                                <object>
7701                                    <div class="app-level-cta-container">
7702
7703
7704                                            <div class="primary-button-parent srp-view-details-transact-button-container">
7705                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self"
7706                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU290004");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")'
7707                                                    @keydown.space.prevent="$event.currentTarget.click()"
7708                                                    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
7709                                                     bgcolor-primary "
7710                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
7711                                                    Explore Payment Options
7712                                                </a>
7713                                            </div>
7714
7715
7716
7717
7718
7719                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU290004","false"==="true"))' class="primary-button-parent">
7720                                                    <a :style="ctaBtnStyles"
7721                                                     tabindex="0" role="button"
7722                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")'
7723                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")'
7724                                                    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">
7725                                                        {{inventorySettings.data.buttonLabel}}
7726                                                    </a>
7727                                                 </div>
7728                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
7729                                                                    <a v-if="applySecondary
7729Design" href=""
7730                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7731                                                                        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"
7732                                                                        @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;:359.58,&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)"
7733                                                                        @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;:359.58,&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)"
7734                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7735                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
7736                                                                    <a v-else href=""
7737                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7738                                                                        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"
7739                                                                        @click.prevent="
7740                                                                            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;:359.58,&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)"
7741                                                                        @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;:359.58,&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)"
7742                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7743                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7744                                                                        Value Your Trade
7745                                                                    </a>
7746                                                                </div>
7747                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7748                                                                    <a v-if="applySecondary
7748Design" href=""
7749                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
7750                                                                        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"
7751                                                                        @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;:359.58,&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)"
7752                                                                        @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;:359.58,&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)"
7753                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7754                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
7755                                                                    <a v-else href=""
7756                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
7757                                                                        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"
7758                                                                        @click.prevent="
7759                                                                            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;:359.58,&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)"
7760                                                                        @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;:359.58,&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)"
7761                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
7762                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7763                                                                        Check Availability 
7764                                                                    </a>
7765                                                                </div>
7766
7767
7768
7769
7770                                    </div>
7771                                </object>
7772                            </template>
7773
7774                            <div class="mt-3">
7775
7776
7777                                <div class="inventory-btns" style="width:100%;" v-cloak>
7778
7779
7780                                    <object class="d-flex flex-column primary-inventory-btn-group">
7781                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7782                                        <div class="pi-pullup-container"></div>
7783                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7784
7785                                        <div class="dvs_vin_btn" vin="KMHLM4DG7TU290004"></div>
7786
7787
7788
7789                                                    <div class="d-flex mt-2 primary-button-parent">
7790                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU290004"
7791                                                        style="color: initial; background-color: initial;"
7792                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
7793                                                        @mouseover="onRoadSterButtonHover('','', $event)"
7794                                                        @keydown.space.prevent="$event.currentTarget.click()"
7795                                                        class="bgcolor-primary
7796                                                                                    w-100
7797                                                                                    d-flex
7798                                                                                    justify-content-center
7799                                                                                    align-items-center
7800                                                                                    payment-panel-rounded-buttons
7801                                                        text-white text-center
7802                                                                                    no-hover
7803                                                                                    rounded-buttons py-2 px-2
7804                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
7805                                                                                    ">Search Payments </a>
7806                                                    </div>
7807
7808
7809
7810                                    </object>
7811
7812
7813
7814
7815
7816
7817
7818
7819
7820                                    
7821
7822
7823
7824
7825
7826
7827
7828
7829
7830                                </div>
7831
7832
7833                                    <div class="my-2 w-100 text-center">
7834                                        <div class="les_video" les_vin="KMHLM4DG7TU290004"></div>
7835                                    </div>
7836
7837
7838
7839
7840                            </div>
7841
7842                            <active-engage-widget v-if="isEnableActivEngageSrp"
7843                                                custom-class="py-2 ft-12"></active-engage-widget>
7844                        <div class="srp-tabs-section mt-3">
7845                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7846                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details' }"
7847                                    tabindex="0" role="tab"
7848                                    aria-label="Details"
7849                                    :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details'"
7850                                    aria-controls="tab-panel-details-KMHLM4DG7TU290004"
7851                                    @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')"
7852                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')">
7853                                        Details
7854                                    </div>
7855                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments' }"
7856                                tabindex="0" role="tab"
7857                                aria-label="Pricing"
7858                                :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments'"
7859                                aria-controls="tab-panel-payments-KMHLM4DG7TU290004"
7860                                @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')"
7861                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')">
7862                                    Pricing
7863                                </div>
7864                            </div>
7865
7866                            <div class="srp-tab-content">
7867                                <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">
7868                                    <div class="vehicle-details-list">
7869
7870                                            <div class="details-item-row ">
7871                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
7872                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
7873                                                        <div id="copy_vin" class="d-inline">KMHLM4DG7TU290004</div>
7874                                                    </div>
7875                                            </div>
7876
7877                                            <div class="details-item-row">
7878                                                <div class="details-item-label">Stock #</div>
7879                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7880                                                    <div id="copy_stock" class="d-inline">26H2268</div>
7881                                                </div>
7882                                            </div>
7883
7884                                        
7885
7886                                            <div class="details-item-row">
7887                                                <div class="details-item-label">Model Code</div>
7888                                                <div class="details-item-value">#ELFAF2J6S4AS</div>
7889                                            </div>
7890
7891                                            <div class="details-item-row">
7892                                                <div class="details-item-label">Exterior</div>
7893                                                <div class="details-item-value d-flex align-items-center">
7894                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div>
7895                                                        <div class="ml-2">Amazon Gray</div>
7896                                                </div>
7897                                            </div>
7898
7899                                            <div class="details-item-row">
7900                                                <div class="details-item-label">Interior</div>
7901                                                <div class="details-item-value d-flex align-items-center">
7902                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
7903                                                    <div class="ml-2 interior-word-break">Black</div>
7904                                                </div>
7905                                            </div>
7906
7907                                            <div class="details-item-row">
7908                                                <div class="details-item-label">Drivetrain</div>
7909                                                <div class="details-item-value">FWD</div>
7910                                            </div>
7911
7912                                            <div class="details-item-row">
7913                                                <div class="details-item-label">Engine</div>
7914                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
7915                                            </div>
7916                                            <div class="details-item-row">
7917                                                <div class="details-item-label">Transmission</div>
7918                                                <div class="details-item-value">CVT</div>
7919                                            </div>
7920
7921                                    </div>
7922
7923                                </div>
7924                                <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">
7925                                            <div class="msrppanel-label">
7926                                                <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)'>
7927
7928
7929                                                                                <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>
7930                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
7931                                                                                    
7932
7933<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
79332 ft-16" :style="getMSRPColor('')">
7934    MSRP
7935</div>
7936<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div>
7937
7938
7939                                                                                </div>
7940                                                                                    <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>
7941                                                                                        <div class="grey-text vehiclebox-rebates align-text-gird ">
7942                                                                                            <span>
7943                                                                                                Retail Bonus Cash
7944                                                                                                <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU290004" disclaimerindex="0" />
7945                                                                                            </span>
7946                                                                                            <span> -$1,000</span>
7947                                                                                        </div>
7948                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
7949                                                                                            <span>Total Fee</span>
7950                                                                                            <span class="d-flex pl-2">
7951                                                                                                &#x2B;$175
7952                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
7953                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
7953Amount&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>
7954                                                                                                </span>
7955                                                                                            </span>
7956                                                                                        </div>
7957                                                                            <div id="kmhlm4dg7tu290004-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7958                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
7959                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7960                                                                            </span>
7961                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu290004-unlock-discount-price"></label></span>
7962                                                                        </div>
7963                                                                        <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'>
7964                                                                            <div class="mr-2" style="color:#002C5E">
7965                                                                                <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span>
7966                                                                            </div>
7967                                                                            <div id="kmhlm4dg7tu290004-your-price-hide" class=" " style="color:#002C5E">$25,040</div>
7968                                                                        </div>
7969                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
7970                                                                                <div class="mr-2" style="color:#002C5E">
7971                                                                                    <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span>
7972                                                                                </div>
7973                                                                                <div id="kmhlm4dg7tu290004-your-price" class=" " style="color:#002C5E">$25,040</div>
7974                                                                            </div>
7975
7976
7977
7978
7979                                                        <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
7979dai 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;9/30/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;
7979StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
7980                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7981                                                                                :pricedata="{'msrp':'26365','yourPrice':'25040'}"
7982                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7983                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7984                                                    <div class="color-black ft-16 mt-1">
7985            <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: 09/30/2026.`,$event)'>
7986                Disclosure
7987            </div>
7988</div>
7989
7990                                                </div>
7991
7992                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'>
7993                                                                    <div v-if="!unlockHideMsrp">
7994                                                                        <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>
7995                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7996                                                                            <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>
7997                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div>
7998                                                                        </div>
7999                                                                    </div>
8000
8001                                                </div>
8002                                            </div>
8003                                </div>
8004                            </div>
8005                        </div>
8006                        <div id="cta-params-KMHLM4DG7TU290004"
8007                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25040.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8008                        </div>
8009
8010                        <div>
8011
8012                            <vehicle-badges model="Elantra"
8013                                            :current="'srp'"
8014                                            :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}}`"
8015                                            :eyesight="''"
8016                                            :starlink="''"
8017                                            :von="''"
8018                                            :onorder="''"
8019                                            :vin="'KMHLM4DG7TU290004'"
8020                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease'"
8021                                            :vehicle-badges-top-srp="'False'"
8022                                            :year="'2026'"
8023                                            :in-transit-background-color-srp="''"
8024                                            :in-transit-badge-color-srp="''"
8025                                            :in-production-background-color-srp="''"
8026                                            :in-production-badge-color-srp="''"
8027                                            @opendisclaimer="openDisclaimerPopup($event)">
8028                            </vehicle-badges>
8029
8030                                <div class="d-flex flex-wrap">
8031                                    
8032
8033
8034
8035
8036
8037
8038                                </div>
8039                        </div>
8040
8041
8042
8043                        <div class="d-flex flex-wrap srp-certified-img-section">
8044
8045
8046
8047
8048
8049
8050
8051
8052                        </div>
8053
8054                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8055                            <subaru-badge-new model="Elantra"
8056                                            year="2026"
8057                                            make="Hyundai"
8058                                            type="New"
8059                                            :current="'srp'"
8060                                            :transit="'False'"
8061                                            :eyesight="''"
8062                                            :starlink="''"
8063                                            :von="''"
8064                                            :onorder="''"
8065                                            :vin="'KMHLM4DG7TU290004'"
8066                                            :hide-in-transit="'False'"
8067                                            :vehicle-badges-top-srp="'False'"
8068                                            :subaru-consumer-report-class="''"
8069                                            :in-transit-background-color-srp="''"
8070                                            :in-transit-badge-color-srp="''"
8071                                            >
8072                            </subaru-badge-new>
8073                        </div>
8074
8075                    </div>
8076                </div>
8077
8078
8079
8080            </div>
8081        </a>
8082        <template v-if="true">
8083            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8084                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU290004'" class="vehicle-data-overlay-container"
8085                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8086                     @keydown.esc.prevent="closeDetailsOverlay()"
8087                     @keydown.tab="srpOverlayTrapFocus($event)">
8088                    <div class="vehicle-overlay-data">
8089                        <div class="srp-overlay-options">
8090                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8091                                <div class="d-flex align-items-center" style="gap: 20px;">
8092                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8093                                     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>
8094                                    <h3 class="mb-0">Options</h3>
8095                                </div>
8096                                <div>
8097                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8098                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8099                                </div>
8100                            </div>
8101
8102                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8103                                <div class="overlay-nav-items px-3 pt-4">
8104                                    <div class="d-flex overlay-nav-item" tabindex="0"
8105                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: '
8105share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'share-options', label: 'Share' })">
8106                                        <em class="primaryicon-share-icon"></em>
8107                                        <span>Share</span>
8108                                    </div>
8109
8110                                        <div class="d-flex overlay-nav-item"
8111                                        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' })">
8112                                            <em class="primaryicon-key-features-icon"></em>
8113                                            <span>Key Features</span>
8114                                        </div>
8115                                </div>
8116
8117                                <div class="pt-4 px-3 mt-3">
8118                                    <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"
8119                                        @keydown.space.prevent="$event.currentTarget.click()"
8120                                        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:">
8121                                        View Details
8122                                    </a>
8123                                </div>
8124                            </div>
8125                        </div>
8126                    </div>
8127                </div>
8128            </transition>
8129            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8130                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU290004'"
8131                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8132                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8133                     @keydown.tab="srpOverlayTrapFocus($event)">
8134                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8135                        <div class="d-flex align-items-center" style="gap: 20px;">
8136                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8137                            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>
8138                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8139                        </div>
8140                        <div>
8141                            <em class="primaryicon-close-icon-gray"
8142                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8143                        </div>
8144                    </div>
8145                    <div class="mt-3 pt-4 overlay-section-links">
8146                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8147                        <template v-if="!isLoadingOverlayDetails">
8148                            <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>
8149                            <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>
8150                            <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>
8151                        </template>
8152                    </div>
8153                </div>
8154            </transition>
8155        </template>
8156    </div>
8157        
8157<script type="application/javascript">
8158
8159            var rebatesString = "[]";
8160            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8161            localStorage.setItem("KMHRC8A3XTU496147-rebates", formattedRebatesString);
8162
8163        </script>
8163
8164<div data-itemid="Hyundai-Venue-SEL-KMHRC8A3XTU496147" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8165        <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: "9",msrp:"25035",yourPrice:"25210",sellingPrice:"25035",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A3XTU496147", $event,{styleId:"477903"})'
8166        @mouseleave="clearMouseHoverValue()"
8167        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8168        used-large-box" style="height: 100%;">
8169
8170            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8171                <div class="position-relative">
8172                    <div class="srp-top-badges">
8173                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
8174                            <div class="d-flex align-items-center gap-10">
8175                            </div>
8176                        </div>
8177
8178                    </div>
8179
8180
8181                    <div id="EZ360_CVDP"></div>
8182
8183                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8184                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A3XTU496147'" class="vehicle-box__image">
8185                                                    <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"
8186                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
8187                                                    @mouseover="srpImageHover('477903', 'KMHRC8A3XTU496147', 'color=PE2')" />
8188
8189                        </div>
8190
8191                        <div class="dp-srp-evox-media-KMHRC8A3XTU496147" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A3XTU496147'"></div>
8192
8193                        <div class="vehicle-info-icon">
8194                            <em
8195                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A3XTU496147')"
8196                            class="primaryicon-options-btn-new info-icon-css"
8197                            data-vin="KMHRC8A3XTU496147"
8198                            tabindex="0"
8199                            role="button"
8200                            aria-label="Vehicle info"
8201                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')"
8202                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')"
8203                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8204                        </div>
8205                    </div>
8206
8207
8208                    <div class="vehiclebox-info-section p-3">
8209                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8210                            <div class="d-flex">
8211                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8212                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8213                                        2026 Hyundai Venue SEL
8214                                    </h2>
8215                                </div>
8216                            </div>
8217                        </div>
8218
8219                        <div class="vehicle-summary-section mt-3 ">
8220                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8221                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8222            <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)'>
8223                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
8224                                            <div class="mr-2" style="color:#002
8224C5E">
8225                                                <span id="kmhrc8a3xtu496147-price-summary-label">Your Price</span>
8226                                            </div>
8227                                            <div id="kmhrc8a3xtu496147-price-summary-value" class=" " style="color:#002C5E">$25,210</div>
8228                                        </div>
8229
8230            </div>
8231            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'>
8232                                <div v-if="!unlockHideMsrp">
8233                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8234                                        <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>
8235                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
8236                                    </div>
8237                                </div>
8238
8239            </div>
8240        </div>
8241
8242                            </div>
8243
8244                                <template v-if="true">
8245                                    <div class="vehicle-summary-cta flex-1">
8246                                        <object>
8247                                                <div class="primary-button-parent unlock-discount">
8248        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
8249                       term="72"
8250                       payment-type="cash"
8251                       down-payment="3755.0"
8252                       miles="3"
8253                       lender-number="103"
8254                       msrp="25035"
8255                       rebates="0"
8256                       page-type="srp"
8257                       vin=KMHRC8A3XTU496147
8258                       :your-price=25210
8259                       style-id=477903
8260                       vdp-account-id=42268
8261                       :page-reload="false"
8262                       :price-unlocked-vins="priceUnlockedVins"
8263                       @loadpayments="loadPaymentsForUnlockDiscount"
8264                       :feature-cta-image-id="0"
8265                       inventory-type=new></unlock-discount>
8266    </div>
8267
8268                                        </object>
8269                                    </div>
8270                                </template>
8271                        </div>
8272<div class="color-black ft-16 mt-1">
8273            <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: 09/30/2026.`,$event)'>
8274                Disclosure
8275            </div>
8276</div>
8277
8278                            <div class="color-black ft-12 d-flex gap-5 mt-2">
8279                                <div class="color-gray">Location:</div>
8280                                <div>City World Hyundai</div>
8281                            </div>
8282
8283                        <div class="show section-separator my-4"></div>
8284
8285
8286                            <template v-if="true">
8287                                <object>
8288                                    <div class="app-level-cta-container">
8289
8290
8291                                            <div class="primary-button-parent srp-view-details-transact-button-container">
8292                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8292ort-utility?type=lease#Transact" target="_self"
8293                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A3XTU496147");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
8294                                                    @keydown.space.prevent="$event.currentTarget.click()"
8295                                                    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
8296                                                     bgcolor-primary "
8297                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
8298                                                    Explore Payment Options
8299                                                </a>
8300                                            </div>
8301
8302
8303
8304
8305
8306                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A3XTU496147","false"==="true"))' class="primary-button-parent">
8307                                                    <a :style="ctaBtnStyles"
8308                                                     tabindex="0" role="button"
8309                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")'
8310                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")'
8311                                                    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">
8312                                                        {{inventorySettings.data.buttonLabel}}
8313                                                    </a>
8314                                                 </div>
8315                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
8316                                                                    <a v-if="applySecondaryDesign" href=""
8317                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8318                                                                        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"
8319                                                                        @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;:365.87,&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)"
8320                                                                        @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;:365.87,&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
8320ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8321                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8322                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
8323                                                                    <a v-else href=""
8324                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8325                                                                        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"
8326                                                                        @click.prevent="
8327                                                                            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;:365.87,&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)"
8328                                                                        @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;:365.87,&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)"
8329                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8330                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8331                                                                        Value Your Trade
8332                                                                    </a>
8333                                                                </div>
8334                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
8335                                                                    <a v-if="applySecondaryDesign" href=""
8336                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8337                                                                        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"
8338                                                                        @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;:365.87,&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
8338ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2283&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8339                                                                        @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;:365.87,&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)"
8340                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8341                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
8342                                                                    <a v-else href=""
8343                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8344                                                                        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"
8345                                                                        @click.prevent="
8346                                                                            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;:365.87,&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)"
8347                                                                        @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;:365.87,&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)"
8348                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8349                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8350                                                                        Check Availability 
8351                                                                    </a>
8352                                                                </div>
8353
8354
8355
8356
8357                                    </div>
8358                                </object>
8359                            </template>
8360
8361                            <div class="mt-3">
8362
8363
8364                                <div class="inventory-btns" style="width:100%;" v-cloak>
8365
8366
8367                                    <object class="d-flex flex-column primary-inventory-btn-group">
8368                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8369                                        <div class="pi-pullup-container"></div>
8370                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8371
8372                                        <div class="dvs_vin_btn" vin="KMHRC8A3XTU496147"></div>
8373
8374
8375
8376                                                    <div class="d-flex mt-2 primary-button-parent">
8377                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A3XTU496147"
8378                                                        style="color: initial; background-color: initial;"
8379                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
8380                                                        @mouseover="onRoadSterButtonHover('','', $event)"
8381                                                        @keydown.space.prevent="$event.currentTarget.click()"
8382                                                        class="bgcolor-primary
8383                                                                                    w-100
8384                                                                                    d-flex
8385                                                                                    justify-content-center
8386                                                                                    align-items-center
8387                                                                                    payment-panel-rounded-buttons
8388                                                        text-white text-center
8389                                                                                    no-hover
8390                                                                                    rounded-buttons py-2 px-2
8391                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
8392                                                                                    ">Search Payments </a>
8393                                                    </div>
8394
8395
8396
8397                                    </object>
8398
8399
8400
8401
8402
8403
8404
8405
8406
8407                                    
8408
8409
8410
8411
8412
8413
8414
8415
8416
8417                                </div>
8418
8419
8420                                    <div class="my-2 w-100 text-center">
8421                                        <div class="les_video" les_vin="KMHRC8A3XTU496147"></div>
8422                                    </div>
8423
8424
8425
8426
8427                            </div>
8428
8429                            <active-engage-widget v-if="isEnableActivEngageSrp"
8430                                                custom-class="py-2 ft-12"></active-engage-widget>
8431                        <div class="srp-tabs-section mt-3">
8432                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8433                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details' }"
8434                                    tabindex="0" role="tab"
8435                                    aria-label="Details"
8436                                    :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details'"
8437                                    aria-controls="tab-panel-details-KMHRC8A3XTU496147"
8438                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')"
8439                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')">
8440                                        Details
8441                                    </div>
8442                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments' }"
8443                                tabindex="0" role="tab"
8444                                aria-label="Pricing"
8445                                :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments'"
8446                                aria-controls="tab-panel-payments-KMHRC8A3XTU496147"
8447                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')"
8448                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')">
8449                                    Pricing
8450                                </div>
8451                            </div>
8452
8453                            <div class="srp-tab-content">
8454                                <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">
8455                                    <div class="vehicle-details-list">
8456
8457                                            <div class="details-item-row ">
8458                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
8459                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
8460                                                        <div id="copy_vin" class="d-inline">KMHRC8A3XTU496147</div>
8461                                                    </div>
8462                                            </div>
8463
8464                                            <div class="details-item-row">
8465                                                <div class="details-item-label">Stock #</div>
8466                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8467                                                    <div id="copy_stock" class="d-inline">26H2283</div>
8468                                                </div>
8469                                            </div>
8470
8471                                        
8472
8473                                            <div class="details-item-row">
8474                                                <div class="details-item-label">Model Code</div>
8475                                                <div class="details-item-value">#VN2AFD56W5A5</div>
8476                                            </div>
8477
8478                                            <div class="details-item-row">
8479                                                <div class="details-item-label">Exterior</div>
8480                                                <div class="details-item-value d-flex align-items-center">
8481                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #656667; border-radius: 50%"></div>
8482                                                        <div class="ml-2">Ecotronic Gray</div>
8483                                                </div>
8484                                            </div>
8485
8486                                            <div class="details-item-row">
8487                                                <div class="details-item-label">Interior</div>
8488                                                <div class="details-item-value d-flex align-items-center">
8489                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
8490                                                    <div class="ml-2 interior-word-break">Gray</div>
8491                                                </div>
8492                                            </div>
8493
8494                                            <div class="details-item-row">
8495                                                <div class="details-item-label">Drivetrain</div>
8496                                                <div class="details-item-value">FWD</div>
8497                                            </div>
8498
8499                                            <div class="details-item-row">
8500                                                <div class="details-item-label">Engine</div>
8501                                                        <div class="details-item-value">
8501Regular Gasoline I-4 1.6 L/98</div>
8502                                            </div>
8503                                            <div class="details-item-row">
8504                                                <div class="details-item-label">Transmission</div>
8505                                                <div class="details-item-value">CVT</div>
8506                                            </div>
8507
8508                                    </div>
8509
8510                                </div>
8511                                <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">
8512                                            <div class="msrppanel-label">
8513                                                <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)'>
8514
8515
8516                                                                                <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>
8517                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
8518                                                                                    
8519
8520<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
8521    MSRP
8522</div>
8523<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div>
8524
8525
8526                                                                                </div>
8527                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
8528                                                                                            <span>Total Fee</span>
8529                                                                                            <span class="d-flex pl-2">
8530                                                                                                &#x2B;$175
8531                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
8532                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
8532Amount&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>
8533                                                                                                </span>
8534                                                                                            </span>
8535                                                                                        </div>
8536                                                                            <div id="kmhrc8a3xtu496147-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8537                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
8538                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8539                                                                            </span>
8540                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a3xtu496147-unlock-discount-price"></label></span>
8541                                                                        </div>
8542                                                                        <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'>
8543                                                                            <div class="mr-2" style="color:#002C5E">
8544                                                                                <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span>
8545                                                                            </div>
8546                                                                            <div id="kmhrc8a3xtu496147-your-price-hide" class=" " style="color:#002C5E">$25,210</div>
8547                                                                        </div>
8548                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
8549                                                                                <div class="mr-2" style="color:#002C5E">
8550                                                                                    <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span>
8551                                                                                </div>
8552                                                                                <div id="kmhrc8a3xtu496147-your-price" class=" " style="color:#002C5E">$25,210</div>
8553                                                                            </div>
8554
8555
8556
8557
8558                                                        <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
8558dai 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;9/30/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;
8558StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
8559                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8560                                                                                :pricedata="{'msrp':'25035','yourPrice':'25210'}"
8561                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8562                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8563                                                    <div class="color-black ft-16 mt-1">
8564            <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: 09/30/2026.`,$event)'>
8565                Disclosure
8566            </div>
8567</div>
8568
8569                                                </div>
8570
8571                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'>
8572                                                                    <div v-if="!unlockHideMsrp">
8573                                                                        <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>
8574                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8575                                                                            <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>
8576                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
8577                                                                        </div>
8578                                                                    </div>
8579
8580                                                </div>
8581                                            </div>
8582                                </div>
8583                            </div>
8584                        </div>
8585                        <div id="cta-params-KMHRC8A3XTU496147"
8586                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25210.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8587                        </div>
8588
8589                        <div>
8590
8591                            <vehicle-badges model="Venue"
8592                                            :current="'srp'"
8593                                            :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}}`"
8594                                            :eyesight="''"
8595                                            :starlink="''"
8596                                            :von="''"
8597                                            :onorder="''"
8598                                            :vin="'KMHRC8A3XTU496147'"
8599                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease'"
8600                                            :vehicle-badges-top-srp="'False'"
8601                                            :year="'2026'"
8602                                            :in-transit-background-color-srp="''"
8603                                            :in-transit-badge-color-srp="''"
8604                                            :in-production-background-color-srp="''"
8605                                            :in-production-badge-color-srp="''"
8606                                            @opendisclaimer="openDisclaimerPopup($event)">
8607                            </vehicle-badges>
8608
8609                                <div class="d-flex flex-wrap">
8610                                    
8611
8612
8613
8614
8615
8616
8617                                </div>
8618                        </div>
8619
8620
8621
8622                        <div class="d-flex flex-wrap srp-certified-img-section">
8623
8624
8625
8626
8627
8628
8629
8630
8631                        </div>
8632
8633                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8634                            <subaru-badge-new model="Venue"
8635                                            year="2026"
8636                                            make="Hyundai"
8637                                            type="New"
8638                                            :current="'srp'"
8639                                            :transit="'False'"
8640                                            :eyesight="''"
8641                                            :starlink="''"
8642                                            :von="''"
8643                                            :onorder="''"
8644                                            :vin="'KMHRC8A3XTU496147'"
8645                                            :hide-in-transit="'False'"
8646                                            :vehicle-badges-top-srp="'False'"
8647                                            :subaru-consumer-report-class="''"
8648                                            :in-transit-background-color-srp="''"
8649                                            :in-transit-badge-color-srp="''"
8650                                            >
8651                            </subaru-badge-new>
8652                        </div>
8653
8654                    </div>
8655                </div>
8656
8657
8658
8659            </div>
8660        </a>
8661        <template v-if="true">
8662            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8663                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A3XTU496147'" class="vehicle-data-overlay-container"
8664                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8665                     @keydown.esc.prevent="closeDetailsOverlay()"
8666                     @keydown.tab="srpOverlayTrapFocus($event)">
8667                    <div class="vehicle-overlay-data">
8668                        <div class="srp-overlay-options">
8669                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8670                                <div class="d-flex align-items-center" style="gap: 20px;">
8671                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8672                                     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>
8673                                    <h3 class="mb-0">Options</h3>
8674                                </div>
8675                                <div>
8676                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8677                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8678                                </div>
8679                            </div>
8680
8681                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8682                                <div class="overlay-nav-items px-3 pt-4">
8683                                    <div class="d-flex overlay-nav-item" tabindex="0"
8684                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: '
8684share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'share-options', label: 'Share' })">
8685                                        <em class="primaryicon-share-icon"></em>
8686                                        <span>Share</span>
8687                                    </div>
8688
8689                                        <div class="d-flex overlay-nav-item"
8690                                        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' })">
8691                                            <em class="primaryicon-key-features-icon"></em>
8692                                            <span>Key Features</span>
8693                                        </div>
8694                                </div>
8695
8696                                <div class="pt-4 px-3 mt-3">
8697                                    <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"
8698                                        @keydown.space.prevent="$event.currentTarget.click()"
8699                                        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:">
8700                                        View Details
8701                                    </a>
8702                                </div>
8703                            </div>
8704                        </div>
8705                    </div>
8706                </div>
8707            </transition>
8708            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8709                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A3XTU496147'"
8710                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8711                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8712                     @keydown.tab="srpOverlayTrapFocus($event)">
8713                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8714                        <div class="d-flex align-items-center" style="gap: 20px;">
8715                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8716                            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>
8717                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8718                        </div>
8719                        <div>
8720                            <em class="primaryicon-close-icon-gray"
8721                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8722                        </div>
8723                    </div>
8724                    <div class="mt-3 pt-4 overlay-section-links">
8725                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8726                        <template v-if="!isLoadingOverlayDetails">
8727                            <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>
8728                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8728ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
8729                            <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>
8730                        </template>
8731                    </div>
8732                </div>
8733            </transition>
8734        </template>
8735    </div>
8736        
8736<script type="application/javascript">
8737
8738            var rebatesString = "[]";
8739            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8740            localStorage.setItem("KMHRC8A36TU496338-rebates", formattedRebatesString);
8741
8742        </script>
8742
8743<div data-itemid="Hyundai-Venue-SEL-KMHRC8A36TU496338" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8744        <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: "10",msrp:"25035",yourPrice:"25210",sellingPrice:"25035",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A36TU496338", $event,{styleId:"477903"})'
8745        @mouseleave="clearMouseHoverValue()"
8746        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8747        used-large-box" style="height: 100%;">
8748
8749            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8750                <div class="position-relative">
8751                    <div class="srp-top-badges">
8752                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
8753                            <div class="d-flex align-items-center gap-10">
8754                            </div>
8755                        </div>
8756
8757                    </div>
8758
8759
8760                    <div id="EZ360_CVDP"></div>
8761
8762                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8763                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A36TU496338'" class="vehicle-box__image">
8764                                                    <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"
8765                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
8766                                                    @mouseover="srpImageHover('477903', 'KMHRC8A36TU496338', 'color=R2T')" />
8767
8768                        </div>
8769
8770                        <div class="dp-srp-evox-media-KMHRC8A36TU496338" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A36TU496338'"></div>
8771
8772                        <div class="vehicle-info-icon">
8773                            <em
8774                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A36TU496338')"
8775                            class="primaryicon-options-btn-new info-icon-css"
8776                            data-vin="KMHRC8A36TU496338"
8777                            tabindex="0"
8778                            role="button"
8779                            aria-label="Vehicle info"
8780                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')"
8781                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')"
8782                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8783                        </div>
8784                    </div>
8785
8786
8787                    <div class="vehiclebox-info-section p-3">
8788                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8789                            <div class="d-flex">
8790                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8791                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8792                                        2026 Hyundai Venue SEL
8793                                    </h2>
8794                                </div>
8795                            </div>
8796                        </div>
8797
8798                        <div class="vehicle-summary-section mt-3 ">
8799                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8800                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8801            <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)'>
8802                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
8803                                            <div class="mr-2" style="color:#002
8803C5E">
8804                                                <span id="kmhrc8a36tu496338-price-summary-label">Your Price</span>
8805                                            </div>
8806                                            <div id="kmhrc8a36tu496338-price-summary-value" class=" " style="color:#002C5E">$25,210</div>
8807                                        </div>
8808
8809            </div>
8810            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'>
8811                                <div v-if="!unlockHideMsrp">
8812                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8813                                        <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>
8814                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
8815                                    </div>
8816                                </div>
8817
8818            </div>
8819        </div>
8820
8821                            </div>
8822
8823                                <template v-if="true">
8824                                    <div class="vehicle-summary-cta flex-1">
8825                                        <object>
8826                                                <div class="primary-button-parent unlock-discount">
8827        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
8828                       term="72"
8829                       payment-type="cash"
8830                       down-payment="3755.0"
8831                       miles="3"
8832                       lender-number="103"
8833                       msrp="25035"
8834                       rebates="0"
8835                       page-type="srp"
8836                       vin=KMHRC8A36TU496338
8837                       :your-price=25210
8838                       style-id=477903
8839                       vdp-account-id=42268
8840                       :page-reload="false"
8841                       :price-unlocked-vins="priceUnlockedVins"
8842                       @loadpayments="loadPaymentsForUnlockDiscount"
8843                       :feature-cta-image-id="0"
8844                       inventory-type=new></unlock-discount>
8845    </div>
8846
8847                                        </object>
8848                                    </div>
8849                                </template>
8850                        </div>
8851<div class="color-black ft-16 mt-1">
8852            <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: 09/30/2026.`,$event)'>
8853                Disclosure
8854            </div>
8855</div>
8856
8857                            <div class="color-black ft-12 d-flex gap-5 mt-2">
8858                                <div class="color-gray">Location:</div>
8859                                <div>City World Hyundai</div>
8860                            </div>
8861
8862                        <div class="show section-separator my-4"></div>
8863
8864
8865                            <template v-if="true">
8866                                <object>
8867                                    <div class="app-level-cta-container">
8868
8869
8870                                            <div class="primary-button-parent srp-view-details-transact-button-container">
8871                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
8871ort-utility?type=lease#Transact" target="_self"
8872                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A36TU496338");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
8873                                                    @keydown.space.prevent="$event.currentTarget.click()"
8874                                                    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
8875                                                     bgcolor-primary "
8876                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
8877                                                    Explore Payment Options
8878                                                </a>
8879                                            </div>
8880
8881
8882
8883
8884
8885                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A36TU496338","false"==="true"))' class="primary-button-parent">
8886                                                    <a :style="ctaBtnStyles"
8887                                                     tabindex="0" role="button"
8888                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A36TU496338", "New")'
8889                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A36TU496338", "New")'
8890                                                    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">
8891                                                        {{inventorySettings.data.buttonLabel}}
8892                                                    </a>
8893                                                 </div>
8894                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
8895                                                                    <a v-if="applySecondaryDesign" href=""
8896                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8897                                                                        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"
8898                                                                        @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;:365.87,&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)"
8899                                                                        @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;:365.87,&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
8899ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8900                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8901                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
8902                                                                    <a v-else href=""
8903                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8904                                                                        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"
8905                                                                        @click.prevent="
8906                                                                            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;:365.87,&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)"
8907                                                                        @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;:365.87,&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)"
8908                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8909                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8910                                                                        Value Your Trade
8911                                                                    </a>
8912                                                                </div>
8913                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
8914                                                                    <a v-if="applySecondaryDesign" href=""
8915                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
8916                                                                        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"
8917                                                                        @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;:365.87,&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
8917ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2297&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8918                                                                        @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;:365.87,&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)"
8919                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8920                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
8921                                                                    <a v-else href=""
8922                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
8923                                                                        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"
8924                                                                        @click.prevent="
8925                                                                            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;:365.87,&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)"
8926                                                                        @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;:365.87,&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)"
8927                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
8928                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8929                                                                        Check Availability 
8930                                                                    </a>
8931                                                                </div>
8932
8933
8934
8935
8936                                    </div>
8937                                </object>
8938                            </template>
8939
8940                            <div class="mt-3">
8941
8942
8943                                <div class="inventory-btns" style="width:100%;" v-cloak>
8944
8945
8946                                    <object class="d-flex flex-column primary-inventory-btn-group">
8947                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8948                                        <div class="pi-pullup-container"></div>
8949                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8950
8951                                        <div class="dvs_vin_btn" vin="KMHRC8A36TU496338"></div>
8952
8953
8954
8955                                                    <div class="d-flex mt-2 primary-button-parent">
8956                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A36TU496338"
8957                                                        style="color: initial; background-color: initial;"
8958                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
8959                                                        @mouseover="onRoadSterButtonHover('','', $event)"
8960                                                        @keydown.space.prevent="$event.currentTarget.click()"
8961                                                        class="bgcolor-primary
8962                                                                                    w-100
8963                                                                                    d-flex
8964                                                                                    justify-content-center
8965                                                                                    align-items-center
8966                                                                                    payment-panel-rounded-buttons
8967                                                        text-white text-center
8968                                                                                    no-hover
8969                                                                                    rounded-buttons py-2 px-2
8970                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
8971                                                                                    ">Search Payments </a>
8972                                                    </div>
8973
8974
8975
8976                                    </object>
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986                                    
8987
8988
8989
8990
8991
8992
8993
8994
8995
8996                                </div>
8997
8998
8999                                    <div class="my-2 w-100 text-center">
9000                                        <div class="les_video" les_vin="KMHRC8A36TU496338"></div>
9001                                    </div>
9002
9003
9004
9005
9006                            </div>
9007
9008                            <active-engage-widget v-if="isEnableActivEngageSrp"
9009                                                custom-class="py-2 ft-12"></active-engage-widget>
9010                        <div class="srp-tabs-section mt-3">
9011                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9012                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details' }"
9013                                    tabindex="0" role="tab"
9014                                    aria-label="Details"
9015                                    :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details'"
9016                                    aria-controls="tab-panel-details-KMHRC8A36TU496338"
9017                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')"
9018                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')">
9019                                        Details
9020                                    </div>
9021                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments' }"
9022                                tabindex="0" role="tab"
9023                                aria-label="Pricing"
9024                                :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments'"
9025                                aria-controls="tab-panel-payments-KMHRC8A36TU496338"
9026                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')"
9027                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')">
9028                                    Pricing
9029                                </div>
9030                            </div>
9031
9032                            <div class="srp-tab-content">
9033                                <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">
9034                                    <div class="vehicle-details-list">
9035
9036                                            <div class="details-item-row ">
9037                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
9038                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
9039                                                        <div id="copy_vin" class="d-inline">KMHRC8A36TU496338</div>
9040                                                    </div>
9041                                            </div>
9042
9043                                            <div class="details-item-row">
9044                                                <div class="details-item-label">Stock #</div>
9045                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9046                                                    <div id="copy_stock" class="d-inline">26H2297</div>
9047                                                </div>
9048                                            </div>
9049
9050                                        
9051
9052                                            <div class="details-item-row">
9053                                                <div class="details-item-label">Model Code</div>
9054                                                <div class="details-item-value">#VN2AFD56W5A5</div>
9055                                            </div>
9056
9057                                            <div class="details-item-row">
9058                                                <div class="details-item-label">Exterior</div>
9059                                                <div class="details-item-value d-flex align-items-center">
9060                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div>
9061                                                        <div class="ml-2">
9061Shimmering Silver</div>
9062                                                </div>
9063                                            </div>
9064
9065                                            <div class="details-item-row">
9066                                                <div class="details-item-label">Interior</div>
9067                                                <div class="details-item-value d-flex align-items-center">
9068                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div>
9069                                                    <div class="ml-2 interior-word-break">Gray</div>
9070                                                </div>
9071                                            </div>
9072
9073                                            <div class="details-item-row">
9074                                                <div class="details-item-label">Drivetrain</div>
9075                                                <div class="details-item-value">FWD</div>
9076                                            </div>
9077
9078                                            <div class="details-item-row">
9079                                                <div class="details-item-label">Engine</div>
9080                                                        <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div>
9081                                            </div>
9082                                            <div class="details-item-row">
9083                                                <div class="details-item-label">Transmission</div>
9084                                                <div class="details-item-value">CVT</div>
9085                                            </div>
9086
9087                                    </div>
9088
9089                                </div>
9090                                <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">
9091                                            <div class="msrppanel-label">
9092                                                <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)'>
9093
9094
9095                                                                                <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>
9096                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
9097                                                                                    
9098
9099<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
9100    MSRP
9101</div>
9102<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div>
9103
9104
9105                                                                                </div>
9106                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
9107                                                                                            <span>Total Fee</span>
9108                                                                                            <span class="d-flex pl-2">
9109                                                                                                &#x2B;$175
9110                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
9111                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
9111Amount&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>
9112                                                                                                </span>
9113                                                                                            </span>
9114                                                                                        </div>
9115                                                                            <div id="kmhrc8a36tu496338-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9116                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
9117                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9118                                                                            </span>
9119                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a36tu496338-unlock-discount-price"></label></span>
9120                                                                        </div>
9121                                                                        <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'>
9122                                                                            <div class="mr-2" style="color:#002C5E">
9123                                                                                <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span>
9124                                                                            </div>
9125                                                                            <div id="kmhrc8a36tu496338-your-price-hide" class=" " style="color:#002C5E">$25,210</div>
9126                                                                        </div>
9127                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9128                                                                                <div class="mr-2" style="color:#002C5E">
9129                                                                                    <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span>
9130                                                                                </div>
9131                                                                                <div id="kmhrc8a36tu496338-your-price" class=" " style="color:#002C5E">$25,210</div>
9132                                                                            </div>
9133
9134
9135
9136
9137                                                        <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
9137dai 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;9/30/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;
9137StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
9138                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9139                                                                                :pricedata="{'msrp':'25035','yourPrice':'25210'}"
9140                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9141                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9142                                                    <div class="color-black ft-16 mt-1">
9143            <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: 09/30/2026.`,$event)'>
9144                Disclosure
9145            </div>
9146</div>
9147
9148                                                </div>
9149
9150                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'>
9151                                                                    <div v-if="!unlockHideMsrp">
9152                                                                        <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>
9153                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9154                                                                            <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>
9155                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div>
9156                                                                        </div>
9157                                                                    </div>
9158
9159                                                </div>
9160                                            </div>
9161                                </div>
9162                            </div>
9163                        </div>
9164                        <div id="cta-params-KMHRC8A36TU496338"
9165                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25210.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9166                        </div>
9167
9168                        <div>
9169
9170                            <vehicle-badges model="Venue"
9171                                            :current="'srp'"
9172                                            :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}}`"
9173                                            :eyesight="''"
9174                                            :starlink="''"
9175                                            :von="''"
9176                                            :onorder="''"
9177                                            :vin="'KMHRC8A36TU496338'"
9178                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease'"
9179                                            :vehicle-badges-top-srp="'False'"
9180                                            :year="'2026'"
9181                                            :in-transit-background-color-srp="''"
9182                                            :in-transit-badge-color-srp="''"
9183                                            :in-production-background-color-srp="''"
9184                                            :in-production-badge-color-srp="''"
9185                                            @opendisclaimer="openDisclaimerPopup($event)">
9186                            </vehicle-badges>
9187
9188                                <div class="d-flex flex-wrap">
9189                                    
9190
9191
9192
9193
9194
9195
9196                                </div>
9197                        </div>
9198
9199
9200
9201                        <div class="d-flex flex-wrap srp-certified-img-section">
9202
9203
9204
9205
9206
9207
9208
9209
9210                        </div>
9211
9212                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9213                            <subaru-badge-new model="Venue"
9214                                            year="2026"
9215                                            make="Hyundai"
9216                                            type="New"
9217                                            :current="'srp'"
9218                                            :transit="'False'"
9219                                            :eyesight="''"
9220                                            :starlink="''"
9221                                            :von="''"
9222                                            :onorder="''"
9223                                            :vin="'KMHRC8A36TU496338'"
9224                                            :hide-in-transit="'False'"
9225                                            :vehicle-badges-top-srp="'False'"
9226                                            :subaru-consumer-report-class="''"
9227                                            :in-transit-background-color-srp="''"
9228                                            :in-transit-badge-color-srp="''"
9229                                            >
9230                            </subaru-badge-new>
9231                        </div>
9232
9233                    </div>
9234                </div>
9235
9236
9237
9238            </div>
9239        </a>
9240        <template v-if="true">
9241            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9242                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A36TU496338'" class="vehicle-data-overlay-container"
9243                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9244                     @keydown.esc.prevent="closeDetailsOverlay()"
9245                     @keydown.tab="srpOverlayTrapFocus($event)">
9246                    <div class="vehicle-overlay-data">
9247                        <div class="srp-overlay-options">
9248                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9249                                <div class="d-flex align-items-center" style="gap: 20px;">
9250                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9251                                     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>
9252                                    <h3 class="mb-0">Options</h3>
9253                                </div>
9254                                <div>
9255                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9256                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9257                                </div>
9258                            </div>
9259
9260                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9261                                <div class="overlay-nav-items px-3 pt-4">
9262                                    <div class="d-flex overlay-nav-item" tabindex="0"
9263                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: '
9263share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'share-options', label: 'Share' })">
9264                                        <em class="primaryicon-share-icon"></em>
9265                                        <span>Share</span>
9266                                    </div>
9267
9268                                        <div class="d-flex overlay-nav-item"
9269                                        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' })">
9270                                            <em class="primaryicon-key-features-icon"></em>
9271                                            <span>Key Features</span>
9272                                        </div>
9273                                </div>
9274
9275                                <div class="pt-4 px-3 mt-3">
9276                                    <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"
9277                                        @keydown.space.prevent="$event.currentTarget.click()"
9278                                        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:">
9279                                        View Details
9280                                    </a>
9281                                </div>
9282                            </div>
9283                        </div>
9284                    </div>
9285                </div>
9286            </transition>
9287            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9288                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A36TU496338'"
9289                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9290                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9291                     @keydown.tab="srpOverlayTrapFocus($event)">
9292                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9293                        <div class="d-flex align-items-center" style="gap: 20px;">
9294                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9295                            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>
9296                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9297                        </div>
9298                        <div>
9299                            <em class="primaryicon-close-icon-gray"
9300                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9301                        </div>
9302                    </div>
9303                    <div class="mt-3 pt-4 overlay-section-links">
9304                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9305                        <template v-if="!isLoadingOverlayDetails">
9306                            <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>
9307                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
9307ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
9308                            <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>
9309                        </template>
9310                    </div>
9311                </div>
9312            </transition>
9313        </template>
9314    </div>
9315        
9315<script type="application/javascript">
9316
9317            var rebatesString = "[]";
9318            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9319            localStorage.setItem("KMHRC8A31TU495940-rebates", formattedRebatesString);
9320
9321        </script>
9321
9322<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU495940" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9323        <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: "11",msrp:"25115",yourPrice:"25290",sellingPrice:"25115",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU495940", $event,{styleId:"477903"})'
9324        @mouseleave="clearMouseHoverValue()"
9325        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9326        used-large-box" style="height: 100%;">
9327
9328            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9329                <div class="position-relative">
9330                    <div class="srp-top-badges">
9331                        <div class=" d-flex card-status__indicator gap-20 align-items-start">
9332                            <div class="d-flex align-items-center gap-10">
9333                            </div>
9334                        </div>
9335
9336                    </div>
9337
9338
9339                    <div id="EZ360_CVDP"></div>
9340
9341                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9342                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU495940'" class="vehicle-box__image">
9343                                                    <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"
9344                                                    title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL"
9345                                                    @mouseover="srpImageHover('477903', 'KMHRC8A31TU495940', 'color=R2T')" />
9346
9347                        </div>
9348
9349                        <div class="dp-srp-evox-media-KMHRC8A31TU495940" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU495940'"></div>
9350
9351                        <div class="vehicle-info-icon">
9352                            <em
9353                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU495940')"
9354                            class="primaryicon-options-btn-new info-icon-css"
9355                            data-vin="KMHRC8A31TU495940"
9356                            tabindex="0"
9357                            role="button"
9358                            aria-label="Vehicle info"
9359                            @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')"
9360                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')"
9361                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9362                        </div>
9363                    </div>
9364
9365
9366                    <div class="vehiclebox-info-section p-3">
9367                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9368                            <div class="d-flex">
9369                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9370                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9371                                        2026 Hyundai Venue SEL
9372                                    </h2>
9373                                </div>
9374                            </div>
9375                        </div>
9376
9377                        <div class="vehicle-summary-section mt-3 ">
9378                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9379                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9380            <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)'>
9381                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'>
9382                                            <div class="mr-2" style="color:#002
9382C5E">
9383                                                <span id="kmhrc8a31tu495940-price-summary-label">Your Price</span>
9384                                            </div>
9385                                            <div id="kmhrc8a31tu495940-price-summary-value" class=" " style="color:#002C5E">$25,290</div>
9386                                        </div>
9387
9388            </div>
9389            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'>
9390                                <div v-if="!unlockHideMsrp">
9391                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9392                                        <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>
9393                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
9394                                    </div>
9395                                </div>
9396
9397            </div>
9398        </div>
9399
9400                            </div>
9401
9402                                <template v-if="true">
9403                                    <div class="vehicle-summary-cta flex-1">
9404                                        <object>
9405                                                <div class="primary-button-parent unlock-discount">
9406        <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button"
9407                       term="72"
9408                       payment-type="cash"
9409                       down-payment="3767.0"
9410                       miles="6"
9411                       lender-number="103"
9412                       msrp="25115"
9413                       rebates="0"
9414                       page-type="srp"
9415                       vin=KMHRC8A31TU495940
9416                       :your-price=25290
9417                       style-id=477903
9418                       vdp-account-id=42268
9419                       :page-reload="false"
9420                       :price-unlocked-vins="priceUnlockedVins"
9421                       @loadpayments="loadPaymentsForUnlockDiscount"
9422                       :feature-cta-image-id="0"
9423                       inventory-type=new></unlock-discount>
9424    </div>
9425
9426                                        </object>
9427                                    </div>
9428                                </template>
9429                        </div>
9430<div class="color-black ft-16 mt-1">
9431            <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: 09/30/2026.`,$event)'>
9432                Disclosure
9433            </div>
9434</div>
9435
9436                            <div class="color-black ft-12 d-flex gap-5 mt-2">
9437                                <div class="color-gray">Location:</div>
9438                                <div>City World Hyundai</div>
9439                            </div>
9440
9441                        <div class="show section-separator my-4"></div>
9442
9443
9444                            <template v-if="true">
9445                                <object>
9446                                    <div class="app-level-cta-container">
9447
9448
9449                                            <div class="primary-button-parent srp-view-details-transact-button-container">
9450                                                <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9450ort-utility?type=lease#Transact" target="_self"
9451                                                    @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU495940");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")'
9452                                                    @keydown.space.prevent="$event.currentTarget.click()"
9453                                                    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
9454                                                     bgcolor-primary "
9455                                                    :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid  !important' }">
9456                                                    Explore Payment Options
9457                                                </a>
9458                                            </div>
9459
9460
9461
9462
9463
9464                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU495940","false"==="true"))' class="primary-button-parent">
9465                                                    <a :style="ctaBtnStyles"
9466                                                     tabindex="0" role="button"
9467                                                    @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU495940", "New")'
9468                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU495940", "New")'
9469                                                    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">
9470                                                        {{inventorySettings.data.buttonLabel}}
9471                                                    </a>
9472                                                 </div>
9473                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')">
9474                                                                    <a v-if="applySecondaryDesign" href=""
9475                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9476                                                                        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"
9477                                                                        @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;:368.07,&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)"
9478                                                                        @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;:368.07,&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
9478ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9479                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9480                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a>
9481                                                                    <a v-else href=""
9482                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9483                                                                        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"
9484                                                                        @click.prevent="
9485                                                                            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;:368.07,&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)"
9486                                                                        @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;:368.07,&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)"
9487                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9488                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9489                                                                        Value Your Trade
9490                                                                    </a>
9491                                                                </div>
9492                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
9493                                                                    <a v-if="applySecondaryDesign" href=""
9494                                                                        style='background-color:#002C5E !important; color:#ffffff !important; border:  !important;'
9495                                                                        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"
9496                                                                        @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;:368.07,&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
9496ort-utility?type=lease&quot;,&quot;stockNumber&quot;:&quot;26H2311&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9497                                                                        @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;:368.07,&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)"
9498                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9499                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a>
9500                                                                    <a v-else href=""
9501                                                                        style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;"
9502                                                                        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"
9503                                                                        @click.prevent="
9504                                                                            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;:368.07,&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)"
9505                                                                        @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;:368.07,&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)"
9506                                                                        @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)"
9507                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9508                                                                        Check Availability 
9509                                                                    </a>
9510                                                                </div>
9511
9512
9513
9514
9515                                    </div>
9516                                </object>
9517                            </template>
9518
9519                            <div class="mt-3">
9520
9521
9522                                <div class="inventory-btns" style="width:100%;" v-cloak>
9523
9524
9525                                    <object class="d-flex flex-column primary-inventory-btn-group">
9526                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9527                                        <div class="pi-pullup-container"></div>
9528                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9529
9530                                        <div class="dvs_vin_btn" vin="KMHRC8A31TU495940"></div>
9531
9532
9533
9534                                                    <div class="d-flex mt-2 primary-button-parent">
9535                                                        <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU495940"
9536                                                        style="color: initial; background-color: initial;"
9537                                                        @mouseleave="onRoadSterButtonLeave('','', $event)"
9538                                                        @mouseover="onRoadSterButtonHover('','', $event)"
9539                                                        @keydown.space.prevent="$event.currentTarget.click()"
9540                                                        class="bgcolor-primary
9541                                                                                    w-100
9542                                                                                    d-flex
9543                                                                                    justify-content-center
9544                                                                                    align-items-center
9545                                                                                    payment-panel-rounded-buttons
9546                                                        text-white text-center
9547                                                                                    no-hover
9548                                                                                    rounded-buttons py-2 px-2
9549                                                                                    roadster-btn ft-12 mx-1 btn-pd-0
9550                                                                                    ">Search Payments </a>
9551                                                    </div>
9552
9553
9554
9555                                    </object>
9556
9557
9558
9559
9560
9561
9562
9563
9564
9565                                    
9566
9567
9568
9569
9570
9571
9572
9573
9574
9575                                </div>
9576
9577
9578                                    <div class="my-2 w-100 text-center">
9579                                        <div class="les_video" les_vin="KMHRC8A31TU495940"></div>
9580                                    </div>
9581
9582
9583
9584
9585                            </div>
9586
9587                            <active-engage-widget v-if="isEnableActivEngageSrp"
9588                                                custom-class="py-2 ft-12"></active-engage-widget>
9589                        <div class="srp-tabs-section mt-3">
9590                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9591                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details' }"
9592                                    tabindex="0" role="tab"
9593                                    aria-label="Details"
9594                                    :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details'"
9595                                    aria-controls="tab-panel-details-KMHRC8A31TU495940"
9596                                    @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')"
9597                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')">
9598                                        Details
9599                                    </div>
9600                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments' }"
9601                                tabindex="0" role="tab"
9602                                aria-label="Pricing"
9603                                :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments'"
9604                                aria-controls="tab-panel-payments-KMHRC8A31TU495940"
9605                                @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')"
9606                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')">
9607                                    Pricing
9608                                </div>
9609                            </div>
9610
9611                            <div class="srp-tab-content">
9612                                <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">
9613                                    <div class="vehicle-details-list">
9614
9615                                            <div class="details-item-row ">
9616                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
9617                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
9618                                                        <div id="copy_vin" class="d-inline">KMHRC8A31TU495940</div>
9619                                                    </div>
9620                                            </div>
9621
9622                                            <div class="details-item-row">
9623                                                <div class="details-item-label">Stock #</div>
9624                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9625                                                    <div id="copy_stock" class="d-inline">26H2311</div>
9626                                                </div>
9627                                            </div>
9628
9629                                        
9630
9631                                            <div class="details-item-row">
9632                                                <div class="details-item-label">Model Code</div>
9633                                                <div class="details-item-value">#VN2AFD56W5A5</div>
9634                                            </div>
9635
9636                                            <div class="details-item-row">
9637                                                <div class="details-item-label">Exterior</div>
9638                                                <div class="details-item-value d-flex align-items-center">
9639                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div>
9640                                                        <div class="ml-2">
9640Shimmering Silver</div>
9641                                                </div>
9642                                            </div>
9643
9644                                            <div class="details-item-row">
9645                                                <div class="details-item-label">Interior</div>
9646                                                <div class="details-item-value d-flex align-items-center">
9647                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div>
9648                                                    <div class="ml-2 interior-word-break">Black</div>
9649                                                </div>
9650                                            </div>
9651
9652                                            <div class="details-item-row">
9653                                                <div class="details-item-label">Drivetrain</div>
9654                                                <div class="details-item-value">FWD</div>
9655                                            </div>
9656
9657                                            <div class="details-item-row">
9658                                                <div class="details-item-label">Engine</div>
9659                                                        <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div>
9660                                            </div>
9661                                            <div class="details-item-row">
9662                                                <div class="details-item-label">Transmission</div>
9663                                                <div class="details-item-value">CVT</div>
9664                                            </div>
9665
9666                                    </div>
9667
9668                                </div>
9669                                <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">
9670                                            <div class="msrppanel-label">
9671                                                <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)'>
9672
9673
9674                                                                                <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>
9675                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
9676                                                                                    
9677
9678<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')">
9679    MSRP
9680</div>
9681<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div>
9682
9683
9684                                                                                </div>
9685                                                                                        <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper">
9686                                                                                            <span>Total Fee</span>
9687                                                                                            <span class="d-flex pl-2">
9688                                                                                                &#x2B;$175
9689                                                                                                <span class="mt-1 ml-2 p-0 no-padding">
9690                                                                                                    <paymentsdata-fees-icon-srp :feedata='[{&quot;FeeName&quot;:&quot;Doc Fee&quot;,&quot;
9690Amount&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>
9691                                                                                                </span>
9692                                                                                            </span>
9693                                                                                        </div>
9694                                                                            <div id="kmhrc8a31tu495940-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9695                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''">
9696                                                                                    {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9697                                                                            </span>
9698                                                                                <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu495940-unlock-discount-price"></label></span>
9699                                                                        </div>
9700                                                                        <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'>
9701                                                                            <div class="mr-2" style="color:#002C5E">
9702                                                                                <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span>
9703                                                                            </div>
9704                                                                            <div id="kmhrc8a31tu495940-your-price-hide" class=" " style="color:#002C5E">$25,290</div>
9705                                                                        </div>
9706                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure12'>
9707                                                                                <div class="mr-2" style="color:#002C5E">
9708                                                                                    <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span>
9709                                                                                </div>
9710                                                                                <div id="kmhrc8a31tu495940-your-price" class=" " style="color:#002C5E">$25,290</div>
9711                                                                            </div>
9712
9713
9714
9715
9716                                                        <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
9716dai 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;9/30/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;
9716StopDate&quot;:&quot;9/30/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;9/30/2026&quot;}]'
9717                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9718                                                                                :pricedata="{'msrp':'25115','yourPrice':'25290'}"
9719                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9720                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9721                                                    <div class="color-black ft-16 mt-1">
9722            <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: 09/30/2026.`,$event)'>
9723                Disclosure
9724            </div>
9725</div>
9726
9727                                                </div>
9728
9729                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'>
9730                                                                    <div v-if="!unlockHideMsrp">
9731                                                                        <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>
9732                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9733                                                                            <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>
9734                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div>
9735                                                                        </div>
9736                                                                    </div>
9737
9738                                                </div>
9739                                            </div>
9740                                </div>
9741                            </div>
9742                        </div>
9743                        <div id="cta-params-KMHRC8A31TU495940"
9744                             data-cta-params="{&quot;priceLabel&quot;:&quot;Price&quot;,&quot;priceValue&quot;:25290.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9745                        </div>
9746
9747                        <div>
9748
9749                            <vehicle-badges model="Venue"
9750                                            :current="'srp'"
9751                                            :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}}`"
9752                                            :eyesight="''"
9753                                            :starlink="''"
9754                                            :von="''"
9755                                            :onorder="''"
9756                                            :vin="'KMHRC8A31TU495940'"
9757                                            :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease'"
9758                                            :vehicle-badges-top-srp="'False'"
9759                                            :year="'2026'"
9760                                            :in-transit-background-color-srp="''"
9761                                            :in-transit-badge-color-srp="''"
9762                                            :in-production-background-color-srp="''"
9763                                            :in-production-badge-color-srp="''"
9764                                            @opendisclaimer="openDisclaimerPopup($event)">
9765                            </vehicle-badges>
9766
9767                                <div class="d-flex flex-wrap">
9768                                    
9769
9770
9771
9772
9773
9774
9775                                </div>
9776                        </div>
9777
9778
9779
9780                        <div class="d-flex flex-wrap srp-certified-img-section">
9781
9782
9783
9784
9785
9786
9787
9788
9789                        </div>
9790
9791                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9792                            <subaru-badge-new model="Venue"
9793                                            year="2026"
9794                                            make="Hyundai"
9795                                            type="New"
9796                                            :current="'srp'"
9797                                            :transit="'False'"
9798                                            :eyesight="''"
9799                                            :starlink="''"
9800                                            :von="''"
9801                                            :onorder="''"
9802                                            :vin="'KMHRC8A31TU495940'"
9803                                            :hide-in-transit="'False'"
9804                                            :vehicle-badges-top-srp="'False'"
9805                                            :subaru-consumer-report-class="''"
9806                                            :in-transit-background-color-srp="''"
9807                                            :in-transit-badge-color-srp="''"
9808                                            >
9809                            </subaru-badge-new>
9810                        </div>
9811
9812                    </div>
9813                </div>
9814
9815
9816
9817            </div>
9818        </a>
9819        <template v-if="true">
9820            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9821                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU495940'" class="vehicle-data-overlay-container"
9822                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9823                     @keydown.esc.prevent="closeDetailsOverlay()"
9824                     @keydown.tab="srpOverlayTrapFocus($event)">
9825                    <div class="vehicle-overlay-data">
9826                        <div class="srp-overlay-options">
9827                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9828                                <div class="d-flex align-items-center" style="gap: 20px;">
9829                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9830                                     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>
9831                                    <h3 class="mb-0">Options</h3>
9832                                </div>
9833                                <div>
9834                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9835                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9836                                </div>
9837                            </div>
9838
9839                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9840                                <div class="overlay-nav-items px-3 pt-4">
9841                                    <div class="d-flex overlay-nav-item" tabindex="0"
9842                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: '
9842share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'share-options', label: 'Share' })">
9843                                        <em class="primaryicon-share-icon"></em>
9844                                        <span>Share</span>
9845                                    </div>
9846
9847                                        <div class="d-flex overlay-nav-item"
9848                                        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' })">
9849                                            <em class="primaryicon-key-features-icon"></em>
9850                                            <span>Key Features</span>
9851                                        </div>
9852                                </div>
9853
9854                                <div class="pt-4 px-3 mt-3">
9855                                    <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"
9856                                        @keydown.space.prevent="$event.currentTarget.click()"
9857                                        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:">
9858                                        View Details
9859                                    </a>
9860                                </div>
9861                            </div>
9862                        </div>
9863                    </div>
9864                </div>
9865            </transition>
9866            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9867                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU495940'"
9868                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9869                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9870                     @keydown.tab="srpOverlayTrapFocus($event)">
9871                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9872                        <div class="d-flex align-items-center" style="gap: 20px;">
9873                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9874                            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>
9875                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9876                        </div>
9877                        <div>
9878                            <em class="primaryicon-close-icon-gray"
9879                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9880                        </div>
9881                    </div>
9882                    <div class="mt-3 pt-4 overlay-section-links">
9883                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9884                        <template v-if="!isLoadingOverlayDetails">
9885                            <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>
9886                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9886ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options>
9887                            <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>
9888                        </template>
9889                    </div>
9890                </div>
9891            </transition>
9892        </template>
9893    </div>
9894</div>
9895<transact-button v-if="showTransactWidget" :vin="transactVin" call-from="srp" @closeexternaltransact="closeTransactWidget()"> </transact-button>
9896<evn-video-player-model v-if="showEvnModelPopup" :video-id="vinRealVideoId" @hidemodal="hideEvnVideoModel()"> </evn-video-player-model>
9897<sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
9898                   :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal>
9899<registration-modal> </registration-modal>
9900
9901    <unlock-price-discount-modal
9902      v-if="showUnlockDiscountModel"
9903      :vin="discountModelEventData.vin"
9904      :style-id="discountModelEventData.styleId"
9905      :vdp-account-id="discountModelEventData.vdpAccountId"
9906      :inventory-type="discountModelEventData.inventoryType"
9907      :unlock-data="unlockCtaDiscountEventDataByType"
9908      :discount-model-data="discountModelEventData"
9909      :final-adjustment-price="discountModelEventData.adjustmentPrice"
9910      @hidemodal="showUnlockDiscountModel = false"
9911      @loadpayments="loadPaymentsForUnlockDiscount"
9912    > </unlock-price-discount-modal>
9913
9914<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">
9915    <div class="custom_lead_forms">
9916        <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>
9917        <custom-lead-form :lead-type-id="Number(ctaCustomLeadFormId)" title=""
9918                          subheading="" heading="" :is-loading="true" :vin="ctaVin"></custom-lead-form>
9919    </div>
9920</b-modal>
9921<call-buttons v-if="showCTAModal" :display-close-btn="true" @hidemodal="showCTAModal = false" ></call-buttons>
9922<iframe-modal-auto v-if="showAutoCheckoutPopup" @hidemodal="showAutoCheckoutPopup = false" :url="autoCheckUrlValue"></iframe-modal-auto>
9923<cta-buttons-lead-form @onclose="openCTAButtonName=''"
9924                       :buttontype="openCTAButtonName" v-if="openCTAButtonName"></cta-buttons-lead-form>
9925
9926<inventory-listing-unlock-savings @hidemodal="opentheunlock=false"
9927                                  v-if="opentheunlock" :redirect="redirectUrl" :vin="unLockVin"></inventory-listing-unlock-savings>
9928
9929<pre-qualified-form-model :show-call-for-price-srp-used="'False' === 'True'" :show-call-for-price-srp-label-new="''"
9930                          :show-call-for-price-srp-label-used="''" :show-call-for-price-srp-new="'False' === 'True'"
9931                          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>
9932
9933<schedule-test-drive-form v-if="showMaseratiTestDrivePopup"
9934                          @hidemodal="showMaseratiTestDrivePopup = false" details='{"FirstName":" ","LastName":" ",
9935                              "EmailAddress":" ","PhoneNumber":" "}'></schedule-test-drive-form>
9936<loading-bar v-if="showLoading" />
9937
9938
9939
9940<script type="application/javascript">
9941    window.smartPathIntegrationInventory = '';
9942    window.isMaseratiGrecaleSRPPopUp = 'False'.toLowerCase() === "true";
9943    window.isMaseratiGranTurismoSRPPopUp='False'.toLowerCase() === "true";
9944    window.finalConditionalPriceLabel = '';
9945    window.genesisCPOBadgefromSRP = 'False'.toLowerCase() === "true";
9946</script>
9946
9947
9948
9949          </div>
9950          <div>
9951              <div class="mb-3 py-3 d-flex justify-content-end">
9952                
9953<div>
9954    <ul class="inventory-pagination pagination m-0">
9955
9956                <li class="page-item active">
9957                    <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"
9958                       rel="">1</a>
9959                </li>
9960                <li class="page-item ">
9961                    <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"
9962                       rel="next">2</a>
9963                </li>
9964                <li class="page-item ">
9965                    <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"
9966                       rel="">3</a>
9967                </li>
9968                <li class="page-item ">
9969                    <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"
9970                       rel="">4</a>
9971                </li>
9972                <li class="page-item ">
9973                    <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"
9974                       rel="">5</a>
9975                </li>
9976                <li class="page-item ">
9977                    <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"
9978                       rel="">6</a>
9979                </li>
9980                <li class="page-item ">
9981                    <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"
9982                       rel="">7</a>
9983                </li>
9984                <li class="page-item ">
9985                    <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"
9986                       rel="">8</a>
9987                </li>
9988                <li class="page-item ">
9989                    <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"
9990                       rel="">9</a>
9991                </li>
9992                <li class="page-item ">
9993                    <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"
9994                       rel="">10</a>
9995                </li>
9996
9997            <li class="page-item">
9998                <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>
9999            </li>
10000            <li class="page-item">
10001                <a  @Click="paginationClick(`page 28`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=28`)"  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=28" 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>
10002            </li>
10003
10004    </ul>
10005</div>
10006
10007                <button @click="scrollToTop()" class="btn bgcolor-primary text-white ml-3 back-to-top-btn">Back to Top</button>
10008              </div>
10009          </div>
10010               <div id="seo-text" class="my-4 ft-12 text-justify container"><div class="bgcolor-white shadow p-4 rounded-box">
10011  <div class="container">
10012    <div class="row pb-1">
10013      <div class="col-12 text-left ft-14">
10014        <h2 class="font-weight-bold mt-2 ft-20">Frequently Asked Questions about Buying New Hyundai Vehicles in Bronx, NY</h2>
10015          
10016          <div class="row mt-3">
10017            <div class="col-12 col-lg-6 mb-3">
10018              <div class="faq-section">
10019                <details class="mb-2 border rounded">
10020                  <summary class="font-weight-bold p-3 bg-light rounded">What is the current new Hyundai model lineup available near Bronx, NY?</summary>
10021                  <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>
10022                </details>
10023                
10024                <details class="mb-2 border rounded">
10025                  <summary class="font-weight-bold p-3 bg-light rounded">Which Hyundai models are popular for Bronx, NY commutes and weather?</summary>
10026                  <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>
10027                </details>
10028                
10029                <details class="mb-2 border rounded">
10030                  <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>
10031                  <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>
10032                </details>
10033                
10034                <details class="mb-2 border rounded">
10035                  <summary class="font-weight-bold p-3 bg-light rounded">What is the trade-in process like at City World Hyundai?</summary>
10036                  <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>
10037                </details>
10038                
10039                <details class="mb-2 border rounded">
10040                  <summary class="font-weight-bold p-3 bg-light rounded">What financing programs are available for new Hyundai purchases?</summary>
10041                  <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>
10042                </details>
10043              </div>
10044            </div>
10045            
10046            <div class="col-12 col-lg-6 mb-3">
10047              <div class="border rounded p-4 text-center h-100 d-flex flex-column justify-content-center">
10048                <h3 class="font-weight-bold ft-18 mb-3">Have Additional Questions?</h3>
10049                <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>
10050                <p class="mb-3">From understanding the latest technology to finding the right fit for your lifestyle, we are committed to your satisfaction.</p>
10051                <p class="mb-4">Let us guide you through the selection and purchase process with confidence and ease.</p>
10052                <div class="row justify-content-center">
10053                  <div class="col-8 col-md-6">
10054                    <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>
10055                  </div>
10056                </div>
10057              </div>
10058            </div>
10059          </div>
10060          
10061        <h2 class="font-weight-bold mt-4 ft-20">Why Hyundai Excels for Bronx, NY Drivers</h2>
10062           <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>
10063           <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>
10064            <ul class="font-weight-bold">
10065              <li>Reputable Brand Engineering</li>
10066              <li>Leading Automotive Innovation</li>
10067              <li>Distinctive Market Position</li>
10068            </ul>
10069           <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>
10070           <p>Visit City World Hyundai to explore the quality and innovation that define the Hyundai brand.</p>
10071        <hr>
10072        <h2 class="font-weight-bold mt-2 ft-20">The Ideal Hyundai Lineup for Bronx, NY Conditions</h2>
10073          <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>
10074          <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>
10075            <ul class="font-weight-bold">
10076              <li>Versatile Models for Diverse Needs</li>
10077              <li>Weather-Ready Options</li>
10078              <li>Commuter-Friendly Choices</li>
10079            </ul>
10080           <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>
10081           <p>Discover the Hyundai model that fits your life at City World Hyundai.</p>
10082        <hr>
10083        <h2 class="font-weight-bold mt-2 ft-20">Local Expertise and Extensive Hyundai Selection</h2>
10084          <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, 
10084CT allows us to provide unparalleled guidance.</p>
10085          <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>
10086            <ul class="font-weight-bold">
10087              <li>Specialized Brand Knowledge</li>
10088              <li>Broad Model Availability</li>
10089              <li>Varied Trim Level Options</li>
10090            </ul>
10091           <p>We are dedicated to helping you find the right Hyundai, whether you're looking for advanced safety features or cutting-edge technology.</p>
10092           <p>Come experience the City World Hyundai difference for yourself.</p>
10093        <hr>
10094        <h2 class="font-weight-bold mt-2 ft-20">Why Choose City World Hyundai in Bronx, NY</h2>
10095          <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>
10096          <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>
10097            <ul class="font-weight-bold">
10098              <li>Certified Technicians On-Site</li>
10099              <li>Genuine Hyundai Parts Supply</li>
10100              <li>Trusted Local Dealership Reputation</li>
10101            </ul>
10102           <p>We are proud to serve drivers across Bronx, NY and beyond, offering a reliable and trustworthy automotive experience.</p>
10103           <p>Let us show you why City World Hyundai is the go-to destination for your next Hyundai.</p>
10104        <hr>
10105        <h2 class="font-weight-bold mt-2 ft-20">A Seamless Hyundai Ownership Experience</h2>
10106          <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>
10107          <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>
10108           <ul class="font-weight-bold">
10109              <li>Convenient Service Department Hours</li>
10110              <li>Comprehensive Vehicle Support</li>
10111              <li>Flexible Trade-In and Financing Options</li>
10112            </ul>
10113           <p>Our goal is to make every aspect of your Hyundai ownership as smooth and enjoyable as possible.</p>
10114           <p>Visit City World Hyundai today to begin your exceptional Hyundai ownership journey.</p>
10115          
10116          <div class="row justify-content-center mt-5 mb-4">
10117              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10118                  <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>
10119              </div>
10120              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10121                  <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>
10122              </div>
10123              <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2">
10124                  <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>
10125              </div>
10126          </div>
10127        
10128      </div>
10129    </div>
10130  </div>
10131
10132  
10132<script type="application/ld+json">
10133  {
10134    "@context": "https://schema.org",
10135    "@type": "FAQPage",
10136    "mainEntity": [
10137      {
10138        "@type": "Question",
10139        "name": "What is the current new Hyundai model lineup available near Bronx, NY?",
10140        "acceptedAnswer": {
10141          "@type": "Answer",
10142          "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."
10143        }
10144      },
10145      {
10146        "@type": "Question",
10147        "name": "Which Hyundai models are popular for Bronx, NY commutes and weather?",
10148        "acceptedAnswer": {
10149          "@type": "Answer",
10150          "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."
10151        }
10152      },
10153      {
10154        "@type": "Question",
10155        "name": "Can I schedule a test drive of new Hyundai vehicles at City World Hyundai?",
10156        "acceptedAnswer": {
10157          "@type": "Answer",
10158          "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."
10159        }
10160      },
10161      {
10162        "@type": "Question",
10163        "name": "What is the trade-in process like at City World Hyundai?",
10164        "acceptedAnswer": {
10165          "@type": "Answer",
10166          "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."
10167        }
10168      },
10169      {
10170        "@type": "Question",
10171        "name": "What financing programs are available for new Hyundai purchases?",
10172        "acceptedAnswer": {
10173          "@type": "Answer",
10174          "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."
10175        }
10176      }
10177    ]
10178  }
10179  </script>
10179
10180</div></div>
10181          
10182			 <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>
10183
10184
10185        </div>
10186      </div>
10187    </div>
10188  <videopopup-modal v-if="showVideoPopupModal" @hidemodal="showVideoPopupModal=false" :videourl="''" :videoctaname="''" :videoctalink="''"></videopopup-modal>
10189
10190  <text-modal v-if="showdisclaimermodal" @hidemodal="showdisclaimermodal=false" :text="disclaimertext" :title="'Disclosure'"></text-modal>
10191</div>
10192  
10192<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/websiteprimary/newinventory.js" defer></script>
10192
10193
10194<style>
10195  .display_hide {
10196    display: none !important;
10197  }
10198
10199  .display_show {
10200    display: block;
10201  }
10202</style>
10203
10204
10205<style>
10206	.cta__mycreditdrive_imgContainer img {
10207	  width: 75px !important;
10208	}
10209	.cta__mycreditdrive__modalLaunch_buttonLaunch {
10210	  display: flex !important;
10211	  justify-content: center !important;
10212	  min-height: auto !important;
10213	  border-radius: 0px !important;
10214	}
10215	.cta__mycreditdrive_titlecontainer {
10216	  display: flex !important;
10217	  flex-direction: column !important;
10218	  width: 100% !important;
10219	}
10220	.cta__mycreditdrive_titlecontainer h4,
10221	.cta__mycreditdrive_titlecontainer h6 {
10222	  text-align: left !important;
10223	  margin: 0 !important;
10224	  padding: 0 !important;
10225	}
10226</style>
10227
10228   
10228<script type="application/javascript">
10229    var vehiclesData = [{"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":1},{"item_name":"Elantra","item_id":"KMHLM4DG7TU271890","price":24358.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":2},{"item_name":"Elantra","item_id":"KMHLM4DG0TU238956","price":24566.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":"KMHLM4DG4TU238720","price":24606.0,"discount":0.0,"msrp":26130.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":4},{"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":5},{"item_name":"Elantra","item_id":"KMHLM4DG2TU260635","price":25025.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":6},{"item_name":"Elantra","item_id":"KMHLM4DG5TU288087","price":25031.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":7},{"item_name":"Elantra","item_id":"KMHLM4DG8TU288097","price":25040.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":8},{"item_name":"Elantra","item_id":"KMHLM4DG7TU290004","price":25040.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":9},{"item_name":"Venue","item_id":"KMHRC8A3XTU496147","price":25210.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":10},{"item_name":"Venue","item_id":"KMHRC8A36TU496338","price":25210.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":11},{"item_name":"Venue","item_id":"KMHRC8A31TU495940","price":25290.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":12}];
10230
10231    console.log('%c VEHICLES DATA', 'color: #3a21f3ff; font-size: 16px; font-weight: bold;', vehiclesData);
10232    console.log('%c Total Count:', 'font-weight: bold;', vehiclesData.length);
10233
10234    // Make vehicle items available globally for GTM tracking
10235    window.vehicleEcommerceItems = vehiclesData;
10236</script>
10236
10237
10238      </div>
10239    </div>
10240
10241    <div class="website-gemini-footer w-100 Website_Gemini_header_Utility_Footer">
10242          <div id="main-footer">
10243          <main-footer></main-footer>
10244            <common-components></common-components>
10245          </div>
10246    </div>
10247
10248  </div>
10249  
10250  
10251    
10251<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
10251
10252
10253  
10254
10255
10256
10257
10258
10259
10260
10261
10262
10263
10264
10265
10266
10267
10268
10269
10270
10271
10272
10273
10274    
10274<script async type="text/javascript" src="https://button-server.lesautomotive.com/lesa_media_srp.js"></script>
10274
10275
10276
10277
10278
10279
10280
10281
10282
10283
10284
10285
10286
10287
10288
10289
10290
10291
10292
10293
10294
10295  
10296
10297<style>
10298    .social-icons a {
10299    border: 2px solid #d1d0d0;
10300    background: transparent !important;
10301    line-height: 30px !important;
10302    }
10303    .dnsmpi a {
10304        background-color: #fff;
10305        display: block;
10306        text-align: center;
10307        color: #000 !important;
10308        border-radius: 10px;
10309    }
10310</style>
10311
10312
10313
10314
10315
10316
10317
10318
10319
10320
10321
10322
10323
10324
10325    
10326
10327  
10327<script type="text/javascript">
10328(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 10328-10333
10328
10329  
10330
10331
10332
10333<script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10333G-R86HMFVNVP
vendor: 12 bytes, line 10333
10333"></script>
10334<script>
10335  
vendor: 134 bytes, lines 10335-10339
10335window.dataLayer = window.dataLayer || [];
10336  function gtag(){dataLayer.push(arguments);}
10337  gtag('js', new Date());
10338
10339  gtag('config', '
10339G-R86HMFVNVP
vendor: 26 bytes, line 10339
10339', {groups: 'ascgroup'});
10340</script>
vendor: 104 bytes, lines 10340-10341
10340
10341        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10341G-D22KY4R05F
vendor: 20 bytes, lines 10341-10342
10341"></script>
10342        
10342<script type="text/javascript" class="">
10343        
vendor: 155 bytes, lines 10343-10347
10343window.dataLayer = window.dataLayer || [];
10344        function gtag() { dataLayer.push(arguments); }
10345        gtag('js', new Date());
10346
10347        gtag('config', '
10347G-D22KY4R05F
vendor: 32 bytes, lines 10347-10348
10347', { groups: 'ascgroup' });
10348    
10348</script>
10348
10349
10350<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>
10350<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 10350
10350 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10350GTM-K6R7KVP
vendor: 83 bytes, line 10350
10350" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
10350<!-- End Google Tag Manager (noscript) --><!-- Facebook Pixel Code -->
10350<script>
vendor: 390 bytes, line 10350
10350!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', '
103503491230691188098
vendor: 28 bytes, line 10350
10350');fbq('track', 'PageView');
10350</script>
10350<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 -->
10351  
10351<script>
10352        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) };
10353  </script>
10353
10354
10355
10356
10357
10358<script>
10359     var isPageLanding = 'false' === 'true';
10360     var pageControlName = 'inventory';
10361     var isVue3Page = 'False' === 'True';
10362     var PageId = '199622';
10363</script>
10363
10364    
10364<script>
10365         var isTransparentMenu = 'false' === 'true';
10366    </script>
10366
10367
10368
10369  
10369<script>
10370        function googleTranslateElementInit() {
10371            new google.translate.TranslateElement({
10372                pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE
10373            },
10374                'google_translate_element');
10375        }
10376  </script>
10376
10377  
10377<script>
10378        function removeiFrames() {
10379            googleBingCustomEvent("form", "close", "vep_lightbox", 1, "event");
10380            window.parent.postMessage({ 'func': 'closePopup', 'message': 'Message text from iframe.' }, "*");
10381        }
10382  </script>
10382
10383
10384
10385    <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/themes/Hyundai/styles.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" />
10386    <noscript><link rel="stylesheet" href="https://prod.tvmwebsitecdn.com/dist/p1138/css/themes/Hyundai/styles.css"></noscript>
10387
10388        
10388<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/header.js" type="text/javascript" defer></script>
10388
10389            
10389<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/footer.js" defer></script>
10389
10390
10391
10392  <!--remove white space for show room page -->
10393
10394
10395
10396
10397<style>
10398
10399  #_website_gemini .header-social-icons a{
10400      font-size: 12px !important;
10401      display: inline-block;
10402      text-align: center;
10403      padding: 4px;
10404      border-radius: 50%;
10405      margin-right: 2px;
10406      width: 30px !important;
10407      height: 30px !important;
10408      line-height: 20px !important;
10409      color: #002C5E !important;
10410      background: #fff !important;
10411      border: 2px solid #EDEDED !important;
10412    }
10413
10414    .mobile-sidemenu .mobile-submenu {
10415      background-color: #fff !important;
10416      
10417    }
10418
10419    .mobile-sidemenu .mobile-submenu .submenu-list-item .submenu-item {
10420      color: #484545 !important;
10421    }
10422    
10423  </style>
10424
10425
10426    <style>
10427            ._theme_background_color {
10428                background-color:#fff !important;
10429            }
10430            #_website_gemini  ._theme_sales_links, #_website_gemini  .goog-te-gadget-simple {
10431                color:  #757575 !important;
10432                border-color: #DCDCDC !important;
10433                border-radius: 25px;
10434                border: 1px solid;
10435                padding: 8px 24px;
10436                background-color: #fff;
10437            }
10438            #_website_gemini  div.temp-language{
10439              color:  #484545;
10440            }
10441
10442            #_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 {
10443                color:  #484545 !important;
10444                border-color: 0 !important;
10445                border-radius: 0;
10446                border: 0;
10447                padding: 0;
10448            }
10449            #_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 {
10450                color:   #002C5E !important;
10451                border-color: 0 !important;
10452                border-radius: 0;
10453                border: 0;
10454                padding: 0;
10455            }
10456            #_website_gemini  ._theme_top_border_color {
10457                border-color: #c6c6c6 !important;
10458            }
10459
10460            ._theme_background_color ._primary_template_header_menu  .text-white {
10461                color: #002C5E !important;
10462            }
10463
10464            ._theme_background_color .gemini-header  .text-white {
10465                color: #002C5E !important;
10466            }
10467
10468            ._theme_background_color .gemini-header  .signin-box.button-primary {
10469                background: #002C5E !important;
10470                color: #fff !important;
10471            }
10472
10473            #_website_gemini   .gemini_header  ._primary_template_header_menu a  span {
10474              color:   #fff;
10475            }
10476            #_website_gemini   .gemini_header ._primary_template_header_menu .signin-container .language-change-link span {
10477              color:   #000;
10478            }
10479            #_website_gemini .gemini_header .header-social-icons a._theme_social_icons  span {
10480              color:  inherit !important;
10481            }
10482
10483            #_website_gemini .gemini_header  a  span.color-black {
10484              color:   #000000;
10485            }
10486
10487            .mobile-submenu .submenu-list-item .submenu-item {
10488                 color: #fff !important;
10489            }
10490            ._theme_background_color .gemini_header  ._primary_template_header_menu ._login_button {
10491                background: #002C5E !important;
10492                color: #fff !important;
10493            }
10494             #_website_gemini  .sign_out_link {
10495                color: #000 !important;
10496              }
10497              #_website_gemini #website-primary-header a.bar-icon{
10498                    color: #484545 !important;
10499              }
10500
10501        #_website_gemini .paragon-primary-header {
10502          background-color: #fff !important;
10503        }
10504
10505        #_website_gemini .w_gemini_tranparent_header .menu-indicator {
10506          color: #212529 !important;
10507        }
10508
10509        #_website_gemini .w_gemini_tranparent_header .menu-indicator .static-links a {
10510          color: #212529 !important;
10511        }
10512        #website-primary-header .horizontalmenu a.h-menu-item {
10513         color: #262626 !important;
10514        }   
10515
10516    </style>
10517
10518
10519
10520
10521
10522  <style>
10523
10524    :root {
10525        --primary-theme-color: #002C5E;
10526        --main-menu-font-color: #000;
10527        --sub-menu-font-color: #05141f;
10528    }
10529  </style>
10530
10531
10532
10533  <style>
10534        :host(cs-buy-widget) .buy-button {
10535            width: 100%;
10536        }
10537         #_website_gemini  .gemini_header ._custom_menu_color  a > span {
10538                            color:  !important;
10539                        }
10540
10541        .translated-ltr body {
10542              top: 0 !important;
10543          }
10544  </style>
10545
10546  <!-- Hiding header & footer tag if checkbox is enabled-->
10547
10548
10549  <style>
10550  @media (max-width: 900px) {
10551    .vehicle-specials-banner {
10552      background-color: #fff;
10553    }
10554  }
10555  </style>
10556
10557  
10558<!-- Google Tag Manager (noscript) -->
10559    <noscript>
10560        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPBVZ3Q" height="0"
10561                width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe>
10562    </noscript>
10563    <!-- End Google Tag Manager (noscript) -->
10564    <!-- DSO Pixel Google Tag Manager (noscript) -->
10565    <noscript>
10566      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPGZWQGR" height="0" 
10567      width="0" style="display:none;visibility:hidden" title="DSO Pixel Google Tag Manager"></iframe>
10568    </noscript>
10569    <!-- End DSO Pixel Google Tag Manager (noscript) -->
10570
10571    
10572
10573
10574
10575
10576
10577
10578
10579
10580            <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/fontawesome.css" rel="stylesheet" />
10581      <noscript>
10582                <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/fontawesome.css" rel="stylesheet" />
10583      </noscript>
10584    
10585
10586
10587
10588    
10589
10590
10591
10592
10593
10594
10595
10596<style>
10597  :root{
10598    --website-primary-theme-color: #002C5E;
10599  }
10600</style>
10601
10602
10603
10604
10605
10606        
10606<script type="application/ld&#x2B;json">
10607            {
10608  "@context": "https://schema.org",
10609  "@type": "CollectionPage",
10610  "@id": "https://www.cityworldhyundai.com/inventory/new#collectionpage",
10611  "url": "https://www.cityworldhyundai.com/inventory/new",
10612  "name": "New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer",
10613  "description": "Browse 329 total new Hyundai  vehicles for sale at City World Hyundai in Bronx, NY. View prices, photos, mileage, features, and availability for matching vehicles.",
10614  "mainEntity": {
10615    "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list"
10616  }
10617}
10618        </script>
10618
10619        
10619<script type="application/ld&#x2B;json">
10620            {
10621  "@context": "https://schema.org",
10622  "@type": "ItemList",
10623  "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list",
10624  "numberOfItems": 329,
10625  "itemListElement": [
10626    {
10627      "@type": "ListItem",
10628      "position": 1,
10629      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
10630      "item": {
10631        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle"
10632      }
10633    },
10634    {
10635      "@type": "ListItem",
10636      "position": 2,
10637      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10638      "item": {
10639        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle"
10640      }
10641    },
10642    {
10643      "@type": "ListItem",
10644      "position": 3,
10645      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
10646      "item": {
10647        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle"
10648      }
10649    },
10650    {
10651      "@type": "ListItem",
10652      "position": 4,
10653      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car",
10654      "item": {
10655        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#vehicle"
10656      }
10657    },
10658    {
10659      "@type": "ListItem",
10660      "position": 5,
10661      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
10662      "item": {
10663        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle"
10664      }
10665    },
10666    {
10667      "@type": "ListItem",
10668      "position": 6,
10669      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
10670      "item": {
10671        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle"
10672      }
10673    },
10674    {
10675      "@type": "ListItem",
10676      "position": 7,
10677      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
10678      "item": {
10679        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle"
10680      }
10681    },
10682    {
10683      "@type": "ListItem",
10684      "position": 8,
10685      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
10686      "item": {
10687        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle"
10688      }
10689    },
10690    {
10691      "@type": "ListItem",
10692      "position": 9,
10693      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
10694      "item": {
10695        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle"
10696      }
10697    },
10698    {
10699      "@type": "ListItem",
10700      "position": 10,
10701      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
10702      "item": {
10703        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle"
10704      }
10705    },
10706    {
10707      "@type": "ListItem",
10708      "position": 11,
10709      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
10710      "item": {
10711        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle"
10712      }
10713    },
10714    {
10715      "@type": "ListItem",
10716      "position": 12,
10717      "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
10718      "item": {
10719        "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle"
10720      }
10721    }
10722  ]
10723}
10724        </script>
10724
10725        
10725<script type="application/ld&#x2B;json">
10726            {
10727  "@context": "https://schema.org/",
10728  "@type": "Vehicle",
10729  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle",
10730  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
10731  "itemCondition": "https://schema.org/NewCondition",
10732  "vehicleIdentificationNumber": "KMHRC8A31TU462100",
10733  "productID": "KMHRC8A31TU462100",
10734  "vehicleModelDate": "2026",
10735  "model": "Venue",
10736  "sku": "26H1796",
10737  "brand": {
10738    "@type": "Brand",
10739    "name": "Hyundai"
10740  },
10741  "vehicleConfiguration": "SEL",
10742  "vehicleInteriorColor": "Gray",
10743  "vehicleTransmission": "CVT",
10744  "color": "Lunar White",
10745  "image": {
10746    "@type": "ImageObject",
10747    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU462100&vehicletype=SUV",
10748    "fileFormat": ""
10749  },
10750  "offers": {
10751    "@type": "Offer",
10752    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#offer",
10753    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility",
10754    "price": "23470",
10755    "priceCurrency": "USD",
10756    "priceValidUntil": "2026-09-25",
10757    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 23470.00.",
10758    "availability": "https://schema.org/InStock",
10759    "itemCondition": "https://schema.org/NewCondition",
10760    "seller": {
10761      "@id": "https://www.cityworldhyundai.com/#autodealer"
10762    }
10763  },
10764  "name": "New 2026 Hyundai Venue SEL",
10765  "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."
10766}
10767        </script>
10767
10768        
10768<script type="application/ld&#x2B;json">
10769            {
10770  "@context": "https://schema.org/",
10771  "@type": "Vehicle",
10772  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle",
10773  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10774  "itemCondition": "https://schema.org/NewCondition",
10775  "vehicleIdentificationNumber": "KMHLM4DG7TU271890",
10776  "productID": "KMHLM4DG7TU271890",
10777  "vehicleModelDate": "2026",
10778  "model": "Elantra",
10779  "sku": "26H2179",
10780  "brand": {
10781    "@type": "Brand",
10782    "name": "Hyundai"
10783  },
10784  "vehicleConfiguration": "SEL Sport",
10785  "vehicleInteriorColor": "Black",
10786  "vehicleTransmission": "CVT",
10787  "color": "Abyss Black",
10788  "image": {
10789    "@type": "ImageObject",
10790    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU271890&vehicletype=Sedan",
10791    "fileFormat": ""
10792  },
10793  "offers": {
10794    "@type": "Offer",
10795    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#offer",
10796    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car",
10797    "price": "24358",
10798    "priceCurrency": "USD",
10799    "priceValidUntil": "2026-09-25",
10800    "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24358.00.",
10801    "availability": "https://schema.org/InStock",
10802    "itemCondition": "https://schema.org/NewCondition",
10803    "seller": {
10804      "@id": "https://www.cityworldhyundai.com/#autodealer"
10805    }
10806  },
10807  "name": "New 2026 Hyundai Elantra SEL Sport",
10808  "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG7TU271890, stock 26H2179. Pricing options include cash 24358.00."
10809}
10810        </script>
10810
10811        
10811<script type="application/ld&#x2B;json">
10812            {
10813  "@context": "https://schema.org/",
10814  "@type": "Vehicle",
10815  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle",
10816  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
10817  "itemCondition": "https://schema.org/NewCondition",
10818  "vehicleIdentificationNumber": "KMHLM4DG0TU238956",
10819  "productID": "KMHLM4DG0TU238956",
10820  "vehicleModelDate": "2026",
10821  "model": "Elantra",
10822  "sku": "26H2011",
10823  "brand": {
10824    "@type": "Brand",
10825    "name": "Hyundai"
10826  },
10827  "vehicleConfiguration": "SEL Sport",
10828  "vehicleInteriorColor": "Black",
10829  "vehicleTransmission": "CVT",
10830  "color": "Serenity White",
10831  "image": {
10832    "@type": "ImageObject",
10833    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG0TU238956&vehicletype=Sedan",
10834    "fileFormat": ""
10835  },
10836  "offers": {
10837    "@type": "Offer",
10838    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#offer",
10839    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car",
10840    "price": "24566",
10841    "priceCurrency": "USD",
10842    "priceValidUntil": "2026-09-25",
10843    "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24566.00.",
10844    "availability": "https://schema.org/InStock",
10845    "itemCondition": "https://schema.org/NewCondition",
10846    "seller": {
10847      "@id": "https://www.cityworldhyundai.com/#autodealer"
10848    }
10849  },
10850  "name": "New 2026 Hyundai Elantra SEL Sport",
10851  "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG0TU238956, stock 26H2011. Pricing options include cash 24566.00."
10852}
10853        </script>
10853
10854        
10854<script type="application/ld&#x2B;json">
10855            {
10856  "@context": "https://schema.org/",
10857  "@type": "Vehicle",
10858  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#vehicle",
10859  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car",
10860  "itemCondition": "https://schema.org/NewCondition",
10861  "vehicleIdentificationNumber": "KMHLM4DG4TU238720",
10862  "productID": "KMHLM4DG4TU238720",
10863  "vehicleModelDate": "2026",
10864  "model": "Elantra",
10865  "sku": "26H2000",
10866  "brand": {
10867    "@type": "Brand",
10868    "name": "Hyundai"
10869  },
10870  "vehicleConfiguration": "SEL Sport",
10871  "vehicleInteriorColor": "Gray",
10872  "vehicleTransmission": "CVT",
10873  "color": "Serenity White",
10874  "image": {
10875    "@type": "ImageObject",
10876    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG4TU238720&vehicletype=Sedan",
10877    "fileFormat": ""
10878  },
10879  "offers": {
10880    "@type": "Offer",
10881    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#offer",
10882    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car",
10883    "price": "24606",
10884    "priceCurrency": "USD",
10885    "priceValidUntil": "2026-09-25",
10886    "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24606.00.",
10887    "availability": "https://schema.org/InStock",
10888    "itemCondition": "https://schema.org/NewCondition",
10889    "seller": {
10890      "@id": "https://www.cityworldhyundai.com/#autodealer"
10891    }
10892  },
10893  "name": "New 2026 Hyundai Elantra SEL Sport",
10894  "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG4TU238720, stock 26H2000. Pricing options include cash 24606.00."
10895}
10896        </script>
10896
10897        
10897<script type="application/ld&#x2B;json">
10898            {
10899  "@context": "https://schema.org/",
10900  "@type": "Vehicle",
10901  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle",
10902  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
10903  "itemCondition": "https://schema.org/NewCondition",
10904  "vehicleIdentificationNumber": "KMHRC8A39TU495846",
10905  "productID": "KMHRC8A39TU495846",
10906  "vehicleModelDate": "2026",
10907  "model": "Venue",
10908  "sku": "26H2262",
10909  "brand": {
10910    "@type": "Brand",
10911    "name": "Hyundai"
10912  },
10913  "vehicleConfiguration": "SEL",
10914  "vehicleInteriorColor": "Gray",
10915  "vehicleTransmission": "CVT",
10916  "color": "Lunar White",
10917  "image": {
10918    "@type": "ImageObject",
10919    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A39TU495846&vehicletype=SUV",
10920    "fileFormat": ""
10921  },
10922  "offers": {
10923    "@type": "Offer",
10924    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#offer",
10925    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility",
10926    "price": "24790",
10927    "priceCurrency": "USD",
10928    "priceValidUntil": "2026-09-25",
10929    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24790.00.",
10930    "availability": "https://schema.org/InStock",
10931    "itemCondition": "https://schema.org/NewCondition",
10932    "seller": {
10933      "@id": "https://www.cityworldhyundai.com/#autodealer"
10934    }
10935  },
10936  "name": "New 2026 Hyundai Venue SEL",
10937  "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."
10938}
10939        </script>
10939
10940        
10940<script type="application/ld&#x2B;json">
10941            {
10942  "@context": "https://schema.org/",
10943  "@type": "Vehicle",
10944  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle",
10945  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
10946  "itemCondition": "https://schema.org/NewCondition",
10947  "vehicleIdentificationNumber": "KMHLM4DG2TU260635",
10948  "productID": "KMHLM4DG2TU260635",
10949  "vehicleModelDate": "2026",
10950  "model": "Elantra",
10951  "sku": "26H2122",
10952  "brand": {
10953    "@type": "Brand",
10954    "name": "Hyundai"
10955  },
10956  "vehicleConfiguration": "SEL Sport Plus",
10957  "vehicleInteriorColor": "Black",
10958  "vehicleTransmission": "CVT",
10959  "color": "Serenity White",
10960  "image": {
10961    "@type": "ImageObject",
10962    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG2TU260635&vehicletype=Sedan",
10963    "fileFormat": ""
10964  },
10965  "offers": {
10966    "@type": "Offer",
10967    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#offer",
10968    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car",
10969    "price": "25025",
10970    "priceCurrency": "USD",
10971    "priceValidUntil": "2026-09-25",
10972    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25025.00.",
10973    "availability": "https://schema.org/InStock",
10974    "itemCondition": "https://schema.org/NewCondition",
10975    "seller": {
10976      "@id": "https://www.cityworldhyundai.com/#autodealer"
10977    }
10978  },
10979  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
10980  "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 25025.00."
10981}
10982        </script>
10982
10983        
10983<script type="application/ld&#x2B;json">
10984            {
10985  "@context": "https://schema.org/",
10986  "@type": "Vehicle",
10987  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle",
10988  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
10989  "itemCondition": "https://schema.org/NewCondition",
10990  "vehicleIdentificationNumber": "KMHLM4DG5TU288087",
10991  "productID": "KMHLM4DG5TU288087",
10992  "vehicleModelDate": "2026",
10993  "model": "Elantra",
10994  "sku": "26H2263",
10995  "brand": {
10996    "@type": "Brand",
10997    "name": "Hyundai"
10998  },
10999  "vehicleConfiguration": "SEL Sport Plus",
11000  "vehicleInteriorColor": "Black",
11001  "vehicleTransmission": "CVT",
11002  "color": "Amazon Gray",
11003  "image": {
11004    "@type": "ImageObject",
11005    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG5TU288087&vehicletype=Sedan",
11006    "fileFormat": ""
11007  },
11008  "offers": {
11009    "@type": "Offer",
11010    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#offer",
11011    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car",
11012    "price": "25031",
11013    "priceCurrency": "USD",
11014    "priceValidUntil": "2026-09-25",
11015    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25031.00.",
11016    "availability": "https://schema.org/InStock",
11017    "itemCondition": "https://schema.org/NewCondition",
11018    "seller": {
11019      "@id": "https://www.cityworldhyundai.com/#autodealer"
11020    }
11021  },
11022  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11023  "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 25031.00."
11024}
11025        </script>
11025
11026        
11026<script type="application/ld&#x2B;json">
11027            {
11028  "@context": "https://schema.org/",
11029  "@type": "Vehicle",
11030  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle",
11031  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
11032  "itemCondition": "https://schema.org/NewCondition",
11033  "vehicleIdentificationNumber": "KMHLM4DG8TU288097",
11034  "productID": "KMHLM4DG8TU288097",
11035  "vehicleModelDate": "2026",
11036  "model": "Elantra",
11037  "sku": "26H2267",
11038  "brand": {
11039    "@type": "Brand",
11040    "name": "Hyundai"
11041  },
11042  "vehicleConfiguration": "SEL Sport Plus",
11043  "vehicleInteriorColor": "Black",
11044  "vehicleTransmission": "CVT",
11045  "color": "Abyss Black",
11046  "image": {
11047    "@type": "ImageObject",
11048    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG8TU288097&vehicletype=Sedan",
11049    "fileFormat": ""
11050  },
11051  "offers": {
11052    "@type": "Offer",
11053    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#offer",
11054    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car",
11055    "price": "25040",
11056    "priceCurrency": "USD",
11057    "priceValidUntil": "2026-09-25",
11058    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25040.00.",
11059    "availability": "https://schema.org/InStock",
11060    "itemCondition": "https://schema.org/NewCondition",
11061    "seller": {
11062      "@id": "https://www.cityworldhyundai.com/#autodealer"
11063    }
11064  },
11065  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11066  "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 25040.00."
11067}
11068        </script>
11068
11069        
11069<script type="application/ld&#x2B;json">
11070            {
11071  "@context": "https://schema.org/",
11072  "@type": "Vehicle",
11073  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle",
11074  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
11075  "itemCondition": "https://schema.org/NewCondition",
11076  "vehicleIdentificationNumber": "KMHLM4DG7TU290004",
11077  "productID": "KMHLM4DG7TU290004",
11078  "vehicleModelDate": "2026",
11079  "model": "Elantra",
11080  "sku": "26H2268",
11081  "brand": {
11082    "@type": "Brand",
11083    "name": "Hyundai"
11084  },
11085  "vehicleConfiguration": "SEL Sport Plus",
11086  "vehicleInteriorColor": "Black",
11087  "vehicleTransmission": "CVT",
11088  "color": "Amazon Gray",
11089  "image": {
11090    "@type": "ImageObject",
11091    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU290004&vehicletype=Sedan",
11092    "fileFormat": ""
11093  },
11094  "offers": {
11095    "@type": "Offer",
11096    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#offer",
11097    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car",
11098    "price": "25040",
11099    "priceCurrency": "USD",
11100    "priceValidUntil": "2026-09-25",
11101    "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25040.00.",
11102    "availability": "https://schema.org/InStock",
11103    "itemCondition": "https://schema.org/NewCondition",
11104    "seller": {
11105      "@id": "https://www.cityworldhyundai.com/#autodealer"
11106    }
11107  },
11108  "name": "New 2026 Hyundai Elantra SEL Sport Plus",
11109  "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 25040.00."
11110}
11111        </script>
11111
11112        
11112<script type="application/ld&#x2B;json">
11113            {
11114  "@context": "https://schema.org/",
11115  "@type": "Vehicle",
11116  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle",
11117  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
11118  "itemCondition": "https://schema.org/NewCondition",
11119  "vehicleIdentificationNumber": "KMHRC8A3XTU496147",
11120  "productID": "KMHRC8A3XTU496147",
11121  "vehicleModelDate": "2026",
11122  "model": "Venue",
11123  "sku": "26H2283",
11124  "brand": {
11125    "@type": "Brand",
11126    "name": "Hyundai"
11127  },
11128  "vehicleConfiguration": "SEL",
11129  "vehicleInteriorColor": "Gray",
11130  "vehicleTransmission": "CVT",
11131  "color": "Ecotronic Gray",
11132  "image": {
11133    "@type": "ImageObject",
11134    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A3XTU496147&vehicletype=SUV",
11135    "fileFormat": ""
11136  },
11137  "offers": {
11138    "@type": "Offer",
11139    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#offer",
11140    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility",
11141    "price": "25210",
11142    "priceCurrency": "USD",
11143    "priceValidUntil": "2026-09-25",
11144    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25210.00.",
11145    "availability": "https://schema.org/InStock",
11146    "itemCondition": "https://schema.org/NewCondition",
11147    "seller": {
11148      "@id": "https://www.cityworldhyundai.com/#autodealer"
11149    }
11150  },
11151  "name": "New 2026 Hyundai Venue SEL",
11152  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A3XTU496147, stock 26H2283. Pricing options include cash 25210.00."
11153}
11154        </script>
11154
11155        
11155<script type="application/ld&#x2B;json">
11156            {
11157  "@context": "https://schema.org/",
11158  "@type": "Vehicle",
11159  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle",
11160  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
11161  "itemCondition": "https://schema.org/NewCondition",
11162  "vehicleIdentificationNumber": "KMHRC8A36TU496338",
11163  "productID": "KMHRC8A36TU496338",
11164  "vehicleModelDate": "2026",
11165  "model": "Venue",
11166  "sku": "26H2297",
11167  "brand": {
11168    "@type": "Brand",
11169    "name": "Hyundai"
11170  },
11171  "vehicleConfiguration": "SEL",
11172  "vehicleInteriorColor": "Gray",
11173  "vehicleTransmission": "CVT",
11174  "color": "Shimmering Silver",
11175  "image": {
11176    "@type": "ImageObject",
11177    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A36TU496338&vehicletype=SUV",
11178    "fileFormat": ""
11179  },
11180  "offers": {
11181    "@type": "Offer",
11182    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#offer",
11183    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility",
11184    "price": "25210",
11185    "priceCurrency": "USD",
11186    "priceValidUntil": "2026-09-25",
11187    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25210.00.",
11188    "availability": "https://schema.org/InStock",
11189    "itemCondition": "https://schema.org/NewCondition",
11190    "seller": {
11191      "@id": "https://www.cityworldhyundai.com/#autodealer"
11192    }
11193  },
11194  "name": "New 2026 Hyundai Venue SEL",
11195  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A36TU496338, stock 26H2297. Pricing options include cash 25210.00."
11196}
11197        </script>
11197
11198        
11198<script type="application/ld&#x2B;json">
11199            {
11200  "@context": "https://schema.org/",
11201  "@type": "Vehicle",
11202  "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle",
11203  "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
11204  "itemCondition": "https://schema.org/NewCondition",
11205  "vehicleIdentificationNumber": "KMHRC8A31TU495940",
11206  "productID": "KMHRC8A31TU495940",
11207  "vehicleModelDate": "2026",
11208  "model": "Venue",
11209  "sku": "26H2311",
11210  "brand": {
11211    "@type": "Brand",
11212    "name": "Hyundai"
11213  },
11214  "vehicleConfiguration": "SEL",
11215  "vehicleInteriorColor": "Black",
11216  "vehicleTransmission": "CVT",
11217  "color": "Shimmering Silver",
11218  "image": {
11219    "@type": "ImageObject",
11220    "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU495940&vehicletype=SUV",
11221    "fileFormat": ""
11222  },
11223  "offers": {
11224    "@type": "Offer",
11225    "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#offer",
11226    "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility",
11227    "price": "25290",
11228    "priceCurrency": "USD",
11229    "priceValidUntil": "2026-09-25",
11230    "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25290.00.",
11231    "availability": "https://schema.org/InStock",
11232    "itemCondition": "https://schema.org/NewCondition",
11233    "seller": {
11234      "@id": "https://www.cityworldhyundai.com/#autodealer"
11235    }
11236  },
11237  "name": "New 2026 Hyundai Venue SEL",
11238  "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A31TU495940, stock 26H2311. Pricing options include cash 25290.00."
11239}
11240        </script>
11240
11241
11242<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>
11242</body>
11243</html>

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.