.section__banner-with-hotspot .image-banner__text{padding:15px 90px;max-width:92.67935578330894vw}.section__banner-with-hotspot .image-banner__text .text-overlay{width:100%;max-width:470px;margin-left:290px}.section__banner-with-hotspot .image-banner__text .text-overlay__heading{margin:0 0 30px;font-weight:800}.section__banner-with-hotspot .image-banner__text .text-overlay__heading.h1{font-size:60px;line-height:1.1}.section__banner-with-hotspot .image-banner__text .text-overlay__block.rte{line-height:1.5;color:#c7c8c6;letter-spacing:normal}body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text{max-width:1266px}body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:0}.section__banner-with-hotspot .hot-spot{top:var(--hot-spot-vertical-position);left:var(--hot-spot-horizontal-position);position:absolute;line-height:1}.section__banner-with-hotspot .focal_point_item .hot-spot__dot{border:0;padding:0;line-height:1;cursor:pointer;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:red;box-shadow:0 3px 3px #00000029;position:relative}.section__banner-with-hotspot .focal_point_item:not(.hotspot--selected) .hot-spot__dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;animation:pulse 2.5s cubic-bezier(.1,.5,.3,1) infinite;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 #ff0000b3}to{box-shadow:0 0 0 12px #f000}}.section__banner-with-hotspot .focal_point_item.hotspot--selected .hot-spot__dot.border__postion-top:before{content:"";position:absolute;bottom:100%;left:0;width:13rem;height:50px}.section__banner-with-hotspot .focal_point_item .hot-spot__dot .btn_dot{width:6px;height:6px;background:#fff;border-radius:999px;transition:.1s}.section__banner-with-hotspot .focal_point_item.hotspot--selected .hot-spot__dot .btn_dot{width:14px;height:14px}.section__banner-with-hotspot .hotspot-popover .hotspot-popover__info{border-top:1px solid #6B757E;padding:18px}.section__banner-with-hotspot .hotspot-popover .hotspot-popover__info .box_title{font-size:16px;letter-spacing:normal;color:#000046;font-weight:700;text-transform:initial;margin:0 0 5px}.section__banner-with-hotspot .hotspot-popover .hotspot-popover__info .hotspot-popover__text{line-height:.7;display:block}.section__banner-with-hotspot .hotspot-popover .hotspot-popover__info .box_link{font-size:10px;letter-spacing:1px;font-weight:600;color:#6f7371;text-decoration:none;text-transform:uppercase}.section__banner-with-hotspot .hotspot-popover .hotspot-popover__info .box_link:hover{text-decoration:underline}@media screen and (min-width:1366.98px){body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text{max-width:1266px}body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:0}body.addvehiclehome .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:260px}}@media screen and (min-width:990px){.section__banner-with-hotspot .hotspot-popover{visibility:hidden;opacity:0;width:13rem;background:#fff;--media-radius: 8px;border-radius:var(--media-radius);padding:0;position:absolute;z-index:11;box-shadow:0 3px 6px #00000029}.section__banner-with-hotspot .focal_point_item.hotspot--selected .hotspot-popover{visibility:visible;opacity:1}.section__banner-with-hotspot .hotspot-popover .prose:after{content:"";display:inline-block;background:#fff;width:18px;height:18px;transform:rotate(45deg) translate(-50%);position:absolute;bottom:-10px;left:50%;z-index:-1}.section__banner-with-hotspot .hotspot-popover .popover__media_wrapper{padding:12px 13px 17px}.section__banner-with-hotspot .hotspot-popover .popover__media_wrapper .image-popover__media{border-radius:var(--media-radius)}.section__banner-with-hotspot .hotspot-popover.popup__postion-top{top:-15px;transform:translate(-5.5rem,-100%);left:10%}.section__banner-with-hotspot .hotspot-popover.popup__postion-right{transform:translate(40%,-50%);right:5px}.section__banner-with-hotspot .hotspot-popover.popup__postion-right .prose:after{bottom:auto;left:2px;top:37%}.section__banner-with-hotspot .hotspot-popover.popup__postion-bottom{transform:translate(-50%);left:10%;top:45px}.section__banner-with-hotspot .hotspot-popover.popup__postion-bottom .prose:after{bottom:auto;left:50%;top:3px}.section__banner-with-hotspot .hotspot-popover.popup__postion-left{transform:translate(-100%,-50%);left:-15px}.section__banner-with-hotspot .hotspot-popover.popup__postion-left .prose:after{bottom:auto;left:95%;top:38%}}@media screen and (min-width:1024px){body.addvehiclehome .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:240px}}@media screen and (min-width:1024px)and (max-width:1360px){.section__banner-with-hotspot .image-banner__text{padding:1.098096vw 6.588579vw;max-width:1090px}.section__banner-with-hotspot .image-banner__text .text-overlay{max-width:34.40702781844802vw}.section__banner-with-hotspot .image-banner__text .text-overlay__heading{margin:0 0 2.1961932650073206vw}.section__banner-with-hotspot .image-banner__text .text-overlay__heading.h1{font-size:4.392386530014641vw}body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text{max-width:100%}body:not(.addvehiclehome) .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:0}}@media screen and (max-width:1360px){body.addvehiclehome .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:auto;margin-right:auto}}@media screen and (max-width:1023.98px){.custom-banner-with-hotspot{background:#f4f3f0}.section__banner-with-hotspot .focal_point_item{display:none}.section__banner-with-hotspot .image-banner__text .text-overlay{margin:calc(0 * var(--space-unit)) 0;margin-left:calc(12 * var(--space-unit)) 0}body.addvehiclehome .section__banner-with-hotspot .image-banner__text .text-overlay{margin-left:0}.section__banner-with-hotspot .image-banner__text .text-overlay__block.rte{display:none}.section__banner-with-hotspot .image-banner__text{padding:24px}.section__banner-with-hotspot .image-banner__text .text-overlay__heading.h1{font-size:36px}}@media(max-width:599.98px){.section__banner-with-hotspot .image-banner__text{padding:20px 15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/banner-with-hotspot.css.map */