.find-aevier-text{
    max-width: inherit;
}

.find-aevier-text h2{
    max-width: 500px;
}

.find-aevier-section{
    background: url(../images/map_dotted.png) no-repeat right center;
    background-size: 80% auto;
}

.mapCont{
    padding: 2rem;
    max-width: 742px;
}

.mapIcon-new{
    
    position: absolute;
    bottom: 18%;
    left: 30%;
    z-index: 2;
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.mapIcon-new svg{
    width: 40px;
    height: auto;
    transition: all 0.2s ease-in-out;
}

.mapIcon-new:hover svg{
    transform: scale(1.09);
}

.mapIcon-new span{
    text-transform: uppercase;
    font-size: 24px;
    color: var(--text-primary);
    font-family: var(--road-radio-bold);
}

.wave{
    width: 50px;
    height: 50px;
    border: 5px solid var(--text-primary);
    border-radius: 50%;
    position: absolute;
    transform-origin: center center;
    transform: translate(-50%, -50%);
    bottom: -30px;
    left: 8.3%;
    /* animation: waveAnimation 3s 0s infinite forwards; */
}

.wave_1{
    animation: waveAnimation 4s 0s infinite forwards;
}

.wave_2{
    animation: waveAnimation 4s 1s infinite forwards;
}

.wave_3{
    animation: waveAnimation 4s 2s infinite forwards;
}



@keyframes waveAnimation {
  0%{ 
    opacity: 1; 
    /* width: 0px;
    height: 0px;  */
    transform:translate(-50%, -50%) scale(0);
  }
  100% { 
    opacity: 0; 
    transform:translate(-50%, -50%) scale(1);
  }
}



/**********************  store locator ***************************/


.store-box{
    margin-bottom: 30px;
}


@media(min-width:1200px){
    .store-box{
    margin-bottom: 4.5vw;
}

    .find-aevier-icon{
    top: 3.5vw;
}


    .find-aevier-text h2 {
    max-width: 28vw;
}
    .mapIcon-new svg{
    width: 2.5vw;}
    .mapIcon-new span{
        font-size: 2vw;
    }
    .mapCont{
        max-width: inherit;
        width: 40vw;
    }

    .wave{
    width: 3vw;
    height: 3vw;
    bottom: -2vw;
    }
}


@media(min-width:768px){
    .store-box:nth-child(odd) .addressBox{
    order: 1;
}

.store-box:nth-child(odd) .addressBanner{
    order: 2;
}

.store-box:nth-child(even) .addressBox{
    order: 2;
}

.store-box:nth-child(even) .addressBanner{
    order: 1;
}
}


@media(max-width:768px){
    .find-aevier-section{
        background: none;
    }
    .addressBanner{
        padding: 15px 30px 30px;
    }
}

@media(max-width:576px){
.mapIcon-new{
    bottom: 18%;
    left: 27%;
}
}