.spain-section{
max-width:1100px;
margin:auto;
padding:40px 20px;
font-family:Arial, Helvetica, sans-serif;
}

.spain-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-bottom:30px;
}

.spain-card{
position:relative;
overflow:hidden;
border-radius:6px;
}

.spain-card img{
width:100%;
height:160px;
object-fit:cover;
display:block;
filter: brightness( 0.7);
}

.spain-overlay{
position:absolute;
top:10px;
left:15px;
color:white;
}

.spain-overlay h4{
margin:0;
font-size:18px;
font-weight:700;
}

.spain-overlay span{
font-size:13px;
}

/* button */

.spain-btn-wrap{
margin:30px 0;
}

.spain-btn{
background:#4fa8dc;
color:white;
padding:14px 35px;
border-radius:40px;
text-decoration:none;
font-size:18px;
font-weight:600;
display:inline-block;
}

.spain-btn:hover{
background:#2f90c7;
}

/* text */

.spain-content h1{
font-size:44px;
margin-bottom:20px;
color:#333;
font-weight: 800;
}

.spain-content p{
font-size:16px;
line-height:1.7;
color:#555;
max-width:850px;
margin-bottom:18px;
}


.distinations-line{
    font-size: 24px;
    font-weight:800;
    margin-bottom: 1rem;
}

.distinations{
    margin: 1rem 0;
}


/* =========================
TABLET
========================= */

@media (max-width: 992px){

.spain-grid{
grid-template-columns:repeat(2,1fr);
}

.spain-content h1{
font-size:36px;
}

}


/* =========================
MOBILE
========================= */

@media (max-width:767px){

.spain-section{
padding:30px 15px;
}

.spain-grid{
    grid-template-columns: repeat(2, 1fr) !important;
gap:12px;
}

.spain-card img{
height:200px !important;
}

.spain-overlay h4{
font-size:20px;
}

.spain-overlay span{
font-size:14px;
}

.spain-btn-wrap{
text-align:center;
}

.spain-btn{
font-size:16px;
padding:12px 28px;
}

.spain-content h1{
font-size:30px !important;
line-height:1.3;
}

.spain-content p{
        font-size: 15px !important;
        text-align: justify;
}

.distinations-line{
font-size:20px;
}

}