@-webkit-keyframes ripple{0%,to{box-shadow:0 0 0 0 rgba(6,59,122,.3),0 0 0 .4em rgba(6,59,122,.3)}50%{box-shadow:0 0 0 .6em rgba(6,59,122,.3),0 0 0 1em rgba(6,59,122,.3)}}@keyframes ripple{0%,to{box-shadow:0 0 0 0 rgba(6,59,122,.3),0 0 0 .4em rgba(6,59,122,.3)}50%{box-shadow:0 0 0 .6em rgba(6,59,122,.3),0 0 0 1em rgba(6,59,122,.3)}}.touch-point{width:30px;height:30px;background-color:#fff;position:absolute;border-radius:50%;cursor:pointer;animation:ripple 2s cubic-bezier(.2,.3,.9,1) infinite;-webkit-animation:ripple 2s cubic-bezier(.2,.3,.9,1) infinite;display:flex;justify-content:center;align-items:center}.touch-point .touch-point-body{position:relative}.touch-point .touch-point-body .touch-point-content{display:none;padding:1rem;background-color:#fff;position:absolute;top:50px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);min-width:300px;border-radius:1rem}.touch-point .touch-point-body .touch-point-content.shown{display:block}.touch-point svg{stroke-width:3px}.touch-point.brand{left:48%;top:60%}.touch-point.brand .touch-point-content{top:30px;left:-160px}.touch-point.recharge{left:25%;top:54%}.touch-point.recharge .touch-point-content{top:60px;left:-80px}.touch-point.fuel{left:75%;top:56%}.touch-point.fuel .touch-point-content{top:60px;left:-230px}@media (min-width:576px){.touch-point.recharge{left:25%;top:54%}.touch-point.recharge .touch-point-content{top:-135px;left:-80px}.touch-point.fuel{left:75%;top:56%}.touch-point.fuel .touch-point-content{left:-230px;top:-170px}}@media (min-width:992px){.touch-point.brand{left:40%;top:40%}.touch-point.brand .touch-point-content{top:35px;left:-30px}.touch-point.recharge{left:22%;top:34%}.touch-point.recharge .touch-point-content{top:55px;left:-155px}.touch-point.fuel{left:65%;top:36%}.touch-point.fuel .touch-point-content{left:-10px;top:50px}}.header{height:80vh}.header>img{object-fit:cover;height:100%}@media screen and (max-width:1024px){.header{height:35vh}}