.static-template-008{}
.static-template-008 .brand-slider-container:before{content:"";width:100%;height:30%;background-image:linear-gradient(to top,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4));position:absolute;left:0;top:0;z-index:1;pointer-events:none}
.static-template-008 .brand-slider-container:after{content:"";width:100%;height:15%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4));position:absolute;left:0;bottom:0;z-index:1;pointer-events:none}
.static-template-008 .brand-slider-container{position:relative;margin:auto;overflow:hidden}
.static-template-008 .brand-slide-container{overflow:hidden}
.static-template-008 .brand-slider-title{font-family:HyundaiHeadMedium,sans-serif;font-size:36px;text-align:center;font-weight:400;margin-top:70px;position:absolute;top:10px;left:50%;z-index:1;color:white;width:100%;transform:translateX(-50%)}
.static-template-008 .brand-slide{display:flex}
.static-template-008 .brand-slide-image{width:100%;object-fit:cover;object-position:center;flex-shrink:0}
.static-template-008 .brand-hotspot{opacity:0;position:absolute;height:30px;width:30px;background-color:#00aad2;border-radius:50%;cursor:pointer;transition:opacity 0.4s ease-in}
.static-template-008 .brand-hotspot.show{opacity:1}
.static-template-008 .brand-hotspot-content{position:absolute;width:260px;padding:30px;background-color:white;z-index:1}
.static-template-008 .brand-hotspot-content-section{display:flex;justify-content:space-between}
.static-template-008 .brand-hotspot-content-title{font-family:HyundaiHeadMedium,sans-serif;font-weight:400;font-size:22px;line-height:100%}
.static-template-008 .brand-hotspot-content-close{cursor:pointer;fill:#002C5F}
.static-template-008 .brand-hotspot-content-description{font-weight:400;font-size:12px;line-height:18px;margin:20px 0}
.static-template-008 .brand-hotspot-content-cta{display:flex;justify-content:flex-start;gap:10px;align-items:center;cursor:pointer;font-family:HyundaiTextMedium,sans-serif;color:#002c5f}
.static-template-008 .brand-hotspot-content-cta-svg{width:28px;transition:all 0.5s ease-out;fill:#002C5F}
.static-template-008 .brand-hotspot-content-cta:hover .brand-hotspot-content-cta-svg{width:32px}
.static-template-008 .prev{position:absolute;top:45%;left:0px;z-index:2;cursor:pointer;fill:#fff}
.static-template-008 .next{position:absolute;top:45%;right:0px;z-index:2;cursor:pointer;fill:#fff}
.static-template-008 .brand-slider-pagination{background-color:#767676;height:2px;margin-left:0.375rem;margin-right:0.375rem;width:40px;border:none;padding:0;transition:all 0.2s ease-out;cursor:pointer}
.static-template-008 .brand-slider-pagination.active,.static-template-008 .brand-slider-pagination:hover{height:4px;background-color:#fff}
.static-template-008 .brand-slider-pagination-container{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:2}
@keyframes pulsate{0%{transform:scale(1);opacity:1}45%{transform:scale(1.85);opacity:0}}
@keyframes stop-pulsate{from{opacity:1}to{transform:scale(3);opacity:0}}
.static-template-008 .brand-hotspot-ring{position:absolute;top:0px;left:0px;box-sizing:border-box;width:30px;height:30px;transform-origin:50% 50%;border-radius:50%;border:2px solid #00aad2;opacity:0;animation:pulsate 2s ease-out infinite}
@media screen and (max-width:1023px){.static-template-008 .brand-hotspot,.static-template-008 .brand-hotspot-ring{width:25px;height:25px}}
@media screen and (max-width:962px){.static-template-008 .brand-slider-container{overflow:visible;margin-bottom:70px}.static-template-008 .brand-slider-title{margin-top:50px}.static-template-008 .brand-hotspot,.static-template-008 .brand-hotspot-ring{width:20px;height:20px}.static-template-008 .brand-hotspot-content{top:0 !important;left:0 !important;width:100% !important;box-sizing:border-box;position:relative;margin-top:60px}.static-template-008 .prev,.static-template-008 .next{width:60px;height:60px;fill:#002c5f;top:calc(100vw * 0.6)}.static-template-008 .prev{left:0}.static-template-008 .next{right:0}.static-template-008 .brand-hotspots{height:calc(100vw * 0.6);position:absolute;top:0;width:100%}.static-template-008 .brand-hotspot-content-close{display:none}.static-template-008 .brand-hotspot-content-description{font-size:16px}.static-template-008 .brand-slider-pagination-container{bottom:auto;top:calc(100vw * 0.6 + 15px)}.static-template-008 .brand-slider-pagination{background-color:#e5e5e5}.static-template-008 .brand-slider-pagination.active,.static-template-008 .brand-slider-pagination:hover{background-color:#002c5f}.static-template-008 .brand-slider-container:after{display:none}.static-template-008 .brand-slider-container:before{height:calc(100vw *0.15)}}
@media screen and (max-width:768px){.static-template-008 .brand-slider-title{margin-top:20px;font-size:22px}}
@media screen and (max-width:540px){.static-template-008 .brand-hotspot,.static-template-008 .brand-hotspot-ring{width:15px;height:15px}}