/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme for Hello Elementor
Author: dev
Template: hello-elementor
Version: 1.1
*/

.container{
max-width:1280px;
margin:auto;
padding:60px 20px;
}

/* HERO */

.city-hero{
background:#0D1520;
color:white;
text-align:center;
padding:80px 20px;
}

.city-hero h1{
font-size:40px;
margin-bottom:20px;
}

.city-image img{
max-width:100%;
border-radius:6px;
margin-top:20px;
}

/* CONTENT */

.city-content{
background:#fff;
}

.city-content p{
margin-bottom:15px;
}


.city-flex{
display:flex;
gap:40px;
}

.city-flex .content{
width:70%;
}

.city-sidebar{
width:30%;
}

@media(max-width:768px){
.city-flex{
flex-direction:column;
}

.city-flex .content,
.city-sidebar{
width:100%;
}
}
/* BUTTON */



.cta-btn{
background:#EA3E22;
color:#fff;
padding:14px 30px;
text-decoration:none;
border-radius:4px;
font-weight:600;
display:inline-block;
margin-top:20px;
}

.cta-btn:hover{
background:#c83219;
}

.cities-posts{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:40px;
}

.city-card{
text-align:center;
}

.city-card img{
width:100%;
border-radius:6px;
}

.city-card h3{
margin-top:10px;
font-size:18px;
}

.city-card a{
text-decoration:none;
color:#000;
}

/* mobile */

@media(max-width:768px){
.cities-posts{
grid-template-columns:repeat(2,1fr);
}
}

.reviews-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:30px;
}

.review-card{
background:#fff;
padding:25px;
border-radius:6px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.review-card h4{
color:#EA3E22;
margin-top:10px;
}

@media(max-width:768px){
.reviews-grid{
grid-template-columns:repeat(2,1fr);
}
}