/* =========================================
   NEXORA — EXPERIENCE
   QUIET LUXURY EDITORIAL
========================================= */

.experience {
    max-width: 1350px !important;
    margin: 170px auto !important;
    padding: 0 40px !important;
}


/* TITLE */

.experience > h2 {
    margin-bottom: 75px !important;

    font-size: 2.7rem !important;
    font-weight: 400 !important;

    letter-spacing: 7px !important;
}

.experience > h2::before {
    content: "CURATED EXPERIENCES" !important;

    margin-bottom: 17px !important;

    color: #B08A25 !important;

    font-size: .58rem !important;
    letter-spacing: 5px !important;
}


/* =========================================
   GRID
========================================= */

.experience-grid {
    grid-template-columns: 1.7fr 1fr 1fr !important;
    grid-template-rows: 260px 260px !important;

    gap: 12px !important;
}


/* =========================================
   COFFEE — HERO
========================================= */

.experience-card:first-child {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
}

.experience-card:first-child h3 {
    left: 40px !important;
    bottom: 58px !important;

    font-size: 2.8rem !important;
    letter-spacing: 1px !important;
}

.experience-card:first-child p {
    left: 40px !important;
    bottom: 22px !important;

    max-width: 430px !important;

    font-size: .82rem !important;
}


/* =========================================
   SMALL CARDS
========================================= */

.experience-card:not(:first-child) h3 {
    left: 25px !important;
    bottom: 25px !important;

    font-size: 1.25rem !important;
    letter-spacing: 1px !important;
}

.experience-card:not(:first-child) p {
    display: none !important;
}


/* Small gold line */

.experience-card:not(:first-child) h3::before {
    width: 24px !important;
    margin-bottom: 10px !important;
}


/* =========================================
   IMAGE TREATMENT
========================================= */

.experience-card img {
    filter: saturate(.82) contrast(1.04) !important;

    transition:
        transform 1.2s cubic-bezier(.2,.7,.2,1),
        filter 1.2s ease !important;
}

.experience-card:hover img {
    transform: scale(1.045) !important;

    filter: saturate(.98) contrast(1.05) !important;
}


/* =========================================
   CINEMATIC OVERLAY
========================================= */

.experience-card::after {
    background:
        linear-gradient(
            to top,
            rgba(3,8,12,.88),
            rgba(3,8,12,.22) 55%,
            transparent 100%
        ) !important;
}


/* =========================================
   REMOVE VISUAL NOISE
========================================= */

.experience-card:not(:first-child)::before {
    display: none !important;
}


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

@media (max-width: 768px) {

    .experience {
        margin: 100px auto !important;
        padding: 0 18px !important;
    }

    .experience > h2 {
        font-size: 2rem !important;
        letter-spacing: 4px !important;
        margin-bottom: 45px !important;
    }

    .experience > h2::before {
        font-size: .52rem !important;
        letter-spacing: 4px !important;
    }

    .experience-grid {
        grid-template-columns: 1fr !important;

        grid-template-rows:
            360px
            220px
            220px
            220px !important;

        gap: 9px !important;
    }

    .experience-card:first-child {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .experience-card:first-child h3 {
        left: 24px !important;
        bottom: 48px !important;

        font-size: 2.15rem !important;
    }

    .experience-card:first-child p {
        left: 24px !important;
        right: 24px !important;
        bottom: 16px !important;

        font-size: .75rem !important;
    }

    .experience-card:not(:first-child) h3 {
        left: 22px !important;
        bottom: 22px !important;

        font-size: 1.25rem !important;
    }
}
/* =========================================
   NEXORA — EXPERIENCE ETHIOPIA
   LUXURY FINAL POLISH
========================================= */

.experience {
    max-width: 1380px !important;
    margin: 155px auto !important;
    padding: 0 40px !important;
}


/* -----------------------------------------
   EDITORIAL HEADING
----------------------------------------- */

.experience > h2 {
    position: relative;

    margin: 0 auto 70px !important;

    color: #08141F !important;

    font-family: 'Cinzel', serif !important;
    font-size: 3rem !important;
    font-weight: 400 !important;

    letter-spacing: 6px !important;
    text-align: center !important;

    text-transform: uppercase !important;
}

.experience > h2::before {
    content: "THE NEXORA EXPERIENCE";

    display: block;

    margin-bottom: 14px;

    color: #B08A25;

    font-family: 'Poppins', sans-serif;

    font-size: .62rem;

    font-weight: 600;

    letter-spacing: 5px;
}


/* -----------------------------------------
   GRID
----------------------------------------- */

.experience-grid {
    gap: 12px !important;
}


/* -----------------------------------------
   CARDS
----------------------------------------- */

.experience-card {
    border-radius: 2px !important;

    box-shadow: none !important;

    background: #101010 !important;
}


/* -----------------------------------------
   IMAGE
----------------------------------------- */

.experience-card img {
    transition:
        transform 1.3s cubic-bezier(.2,.7,.2,1),
        filter 1s ease !important;

    filter: saturate(.92) contrast(1.03);
}

.experience-card:hover img {
    transform: scale(1.045) !important;
    filter: saturate(1) contrast(1.05);
}


/* -----------------------------------------
   MORE CINEMATIC OVERLAY
----------------------------------------- */

.experience-card::after {
    background:
        linear-gradient(
            to top,
            rgba(3,8,12,.92) 0%,
            rgba(3,8,12,.58) 25%,
            rgba(3,8,12,.08) 65%,
            transparent 100%
        ) !important;
}


/* -----------------------------------------
   SMALL CARD TITLES
----------------------------------------- */

.experience-card:not(:first-child) h3 {
    left: 30px !important;
    right: 25px !important;
    bottom: 55px !important;

    font-family: 'Cinzel', serif !important;

    font-size: 1.45rem !important;
    font-weight: 400 !important;

    letter-spacing: 1px !important;

    line-height: 1.2 !important;
}


/* -----------------------------------------
   SMALL CARD DESCRIPTIONS
----------------------------------------- */

.experience-card:not(:first-child) p {
    left: 30px !important;
    right: 25px !important;
    bottom: 19px !important;

    color: rgba(255,255,255,.68) !important;

    font-size: .72rem !important;

    letter-spacing: .2px !important;

    line-height: 1.45 !important;
}


/* -----------------------------------------
   GOLD LINE
----------------------------------------- */

.experience-card:not(:first-child) h3::before {
    width: 28px !important;
    height: 1px !important;

    margin-bottom: 12px !important;

    background: #D4AF37 !important;
}


/* -----------------------------------------
   COFFEE FEATURE
----------------------------------------- */

.experience-card:first-child h3 {
    left: 42px !important;
    bottom: 62px !important;

    font-size: 3rem !important;

    font-weight: 400 !important;

    letter-spacing: 1px !important;
}

.experience-card:first-child p {
    left: 42px !important;
    bottom: 23px !important;

    max-width: 500px !important;

    color: rgba(255,255,255,.72) !important;

    font-size: .86rem !important;

    line-height: 1.6 !important;
}

.experience-card:first-child h3::before {
    width: 42px !important;

    margin-bottom: 15px !important;
}


/* -----------------------------------------
   SUBTLE EDITORIAL BORDER
----------------------------------------- */

.experience-card:not(:first-child)::before {
    content: "";

    position: absolute;

    inset: 10px;

    z-index: 3;

    border: 1px solid rgba(255,255,255,.16);

    pointer-events: none;

    opacity: .7;
}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 768px) {

    .experience {
        margin: 90px auto !important;
        padding: 0 18px !important;
    }

    .experience > h2 {
        font-size: 2rem !important;
        letter-spacing: 4px !important;
        margin-bottom: 42px !important;
    }

    .experience > h2::before {
        font-size: .55rem;
        letter-spacing: 4px;
    }

    .experience-card:first-child h3 {
        left: 25px !important;
        bottom: 55px !important;

        font-size: 2.2rem !important;
    }

    .experience-card:first-child p {
        left: 25px !important;
        right: 25px !important;
        bottom: 17px !important;

        font-size: .78rem !important;
    }

    .experience-card:not(:first-child) h3 {
        left: 23px !important;
        bottom: 52px !important;

        font-size: 1.35rem !important;
    }

    .experience-card:not(:first-child) p {
        left: 23px !important;
        right: 23px !important;
        bottom: 16px !important;

        font-size: .72rem !important;
    }

    .experience-card:not(:first-child)::before {
        inset: 8px;
    }
}
/* =========================================
   NEXORA EXPERIENCE — FINAL TEXT LAYOUT
========================================= */

/* SMALL EXPERIENCE CARDS */

.experience-card:not(:first-child) {
    position: relative;
}

.experience-card:not(:first-child) h3 {
    position: absolute !important;

    left: 28px !important;
    right: 28px !important;
    bottom: 58px !important;

    margin: 0 !important;

    z-index: 5 !important;

    color: #fff !important;

    font-family: 'Cinzel', serif !important;
    font-size: 1.65rem !important;
    font-weight: 500 !important;

    line-height: 1.15 !important;
}

.experience-card:not(:first-child) p {
    position: absolute !important;

    left: 28px !important;
    right: 28px !important;
    bottom: 20px !important;

    margin: 0 !important;

    z-index: 5 !important;

    color: rgba(255,255,255,.82) !important;

    font-size: .78rem !important;

    line-height: 1.45 !important;

    text-align: left !important;
}


/* GOLD DETAIL ABOVE TITLE */

.experience-card:not(:first-child) h3::before {
    content: "";

    display: block;

    width: 32px;
    height: 1px;

    margin-bottom: 11px;

    background: #D4AF37;
}


/* MAKE SURE THE DARK OVERLAY STAYS BEHIND TEXT */

.experience-card:not(:first-child)::after {
    z-index: 2 !important;
}

.experience-card:not(:first-child) img {
    z-index: 1 !important;
}

.experience-card:not(:first-child) h3,
.experience-card:not(:first-child) p {
    z-index: 5 !important;
}


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

@media (max-width: 768px) {

    .experience-card:not(:first-child) h3 {
        left: 22px !important;
        right: 22px !important;
        bottom: 55px !important;

        font-size: 1.45rem !important;
    }

    .experience-card:not(:first-child) p {
        left: 22px !important;
        right: 22px !important;
        bottom: 17px !important;

        font-size: .76rem !important;
        line-height: 1.4 !important;
    }

}
/* =========================================
   EXPERIENCE — TEXT SPACING FIX
========================================= */

.experience-item-content {
    left: 28px !important;
    right: 28px !important;
    bottom: 25px !important;
}

.experience-item-content span {
    display: block !important;
    margin-bottom: 10px !important;
}

.experience-item-content h3 {
    display: block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.experience-item-content h3::before {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: #D4AF37;
    margin-bottom: 12px;
}

.experience-item::after {
    z-index: 1 !important;
}

.experience-item-content {
    z-index: 3 !important;
}


/* DESCRIPTION FIX */

.experience-feature-content p {
    margin-top: 8px !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .experience-item-content {
        left: 22px !important;
        right: 22px !important;
        bottom: 22px !important;
    }

    .experience-item-content h3 {
        line-height: 1.2 !important;
    }

}
/* =========================================
   NEXORA EXPERIENCE — FINAL OVERRIDE
========================================= */

.experience {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 150px auto !important;
    padding: 0 35px !important;
    box-sizing: border-box !important;
}

.experience > h2 {
    font-family: 'Cinzel', serif !important;
    font-size: 3.5rem !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    color: #08141F !important;
    text-align: center !important;
    margin: 0 0 65px !important;
}

.experience-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns: 1.35fr .85fr .85fr !important;
    grid-template-rows: 300px 300px !important;

    gap: 16px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.experience-card {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    border: none !important;
    border-radius: 5px !important;

    background: #111 !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}

.experience-card:first-child {
    grid-row: 1 / 3 !important;
}

.experience-card img {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;

    transform: scale(1) !important;

    transition: transform 1s ease !important;
}

.experience-card::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.85),
            rgba(0,0,0,.2) 55%,
            transparent 80%
        ) !important;

    pointer-events: none !important;
}

.experience-card h3 {
    position: absolute !important;

    left: 30px !important;
    bottom: 48px !important;

    z-index: 3 !important;

    margin: 0 !important;

    color: white !important;

    font-family: 'Cinzel', serif !important;

    font-size: 1.65rem !important;
    font-weight: 500 !important;

    line-height: 1.2 !important;
}

.experience-card p {
    position: absolute !important;

    left: 30px !important;
    right: 30px !important;
    bottom: 18px !important;

    z-index: 3 !important;

    margin: 0 !important;

    color: rgba(255,255,255,.82) !important;

    font-size: .82rem !important;
    line-height: 1.5 !important;
}

.experience-card:first-child h3 {
    font-size: 2.7rem !important;
}

.experience-card:hover img {
    transform: scale(1.05) !important;
}


/* =========================================
   PHONE
========================================= */

@media (max-width: 768px) {

    .experience {
        margin: 90px auto !important;
        padding: 0 18px !important;
    }

    .experience > h2 {
        font-size: 2.2rem !important;
        margin-bottom: 40px !important;
    }

    .experience-grid {
        grid-template-columns: 1fr !important;

        grid-template-rows:
            330px
            230px
            230px
            230px !important;

        gap: 10px !important;
    }

    .experience-card:first-child {
        grid-row: auto !important;
    }

    .experience-card {
        width: 100% !important;
        height: 100% !important;
    }

    .experience-card h3 {
        left: 24px !important;
        bottom: 42px !important;
        font-size: 1.5rem !important;
    }

    .experience-card:first-child h3 {
        font-size: 2.2rem !important;
    }

    .experience-card p {
        left: 24px !important;
        right: 24px !important;
        bottom: 15px !important;
    }
}
/* =========================================
   NEXORA JOURNAL — SIMPLE LUXURY
========================================= */

.gallery-heading span {
    display: block;
    text-align: center;

    color: #D4AF37;

    font-family: 'Poppins', sans-serif;
    font-size: .78rem;
    font-weight: 600;

    letter-spacing: 5px;
    text-transform: uppercase;

    margin-bottom: 16px;
}

.gallery-heading p {
    max-width: 650px;
    margin: 20px auto 50px;

    text-align: center;

    color: #777;

    font-family: 'Poppins', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;

    line-height: 1.9;
    letter-spacing: .4px;
}
/* =========================================
   NEXORA — LUXURY DESTINATION FACTS
========================================= */

.facts {
    max-width: 1300px;
    margin: 120px auto;
    padding: 0 40px;
    text-align: center;
}

.facts-label {
    color: #D4AF37;
    font-size: .78rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

.facts h2 {
    font-family: 'Cinzel', serif;
    font-size: 2.8rem;
    color: #08141F;
    letter-spacing: 2px;
    margin: 0 0 55px;
}

.facts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(212,175,55,.45);
    border-bottom: 1px solid rgba(212,175,55,.45);
}

.fact {
    position: relative;
    padding: 35px 25px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

/* Elegant gold divider */

.fact:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: rgba(212,175,55,.35);
}

.fact span {
    display: block;
    color: #9C7F20;
    font-size: .72rem;
    letter-spacing: 3px;
    font-weight: 600;
    margin-bottom: 12px;
}

.fact strong {
    display: block;
    color: #08141F;
    font-family: 'Cinzel', serif;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.5;
}


/* Hover */

.fact {
    transition: background .35s ease;
}

.fact:hover {
    background: rgba(212,175,55,.05);
}


/* MOBILE */

@media (max-width: 768px) {

    .facts {
        margin: 80px auto;
        padding: 0 20px;
    }

    .facts h2 {
        font-size: 2.2rem;
        margin-bottom: 35px;
    }

    .facts-grid {
        grid-template-columns: 1fr 1fr;
    }

    .fact {
        padding: 28px 15px;
    }

    .fact:nth-child(2)::after {
        display: none;
    }

    .fact:nth-child(1),
    .fact:nth-child(2) {
        border-bottom: 1px solid rgba(212,175,55,.25);
    }

    .fact span {
        font-size: .65rem;
        letter-spacing: 2px;
    }

    .fact strong {
        font-size: 1rem;
    }

}
/* =================================
   NEXORA WHATSAPP BUTTON
================================= */

.whatsapp-btn {

    position: fixed;

    right: 25px;
    bottom: 25px;

    width: 58px;
    height: 58px;

    border-radius: 50%;

    background: #25D366;

    color: white;

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

    text-decoration: none;

    font-size: 27px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.20);

    z-index: 9999;

    transition:
        width .35s ease,
        border-radius .35s ease,
        transform .35s ease,
        box-shadow .35s ease;

    overflow: hidden;

}


/* ICON */

.whatsapp-btn i {

    flex-shrink: 0;

}


/* CHAT LABEL */

.whatsapp-btn span {

    max-width: 0;

    opacity: 0;

    white-space: nowrap;

    font-size: 14px;

    font-weight: 600;

    margin-left: 0;

    transition:
        max-width .35s ease,
        opacity .25s ease,
        margin .35s ease;

}


/* HOVER */

.whatsapp-btn:hover {

    width: 155px;

    border-radius: 30px;

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(37,211,102,.30);

}


.whatsapp-btn:hover span {

    max-width: 100px;

    opacity: 1;

    margin-left: 10px;

}


/* MOBILE */

@media(max-width:768px){

    .whatsapp-btn {

        width: 52px;
        height: 52px;

        right: 18px;
        bottom: 18px;

        font-size: 24px;

    }

}
/* =================================
   LUXURY BACK HOME
================================= */

.back-home {
    padding: 45px 20px;
    text-align: center;
    background: #08141F;
    border-top: 1px solid rgba(212,175,55,.18);
}

.back-home a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 32px;

    border: 1px solid rgba(212,175,55,.55);
    border-radius: 999px;

    background: transparent;
    color: #D4AF37;

    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: .35s ease;
}

.back-home a:hover {
    background: #D4AF37;
    color: #08141F;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212,175,55,.25);
}
/*=============================
FEATURED DESTINATION CINEMA
=============================*/

.featured-hero{

    min-height:700px;

    position:relative;

    overflow:hidden;

}

.featured-bg{

    width:100%;

    height:700px;

    object-fit:cover;

}

.featured-content{

    position:absolute;

    left:8%;

    bottom:15%;

    max-width:600px;

    color:white;

}

.featured-content h2{

    font-family:'Cinzel',serif;

    font-size:4rem;

    margin:20px 0;

}

.featured-content p{

    font-size:1.3rem;

    line-height:1.8;

}

.featured-label{

    color:#D4AF37;

    letter-spacing:3px;

}


@media(max-width:768px){

.featured-hero,
.featured-bg{

    height:550px;

}

.featured-content{

    left:25px;

    right:25px;

    bottom:60px;

}

.featured-content h2{

    font-size:2.5rem;

}

}
@media (max-width:768px){

.destination-grid{

    grid-template-columns:1fr;

    gap:25px;

}

.destination{

    border-radius:24px;

}

.destination img{

    height:220px;

}

.destination h3{

    font-size:1.5rem;

}

.destination p{

    font-size:.95rem;

}

.destination-btn{

    width:85%;

    text-align:center;

}

}
.slide h3{
    font-family:'Cinzel', serif;
    font-size:2.8rem;
    color:#0B1D2A;
    margin:15px 0;
    letter-spacing:2px;
}

.slide img{
    width:100%;
    height:450x;
    object-fit:cover;
    border-radius:25px;
    filter:
brightness(.82)
contrast(1.08)
saturate(1.15);

transform:scale(1.04);

transition:8s ease;

}
.slide.active img{

transform:scale(1.12);

}
.slider-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:999px;

background:rgba(255,255,255,.08);

border:1px solid rgba(212,175,55,.45);

backdrop-filter:blur(18px);

color:white;

font-size:.8rem;

letter-spacing:5px;

text-transform:uppercase;

transition:.45s;

}

.slider-btn:hover{

background:#D4AF37;

color:#08131F;

transform:translateY(-5px);

box-shadow:
0 20px 45px rgba(212,175,55,.35);

}
.our-story::before{
    content:"N";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:18rem;
    font-family:'Cinzel', serif;
    color:rgba(212,175,55,0.05);
    font-weight:bold;
    pointer-events:none;
}
.story-signature{
    margin-top:50px;
    font-family:'Cinzel', serif;
    color:#D4AF37;
    letter-spacing:6px;
    font-size:1.2rem;
}
.story-tag{
    color:#D4AF37;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:0.9rem;
    margin-bottom:40px;
}
.our-story{
    padding:120px 30px;
    text-align:center;
    position:relative;
    background:
linear-gradient(
180deg,
#FFFDF8,
#F5F1E8
);
}

.our-story h2{
    font-family:'Cinzel', serif;
    font-size:4rem;
    color:#D4AF37;
    letter-spacing:4px;
    margin-bottom:25px;
    text-transform:uppercase;
}

.our-story p{
    max-width:850px;
    margin:auto;
    line-height:2;
    font-size:1.15rem;
    color:#444;
}
h2{
    font-family:'Cinzel', serif;
    letter-spacing:2px;
}
.hero-content{
    max-width:800px;
}

.gold-line{
    width:80px;
    height:2px;
    background:#D4AF37;
    margin:20px auto;
}

.hero-btn{
    background:#D4AF37;
    color:#0B1D2A;
    padding:16px 40px;
    border-radius:50px;
    font-weight:600;
}
.hero-divider{
    width:120px;
    height:2px;
    background:#D4AF37;
    margin:20px auto;
}

.hero-line{
    width:120px;
    height:3px;
    background:#D4AF37;
    margin:20px auto;
    border-radius:10px;
}
.logo{
    font-family:'Cinzel', serif;
    color:#D4AF37;
    font-size:1.8rem;
    font-weight:700;
    letter-spacing:3px;
}
.card:hover img,
.destination:hover img,
.experience-card:hover img{
    transform:scale(1.05);
}
.card img,
.destination img,
.experience-card img{
    transition:0.5s;
}
a:hover{
    background:#d4af37;
    color:#0B1D2A;
}
a{
    letter-spacing:0.5px;
}
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#08141f;
}

::-webkit-scrollbar-thumb{
    background:#d4af37;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:#f0d46b;
}
@media(max-width:768px){

    .hero h1{
        font-size:3rem;
        letter-spacing:4px;
    }

    .hero p{
        font-size:1rem;
        padding:0 20px;
    }

    .hero a{
        padding:14px 25px;
    }

}
.menu-btn{
    display:none;
    color:white;
    font-size:2rem;
    cursor:pointer;
}
.slider-btn{
    display:inline-block;
    margin-top:20px;
    background:#0B1D2A;
    color:white;
    padding:15px 30px;
    border-radius:40px;
    font-weight:bold;
}

.slider-btn:hover{
    background:#d4af37;
    color:#0B1D2A;
}
.featured-slider{
    background:linear-gradient(
        180deg,
        #08131F 0%,
        #0E1E2D 100%
    );

    padding:120px 0;

    overflow:hidden;
}

.featured-slider h2{
    font-family:'Cinzel', serif;
    font-size:3rem;
    color:#0B1D2A;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:50px;
}

.slider{
    max-width:1400px;
    margin:auto;
}

.slide{
    display:none;
}

.slide.active{
    display:block;
}

.slide img{
    width:100%;
    height:700px;
    object-fit:cover;
    border-radius:40px;
    border-radius:36px;

overflow:hidden;

box-shadow:
0 60px 120px rgba(0,0,0,.15),
0 20px 40px rgba(212,175,55,.08);

border:1px solid rgba(255,255,255,.6);
}

.slide h3{
    font-family:'Cinzel', serif;
    font-size:2.2rem;
    color:#0B1D2A;
    margin-top:25px;
    letter-spacing:2px;
}
.lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:15px;
}
.tips{
    padding:100px 50px;
    background:#f8f8f8;
    text-align:center;
}

.tips h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}
.facts{
    padding:100px 50px;
    background:white;
    text-align:center;
}

.facts h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.facts-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.fact{
    background:#f8f8f8;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.fact:hover{
    transform:translateY(-8px);
}

.fact h3{
    color:#0B1D2A;
}
.reviews{
    padding:100px 50px;
    background:#f8f8f8;
    text-align:center;
}

.reviews h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.reviews .card{
    background:white;
    border-radius:15px;
    padding:30px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    transition:0.3s;
}

.reviews .card:hover{
    transform:translateY(-8px);
}

.reviews h3{
    color:#d4af37;
    font-size:1.5rem;
}
.hotels .card,
.restaurants .card{
    background: linear-gradient(135deg,#ffffff,#f5f5f5);
    border-left:5px solid #d4af37;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    transition:0.3s;
}

.hotels .card:hover,
.restaurants .card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.hotels .card h3,
.restaurants .card h3{
    color:#0B1D2A;
    margin-bottom:15px;
}
#loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:white;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.spinner{
    width:60px;
    height:60px;
    border:6px solid #ddd;
    border-top:6px solid #0B1D2A;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    100%{
        transform:rotate(360deg);
    }
}
#darkModeBtn{
    background:none;
    border:none;
    color:white;
    font-size:1.5rem;
    cursor:pointer;
}

.dark-mode{
    background:#121212;
    color:white;
}

.dark-mode section{
    background:#121212 !important;
    color:white !important;
}

.dark-mode h2,
.dark-mode h3,
.dark-mode p{
    color:white !important;
}

.dark-mode .card,
.dark-mode .destination,
.dark-mode .experience-card,
.dark-mode .testimonial{
    background:#1f1f1f;
    color:white;
}
.travel-tips{
    padding:100px 20px;
    background:#F5F1E8;
    text-align:center;
}

.travel-tips h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.tips-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

.tip{
    background:white;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}
.map-section{
    padding:100px 20px;
    text-align:center;
    background:white;
}

.map-section h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:20px;
}

.map-section p{
    margin-bottom:30px;
}

.map-section iframe{
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}
.things-to-do{
    padding:100px 20px;
    background:#F5F1E8;
    text-align:center;
}

.things-to-do h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.todo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

.todo-card{
    background:white;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    transition:0.3s;
}

.todo-card:hover{
    transform:translateY(-10px);
}

.todo-card h3{
    color:#0B1D2A;
}
.best-time{
    padding:80px 20px;
    text-align:center;
    background:white;
}

.best-time h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:20px;
}

.best-time p{
    max-width:800px;
    margin:auto;
    font-size:1.2rem;
    line-height:1.8;
}
.facts{
    padding:80px 20px;
    text-align:center;
    background:#F5F1E8;
}

.facts h2{
    font-size:3rem;
    margin-bottom:40px;
    color:#0B1D2A;
}

.facts-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
}

.fact{
    background:white;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}
.hero.addis-hero{
    background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("images/addis-hero.jpg");
    background-size: cover;
    background-position: center;
}

.hero.lalibela-hero{
    background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("images/lalibela-hero.jpg");
    background-size: cover;
    background-position: center;
}

.hero.simien-hero{
    background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("images/simien-hero.jpg");
    background-size: cover;
    background-position: center;
}

.hero.bahirdar-hero{
    background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("images/bahirdar-hero.jpg");
    background-size: cover;
    background-position: center;
}
.fade-in{
    opacity:0;
    transform:translateY(50px);
    transition:all 0.8s ease;
}

.fade-in.show{
    opacity:1;
    transform:translateY(0);
}
.socials{
    padding:100px 20px;
    text-align:center;
    background:white;
}

.socials h2{
    font-size:3rem;
    color:#0B1D2A;
}

.socials p{
    margin-bottom:30px;
}

.social-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
}

.social-links a{
    background:#0B1D2A;
    color:white;
    padding:15px 25px;
    border-radius:40px;
}
.whatsapp-btn{
    position:fixed;
    bottom:10px;
    right:10px;
    width:10px;
    height:40px;
    background:#a49468;
    color:rgb(88, 78, 78);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    text-decoration:none;
    box-shadow:0 5px 20px rgba(0,0,0,0.3);
    z-index:1000;
    transition:0.3s;
}

.whatsapp-btn:hover{
    transform:scale(1.1);
}
.cta{
    background:#0B1D2A;
    color:white;
    text-align:center;
    padding:100px 20px;
}

.cta h2{
    font-size:3rem;
    margin-bottom:20px;
}

.cta p{
    max-width:700px;
    margin:0 auto 30px;
    font-size:1.2rem;
}

.cta-btn{
    display:inline-block;
    background:white;
    color:#0B1D2A;
    padding:15px 35px;
    border-radius:40px;
    font-weight:bold;
}
.testimonials{
    padding:100px 50px;
    background:#F5F1E8;
    text-align:center;
}

.testimonials h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.testimonial{
    background:white;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.testimonial h4{
    margin-top:20px;
    color:#0B1D2A;
}
.stats{
    background:#0B1D2A;
    color:white;
    padding:80px 20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    text-align:center;
}

.stat h2{
    font-size:3rem;
    margin-bottom:10px;
}

.stat p{
    font-size:1.1rem;
}
.gallery-grid img{
    cursor:pointer;
}

.gallery-grid img:hover{
    transform:scale(1.05);
    box-shadow:0 15px 35px rgba(0,0,0,0.2);
}
.gallery{
    padding:100px 50px;
    background:#08141F;
    text-align:center;
}

.gallery h2{
    font-size:3rem;
    color:#D4AF37;
    margin-bottom:50px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:20px;
}

.gallery-grid img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:15px;
    transition:0.4s;
    box-shadow:0 20px 40px rgba(0,0,0,0.3);
    border:1px solid rgba(212,175,55,0.2);
}

.gallery-grid img:hover{
    transform:scale(1.05);
    box-shadow:0 25px 50px rgba(0,0,0,0.25);
}

.gallery-grid img:hover{
    transform:scale(1.03);
}

@media(max-width:768px){

    nav{
        flex-wrap:wrap;
        justify-content:center;
        padding:15px;
    }

    nav ul{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
        width:100%;
        padding:10px 0;
    }

    .menu-btn{
        display:none;
    }

}

    nav ul.show{
        display:flex;
    }
    .hero{
        background-position:75% center;
    }
    .hero h1{
        font-size:2.8rem;
        letter-spacing:3px;
        padding:0 15px;
        line-height:1.2;
    }


    .hero p{
        font-size:1.2rem;
        padding:0 15px;
    }

    h2{
        font-size:2rem !important;
    }
    
    .hero a{
        padding:16px 35px;
        font-size:1rem;
    }

.journey{
    text-align:center;
    padding:120px 50px;
    background:#0B1D2A;
    color:white;
}

.journey h2{
    font-size:3rem;
    margin-bottom:20px;
}

.journey p{
    max-width:700px;
    margin:0 auto 40px;
    font-size:1.2rem;
}

.journey-btn{
    background:white;
    color:#0B1D2A;
}
.gallery-grid img{
    cursor:pointer;
}

.gallery-grid img:hover{
    transform:scale(1.05);
    box-shadow:0 15px 35px rgba(0,0,0,0.25);
}
.quote-section{
    background-image:
    linear-gradient(rgba(0,0,0,0.5),
    rgba(0,0,0,0.5)),
    url("images/nexora2.jpg");

    background-size:cover;
    background-position:center;

    color:white;
    text-align:center;

    padding:150px 50px;
}

.quote-section h2{
    max-width:900px;
    margin:auto;
    font-size:2.5rem;
    line-height:1.5;
}
.gallery{
    padding:100px 50px;
    text-align:center;
    background:#08141F;
}

.gallery h2{
    font-size:3rem;
    color:#D4AF37;
    margin-bottom:50px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:20px;
}

.gallery-grid img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:15px;
    transition:0.3s;
}

.gallery-grid img:hover{
    transform:scale(1.03);
}
html{
    scroll-behavior:smooth;
    
}

body{
    margin:0;
    font-family:Arial, sans-serif;
}

/* NAVBAR */

nav{
    position:fixed;
    top:6px;
    left:50%;
    transform:translateX(-50%);

    width:88%;
    max-width:1200px;

    border-radius:60px;

    background:rgba(0,0,0,0.25);
    backdrop-filter:blur(15px);
}

.logo{
    color:white;
    font-size:1.2rem;
    font-weight:700;
    letter-spacing:2px;
    text-shadow:0 0 20px rgba(255,255,255,0.3);
}

.logo:hover{
    transform:scale(1.05);
}

nav ul{
    display:flex;
    list-style:none;
    gap:30px;
}

nav a{
    color:white;
    text-decoration:none;
    font-weight:bold;
    background:none;
    transition:0.3s;
}

nav a:hover{
    color:#d4af37;
}

nav a{
    transition:0.3s;
}

/* HERO */

.hero{
    height:100vh;
     height:100dvh;
     min-height:100dvh;

    background:
    linear-gradient(
        rgba(0,0,0,0.35),
        rgba(0,0,0,0.65)
    ),
    url("images/nexora1.jpg");

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

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

    text-align:center;
    color:white;
    padding-top:80px;
    padding:0 20px;
}

.hero a{
    background:transparent;
    color:#D4AF37;
    border:2px solid #715804;
    padding:18px 45px;
    letter-spacing:2px;
    text-transform:uppercase;
    border-radius:50px;

    font-weight:700;

    box-shadow:
    0 15px 40px rgba(212,175,55,0.35);
}

.hero h1{
    font-family:'Cinzel', serif;
    font-size:3.5rem;
    letter-spacing:12px;
    font-weight:700;
    margin-bottom:15px;
    text-shadow:0 10px 40px rgba(0,0,0,0.7);
}
.hero p{
    font-size:1.3rem;
    max-width:600px;
    line-height:1.8;
    margin:25px 0 40px;
    letter-spacing:4px;
    text-transform:uppercase;

    color:rgba(255,255,255,0.95);
    text-shadow:0 5px 20px rgba(0,0,0,0.6);
}

a{
    text-decoration:none;
    background:white;
    color:#0B1D2A;
    padding:16px 35px;
    border-radius:50px;
    font-weight:600;
    transition:0.4s;
}

a:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

/* DISCOVER */

.discover{
    padding:100px 50px;
    text-align:center;
    background:#F5F1E8;
}

.discover h2{
    font-size:3rem;
    margin-bottom:20px;
    color:#0B1D2A;
}

.discover p{
    color:#555;
    max-width:700px;
    margin:0 auto 50px;
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

.card{
    background:rgb(225, 219, 219);
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 40px rgba(212,175,55,0.25);
    transform:scale(1.08);
}

.card img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:0.6s ease;
}

.card h3{
    font-family:'Cinzel', serif;
    font-size:1.5rem;
    color:#0B1D2A;
    margin:20px 0;
}

.card p{
    padding:0 20px 20px;
}

/* WHY NEXORA */

.why-nexora{
  background:linear-gradient(
135deg,
#08141F,
#10293D
);
    color:white;
    text-align:center;
    padding:100px 50px;
}

.why-nexora h2{
    font-size:3rem;
    margin-bottom:50px;
}

.features{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
}

.feature{
    background:rgba(255,255,255,0.08);
    padding:30px;
    border-radius:15px;
}

/* DESTINATIONS */

.destinations{
    padding:100px 50px;
    text-align:center;
    background:white;
}

.destination img{
    height:180px;
}

.destinations h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.destination-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.destination{

    background:white;

    border-radius:30px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.destination:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(0,0,0,.14);

}

.destination img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

}

.destination:hover img{

    transform:scale(1.04);

}

.destination h3{
    font-family:'Cinzel', serif;
    font-size:1.7rem;
    color:#0B1D2A;
    margin:30px 24px 15px;
}

.destination p{

    padding:0 24px;

    line-height:1.8;

    color:#666;

    flex-grow:1;

}

.destination-btn{

    display:inline-block;

    align-self:center;

    background:#D4AF37;

    color:#0B1D2A;

    padding:14px 30px;

    border-radius:50px;

    font-weight:700;

    letter-spacing:1px;

    text-decoration:none;

    margin:20px auto 30px;

    transition:.3s;

}


/* EXPERIENCE */

.experience{
    padding:100px 50px;
    background:#F5F1E8;
    text-align:center;
}

.experience h2{
    font-size:3rem;
    color:#0B1D2A;
    margin-bottom:50px;
}

.experience-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.experience-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:0.3s;
}

.experience-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(212,175,55,0.25);
}

.experience-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.experience-card h3{
    padding:20px 20px 10px;
}

.experience-card p{
    padding:0 20px 20px;
}

/* CONTACT */

.contact{
    padding:100px 50px;
    text-align:center;
    background:#08141F;
    color:white;
}

.contact h2{
    font-size:3rem;
    color:#D4AF37;
    margin-bottom:20px;
}

.contact-info{
    margin-top:30px;
    font-size:1.2rem;
    line-height:2;
}

/* FOOTER */

footer{
    background:#050D14;
    color:white;
    text-align:center;
    padding:60px 20px;
    border-top:1px solid rgba(212,175,55,0.2);
}

footer h3{
    color:#D4AF37;
    font-family:'Cinzel', serif;
    letter-spacing:4px;
}

footer p{
    opacity:0.8;
    margin:10px 0;
}

footer p:last-child{
    margin-top:20px;
    opacity:0.6;
}