.elementor-433 .elementor-element.elementor-element-4c747454{--display:flex;}/* Start custom CSS for html, class: .elementor-element-16787fc *//* ================================
   AEGINA PREMIUM TRAVEL PAGE
================================ */


/* GLOBAL */

.island-hero,
.island-intro,
.island-highlights,
.island-story,
.island-gallery,
.island-final {

    font-family: "Georgia", Abel ;

}


.island-hero h1,
.island-intro h2,
.island-story h2,
.island-gallery h2,
.island-final h2 {

    font-family: "Georgia", Abel;

}



/* ================================
   HERO
================================ */


.island-hero {

    position: relative;
    height: 90vh;
    overflow: hidden;

}


.island-hero img {

    width:100%;
    height:100%;
    object-fit:cover;

}



.island-overlay {

    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    padding:30px;

    background:
    linear-gradient(
    rgba(0,0,0,.25),
    rgba(0,0,0,.55)
    );

    color:white;

}



.hero-tag {

    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;

    margin-bottom:20px;

    color:white;

}



.island-overlay h1 {

    font-size:clamp(40px,5vw,70px);

    line-height:1.1;

    margin-bottom:25px;
color: white;
}



.island-overlay p {

    max-width:650px;

    font-size:20px;

    line-height:1.7;

    margin-bottom:35px;

}



.island-overlay a,
.island-final a {


    background:#8CDEE3;

    color:white;

    padding:15px 40px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}



.island-overlay a:hover,
.island-final a:hover {


    background:#F9B6BA;

    transform:translateY(-3px);

}




/* ================================
   INTRO SECTION
================================ */


.island-intro {


    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    padding:100px 8%;

    background:#faf7f1;

}



.intro-content h2,
.story-text h2 {

    font-size:45px;

    color:#1f3d3a;

    margin-bottom:25px;

}



.intro-content p,
.story-text p {


    color:#555;

    font-size:18px;

    line-height:1.8;

}




.intro-image img,
.story-image img {


    width:100%;

    border-radius:25px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);

}



/* ================================
   HIGHLIGHTS
================================ */


.island-highlights {


    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    padding:80px 8%;

}

.highlight-card {

    text-align:center;

    padding:40px 25px;

    background:white;

    border-radius:25px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    transition:.3s;

    width:100%;

    max-width:100%;

    box-sizing:border-box;

    overflow:hidden;

}



.highlight-card:hover {


    transform:translateY(-10px);

}



.highlight-card i {


    font-size:45px;

    color:#8CDEE3;

    margin-bottom:20px;

}



.highlight-card h3 {


    color:#1f3d3a;

    font-size:24px;

}



.highlight-card p {


    color:#666;

    line-height:1.6;

}



/* ================================
   STORY
================================ */


.island-story {


    padding:100px 15%;

    background:#8CDEE3;

    color:white;

    text-align:center;

}



.island-story h2 {

    color:white;

}



.island-story p {

    color:#eee;

}



.island-story.reverse {


    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    background:white;

    text-align:left;

}



.island-story.reverse h2 {


    color:black;

}



.island-story.reverse p {


    color:#555;

}



/* ================================
   GALLERY
================================ */


.island-gallery {


    padding:90px 8%;

    background:#faf7f1;

    text-align:center;

}



.gallery-grid {


    margin-top:40px;

}



.gallery-grid img {


    width:100%;

    border-radius:25px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

}



/* ================================
   FINAL CTA
================================ */


.island-final {


    padding:100px 20px;

    text-align:center;

    background:#F9B6BA;

    color:white;
   

}



.island-final h2 {

    color:white;

    font-size:45px;

}



.island-final p {

    font-size:20px;

    margin-bottom:35px;

}



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


@media(max-width:768px){


.island-hero {

    height:80vh;

}



.island-overlay h1 {

    font-size:38px;

}



.island-overlay p {

    font-size:16px;

}



.island-intro {


    grid-template-columns:1fr;

    padding:60px 25px;

}



.intro-content h2,
.story-text h2 {


    font-size:32px;

}



.island-highlights {


    grid-template-columns:1fr;

    padding:50px 25px;

}



.island-story {


    padding:70px 25px;

}



.island-story.reverse {


    grid-template-columns:1fr;

    padding:60px 25px;

}



.island-final h2 {

    font-size:32px;

}



}
/* FIX AEGINA SECTIONS LAYOUT */

.island-hero,
.island-intro,
.island-highlights,
.island-story,
.island-gallery,
.island-final {

    display: block;
    width: 100%;
    clear: both;

}


/* keep only needed grids */

.island-intro {

    display:grid;

}


.island-highlights {

    display:grid;

}


.island-story.reverse {

    display:grid;

}


/* prevent Elementor/theme conflicts */

.island-hero *,
.island-intro *,
.island-highlights *,
.island-story *,
.island-gallery *,
.island-final * {

    box-sizing:border-box;

}


/* images stay inside */

.island-story img,
.intro-image img,
.gallery-grid img {

    max-width:100%;
    height:auto;

}/* End custom CSS */