.routesList{
    background:#fff;
}

.routeItem{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    margin-bottom:120px;
}

.routeItem:last-child{
    margin-bottom:0;
}

.routeItem.reverse .routeImg{
    order:2;
}

.routeItem.reverse .routeTxt{
    order:1;
}

.routeImg img{
    width:100%;
    display:block;
    border-radius:30px;
}

.routeTxt span{
    color:#c9a45c;
    letter-spacing:2px;
    font-size:14px;
}

.routeTxt h2{
    font-size:42px;
    margin:10px 0 25px;
}

.routeTxt p{
    color:#555;
    margin-bottom:25px;
}

.routeTxt ul{
    padding:0;
    margin:0;
    list-style:none;
}

.routeTxt li{
    padding:12px 0;
    border-bottom:1px solid #eee;
}

.routeTxt li:before{
    content:"📍";
    margin-right:10px;
}

.routeCta{
    padding:120px 0;
    background:
    linear-gradient(rgba(7,11,18,.85),rgba(7,11,18,.85)),
    url(../images/cta.jpg) center/cover;
}

@media(max-width:768px){

    .routeItem{
        grid-template-columns:1fr;
        gap:40px;
        margin-bottom:80px;
    }

    .routeItem.reverse .routeImg,
    .routeItem.reverse .routeTxt{
        order:unset;
    }

    .routeTxt h2{
        font-size:32px;
    }

}