.elementor-935 .elementor-element.elementor-element-199a1c0{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-935 .elementor-element.elementor-element-2f6d981{text-align:center;}.elementor-935 .elementor-element.elementor-element-2f6d981 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-199a1c0 *//* ===============================
   HERO
================================ */

.local-athens-hero{

height:90vh;
position:relative;
overflow:hidden;
border-radius:35px;
margin-bottom:80px;

}


.local-athens-hero img{

width:100%;
height:100%;
object-fit:cover;

}



.local-athens-overlay{

position:absolute;
z-index:3;
left:8%;
top:50%;
transform:translateY(-50%);
max-width:550px;
color:white;

}



.local-athens-overlay h1{

font-size:65px;
line-height:1.05;
font-family:Georgia;
color:white;
margin-bottom:25px;

}



.local-athens-overlay p{

font-size:22px;
line-height:1.6;
font-family:Abel;
margin-bottom:35px;

}



.local-athens-btn{

background:#8CDEE3;
padding:18px 35px;
border-radius:50px;
color:#333;
text-decoration:none;
font-family:Georgia;
font-weight:600;
transition:.3s;

}



.local-athens-btn:hover{

background:#F9B6BA;
color:white;

}



.local-athens-hero::after{

content:"";
position:absolute;
inset:0;

background:linear-gradient(
90deg,
rgba(0,0,0,.65),
rgba(0,0,0,.15)
);

}



/* ===============================
INTRO
================================ */


.local-athens-intro{

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
margin-bottom:90px;

}



.local-athens-intro h2{

font-size:45px;
font-family:Georgia;
margin-bottom:25px;

}



.local-athens-intro p{

font-size:18px;
line-height:1.9;
font-family:Abel;

}



.local-athens-intro img{

width:100%;
border-radius:30px;

}





/* ===============================
FEATURE BOXES
================================ */


.local-athens-features{

display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
margin-bottom:100px;

}



.local-athens-feature{

background:white;
padding:35px;
border-radius:30px;
text-align:center;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

transition:.3s;

}



.local-athens-feature:hover{

transform:translateY(-8px);

}



.local-athens-feature i{

font-size:35px;
color:#8CDEE3;
margin-bottom:20px;

}



.local-athens-feature h3{

font-family:Georgia;
color:#284B50;

}



.local-athens-feature p{

color:#666;
font-family:Abel;

}




/* ===============================
TIMELINE
================================ */


.local-athens-timeline{

max-width:900px;
margin:100px auto;

}



.local-athens-timeline>h2{

text-align:center;
font-size:45px;
font-family:Georgia;
margin-bottom:60px;

}



.local-athens-step{

display:flex;
gap:30px;
position:relative;
margin-bottom:45px;

}



.local-athens-step:not(:last-child)::after{

content:"";

position:absolute;
left:32px;
top:65px;

height:70px;
width:2px;

background:#F9B6BA;

}




.local-athens-circle{

width:65px;
height:65px;
min-width:65px;

border-radius:50%;

background:#8CDEE3;

color:white;

display:flex;
align-items:center;
justify-content:center;

font-size:25px;

z-index:2;

}




.local-athens-step h3{

font-size:24px;
font-family:Georgia;
margin:0 0 12px;

}



.local-athens-step p{

font-size:17px;
line-height:1.7;
font-family:Abel;
color:#666;

}




/* ===============================
GALLERY
================================ */


.local-athens-gallery{

max-width:1200px;
margin:120px auto;

}



.local-athens-gallery h2{

text-align:center;
font-size:45px;
font-family:Georgia;
margin-bottom:60px;

}



.local-athens-gallery-grid{

columns:4;
column-gap:20px;

}



.local-athens-gallery-grid img{

width:100%;
display:block;

margin-bottom:20px;

border-radius:25px;

break-inside:avoid;

transition:.4s;

}



.local-athens-gallery-grid img:hover{

transform:scale(1.03);

}





/* ===============================
BOOKING CARD
================================ */


.local-athens-booking{

max-width:1100px;
margin:100px auto;

}



.local-athens-booking-card{

background:#8CDEE3;

padding:55px;

border-radius:40px;

text-align:center;

box-shadow:
0 25px 60px rgba(0,0,0,.15);

}



.local-athens-booking-card h2{

font-size:38px;
font-family:Georgia;

margin-bottom:45px;

}




.local-athens-info{

display:grid;
grid-template-columns:repeat(4,1fr);

gap:25px;

margin-bottom:45px;

}




.local-athens-info div{

background:rgba(255,255,255,.15);

padding:25px;

border-radius:20px;

}




.local-athens-info i{

font-size:30px;

color:#F9B6BA;

margin-bottom:15px;

}



.local-athens-info strong{

display:block;

font-family:Abel;

color:#222;

}



.local-athens-info p{

font-family:Abel;

color:#222;

}




.local-athens-book-btn{

display:inline-block;

background:#F9B6BA;

padding:18px 45px;

border-radius:50px;

color:white;

text-decoration:none;

font-family:Georgia;

font-weight:600;

}



.local-athens-book-btn:hover{

background:white;

color:#284B50;

}





/* ===============================
EXTRA INFO
================================ */


.local-athens-extra{

max-width:1100px;

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

margin:80px auto;

}




.local-athens-extra div{

background:#fff9f2;

padding:40px;

border-radius:30px;

text-align:center;

}



.local-athens-extra i{

font-size:40px;

color:#F9B6BA;

margin-bottom:20px;

}



.local-athens-extra h3{

font-family:Georgia;

font-size:25px;

}





/* ===============================
RESPONSIVE
================================ */


@media(max-width:1000px){


.local-athens-features{

grid-template-columns:repeat(2,1fr);

}


.local-athens-info{

grid-template-columns:repeat(2,1fr);

}


.local-athens-gallery-grid{

columns:3;

}


}




@media(max-width:768px){


.local-athens-hero{

height:70vh;

}



.local-athens-overlay{

left:25px;
right:25px;

}



.local-athens-overlay h1{

font-size:38px;

}



.local-athens-overlay p{

font-size:17px;

}



.local-athens-intro{

grid-template-columns:1fr;

}



.local-athens-features{

grid-template-columns:1fr;

}



.local-athens-timeline{

padding:0 20px;

}



.local-athens-circle{

width:50px;
height:50px;
min-width:50px;

font-size:20px;

}



.local-athens-step:not(:last-child)::after{

left:24px;

}



.local-athens-gallery-grid{

columns:2;

column-gap:12px;

}



.local-athens-booking-card{

padding:30px 20px;

}



.local-athens-info{

grid-template-columns:1fr;

}



.local-athens-extra{

grid-template-columns:1fr;

padding:0 20px;

}


}/* End custom CSS */