.amenities-warp{

background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
padding: 100px 0px;
}
.amenities-warp h2{ 
margin-bottom: 50px;
}
.amenities-warp .container{
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}

ul.amenities-list{
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;



}
ul.amenities-list li{
list-style: none;
width: 100%;
display: flex;
justify-content: start;
align-items: center;
min-height:50px;
font-size: 14px;
font-weight: 500;

}

ul.amenities-list li span{
position: relative;
padding-left: 35px;
}
ul.amenities-list li span::before{
content: "";
position: absolute;
display: block;
width: 7px;
height: 7px;
border-radius:50%;
background-color: #b2b2b2;
left: 15px;
top: calc( 50% - 3px );
transform: translateX(0);
transition: transform 0.3s ease; 
}
ul.amenities-list li span::after{
content: "";
position: absolute;
display: block;
width: 15px;
height:1px; 
background-color: #b2b2b2;
left: 0px;
top: calc( 50% - 0px ); 
}
ul.amenities-list li:hover span::before{ 
transform: translateX(-15px);
}


@media ( min-width:1200px ) {
ul.amenities-list li{ 
    width: calc( 33.33% - 40px );
 
} 
}