.top-section{background:url("../themes/demo/assets/images/dealer-locator/dealer-locator-banner.webp") center bottom no-repeat;background-size:cover;text-align:center;padding-top:clamp(120px,10%,10%)}
.top-section h1{font-size:clamp(48px,2.667vw,2.667vw);font-family:"Source Sans 3",sans-serif;font-weight:700;position:absolute;top:0;left:0;right:0;width:fit-content;margin:auto;height:fit-content;letter-spacing:0;padding-top:180px;text-align:center}
@media (max-width:1240px){.top-section h1{padding-top:140px}}
@media (max-width:767px){.top-section h1{font-size:clamp(40px,2.667vw,2.667vw)}}
.location-section{position:relative;height:100lvh;background:black}
.location-section iframe{width:100%;height:100%}
@media (max-width:969px){.location-section{display:flex;flex-direction:column;height:150lvh}}
.dealer-cta-section{background:url("../themes/demo/assets/images/dealer-locator/dealership-cross-sell-banner-1.jpg") center center no-repeat;background-size:cover;display:flex;justify-content:flex-end;padding:clamp(80px,9.375vw,9.375vw) clamp(30px,8.33vw,8.33vw)}
@media (max-width:969px){.dealer-cta-section{justify-content:center}}
.dealer-cta-section .cross-sell-container{display:flex;flex-direction:column}
.dealer-cta-section .cross-sell-container h2{max-width:60%;margin:auto;text-align:center;margin-bottom:2rem}
@media (max-width:969px){.dealer-cta-section .cross-sell-container h2{max-width:80%}}
.dealer-cta-section .cross-sell-container .cta-btn-holder{display:flex;justify-content:center;gap:1rem}
@media (max-width:767px){.dealer-cta-section .cross-sell-container .cta-btn-holder{flex-direction:column}}
.dealer-selector{position:absolute;top:0;left:3%;bottom:0;z-index:10;background:#121212;max-width:690px;width:100%;height:90%;margin:auto;padding:2.2rem 3rem;overflow-y:hidden;border-radius:10px}
@media (max-width:1140px){.dealer-selector{max-width:590px}}
@media (max-width:969px){.dealer-selector{position:relative;max-width:unset;left:0;border-radius:0;height:100%}}
@media (max-width:767px){.dealer-selector{padding:2.2rem 2rem}}
.dealer-selector .tab-holder{display:flex;justify-content:space-evenly;margin-bottom:2rem;position:relative}
.dealer-selector .tab-holder:before{content:"";position:absolute;justify-content:space-between;left:-3rem;bottom:0;right:0;margin:auto;height:1px;width:calc(100% + 6rem);background:white}
@media (max-width:767px){.dealer-selector .tab-holder{gap:1.5rem}.dealer-selector .tab-holder:before{left:-2rem;width:calc(100% + 4rem)}}
.dealer-selector .tab-holder span{font-family:"Source Han Sans CN Normal";font-size:20px;color:white;font-weight:400;line-height:1.6;cursor:pointer;width:fit-content;opacity:0.4}
.dealer-selector .tab-holder span.active{opacity:1;border-bottom:3px solid}
@media (max-width:767px){.dealer-selector .tab-holder span{font-size:3.2vw}}
.dealer-selector .locations{height:80%;overflow-y:scroll;overflow-x:hidden}
@media (max-width:969px){.dealer-selector .locations{height:80%}}
.location-holder{display:flex;flex-direction:column;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(186,209,220,0.5)}
.location-holder.hide{display:none}
.location-holder .title{cursor:pointer}
.location-holder .inner{margin-bottom:1.4rem;display:flex;flex-direction:column}
.location-holder .inner p span{font-size:clamp(12px,0.677vw,0.677vw)}
.location-holder .inner h6{line-height:1}
.location-holder .inner a,.location-holder .inner span{font-size:16px;color:#fff;font-family:"Source Han Sans CN ExtraLight";line-height:1.2;text-decoration:none}
.location-holder .inner a{margin-bottom:0.35rem}
.location-holder .inner .contact-number span{font-size:clamp(12px,0.677vw,0.677vw)}
.location-holder .inner p{margin-bottom:0}
.location-holder .cta{display:flex;gap:1rem}
@media (max-width:565px){.location-holder .cta{flex-direction:column;gap:0.5rem}}
.location-holder .cta a{position:relative;width:calc(100% / 2)}
@media (max-width:565px){.location-holder .cta a{width:100%}}
.location-holder .cta a:nth-child(1) span::before{content:"";position:absolute;width:auto;height:1.2rem;top:0;bottom:0;left:0;background:url(../themes/demo/assets/images/icons/stering-wheel.svg) center center no-repeat;background-size:contain;aspect-ratio:1;transform:translateX(calc(-100% - 0.5rem));margin:auto;transition:0.3s}
.location-holder .cta a:nth-child(2) span::before{content:"";position:absolute;width:auto;height:1.2rem;top:0;bottom:0;left:0;background:url(../themes/demo/assets/images/icons/phone-icon.svg) center center no-repeat;background-size:contain;aspect-ratio:1;transform:translateX(calc(-100% - 0.5rem));margin:auto;transition:0.3s}
.location-holder .cta a:hover span::before{filter:brightness(0.2)}
.location-holder .social-container{display:flex;align-items:center;margin-bottom:1.5rem}
.location-holder .social-container a{display:flex;color:#fff;align-items:center;gap:0.75rem;font-weight:900;font-size:clamp(14px,0.729vw,0.729vw);letter-spacing:1px;padding-right:0.75rem;margin-right:0.75rem}
.location-holder .social-container a:not(:last-child){border-right:1px solid #fff}
.location-holder .social-container img{width:20px;height:22px;object-fit:contain}
.tab-content{position:relative;height:100%}
.tab-content:not(.active){display:none}
.state-dropdown{position:relative;font-size:20px;font-family:"Source Han Sans CN Normal";margin-bottom:2rem;color:white;font-weight:400;line-height:1.3;max-width:80%}
@media (max-width:767px){.state-dropdown{max-width:100%}}
.state-dropdown .dropdown-placeholder{padding:0.8rem 2rem;border-radius:12px;background:url(../themes/demo/assets/images/icons/bottom-arrow-white.svg) 92% 50% no-repeat #121212;width:100%;border:1px solid white;box-shadow:0px 0px 20px 0px rgba(255,255,255,0.2);cursor:pointer;background-size:1rem}
.state-dropdown .dropdown-holder{position:absolute;top:calc(100% + 0.4rem);display:flex;flex-direction:column;width:100%;left:0;background:#121212;z-index:10;padding:1rem 2rem;border:1px solid white;box-shadow:0px 0px 20px 0px rgba(255,255,255,0.2);border-radius:14px;gap:1rem;font-size:18px;max-height:400px;overflow-y:auto}
.state-dropdown .dropdown-holder:not(.active){display:none}
.state-dropdown .dropdown-holder span{cursor:pointer}
@media (max-width:767px){.state-dropdown .dropdown-holder{max-height:300px}}
.no-location{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:fit-content;width:fit-content;pointer-events:none}
.no-location:not(.show){display:none}
.bp-address{display:flex;flex-direction:column}
.bp-address h4{margin:0}
.bp-address img{width:40px;height:40px}
.bp-address2{display:flex;flex-direction:row;align-items:center;gap:10px}
.bp-address2 h4{margin:0}
.bp-address2 img{width:40px;height:40px}