.pageContainer{margin:0 auto;max-width:150rem}.title{text-align:center;margin-bottom:3rem;color:var(--color-white);font-weight:var(--font-weight-bold)}.countriesList{width:100%;display:flex;flex-wrap:wrap;margin-bottom:3rem;color:var(--color-white);justify-content:center}.country{display:flex;align-items:center;position:relative;margin:1rem 1.5rem;width:5rem;height:5rem}.countryBorder{top:-1rem;left:-1rem;position:absolute;width:calc(100% + 2rem);height:calc(100% + 2rem);border:2px solid white;border-radius:50%}.countryImage{height:100%}.mapContainer{width:100%;aspect-ratio:16 / 6;margin-bottom:2rem;z-index:0}.travelList{gap:2rem;display:flex;flex-wrap:wrap}.travelListItem{height:46rem;border-radius:1rem;flex:0 0 calc(40% - 1rem);cursor:pointer;overflow:hidden;position:relative}.travelListItem:hover .travelItemImage{transform:scale(1.1)}.travelListItemImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.travelListItemName{color:#fff;font-size:2.5rem;text-transform:uppercase;position:absolute;width:100%;height:100%;display:flex;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.travelListItemName:after{content:"";width:5rem;height:.2rem;margin-top:1.5rem;background-color:var(--color-white);transition:transform .3s ease}.travelListItemName:hover:after{transform:scaleX(1.5)}.travelItemHeading{display:flex;align-items:center;justify-content:space-between;margin:3rem 0}.travelItemName{color:var(--color-white);font-weight:var(--font-weight-bold)}.travelItemGoBack{color:var(--color-white)}.travelItemImageWrapper{width:100%;overflow:hidden;aspect-ratio:3 / 4;position:relative}.travelItemImageWrapper.landscape{aspect-ratio:4 / 3}.travelItemImageWrapper img{width:100%;height:100%;object-fit:cover}.travelItemImageTitle{bottom:0;position:absolute;padding:1rem;font-size:2rem;font-weight:var(--font-weight-bold);width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-dark-grey);transform:translateY(100%);transition:transform .1s ease-in}.travelItemImageWrapper:hover .travelItemImageTitle{transform:translateY(0)}@media only screen and (max-width: 767px){.country{width:3rem;height:3rem;margin:.5rem 1rem}.countryImage{height:100%}.mapContainer{aspect-ratio:4 / 3}.travelListItem{flex:0 0 100%;height:20rem;padding:1rem 0}.travelListItemName{font-size:1.5rem}}@media only screen and (min-width: 768px){.travelListItem:nth-of-type(4n+1),.travelListItem:nth-of-type(4n+4){flex:0 0 calc(60% - 1rem)}}