*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Inter',sans-serif;
    color:#2f2f2f;
    line-height:1.7;
    background:#ffffff;
}

img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
}

/* =========================================================
   GLOBAL CONTAINER
========================================================= */

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* =========================================================
   TOP BAR
========================================================= */

.topbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    border-bottom:1px solid rgba(255,255,255,.15);
}

.topbar-wrapper{
    height:45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.topbar p,
.topbar a{
    color:rgba(255,255,255,.8);
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-decoration:none;
}

.topbar-social{
    display:flex;
    gap:20px;
}

/* =========================================================
   HEADER
========================================================= */

.site-header{
    position:absolute;
    top:45px;
    left:0;
    width:100%;
    z-index:999;

    padding:18px 0;

    border-bottom:1px solid rgba(255,255,255,.12);

    backdrop-filter: blur(5px);
}

/* =========================================================
   HEADER WRAPPER
========================================================= */

.header-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
	min-height:120px;
}

/* =========================================================
   LOGO
========================================================= */

.logo{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex-shrink:0;
}

.logo a{
    display:block;
    line-height:0;
}

.logo img{
    display:block;
    width:220px;      /* Is value ko 220-260px ke beech adjust kar sakte hain */
    height:auto;
    max-width:none;
}

.tagline{
    margin-top:10px;
    font-size:15px;
    color:#d6b37a;
    font-style:italic;
    line-height:1.4;
    white-space:nowrap;   /* Tagline ko 2 line mein tootne se rokega */
}

/* =========================================================
   NAVIGATION
========================================================= */

.main-nav{
    flex:1;
    display:flex;
    justify-content:center;
}

.main-nav > ul{
    display:flex;
    align-items:center;
    gap:38px;

    list-style:none;
    margin:0;
    padding:20px 42px;

    border-radius:80px;

    background:rgba(188,158,116,.25);

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

    backdrop-filter: blur(12px);
}

.main-nav ul li{
    position:relative;
}

.main-nav ul li a{
    text-decoration:none;
    color:#fff;

    font-size:15px;
    font-weight:600;

    letter-spacing:.6px;
    text-transform:uppercase;

    transition:.3s ease;
}

.main-nav ul li a:hover{
    color:#e0c08d;
}

/* =========================================================
   SUBMENU
========================================================= */

.sub-menu{
    position:absolute;
    top:130%;
    left:0;

    min-width:260px;

    list-style:none;
    padding:15px 0;
    margin:0;

    border-radius:18px;

    background:rgba(22,17,13,.95);

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

    backdrop-filter: blur(12px);

    opacity:0;
    visibility:hidden;

    transition:.35s ease;
}

.menu-item-has-children:hover .sub-menu{
    top:115%;
    opacity:1;
    visibility:visible;
}

.sub-menu li{
    width:100%;
}

.sub-menu li a{
    display:block;
    padding:12px 22px;

    font-size:14px;
    font-weight:500;

    text-transform:capitalize;
    letter-spacing:0;
}

.sub-menu li a:hover{
    background:rgba(255,255,255,.05);
    color:#e0c08d;
}

/* =========================================================
   HEADER RIGHT
========================================================= */

.header-right{
    display:flex;
    align-items:center;
    gap:18px;
}

/* =========================================================
   SEARCH BUTTON
========================================================= */

.search-btn{
    width:48px;
    height:48px;

    border-radius:50%;

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

    text-decoration:none;

    color:#fff;

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

    transition:.3s ease;
}

.search-btn:hover{
    background:rgba(214,179,122,.2);
    border-color:rgba(214,179,122,.3);
    color:#e0c08d;
}

/* =========================================================
   CTA BUTTON
========================================================= */

.header-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 32px;
    min-height:56px;

    border-radius:60px;

    background:#d6b37a;
    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:600;

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

    white-space:nowrap; /* IMPORTANT */

    transition:.3s ease;
}

.header-cta:hover{
    background:#fff;
    color:#111;
}

/* =========================================================
   MOBILE MENU TOGGLE
========================================================= */

.menu-toggle{
    width:46px;
    height:46px;

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

    gap:5px;

    border:none;
    border-radius:10px;

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

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

    cursor:pointer;
}

.menu-toggle span{
    width:22px;
    height:2px;
    background:#fff;
    display:block;
}

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

.mobile-header-cta{
    display:none;
}

/* =========================================================
   LARGE SCREEN
========================================================= */

@media(max-width:1200px){

    .main-nav > ul{
        gap:30px;
        padding:18px 35px;
    }

    .logo img{
        width:240px;
    }

    .tagline{
        font-size:13px;
        margin-top:10px;
    }
}

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

@media(max-width:991px){

    .site-header{
        padding:18px 0;
    }

    .menu-toggle{
        display:flex;
    }

    .main-nav{
        position:absolute;
        top:100%;
        left:0;

        width:100%;

        display:none;

        padding:20px;

        background:rgba(14,11,8,.96);

        backdrop-filter: blur(15px);
    }

    .main-nav.active{
        display:block;
    }

    .main-nav > ul{
        width:100%;

        flex-direction:column;
        align-items:flex-start;

        gap:0;

        padding:20px;

        border-radius:25px;
    }

    .main-nav ul li{
        width:100%;
    }

    .main-nav ul li a{
        display:block;
        width:100%;

        padding:16px 0;

        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .sub-menu{
        position:static;

        opacity:1;
        visibility:visible;

        display:none;

        width:100%;

        margin-top:10px;

        border-radius:15px;

        background:rgba(255,255,255,.03);
    }

    .menu-item-has-children.active .sub-menu{
        display:block;
    }

    .sub-menu li a{
        padding:12px 18px;
    }

    .header-right .header-cta{
        display:none;
    }

    .mobile-header-cta{
        display:block;
        width:100%;
        margin-top:20px;
    }

    .mobile-header-cta .header-cta{
        width:100%;
    }

    .logo img{
        width:240px;
    }

    .tagline{
        font-size:13px;
        margin-top:10px;
    }
}

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

@media(max-width:767px){

    .container{
        width:92%;
    }

    .topbar-wrapper{
        height:auto;
        padding:10px 0;
        flex-direction:column;
        gap:10px;
    }

    .topbar p{
        text-align:center;
        line-height:1.6;
    }

    .site-header{
        top:78px;
        padding:15px 0;
    }

    .header-wrapper{
        gap:15px;
    }

    .logo img{
        width:240px;
    }

    .tagline{
        font-size:13px;
        margin-top:10px;
    }

    

    .search-btn{
        display:none;
    }

    .main-nav{
        padding:15px;
    }

    .main-nav > ul{
        padding:18px;
    }
}

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

@media(max-width:575px){

    .logo a{
        font-size:26px;
    }

    .tagline{
        display:none;
    }

    .menu-toggle{
        width:42px;
        height:42px;
    }

    .menu-toggle span{
        width:20px;
    }

    .header-cta{
        padding:13px 24px;
        font-size:14px;
    }

    .topbar-social{
        gap:12px;
        flex-wrap:wrap;
        justify-content:center;
    }

    .topbar p,
    .topbar a{
        font-size:10px;
    }
}


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

.hero-section{
    position:relative;
    background:url('../images/hero-bg.webp') center center/cover no-repeat;
    overflow:hidden;
    padding:220px 0 140px;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.45) 50%,
        rgba(0,0,0,.25) 100%
    );
}

.hero-section .container{
    position:relative;
    z-index:2;
}

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

.hero-wrapper{
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:70px;
    align-items:center;
}

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

.hero-content{
    max-width:800px;
}

.hero-label{
    display:inline-block;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:13px;
    font-weight:600;
    margin-bottom:25px;
}

.hero-content h1{
    font-size:92px;
    line-height:.92;
    color:#fff;
    margin-bottom:30px;
    font-family:'Cormorant Garamond', serif;
    font-weight:600;
}

.hero-content p{
    max-width:650px;
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
    margin-bottom:40px;
}

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

.hero-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 36px;
    background:#c6a97a;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s ease;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 36px;
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    backdrop-filter:blur(10px);
    transition:.3s ease;
}

.btn-secondary:hover{
    background:rgba(255,255,255,.08);
}

/* ====================================
   HERO TOPICS SIDEBAR
==================================== */

.hero-categories{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.hero-category{
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    padding:28px;
    transition:.35s ease;
}

.hero-category:hover{
    transform:translateX(-8px);
    background:rgba(255,255,255,.16);
}

.hero-category span{
    display:block;
    color:#c6a97a;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:10px;
}

.hero-category h4{
    color:#fff;
    margin:0;
    font-size:32px;
    line-height:1.1;
    font-family:'Cormorant Garamond', serif;
    font-weight:600;
}

/* ====================================
   LARGE DESKTOP
==================================== */

@media(max-width:1400px){

    .hero-content h1{
        font-size:78px;
    }

    .hero-wrapper{
        grid-template-columns:minmax(0,1fr) 380px;
        gap:50px;
    }

}

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

@media(max-width:991px){

    .hero-section{
        padding:160px 0 100px;
    }

    .hero-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .hero-content{
        max-width:100%;
    }

    .hero-content h1{
        font-size:64px;
    }

    .hero-categories{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .hero-category:hover{
        transform:none;
    }

}

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

@media(max-width:767px){

    .hero-section{
        padding:130px 0 80px;
    }

    .hero-content h1{
        font-size:48px;
        line-height:1;
    }

    .hero-content p{
        font-size:17px;
        line-height:1.7;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:flex-start;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        max-width:280px;
    }

    .hero-categories{
        grid-template-columns:1fr;
    }

    .hero-category{
        padding:24px;
    }

    .hero-category h4{
        font-size:28px;
    }

}
/* ==========================
   LATEST STORIES HORIZONTAL
========================== */

.latest-stories-horizontal{
    padding:120px 0;
    background:#f8f5ef;
}

.latest-story-header{
    text-align:center;
    margin-bottom:60px;
}

.latest-story-header span{
    display:block;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
    margin-bottom:15px;
}

.latest-story-header h2{
    font-size:64px;
    line-height:1;
    font-family:'Cormorant Garamond',serif;
}

.latest-story-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:25px;
}

.story-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    min-height:520px;
}

.story-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    inset:0;
}

.story-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.15)
    );
}

.story-content{
    position:absolute;
    left:25px;
    right:25px;
    bottom:25px;
    z-index:10;
}

.story-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    background:#c6a97a;
    color:#fff !important;
    border-radius:50px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.story-content span{
    color:#d8c29a;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.story-content h3{
    color:#fff;
    font-size:42px;
    line-height:1;
    margin:15px 0 20px;
    font-family:'Cormorant Garamond',serif;
}

.story-content h4{
    color:#fff;
    font-size:28px;
    line-height:1.2;
    margin-top:12px;
    font-family:'Cormorant Garamond',serif;
}

.story-content a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
}

.featured{
    min-height:520px;
}

/* Responsive */

@media(max-width:1199px){

    .latest-story-grid{
        grid-template-columns:1fr 1fr;
    }

    .featured{
        grid-column:span 2;
    }

}

@media(max-width:767px){

    .latest-story-grid{
        grid-template-columns:1fr;
    }

    .featured{
        grid-column:span 1;
    }

    .story-card{
        min-height:420px;
    }

    .latest-story-header h2{
        font-size:42px;
    }

}

/* ==========================
   FEATURED STORIES
========================== */

.featured-stories{
    padding:140px 0;
    background:#f8f5ef;
}

.stories-layout{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:35px;
}

.story-large{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.story-large img{
    width:100%;
    height:700px;
    object-fit:cover;
}

.story-content{
    position:absolute;
    left:40px;
    bottom:40px;
    color:#fff;
    max-width:500px;
}

.story-content span{
    display:inline-block;
    margin-bottom:15px;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:1px;
}

.story-content h3{
    font-size:54px;
    line-height:1.1;
    margin-bottom:15px;
    font-family:'Cormorant Garamond',serif;
}

.story-content p{
    color:rgba(255,255,255,.85);
}

.story-right{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.story-small{
    display:flex;
    gap:20px;
    align-items:center;
    padding:15px;
    border-radius:14px;
    transition:.3s;
}

.story-small:hover{
    background:#f8f5ef;
}

.story-small img{
    width:150px;
    height:120px;
    object-fit:cover;
    border-radius:12px;
}

.story-small span{
    color:#1d5b47;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.story-small h4{
    margin-top:8px;
    font-size:28px;
    line-height:1.2;
    font-family:'Cormorant Garamond',serif;
}

/* ==========================
   CATEGORIES HUB
========================== */

.categories-hub{
    padding:140px 0;
    background:url("../images/paper-texture.webp") repeat;
}

.categories-layout{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.category-box{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    display:block;
}

.category-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.category-box:hover img{
    transform:scale(1.08);
}

.large{
    height:450px;
}

.wide{
    grid-column:span 2;
    height:320px;
}

.full{
    grid-column:span 2;
    height:500px;
}

.category-overlay{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    padding:40px;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.75)
    );
}

.category-overlay span{
    color:#c6a97a;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
}

.category-overlay h3{
    color:#fff;
    margin-top:12px;
    font-size:42px;
    line-height:1.1;
    font-family:'Cormorant Garamond',serif;
}

/* ==========================
   BLOG FEED
========================== */

.latest-articles{
    padding:140px 0;
    background:#faf8f4;
}
.section-heading{
    text-align:center;
    max-width:900px;
    margin:0 auto 80px;
}

.section-heading span{
    display:block;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
    font-size:14px;
    font-weight:600;
}

.section-heading h2{
    font-size:72px;
    line-height:1;
    margin:0;
    font-family:'Cormorant Garamond',serif;
}

.blog-layout{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
	padding:100px 0;
}

.blog-layout .container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:820px 340px;

    justify-content:space-between;

    align-items:start;

    gap:70px;

}

.blog-posts{
    display:flex;
    flex-direction:column;
    gap:50px;
}

.blog-post{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:30px;
    align-items:center;
}

.blog-post img{
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius:16px;
}

.blog-post .post-content span{
    color:#1d5b47;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
}

.blog-post .post-content h3{
    margin:12px 0;
    font-size:40px;
    line-height:1.15;
    font-family:'Cormorant Garamond',serif;
}

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

.blog-post .post-content a{
    color:#1d5b47;
    font-weight:600;
}

/* Sidebar */

.blog-sidebar{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.sidebar-widget{
    background:#f8f5ef;
    padding:30px;
    border-radius:18px;
}

.sidebar-widget h4{
    margin-bottom:20px;
    font-size:26px;
    font-family:'Cormorant Garamond',serif;
}

.sidebar-widget ul{
    list-style:none;
}

.sidebar-widget li{
    margin-bottom:15px;
}

.sidebar-widget a{
    color:#222;
}

.newsletter-widget{
    background:#214d3b;
    color:#fff;
}

.newsletter-widget input{
    width:100%;
    height:50px;
    margin:15px 0;
    padding:0 15px;
    border:none;
    border-radius:8px;
}

.newsletter-widget button{
    width:100%;
    height:50px;
    border:none;
    background:#c6a97a;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
}
/* ==========================
   SAFARI MANIFESTO
========================== */

.safari-manifesto{
    position:relative;
    padding:180px 0;
    background:url('../images/manifesto-bg.webp') center center/cover;
    overflow:hidden;
}

.manifesto-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}

.manifesto-content{
    position:relative;
    z-index:2;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.manifesto-content span{
    display:inline-block;
    color:#c6a97a;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:25px;
}

.manifesto-content h2{
    color:#fff;
    font-size:72px;
    line-height:1.05;
    margin-bottom:70px;
    font-family:'Cormorant Garamond',serif;
}

.manifesto-lines{
    max-width:800px;
    margin:auto;
}

.manifesto-line{
    display:flex;
    align-items:center;
    gap:30px;
    padding:25px 0;
    border-bottom:1px solid rgba(255,255,255,.15);
}

.manifesto-line:last-child{
    border-bottom:none;
}

.manifesto-line span{
    color:#c6a97a;
    font-size:18px;
    min-width:50px;
    margin:0;
}

.manifesto-line p{
    color:#fff;
    font-size:26px;
    line-height:1.5;
    text-align:left;
    margin:0;
    font-family:'Cormorant Garamond',serif;
}

.manifesto-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:60px;
    padding:18px 38px;
    background:#c6a97a;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    transition:.3s;
}

.manifesto-btn:hover{
    transform:translateY(-4px);
}
/* ==================================
   SAFARI ROADMAP
================================== */

.safari-roadmap{
    position:relative;
    overflow:hidden;
    padding:180px 0;

    background:url('../images/safari-bg.webp') center top no-repeat;
    background-size:cover;
}



.roadmap-heading{
    text-align:center;
    max-width:900px;
    margin:0 auto 100px;
}

.roadmap-heading span{
    display:block;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.roadmap-heading h2{
    font-size:72px;
    line-height:1;
    margin-bottom:25px;
    font-family:'Cormorant Garamond',serif;
}

.roadmap-heading p{
    max-width:700px;
    margin:auto;
}

.roadmap-wrapper{
    position:relative;
    max-width:1300px;
    height:2050px;
    margin:auto;
}

/* ROAD */

.road-line{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:350px;
    height:100%;
}

.road-line svg{
    width:100%;
    height:100%;
}

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

.road-card{
    position:absolute;
    width:520px;
    min-height:250px;

    display:flex;
    align-items:stretch;

    background:#fff;
    border-radius:24px;
    overflow:hidden;

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

.card-right{
    flex-direction:row-reverse;
}

/* IMAGE */

.card-image{
    width:210px;
    flex-shrink:0;
}

.card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* CONTENT */

.card-content{
    flex:1;
    padding:25px 30px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* NUMBER */

.step-number{
    width:60px;
    height:60px;

    background:#1d5b47;
    color:#fff;

    border-radius:50%;

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

    font-size:28px;
    font-weight:700;

    margin-bottom:18px;
}

/* TITLE */

.card-content h3{
    font-size:28px;
    line-height:1.15;
    margin-bottom:15px;

    font-family:'Cormorant Garamond',serif;
}

/* TEXT */

.card-content p{
    font-size:16px;
    line-height:1.7;
    margin-bottom:18px;
}

/* LINK */

.card-content a{
    color:#1d5b47;
    font-weight:600;
    text-decoration:none;
}

/* LEFT / RIGHT POSITION */

.card-left{
    left:40px;
}

.card-right{
    right:40px;
}

/* CARD POSITIONS */

.card-1{
    top:80px;
}

.card-2{
    top:500px;
}

.card-3{
    top:920px;
}

.card-4{
    top:1340px;
}

.card-5{
    top:1760px;
}
@media(max-width:1199px){

    .road-card{
        width:460px;
    }

    .card-left{
        left:0;
    }

    .card-right{
        right:0;
    }

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

    .roadmap-wrapper{
        height:auto;
        display:flex;
        flex-direction:column;
        gap:30px;
    }

    .road-line{
        display:none;
    }

    .road-card{
        position:relative;
        width:100%;
        max-width:100%;
        top:auto !important;
        left:auto !important;
        right:auto !important;
    }

    .card-right{
        flex-direction:row-reverse;
    }

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

    .safari-roadmap{
        padding:100px 0;
    }

    .roadmap-heading{
        margin-bottom:60px;
    }

    .roadmap-heading h2{
        font-size:42px;
    }

    .road-card{
        flex-direction:column;
    }

    .card-right{
        flex-direction:column;
    }

    .card-image{
        width:100%;
        height:240px;
    }

    .card-content{
        padding:25px;
    }

    .step-number{
        width:50px;
        height:50px;
        font-size:22px;
    }

    .card-content h3{
        font-size:24px;
    }

    .card-content p{
        font-size:15px;
    }

}
/* ===================================
   SERVICES SECTION
=================================== */

.si-services-section{
    padding:120px 0;
    background:url("../images/paper-texture.webp")
    overflow:hidden;
}

.si-services-heading{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
    padding:0 15px;
}

.si-services-heading span{
    display:block;
    color:#c6a97a;
    font-size:13px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.si-services-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    line-height:1;
    margin-bottom:20px;
    color:#1f1f1f;
}

.si-services-heading p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/* Slider Wrap */

.si-services-slider-wrap{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}

.servicesSwiper{
    overflow:visible;
}

/* Swiper Slide */

.servicesSwiper .swiper-slide{
    height:auto;
}

/* Card */

.si-service-card{
    position:relative;
    height:520px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.si-service-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.si-service-card:hover img{
    transform:scale(1.05);
}

.si-service-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.82) 10%,
        rgba(0,0,0,.28) 45%,
        rgba(0,0,0,.05) 100%
    );
}

/* Overlay */

.si-service-overlay{
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;
    z-index:2;
    color:#fff;
}

.si-service-tag{
    display:inline-block;
    padding:8px 14px;
    border-radius:30px;
    background:#c6a97a;
    font-size:12px;
    margin-bottom:18px;
    letter-spacing:1px;
}

.si-service-overlay h3{
    font-family:'Cormorant Garamond',serif;
    font-size:42px;
    line-height:1;
    margin-bottom:15px;
}

.si-service-overlay p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:18px;
    color:rgba(255,255,255,.9);
}

.si-service-overlay a{
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
}

.si-service-overlay a:hover{
    color:#c6a97a;
}

/* Custom Pagination */

.services-pagination{
    text-align:center;
    margin-top:40px;
}

.services-pagination .swiper-pagination-bullet{
    width:11px;
    height:11px;
    background:#d4cabc;
    opacity:1;
    margin:0 6px;
    transition:.3s;
}

.services-pagination .swiper-pagination-bullet-active{
    width:34px;
    border-radius:20px;
    background:#c6a97a;
}

/* Responsive */

@media(max-width:991px){

    .si-services-section{
        padding:90px 0;
    }

    .si-services-heading h2{
        font-size:48px;
    }

    .si-service-card{
        height:450px;
    }

}

@media(max-width:767px){

    .si-services-section{
        padding:80px 0;
    }

    .si-services-heading h2{
        font-size:38px;
    }

    .si-service-card{
        height:400px;
    }

    .si-service-overlay{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .si-service-overlay h3{
        font-size:30px;
    }

}

/* ==========================
   FEATURED EBOOK SECTION
========================== */

.ebook-feature-section{
    padding:120px 0;
    background:#faf8f5;
}

.ebook-feature-wrapper{
    display:flex;
    align-items:center;
    gap:80px;
    background:#fff;
    border-radius:28px;
    padding:60px;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

/* Left Side */

.ebook-image-area{
    width:38%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* Decorative Background Shape */
.ebook-bg-circle{
    position:absolute;
    width:340px;
    height:420px;
    background:#f1e9dd;
    border-radius:24px;
    transform:rotate(-6deg);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

/* eBook Cover */
.ebook-cover{
    position:relative;
    z-index:2;
    width:280px;
    height:380px;
    object-fit:cover;
    object-position:center;
    display:block;
    border-radius:16px;
    border:8px solid #fff;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    transition:all .4s ease;
}

.ebook-cover:hover{
    transform:translateY(-8px) rotate(2deg);
    box-shadow:0 28px 55px rgba(0,0,0,.22);
}

/* Right Side */

.ebook-content-area{
    width:62%;
}

.ebook-subtitle{
    display:inline-block;
    color:#c6a97a;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.ebook-content-area h2{
    font-family:'Cormorant Garamond', serif;
    font-size:58px;
    line-height:1;
    color:#1f1f1f;
    margin:0 0 20px;
}

.ebook-content-area p{
    color:#666;
    font-size:17px;
    line-height:1.8;
    margin-bottom:35px;
}

/* Feature List */

.ebook-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;
}

.ebook-list-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px 18px;
    background:#faf8f5;
    border-radius:14px;
}

.ebook-list-item span{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:#c6a97a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
}

.ebook-list-item p{
    margin:0;
    color:#333;
    font-size:15px;
    line-height:1.5;
}

/* Buttons */

.ebook-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.ebook-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 32px;
    border-radius:50px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.ebook-btn-primary{
    background:#c6a97a;
    color:#fff;
}

.ebook-btn-primary:hover{
    background:#b39367;
}

.ebook-btn-outline{
    background:#fff;
    color:#222;
    border:1px solid #d9ccb7;
}

.ebook-btn-outline:hover{
    background:#f7f3ec;
}

/* ==========================
   Responsive
========================== */

@media(max-width:991px){

    .ebook-feature-wrapper{
        flex-direction:column;
        text-align:center;
        gap:50px;
        padding:50px 35px;
    }

    .ebook-image-area,
    .ebook-content-area{
        width:100%;
    }

    .ebook-content-area h2{
        font-size:46px;
    }

    .ebook-list{
        grid-template-columns:1fr;
    }

    .ebook-buttons{
        justify-content:center;
    }

}

@media(max-width:767px){

    .ebook-feature-section{
        padding:80px 0;
    }

    .ebook-feature-wrapper{
        padding:35px 20px;
        border-radius:20px;
    }

    .ebook-bg-circle{
        width:240px;
        height:240px;
    }

    .ebook-cover{
        width:190px;
    }

    .ebook-content-area h2{
        font-size:36px;
    }

    .ebook-content-area p{
        font-size:16px;
    }

    .ebook-btn{
        width:100%;
    }

}

/* ==========================
   ABOUT JAMES MODERN
========================== */

.about-james-modern{
    padding:160px 0;
    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
}

.about-story-wrapper{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.about-story-image img{
    width:100%;
    height:750px;
    object-fit:cover;
    border-radius:24px;
}

.about-story-card{
    position:absolute;
    right:0;
    bottom:-60px;
    width:550px;
    background:#fff;
    padding:60px;
    border-radius:24px;
    box-shadow:0 30px 80px rgba(0,0,0,.12);
}

.about-story-card span{
    color:#c6a97a;
    letter-spacing:3px;
    font-size:13px;
    text-transform:uppercase;
}

.about-story-card h2{
    font-size:62px;
    line-height:1;
    margin:20px 0 25px;
    font-family:'Cormorant Garamond',serif;
}

.about-story-card p{
    margin-bottom:20px;
}

.about-story-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    padding:16px 34px;
    background:#1d5b47;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}

/* Extra bottom spacing */

.about-james-modern{
    margin-bottom:80px;
}
/* ==========================
   SAFARI ADVICE CTA
========================== */

.safari-advice-cta{
    padding:140px 0;
    background:#faf8f4;
}

.advice-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.advice-content span{
    display:block;
    color:#c6a97a;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.advice-content h2{
    font-size:64px;
    line-height:1.1;
    margin-bottom:25px;
    font-family:'Cormorant Garamond',serif;
}

.advice-content p{
    margin-bottom:30px;
    font-size:18px;
    line-height:1.8;
}

.advice-points{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.advice-points li{
    margin-bottom:15px;
    font-size:17px;
}

.advice-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 38px;
    background:#1d5b47;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
}

.advice-btn:hover{
    transform:translateY(-3px);
}

.advice-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:24px;
}

@media(max-width:991px){

    .advice-wrapper{
        grid-template-columns:1fr;
    }

    .advice-content h2{
        font-size:48px;
    }

    .advice-image img{
        height:450px;
    }

}
/*=================================
PHOTOGRAPHY TOURS BANNER
=================================*/

.photo-tour-banner{
    position:relative;
    padding:180px 0;
    background:url('../images/photography-tour-banner.webp') center center/cover no-repeat;
    overflow:hidden;
}

.photo-tour-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.55) 40%,
        rgba(0,0,0,.20) 100%
    );
}

.photo-tour-content{
    position:relative;
    z-index:2;
    max-width:750px;
    color:#fff;
}

.photo-tour-content span{
    display:inline-block;
    margin-bottom:20px;
    color:#d8bb84;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
}

.photo-tour-content h2{
    font-size:72px;
    line-height:1;
    margin-bottom:25px;
    color:#fff;
}

.photo-tour-content p{
    max-width:650px;
    font-size:20px;
    line-height:1.8;
    margin-bottom:40px;
    color:rgba(255,255,255,.85);
}

.tour-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:45px;
}

.highlight-item{
    padding:14px 24px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50px;
    backdrop-filter:blur(10px);
    background:rgba(255,255,255,.08);
    font-size:15px;
}

.tour-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.tour-btn-primary{
    padding:18px 34px;
    background:#1d5b47;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.tour-btn-secondary{
    padding:18px 34px;
    border:1px solid rgba(255,255,255,.30);
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.tour-btn-primary:hover,
.tour-btn-secondary:hover{
    transform:translateY(-3px);
}

/* Tablet */

@media(max-width:991px){

    .photo-tour-banner{
        padding:140px 0;
    }

    .photo-tour-content h2{
        font-size:54px;
    }

}

/* Mobile */

@media(max-width:767px){

    .photo-tour-banner{
        padding:100px 0;
    }

    .photo-tour-content h2{
        font-size:38px;
    }

    .photo-tour-content p{
        font-size:17px;
    }

}
/*=================================
EBOOK PREVIEW
=================================*/

.ebook-preview-section{
    padding:140px 0;
    background:#f8f5ef;
}

.ebook-preview-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.ebook-preview-header span{
    display:block;
    color:#c7a66b;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
    font-size:13px;
}

.ebook-preview-header h2{
    font-size:64px;
    line-height:1.05;
    margin-bottom:20px;
}

.ebook-preview-header p{
    font-size:20px;
    color:#666;
}

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

.preview-card{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.preview-number{
    font-size:42px;
    font-weight:700;
    color:#1d5b47;
    margin-bottom:20px;
}

.preview-card h3{
    margin-bottom:15px;
    font-size:26px;
}

.preview-card p{
    color:#666;
    line-height:1.8;
}

.ebook-preview-actions{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.ebook-btn-primary{
    background:#1d5b47;
    color:#fff;
    padding:18px 34px;
    border-radius:50px;
    text-decoration:none;
}

.ebook-btn-secondary{
    border:1px solid #d5c4a1;
    color:#222;
    padding:18px 34px;
    border-radius:50px;
    text-decoration:none;
}

@media(max-width:991px){

    .ebook-preview-grid{
        grid-template-columns:1fr;
    }

    .ebook-preview-header h2{
        font-size:46px;
    }

}

@media(max-width:767px){

    .ebook-preview-section{
        padding:80px 0;
    }

    .ebook-preview-header h2{
        font-size:34px;
    }

}

/* ==========================
   EBOOK CTA MODERN
========================== */

.ebook-cta-modern{
    position:relative;
    padding:220px 0;
    background:url('../images/ebook-bg.webp') center center/cover;
}

.ebook-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.60);
}

.ebook-content{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:850px;
    margin:auto;
}

.ebook-content span{
    color:#c6a97a;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
}

.ebook-content h2{
    color:#fff;
    font-size:72px;
    line-height:1;
    margin:25px 0;
    font-family:'Cormorant Garamond',serif;
}

.ebook-content p{
    color:rgba(255,255,255,.9);
    max-width:650px;
    margin:0 auto 40px;
    font-size:18px;
}

.ebook-form{
    display:flex;
    justify-content:center;
    gap:15px;
    max-width:700px;
    margin:0 auto 20px;
}

.ebook-form input{
    flex:1;
    height:65px;
    border:none;
    border-radius:60px;
    padding:0 25px;
    font-size:16px;
}

.ebook-form button{
    height:65px;
    padding:0 35px;
    border:none;
    border-radius:60px;
    background:#c6a97a;
    color:#fff;
    cursor:pointer;
    font-weight:600;
}

.ebook-content small{
    color:rgba(255,255,255,.75);
}

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

.gallery-showcase-modern{
    padding:160px 0;
    background:#f8f5ef;
}

.gallery-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 80px;
}

.gallery-header span{
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
}

.gallery-header h2{
    font-size:72px;
    line-height:1;
    margin:20px 0;
    font-family:'Cormorant Garamond',serif;
}

.gallery-header p{
    max-width:650px;
    margin:auto;
}

.gallery-layout{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:25px;
}

.gallery-featured img{
    width:100%;
    height:750px;
    object-fit:cover;
    border-radius:20px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.gallery-grid img{
    width:100%;
    height:362px;
    object-fit:cover;
    border-radius:20px;
    transition:.4s;
}

.gallery-grid img:hover,
.gallery-featured img:hover{
    transform:scale(1.02);
}

.gallery-cta{
    text-align:center;
    margin-top:60px;
}

.gallery-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 40px;
    background:#1d5b47;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}
/* ==========================
   COMMUNITY SECTION
========================== */

.community-section{
    padding:160px 0;
    background:#1d352d;
}

.community-wrapper{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:80px;
    align-items:center;
}

.community-left span{
    color:#c6a97a;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
}

.community-left h2{
    color:#fff;
    font-size:72px;
    line-height:1;
    margin:20px 0 25px;
    font-family:'Cormorant Garamond',serif;
}

.community-left p{
    color:rgba(255,255,255,.85);
    max-width:650px;
    margin-bottom:35px;
}

.community-benefits{
    list-style:none;
    padding:0;
}

.community-benefits li{
    color:#fff;
    margin-bottom:18px;
    font-size:18px;
}

.community-card{
    background:#fff;
    padding:50px;
    border-radius:24px;
}

.community-card h3{
    font-size:38px;
    margin-bottom:15px;
    font-family:'Cormorant Garamond',serif;
}

.community-card p{
    margin-bottom:25px;
}

.community-card form{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.community-card input{
    height:60px;
    padding:0 20px;
    border:1px solid #ddd;
    border-radius:10px;
}

.community-card button{
    height:60px;
    border:none;
    background:#1d5b47;
    color:#fff;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
}
/* ==========================
   FOOTER
========================== */

.site-footer{
    background:#111;
    padding:120px 0 40px;
}

.footer-top{
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:100px;
    padding-bottom:70px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-logo{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:42px;
    font-weight:700;
    margin-bottom:25px;
    font-family:'Cormorant Garamond',serif;
}

.footer-logo span{
    color:#c6a97a;
}

.footer-brand p{
    color:rgba(255,255,255,.7);
    max-width:420px;
    line-height:1.8;
}

.footer-links{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

.footer-column h4{
    color:#fff;
    margin-bottom:25px;
    font-size:22px;
    font-family:'Cormorant Garamond',serif;
}

.footer-column ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-column li{
    margin-bottom:14px;
}

.footer-column a{
    color:rgba(255,255,255,.7);
    text-decoration:none;
    transition:.3s;
}

.footer-column a:hover{
    color:#c6a97a;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:35px;
}

.footer-bottom p{
    color:rgba(255,255,255,.6);
    margin:0;
}

.footer-bottom-links{
    display:flex;
    gap:25px;
}

.footer-bottom-links a{
    color:rgba(255,255,255,.6);
    text-decoration:none;
}

.footer-bottom-links a:hover{
    color:#c6a97a;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:991px){

    .footer-top{
        grid-template-columns:1fr;
        gap:60px;
    }

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

}

@media(max-width:767px){

    .footer-links{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }

}

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

.story-intro-block{
    padding:140px 0;
}

.story-intro-layout{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:80px;
    align-items:center;
}

.story-intro-photo{
    border-radius:28px;
    overflow:hidden;
}

.story-intro-photo img{
    width:100%;
    height:720px;
    object-fit:cover;
    display:block;
}

.story-intro-label{
    display:inline-block;
    margin-bottom:20px;

    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#b28c52;
}

.story-intro-title{
    margin-bottom:30px;

    font-size:72px;
    line-height:1.05;
    font-weight:600;

    color:#111111;
}

.story-intro-description{
    margin-bottom:20px;

    font-size:18px;
    line-height:1.9;

    color:#666666;
}

@media(max-width:991px){

    .story-intro-layout{
        grid-template-columns:1fr;
        gap:50px;
    }

    .story-intro-photo img{
        height:500px;
    }

    .story-intro-title{
        font-size:48px;
    }

}

/*==============================
EDITOR'S PICKS
==============================*/

.editors-picks-section{
    padding:140px 0;
    background:#f8f6f2;
}

.editors-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:300px 300px;
    gap:25px;
}

.pick-large{
    grid-row:span 2;
    position:relative;
    overflow:hidden;
    border-radius:24px;
}

.pick-small{
    position:relative;
    overflow:hidden;
    border-radius:24px;
}

.pick-large img,
.pick-small img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.pick-large::before,
.pick-small::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.75)
    );
    z-index:1;
}

.pick-content{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;
    z-index:2;
    color:#fff;
}

.pick-content span{
    display:block;
    margin-bottom:10px;
    color:#d6bb87;
    font-size:12px;
    letter-spacing:2px;
}

.pick-large h3{
    font-size:34px;
    line-height:1.2;
}

.pick-small h3{
    font-size:22px;
    line-height:1.3;
}

.pick-content a{
    display:inline-block;
    margin-top:15px;
    color:#fff;
}

.pick-large:hover img,
.pick-small:hover img{
    transform:scale(1.08);
}

@media(max-width:991px){

    .editors-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }

    .pick-large{
        height:450px;
    }

    .pick-small{
        height:280px;
    }

}

/*=================================
SAFARI PATHS
=================================*/

.safari-paths-section{
    padding:140px 0;
    background:#faf8f4;
}

.safari-paths-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.path-card{
    position:relative;
    display:block;
    height:520px;
    overflow:hidden;
    border-radius:24px;
    text-decoration:none;
}

.path-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.path-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.15)
    );
}

.path-content{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;
    color:#fff;
    z-index:2;
}

.path-content span{
    display:block;
    margin-bottom:15px;
    color:#d8bb84;
    font-size:14px;
    letter-spacing:2px;
}

.path-content h3{
    font-size:30px;
    margin-bottom:15px;
    color:#fff;
}

.path-content p{
    font-size:15px;
    line-height:1.8;
    margin-bottom:20px;
    color:rgba(255,255,255,.85);
}

.path-content strong{
    color:#fff;
    font-size:15px;
}

.path-card:hover img{
    transform:scale(1.08);
}

@media(max-width:1200px){

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

}

@media(max-width:767px){

    .safari-paths-section{
        padding:80px 0;
    }

    .safari-paths-grid{
        grid-template-columns:1fr;
    }

    .path-card{
        height:420px;
    }

}
/* ==========================
   SAFARI LIBRARY
========================== */

.safari-library{
    padding:120px 0;
    background:#f8f5ef;
}

.library-header{
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.library-header span{
    display:block;
    color:#c6a97a;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
    margin-bottom:15px;
}

.library-header h2{
    font-size:64px;
    line-height:1;
    margin-bottom:20px;
    font-family:'Cormorant Garamond',serif;
}

.library-header p{
    color:#666;
    line-height:1.8;
}

/* Bookshelf */

.bookshelf-wrap{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.books-row{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:25px;
    position:relative;
    z-index:2;
}

.safari-book{
    text-align:center;
    max-width:220px;
}

.book-cover{
    transition:.4s;
}

.safari-book:hover .book-cover{
    transform:translateY(-15px) rotate(-2deg);
}

.safari-book:nth-child(even):hover .book-cover{
    transform:translateY(-15px) rotate(2deg);
}

.book-cover img{
    width:180px;
    height:260px;
    object-fit:cover;
    border-radius:4px;

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

.safari-book h4{
    margin:18px 0 12px;
    font-size:24px;
    line-height:1.2;
    font-family:'Cormorant Garamond',serif;
}

/* Price + Button */

.book-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.book-price{
    font-size:18px;
    font-weight:700;
    color:#1f4f43;
}

.book-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    background:#1f4f43;
    color:#fff;
    text-decoration:none;

    border-radius:30px;
    font-size:13px;
    transition:.3s;
}

.book-btn:hover{
    background:#c6a97a;
}

/* Wooden Shelf */

.wooden-shelf{
    height:28px;
    margin-top:-5px;

    background:
    linear-gradient(
        to bottom,
        #9c6a37,
        #7b4d24
    );

    border-radius:6px;

    box-shadow:
    0 10px 20px rgba(0,0,0,.15),
    inset 0 -4px 6px rgba(0,0,0,.15);
}

/* Footer */

.library-footer{
    text-align:center;
    margin-top:50px;
}

.library-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:16px 32px;

    border:1px solid #1f4f43;

    color:#1f4f43;
    text-decoration:none;

    border-radius:50px;
    transition:.3s;
}

.library-link:hover{
    background:#1f4f43;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .books-row{
        flex-wrap:wrap;
        gap:40px;
    }

    .wooden-shelf{
        display:none;
    }

}

@media(max-width:767px){

    .safari-library{
        padding:80px 0;
    }

    .library-header h2{
        font-size:42px;
    }

    .book-cover img{
        width:140px;
        height:210px;
    }

    .safari-book h4{
        font-size:20px;
    }

}
/*======================================
    ABOUT HERO
======================================*/

.about-hero-section{
    position: relative;
    min-height: 78vh;   /* 72vh se thoda bada */
    display: flex;
    align-items: center;
    overflow: hidden;

    /* Top padding badha diya */
    padding: 240px 0 120px;

    background: url('../images/about-hero.png') center center/cover no-repeat;
}

.about-hero-section .container{
    position:relative;
    z-index:10;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:110px;
}

.about-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(10,18,18,.82) 0%,
        rgba(10,18,18,.58) 42%,
        rgba(10,18,18,.20) 100%
    );
}



/* Left Content */

.about-hero-content{
    max-width:760px;
    flex:1;
}

.about-founder-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    margin-bottom:28px;
    background:rgba(214,179,122,.16);
    border:1px solid rgba(214,179,122,.35);
    border-radius:50px;
    color:#d6b37a;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
}

.about-founder-label i{
    font-size:13px;
}

.about-hero-content h1{
    font-family:'Cormorant Garamond',serif;
    font-size:92px;
    line-height:.92;
    font-weight:500;
    color:#fff;
    margin-bottom:32px;
    letter-spacing:-1px;
    text-shadow:0 6px 24px rgba(0,0,0,.18);
}

.about-hero-content p{
    max-width:640px;
    color:rgba(255,255,255,.90);
    font-size:22px;
    line-height:1.9;
    margin-bottom:38px;
    text-shadow:0 2px 10px rgba(0,0,0,.15);
}

/* Author Meta */

.about-author-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:40px;
}

.meta-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:50px;
    color:#fff;
    font-size:14px;
    backdrop-filter:blur(10px);
}

.meta-item i{
    color:#d6b37a;
}

/* Buttons */

.about-hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.about-btn-primary,
.about-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    height:58px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.about-btn-primary{
    background:#d6b37a;
    color:#fff;
}

.about-btn-primary:hover{
    background:#fff;
    color:#1f1f1f;
}

.about-btn-outline{
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
    backdrop-filter:blur(6px);
}

.about-btn-outline:hover{
    background:rgba(255,255,255,.12);
}

/* Floating Card */

.about-floating-card{
    width:310px;
    padding:40px 35px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.20);
    border-radius:28px;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    color:#fff;
    box-shadow:
        0 25px 60px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.12);

    position:relative;
    overflow:hidden;
}

/* Subtle highlight effect */
.about-floating-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:rgba(255,255,255,.35);
}

.about-floating-card::after{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    top:-70px;
    right:-70px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
}

.about-floating-card span{
    display:block;
    color:#d6b37a;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.about-floating-card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:56px;
    line-height:.95;
    margin-bottom:18px;
    color:#fff;
}

.about-floating-card p{
    color:rgba(255,255,255,.88);
    line-height:1.9;
    font-size:15px;
    margin:0;
}

/*======================================
    RESPONSIVE
======================================*/

@media(max-width:991px){

    .about-hero-section{
        min-height:auto;
        padding:150px 0 90px;
    }

    .about-hero-section .container{
        flex-direction:column;
        align-items:flex-start;
    }

    .about-hero-content h1{
        font-size:72px;
    }

    .about-hero-content p{
        font-size:20px;
    }

    .about-floating-card{
    width:100%;
    max-width:420px;
    padding:35px 30px;
}

}

@media(max-width:767px){

    .about-hero-section{
        padding:135px 0 70px;
    }

    .about-founder-label{
        font-size:10px;
        letter-spacing:1.5px;
    }

    .about-hero-content h1{
    font-size:52px;
    line-height:1;
}

    .about-hero-content p{
    font-size:17px;
    line-height:1.8;
}

    .about-author-meta{
        gap:10px;
    }

    .meta-item{
        font-size:13px;
        padding:9px 14px;
    }

    .about-btn-primary,
    .about-btn-outline{
        width:100%;
        min-width:100%;
    }

    .about-floating-card{
    width:100%;
    padding:30px 24px;
}

    .about-floating-card h3{
    font-size:42px;
}

}
/* =========================
   ABOUT STORY SECTION
========================== */

.about-story-section{
    padding:120px 0;
    background:#faf8f5;
}

.about-story-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

/* Left Side */

.about-story-image{
    width:46%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.about-story-shape{
    position:absolute;
    width:85%;
    height:85%;
    background:#efe4d2;
    border-radius:30px;
    transform:rotate(-5deg);
}

.about-story-image img{
    position:relative;
    z-index:2;
    width:100%;
    max-width:500px;
    height:620px;
    object-fit:cover;
    border-radius:24px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.4s;
}

.about-story-image img:hover{
    transform:translateY(-8px);
}

/* Right Side */

.about-story-content{
    width:54%;
}

.about-story-subtitle{
    display:inline-block;
    margin-bottom:18px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.about-story-content h2{
    font-family:'Cormorant Garamond', serif;
    font-size:64px;
    line-height:1;
    color:#1e1e1e;
    margin-bottom:30px;
}

.about-story-content p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:24px;
}

/* Quote Box */

/* Premium Quote Box */

.about-quote-box{
    position: relative;
    margin-top: 40px;
    padding: 38px 35px 32px 42px;
    background: #fbf8f4;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,.06);
    border: 1px solid rgba(214,179,122,.18);
    transition: .35s ease;
}

.about-quote-box:hover{
    transform: translateY(-3px);
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

/* Gold Accent Line */

.quote-accent{
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 28px;
    width: 4px;
    background: linear-gradient(
        to bottom,
        #d6b37a 0%,
        #c8a164 100%
    );
    border-radius: 10px;
}

/* Oversized Quote */

.quote-icon{
    position: absolute;
    top: 12px;
    left: 22px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 95px;
    line-height: 1;
    color: rgba(214,179,122,.18);
    pointer-events: none;
    user-select: none;
}

/* Quote Text */

.about-quote-box p{
    position: relative;
    z-index: 2;
    margin: 0;
    padding-left: 20px;
    font-size: 20px;
    line-height: 1.9;
    font-style: italic;
    color: #444;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
}

/* Mobile */

@media(max-width:767px){

    .about-quote-box{
        padding: 30px 24px 26px 30px;
        margin-top: 30px;
    }

    .quote-icon{
        font-size: 72px;
        left: 16px;
    }

    .about-quote-box p{
        padding-left: 12px;
        font-size: 17px;
        line-height: 1.8;
    }

}

/* =========================
   RESPONSIVE
========================== */

@media(max-width:991px){

    .about-story-section{
        padding:90px 0;
    }

    .about-story-wrapper{
        flex-direction:column;
        gap:60px;
    }

    .about-story-image,
    .about-story-content{
        width:100%;
    }

    .about-story-content h2{
        font-size:50px;
    }

    .about-story-image img{
        max-width:100%;
        height:560px;
    }

}

@media(max-width:767px){

    .about-story-section{
        padding:70px 0;
    }

    .about-story-content{
        text-align:center;
    }

    .about-story-content h2{
        font-size:40px;
    }

    .about-story-content p{
        font-size:16px;
    }

    .about-story-image img{
        height:420px;
    }

    .about-story-shape{
        width:90%;
        height:90%;
    }

    .about-story-quote{
        padding:28px 22px;
        text-align:left;
    }

    .about-story-quote p{
        font-size:19px;
    }

}
/*======================================
    SAFARI PHILOSOPHY
======================================*/

.philosophy-section{
    padding:120px 0;
    background:#f8f5f1;
    position:relative;
    overflow:hidden;
}

.philosophy-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    top:-160px;
    right:-120px;
    background:rgba(214,179,122,.08);
    border-radius:50%;
}

.philosophy-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.philosophy-header span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.philosophy-header h2{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:22px;
}

.philosophy-header p{
    font-size:17px;
    line-height:1.9;
    color:#666;
}

/* Cards */

.philosophy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-bottom:70px;
}

.philosophy-card{
    background:#fff;
    padding:42px 35px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
    transition:transform .4s ease, box-shadow .4s ease;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(214,179,122,.12);
}
.philosophy-card::after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    top:-60px;
    right:-60px;
    background:radial-gradient(
        circle,
        rgba(214,179,122,.10) 0%,
        transparent 70%
    );
    transition:.4s ease;
}

.philosophy-card:hover::after{
    transform:scale(1.15);
}

.philosophy-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #d6b37a 0%,
        #c8a25e 40%,
        #0f3b34 100%
    );
    opacity:.95;
}

.philosophy-card:hover{
    transform:translateY(-10px);
    box-shadow:0 24px 55px rgba(0,0,0,.10);
}



/* Icon */

.philosophy-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8f5f1 100%
    );
    border:1px solid rgba(214,179,122,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .4s ease;
}

.philosophy-icon i{
    font-size:28px;
    color:#0f3b34;
    transition:transform .4s ease, color .4s ease;
}
.philosophy-card:hover .philosophy-icon{
    transform:translateY(-4px);
    border-color:rgba(214,179,122,.35);
    box-shadow:0 12px 25px rgba(214,179,122,.18);
}

.philosophy-card:hover .philosophy-icon i{
    transform:scale(1.15) rotate(-8deg);
    color:#d6b37a;
}

/* Text */

.philosophy-card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:34px;
    color:#222;
    margin-bottom:14px;
}

.philosophy-card p{
    color:#666;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* Quote */

.philosophy-quote{
    position:relative;
    max-width:900px;
    margin:0 auto;
    padding:50px 60px;
    background:#fff;
    border-radius:28px;
    text-align:center;
    box-shadow:0 18px 45px rgba(0,0,0,.05);
}

.quote-mark{
    position:absolute;
    left:35px;
    top:15px;
    font-size:110px;
    line-height:1;
    color:rgba(214,179,122,.18);
    font-family:'Cormorant Garamond',serif;
}

.philosophy-quote p{
    margin:0;
    font-family:'Cormorant Garamond',serif;
    font-size:38px;
    line-height:1.35;
    color:#1f1f1f;
    font-style:italic;
}

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

@media(max-width:991px){

    .philosophy-section{
        padding:90px 0;
    }

    .philosophy-header{
        margin-bottom:55px;
    }

    .philosophy-header h2{
        font-size:48px;
    }

    .philosophy-grid{
        grid-template-columns:1fr;
        gap:22px;
        margin-bottom:55px;
    }

    .philosophy-card{
        padding:35px 30px;
    }

    .philosophy-quote{
        padding:45px 40px;
    }

    .quote-mark{
        left:22px;
        top:8px;
        font-size:90px;
    }

    .philosophy-quote p{
        font-size:32px;
    }

}

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

@media(max-width:767px){

    .philosophy-section{
        padding:70px 0;
    }

    .philosophy-header{
        margin-bottom:45px;
    }

    .philosophy-header h2{
        font-size:38px;
    }

    .philosophy-header p{
        font-size:15px;
        line-height:1.8;
    }

    .philosophy-grid{
        gap:18px;
        margin-bottom:40px;
    }

    .philosophy-card{
        padding:28px 22px;
        border-radius:18px;
    }

    .philosophy-icon{
        width:60px;
        height:60px;
        margin-bottom:18px;
    }

    .philosophy-icon i{
        font-size:24px;
    }

    .philosophy-card h3{
        font-size:28px;
    }

    .philosophy-card p{
        font-size:15px;
    }

    .philosophy-quote{
        padding:35px 25px;
        border-radius:20px;
    }

    .quote-mark{
        left:15px;
        top:5px;
        font-size:65px;
    }

    .philosophy-quote p{
        font-size:26px;
        line-height:1.45;
    }

}
/*========================================
  MY SAFARI JOURNEY
========================================*/

.journey-section{
    padding:120px 0;
    background:#0f3b34;
    overflow:hidden;
}

.journey-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 90px;
}

.journey-heading span{
    display:block;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.journey-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    line-height:1;
    color:#fff;
    margin-bottom:18px;
}

.journey-heading p{
    color:rgba(255,255,255,.75);
    font-size:17px;
    line-height:1.8;
}

/*========================================
  TIMELINE WRAPPER
========================================*/

.journey-timeline{
    position:relative;
    max-width:1150px;
    margin:0 auto;
}

/* Center Line */

.about-timeline-line{
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:5px;
    transform:translateX(-50%);
    background:linear-gradient(
        180deg,
        #e4c894 0%,
        #d6b37a 18%,
        #b9965d 38%,
        #4c715f 70%,
        #0f4d3d 100%
    );
    border-radius:50px;
    overflow:hidden;
    box-shadow:
        0 0 12px rgba(214,179,122,.12),
        0 0 20px rgba(15,77,61,.08);
}

.about-timeline-line::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:2px;
    height:100%;
    transform:translateX(-50%);
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.55) 0%,
        rgba(255,255,255,.15) 30%,
        rgba(255,255,255,0) 100%
    );
}

/*========================================
  TIMELINE ITEM
========================================*/

.journey-item{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:90px;
    margin-bottom:90px;
}

.journey-item.reverse .timeline-image{
    order:2;
}

.journey-item.reverse .timeline-card{
    order:1;
}

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

.timeline-image{
    position:relative;
}

.timeline-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    object-position:center;
    display:block;
    border-radius:24px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.45s ease;
}

.timeline-image img:hover{
    transform:translateY(-6px) scale(1.02);
}

/*========================================
  CARD
========================================*/

.timeline-card{
    position:relative;
    background:#fff;
    padding:38px;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s ease;
}

.timeline-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 50px rgba(0,0,0,.09);
}

/* Year Badge */

.timeline-year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:94px;
    height:48px;
    padding:0 20px;
    margin-bottom:20px;
    background:linear-gradient(
        135deg,
        #0f4d3d 0%,
        #165845 100%
    );
    color:#fff;
    border-radius:40px;
    font-size:16px;
    font-weight:700;
    letter-spacing:1.2px;
    border:1px solid rgba(214,179,122,.18);
    box-shadow:
        0 12px 28px rgba(15,77,61,.18),
        inset 0 1px 1px rgba(255,255,255,.12);
    transition:all .35s ease;
}
.timeline-card:hover .timeline-year{
    transform:translateY(-2px) scale(1.05);
    box-shadow:
        0 16px 32px rgba(15,77,61,.22),
        inset 0 1px 1px rgba(255,255,255,.18);
}

.timeline-card h3{
    font-family:'Cormorant Garamond',serif;
    font-size:38px;
    color:#222;
    margin-bottom:15px;
}

.timeline-card p{
    color:#666;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/*========================================
  CENTER DOT
========================================*/

.timeline-dot{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:20px;
    height:20px;
    background:#d6b37a;
    border:5px solid #fff;
    border-radius:50%;
    box-shadow:
        0 0 0 6px rgba(214,179,122,.16),
        0 6px 16px rgba(0,0,0,.08);
    z-index:5;
}

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

@media(max-width:991px){

    .journey-section{
        padding:90px 0;
    }

    .journey-heading{
        margin-bottom:70px;
    }

    .journey-heading h2{
        font-size:48px;
    }

    .about-timeline-line{
        left:22px;
        transform:none;
    }

    .journey-item,
    .journey-item.reverse{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:25px;
        padding-left:60px;
        margin-bottom:70px;
    }

    .journey-item.reverse .timeline-image,
    .journey-item.reverse .timeline-card{
        order:unset;
    }

    .timeline-image,
    .timeline-card{
        width:100%;
    }

    .timeline-image img{
        height:240px;
    }

    .timeline-dot{
        left:22px;
        top:28px;
        transform:translate(-50%,0);
    }

}

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

@media(max-width:767px){

    .journey-section{
        padding:70px 0;
    }

    .journey-heading{
        margin-bottom:55px;
    }

    .journey-heading h2{
        font-size:38px;
    }

    .journey-heading p{
        font-size:15px;
    }

    .journey-item,
    .journey-item.reverse{
        padding-left:45px;
        margin-bottom:55px;
    }

    .about-timeline-line{
        left:16px;
    }

    .timeline-dot{
        left:16px;
        width:15px;
        height:15px;
        border-width:4px;
    }

    .timeline-image img{
        height:210px;
        border-radius:18px;
    }

    .timeline-card{
        padding:25px;
        border-radius:18px;
    }

    .timeline-year{
    min-width:82px;
    height:40px;
    padding:0 16px;
    font-size:14px;
}

    .timeline-card h3{
        font-size:30px;
    }

    .timeline-card p{
        font-size:15px;
        line-height:1.7;
    }

}



/*======================================
    OPEN BOOK : VISION & MISSION
======================================*/

.book-purpose-section{
    padding:120px 0;
    background:#f8f5f1;
    overflow:hidden;
}

.book-purpose-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.book-purpose-header span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.book-purpose-header h2{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:20px;
}

.book-purpose-header p{
    color:#666;
    font-size:17px;
    line-height:1.9;
}

/*======================================
    OPEN BOOK
======================================*/

.book-layout{
    position:relative;
    max-width:1050px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
}

/* Book Spine */

.book-spine{
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:10px;
    height:100%;
    background:linear-gradient(
        to right,
        rgba(0,0,0,.04),
        rgba(255,255,255,.7),
        rgba(0,0,0,.04)
    );
    z-index:3;
}

/* Pages */

.book-page{
    position:relative;
    background:#fffdf9;
    padding:70px 60px;
    min-height:450px;
    transition:.4s ease;
}

.book-page::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        to right,
        #d6b37a,
        #0f4d3d
    );
}

.book-page:hover{
    transform:translateY(-6px);
}

/* Left page */

.left-page{
    border-right:1px solid rgba(214,179,122,.12);
}

/* Right page */

.right-page{
    background:#fcfaf6;
}

/* Decorative page texture */

.book-page::after{
    content:"";
    position:absolute;
    right:35px;
    bottom:30px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(214,179,122,.05);
}

/* Typography */

.book-label{
    display:inline-block;
    margin-bottom:18px;
    color:#d6b37a;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.book-page h3{
    font-family:'Cormorant Garamond',serif;
    font-size:42px;
    line-height:1.1;
    color:#1f1f1f;
    margin-bottom:24px;
}

.book-page p{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:50px;
}

.book-page-footer{
    position:absolute;
    left:60px;
    bottom:50px;
    color:#0f4d3d;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

/*======================================
    QUOTE
======================================*/

.book-purpose-quote{
    max-width:900px;
    margin:50px auto 0;
    text-align:center;
}

.book-purpose-quote p{
    margin:0;
    font-family:'Cormorant Garamond',serif;
    font-size:36px;
    line-height:1.45;
    color:#1f1f1f;
    font-style:italic;
}

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

@media(max-width:991px){

    .book-purpose-section{
        padding:90px 0;
    }

    .book-purpose-header{
        margin-bottom:55px;
    }

    .book-purpose-header h2{
        font-size:48px;
    }

    .book-layout{
        grid-template-columns:1fr;
    }

    .book-spine{
        display:none;
    }

    .left-page{
        border-right:none;
        border-bottom:1px solid rgba(214,179,122,.12);
    }

    .book-page{
        min-height:auto;
        padding:50px 40px 90px;
    }

    .book-page-footer{
        left:40px;
        bottom:35px;
    }

    .book-purpose-quote p{
        font-size:30px;
    }

}

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

@media(max-width:767px){

    .book-purpose-section{
        padding:70px 0;
    }

    .book-purpose-header h2{
        font-size:38px;
    }

    .book-purpose-header p{
        font-size:15px;
    }

    .book-page{
        padding:35px 25px 75px;
        border-radius:0;
    }

    .book-page h3{
        font-size:30px;
    }

    .book-page p{
        font-size:15px;
        line-height:1.8;
        margin-bottom:35px;
    }

    .book-page-footer{
        left:25px;
        bottom:25px;
        font-size:12px;
        letter-spacing:1.5px;
    }

    .book-purpose-quote{
        margin-top:35px;
    }

    .book-purpose-quote p{
        font-size:24px;
        line-height:1.5;
    }

}

/*==========================
  AFRICA THROUGH MY LENS
==========================*/

.about-gallery-section{
    padding:120px 0;
    background:#faf8f5;
}

.about-gallery-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.about-gallery-heading span{
    display:block;
    margin-bottom:16px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.about-gallery-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:20px;
}

.about-gallery-heading p{
    color:#666;
    font-size:17px;
    line-height:1.9;
}

/* Gallery Grid */

.about-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:260px;
    gap:24px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}

.gallery-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.25),
        rgba(0,0,0,0)
    );
    opacity:0;
    transition:.35s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-item:hover::after{
    opacity:1;
}

.gallery-large{
    grid-row:span 2;
}

.gallery-wide{
    grid-column:span 2;
}

/* Button */

.about-gallery-btn-wrap{
    text-align:center;
    margin-top:50px;
}

.about-gallery-btn{
    display:inline-block;
    padding:16px 38px;
    background:#0f3b34;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    transition:.3s;
}

.about-gallery-btn:hover{
    background:#d6b37a;
}

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

@media(max-width:991px){

    .about-gallery-section{
        padding:90px 0;
    }

    .about-gallery-heading{
        margin-bottom:55px;
    }

    .about-gallery-heading h2{
        font-size:48px;
    }

    .about-gallery-grid{
        grid-template-columns:repeat(2,1fr);
        grid-auto-rows:220px;
    }

    .gallery-large{
        grid-row:span 1;
    }

    .gallery-wide{
        grid-column:span 2;
    }

}

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

@media(max-width:767px){

    .about-gallery-section{
        padding:70px 0;
    }

    .about-gallery-heading h2{
        font-size:38px;
    }

    .about-gallery-heading p{
        font-size:16px;
    }

    .about-gallery-grid{
        grid-template-columns:1fr;
        grid-auto-rows:240px;
        gap:18px;
    }

    .gallery-large,
    .gallery-wide{
        grid-row:auto;
        grid-column:auto;
    }

    .gallery-item{
        border-radius:18px;
    }

}
/*======================================
 PHOTO TOURS HERO
======================================*/

.photo-tour-hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;

    padding:220px 0 120px;

    background:
    url('../images/photo-tour-hero.jpg')
    center center/cover no-repeat;
}

.photo-tour-overlay{
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(10,18,18,.88) 0%,
        rgba(10,18,18,.70) 45%,
        rgba(10,18,18,.20) 100%
    );
}

.photo-tour-wrapper{
    position:relative;
    z-index:10;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

/*======================================
 LEFT CONTENT
======================================*/

.photo-tour-content{
    max-width:720px;
}

.field-label{
    display:inline-block;

    padding:12px 22px;

    background:rgba(214,179,122,.12);

    border:1px solid rgba(214,179,122,.35);

    border-radius:50px;

    color:#d6b37a;

    font-size:12px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;

    backdrop-filter:blur(8px);
}

.photo-tour-content h1{
    font-family:'Cormorant Garamond',serif;

    font-size:92px;

    line-height:.95;

    font-weight:500;

    color:#fff;

    margin-bottom:30px;
}

.photo-tour-content p{
    max-width:620px;

    color:rgba(255,255,255,.85);

    font-size:21px;

    line-height:1.9;

    margin-bottom:40px;
}

/*======================================
 BUTTONS
======================================*/

.photo-tour-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.tour-btn-primary,
.tour-btn-outline{
    min-width:220px;

    height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    transition:.35s ease;
}

.tour-btn-primary{
    background:#d6b37a;
    color:#fff;
}

.tour-btn-primary:hover{
    background:#fff;
    color:#1f1f1f;
}

.tour-btn-outline{
    border:1px solid rgba(255,255,255,.30);

    color:#fff;

    backdrop-filter:blur(6px);
}

.tour-btn-outline:hover{
    background:rgba(255,255,255,.10);
}

/*======================================
 NOTEBOOK CARD
======================================*/

.notebook-card{
    position:relative;

    width:380px;

    background:#f8f5f1;

    padding:45px;

    border-radius:10px;

    transform:rotate(-3deg);

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

    border:1px solid rgba(0,0,0,.06);
}

.notebook-card::before{
    content:"";

    position:absolute;

    top:0;
    left:28px;

    width:2px;
    height:100%;

    background:#d8c9a8;
}

.notebook-pin{
    position:absolute;

    top:-12px;
    right:35px;

    width:26px;
    height:26px;

    border-radius:50%;

    background:#d6b37a;

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

.notebook-date{
    display:block;

    color:#0f3b34;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;
}
/* Notebook Content Animation */

.notebook-date{
    display:block;
    font-size:14px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
    color:#0f4d3d;
    margin-bottom:20px;
}
#note-title{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    line-height:.85;
    letter-spacing:-1px;
    margin:15px 0 18px;
    color:#1f1f1f;
}
#note-description,
#note-tag{
    transition:all .5s ease;
}

.note-fade{
    opacity:0;
    transform:translateY(12px);
}
.notebook-card h3{
    font-family:'Cormorant Garamond',serif;

    font-size:48px;

    color:#1f1f1f;

    margin-bottom:18px;
}

.notebook-card p{
    color:#555;

    line-height:1.9;

    font-size:16px;

    margin-bottom:25px;
}

.notebook-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.notebook-meta span{
    padding:8px 14px;

    background:#efe7d9;

    border-radius:30px;

    font-size:13px;

    color:#0f3b34;

    font-weight:600;
}

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

@media(max-width:991px){

    .photo-tour-hero{
        min-height:auto;
        padding:170px 0 90px;
    }

    .photo-tour-wrapper{
        flex-direction:column;
        align-items:flex-start;
    }

    .photo-tour-content h1{
        font-size:68px;
    }

    .photo-tour-content p{
        font-size:18px;
    }

    .notebook-card{
        width:100%;
        max-width:500px;
    }

}

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

@media(max-width:767px){

    .photo-tour-hero{
        padding:140px 0 70px;
    }

    .photo-tour-content h1{
        font-size:48px;
    }

    .photo-tour-content p{
        font-size:16px;
    }

    .photo-tour-buttons{
        flex-direction:column;
    }

    .tour-btn-primary,
    .tour-btn-outline{
        width:100%;
        min-width:100%;
    }

    .notebook-card{
        padding:30px;
        transform:none;
    }

    .notebook-card h3{
        font-size:38px;
    }

}
/*========================================
  INSIDE THE EXPEDITION
========================================*/

.expedition-section{
    padding:120px 0;
    background:#f7f3eb;
    position:relative;
    overflow:hidden;
}

/* notebook paper effect */

.expedition-section::before{
    content:"";
    position:absolute;
    top:0;
    left:80px;
    width:2px;
    height:100%;
    background:#d9c8a5;
    opacity:.55;
}

.expedition-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 90px;
}

.expedition-heading span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.expedition-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:18px;
}

.expedition-heading p{
    font-size:17px;
    line-height:1.9;
    color:#666;
}

/*========================================
  ENTRY
========================================*/

.expedition-entry{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    margin-bottom:100px;
}

.expedition-entry.reverse .entry-image{
    order:2;
}

.expedition-entry.reverse .entry-content{
    order:1;
}

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

.entry-image{
    position:relative;
}

.entry-image::before{
    content:"";
    position:absolute;
    top:-12px;
    left:-12px;
    width:100%;
    height:100%;
    border:2px solid #d6b37a;
    border-radius:24px;
    z-index:1;
}

.entry-image img{
    width:100%;
    height:340px; /* 420px ki jagah */
    object-fit:cover;
    object-position:center;
    display:block;
    position:relative;
    z-index:2;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    transition:.4s ease;
}

.entry-image img:hover{
    transform:translateY(-6px);
}

/*========================================
  CONTENT CARD
========================================*/

.entry-content{
    background:#fff;
    padding:45px;
    border-radius:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.05);
}

.entry-number{
    display:inline-block;
    margin-bottom:18px;
    color:#0f4d3d;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.entry-content h3{
    font-family:'Cormorant Garamond',serif;
    font-size:52px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:18px;
}

.entry-content p{
    margin:0;
    color:#666;
    font-size:16px;
    line-height:1.9;
}

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

@media(max-width:991px){

    .expedition-entry,
    .expedition-entry.reverse{
        grid-template-columns:1fr;
        gap:28px;
        margin-bottom:70px;
    }

    .expedition-entry.reverse .entry-image,
    .expedition-entry.reverse .entry-content{
        order:unset;
    }

    .entry-image img{
        height:300px;
    }

    .entry-content{
        padding:38px;
    }

    .entry-content h3{
        font-size:42px;
    }

}

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

@media(max-width:767px){

    .expedition-entry,
    .expedition-entry.reverse{
        gap:22px;
        margin-bottom:55px;
    }

    .entry-image::before{
        top:-8px;
        left:-8px;
        border-radius:18px;
    }

    .entry-image img{
        height:230px;
        border-radius:18px;
    }

    .entry-content{
        padding:26px;
        border-radius:18px;
    }

    .entry-content h3{
        font-size:32px;
    }

    .entry-content p{
        font-size:15px;
        line-height:1.8;
    }

}
/*========================================
  WILDLIFE SIGHTINGS
========================================*/

.sightings-section{
    padding:120px 0;
    background:linear-gradient(
        180deg,
        #1b2320 0%,
        #141917 100%
    );
    overflow:hidden;
    position:relative;
}
.sightings-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(214,179,122,.08),
        transparent 35%);
    pointer-events:none;
}


.sightings-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.sightings-heading span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.sightings-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    color:#f8f4ec;   /* changed */
    margin-bottom:18px;
}

.sightings-heading p{
    color:rgba(255,255,255,.72);  /* changed */
    font-size:17px;
    line-height:1.8;
}

/* Board */

.sightings-board{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    max-width:1100px;
    margin:0 auto;
    position:relative;
    z-index:2;
}

/* Notes */

.sighting-note{
    position:relative;
    background:#faf8f3;
    border-radius:24px;
    overflow:hidden;
    box-shadow:
        0 20px 50px rgba(0,0,0,.18);
    transition:.4s ease;

    border:8px solid #fff;
}

.sighting-note:hover{
    transform:translateY(-10px);
    box-shadow:
        0 28px 65px rgba(0,0,0,.28);
}


.note-one{
    transform:rotate(-2deg);
}

.note-two{
    transform:rotate(1.5deg);
}

.note-three{
    transform:rotate(1deg);
}

.note-four{
    transform:rotate(-1.5deg);
}

/* Pin */

.sighting-note::before{
    content:"";
    position:absolute;
    top:14px;
    left:50%;
    transform:translateX(-50%);
    width:16px;
    height:16px;
    background:#d6b37a;
    border-radius:50%;
    z-index:5;
    box-shadow:0 3px 10px rgba(0,0,0,.20);
}

/* Image */

.sighting-note img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

/* Content */

.note-content{
    padding:30px;
}

.note-content span{
    display:block;
    color:#0f4d3d;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.note-content h3{
    font-family:'Cormorant Garamond',serif;
    font-size:38px;
    color:#1f1f1f;
    margin-bottom:12px;
    line-height:1;
}

.note-content p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.8;
}

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

@media(max-width:991px){

    .sightings-section{
        padding:90px 0;
    }

    .sightings-heading h2{
        font-size:50px;
    }

    .sightings-board{
        gap:25px;
    }

    .note-content h3{
        font-size:32px;
    }

}

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

@media(max-width:767px){

    .sightings-section{
        padding:70px 0;
    }

    .sightings-heading{
        margin-bottom:50px;
    }

    .sightings-heading h2{
        font-size:38px;
    }

    .sightings-heading p{
        font-size:15px;
    }

    .sightings-board{
        grid-template-columns:1fr;
        gap:22px;
    }

    .note-one,
    .note-two,
    .note-three,
    .note-four{
        transform:none;
    }

    .sighting-note img{
        height:220px;
    }

    .note-content{
        padding:24px;
    }

    .note-content h3{
        font-size:28px;
    }

}
/*========================================
  SAFARI INSIDER DIFFERENCE
========================================*/

.difference-section{
    padding:120px 0;
    background:#f8f5f1;
}

.difference-heading{
    max-width:780px;
    margin:0 auto 80px;
    text-align:center;
}

.difference-heading span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.difference-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    line-height:1;
    color:#1f1f1f;
    margin-bottom:20px;
}

.difference-heading p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/*========================================
  TRANSFORMATION ROWS
========================================*/

.difference-list{
    max-width:1000px;
    margin:0 auto 90px;
}

.difference-row{
    display:grid;
    grid-template-columns:1fr 90px 1fr;
    align-items:center;
    gap:40px;
    padding:40px 0;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.difference-row:first-child{
    border-top:1px solid rgba(0,0,0,.08);
}

.difference-before,
.difference-after{
    padding:10px 0;
}

.difference-before span,
.difference-after span{
    display:block;
    margin-bottom:12px;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.difference-before span{
    color:#8c8c8c;
}

.difference-after span{
    color:#d6b37a;
}

.difference-before h3{
    font-family:'Cormorant Garamond',serif;
    font-size:42px;
    color:#7a7a7a;
    margin:0;
}

.difference-after h3{
    font-family:'Cormorant Garamond',serif;
    font-size:42px;
    color:#1f1f1f;
    margin:0;
}

.difference-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
}

.difference-arrow i{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#0f3b34;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

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

.difference-cta{
    background:#0f3b34;
    border-radius:30px;
    padding:70px;
    text-align:center;
    max-width:1000px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.difference-cta::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    top:-130px;
    right:-100px;
    background:rgba(214,179,122,.12);
    border-radius:50%;
}

.difference-cta span{
    display:block;
    margin-bottom:15px;
    color:#d6b37a;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.difference-cta h3{
    font-family:'Cormorant Garamond',serif;
    font-size:58px;
    line-height:1;
    color:#fff;
    margin-bottom:20px;
}

.difference-cta p{
    max-width:720px;
    margin:0 auto 35px;
    color:rgba(255,255,255,.75);
    line-height:1.9;
    font-size:17px;
}

.difference-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:260px;
    height:60px;
    border-radius:60px;
    background:#d6b37a;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.difference-btn:hover{
    background:#fff;
    color:#1f1f1f;
}

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

@media(max-width:991px){

    .difference-section{
        padding:90px 0;
    }

    .difference-heading h2{
        font-size:50px;
    }

    .difference-before h3,
    .difference-after h3{
        font-size:34px;
    }

    .difference-cta{
        padding:55px 40px;
    }

    .difference-cta h3{
        font-size:46px;
    }

}

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

@media(max-width:767px){

    .difference-section{
        padding:70px 0;
    }

    .difference-heading{
        margin-bottom:50px;
    }

    .difference-heading h2{
        font-size:38px;
    }

    .difference-heading p{
        font-size:15px;
    }

    .difference-row{
        grid-template-columns:1fr;
        gap:20px;
        text-align:center;
        padding:30px 0;
    }

    .difference-before h3,
    .difference-after h3{
        font-size:28px;
    }

    .difference-arrow i{
        transform:rotate(90deg);
    }

    .difference-cta{
        padding:40px 25px;
        border-radius:22px;
    }

    .difference-cta h3{
        font-size:34px;
    }

    .difference-cta p{
        font-size:15px;
    }

    .difference-btn{
        width:100%;
        min-width:100%;
    }

}
/*========================================
  THROUGH THE LENS
========================================*/

.lens-section{
    position:relative;
    padding:140px 0;
    background:
        linear-gradient(
            rgba(8,16,16,.72),
            rgba(8,16,16,.88)
        ),
        url('../images/lens-bg.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.lens-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top center,
            rgba(214,179,122,.08),
            transparent 45%
        );
    pointer-events:none;
}

.lens-content{
    position:relative;
    z-index:2;
    max-width:1150px;
    margin:0 auto 100px;
    padding:70px 65px;
    text-align:center;

    background:rgba(255,255,255,.03);
    border:1px solid rgba(214,179,122,.12);
    border-radius:34px;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    box-shadow:
        0 25px 80px rgba(0,0,0,.25);
}

.lens-label{
    display:block;
    margin-bottom:28px;
    color:#d6b37a;
    font-size:13px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
}
/* NEW FEATURE IMAGE */

/* Featured Leopard Image */

.lens-feature-image{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
    border-radius:24px;
    margin:0 auto 45px;

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

    filter:brightness(.92);
}

.lens-content h2{
    max-width:820px;
    margin:0 auto;

    font-family:'Cormorant Garamond',serif;
    font-size:78px;
    line-height:1.12;
    color:#fff;
}

.lens-author{
    margin-top:45px;
}

.lens-author img{
    max-width:260px;
    width:100%;
    display:block;
    margin:0 auto 18px;
}

.lens-author span{
    color:rgba(255,255,255,.72);
    font-size:14px;
    letter-spacing:1px;
}

/*========================================
  PRINCIPLES
========================================*/

.lens-principles{
    max-width:1150px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px;
    position:relative;
    z-index:2;
}

.lens-principle{
    padding-top:35px;
    border-top:1px solid rgba(214,179,122,.25);
}

.principle-number{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    line-height:1;
    color:rgba(214,179,122,.30);
    margin-bottom:22px;
	
}

.principle-content h3{
    font-family:'Cormorant Garamond',serif;
    font-size:38px;
    line-height:1.25;
    color:#fff;
    margin-bottom:18px;
}

.principle-content p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
    font-size:16px;
    margin:0;
}

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

@media(max-width:991px){

    .lens-section{
        padding:100px 0;
    }

    .lens-content{
        margin-bottom:70px;
    }

    .lens-content h2{
        font-size:58px;
    }

    .lens-principles{
        grid-template-columns:1fr;
        gap:35px;
    }

    .principle-number{
        font-size:60px;
    }

}

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

@media(max-width:767px){

    .lens-section{
        padding:80px 0;
    }

    .lens-content{
        margin-bottom:50px;
    }

    .lens-label{
        font-size:11px;
        letter-spacing:2px;
    }

    .lens-content h2{
        font-size:38px;
        line-height:1.2;
    }

    .lens-author img{
        max-width:140px;
    }

    .lens-author span{
        font-size:13px;
    }

    .lens-principles{
        gap:28px;
    }

    .principle-number{
        font-size:48px;
        margin-bottom:15px;
    }

    .principle-content h3{
        font-size:28px;
    }

    .principle-content p{
        font-size:14px;
        line-height:1.8;
    }

}

/*========================================
  LESSONS / FIELD NOTES
========================================*/

.lessons-section{
    background:#f6f1e7;
    padding:120px 0;
    position:relative;
}

.lessons-section .section-header{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.lessons-section .section-label{
    display:block;
    margin-bottom:15px;
    color:#b88b4a;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.lessons-section h2{
    font-family:'Cormorant Garamond',serif;
    font-size:56px;
    line-height:1.1;
    color:#1f1f1f;
    margin-bottom:15px;
}

.lessons-section .section-header p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/* Notes Grid */

.field-notes-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    max-width:1000px;
    margin:0 auto;
}

/* Note Card */

.field-note{
    position:relative;
    background:#fffaf0;
    padding:40px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,.06);

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);

    transition:.35s ease;
}

.field-note:hover{
    transform:translateY(-6px);
}

/* Pin */

.pin{
    position:absolute;
    top:18px;
    right:18px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d6b37a;

    box-shadow:
        0 2px 6px rgba(0,0,0,.25);
}

/* Rotation */

.rotate-left{
    transform:rotate(-1.2deg);
}

.rotate-right{
    transform:rotate(1.2deg);
}

.rotate-left:hover,
.rotate-right:hover{
    transform:translateY(-6px) rotate(0deg);
}

/* Label */

.note-label{
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#b88b4a;
    margin-bottom:20px;
    font-weight:600;
}

/* Quote */

.field-note blockquote{
    margin:0;
    font-family:'Cormorant Garamond',serif;
    font-size:30px;
    line-height:1.4;
    color:#222;
    position:relative;
}

.field-note blockquote::before{
    content:"“";
    position:absolute;
    left:-12px;
    top:-20px;
    font-size:70px;
    opacity:.12;
}

/* Author */

.note-author{
    margin-top:25px;
    font-size:13px;
    letter-spacing:1px;
    color:#777;
    text-transform:uppercase;
}

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

@media(max-width:991px){

    .lessons-section{
        padding:90px 0;
    }

    .lessons-section h2{
        font-size:46px;
    }

    .field-notes-grid{
        gap:25px;
    }

    .field-note{
        padding:30px;
    }

    .field-note blockquote{
        font-size:25px;
    }
}

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

@media(max-width:767px){

    .lessons-section{
        padding:70px 0;
    }

    .lessons-section h2{
        font-size:36px;
    }

    .field-notes-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .field-note{
        transform:none !important;
        padding:25px;
    }

    .field-note blockquote{
        font-size:22px;
    }

    .field-note blockquote::before{
        font-size:55px;
        top:-15px;
    }

    .note-author{
        margin-top:18px;
    }
}
/*==================================
FIRST TIME SAFARI HERO
==================================*/

.fts-hero{
    position:relative;
    padding:240px 0 120px;
    overflow:hidden;

    background:
linear-gradient(
    rgba(32,24,16,.65),
    rgba(32,24,16,.65)
),
url('../images/old-map-texture.webp');

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

.fts-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.04);
}

.fts-wrapper{
    position:relative;
    z-index:2;

    display:grid;
   grid-template-columns:minmax(550px,600px) 550px;
    gap:120px;
    align-items:center;
}

/*==================================
LEFT CONTENT
==================================*/

.fts-kicker{
    display:inline-block;

    padding:12px 24px;

    border:1px solid rgba(214,179,122,.5);

    border-radius:50px;

    color:#d6b37a;

    letter-spacing:3px;
    font-size:12px;
    font-weight:600;

    text-transform:uppercase;
}
.fts-content{
    max-width:600px;
}
.fts-content h1{
    font-size:88px;
    line-height:.92;

    margin:30px 0;

    color:#ffffff;

    font-family:'Cormorant Garamond',serif;
}

.fts-content p{
    font-size:21px;
    line-height:1.9;

    max-width:560px;

    color:rgba(255,255,255,.85);
}

.fts-buttons{
    display:flex;
    gap:20px;
    margin-top:45px;
}

.fts-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:240px;
    min-height:58px;

    padding:0 42px;

    background:#d6b37a;
    color:#222;

    text-decoration:none;

    border-radius:60px;

    font-weight:600;

    transition:.3s;
}

.fts-btn-primary:hover{
    transform:translateY(-3px);
}

.fts-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:240px;
    min-height:58px;

    padding:0 42px;

    background:transparent;
    color:#fff;

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

    text-decoration:none;

    border-radius:60px;

    transition:.3s;
}

.fts-btn-secondary:hover{
    background:rgba(255,255,255,.08);
}

/*==================================
HANDBOOK CARD
==================================*/

.fts-desk{
    position:relative;
}

.desk-paper{
    position:relative;

    background:#fffdf8;

    padding:50px;

    border-radius:18px;

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

    transform:rotate(-3deg);
}

.paper-label{
    display:block;

    color:#0f4d3d;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;

    margin-bottom:25px;
}

.desk-paper h3{
    font-size:42px;
    line-height:1.1;

    margin-bottom:30px;

    color:#222;

    font-family:'Cormorant Garamond',serif;
}

.desk-paper ul{
    list-style:none;
    margin:0;
    padding:0;
}

.desk-paper li{
    padding:14px 0;

    font-size:18px;

    border-bottom:1px dashed #ddd;

    color:#333;
}

/* PASSPORT STAMP */

.passport-stamp{
    position:absolute;

    top:30px;
    right:30px;

    width:100px;
    height:100px;

    border:3px solid #0f4d3d;

    border-radius:50%;

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

    text-align:center;

    color:#0f4d3d;

    font-weight:700;

    transform:rotate(-18deg);

    opacity:.35;
}

/* ROUTE LINE */

.route-line{
    width:100%;
    height:100px;

    margin-top:30px;

    background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='100'%3E%3Cpath d='M10 50 C120 0 220 100 340 40 C420 0 470 70 490 50' stroke='%23d6b37a' stroke-width='4' fill='none' stroke-dasharray='10 10'/%3E%3C/svg%3E")
    center center no-repeat;
}

/* COMPASS */

.compass{
    position:absolute;

    width:140px;
    height:140px;

    background:#0f4d3d;

    border-radius:50%;

    right:-40px;
    bottom:-40px;

    border:8px solid #d6b37a;

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

    color:#fff;

    font-size:42px;
    font-weight:700;

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

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

@media(max-width:1199px){

    .fts-content h1{
        font-size:78px;
    }

    .fts-wrapper{
        grid-template-columns:1fr 480px;
        gap:50px;
    }
}

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

@media(max-width:991px){

    .fts-hero{
        padding:140px 0 100px;
    }

    .fts-wrapper{
        grid-template-columns:1fr;
        gap:60px;
    }

    .fts-content{
        text-align:center;
    }

    .fts-content h1{
        font-size:68px;
    }

    .fts-content p{
        margin:auto;
    }

    .fts-buttons{
        justify-content:center;
    }

    .fts-desk{
        max-width:550px;
        margin:auto;
    }
}

@media(max-width:767px){

    .fts-hero{
        padding:120px 0 80px;
    }

    .fts-content h1{
        font-size:48px;
        line-height:1;
    }

    .fts-content p{
        font-size:17px;
        line-height:1.8;
    }

    .fts-buttons{
        flex-direction:column;
        align-items:center;
    }

    .fts-btn-primary,
    .fts-btn-secondary{
        width:100%;
        max-width:320px;
    }

    .desk-paper{
        padding:30px;
        transform:none;
    }

    .desk-paper h3{
        font-size:32px;
    }

    .desk-paper li{
        font-size:16px;
    }

    .passport-stamp{
        width:80px;
        height:80px;
        font-size:12px;
    }

    .compass{
        width:90px;
        height:90px;

        font-size:28px;

        right:-15px;
        bottom:-15px;
    }
}

@media(max-width:575px){

    .fts-content h1{
        font-size:42px;
    }

    .fts-kicker{
        font-size:11px;
        letter-spacing:2px;
    }

    .desk-paper{
        padding:25px;
    }
}
/*==================================
STARTER PATH
==================================*/

.starter-path{
    padding:140px 0;
    background:#f8f5ef;
}

.starter-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 80px;
}

.starter-heading span{
    display:block;
    margin-bottom:15px;

    color:#d6b37a;

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

    font-size:13px;
    font-weight:600;
}

.starter-heading h2{
    font-family:'Cormorant Garamond',serif;

    font-size:72px;
    line-height:1;

    color:#1f1f1f;

    margin-bottom:25px;
}

.starter-heading p{
    font-size:18px;
    line-height:1.8;
    color:#666;
}

/* PATH */

.path-wrapper{
    position:relative;

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

    gap:30px;

    max-width:1350px;

    margin:auto;
}

.path-line{
    position:absolute;

    top:72px;
    left:8%;
    right:8%;

    height:2px;

    background:
    repeating-linear-gradient(
        to right,
        #d6b37a,
        #d6b37a 12px,
        transparent 12px,
        transparent 24px
    );
}

/* STOP */

.path-stop{
    position:relative;

    text-decoration:none;

    text-align:center;

    padding-top:0;

    z-index:2;
}
/* ICON */

.stop-icon{
    width:82px;
    height:82px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#ffffff;

    border:1px solid rgba(214,179,122,.45);

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

    color:#0f4d3d;
    font-size:30px;

    transition:.35s ease;
}

/* NUMBER */

.stop-number{
    margin:0 auto 28px;
}

/* DESCRIPTION */

.path-stop p{
    max-width:180px;

    margin:0 auto;

    font-size:15px;
    line-height:1.75;

    color:#666;
}

/* HOVER */

.path-stop:hover .stop-icon{
    background:#0f4d3d;
    color:#fff;

    transform:translateY(-5px);
}
.stop-number{
    width:85px;
    height:85px;

    margin:0 auto 30px;

    border-radius:50%;

    background:#0f4d3d;

    color:#fff;

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

    font-size:28px;
    font-weight:700;

    border:8px solid #faf7f1;

    transition:.35s ease;
}

.path-stop h3{
    font-family:'Cormorant Garamond',serif;

    font-size:38px;
    line-height:1.08;

    color:#222;

    margin:0 0 14px;
}

.path-stop:hover .stop-number{
    background:#d6b37a;
    color:#222;

    transform:translateY(-8px);
}

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

@media(max-width:991px){

    .starter-path{
        padding:100px 0;
    }

    .starter-heading h2{
        font-size:56px;
    }

    .path-wrapper{
        grid-template-columns:repeat(2,1fr);
        row-gap:80px;
    }

    .path-line{
        display:none;
    }
}

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

@media(max-width:767px){

    .starter-path{
        padding:80px 0;
    }

    .starter-heading{
        margin-bottom:60px;
    }

    .starter-heading h2{
        font-size:40px;
    }

    .starter-heading p{
        font-size:16px;
    }

    .path-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .stop-number{
        width:75px;
        height:75px;
        font-size:24px;
    }

    .path-stop h3{
        font-size:28px;
    }
	.stop-icon{
    width:68px;
    height:68px;

    font-size:24px;
}

    .path-stop p{
        max-width:260px;
        font-size:14px;
    }


}
/*==================================
EXPECTATION VS REALITY
==================================*/

.expectation-reality{

    padding:120px 0;

    background:#232323;
    
}

.er-heading{
    text-align:center;
    margin-bottom:70px;
}

.er-heading span{

    display:block;

    color:#d6b37a;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:13px;
    font-weight:600;

    margin-bottom:18px;
}

.er-heading h2{

    color:#fff;

    font-size:72px;

    line-height:1.05;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:20px;
}

.heading-line{

    width:80px;
    height:4px;

    background:#d6b37a;

    margin:auto;

    border-radius:50px;
}

/* GRID */

.er-grid{

    display:grid;

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

    gap:60px;
}

/* CARD */

.er-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    min-height:320px;

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

/* CONTENT */

.er-content{

    padding:45px;
}

.er-content h3{

    font-size:15px;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#0f4d3d;

    margin-bottom:30px;
}

.er-content ul{

    list-style:none;
    padding:0;
    margin:0;
}

.er-content li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

    font-size:17px;

    line-height:1.7;

    color:#444;
}

.er-content li::before{

    content:"✓";

    position:absolute;

    left:0;
    top:0;

    width:22px;
    height:22px;

    border-radius:50%;

    border:1px solid #d6b37a;

    color:#d6b37a;

    display:flex;

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

    font-size:12px;
}

/* IMAGE */

.er-image{

    height:100%;
}

.er-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

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

@media(max-width:991px){

    .er-heading h2{
        font-size:54px;
    }

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

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

    .expectation-reality{
        padding:80px 0;
    }

    .er-heading{
        margin-bottom:50px;
    }

    .er-heading h2{
        font-size:38px;
    }

    .er-card{

        grid-template-columns:1fr;

        min-height:auto;
    }

    .er-image{
        height:240px;
    }

    .er-content{
        padding:30px;
    }

    .er-content li{

        font-size:15px;

        margin-bottom:15px;
    }

}
/*==================================
FIRST TIME SAFARI JOURNEY
==================================*/

.fts-journey{
    padding:140px 0;
    background:#f8f5ef;
}

.fts-journey-heading{
    text-align:center;
    max-width:900px;
    margin:0 auto 80px;
}

.fts-journey-heading span{

    display:block;

    color:#66776e;

    font-size:13px;
    font-weight:600;

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

    margin-bottom:15px;
}

.fts-journey-heading h2{

    font-family:'Cormorant Garamond',serif;

    font-size:72px;
    line-height:1.05;

    color:#1f1f1f;

    margin-bottom:25px;
}

.fts-heading-line{

    width:60px;
    height:3px;

    background:#d6b37a;

    margin:auto;
}

/* GRID */

.fts-journey-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);

    max-width:1500px;
    margin:auto;
}

.fts-card{
    position:relative;

    text-align:center;

    padding:0 35px;

    display:flex;
    flex-direction:column;
    align-items:center;
}

.fts-card:not(:last-child)::after{

    content:"";

    position:absolute;

    top:20px;
    right:0;

    width:2px;
    height:190px;

    background:#e3d6be;
}

/* ICON */

.fts-icon-wrap{

    width:130px;
    height:130px;

    margin-bottom:30px;

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

    position:relative;
}

.fts-icon-wrap::before{

    width:120px;
    height:120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(214,179,122,.32) 0%,
        rgba(214,179,122,.14) 60%,
        transparent 82%
    );
}

.fts-icon-wrap img{

    width:190px;
    height:auto;

    position:relative;
    z-index:2;
}

/* CONTENT */

.fts-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:30px;
    line-height:1.15;

    color:#222;

    margin:0 0 18px;

    max-width:210px;
}

.fts-card p{

    font-size:16px;
    line-height:1.8;

    color:#666;

    max-width:160px;

    margin:0 auto;
}

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

@media(max-width:991px){

    .fts-journey{
        padding:100px 0;
    }

    .fts-journey-heading h2{
        font-size:54px;
    }

    .fts-journey-grid{

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

        gap:50px;
    }

    .fts-card::after{
        display:none;
    }
}

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

@media(max-width:767px){

    .fts-journey{
        padding:80px 0;
    }

    .fts-journey-heading{
        margin-bottom:60px;
    }

    .fts-journey-heading h2{
        font-size:40px;
    }

    .fts-journey-grid{

        grid-template-columns:1fr;

        gap:50px;
    }

    .fts-card{
        padding:0;
    }

    .fts-icon-wrap{
    width:110px;
    height:110px;
}

.fts-icon-wrap::before{
    width:95px;
    height:95px;
}

.fts-icon-wrap img{
    width:150px;
}

    .fts-card h3{

        font-size:30px;

        max-width:280px;
    }

    .fts-card p{

        max-width:280px;
    }
}


/*==================================
KNOWLEDGE HUB
==================================*/

.knowledge-hub{

    padding:120px 0;

    background:
    url(images/paper-texture.jpg)
    center center/cover no-repeat;

    background-color:#e8d3b1;
}

.knowledge-heading{

    text-align:center;

    margin-bottom:60px;
}
.knowledge-heading p{

    max-width:750px;

    margin:20px auto 0;

    font-size:18px;
    line-height:1.8;

    color:#5f5f5f;
}

.knowledge-footer{

    text-align:center;

    margin-top:50px;
}

.knowledge-btn{

    display:inline-flex;

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

    height:58px;

    padding:0 35px;

    border-radius:60px;

    background:#0f4d3d;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;
}

.knowledge-btn:hover{

    transform:translateY(-3px);
}

.knowledge-heading span{

    display:block;

    margin-bottom:12px;

    color:#6d7d5f;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;
}

.knowledge-heading h2{

    font-family:'Cormorant Garamond',serif;

    font-size:64px;

    color:#242424;
}

/* GRID */

.knowledge-grid{

    display:grid;

    grid-template-columns:1.2fr .9fr;

    gap:30px;

    align-items:start;
}

/* FEATURED */

.featured-guide{

    background:#f8f3ea;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.06);
}

.featured-image img{

    width:100%;
    height:320px;

    object-fit:cover;

    display:block;
}

.featured-content{

    padding:28px;
}

.guide-tag{

    display:inline-block;

    background:#fff;

    color:#84643c;

    padding:8px 14px;

    border-radius:30px;

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;
}

.featured-content h3{

    font-family:'Cormorant Garamond',serif;

    font-size:48px;

    line-height:1.05;

    margin-bottom:18px;

    color:#222;
}

.featured-content p{

    color:#5f5f5f;

    line-height:1.8;

    margin-bottom:20px;
}

.featured-content a{

    text-decoration:none;

    color:#0f4d3d;

    font-weight:700;
}

/* RIGHT CARDS */

.guide-list{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.guide-item{

    display:flex;

    align-items:center;

    gap:20px;

    background:#f8f3ea;

    padding:20px;

    border-radius:16px;

    text-decoration:none;

    transition:.3s;
}

.guide-item:hover{

    transform:translateX(6px);
}

.guide-item img{

    width:95px;
    height:70px;

    border-radius:10px;

    object-fit:cover;

    flex-shrink:0;
}

.guide-item h4{

    font-family:'Cormorant Garamond',serif;

    font-size:26px;

    line-height:1.15;

    color:#222;

    margin-bottom:8px;
}

.guide-item span{

    color:#84643c;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

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

@media(max-width:991px){

    .knowledge-grid{

        grid-template-columns:1fr;
    }

    .knowledge-heading h2{

        font-size:52px;
    }
}

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

@media(max-width:767px){

    .knowledge-hub{

        padding:80px 0;
    }

    .knowledge-heading h2{

        font-size:38px;
    }

    .featured-image img{

        height:240px;
    }

    .featured-content h3{

        font-size:36px;
    }

    .guide-item{

        flex-direction:column;

        text-align:center;
    }

    .guide-item img{

        width:100%;
        height:180px;
    }

    .guide-item h4{

        font-size:22px;
    }
}
/*==================================
WILDLIFE MOMENTS
==================================*/

.wildlife-moments{

    padding:120px 0;

    background:url("../images/paper-texture.webp") repeat;
}

.moments-heading{

    text-align:center;

    margin-bottom:70px;
}

.moments-heading span{

    display:block;

    color:#d6b37a;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;

    margin-bottom:15px;
}

.moments-heading h2{

    font-family:'Cormorant Garamond',serif;

    font-size:64px;

    line-height:1;

    color:#222;
}

.moments-heading h2::after{

    content:"";

    display:block;

    width:50px;
    height:3px;

    background:#d6b37a;

    margin:18px auto 0;
}

/* GRID */

.moments-grid{
    display:grid;

    grid-template-columns:repeat(4,1fr);
	max-width:1450px;
    margin:auto;
    gap:35px;
}

/* CARD */

.moment-card{
    position:relative;
}

.moment-card h3,
.moment-card p{
    max-width:260px;
}

.moment-image{

    position:relative;

    margin-bottom:22px;
}

.moment-image img{

    width:100%;

    height:250px;

    object-fit:cover;

    border-radius:14px;

    display:block;
}

/* NUMBER */

.moment-number{

    position:absolute;

    left:12px;
    bottom:-14px;

    width:34px;
    height:34px;

    border-radius:50%;

    background:#0f4d3d;

    color:#fff;

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

    font-size:11px;
    font-weight:700;

    border:3px solid #faf7f1;
}

.moment-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:28px;

    line-height:1.12;

    color:#222;

    margin-bottom:12px;
}

.moment-card p{

    font-size:15px;

    line-height:1.8;

    color:#666;

    max-width:260px;
}

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

@media(max-width:991px){

    .moments-grid{

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

    .moments-heading h2{

        font-size:52px;
    }
}

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

@media(max-width:767px){

    .wildlife-moments{

        padding:80px 0;
    }

    .moments-grid{

        grid-template-columns:1fr;
    }

    .moments-heading{

        margin-bottom:50px;
    }

    .moments-heading h2{

        font-size:40px;
    }

    .moment-image img{

        height:240px;
    }

    .moment-card h3{

        font-size:26px;
    }

    .moment-card p{

        font-size:15px;
    }
}
/*==================================
SAFARI CTA
==================================*/

.safari-cta{

    position:relative;

    overflow:hidden;

    padding:70px 40px;

    background:
    linear-gradient(
        rgba(8,72,58,.92),
        rgba(8,72,58,.92)
    ),
    url('../images/topography-pattern.png');

    background-size:cover;

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

    min-height:380px;
}

/* CONTENT */

.cta-content{

    max-width:700px;

    text-align:center;

    color:#fff;

    position:relative;
    z-index:2;
}

.cta-content span{

    display:block;

    margin-bottom:12px;

    color:#d6b37a;

    font-size:12px;
    font-weight:700;

    letter-spacing:3px;
}

.cta-content h2{

    font-family:'Cormorant Garamond',serif;

    font-size:64px;

    line-height:1;

    margin-bottom:20px;
}

.cta-content p{

    max-width:520px;

    margin:0 auto 30px;

    font-size:18px;

    line-height:1.7;

    color:rgba(255,255,255,.9);
}

/* BUTTON */

.cta-btn{

    display:inline-flex;

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

    min-width:270px;

    height:58px;

    padding:0 32px;

    background:#d6b37a;

    border-radius:100px;

    text-decoration:none;

    color:#1f1f1f;

    font-weight:700;

    transition:.3s;
}

.cta-btn:hover{

    transform:translateY(-3px);

    background:#e0bf89;
}

/* POLAROID */

.cta-photo{

    position:absolute;

    width:220px;

    background:#fff;

    padding:10px;

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

    z-index:1;
}

.cta-photo img{

    width:100%;

    display:block;

    height:155px;

    object-fit:cover;
}

.cta-photo-left{

    left:40px;

    transform:
    rotate(-8deg);
}

.cta-photo-right{

    right:40px;

    transform:rotate(8deg);
}

/* TABLET */

@media(max-width:991px){

    .cta-content h2{

        font-size:48px;
    }

    .cta-photo{

        width:180px;
    }

    .cta-photo img{

        height:125px;
    }
}

/* MOBILE */

@media(max-width:767px){

    .safari-cta{

        padding:80px 20px;

        flex-direction:column;

        gap:25px;
    }

    .cta-photo{

        position:relative;

        left:auto;
        right:auto;

        transform:none;

        width:180px;
    }

    .cta-content{

        order:2;
    }

    .cta-photo-left{

        order:1;
    }

    .cta-photo-right{

        order:3;
    }

    .cta-content h2{

        font-size:38px;
    }

    .cta-content p{

        font-size:16px;
    }

    .cta-btn{

        min-width:100%;
    }
}
/*=========================================================
SELF DRIVE SAFARI HERO SECTION
DESKTOP CSS - PART 1
=========================================================*/

.self-drive-hero-area{
    position:relative;
    overflow:hidden;
    min-height:920px;
    display:flex;
    align-items:center;
    background:url("../images/safari-advice.webp") center center/cover no-repeat;
     padding: 220px 0 80px;
}

.self-drive-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(14,20,17,.78) 0%,
        rgba(14,20,17,.58) 35%,
        rgba(14,20,17,.18) 65%,
        rgba(14,20,17,0) 100%
    );
    z-index:1;
}

.self-drive-hero-area .container{
    position:relative;
    z-index:5;
}

.self-drive-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

.self-drive-hero-content{
    width:50%;
    max-width:650px;
}

.self-drive-hero-image{
    width:50%;
    text-align:right;
}


/*====================================
SUB TITLE
====================================*/

.self-drive-hero-subtitle{

    display:inline-flex;
    align-items:center;
    gap:12px;

    color:#E8D3A7;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:24px;

}

.self-drive-hero-subtitle::before{

    content:"";

    width:45px;
    height:2px;

    background:#D4B06A;

}


/*====================================
TITLE
====================================*/

.self-drive-hero-title{

    color:#fff;

    font-size:74px;

    line-height:1.05;

    font-weight:700;

    margin:0;

}

.self-drive-hero-title span{

    display:block;

    color:#F2E8CF;

}


/*====================================
DESCRIPTION
====================================*/

.self-drive-hero-text{

    margin-top:34px;

    max-width:560px;

    color:rgba(255,255,255,.90);

    font-size:20px;

    line-height:1.9;

    font-weight:400;

}


/*====================================
BUTTON WRAPPER
====================================*/

.self-drive-hero-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:42px;

}

/*=========================================================
SELF DRIVE SAFARI HERO SECTION
DESKTOP CSS - PART 2
=========================================================*/


/*====================================
PRIMARY BUTTON
====================================*/

.self-drive-btn-primary{

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

    min-width:200px;
    height:60px;

    padding:0 35px;

    background:#d8bb79;

    color:#222;

    font-size:16px;
    font-weight:700;

    text-decoration:none;

    border-radius:50px;

    transition:.35s ease;

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

}

.self-drive-btn-primary:hover{

    background:#ffffff;

    transform:translateY(-4px);

}



/*====================================
SECONDARY BUTTON
====================================*/

.self-drive-btn-secondary{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.35s ease;

}

.self-drive-btn-secondary svg{

    transition:.35s ease;

}

.self-drive-btn-secondary:hover{

    color:#d8bb79;

}

.self-drive-btn-secondary:hover svg{

    transform:translateX(6px);

}



/*====================================
RIGHT IMAGE
====================================*/

.self-drive-hero-image{

    position:relative;

}

.self-drive-hero-image img{

    width:100%;

    max-width:720px;

    display:block;

    margin-left:auto;

    animation:selfDriveFloat 5s ease-in-out infinite;

    filter:drop-shadow(0 40px 60px rgba(0,0,0,.30));

}

@keyframes selfDriveFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0px);

    }

}



/*====================================
ROUND BADGE
====================================*/

.self-drive-badge{

    position:absolute;

    right:7%;

    bottom:70px;

    z-index:10;

}

.self-drive-badge-circle{

    width:170px;

    height:170px;

    border-radius:50%;

    background:#d8bb79;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    text-align:center;

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

}

.self-drive-badge-icon{

    font-size:30px;

    margin-bottom:12px;

}

.self-drive-badge-circle span{

    display:block;

    color:#222;

    font-weight:700;

    font-size:15px;

    letter-spacing:1px;

}



/*====================================
OPTIONAL SHAPE
====================================*/

.self-drive-hero-area::after{

    content:"";

    position:absolute;

    left:-100px;

    bottom:-100px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(216,187,121,.08);

    filter:blur(40px);

}



/*====================================
CONTENT ANIMATION
====================================*/

.self-drive-hero-content{

    animation:selfDriveFade .8s ease;

}

@keyframes selfDriveFade{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



/*====================================
IMAGE ANIMATION
====================================*/

.self-drive-hero-image{

    animation:selfDriveImage .9s ease;

}

@keyframes selfDriveImage{

    from{

        opacity:0;

        transform:translateX(50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}



/*====================================
TEXT SELECTION
====================================*/

.self-drive-hero-area ::selection{

    background:#d8bb79;

    color:#222;

}



/*====================================
END OF DESKTOP CSS
====================================*/

/*=========================================================
SELF DRIVE SAFARI HERO SECTION
RESPONSIVE CSS
=========================================================*/


/*====================================
1600px
====================================*/

@media (max-width:1600px){

    .self-drive-hero-area{
        min-height:850px;
    }

    .self-drive-hero-title{
        font-size:68px;
    }

    .self-drive-hero-image img{
        max-width:650px;
    }

}



/*====================================
1400px
====================================*/

@media (max-width:1400px){

    .self-drive-hero-area{
        padding:110px 0;
        min-height:800px;
    }

    .self-drive-hero-wrapper{
        gap:60px;
    }

    .self-drive-hero-title{
        font-size:60px;
    }

    .self-drive-hero-text{
        font-size:18px;
    }

    .self-drive-hero-image img{
        max-width:580px;
    }

    .self-drive-badge{
        right:4%;
        bottom:50px;
    }

}



/*====================================
1200px
====================================*/

@media (max-width:1200px){

    .self-drive-hero-wrapper{
        gap:40px;
    }

    .self-drive-hero-title{
        font-size:52px;
    }

    .self-drive-hero-text{
        font-size:17px;
    }

    .self-drive-btn-primary{

        min-width:180px;

        height:56px;

    }

    .self-drive-hero-image img{

        max-width:520px;

    }

}



/*====================================
991px
====================================*/

@media (max-width:991px){

    .self-drive-hero-area{

        min-height:auto;

        padding:90px 0;

    }

    .self-drive-hero-wrapper{

        flex-direction:column;

        text-align:center;

    }

    .self-drive-hero-content{

        width:100%;

        max-width:100%;

        order:2;

    }

    .self-drive-hero-image{

        width:100%;

        order:1;

        text-align:center;

    }

    .self-drive-hero-image img{

        max-width:540px;

        margin:auto;

    }

    .self-drive-hero-text{

        max-width:700px;

        margin:25px auto 0;

    }

    .self-drive-hero-buttons{

        justify-content:center;

    }

    .self-drive-badge{

        display:none;

    }

}



/*====================================
767px
====================================*/

@media (max-width:767px){

    .self-drive-hero-area{

        padding:70px 0;

    }

    .self-drive-hero-title{

        font-size:42px;

    }

    .self-drive-hero-subtitle{

        font-size:13px;

        letter-spacing:2px;

    }

    .self-drive-hero-text{

        font-size:16px;

        line-height:1.8;

    }

    .self-drive-hero-buttons{

        flex-direction:column;

        gap:18px;

        align-items:center;

    }

    .self-drive-btn-primary,

    .self-drive-btn-secondary{

        width:100%;

        max-width:320px;

        justify-content:center;

    }

}



/*====================================
575px
====================================*/

@media (max-width:575px){

    .self-drive-hero-area{

        padding:60px 0;

    }

    .self-drive-hero-title{

        font-size:34px;

        line-height:1.2;

    }

    .self-drive-hero-title span{

        display:block;

    }

    .self-drive-hero-text{

        font-size:15px;

    }

    .self-drive-btn-primary{

        height:54px;

        font-size:15px;

    }

}



/*====================================
480px
====================================*/

@media (max-width:480px){

    .self-drive-hero-title{

        font-size:30px;

    }

    .self-drive-hero-subtitle{

        letter-spacing:1px;

    }

    .self-drive-hero-text{

        font-size:15px;

        line-height:1.7;

    }

    .self-drive-hero-buttons{

        margin-top:30px;

    }

}



/*====================================
375px
====================================*/

@media (max-width:375px){

    .self-drive-hero-area{

        padding:50px 0;

    }

    .self-drive-hero-title{

        font-size:26px;

    }

    .self-drive-hero-text{

        font-size:14px;

    }

    .self-drive-btn-primary,

    .self-drive-btn-secondary{

        font-size:14px;

        padding:14px 20px;

    }

}
/*=========================================================
SELF DRIVE BENEFITS
=========================================================*/

.self-drive-benefits-area{

    padding:120px 0;

    background:url("../images/paper-texture.webp") repeat;
	#f8f5ee;

    position:relative;

}

.self-drive-benefits-area .container{

    max-width:1500px;

}

.self-drive-benefits-wrapper{

    display:grid;

    grid-template-columns:32% 68%;

    align-items:center;

    gap:50px;

}

.self-drive-benefits-book{

    width:100%;

}

.self-drive-benefits-book img{

    width:100%;

    display:block;

}

.self-drive-benefits-list{

    display:grid;

    grid-template-columns:repeat(5,minmax(170px,1fr));

    align-items:start;

}

.self-drive-benefit-box{

    text-align:center;

    padding:0 18px;

    border-right:1px solid #e7dfd2;

}

.self-drive-benefit-box:last-child{

    border-right:none;

}

.self-drive-benefit-icon{

    width:84px;

    height:84px;

    margin:0 auto 24px;

    border:1px solid #ddd6c8;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s ease;

}

.self-drive-benefit-icon i{

    font-size:34px;

    color:#222;

    transition:.35s ease;

}

.self-drive-benefit-box:hover .self-drive-benefit-icon{

    background:#1d4736;

    border-color:#1d4736;

    transform:translateY(-4px);

}

.self-drive-benefit-box:hover .self-drive-benefit-icon i{

    color:#fff;

}

.self-drive-benefit-box h3{

    font-family:"Cormorant Garamond",serif;

    font-size:24px;

    font-weight:700;

    color:#1a1a1a;

    line-height:1.3;

    letter-spacing:.2px;

    margin-bottom:16px;

    white-space:nowrap;

}

.self-drive-benefit-box p{

    max-width:190px;

    margin:0 auto;

    font-size:16px;

    font-weight:500;

    line-height:1.85;

    color:#555;

}
/*=============================
1200
==============================*/

@media(max-width:1200px){

.self-drive-benefits-wrapper{

gap:40px;

}

.self-drive-benefits-list{

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

row-gap:40px;

}

}



/*=============================
991
==============================*/

@media(max-width:991px){

.self-drive-benefits-wrapper{

flex-direction:column;

}

.self-drive-benefits-book{

width:100%;

max-width:420px;

}

.self-drive-benefits-list{

width:100%;

}

}



/*=============================
767
==============================*/

@media(max-width:767px){

.self-drive-benefits-list{

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

}

.self-drive-benefit-box{

border:none;

padding:20px;

}

}



/*=============================
575
==============================*/

@media(max-width:575px){

.self-drive-benefits-list{

grid-template-columns:1fr;

}

.self-drive-benefits-area{

padding:70px 0;

}

.self-drive-benefit-box h3{

font-size:22px;

}

}
/*=========================================================
SELF DRIVE ROADMAP
=========================================================*/

.self-drive-roadmap-area{

    position:relative;

    overflow:hidden;

    padding:110px 0 120px;

    background:#12392f;

    color:#fff;

}

.self-drive-roadmap-area::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/topography-pattern.png") center center/cover no-repeat;

    opacity:.08;

    pointer-events:none;

}

.self-drive-roadmap-area .container{

    position:relative;

    z-index:2;

}

/*=========================
Heading
=========================*/

.self-drive-roadmap-header{

    text-align:center;

    margin-bottom:90px;

}

.self-drive-roadmap-subtitle{

    display:block;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#d8ab5d;

    margin-bottom:16px;

}

.self-drive-roadmap-title{

    font-family:"Cormorant Garamond",serif;

    font-size:56px;

    font-weight:700;

    line-height:1.1;

    margin:0;

    color:#fff;

}

.self-drive-roadmap-title::after{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:#d8ab5d;

    border-radius:30px;

    margin:18px auto 0;

}

/*=========================
Wrapper
=========================*/

.self-drive-roadmap-wrapper{

    position:relative;

    display:grid;

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

    gap:22px;

    align-items:start;

}

/*=========================
SVG Road
=========================*/

.self-drive-roadmap-line{

    position:absolute;

    left:0;

    top:42px;

    width:100%;

    height:120px;

    z-index:0;

}

/*=========================
Each Step
=========================*/

.self-drive-roadmap-item{

    position:relative;

    z-index:2;

    text-align:center;

}

/* Alternate height */

.self-drive-roadmap-item:nth-child(even){

    padding-top:45px;

}

/*=========================
Circle
=========================*/

.self-drive-roadmap-icon{

    width:95px;

    height:95px;

    background:#faf7f2;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 28px;

    position:relative;

    box-shadow:

    0 8px 30px rgba(0,0,0,.18);

}

.self-drive-roadmap-icon::before{

    content:"";

    position:absolute;

    inset:7px;

    border-radius:50%;

    border:1px dashed rgba(0,0,0,.10);

}

.self-drive-roadmap-icon i{

    font-size:38px;

    color:#27312f;

    position:relative;

    z-index:2;

}

/*=========================
Number Badge
=========================*/

.self-drive-roadmap-icon span{

    position:absolute;

    right:-6px;

    bottom:-2px;

    width:36px;

    height:36px;

    border-radius:50%;

    background:#d8ab5d;

    color:#222;

    font-size:15px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

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

}

/*=========================
Heading
=========================*/

.self-drive-roadmap-item h3{

    font-family:"Cormorant Garamond",serif;

    font-size:31px;

    font-weight:700;

    line-height:1.15;

    color:#fff;

    margin-bottom:16px;

}

/*=========================
Text
=========================*/

.self-drive-roadmap-item p{

    max-width:175px;

    margin:auto;

    color:#d7ddd9;

    font-size:16px;

    line-height:1.8;

}

/*=========================
Hover
=========================*/

.self-drive-roadmap-item{

    transition:.35s;

}

.self-drive-roadmap-item:hover{

    transform:translateY(-8px);

}

.self-drive-roadmap-item:hover .self-drive-roadmap-icon{

    transform:scale(1.08);

    transition:.35s;

}

.self-drive-roadmap-item:hover .self-drive-roadmap-icon{

    background:#fff;

}

.self-drive-roadmap-item:hover .self-drive-roadmap-icon span{

    background:#e4b25d;

}

/*=========================================================
RESPONSIVE
=========================================================*/

/*==============================
Large Laptop
==============================*/

@media only screen and (max-width:1600px){

.self-drive-roadmap-title{

    font-size:50px;

}

.self-drive-roadmap-item h3{

    font-size:27px;

}

.self-drive-roadmap-item p{

    font-size:15px;

}

.self-drive-roadmap-icon{

    width:90px;

    height:90px;

}

.self-drive-roadmap-icon i{

    font-size:34px;

}

}


/*==============================
Laptop
==============================*/

@media only screen and (max-width:1399px){

.self-drive-roadmap-wrapper{

    gap:18px;

}

.self-drive-roadmap-item h3{

    font-size:24px;

}

.self-drive-roadmap-item p{

    max-width:160px;

    font-size:15px;

}

.self-drive-roadmap-icon{

    width:84px;

    height:84px;

}

.self-drive-roadmap-icon i{

    font-size:30px;

}

.self-drive-roadmap-icon span{

    width:34px;

    height:34px;

}

}


/*==============================
Tablet Landscape
==============================*/

@media only screen and (max-width:1199px){

.self-drive-roadmap-area{

    padding:90px 0;

}

.self-drive-roadmap-title{

    font-size:44px;

}

.self-drive-roadmap-wrapper{

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

    row-gap:70px;

}

.self-drive-roadmap-line{

    display:none;

}

.self-drive-roadmap-item:nth-child(even){

    padding-top:0;

}

.self-drive-roadmap-item h3{

    font-size:24px;

}

.self-drive-roadmap-item p{

    max-width:220px;

}

}


/*==============================
Tablet
==============================*/

@media only screen and (max-width:991px){

.self-drive-roadmap-wrapper{

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

    gap:60px 40px;

}

.self-drive-roadmap-header{

    margin-bottom:70px;

}

.self-drive-roadmap-title{

    font-size:40px;

}

.self-drive-roadmap-item h3{

    font-size:28px;

}

.self-drive-roadmap-item p{

    max-width:260px;

}

}


/*==============================
Mobile
==============================*/

@media only screen and (max-width:767px){

.self-drive-roadmap-area{

    padding:80px 0;

}

.self-drive-roadmap-header{

    margin-bottom:55px;

}

.self-drive-roadmap-title{

    font-size:34px;

}

.self-drive-roadmap-wrapper{

    display:flex;

    flex-direction:column;

    gap:45px;

    max-width:420px;

    margin:auto;

}

.self-drive-roadmap-item{

    display:flex;

    align-items:flex-start;

    text-align:left;

    gap:22px;

    position:relative;

}

.self-drive-roadmap-item::after{

    content:"";

    position:absolute;

    left:46px;

    top:90px;

    width:2px;

    height:75px;

    background:#d8ab5d;

    opacity:.35;

}

.self-drive-roadmap-item:last-child::after{

    display:none;

}

.self-drive-roadmap-item:nth-child(even){

    padding-top:0;

}

.self-drive-roadmap-icon{

    width:88px;

    height:88px;

    flex-shrink:0;

    margin:0;

}

.self-drive-roadmap-icon i{

    font-size:30px;

}

.self-drive-roadmap-item h3{

    font-size:28px;

    margin-bottom:12px;

}

.self-drive-roadmap-item p{

    margin:0;

    max-width:100%;

    font-size:16px;

}

.self-drive-roadmap-line{

    display:none;

}

}


/*==============================
Small Mobile
==============================*/

@media only screen and (max-width:575px){

.self-drive-roadmap-area{

    padding:70px 0;

}

.self-drive-roadmap-subtitle{

    font-size:12px;

    letter-spacing:1.5px;

}

.self-drive-roadmap-title{

    font-size:30px;

}

.self-drive-roadmap-item{

    gap:18px;

}

.self-drive-roadmap-icon{

    width:74px;

    height:74px;

}

.self-drive-roadmap-icon i{

    font-size:25px;

}

.self-drive-roadmap-icon span{

    width:30px;

    height:30px;

    font-size:13px;

}

.self-drive-roadmap-item::after{

    left:37px;

    top:76px;

    height:70px;

}

.self-drive-roadmap-item h3{

    font-size:24px;

}

.self-drive-roadmap-item p{

    font-size:15px;

    line-height:1.7;

}

}
/*=========================================================
LATEST ARTICLES
=========================================================*/

.latest-articles-area{

    position:relative;

    padding:120px 0;

    background:url("../images/paper-texture.webp") repeat;

    overflow:hidden;

}

.latest-articles-area::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:45%;

    background:url("../images/latest-articles-bg.png") center bottom/cover no-repeat;

    opacity:.08;

}

.latest-articles-area .container{

    position:relative;

    z-index:2;

}


/*=========================
Heading
=========================*/

.latest-articles-heading{

    text-align:center;

    margin-bottom:70px;

}

.latest-articles-heading span{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    color:#c79b4d;

    text-transform:uppercase;

    margin-bottom:16px;

}

.latest-articles-heading h2{

    font-size:54px;

    line-height:1.15;

    color:#222;

    margin:0;

}


/*=========================
Layout
=========================*/

.latest-articles-wrapper{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:45px;

    align-items:start;

}


/*=========================
Featured Card
=========================*/

.featured-article{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.featured-image{

    position:relative;

    display:block;

    overflow:hidden;

}

.featured-image img{

    width:100%;

    height:520px;

    object-fit:cover;

    transition:.6s;

}

.featured-article:hover img{

    transform:scale(1.08);

}

.article-category{

    position:absolute;

    left:30px;

    top:30px;

    background:#c79b4d;

    color:#fff;

    padding:9px 18px;

    border-radius:40px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.featured-content{

    padding:40px;

}

.article-meta{

    display:flex;

    gap:25px;

    margin-bottom:20px;

}

.article-meta span{

    color:#666;

    font-size:15px;

}

.article-meta i{

    color:#c79b4d;

    margin-right:6px;

}

.featured-content h3{

    font-size:38px;

    line-height:1.25;

    margin-bottom:20px;

}

.featured-content h3 a{

    color:#222;

    text-decoration:none;

}

.featured-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:30px;

}

.article-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#1d4736;

    font-weight:700;

    transition:.3s;

}

.article-btn:hover{

    color:#c79b4d;

}


/*=========================
Sidebar
=========================*/

.article-sidebar{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.small-article{

    display:flex;

    gap:20px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

}

.small-article:hover{

    transform:translateY(-8px);

}

.small-thumb{

    width:180px;

    flex-shrink:0;

    overflow:hidden;

}

.small-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.small-article:hover img{

    transform:scale(1.08);

}

.small-content{

    padding:24px 22px 24px 0;

}

.small-content span{

    display:inline-block;

    color:#c79b4d;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:10px;

    text-transform:uppercase;

}

.small-content h4{

    font-size:22px;

    line-height:1.4;

    margin-bottom:18px;

}

.small-content h4 a{

    color:#222;

    text-decoration:none;

}

.small-content>a{

    color:#1d4736;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.small-content>a:hover{

    color:#c79b4d;

}
/*=========================================================
LARGE LAPTOP
=========================================================*/

@media (max-width:1400px){

.latest-articles-heading h2{

    font-size:48px;

}

.latest-articles-wrapper{

    gap:35px;

}

.featured-image img{

    height:470px;

}

.featured-content{

    padding:35px;

}

.featured-content h3{

    font-size:34px;

}

.small-thumb{

    width:160px;

}

.small-content h4{

    font-size:20px;

}

}



/*=========================================================
LAPTOP
=========================================================*/

@media (max-width:1199px){

.latest-articles-area{

    padding:100px 0;

}

.latest-articles-heading{

    margin-bottom:55px;

}

.latest-articles-heading h2{

    font-size:42px;

}

.latest-articles-wrapper{

    grid-template-columns:1fr;

}

.featured-image img{

    height:420px;

}

.featured-content{

    padding:32px;

}

.featured-content h3{

    font-size:32px;

}

.article-sidebar{

    display:grid;

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

    gap:25px;

}

.small-article{

    display:block;

}

.small-thumb{

    width:100%;

}

.small-thumb img{

    height:220px;

}

.small-content{

    padding:24px;

}

.small-content h4{

    font-size:22px;

}

}



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

@media (max-width:991px){

.latest-articles-area{

    padding:90px 0;

}

.latest-articles-heading h2{

    font-size:36px;

}

.featured-image img{

    height:360px;

}

.featured-content{

    padding:28px;

}

.featured-content h3{

    font-size:28px;

}

.featured-content p{

    font-size:16px;

}

.article-sidebar{

    grid-template-columns:1fr;

}

.small-article{

    display:flex;

}

.small-thumb{

    width:180px;

}

.small-thumb img{

    height:100%;

}

.small-content{

    padding:22px 20px;

}

.small-content h4{

    font-size:22px;

}

}



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

@media (max-width:767px){

.latest-articles-area{

    padding:70px 0;

}

.latest-articles-heading{

    margin-bottom:45px;

}

.latest-articles-heading span{

    font-size:12px;

}

.latest-articles-heading h2{

    font-size:30px;

    line-height:1.3;

}

.featured-image img{

    height:270px;

}

.article-category{

    left:18px;

    top:18px;

    font-size:11px;

    padding:7px 14px;

}

.featured-content{

    padding:22px;

}

.article-meta{

    flex-direction:column;

    gap:8px;

}

.featured-content h3{

    font-size:24px;

}

.featured-content p{

    font-size:15px;

    line-height:1.8;

}

.small-article{

    display:block;

}

.small-thumb{

    width:100%;

}

.small-thumb img{

    height:230px;

}

.small-content{

    padding:22px;

}

.small-content h4{

    font-size:20px;

}

}



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

@media (max-width:480px){

.latest-articles-heading h2{

    font-size:26px;

}

.featured-image img{

    height:220px;

}

.featured-content{

    padding:18px;

}

.featured-content h3{

    font-size:22px;

}

.article-btn{

    font-size:15px;

}

.small-thumb img{

    height:200px;

}

.small-content{

    padding:18px;

}

.small-content h4{

    font-size:18px;

}

.small-content>a{

    font-size:15px;

}

}
/*=========================================================
SELF DRIVE FLOATING GUIDES
=========================================================*/

.self-drive-floating-guides{
    position:relative;
    padding:120px 0;
    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
}

.self-drive-floating-guides::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(16,33,27,.55);
}

.self-drive-floating-guides .container{
    position:relative;
    z-index:2;
}

/*=========================
Heading
=========================*/

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.section-heading span{
    display:inline-block;
    color:#d9b46c;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.section-heading h2{
    color:#fff;
    font-size:58px;
    line-height:1.15;
    margin:0;
}

/*=========================
Layout
=========================*/

.floating-guides-wrapper{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    align-items:start;
}

/*=========================
Cards
=========================*/

.floating-guide-card{
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.3);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.22);
    transition:.4s ease;
}

.floating-guide-card:hover{
    transform:translateY(-12px);
    box-shadow:0 35px 80px rgba(0,0,0,.28);
}

.floating-guide-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.floating-guide-card:hover img{
    transform:scale(1.06);
}

.floating-guide-content{
    padding:28px;
}

.floating-guide-content h3{
    font-size:28px;
    line-height:1.3;
    color:#222;
    margin-bottom:16px;
}

.floating-guide-content p{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin-bottom:24px;
}

.floating-guide-content a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    color:#1d4736;
    text-decoration:none;
    transition:.3s;
}

.floating-guide-content a:hover{
    color:#c89b52;
}

/*=========================
Floating Effect
=========================*/

/*=========================
Card Position
=========================*/

.card-1{
    grid-column:1;
    transform:translateY(0);
}

.card-2{
    grid-column:2;
    transform:translateY(60px);
}

.card-3{
    grid-column:3;
    transform:translateY(20px);
}

.card-4{
    grid-column:1;
    transform:translate(55%, 30px);
}

.card-5{
    grid-column:3;
    transform:translate(-55%, 60px);
}

/* Hover */

.card-1:hover{
    transform:translateY(-12px);
}

.card-2:hover{
    transform:translateY(48px);
}

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

.card-4:hover{
    transform:translate(55%, -32px);
}

.card-5:hover{
    transform:translate(-55%, 28px);
}

.floating-guide-card:hover{
    transform:translateY(calc(var(--offset,0px) - 12px));
}

.card-1{--offset:0px;}
.card-2{--offset:60px;}
.card-3{--offset:20px;}
.card-4{--offset:-20px;}
.card-5{--offset:40px;}
/*=========================================================
RESPONSIVE CSS
=========================================================*/

/*************** 1600px ****************/

@media only screen and (max-width:1600px){

.section-heading h2{

    font-size:52px;

}

.floating-guide-content h3{

    font-size:26px;

}

}



/*************** 1400px ****************/

@media only screen and (max-width:1400px){

.floating-guides-wrapper{

    gap:22px;

}

.floating-guide-content{

    padding:24px;

}

.floating-guide-content h3{

    font-size:24px;

}

.floating-guide-content p{

    font-size:15px;

}

}



/*************** 1200px ****************/

@media only screen and (max-width:1200px){

.self-drive-floating-guides{

    padding:100px 0;

}

.section-heading{

    margin-bottom:60px;

}

.section-heading h2{

    font-size:42px;

}

.floating-guides-wrapper{

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

    gap:30px;

}

.card-1,
.card-2,
.card-3,
.card-4,
.card-5{

    grid-column:auto;

    margin-top:0;

}

}



/*************** 991px ****************/

@media only screen and (max-width:991px){

.self-drive-floating-guides{

    padding:90px 0;

}

.section-heading h2{

    font-size:38px;

}

.floating-guide-card img{

    height:240px;

}

}



/*************** 767px ****************/

@media only screen and (max-width:767px){

.self-drive-floating-guides{

    padding:80px 0;

}

.section-heading{

    margin-bottom:45px;

}

.section-heading h2{

    font-size:32px;

}

.floating-guides-wrapper{

    grid-template-columns:1fr;

    max-width:520px;

    margin:auto;

}

.floating-guide-card{

    max-width:100%;

}

.floating-guide-card img{

    height:260px;

}

.floating-guide-content{

    padding:24px;

}

.floating-guide-content h3{

    font-size:26px;

}

.floating-guide-content p{

    font-size:16px;

}

}



/*************** 575px ****************/

@media only screen and (max-width:575px){

.self-drive-floating-guides{

    padding:70px 0;

}

.section-heading span{

    font-size:12px;

}

.section-heading h2{

    font-size:28px;

    line-height:1.3;

}

.floating-guide-card{

    border-radius:18px;

}

.floating-guide-card img{

    height:220px;

}

.floating-guide-content{

    padding:20px;

}

.floating-guide-content h3{

    font-size:22px;

}

.floating-guide-content p{

    font-size:15px;

    line-height:1.7;

}

.floating-guide-content a{

    font-size:14px;

}

}



/*************** 420px ****************/

@media only screen and (max-width:420px){

.section-heading h2{

    font-size:24px;

}

.floating-guide-card img{

    height:190px;

}

.floating-guide-content{

    padding:18px;

}

.floating-guide-content h3{

    font-size:20px;

}

}
/*=========================================================
CAPTURE MY SAFARI HERO
=========================================================*/

.capture-hero-area{

    position:relative;

    min-height:900px;

    display:flex;

    align-items:center;
	padding:170px 0 120px;

    background:url("../images/capture-hero-bg.webp") center center/cover no-repeat;

    overflow:hidden;

}

.capture-hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.58) 38%,
        rgba(0,0,0,.15) 70%,
        rgba(0,0,0,.05) 100%
    );

}

.capture-hero-wrapper{

    position:relative;

    z-index:2;

    width:100%;

    max-width:650px;

    padding:180px 0 190px;

}

/*=========================================
Subtitle
=========================================*/

.capture-hero-subtitle{

    display:inline-block;

    margin-bottom:26px;

    font-size:15px;

    font-weight:700;

    color:#d7aa54;

    letter-spacing:3px;

    text-transform:uppercase;

}

/*=========================================
Heading
=========================================*/

.capture-hero-content h1{

    font-size:76px;

    line-height:1.08;

    font-weight:500;

    color:#fff;

    margin-bottom:34px;

}

.capture-hero-content h1 span{

    display:block;

    color:#d9a847;

}

/*=========================================
Description
=========================================*/

.capture-hero-content p{

    font-size:22px;

    line-height:2;

    color:rgba(255,255,255,.92);

    max-width:610px;

    margin-bottom:48px;

}

/*=========================================
Buttons
=========================================*/

.capture-hero-buttons{

    display:flex;

    align-items:center;

    gap:35px;

}

.capture-btn-primary{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:20px 36px;

    border-radius:10px;

    background:#d7aa54;

    color:#111;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.capture-btn-primary i{

    font-size:20px;

}

.capture-btn-primary:hover{

    background:#fff;

}

.capture-btn-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.capture-btn-link i{

    transition:.35s;

}

.capture-btn-link:hover{

    color:#d7aa54;

}

.capture-btn-link:hover i{

    transform:translateX(8px);

}
/*=========================================================
CAPTURE HERO FEATURES
=========================================================*/

.capture-hero-features{

    position:absolute;

    left:0;

    right:0;

    bottom:55px;

    z-index:3;

    display:grid;

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

    gap:40px;

}

.capture-feature-item{

    display:flex;

    align-items:center;

    gap:18px;

    position:relative;

}

.capture-feature-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:-20px;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:60px;

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

}

/*=================================
Icon
=================================*/

.capture-feature-icon{

    width:62px;

    height:62px;

    border-radius:50%;

    border:1px solid rgba(215,170,84,.75);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.4s;
	background:rgba(255,255,255,.04);
    backdrop-filter:blur(6px);
    box-shadow:0 10px 25px rgba(0,0,0,.25);

}

.capture-feature-box:hover .capture-feature-icon{
    box-shadow:0 15px 35px rgba(213,164,77,.25);
}

.capture-feature-icon i{

    font-size:24px;

    color:#d7aa54;

    transition:.35s;

}

/*=================================
Text
=================================*/

.capture-feature-item h4{

    font-size:22px;

    line-height:1.45;

    color:#fff;

    font-weight:500;

    margin:0;

}

/*=================================
Hover
=================================*/

.capture-feature-item:hover .capture-feature-icon{

    background:#d7aa54;

    border-color:#d7aa54;

    transform:translateY(-6px);

}

.capture-feature-item:hover .capture-feature-icon i{

    color:#111;

}

.capture-feature-item:hover h4{

    color:#d7aa54;

}

/*=================================
Animation
=================================*/

.capture-feature-item{

    transition:.35s;

}

.capture-feature-item:hover{

    transform:translateY(-6px);

}

/*=================================
Container Fix
=================================*/

.capture-hero-area .container{

    position:relative;

    z-index:2;

}
/*=========================================================
CAPTURE HERO RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1600px){

.capture-hero-area{

    min-height:820px;

}

.capture-hero-wrapper{

    padding:160px 0 180px;

}

.capture-hero-content h1{

    font-size:68px;

}

.capture-hero-content p{

    font-size:20px;

}

.capture-hero-features{

    gap:30px;

}

.capture-feature-item h4{

    font-size:20px;

}

}



/*=========================================
Laptop
=========================================*/

@media (max-width:1400px){

.capture-hero-area{

    min-height:760px;

}

.capture-hero-wrapper{

    max-width:560px;

}

.capture-hero-content h1{

    font-size:60px;

}

.capture-hero-content p{

    font-size:18px;

    line-height:1.9;

}

.capture-btn-primary{

    padding:18px 32px;

}

.capture-feature-item h4{

    font-size:18px;

}

.capture-feature-icon{

    width:56px;

    height:56px;

}

}



/*=========================================
Small Laptop
=========================================*/

@media (max-width:1199px){

.capture-hero-area{

    min-height:700px;

}

.capture-hero-wrapper{

    max-width:500px;

    padding:140px 0 170px;

}

.capture-hero-content h1{

    font-size:52px;

}

.capture-hero-content p{

    font-size:17px;

}

.capture-hero-features{

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

    row-gap:35px;

}

.capture-feature-item:nth-child(2)::after{

    display:none;

}

.capture-feature-item h4{

    font-size:17px;

}

}



/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.capture-hero-area{

    min-height:auto;

    padding:130px 0 70px;

    background-position:72% center;

}

.capture-hero-wrapper{

    max-width:100%;

    padding:0;

}

.capture-hero-content{

    text-align:center;

}

.capture-hero-content h1{

    font-size:48px;

}

.capture-hero-content p{

    max-width:100%;

}

.capture-hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

.capture-hero-features{

    position:relative;

    margin-top:70px;

    bottom:auto;

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

}

.capture-feature-item{

    justify-content:center;

}

.capture-feature-item::after{

    display:none !important;

}

}



/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.capture-hero-area{

    padding:120px 0 60px;

    background-position:75% center;

}

.capture-hero-subtitle{

    font-size:12px;

    letter-spacing:2px;

}

.capture-hero-content h1{

    font-size:40px;

}

.capture-hero-content p{

    font-size:16px;

    line-height:1.8;

}

.capture-hero-buttons{

    flex-direction:column;

    gap:18px;

}

.capture-btn-primary{

    width:100%;

    justify-content:center;

}

.capture-btn-link{

    justify-content:center;

}

.capture-hero-features{

    grid-template-columns:1fr;

    gap:22px;

    margin-top:55px;

}

.capture-feature-item{

    justify-content:flex-start;

}

.capture-feature-item h4{

    font-size:17px;

}

}



/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.capture-hero-area{

    padding:100px 0 50px;

}

.capture-hero-content h1{

    font-size:34px;

}

.capture-hero-content p{

    font-size:15px;

}

.capture-btn-primary{

    padding:16px 24px;

    font-size:14px;

}

.capture-btn-link{

    font-size:14px;

}

.capture-feature-icon{

    width:50px;

    height:50px;

}

.capture-feature-icon i{

    font-size:18px;

}

.capture-feature-item h4{

    font-size:16px;

}

}
/*=========================================================
CAPTURE PROCESS
=========================================================*/

.capture-process-area{

    position:relative;

    padding:120px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

    overflow:hidden;

}

/* Paper Texture */

.capture-process-area::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/paper-texture.webp") repeat;

    opacity:.08;

    pointer-events:none;

}

/* Top Torn Effect */

.capture-process-area::after{

    content:"";

    position:absolute;

    left:0;

    top:-2px;

    width:100%;

    height:65px;

    background:url("../images/torn-paper-top.webp") repeat-x top center;

    background-size:cover;

}

/*=========================================================
Heading
=========================================================*/

.capture-process-heading{

    position:relative;

    text-align:center;

    margin-bottom:90px;

    z-index:2;

}

.capture-process-heading span{

    display:block;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    color:#c79b4b;

    text-transform:uppercase;

    margin-bottom:16px;

}

.capture-process-heading h2{

    font-size:54px;

    line-height:1.2;

    color:#222;

    margin-bottom:22px;

}

.capture-process-line{

    width:70px;

    height:3px;

    background:#c79b4b;

    margin:auto;

    border-radius:50px;

}

/*=========================================================
Wrapper
=========================================================*/

.capture-process-wrapper{

    position:relative;

    display:grid;

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

    gap:35px;

    z-index:2;

}

/* Dotted Connector */

.capture-process-wrapper::before{

    content:"";

    position:absolute;

    left:9%;

    right:9%;

    top:55px;

    border-top:2px dashed rgba(0,0,0,.18);

    z-index:0;

}

/*=========================================================
Item
=========================================================*/

.capture-process-item{

    position:relative;

    text-align:center;

    z-index:2;

}

.capture-process-item:not(:last-child)::after{

    content:"➜";

    position:absolute;

    top:42px;

    right:-20px;

    font-size:18px;

    color:#b9b9b9;

}
/*=========================================================
CAPTURE PROCESS ICON
=========================================================*/

.capture-process-icon{

    width:110px;

    height:110px;

    margin:0 auto 24px;

    border:2px solid #d9d9d9;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    transition:.45s;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.capture-process-icon i{

    font-size:42px;

    color:#222;

    transition:.35s;

}

/*=========================================================
NUMBER
=========================================================*/

.capture-process-number{

    display:block;

    margin-bottom:18px;

    font-size:24px;

    font-weight:700;

    color:#222;

    letter-spacing:1px;

}

/*=========================================================
CONTENT
=========================================================*/

.capture-process-item h3{

    font-size:22px;

    line-height:1.35;

    font-weight:700;

    color:#222;

    margin-bottom:18px;

    text-transform:uppercase;

}

.capture-process-item p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    max-width:240px;

    margin:0 auto;

}

/*=========================================================
HOVER
=========================================================*/

.capture-process-item{

    transition:.35s;

}

.capture-process-item:hover{

    transform:translateY(-10px);

}

.capture-process-item:hover .capture-process-icon{

    background:#1d4736;

    border-color:#1d4736;

    transform:scale(1.06);

}

.capture-process-item:hover .capture-process-icon i{

    color:#d7aa54;

}

.capture-process-item:hover .capture-process-number{

    color:#c79b4b;

}

.capture-process-item:hover h3{

    color:#1d4736;

}

/*=========================================================
ANIMATION
=========================================================*/

.capture-process-icon::before{

    content:"";

    position:absolute;

    inset:-7px;

    border-radius:50%;

    border:1px dashed rgba(199,155,75,.35);

    opacity:0;

    transform:scale(.9);

    transition:.4s;

}

.capture-process-item:hover .capture-process-icon::before{

    opacity:1;

    transform:scale(1);

}
/*=========================================================
CAPTURE PROCESS RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.capture-process-heading h2{

    font-size:48px;

}

.capture-process-wrapper{

    gap:25px;

}

.capture-process-icon{

    width:100px;
    height:100px;

}

.capture-process-icon i{

    font-size:36px;

}

.capture-process-item h3{

    font-size:20px;

}

.capture-process-item p{

    font-size:16px;

}

}



/*=========================================
Laptop
=========================================*/

@media (max-width:1199px){

.capture-process-area{

    padding:100px 0;

}

.capture-process-wrapper{

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

    row-gap:70px;

}

.capture-process-wrapper::before{

    display:none;

}

.capture-process-item::after{

    display:none;

}

.capture-process-heading{

    margin-bottom:70px;

}

}



/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.capture-process-heading h2{

    font-size:42px;

}

.capture-process-wrapper{

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

    gap:50px;

}

.capture-process-item{

    max-width:330px;

    margin:auto;

}

.capture-process-icon{

    width:95px;

    height:95px;

}

.capture-process-icon i{

    font-size:34px;

}

.capture-process-number{

    font-size:22px;

}

.capture-process-item h3{

    font-size:19px;

}

.capture-process-item p{

    font-size:16px;

}

}



/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.capture-process-area{

    padding:80px 0;

}

.capture-process-heading{

    margin-bottom:55px;

}

.capture-process-heading h2{

    font-size:34px;

    line-height:1.3;

}

.capture-process-wrapper{

    grid-template-columns:1fr;

    gap:45px;

}

.capture-process-item{

    max-width:360px;

}

.capture-process-icon{

    width:90px;

    height:90px;

}

.capture-process-icon i{

    font-size:32px;

}

.capture-process-number{

    font-size:20px;

}

.capture-process-item h3{

    font-size:18px;

}

.capture-process-item p{

    font-size:15px;

    line-height:1.8;

}

}



/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.capture-process-area{

    padding:70px 0;

}

.capture-process-heading span{

    font-size:12px;

}

.capture-process-heading h2{

    font-size:30px;

}

.capture-process-line{

    width:55px;

}

.capture-process-icon{

    width:80px;

    height:80px;

}

.capture-process-icon i{

    font-size:28px;

}

.capture-process-number{

    font-size:18px;

}

.capture-process-item h3{

    font-size:17px;

}

.capture-process-item p{

    font-size:14px;

}

}

/*=========================================================
CAPTURE FEATURES
=========================================================*/

.capture-features-area{
    position:relative;
    overflow:hidden;
    padding:140px 0 120px;
    background:
    radial-gradient(circle at 20% 30%, rgba(213,164,77,.12), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.05), transparent 45%),
    url("../images/paper-texture.webp"),
    url("../images/capture-features-bg.webp") center center/cover no-repeat;
}


/* Dark Overlay */

.capture-features-area::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(135deg, rgba(9,49,39,.88), rgba(9,49,39,.65));

}

/* Topography Texture */

.capture-features-area::after{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/topography-pattern.webp") center center/cover;

    opacity:.04;

}

/*=========================================================
Container
=========================================================*/

.capture-features-area .container{

    position:relative;

    z-index:5;

}

/*=========================================================
Heading
=========================================================*/

.capture-features-heading{

    text-align:center;

    margin-bottom:80px;

}

.capture-features-heading span{

    display:block;

    color:#d5a44d;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:16px;
	opacity:.9;

}

.capture-features-heading h2{

    color:#fff;

    font-size:62px;
	letter-spacing:-0.5px;

    line-height:1.15;

    margin-bottom:22px;

}

.capture-features-line{

    width:65px;

    height:3px;

    margin:auto;

    background:#d5a44d;

    border-radius:50px;

}

/*=========================================================
Layout
=========================================================*/

.capture-features-wrapper{

    display:grid;

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

    position:relative;
	gap:10px;
    align-items:start;

}

/*=========================================================
Left Images
=========================================================*/

.capture-features-left-images{

    position:absolute;

    left:40px;

    top:40px;

    z-index:10;

    display:flex;

    flex-direction:column;

    gap:22px;

}

.capture-features-left-images img{
    width:175px;
    display:block;
    transform:rotate(-6deg);
    box-shadow:0 25px 60px rgba(0,0,0,.35);
	transition:.4s ease;
    background: #fff;
    padding:12px 12px 28px;
    border-radius: 6px;
}

.capture-features-left-images img:hover{
    transform:rotate(0deg) scale(1.05);
}

.capture-features-left-images img:nth-child(1){
    transform:rotate(-8deg);
}

.capture-features-left-images img:nth-child(2){

    margin-left:45px;

    transform:rotate(6deg);

}

.capture-features-left-images img:nth-child(3){

    margin-left:20px;

    transform:rotate(-3deg);

}

/*=========================================================
Right Camera
=========================================================*/

.capture-features-camera{

    position:absolute;

   right:-40px;

    top:0;

    z-index:10;
	
	filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));

}

.capture-features-camera img{

    width:420px;

    display:block;

}
/*=========================================================
CAPTURE FEATURE BOX
=========================================================*/

.capture-feature-box{

    position:relative;

    padding:10px 28px 0;

    text-align:center;

    border-right:1px solid rgba(255,255,255,.18);

    transition:.4s;

}

.capture-feature-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.02);
    opacity:0;
    transition:.4s;
    border-radius:12px;
}

.capture-feature-box:hover::before{
    opacity:1;
}

.capture-feature-box:last-child{

    border-right:none;

}

/*=========================================================
ICON
=========================================================*/

.capture-feature-icon{

    width:88px;

    height:88px;

    margin:0 auto 30px;

    border:2px solid rgba(213,164,77,.45);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.4s;

    position:relative;

}

.capture-feature-icon::before{

    content:"";

    position:absolute;

    inset:-7px;

    border:1px dashed rgba(213,164,77,.35);

    border-radius:50%;

    opacity:0;

    transition:.4s;

}

.capture-feature-icon i{

    font-size:36px;

    color:#d5a44d;

    transition:.35s;

}

/*=========================================================
CONTENT
=========================================================*/

.capture-feature-box h3{

    color:#fff;

    font-size:28px;

    line-height:1.35;

    font-weight:600;

    margin-bottom:20px;

    min-height:82px;

}

.capture-feature-box p{

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

    font-size:17px;

    line-height:1.9;

    max-width:230px;

    margin:0 auto;

}

/*=========================================================
HOVER
=========================================================*/

.capture-feature-box:hover{

    transform:translateY(-12px);

}

.capture-feature-box:hover .capture-feature-icon{

    background:#d5a44d;

    border-color:#d5a44d;

}

.capture-feature-box:hover .capture-feature-icon::before{

    opacity:1;

}

.capture-feature-box:hover .capture-feature-icon i{

    color:#143b31;

}

.capture-feature-box:hover h3{

    color:#d5a44d;

}

/*=========================================================
COLUMN DIVIDER
=========================================================*/

.capture-feature-box::after{

    content:"";

    position:absolute;

    right:-1px;

    top:90px;

    width:1px;

    height:140px;

    background:linear-gradient(to bottom, transparent, rgba(255,255,255,.18), transparent);

}

.capture-feature-box:last-child::after{

    display:none;

}

/*=========================================================
ANIMATION
=========================================================*/

.capture-feature-box{

    transition:.45s ease;

}

.capture-feature-icon{

    transition:.45s ease;

}

.capture-feature-box:hover .capture-feature-icon{

    transform:rotate(-8deg) scale(1.08);

}
/*=========================================================
CAPTURE FEATURES RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1500px){

.capture-features-left-images{

    left:10px;

}

.capture-features-left-images img{

    width:145px;

}

.capture-features-camera{

    right:-60px;

}

.capture-features-camera img{

    width:320px;

}

.capture-features-heading h2{

    font-size:52px;

}

.capture-feature-box{

    padding:0 24px;

}

.capture-feature-box h3{

    font-size:24px;

}

.capture-feature-box p{

    font-size:16px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1300px){

.capture-features-area{

    padding:100px 0;

}

.capture-features-left-images{

    display:none;

}

.capture-features-camera{

    right:-80px;

    top:30px;

}

.capture-features-camera img{

    width:260px;

}

.capture-features-wrapper{

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

}

.capture-feature-box{

    padding:0 18px;

}

.capture-feature-icon{

    width:80px;

    height:80px;

}

.capture-feature-icon i{

    font-size:32px;

}

.capture-feature-box h3{

    font-size:21px;

    min-height:70px;

}

.capture-feature-box p{

    font-size:15px;

    line-height:1.8;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.capture-features-area{

    padding:90px 0;

}

.capture-features-heading{

    margin-bottom:60px;

}

.capture-features-heading h2{

    font-size:42px;

}

.capture-features-camera{

    display:none;

}

.capture-features-wrapper{

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

    gap:50px 35px;

}

.capture-feature-box{

    border:none;

    padding:0;

}

.capture-feature-box::after{

    display:none;

}

.capture-feature-box h3{

    min-height:auto;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.capture-features-area{

    padding:75px 0;

}

.capture-features-heading{

    margin-bottom:50px;

}

.capture-features-heading span{

    font-size:12px;

}

.capture-features-heading h2{

    font-size:34px;

    line-height:1.25;

}

.capture-features-wrapper{

    grid-template-columns:1fr;

    gap:40px;

}

.capture-feature-box{

    max-width:360px;

    margin:auto;

}

.capture-feature-icon{

    width:74px;

    height:74px;

    margin-bottom:22px;

}

.capture-feature-icon i{

    font-size:28px;

}

.capture-feature-box h3{

    font-size:22px;

    margin-bottom:14px;

}

.capture-feature-box p{

    font-size:15px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.capture-features-area{

    padding:65px 0;

}

.capture-features-heading h2{

    font-size:28px;

}

.capture-features-line{

    width:55px;

}

.capture-feature-icon{

    width:66px;

    height:66px;

}

.capture-feature-icon i{

    font-size:24px;

}

.capture-feature-box h3{

    font-size:20px;

}

.capture-feature-box p{

    font-size:14px;

}

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family: 'Inter', sans-serif;
    background:#f8f5ef;
}

.safari-section{
    position:relative;
    padding:80px 0;
    background:#f8f5ef;
    overflow:hidden;
}

/* container */
.container{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
}

/* top text */
.top-label{
    font-size:12px;
    letter-spacing:2px;
    color:#b08a4a;
    text-transform:uppercase;
    margin-bottom:10px;
}

/* main title */
.main-title{
    font-family:'Playfair Display', serif;
    font-size:42px;
    font-weight:600;
    color:#222;
    margin-bottom:35px;
}

/* image grid */
.image-grid{
    display:grid;
    grid-template-columns: 1.2fr 1fr 1.2fr;
    grid-template-rows: 220px 220px;
    gap:12px;
    margin-bottom:40px;
}

.image-grid .img-box{
    overflow:hidden;
    border-radius:6px;
}

.image-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s ease;
}

.image-grid img:hover{
    transform:scale(1.05);
}

/* custom placement like design */
.image-grid .img-box:nth-child(1){
    grid-row:1 / span 2;
}

.image-grid .img-box:nth-child(3){
    grid-row:1 / span 2;
}

/* middle text */
.mid-label{
    font-size:12px;
    letter-spacing:2px;
    color:#b08a4a;
    text-transform:uppercase;
    margin-bottom:10px;
}

.sub-title{
    font-family:'Playfair Display', serif;
    font-size:38px;
    font-weight:600;
    margin-bottom:15px;
    color:#222;
}

.desc{
    font-size:20px;
    color:#666;
    margin-bottom:25px;
}

/* button */
.btn{
    display:inline-block;
    padding:12px 28px;
    background:#1f3b2c;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-size:13px;
    letter-spacing:1px;
    transition:0.3s;
}

.btn:hover{
    background:#2a5140;
}

/* decorative elements */
.decor{
    position:absolute;
    width:340px;
    opacity:0.9;
}

.decor.left{
    left:100px;
    bottom:30px;
}

.decor.right{
    right:100px;
    bottom:30px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:992px){

    .main-title{
        font-size:34px;
    }

    .image-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }

    .image-grid .img-box:nth-child(1),
    .image-grid .img-box:nth-child(3){
        grid-row:auto;
    }

    .decor{
        width:90px;
    }
}

@media(max-width:600px){

    .main-title{
        font-size:28px;
    }

    .sub-title{
        font-size:24px;
    }

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

    .decor{
        display:none;
    }

    .btn{
        width:100%;
    }
}
/*=========================================================
FIELD NOTES HERO
=========================================================*/

.field-notes-hero-area{

    position:relative;

    min-height:900px;

    display:flex;
	
	padding: 120px;

    align-items:center;

    overflow:hidden;

    background:url("../images/field-notes-hero-bg.webp") center center/cover no-repeat;

}

.field-notes-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(90deg,
    rgba(18,15,12,.82) 0%,
    rgba(18,15,12,.55) 35%,
    rgba(18,15,12,.15) 70%,
    rgba(18,15,12,.05) 100%);

    z-index:1;

}

.field-notes-hero-area .container{

    position:relative;

    z-index:5;

}

.field-notes-hero-content{

    max-width:560px;

    padding:180px 0 120px;

}

.hero-tagline{

    display:inline-block;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#d6a84d;

    margin-bottom:24px;

}

.field-notes-hero-content h1{

    font-size:82px;

    line-height:1.05;

    font-weight:400;

    color:#fff;

    margin:0 0 35px;

    font-family:"Cormorant Garamond",serif;

}

.field-notes-hero-content h1 span{

    display:block;

    color:#d6a84d;

}

.field-notes-hero-content p{

    font-size:22px;

    line-height:1.9;

    color:rgba(255,255,255,.88);

    max-width:520px;

    margin-bottom:50px;

}

.field-notes-hero-buttons{

    display:flex;

    align-items:center;

    gap:28px;

}

.btn-theme{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px 36px;

    background:#0d5947;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.btn-theme:hover{

    background:#d6a84d;

    color:#222;

}

.btn-theme i{

    font-size:18px;

}

.btn-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-transform:uppercase;

    text-decoration:none;

    transition:.35s;

}

.btn-link:hover{

    color:#d6a84d;

}

.btn-link i{

    transition:.35s;

}

.btn-link:hover i{

    transform:translateX(6px);

}
/*=========================================================
FIELD NOTES HERO RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1600px){

.field-notes-hero-area{

    min-height:820px;

}

.field-notes-hero-content{

    padding:170px 0 110px;

}

.field-notes-hero-content h1{

    font-size:72px;

}

.field-notes-hero-content p{

    font-size:20px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1400px){

.field-notes-hero-area{

    min-height:760px;

}

.field-notes-hero-content{

    max-width:520px;

    padding:160px 0 100px;

}

.field-notes-hero-content h1{

    font-size:64px;

}

.field-notes-hero-content p{

    font-size:18px;

    line-height:1.8;

}

.btn-theme{

    padding:16px 30px;

}

}


/*=========================================
Small Laptop
=========================================*/

@media (max-width:1199px){

.field-notes-hero-area{

    min-height:700px;

    background-position:65% center;

}

.field-notes-hero-content{

    max-width:470px;

    padding:150px 0 90px;

}

.field-notes-hero-content h1{

    font-size:56px;

}

.field-notes-hero-content p{

    font-size:17px;

}

.field-notes-hero-buttons{

    gap:20px;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.field-notes-hero-area{

    min-height:auto;

    padding:120px 0 70px;

    background-position:72% center;

}

.field-notes-overlay{

    background:linear-gradient(
    180deg,
    rgba(18,15,12,.80),
    rgba(18,15,12,.45)
    );

}

.field-notes-hero-content{

    max-width:100%;

    padding:0;

    text-align:center;

}

.field-notes-hero-content h1{

    font-size:48px;

}

.field-notes-hero-content p{

    max-width:100%;

}

.field-notes-hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.field-notes-hero-area{

    padding:100px 0 60px;

    background-position:75% center;

}

.hero-tagline{

    font-size:12px;

    letter-spacing:2px;

}

.field-notes-hero-content h1{

    font-size:40px;

}

.field-notes-hero-content p{

    font-size:16px;

    line-height:1.8;

    margin-bottom:35px;

}

.field-notes-hero-buttons{

    flex-direction:column;

    gap:16px;

}

.btn-theme{

    width:100%;

    justify-content:center;

}

.btn-link{

    justify-content:center;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.field-notes-hero-area{

    padding:90px 0 50px;

}

.field-notes-hero-content h1{

    font-size:34px;

}

.field-notes-hero-content p{

    font-size:15px;

}

.btn-theme{

    padding:15px 22px;

    font-size:14px;

}

.btn-link{

    font-size:14px;

}

}
/*=========================================================
LATEST FIELD NOTES
=========================================================*/
.latest-field-notes-container{
	
	max-width:1320px;

    width:100%;

    padding:0 15px;

    margin:auto;

}

.latest-field-notes-area{

    position:relative;

    padding:110px 0;

    background:
    url("../images/paper-texture.webp"),
    #faf7f2;

}

.latest-field-notes-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.latest-field-notes-heading span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.latest-field-notes-heading h2{

    font-size:56px;

    line-height:1.15;

    color:#1e1e1e;

    margin-bottom:22px;

}

.latest-field-notes-heading p{

    font-size:18px;

    line-height:1.9;

    color:#666;

}

/*=========================
Grid
=========================*/

.latest-field-notes-grid{

    display:grid;

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

    gap:20px;

}

/*=========================
Card
=========================*/

.field-note-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.45s;

}

.field-note-card:hover{

    transform:translateY(-12px);

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

}

.field-note-image{

    display:block;

    overflow:hidden;

}

.field-note-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.field-note-card:hover img{

    transform:scale(1.08);

}
/*=========================
Meta
=========================*/

.field-note-meta{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin:18px 0 22px;

    padding-bottom:18px;

    border-bottom:1px solid #ececec;

}

.field-note-meta span{

    display:flex;

    align-items:center;

    gap:6px;

    font-size:13px;

    color:#777;

    font-weight:500;

}

.field-note-meta i{

    color:#c89a42;

    font-size:13px;

}
/*=========================
Content
=========================*/

.field-note-content{

    padding:30px;

}

.field-note-category{

    display:inline-block;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#c89a42;

    margin-bottom:16px;

}

.field-note-content h3{

    font-size:28px;

    line-height:1.3;

    margin-bottom:18px;

}

.field-note-content h3 a{

    color:#222;

    text-decoration:none;

    transition:.3s;

}

.field-note-content h3 a:hover{

    color:#0f4b3d;

}

.field-note-content p{

    font-size:16px;

    line-height:1.8;

    color:#666;

    margin-bottom:28px;

}

/*=========================
Button
=========================*/

.field-note-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0f4b3d;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.field-note-btn:hover{

    color:#c89a42;

}

.field-note-btn i{

    transition:.3s;

}

.field-note-btn:hover i{

    transform:translateX(6px);

}

/*=========================
Bottom Button
=========================*/

.latest-field-notes-button{

    text-align:center;

    margin-top:70px;

}

.latest-field-notes-button .btn-theme{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 38px;

    background:#0f4b3d;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.latest-field-notes-button .btn-theme:hover{

    background:#c89a42;

    color:#222;

}

.latest-field-notes-button .btn-theme i{

    transition:.3s;

}

.latest-field-notes-button .btn-theme:hover i{

    transform:translateX(6px);

}
/*=========================================================
LATEST FIELD NOTES RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.latest-field-notes-grid{

    gap:24px;

}

.field-note-content{

    padding:26px;

}

.field-note-content h3{

    font-size:25px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1199px){

.latest-field-notes-area{

    padding:90px 0;

}

.latest-field-notes-heading{

    margin-bottom:55px;

}

.latest-field-notes-heading h2{

    font-size:48px;

}

.latest-field-notes-grid{

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

    gap:30px;

}

.field-note-image img{

    height:250px;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.latest-field-notes-area{

    padding:80px 0;

}

.latest-field-notes-heading{

    margin-bottom:45px;

}

.latest-field-notes-heading h2{

    font-size:40px;

}

.latest-field-notes-heading p{

    font-size:17px;

}

.latest-field-notes-grid{

    gap:25px;

}

.field-note-content{

    padding:24px;

}

.field-note-content h3{

    font-size:24px;

}

.field-note-content p{

    font-size:15px;

}

.latest-field-notes-button{

    margin-top:50px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.field-note-meta{

    gap:12px;

    margin:15px 0 18px;

}

.field-note-meta span{

    font-size:12px;

}
.latest-field-notes-area{

    padding:70px 0;

}

.latest-field-notes-heading{

    margin-bottom:40px;

}

.latest-field-notes-heading span{

    font-size:12px;

    letter-spacing:2px;

}

.latest-field-notes-heading h2{

    font-size:34px;

}

.latest-field-notes-heading p{

    font-size:16px;

    line-height:1.8;

}

.latest-field-notes-grid{

    grid-template-columns:1fr;

    gap:28px;

}

.field-note-image img{

    height:230px;

}

.field-note-content{

    padding:22px;

}

.field-note-content h3{

    font-size:22px;

}

.field-note-content p{

    margin-bottom:22px;

}

.latest-field-notes-button{

    margin-top:40px;

}

.latest-field-notes-button .btn-theme{

    width:100%;

    justify-content:center;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.latest-field-notes-area{

    padding:60px 0;

}

.latest-field-notes-heading h2{

    font-size:28px;

}

.latest-field-notes-heading p{

    font-size:15px;

}

.field-note-image img{

    height:200px;

}

.field-note-content{

    padding:20px;

}

.field-note-content h3{

    font-size:20px;

}

.field-note-content p{

    font-size:14px;

}

.latest-field-notes-button .btn-theme{

    padding:16px 24px;

    font-size:14px;

}

}
/*=========================================================
MADE FOR EXPLORERS
=========================================================*/

.made-for-explorers{

    position:relative;

    padding:110px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

}

/*=========================
Heading
=========================*/

.made-for-explorers .section-heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.made-for-explorers .section-heading span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.made-for-explorers .section-heading h2{

    position:relative;

    font-size:58px;

    line-height:1.15;

    color:#202020;

    margin:0;

}

.made-for-explorers .section-heading h2::after{

    content:"";

    width:80px;

    height:3px;

    background:#c89a42;

    display:block;

    margin:22px auto 0;

    border-radius:50px;

}

/*=========================
Grid
=========================*/

.explorer-features{

    display:grid;

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

    gap:40;

}

/*=========================
Card
=========================*/

.explorer-feature{

    padding:10px 28px;

    text-align:center;

    position:relative;

}

.explorer-feature:not(.explorer-last)::after{

    content:"";

    position:absolute;

    right:0;

    top:10px;

    width:1px;

    height:210px;

    background:#e7dfd2;

}

/*=========================
Icon
=========================*/

.explorer-icon{

    width:82px;

    height:82px;

    margin:0 auto 30px;

    border:2px solid #e7dfd2;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.explorer-icon i{

    font-size:34px;

    color:#0f4b3d;

    transition:.35s;

}

.explorer-feature:hover .explorer-icon{

    border-color:#c89a42;

    background:#0f4b3d;

}

.explorer-feature:hover .explorer-icon i{

    color:#fff;

}

/*=========================
Content
=========================*/

.explorer-feature h3{

    font-size:24px;

    line-height:1.35;

    color:#222;

    margin-bottom:18px;

}

.explorer-feature p{

    font-size:16px;

    line-height:1.9;

    color:#666;

    margin:0;

}

/*=========================
Hover
=========================*/

.explorer-feature{

    transition:.35s;

}

.explorer-feature:hover{

    transform:translateY(-8px);

}
/*=========================================================
MADE FOR EXPLORERS RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.made-for-explorers{

    padding:100px 0;

}

.explorer-feature{

    padding:0 22px;

}

.explorer-feature h3{

    font-size:22px;

}

.explorer-feature p{

    font-size:15px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

.made-for-explorers .section-heading{

    margin-bottom:65px;

}

.made-for-explorers .section-heading h2{

    font-size:48px;

}

.explorer-features{

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

    gap:45px 35px;

}

.explorer-feature{

    padding:0 15px;

}

.explorer-feature::after{

    display:none;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.made-for-explorers{

    padding:85px 0;

}

.made-for-explorers .section-heading{

    margin-bottom:55px;

}

.made-for-explorers .section-heading h2{

    font-size:40px;

}

.explorer-features{

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

    gap:40px 30px;

}

.explorer-icon{

    width:76px;

    height:76px;

    margin-bottom:24px;

}

.explorer-icon i{

    font-size:30px;

}

.explorer-feature h3{

    font-size:22px;

}

.explorer-feature p{

    font-size:15px;

    line-height:1.8;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.made-for-explorers{

    padding:70px 0;

}

.made-for-explorers .section-heading{

    margin-bottom:45px;

}

.made-for-explorers .section-heading span{

    font-size:12px;

    letter-spacing:2px;

}

.made-for-explorers .section-heading h2{

    font-size:34px;

}

.made-for-explorers .section-heading h2::after{

    width:60px;

    margin-top:18px;

}

.explorer-features{

    grid-template-columns:1fr;

    gap:35px;

}

.explorer-feature{

    max-width:420px;

    margin:auto;

    padding:0;

}

.explorer-icon{

    width:72px;

    height:72px;

}

.explorer-icon i{

    font-size:28px;

}

.explorer-feature h3{

    font-size:21px;

    margin-bottom:14px;

}

.explorer-feature p{

    font-size:15px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.made-for-explorers{

    padding:60px 0;

}

.made-for-explorers .section-heading h2{

    font-size:28px;

}

.explorer-icon{

    width:66px;

    height:66px;

}

.explorer-icon i{

    font-size:24px;

}

.explorer-feature h3{

    font-size:19px;

}

.explorer-feature p{

    font-size:14px;

    line-height:1.8;

}

}
/*=========================================================
WHAT'S INSIDE
=========================================================*/

.field-notes-inside{

    position:relative;

    padding:120px 0;

    background:#f8f5ef;

    overflow:hidden;

}

.field-notes-inside::before{

    content:"";

    position:absolute;

    right:-180px;

    top:-120px;

    width:550px;

    height:550px;

    border-radius:50%;

    background:rgba(200,154,66,.06);

}

.field-notes-inside .container{

    position:relative;

    z-index:2;

}

/*=========================
Layout
=========================*/

.field-notes-inside-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:100px;

}

/*=========================
Book
=========================*/

.field-notes-book{

    flex:0 0 42%;

    max-width:42%;

    text-align:center;

}

.field-notes-book img{

    width:100%;

    max-width:520px;

    display:block;

    margin:auto;

    filter:drop-shadow(0 35px 70px rgba(0,0,0,.22));

    transition:.45s;

}

.field-notes-book:hover img{

    transform:translateY(-10px) rotate(-2deg);

}

/*=========================
Content
=========================*/

.field-notes-content{

    flex:0 0 58%;

    max-width:58%;

}

.field-notes-content span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.field-notes-content h2{

    font-size:58px;

    line-height:1.15;

    color:#222;

    margin-bottom:24px;

}

.field-notes-content>p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:45px;

}

/*=========================
Features
=========================*/

.inside-features{

    display:grid;

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

    gap:28px 40px;

    margin-bottom:50px;

}

.inside-feature{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.inside-feature i{

    width:46px;

    height:46px;

    flex-shrink:0;

    border-radius:50%;

    background:#0f4b3d;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:16px;

}

.inside-feature h3{

    font-size:22px;

    color:#222;

    margin-bottom:10px;

    line-height:1.3;

}

.inside-feature p{

    font-size:16px;

    line-height:1.8;

    color:#666;

    margin:0;

}

/*=========================
Button
=========================*/

.field-notes-content .btn-theme{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 36px;

    border-radius:50px;

    background:#0f4b3d;

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.field-notes-content .btn-theme:hover{

    background:#c89a42;

    color:#222;

}

.field-notes-content .btn-theme i{

    transition:.35s;

}

.field-notes-content .btn-theme:hover i{

    transform:translateX(6px);

}
/*=========================================================
WHAT'S INSIDE RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.field-notes-inside{

    padding:100px 0;

}

.field-notes-inside-wrapper{

    gap:70px;

}

.field-notes-content h2{

    font-size:50px;

}

.field-notes-book img{

    max-width:470px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1199px){

.field-notes-inside{

    padding:90px 0;

}

.field-notes-inside-wrapper{

    gap:50px;

}

.field-notes-content h2{

    font-size:44px;

}

.field-notes-content>p{

    font-size:17px;

}

.inside-features{

    gap:24px;

}

.inside-feature h3{

    font-size:20px;

}

.inside-feature p{

    font-size:15px;

}

.field-notes-book{

    flex:0 0 40%;

    max-width:40%;

}

.field-notes-content{

    flex:0 0 60%;

    max-width:60%;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.field-notes-inside{

    padding:80px 0;

}

.field-notes-inside-wrapper{

    flex-direction:column;

    text-align:center;

    gap:60px;

}

.field-notes-book{

    flex:0 0 100%;

    max-width:100%;

}

.field-notes-book img{

    max-width:420px;

}

.field-notes-content{

    flex:0 0 100%;

    max-width:100%;

}

.field-notes-content h2{

    font-size:40px;

}

.field-notes-content>p{

    max-width:700px;

    margin:0 auto 40px;

}

.inside-features{

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

    gap:25px;

    text-align:left;

}

.field-notes-content .btn-theme{

    margin-top:15px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.field-notes-inside{

    padding:70px 0;

}

.field-notes-content span{

    font-size:12px;

    letter-spacing:2px;

}

.field-notes-content h2{

    font-size:34px;

}

.field-notes-content>p{

    font-size:16px;

    line-height:1.8;

}

.field-notes-book img{

    max-width:320px;

}

.inside-features{

    grid-template-columns:1fr;

    gap:22px;

}

.inside-feature{

    gap:15px;

}

.inside-feature i{

    width:42px;

    height:42px;

    font-size:14px;

}

.inside-feature h3{

    font-size:20px;

}

.inside-feature p{

    font-size:15px;

}

.field-notes-content .btn-theme{

    width:100%;

    justify-content:center;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.field-notes-inside{

    padding:60px 0;

}

.field-notes-content h2{

    font-size:28px;

}

.field-notes-content>p{

    font-size:15px;

}

.field-notes-book img{

    max-width:260px;

}

.inside-feature{

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.inside-feature i{

    margin-bottom:10px;

}

.inside-feature h3{

    font-size:18px;

}

.inside-feature p{

    font-size:14px;

}

.field-notes-content .btn-theme{

    padding:16px 24px;

    font-size:14px;

}

}
/*=========================================================
STORIES WRITTEN IN THE WILD
=========================================================*/

.field-stories-area{

    position:relative;

    padding:120px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

    overflow:hidden;

}

.field-stories-area::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to bottom,
    rgba(255,255,255,.05),
    rgba(255,255,255,.20));

    pointer-events:none;

}

.field-stories-area .container{

    position:relative;

    z-index:2;

}


/*=========================
Heading
=========================*/

.field-stories-area .section-heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.field-stories-area .section-heading span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.field-stories-area .section-heading h2{

    position:relative;

    font-size:58px;

    line-height:1.15;

    color:#222;

    margin-bottom:25px;

}

.field-stories-area .section-heading h2::after{

    content:"";

    display:block;

    width:80px;

    height:3px;

    margin:22px auto 0;

    background:#c89a42;

    border-radius:50px;

}

.field-stories-area .section-heading p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin:0;

}


/*=========================
Grid
=========================*/

.field-stories-grid{

    display:grid;

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

    gap:30px;

}
.field-stories-bottom{

    grid-column:1 / -1;

    display:flex;

    justify-content:center;

    gap:30px;

    margin-top:30px;

}

.field-stories-bottom .field-story-card{

    width:calc((100% - 60px) / 3);

    max-width:380px;

}

/*=========================
Card
=========================*/

.field-story-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.45s;

}

.field-story-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 70px rgba(0,0,0,.15);

}


/*=========================
Image
=========================*/

.field-story-image{

    display:block;

    overflow:hidden;

}

.field-story-image img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.field-story-card:hover .field-story-image img{

    transform:scale(1.08);

}


/*=========================
Content
=========================*/

.field-story-content{

    padding:28px;

}

.field-story-content h3{

    margin-bottom:14px;

    font-size:25px;

    line-height:1.3;

}

.field-story-content h3 a{

    color:#222;

    text-decoration:none;

    transition:.35s;

}

.field-story-content h3 a:hover{

    color:#c89a42;

}

.field-story-content p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#666;

}


/*=========================
Hover Accent
=========================*/

.field-story-card::after{

    content:"";

    display:block;

    width:0;

    height:4px;

    background:#c89a42;

    transition:.4s;

}

.field-story-card:hover::after{

    width:100%;

}
/*=========================================================
STORIES WRITTEN IN THE WILD RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.field-stories-area{

    padding:100px 0;

}

.field-stories-grid{

    gap:25px;

}

.field-story-content{

    padding:24px;

}

.field-story-content h3{

    font-size:22px;

}

.field-story-content p{

    font-size:15px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

.field-stories-area .section-heading{

    margin-bottom:65px;

}

.field-stories-area .section-heading h2{

    font-size:48px;

}

.field-stories-grid{

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

    gap:30px;

}

.field-story-image img{

    height:240px;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.field-stories-area{

    padding:85px 0;

}

.field-stories-area .section-heading{

    margin-bottom:55px;

}

.field-stories-area .section-heading h2{

    font-size:40px;

}

.field-stories-area .section-heading p{

    font-size:17px;

}

.field-stories-grid{

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

    gap:25px;

}

.field-story-image img{

    height:220px;

}

.field-story-content{

    padding:22px;

}

.field-story-content h3{

    font-size:21px;

}

.field-story-content p{

    font-size:15px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.field-stories-area{

    padding:70px 0;

}

.field-stories-area .section-heading{

    margin-bottom:45px;

}

.field-stories-area .section-heading span{

    font-size:12px;

    letter-spacing:2px;

}

.field-stories-area .section-heading h2{

    font-size:34px;

}

.field-stories-area .section-heading h2::after{

    width:60px;

    margin-top:18px;

}

.field-stories-area .section-heading p{

    font-size:16px;

    line-height:1.8;

}

.field-stories-grid{

    grid-template-columns:1fr;

    gap:25px;

}

.field-story-card{

    max-width:430px;

    margin:auto;

}

.field-story-image img{

    height:250px;

}

.field-story-content{

    padding:24px;

}

.field-story-content h3{

    font-size:22px;

}

.field-story-content p{

    font-size:15px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.field-stories-area{

    padding:60px 0;

}

.field-stories-area .section-heading h2{

    font-size:28px;

}

.field-stories-area .section-heading p{

    font-size:15px;

}

.field-story-card{

    max-width:100%;

}

.field-story-image img{

    height:220px;

}

.field-story-content{

    padding:20px;

}

.field-story-content h3{

    font-size:20px;

}

.field-story-content p{

    font-size:14px;

    line-height:1.8;

}

}
/*=========================================================
FIELD NOTES CTA
=========================================================*/

.field-notes-cta-area{

    position:relative;

    overflow:hidden;

    padding:110px 0;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("../images/field-notes-cta-bg.webp") center center/cover no-repeat;

}

.field-notes-cta-area::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at left,
    rgba(200,154,66,.10),
    transparent 55%);

    pointer-events:none;

}

.field-notes-cta-area .container{

    position:relative;

    z-index:2;

}


/*=========================
Layout
=========================*/

.field-notes-cta-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:80px;

}


/*=========================
Content
=========================*/

.field-notes-cta-content{

    flex:0 0 48%;

    max-width:48%;

}

.field-notes-cta-content span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.field-notes-cta-content h2{

    color:#fff;

    font-size:64px;

    line-height:1.1;

    margin-bottom:24px;

}

.field-notes-cta-content p{

    color:rgba(255,255,255,.85);

    font-size:18px;

    line-height:1.9;

    margin-bottom:42px;

    max-width:620px;

}


/*=========================
Buttons
=========================*/

.field-notes-cta-buttons{

    display:flex;

    align-items:center;

    gap:18px;

}

.field-notes-cta-buttons .btn-theme{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 36px;

    border-radius:50px;

    background:#c89a42;

    color:#222;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.field-notes-cta-buttons .btn-theme:hover{

    background:#fff;

}

.field-notes-cta-buttons .btn-outline{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.field-notes-cta-buttons .btn-outline:hover{

    color:#c89a42;

}

.field-notes-cta-buttons .btn-outline i{

    transition:.35s;

}

.field-notes-cta-buttons .btn-outline:hover i{

    transform:translateX(6px);

}


/*=========================
Image
=========================*/

.field-notes-cta-image{

    flex:0 0 86%;

    max-width:46%;

    text-align:right;

}

.field-notes-cta-image img{

    width:100%;

    max-width:600px;

    display:block;

    margin-left:auto;

    filter:drop-shadow(0 35px 70px rgba(0,0,0,.45));

    transition:.5s;

}

.field-notes-cta-image:hover img{

    transform:translateY(-12px) rotate(-2deg);

}
/*=========================================================
FIELD NOTES CTA RESPONSIVE
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.field-notes-cta-area{

    padding:100px 0;

}

.field-notes-cta-content h2{

    font-size:56px;

}

.field-notes-cta-wrapper{

    gap:60px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1199px){

.field-notes-cta-area{

    padding:90px 0;

}

.field-notes-cta-content{

    flex:0 0 52%;

    max-width:52%;

}

.field-notes-cta-image{

    flex:0 0 44%;

    max-width:44%;

}

.field-notes-cta-content h2{

    font-size:48px;

}

.field-notes-cta-content p{

    font-size:17px;

}

.field-notes-cta-buttons{

    flex-wrap:wrap;

}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.field-notes-cta-area{

    padding:80px 0;

}

.field-notes-cta-wrapper{

    flex-direction:column;

    text-align:center;

    gap:50px;

}

.field-notes-cta-content,
.field-notes-cta-image{

    flex:0 0 100%;

    max-width:100%;

}

.field-notes-cta-content p{

    max-width:700px;

    margin:0 auto 35px;

}

.field-notes-cta-content h2{

    font-size:42px;

}

.field-notes-cta-buttons{

    justify-content:center;

}

.field-notes-cta-image{

    text-align:center;

}

.field-notes-cta-image img{

    margin:auto;

    max-width:500px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.field-notes-cta-area{

    padding:70px 0;

}

.field-notes-cta-content span{

    font-size:12px;

    letter-spacing:2px;

}

.field-notes-cta-content h2{

    font-size:34px;

}

.field-notes-cta-content p{

    font-size:16px;

    line-height:1.8;

}

.field-notes-cta-buttons{

    flex-direction:column;

    align-items:center;

    gap:18px;

}

.field-notes-cta-buttons .btn-theme,

.field-notes-cta-buttons .btn-outline{

    width:100%;

    justify-content:center;

}

.field-notes-cta-image img{

    max-width:380px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.field-notes-cta-area{

    padding:60px 0;

}

.field-notes-cta-content h2{

    font-size:28px;

}

.field-notes-cta-content p{

    font-size:15px;

}

.field-notes-cta-buttons .btn-theme{

    padding:16px 24px;

    font-size:14px;

}

.field-notes-cta-buttons .btn-outline{

    font-size:14px;

}

.field-notes-cta-image img{

    max-width:280px;

}

}
/*=========================================================
REVIEWS HERO
=========================================================*/

.reviews-hero-area{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;

    min-height:900px;

    padding:220px 0 180px;

    background:url("../images/reviews-hero-bg.webp") center center/cover no-repeat;

}

.reviews-hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(to right,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.55) 42%,
    rgba(0,0,0,.20) 100%);

    z-index:1;

}

.reviews-hero-area .container{

    position:relative;

    z-index:3;

}


/*=========================
Content
=========================*/

.reviews-hero-content{

    max-width:670px;

}


/*=========================
Breadcrumb
=========================*/

.reviews-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin:0 0 28px;

    padding:0;

    list-style:none;

}

.reviews-breadcrumb li{

    color:rgba(255,255,255,.75);

    font-size:15px;

}

.reviews-breadcrumb li:not(:last-child)::after{

    content:"»";

    margin-left:12px;

    color:#c89a42;

}

.reviews-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.reviews-breadcrumb a:hover{

    color:#c89a42;

}


/*=========================
Subtitle
=========================*/

.reviews-hero-subtitle{

    display:inline-block;

    margin-bottom:22px;

    color:#d7a544;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


/*=========================
Heading
=========================*/

.reviews-hero-content h1{

    font-size:92px;

    line-height:1;

    color:#fff;

    margin-bottom:28px;

    text-transform:uppercase;

}


/*=========================
Paragraph
=========================*/

.reviews-hero-content p{

    max-width:610px;

    color:rgba(255,255,255,.88);

    font-size:21px;

    line-height:1.95;

    margin-bottom:45px;

}


/*=========================
Buttons
=========================*/

.reviews-hero-buttons{

    display:flex;

    align-items:center;

    gap:22px;

}

.reviews-hero-buttons .btn-theme{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 38px;

    background:#c89a42;

    color:#1f1f1f;

    border-radius:60px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    transition:.35s;

}

.reviews-hero-buttons .btn-theme:hover{

    background:#fff;

    transform:translateY(-4px);

}

.reviews-hero-buttons .btn-outline{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    transition:.35s;

}

.reviews-hero-buttons .btn-outline:hover{

    color:#d7a544;

}

.reviews-hero-buttons .btn-outline i{

    transition:.35s;

}

.reviews-hero-buttons .btn-outline:hover i{

    transform:translateX(6px);

}


/*=========================
Stamp
=========================*/

.reviews-hero-stamp{

    position:absolute;

    right:90px;

    bottom:170px;

    z-index:4;

}

.reviews-hero-stamp img{

    width:250px;

    display:block;

    opacity:.92;

}


/*=========================
Paper Divider
=========================*/

.reviews-paper-divider{

    position:absolute;

    left:0;

    bottom:-2px;

    width:100%;

    z-index:5;

    line-height:0;

}

.reviews-paper-divider img{

    display:block;

    width:100%;

}


/*=========================
Decoration
=========================*/

.reviews-hero-area::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    right:-220px;

    top:-220px;

    background:radial-gradient(circle,
    rgba(200,154,66,.16),
    transparent 72%);

    pointer-events:none;

}

.reviews-hero-area::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-170px;

    bottom:-170px;

    background:radial-gradient(circle,
    rgba(200,154,66,.08),
    transparent 70%);

    pointer-events:none;

}
/*=========================================================
REVIEWS HERO RESPONSIVE
=========================================================*/


/*=========================================
Large Desktop
=========================================*/

@media (max-width:1600px){

.reviews-hero-area{

    min-height:850px;

    padding:210px 0 170px;

}

.reviews-hero-content h1{

    font-size:82px;

}

.reviews-hero-stamp{

    right:60px;

}

.reviews-hero-stamp img{

    width:220px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1400px){

.reviews-hero-area{

    min-height:800px;

    padding:200px 0 160px;

}

.reviews-hero-content{

    max-width:620px;

}

.reviews-hero-content h1{

    font-size:72px;

}

.reviews-hero-content p{

    font-size:19px;

}

.reviews-hero-stamp{

    right:40px;

    bottom:150px;

}

.reviews-hero-stamp img{

    width:200px;

}

}


/*=========================================
Small Laptop
=========================================*/

@media (max-width:1200px){

.reviews-hero-area{

    min-height:720px;

    padding:180px 0 150px;

}

.reviews-hero-content{

    max-width:560px;

}

.reviews-hero-content h1{

    font-size:64px;

}

.reviews-hero-content p{

    font-size:18px;

    line-height:1.8;

}

.reviews-hero-buttons{

    gap:16px;

}

.reviews-hero-buttons .btn-theme{

    padding:16px 30px;

}

.reviews-hero-stamp{

    right:30px;

    bottom:130px;

}

.reviews-hero-stamp img{

    width:170px;

}

}


/*=========================================
Tablet Landscape
=========================================*/

@media (max-width:991px){

.reviews-hero-area{

    min-height:680px;

    padding:170px 0 140px;

    text-align:center;

}

.reviews-hero-content{

    max-width:100%;

}

.reviews-breadcrumb{

    justify-content:center;

}

.reviews-hero-content p{

    margin-left:auto;

    margin-right:auto;

}

.reviews-hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

.reviews-hero-content h1{

    font-size:56px;

}

.reviews-hero-content p{

    font-size:17px;

}

.reviews-hero-stamp{

    display:none;

}

}


/*=========================================
Tablet Portrait
=========================================*/

@media (max-width:768px){

.reviews-hero-area{

    min-height:auto;

    padding:160px 0 120px;

}

.reviews-hero-subtitle{

    font-size:13px;

    letter-spacing:2px;

}

.reviews-hero-content h1{

    font-size:48px;

}

.reviews-hero-content p{

    font-size:16px;

    line-height:1.8;

}

.reviews-breadcrumb{

    gap:8px;

}

.reviews-breadcrumb li{

    font-size:14px;

}

.reviews-hero-buttons{

    flex-direction:column;

    align-items:center;

    gap:18px;

}

.reviews-hero-buttons .btn-theme{

    width:280px;

    justify-content:center;

}

.reviews-hero-buttons .btn-outline{

    width:280px;

    justify-content:center;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:576px){

.reviews-hero-area{

    padding:150px 0 100px;

}

.reviews-hero-subtitle{

    font-size:12px;

    letter-spacing:2px;

}

.reviews-hero-content h1{

    font-size:40px;

    margin-bottom:20px;

}

.reviews-hero-content p{

    font-size:15px;

    line-height:1.8;

    margin-bottom:35px;

}

.reviews-hero-buttons .btn-theme{

    width:100%;

    padding:15px 20px;

    font-size:14px;

}

.reviews-hero-buttons .btn-outline{

    width:100%;

    font-size:14px;

}

.reviews-breadcrumb{

    justify-content:center;

    margin-bottom:20px;

}

.reviews-breadcrumb li{

    font-size:13px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:420px){

.reviews-hero-area{

    padding:140px 0 90px;

}

.reviews-hero-content h1{

    font-size:34px;

}

.reviews-hero-subtitle{

    font-size:11px;

    letter-spacing:1.5px;

}

.reviews-hero-content p{

    font-size:14px;

}

.reviews-breadcrumb li{

    font-size:12px;

}

.reviews-hero-buttons{

    gap:14px;

}

.reviews-hero-buttons .btn-theme{

    padding:14px 18px;

    font-size:13px;

}

.reviews-hero-buttons .btn-outline{

    font-size:13px;

}

}
/*=========================================================
LATEST REVIEW ARTICLES
=========================================================*/

.latest-reviews-area{

    position:relative;

    padding:110px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

    overflow:hidden;

}

.latest-reviews-area::before{

    content:"";

    position:absolute;

    top:120px;

    right:0;

    width:180px;

    height:180px;

    background:url("../images/leaf-decoration.webp") no-repeat center/contain;

    opacity:.18;

    pointer-events:none;

}

.latest-reviews-area::after{

    content:"";

    position:absolute;

    bottom:40px;

    left:0;

    width:120px;

    height:120px;

    background:url("../images/bird-sketch.webp") no-repeat center/contain;

    opacity:.12;

    pointer-events:none;

}


/*=========================
Heading
=========================*/

.latest-reviews-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.latest-reviews-heading span{

    display:inline-block;

    color:#c89a42;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.latest-reviews-heading h2{

    font-size:56px;

    color:#1b1b1b;

    line-height:1.2;

    margin-bottom:18px;

}

.latest-reviews-heading h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#c89a42;

    margin:22px auto 0;

}

.latest-reviews-heading p{

    max-width:650px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.8;

}


/*=========================
Grid
=========================*/

.latest-reviews-grid{

    display:grid;

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

    gap:30px;

}


/*=========================
Card
=========================*/

.review-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.review-card:hover{

    transform:translateY(-10px);

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

}


/*=========================
Image
=========================*/

.review-image{

    position:relative;

    display:block;

    overflow:hidden;

}

.review-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.6s;

}

.review-card:hover .review-image img{

    transform:scale(1.08);

}

.review-category{

    position:absolute;

    top:18px;

    left:18px;

    background:#9a7423;

    color:#fff;

    padding:7px 15px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

}


/*=========================
Content
=========================*/

.review-content{

    padding:28px;

}


/*=========================
Meta
=========================*/

.review-meta{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:18px;

    font-size:13px;

    color:#777;

}

.review-meta span{

    display:flex;

    align-items:center;

    gap:6px;

}

.review-meta img{

    width:24px;

    height:24px;

    border-radius:50%;

    object-fit:cover;

}

.review-meta i{

    color:#c89a42;

}


/*=========================
Title
=========================*/

.review-content h3{

    font-size:28px;

    line-height:1.35;

    margin-bottom:16px;

}

.review-content h3 a{

    color:#222;

    text-decoration:none;

    transition:.3s;

}

.review-content h3 a:hover{

    color:#c89a42;

}


/*=========================
Paragraph
=========================*/

.review-content p{

    color:#666;

    font-size:16px;

    line-height:1.8;

    margin-bottom:22px;

}


/*=========================
Button
=========================*/

.review-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#9a7423;

    font-size:14px;

    font-weight:700;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.review-btn i{

    transition:.35s;

}

.review-btn:hover{

    color:#000;

}

.review-btn:hover i{

    transform:translateX(6px);

}


/*=========================
Bottom Button
=========================*/

.latest-reviews-button{

    text-align:center;

    margin-top:65px;

}

.latest-reviews-button .btn-theme{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 38px;

    background:#c89a42;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.35s;

}

.latest-reviews-button .btn-theme:hover{

    background:#1f1f1f;

}

.latest-reviews-button .btn-theme i{

    transition:.35s;

}

.latest-reviews-button .btn-theme:hover i{

    transform:translateX(6px);

}
/*=========================================================
LATEST REVIEW ARTICLES RESPONSIVE
=========================================================*/


/*=========================================
Large Desktop
=========================================*/

@media (max-width:1400px){

.latest-reviews-area{

    padding:100px 0;

}

.latest-reviews-heading h2{

    font-size:50px;

}

.latest-reviews-grid{

    gap:25px;

}

.review-content{

    padding:24px;

}

.review-content h3{

    font-size:25px;

}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:1199px){

.latest-reviews-area{

    padding:90px 0;

}

.latest-reviews-heading{

    margin-bottom:60px;

}

.latest-reviews-heading h2{

    font-size:44px;

}

.latest-reviews-heading p{

    font-size:17px;

}

.latest-reviews-grid{

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

    gap:30px;

}

.review-image img{

    height:250px;

}

.review-content h3{

    font-size:24px;

}

}


/*=========================================
Tablet Landscape
=========================================*/

@media (max-width:991px){

.latest-reviews-area{

    padding:80px 0;

}

.latest-reviews-heading{

    margin-bottom:50px;

}

.latest-reviews-heading h2{

    font-size:40px;

}

.latest-reviews-heading p{

    font-size:16px;

}

.latest-reviews-grid{

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

    gap:25px;

}

.review-content{

    padding:22px;

}

.review-content h3{

    font-size:22px;

}

.review-content p{

    font-size:15px;

}

.review-meta{

    gap:12px;

}

.latest-reviews-button{

    margin-top:50px;

}

}


/*=========================================
Tablet Portrait
=========================================*/

@media (max-width:768px){

.latest-reviews-area{

    padding:70px 0;

}

.latest-reviews-heading{

    margin-bottom:45px;

}

.latest-reviews-heading span{

    font-size:13px;

}

.latest-reviews-heading h2{

    font-size:34px;

}

.latest-reviews-heading p{

    font-size:15px;

}

.latest-reviews-grid{

    grid-template-columns:1fr;

    gap:30px;

}

.review-image img{

    height:260px;

}

.review-content{

    padding:22px;

}

.review-content h3{

    font-size:24px;

}

.review-meta{

    justify-content:flex-start;

}

.latest-reviews-button .btn-theme{

    width:100%;

    justify-content:center;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:576px){

.latest-reviews-area{

    padding:60px 0;

}

.latest-reviews-heading{

    margin-bottom:40px;

}

.latest-reviews-heading span{

    font-size:12px;

    letter-spacing:1.5px;

}

.latest-reviews-heading h2{

    font-size:30px;

}

.latest-reviews-heading h2::after{

    width:60px;

}

.latest-reviews-heading p{

    font-size:15px;

    line-height:1.8;

}

.review-image img{

    height:220px;

}

.review-content{

    padding:20px;

}

.review-content h3{

    font-size:22px;

}

.review-content p{

    font-size:15px;

}

.review-meta{

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

}

.review-category{

    top:15px;

    left:15px;

    font-size:11px;

    padding:6px 12px;

}

.latest-reviews-button{

    margin-top:40px;

}

.latest-reviews-button .btn-theme{

    padding:16px 20px;

    font-size:14px;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:420px){

.latest-reviews-area{

    padding:50px 0;

}

.latest-reviews-heading h2{

    font-size:26px;

}

.latest-reviews-heading p{

    font-size:14px;

}

.review-image img{

    height:200px;

}

.review-content{

    padding:18px;

}

.review-content h3{

    font-size:20px;

}

.review-content p{

    font-size:14px;

}

.review-btn{

    font-size:13px;

}

.latest-reviews-button .btn-theme{

    width:100%;

    padding:15px;

    font-size:13px;

}

}


/*=========================================
Extra Small Devices
=========================================*/

@media (max-width:360px){

.review-image img{

    height:180px;

}

.review-content h3{

    font-size:18px;

}

.review-content{

    padding:16px;

}

.review-meta{

    font-size:12px;

}

.review-meta img{

    width:22px;

    height:22px;

}

}


/*=========================================================
EDITORIAL REVIEW LIST
=========================================================*/

.editorial-reviews-area{

    position:relative;

    overflow:hidden;

    padding:110px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

}

.editorial-reviews-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Heading
=========================================*/

.editorial-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.editorial-heading span{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#c89a42;

    margin-bottom:18px;

}

.editorial-heading h2{

    font-size:56px;

    line-height:1.2;

    color:#222;

    margin-bottom:20px;

}

.editorial-heading h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#c89a42;

    margin:22px auto 0;

}

.editorial-heading p{

    max-width:700px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#666;

}

/*=========================================
Review List
=========================================*/

.editorial-review-list{

    max-width:1100px;

    margin:0 auto;

}

/*=========================================
Single Item
=========================================*/

.editorial-review-item{

    display:flex;

    align-items:center;

    gap:40px;

    padding:45px 0;

    border-bottom:1px solid rgba(0,0,0,.08);

    transition:.35s;

}

.editorial-review-item:first-child{

    padding-top:0;

}

.editorial-review-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.editorial-review-item:hover{

    transform:translateX(10px);

}

/*=========================================
Image
=========================================*/

.editorial-review-image{

    flex:0 0 320px;

    max-width:320px;

    overflow:hidden;

    border-radius:18px;

    position:relative;

    display:block;

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

}

.editorial-review-image img{

    width:100%;

    display:block;

    transition:.6s;

}

.editorial-review-item:hover .editorial-review-image img{

    transform:scale(1.08);

}

/*=========================================
Content
=========================================*/

.editorial-review-content{

    flex:1;

}

/*=========================================
Meta
=========================================*/

.editorial-meta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

    margin-bottom:18px;

}

.editorial-meta span{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    color:#777;

}

.editorial-meta i{

    color:#c89a42;

}

.editorial-category{

    padding:6px 14px;

    background:#f5ecda;

    border-radius:30px;

    color:#8f6b25 !important;

    font-weight:600;

}

/*=========================================
Title
=========================================*/

.editorial-review-content h3{

    margin-bottom:18px;

}

.editorial-review-content h3 a{

    color:#222;

    font-size:32px;

    line-height:1.35;

    text-decoration:none;

    transition:.3s;

}

.editorial-review-content h3 a:hover{

    color:#c89a42;

}

/*=========================================
Description
=========================================*/

.editorial-review-content p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:25px;

}

/*=========================================
Read More
=========================================*/

.editorial-read-more{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#222;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.editorial-read-more i{

    transition:.3s;

}

.editorial-read-more:hover{

    color:#c89a42;

}

.editorial-read-more:hover i{

    transform:translateX(6px);

}

/*=========================================
Button
=========================================*/

.editorial-button{

    margin-top:70px;

    text-align:center;

}

/*=========================================
Decorative Images
=========================================*/

.editorial-reviews-area::before{

    content:"";

    position:absolute;

    top:120px;

    left:-70px;

    width:240px;

    height:520px;

    background:url("../images/editorial-giraffe.webp") no-repeat center/contain;

    opacity:.08;

    pointer-events:none;

}

.editorial-reviews-area::after{

    content:"";

    position:absolute;

    right:-60px;

    bottom:100px;

    width:250px;

    height:380px;

    background:url("../images/editorial-lion.webp") no-repeat center/contain;

    opacity:.08;

    pointer-events:none;

}
/*=========================================================
RESPONSIVE DESIGN
=========================================================*/

/*========================
Tablet Devices (1024px)
========================*/
@media (max-width: 1024px) {

    .editorial-heading h2 {
        font-size: 42px;
    }

    .editorial-heading p {
        font-size: 17px;
    }

    .editorial-review-item {
        gap: 25px;
        padding: 35px 0;
    }

    .editorial-review-image {
        flex: 0 0 260px;
        max-width: 260px;
    }

    .editorial-review-content h3 a {
        font-size: 26px;
    }

    .editorial-review-content p {
        font-size: 16px;
    }

    .editorial-reviews-area::before,
    .editorial-reviews-area::after {
        transform: scale(0.85);
        opacity: 0.06;
    }
}


/*========================
Small Tablets / Large Mobiles (768px)
========================*/
@media (max-width: 768px) {

    .editorial-reviews-area {
        padding: 80px 0;
    }

    .editorial-heading {
        margin-bottom: 50px;
    }

    .editorial-heading h2 {
        font-size: 34px;
    }

    .editorial-heading p {
        font-size: 16px;
        line-height: 1.7;
    }

    .editorial-review-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .editorial-review-image {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .editorial-review-content h3 a {
        font-size: 24px;
    }

    .editorial-review-content p {
        font-size: 15px;
    }

    .editorial-meta {
        gap: 12px;
    }

    .editorial-button {
        margin-top: 50px;
    }

    .editorial-reviews-area::before,
    .editorial-reviews-area::after {
        display: none;
    }
}


/*========================
Mobile Devices (480px)
========================*/
@media (max-width: 480px) {

    .editorial-reviews-area {
        padding: 60px 0;
    }

    .editorial-heading h2 {
        font-size: 28px;
    }

    .editorial-heading span {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .editorial-heading p {
        font-size: 14px;
    }

    .editorial-review-content h3 a {
        font-size: 20px;
        line-height: 1.3;
    }

    .editorial-review-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .editorial-review-item {
        padding: 25px 0;
    }

    .editorial-category {
        font-size: 12px;
        padding: 5px 12px;
    }

    .editorial-read-more {
        font-size: 14px;
    }

    .editorial-meta {
        gap: 10px;
    }

    .editorial-review-image {
        border-radius: 14px;
    }
}


/*========================
Very Small Devices (360px)
========================*/
@media (max-width: 360px) {

    .editorial-heading h2 {
        font-size: 24px;
    }

    .editorial-review-content h3 a {
        font-size: 18px;
    }

    .editorial-review-content p {
        font-size: 13px;
    }

    .editorial-read-more {
        font-size: 13px;
        gap: 6px;
    }
}
/* ================================
SAFARI BANNER - DESKTOP CSS
================================ */

.safari-banner {
    position: relative;
    width: 100%;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: url("../images/safari-banner.png") center center / cover no-repeat;
    padding: 80px 0;
    overflow: hidden;
}

/* Dark overlay for readability */
.safari-banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.35)
    );
    z-index: 1;
}

/* Content wrapper */
.safari-banner-content {
    position: relative;
    z-index: 2;
    max-width: 750px;
    text-align: center;
    margin: 0 auto;
}

/* Heading */
.safari-banner-content h2 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
}

/* Paragraph */
.safari-banner-content p {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 30px;
}

/* Button */
.safari-banner-btn {
    display: inline-block;
    padding: 14px 34px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #111;
    background: #f4c542; /* safari gold */
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

/* Hover effect */
.safari-banner-btn:hover {
    background: #ffffff;
    color: #111;
    transform: translateY(-2px);
}
/* ================================
SAFARI BANNER - BASE STYLES
================================ */

.safari-banner {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: url("../images/safari-banner.png") center center / cover no-repeat;
    padding: 100px 20px;
    overflow: hidden;
}

.safari-banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.35)
    );
    z-index: 1;
}

.safari-banner-content {
    position: relative;
    z-index: 2;
    max-width: 750px;
    text-align: center;
    margin: 0 auto;
}

.safari-banner-content h2 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 18px;
}

.safari-banner-content p {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 30px;
}

.safari-banner-btn {
    display: inline-block;
    padding: 14px 34px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #111;
    background: #f4c542;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.safari-banner-btn:hover {
    background: #ffffff;
    color: #111;
    transform: translateY(-2px);
}

/* ================================
TABLET (1024px)
================================ */

@media (max-width: 1024px) {

    .safari-banner {
        min-height: 380px;
        padding: 90px 20px;
    }

    .safari-banner-content h2 {
        font-size: 38px;
    }

    .safari-banner-content p {
        font-size: 17px;
    }
}

/* ================================
TABLET SMALL (768px)
================================ */

@media (max-width: 768px) {

    .safari-banner {
        min-height: 340px;
        padding: 80px 18px;
    }

    .safari-banner-content h2 {
        font-size: 32px;
    }

    .safari-banner-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .safari-banner-btn {
        padding: 12px 30px;
        font-size: 14px;
    }
}

/* ================================
MOBILE (480px)
================================ */

@media (max-width: 480px) {

    .safari-banner {
        min-height: 300px;
        padding: 70px 15px;
    }

    .safari-banner-content h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .safari-banner-content p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .safari-banner-btn {
        padding: 11px 26px;
        font-size: 13px;
    }
}

/* ================================
SMALL MOBILE (360px)
================================ */

@media (max-width: 360px) {

    .safari-banner-content h2 {
        font-size: 22px;
    }

    .safari-banner-content p {
        font-size: 13px;
    }

    .safari-banner-btn {
        padding: 10px 22px;
        font-size: 12px;
    }
}
/*=========================================================
WELCOME TO FIRST-TIME SAFARI
=========================================================*/

.welcome-safari-area{

    position:relative;

    overflow:hidden;

    padding:110px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

}

.welcome-safari-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Wrapper
=========================================*/

.welcome-safari-wrapper{

    display:flex;

    align-items:center;

    gap:80px;

}

/*=========================================
Image
=========================================*/

.welcome-safari-image{

    flex:0 0 46%;

    max-width:46%;

    position:relative;

}

.welcome-safari-image img{

    width:100%;
	
	height:500px;

    display:block;

    border-radius:22px;

    box-shadow:0 35px 80px rgba(0,0,0,.18);

    transition:.5s;

}

.welcome-safari-image:hover img{

    transform:translateY(-10px) rotate(-1deg);

}

/*=========================================
Content
=========================================*/

.welcome-safari-content{

    flex:0 0 54%;

    max-width:54%;

}

.welcome-safari-content span{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#c89a42;

    margin-bottom:18px;

}

.welcome-safari-content h2{

    font-size:52px;

    line-height:1.2;

    color:#222;

    margin-bottom:25px;

}

.welcome-safari-content h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#c89a42;

    margin-top:22px;

}

.welcome-safari-content p{

    font-size:17px;

    line-height:1.95;

    color:#666;

    margin-bottom:24px;

}

.welcome-safari-content .btn-theme{

    margin-top:12px;

}

/*=========================================
Decorations
=========================================*/

.welcome-safari-area::before{

    content:"";

    position:absolute;

    top:80px;

    left:-10px;

    width:220px;

    height:420px;

    background:url("../images/reviews-giraffe.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}

.welcome-safari-area::after{

    content:"";

    position:absolute;

    right:-10px;

    bottom:60px;

    width:220px;

    height:330px;

    background:url("../images/reviews-lion.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}
/*=========================================================
RESPONSIVE
WELCOME TO FIRST-TIME SAFARI
=========================================================*/

/* Large Laptop */

@media (max-width:1399px){

    .welcome-safari-wrapper{

        gap:60px;

    }

    .welcome-safari-content h2{

        font-size:46px;

    }

}


/* Laptop */

@media (max-width:1199px){

    .welcome-safari-area{

        padding:90px 0;

    }

    .welcome-safari-wrapper{

        gap:50px;

    }

    .welcome-safari-content h2{

        font-size:40px;

    }

}


/* Tablet */

@media (max-width:991px){

    .welcome-safari-wrapper{

        flex-direction:column;

        gap:50px;

    }

    .welcome-safari-image,

    .welcome-safari-content{

        flex:0 0 100%;

        max-width:100%;

    }

    .welcome-safari-image{

        max-width:700px;

        margin:auto;

    }

    .welcome-safari-content{

        text-align:center;

    }

    .welcome-safari-content h2{

        font-size:36px;

    }

    .welcome-safari-content h2::after{

        margin:22px auto 0;

    }

    .welcome-safari-content p{

        max-width:700px;

        margin:0 auto 22px;

    }

}


/* Mobile Landscape */

@media (max-width:767px){

    .welcome-safari-area{

        padding:80px 0;

    }

    .welcome-safari-wrapper{

        gap:40px;

    }

    .welcome-safari-content span{

        font-size:13px;

        letter-spacing:1.5px;

    }

    .welcome-safari-content h2{

        font-size:30px;

    }

    .welcome-safari-content p{

        font-size:16px;

        line-height:1.8;

    }

}


/* Small Mobile */

@media (max-width:575px){

    .welcome-safari-area{

        padding:70px 0;

    }

    .welcome-safari-wrapper{

        gap:35px;

    }

    .welcome-safari-image img{

        border-radius:16px;

    }

    .welcome-safari-content h2{

        font-size:26px;

    }

    .welcome-safari-content p{

        font-size:15px;

        line-height:1.75;

    }

    .welcome-safari-content .btn-theme{

        width:100%;

        justify-content:center;

    }

}
/*=========================================================
WELCOME SELF DRIVE SAFARI
=========================================================*/

.welcome-drive-area{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:#f8f5ef;

}

.welcome-drive-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Wrapper
=========================================*/

.welcome-drive-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:90px;

}

/*=========================================
Content
=========================================*/

.welcome-drive-content{

    flex:0 0 52%;

    max-width:52%;

}

.welcome-drive-content span{

    display:inline-block;

    margin-bottom:18px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#b58a3b;

}

.welcome-drive-content h2{

    max-width:650px;

    font-size:64px;

    line-height:1.08;

    color:#222;

    margin-bottom:25px;

}

.welcome-drive-content h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#b58a3b;

    margin-top:22px;

}

.welcome-drive-content p{

    max-width:650px;

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:22px;

}

.welcome-drive-content .btn-theme{

    margin-top:18px;

}

/*=========================================
Gallery
=========================================*/

.welcome-drive-gallery{

    flex:0 0 42%;

    max-width:42%;

    position:relative;

    min-height:500px;

}

/* Large Image */

.drive-image-large{

    width:88%;

    margin-left:auto;

    border-radius:24px;

    overflow:hidden;

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

    transition:.4s;

}

.drive-image-large img{

    width:100%;

    display:block;

}

.drive-image-large:hover{

    transform:translateY(-8px);

}

/* Small Image */

.drive-image-small{

    position:absolute;

    right:-20px;

    bottom:15px;

    width:62%;

    border:10px solid #fff;

    border-radius:22px;

    overflow:hidden;

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

    transition:.4s;

}

.drive-image-small img{

    width:100%;

    display:block;

}

.drive-image-small:hover{

    transform:translateY(-8px) rotate(2deg);

}

/*=========================================
Quote
=========================================*/

.welcome-drive-quote{

    max-width:900px;

    margin:70px auto 0;

    text-align:center;

    padding-top:45px;

    border-top:1px solid rgba(0,0,0,.08);

}

.welcome-drive-quote i{

    font-size:34px;

    color:#b58a3b;

    margin-bottom:15px;

}

.welcome-drive-quote p{

    margin:0;

    font-size:30px;

    line-height:1.5;

    font-style:italic;

    color:#3b3128;

    font-family:"Cormorant Garamond",serif;

}

/*=========================================
Decorations
=========================================*/

.welcome-drive-area::before{

    content:"";

    position:absolute;

    left:-45px;

    top:90px;

    width:180px;

    height:320px;

    background:url("../images/giraffe-decoration.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}

.welcome-drive-area::after{

    content:"";

    position:absolute;

    right:-35px;

    bottom:90px;

    width:180px;

    height:270px;

    background:url("../images/lion-decoration.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}
/*=========================================================
WELCOME TO CAPTURE MY SAFARI
=========================================================*/

.capture-welcome-area{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:#f8f5ef;
    

}

.capture-welcome-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Wrapper
=========================================*/

.capture-welcome-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:90px;

}

/*=========================================
Gallery
=========================================*/

.capture-welcome-gallery{

    flex:0 0 44%;

    max-width:44%;

    position:relative;

    min-height:620px;

}

/* Main Photo */

.capture-photo-one{

    width:82%;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 30px 80px rgba(0,0,0,.18);

    transform:rotate(-4deg);

    transition:.4s;

}

.capture-photo-one img{

    width:100%;

    display:block;

}

.capture-photo-one:hover{

    transform:rotate(-2deg) translateY(-8px);

}

/* Floating Photo */

.capture-photo-two{

    position:absolute;

    right:0;

    bottom:40px;

    width:65%;

    border:12px solid #fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(0,0,0,.18);

    transform:rotate(5deg);

    transition:.4s;

}

.capture-photo-two img{

    width:100%;

    display:block;

}

.capture-photo-two:hover{

    transform:rotate(2deg) translateY(-8px);

}

/* Camera Badge */

.capture-photo-badge{

    position:absolute;

    left:25px;

    bottom:20px;

    display:flex;

    align-items:center;

    gap:12px;

    background:#0b5d4c;

    color:#fff;

    padding:16px 22px;

    border-radius:50px;

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

}

.capture-photo-badge i{

    font-size:20px;

    color:#d8b26a;

}

.capture-photo-badge span{

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
Content
=========================================*/

.capture-welcome-content{

    flex:0 0 50%;

    max-width:50%;

}

.capture-welcome-content span{

    display:inline-block;

    margin-bottom:18px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#b58a3b;

}

.capture-welcome-content h2{

    font-size:56px;

    line-height:1.15;

    color:#222;

    margin-bottom:25px;

}

.capture-welcome-content h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#b58a3b;

    margin-top:22px;

}

.capture-welcome-content p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:24px;

}

.capture-welcome-content .btn-theme{

    margin-top:15px;

}

/*=========================================
Quote
=========================================*/

.capture-welcome-quote{

    max-width:950px;

    margin:90px auto 0;

    text-align:center;

    padding-top:40px;

    border-top:1px solid rgba(0,0,0,.08);

}

.capture-welcome-quote i{

    font-size:34px;

    color:#b58a3b;

    margin-bottom:18px;

}

.capture-welcome-quote p{

    margin:0;

    font-size:28px;

    line-height:1.6;

    font-style:italic;

    font-family:"Cormorant Garamond", serif;

    color:#3b3128;

}

/*=========================================
Decorations
=========================================*/

.capture-welcome-area::before{

    content:"";

    position:absolute;

    left:-45px;

    top:80px;

    width:180px;

    height:320px;

    background:url("../images/reviews-giraffe.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}

.capture-welcome-area::after{

    content:"";

    position:absolute;

    right:-40px;

    bottom:90px;

    width:180px;

    height:270px;

    background:url("../images/reviews-lion.webp") no-repeat center/contain;

    opacity:.15;

    pointer-events:none;

}
/*=========================================================
WELCOME TO FIELD NOTES
=========================================================*/

.fieldnotes-welcome-area{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:#f8f5ef;

}

.fieldnotes-welcome-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Wrapper
=========================================*/

.fieldnotes-welcome-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:90px;

}

/*=========================================
Journal Image
=========================================*/

.fieldnotes-journal{

    flex:0 0 43%;

    max-width:43%;

    position:relative;

}

.fieldnotes-journal img{

    width:100%;
	height:550px;

    display:block;

    border-radius:22px;

    box-shadow:0 35px 80px rgba(0,0,0,.18);

    transition:.4s;

}

.fieldnotes-journal:hover img{

    transform:translateY(-8px) rotate(-1deg);

}

/*=========================================
Stamp
=========================================*/

.fieldnotes-stamp{

    position:absolute;

    right:-20px;

    bottom:35px;

    display:flex;

    align-items:center;

    gap:12px;

    background:#0f5a4a;

    color:#fff;

    padding:16px 22px;

    border-radius:50px;

    box-shadow:0 20px 40px rgba(0,0,0,.18);

}

.fieldnotes-stamp i{

    color:#d7b46a;

    font-size:18px;

}

.fieldnotes-stamp span{

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
Content
=========================================*/

.fieldnotes-content{

    flex:0 0 49%;

    max-width:49%;

}

.fieldnotes-content span{

    display:inline-block;

    margin-bottom:18px;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#b58a3b;

}

.fieldnotes-content h2{

    font-size:58px;

    line-height:1.12;

    color:#222;

    margin-bottom:24px;

}

.fieldnotes-content h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#b58a3b;

    margin-top:22px;

}

.fieldnotes-content p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:22px;

}

.fieldnotes-content .btn-theme{

    margin-top:18px;

}

/*=========================================
Quote
=========================================*/

.fieldnotes-quote{

    max-width:900px;

    margin:80px auto 0;

    text-align:center;

    padding-top:40px;

    border-top:1px solid rgba(0,0,0,.08);

}

.fieldnotes-quote i{

    font-size:32px;

    color:#b58a3b;

    margin-bottom:18px;

}

.fieldnotes-quote p{

    margin:0;

    font-size:30px;

    line-height:1.6;

    font-style:italic;

    color:#3b3128;

    font-family:"Cormorant Garamond",serif;

}

/*=========================================
Decorations
=========================================*/

.fieldnotes-welcome-area::before{

    content:"";

    position:absolute;

    left:-40px;

    top:90px;

    width:180px;

    height:300px;

    background:url("../images/reviews-giraffe.webp") no-repeat center/contain;

    opacity:.14;

    pointer-events:none;

}

.fieldnotes-welcome-area::after{

    content:"";

    position:absolute;

    right:-40px;

    bottom:80px;

    width:180px;

    height:260px;

    background:url("../images/reviews-lion.webp") no-repeat center/contain;

    opacity:.14;

    pointer-events:none;

}
/*=========================================================
WELCOME TO SAFARI INSIDER REVIEWS
=========================================================*/

.reviews-welcome-area{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:#f8f5ef;

}

.reviews-welcome-area .container{

    position:relative;

    z-index:2;

}

/*=========================================
Wrapper
=========================================*/

.reviews-welcome-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:90px;

}

/*=========================================
Image
=========================================*/

.reviews-welcome-image{

    position:relative;

    flex:0 0 42%;

    max-width:42%;

}

.reviews-welcome-image img{

    width:100%;

    display:block;

    border-radius:24px;

    box-shadow:0 30px 80px rgba(0,0,0,.18);

    transition:.4s;

}

.reviews-welcome-image:hover img{

    transform:translateY(-8px);

}

/*=========================================
Badge
=========================================*/

.reviews-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 24px;

    border-radius:50px;

    background:#0d5b49;

    color:#fff;

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

}

.reviews-badge i{

    font-size:18px;

    color:#d6b067;

}

.reviews-badge span{

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
Content
=========================================*/

.reviews-welcome-content{

    flex:0 0 50%;

    max-width:50%;

}

.reviews-welcome-content>span{

    display:inline-block;

    margin-bottom:18px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#b58938;

}

.reviews-welcome-content h2{

    font-size:56px;

    line-height:1.12;

    color:#222;

    margin-bottom:24px;

}

.reviews-welcome-content h2::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#b58938;

    margin-top:20px;

}

.reviews-welcome-content p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:22px;

}

.reviews-welcome-content .btn-theme{

    margin-top:18px;

}

/*=========================================
Signature
=========================================*/

.reviews-signature{

    margin-top:35px;

    padding-top:25px;

    border-top:1px solid rgba(0,0,0,.08);

}

.reviews-signature strong{

    display:block;

    font-size:28px;

    font-family:"Cormorant Garamond",serif;

    color:#0d5b49;

    margin-bottom:8px;

}

.reviews-signature small{

    display:block;

    font-size:14px;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#888;

}

/*=========================================
Editor's Quote
=========================================*/

.reviews-editor-note{

    max-width:920px;

    margin:80px auto 0;

    text-align:center;

    padding-top:40px;

    border-top:1px solid rgba(0,0,0,.08);

}

.reviews-editor-note i{

    font-size:32px;

    color:#b58938;

    margin-bottom:18px;

}

.reviews-editor-note p{

    margin:0;

    font-size:30px;

    line-height:1.6;

    color:#3b3128;

    font-style:italic;

    font-family:"Cormorant Garamond",serif;

}

/*=========================================
Decorations
=========================================*/

.reviews-welcome-area::before{

    content:"";

    position:absolute;

    left:-45px;

    top:90px;

    width:180px;

    height:320px;

    background:url("../images/reviews-giraffe.webp") no-repeat center/contain;

    opacity:.14;

    pointer-events:none;

}

.reviews-welcome-area::after{

    content:"";

    position:absolute;

    right:-40px;

    bottom:80px;

    width:180px;

    height:270px;

    background:url("../images/reviews-lion.webp") no-repeat center/contain;

    opacity:.14;

    pointer-events:none;

}
/*=========================================================
SERVICES HERO
=========================================================*/

.services-hero{
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:220px 0 170px;
    background:url("../images/services-hero-bg.png") center center no-repeat;
    background-size:cover;
}

.services-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(10,10,10,.82) 0%,
        rgba(10,10,10,.55) 35%,
        rgba(10,10,10,.20) 70%,
        rgba(10,10,10,.25) 100%
    );
    z-index:1;
}

.services-hero .container{
    position:relative;
    z-index:2;
}

.services-hero-content{
    max-width:650px;
}

.services-hero-content .hero-subtitle{
    display:inline-block;
    margin-bottom:20px;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#c59d42;
}

.services-hero-content h1{
    margin:0;
    color:#fff;
    font-size:72px;
    line-height:1.08;
    font-weight:500;
    font-family:var(--heading-font);
}

.hero-divider{
    width:80px;
    height:3px;
    margin:35px 0;
    border-radius:30px;
    background:#c59d42;
}

.services-hero-content p{
    max-width:560px;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
}

.hero-author{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:55px;
}

.hero-author img{
    width:120px;
    display:block;
}

.hero-author-info{
    display:flex;
    flex-direction:column;
}

.hero-author-info strong{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
}

.hero-author-info span{
    color:rgba(255,255,255,.75);
    font-size:14px;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:1.7;
}

.services-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:180px;
    background:linear-gradient(
        to bottom,
        rgba(248,245,238,0) 0%,
        rgba(248,245,238,.15) 35%,
        #f8f5ee 100%
    );
    z-index:2;
    pointer-events:none;
}
/*=========================================================
SERVICES HERO RESPONSIVE
=========================================================*/

/*==========================
Large Tablet
==========================*/

@media (max-width:1199px){

.services-hero{
    padding:180px 0 130px;
}

.services-hero-content{
    max-width:580px;
}

.services-hero-content h1{
    font-size:60px;
}

.services-hero-content p{
    font-size:17px;
}

.hero-author{
    margin-top:45px;
}

}


/*==========================
Tablet
==========================*/

@media (max-width:991px){

.services-hero{
    padding:170px 0 120px;
    background-position:72% center;
}

.services-hero-content{
    max-width:100%;
}

.services-hero-content h1{
    font-size:52px;
    line-height:1.12;
}

.services-hero-content p{
    max-width:540px;
    font-size:17px;
}

.hero-divider{
    margin:30px 0;
}

.hero-author img{
    width:105px;
}

.hero-author-info strong{
    font-size:18px;
}

.hero-author-info span{
    font-size:13px;
}

}


/*==========================
Large Mobile
==========================*/

@media (max-width:767px){

.services-hero{
    padding:150px 0 90px;
    background-position:75% center;
}

.services-hero-overlay{

    background:linear-gradient(
    180deg,
    rgba(10,10,10,.82) 0%,
    rgba(10,10,10,.65) 45%,
    rgba(10,10,10,.55) 100%);

}

.services-hero-content{
    text-align:center;
    margin:auto;
}

.services-hero-content .hero-subtitle{

    font-size:12px;
    letter-spacing:2px;

}

.services-hero-content h1{

    font-size:42px;
    line-height:1.18;

}

.hero-divider{

    margin:28px auto;

}

.services-hero-content p{

    max-width:100%;
    font-size:16px;
    line-height:1.8;

}

.hero-author{

    justify-content:center;
    flex-direction:column;
    gap:15px;
    text-align:center;
    margin-top:40px;

}

.hero-author img{

    width:95px;

}

.hero-author-info{

    align-items:center;

}

.hero-author-info strong{

    font-size:18px;

}

.hero-author-info span{

    font-size:12px;
    letter-spacing:.8px;

}

.services-hero::after{

    height:120px;

}

}


/*==========================
Mobile
==========================*/

@media (max-width:575px){

.services-hero{

    padding:135px 0 80px;
    background-position:78% center;

}

.services-hero-content h1{

    font-size:34px;

}

.services-hero-content p{

    font-size:15px;
    line-height:1.8;

}

.hero-divider{

    width:65px;
    margin:24px auto;

}

.hero-author{

    margin-top:35px;

}

.hero-author img{

    width:82px;

}

.hero-author-info strong{

    font-size:17px;

}

.hero-author-info span{

    font-size:11px;
    line-height:1.7;

}

}


/*==========================
Small Mobile
==========================*/

@media (max-width:390px){

.services-hero{

    padding:125px 0 70px;

}

.services-hero-content .hero-subtitle{

    font-size:11px;

}

.services-hero-content h1{

    font-size:30px;
    line-height:1.2;

}

.services-hero-content p{

    font-size:14px;

}

.hero-author img{

    width:72px;

}

.hero-author-info strong{

    font-size:16px;

}

.hero-author-info span{

    font-size:10px;

}

}
/*=========================================================
HOW I CAN HELP
=========================================================*/

.services-overview{
    position:relative;
    padding:120px 0;
    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
    overflow:hidden;
}

.services-overview::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(197,157,66,.05);
}

.services-overview::after{
    content:"";
    position:absolute;
    bottom:-140px;
    left:-120px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(0,0,0,.03);
}

.services-overview .section-title{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.services-overview .section-title span{
    display:inline-block;
    margin-bottom:18px;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    color:#b98538;
    text-transform:uppercase;
}

.services-overview .section-title h2{
    margin:0 0 22px;
    font-size:52px;
    line-height:1.15;
    color:#1f1f1f;
    font-family:var(--heading-font);
    font-weight:500;
}

.services-overview .section-title p{
    margin:0;
    font-size:18px;
    line-height:1.9;
    color:#666;
}

.services-overview-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.service-overview-card{
    position:relative;
    padding:45px 35px;
    background:#ffffff;
    border-radius:20px;
    transition:.35s;
    border:1px solid rgba(0,0,0,.05);
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.05);
}

.service-overview-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#c59d42;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
}

.service-overview-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.service-overview-card:hover::before{
    transform:scaleX(1);
}

.service-icon{
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
    border-radius:50%;
    background:#f5efe1;
}

.service-icon i{
    font-size:28px;
    color:#b98538;
}

.service-overview-card h3{
    margin:0 0 18px;
    font-size:28px;
    line-height:1.3;
    color:#222;
    font-family:var(--heading-font);
    font-weight:500;
}

.service-overview-card p{
    margin:0 0 28px;
    color:#666;
    font-size:16px;
    line-height:1.9;
}

.service-overview-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:700;
    color:#1f1f1f;
    text-decoration:none;
    transition:.3s;
}

.service-overview-card a i{
    transition:.3s;
    color:#b98538;
}

.service-overview-card:hover a{
    color:#b98538;
}

.service-overview-card:hover a i{
    transform:translateX(6px);
}
/*=========================================================
HOW I CAN HELP RESPONSIVE
=========================================================*/

/*=========================================
Large Devices
=========================================*/

@media (max-width:1199px){

.services-overview{
    padding:100px 0;
}

.services-overview .section-title{
    margin-bottom:60px;
}

.services-overview .section-title h2{
    font-size:46px;
}

.services-overview-grid{
    gap:25px;
}

.service-overview-card{
    padding:40px 28px;
}

.service-overview-card h3{
    font-size:24px;
}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.services-overview{
    padding:90px 0;
}

.services-overview .section-title{
    max-width:700px;
    margin-bottom:50px;
}

.services-overview .section-title h2{
    font-size:40px;
}

.services-overview .section-title p{
    font-size:17px;
}

.services-overview-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.service-overview-card{
    padding:35px 25px;
}

.service-icon{
    width:65px;
    height:65px;
    margin-bottom:22px;
}

.service-icon i{
    font-size:24px;
}

.service-overview-card h3{
    font-size:23px;
    margin-bottom:15px;
}

.service-overview-card p{
    font-size:15px;
    margin-bottom:22px;
}

}


/*=========================================
Large Mobile
=========================================*/

@media (max-width:767px){

.services-overview{
    padding:80px 0;
}

.services-overview::before,
.services-overview::after{
    display:none;
}

.services-overview .section-title{
    margin-bottom:45px;
}

.services-overview .section-title span{
    font-size:12px;
    letter-spacing:2px;
}

.services-overview .section-title h2{
    font-size:34px;
    line-height:1.25;
}

.services-overview .section-title p{
    font-size:16px;
    line-height:1.8;
}

.services-overview-grid{
    grid-template-columns:1fr;
    gap:22px;
}

.service-overview-card{
    padding:35px 28px;
    border-radius:18px;
}

.service-icon{
    width:62px;
    height:62px;
    margin-bottom:20px;
}

.service-icon i{
    font-size:22px;
}

.service-overview-card h3{
    font-size:24px;
}

.service-overview-card p{
    font-size:15px;
}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:575px){

.services-overview{
    padding:70px 0;
}

.services-overview .section-title{
    margin-bottom:40px;
}

.services-overview .section-title span{
    font-size:11px;
}

.services-overview .section-title h2{
    font-size:30px;
}

.services-overview .section-title p{
    font-size:15px;
}

.service-overview-card{
    padding:30px 22px;
}

.service-icon{
    width:58px;
    height:58px;
}

.service-icon i{
    font-size:20px;
}

.service-overview-card h3{
    font-size:22px;
}

.service-overview-card p{
    font-size:15px;
    line-height:1.8;
}

.service-overview-card a{
    font-size:14px;
}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:390px){

.services-overview{
    padding:60px 0;
}

.services-overview .section-title h2{
    font-size:26px;
}

.services-overview .section-title p{
    font-size:14px;
}

.service-overview-card{
    padding:28px 20px;
}

.service-icon{
    width:54px;
    height:54px;
}

.service-icon i{
    font-size:18px;
}

.service-overview-card h3{
    font-size:20px;
}

.service-overview-card p{
    font-size:14px;
}

.service-overview-card a{
    font-size:13px;
}

}
/*=========================================================
JOIN ME ON SAFARI
=========================================================*/

.service-editorial-section{
    position:relative;
    padding:120px 0;
    background:#f8f5ee;
    overflow:hidden;
}

.service-editorial-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/paper-texture.png") repeat;
    opacity:.05;
    pointer-events:none;
}

.service-editorial-grid{
    display:grid;
    grid-template-columns:1fr 1.25fr .8fr;
    align-items:center;
    gap:70px;
    position:relative;
    z-index:2;
}

/*=========================================================
LEFT CONTENT
=========================================================*/

.service-editorial-content{
    position:relative;
}

.service-number{
    display:block;
    font-size:110px;
    line-height:1;
    font-family:var(--heading-font);
    color:rgba(0,0,0,.06);
    margin-bottom:-25px;
}

.service-label{
    display:block;
    margin-bottom:18px;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#b98538;
}

.service-editorial-content h2{
    margin:0 0 22px;
    font-size:52px;
    line-height:1.15;
    color:#222;
    font-family:var(--heading-font);
    font-weight:500;
}

.service-editorial-content p{
    margin:0 0 35px;
    font-size:17px;
    line-height:1.9;
    color:#555;
}

.service-editorial-content .btn-theme{
    padding:16px 34px;
}

/*=========================================================
CENTER IMAGES
=========================================================*/

.service-editorial-images{
    position:relative;
    min-height:520px;
}

.editorial-image-main{
    position:absolute;
    right:20;
    top:0;
    width:520px;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    padding:10px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.editorial-image-main img{
    width:100%;
    display:block;
    border-radius:6px;
}

.editorial-image-small{
    position:absolute;
    left:0;
    bottom:25px;
    width:250px;
    transform:rotate(-6deg);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    padding:8px;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    z-index:3;
}

.editorial-image-small img{
    width:100%;
    display:block;
    border-radius:6px;
}

/*=========================================================
RIGHT FEATURES
=========================================================*/

.service-editorial-features{
    display:flex;
    justify-content:flex-end;
}

.service-editorial-features ul{
    margin:0;
    padding:0;
    list-style:none;
}

.service-editorial-features li{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:22px;
    font-size:17px;
    color:#333;
    font-weight:500;
}

.service-editorial-features li:last-child{
    margin-bottom:0;
}

.service-editorial-features i{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:2px solid #c59d42;
    color:#c59d42;
    font-size:16px;
}

/*=========================================================
HOVER EFFECTS
=========================================================*/

.editorial-image-main,
.editorial-image-small{
    transition:.4s ease;
}

.editorial-image-main:hover{
    transform:translateY(-8px);
}

.editorial-image-small:hover{
    transform:rotate(-6deg) translateY(-8px);
}
/*=========================================================
JOIN ME ON SAFARI RESPONSIVE
=========================================================*/

/* Large Laptop */

@media (max-width:1400px){

.service-editorial-grid{
    grid-template-columns:1fr 1.1fr .8fr;
    gap:50px;
}

.editorial-image-main{
    width:460px;
}

.editorial-image-small{
    width:220px;
}

.service-editorial-content h2{
    font-size:46px;
}

}


/* Laptop */

@media (max-width:1200px){

.service-editorial-section{
    padding:100px 0;
}

.service-editorial-grid{
    grid-template-columns:1fr;
    gap:60px;
    text-align:center;
}

.service-editorial-content{
    max-width:760px;
    margin:auto;
}

.service-number{
    font-size:90px;
    margin-bottom:-20px;
}

.service-editorial-content h2{
    font-size:42px;
}

.service-editorial-content p{
    max-width:700px;
    margin:0 auto 35px;
}

.service-editorial-images{
    width:100%;
    max-width:700px;
    height:470px;
    min-height:auto;
    margin:auto;
}

.editorial-image-main{
    width:520px;
    right:0;
    left:auto;
}

.editorial-image-small{
    left:20px;
    bottom:15px;
    width:240px;
}

.service-editorial-features{
    justify-content:center;
}

.service-editorial-features ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 35px;
    max-width:650px;
}

.service-editorial-features li{
    margin:0;
    justify-content:flex-start;
}

}


/* Tablet */

@media (max-width:991px){

.service-editorial-section{
    padding:90px 0;
}

.service-number{
    font-size:75px;
}

.service-label{
    font-size:12px;
}

.service-editorial-content h2{
    font-size:38px;
}

.service-editorial-content p{
    font-size:16px;
    line-height:1.8;
}

.service-editorial-images{
    max-width:620px;
    height:420px;
}

.editorial-image-main{
    width:450px;
}

.editorial-image-small{
    width:200px;
}

.service-editorial-features ul{
    grid-template-columns:1fr 1fr;
}

.service-editorial-features li{
    font-size:15px;
}

}


/* Mobile */

@media (max-width:767px){

.service-editorial-section{
    padding:70px 0;
}

.service-editorial-grid{
    gap:45px;
}

.service-number{
    font-size:62px;
    margin-bottom:-12px;
}

.service-label{
    font-size:11px;
    letter-spacing:2px;
}

.service-editorial-content h2{
    font-size:32px;
    line-height:1.2;
}

.service-editorial-content p{
    font-size:15px;
    line-height:1.8;
}

.service-editorial-content .btn-theme{
    width:100%;
    justify-content:center;
}

.service-editorial-images{
    height:340px;
}

.editorial-image-main{
    width:85%;
    padding:7px;
}

.editorial-image-small{
    width:42%;
    left:0;
    bottom:0;
    padding:6px;
}

.service-editorial-features ul{
    grid-template-columns:1fr;
    width:100%;
}

.service-editorial-features li{
    justify-content:flex-start;
}

.service-editorial-features i{
    width:30px;
    height:30px;
    font-size:14px;
}

}


/* Small Mobile */

@media (max-width:480px){

.service-editorial-section{
    padding:60px 0;
}

.service-number{
    font-size:52px;
}

.service-editorial-content h2{
    font-size:28px;
}

.service-editorial-content p{
    font-size:14px;
}

.service-editorial-images{
    height:280px;
}

.editorial-image-main{
    width:82%;
}

.editorial-image-small{
    width:45%;
}

.service-editorial-features li{
    font-size:14px;
}

.service-editorial-features i{
    width:28px;
    height:28px;
    font-size:13px;
}

}
/*==========================================
    SAFARI SERVICES SECTION
==========================================*/

.safari-services-section{
    background:#070707;
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

.safari-services-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border:1px solid rgba(255,255,255,.08);
    background:#0a0a0a;
}

.safari-service-card{
    display:flex;
    align-items:center;
    min-height:360px;
    position:relative;
}

.safari-service-card:first-child{
    border-right:1px solid rgba(255,255,255,.08);
}

/* Reverse Card */

.safari-service-card.reverse{
    flex-direction:row;
}

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

.service-image{
    width:46%;
    height:100%;
    overflow:hidden;
    flex-shrink:0;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.6s ease;
}

.safari-service-card:hover .service-image img{
    transform:scale(1.05);
}

/*==========================================
    CONTENT
==========================================*/

.service-content{
    width:54%;
    padding:45px 35px;
}

.service-number{
    display:block;
    font-size:42px;
    font-weight:700;
    line-height:1;
    color:#b68a38;
    margin-bottom:2px;
    font-family:'Montserrat',sans-serif;
}

.service-label{
    display:block;
    font-size:13px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    font-weight:700;
    color:#b68a38;
    margin-bottom:20px;
    font-family:'Montserrat',sans-serif;
}

.service-content h2{
    font-size:44px;
    line-height:1.12;
    color:#ffffff;
    margin:0 0 18px;
    font-weight:600;
    font-family:'Cormorant Garamond',serif;
}

.service-content p{
    font-size:15px;
    line-height:1.8;
    color:rgba(255,255,255,.72);
    margin-bottom:28px;
    font-family:'Montserrat',sans-serif;
}

/*==========================================
    BUTTON
==========================================*/

.service-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:155px;
    height:48px;
    background:#b68a38;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    border-radius:3px;
    transition:.35s ease;
    font-family:'Montserrat',sans-serif;
}

.service-btn:hover{
    background:#d5a84d;
    color:#ffffff;
}

/*==========================================
    HOVER
==========================================*/

.safari-service-card:hover{
    background:#101010;
}

.safari-service-card:hover .service-number,
.safari-service-card:hover .service-label{
    color:#d5a84d;
}

/*==========================================
    CONTAINER (If not already defined)
==========================================*/

.container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 20px;
}
/*==================================================
        RESPONSIVE CSS
===================================================*/

/*************** Large Laptop ****************/

@media (max-width:1400px){

    .service-content{
        padding:40px 30px;
    }

    .service-content h2{
        font-size:40px;
    }

}


/*************** Laptop ****************/

@media (max-width:1200px){

    .service-content{
        padding:35px 25px;
    }

    .service-number{
        font-size:38px;
    }

    .service-label{
        font-size:12px;
    }

    .service-content h2{
        font-size:34px;
    }

    .service-content p{
        font-size:14px;
        line-height:1.7;
    }

    .service-btn{
        min-width:145px;
        height:46px;
        font-size:11px;
    }

}


/*************** Tablet Landscape ****************/

@media (max-width:991px){

    .safari-services-section{
        padding:70px 0;
    }

    .safari-services-grid{
        grid-template-columns:1fr;
    }

    .safari-service-card{
        min-height:auto;
    }

    .safari-service-card:first-child{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .service-image{
        width:42%;
        min-height:320px;
    }

    .service-content{
        width:58%;
        padding:35px;
    }

    .service-content h2{
        font-size:32px;
    }

}


/*************** Tablet Portrait ****************/

@media (max-width:768px){

    .safari-services-section{
        padding:60px 0;
    }

    .safari-service-card,
    .safari-service-card.reverse{
        flex-direction:column;
    }

    .service-image{
        width:100%;
        height:280px;
        min-height:280px;
    }

    .service-content{
        width:100%;
        padding:35px 30px;
    }

    .service-number{
        font-size:34px;
    }

    .service-label{
        margin-bottom:16px;
    }

    .service-content h2{
        font-size:32px;
    }

    .service-content p{
        margin-bottom:24px;
    }

}


/*************** Mobile ****************/

@media (max-width:576px){

    .safari-services-section{
        padding:50px 0;
    }

    .safari-services-grid{
        border-radius:10px;
        overflow:hidden;
    }

    .service-image{
        height:240px;
        min-height:240px;
    }

    .service-content{
        padding:28px 22px;
    }

    .service-number{
        font-size:30px;
    }

    .service-label{
        font-size:11px;
        letter-spacing:1.5px;
    }

    .service-content h2{
        font-size:28px;
        line-height:1.2;
    }

    .service-content p{
        font-size:14px;
        line-height:1.7;
    }

    .service-btn{
        width:100%;
        height:48px;
    }

}


/*************** Small Mobile ****************/

@media (max-width:400px){

    .service-image{
        height:210px;
        min-height:210px;
    }

    .service-content{
        padding:25px 18px;
    }

    .service-number{
        font-size:28px;
    }

    .service-label{
        font-size:10px;
    }

    .service-content h2{
        font-size:24px;
    }

    .service-content p{
        font-size:13px;
        line-height:1.6;
    }

    .service-btn{
        height:46px;
        font-size:11px;
    }

}
/*=========================================================
NEED HELP PLANNING YOUR TRIP
=========================================================*/

.trip-planning-section{
    position:relative;
    padding:130px 0;
   background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
    overflow:hidden;
}

.trip-planning-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/paper-texture.png") repeat;
    opacity:.04;
    pointer-events:none;
}

.trip-planning-wrapper{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:90px;
    position:relative;
    z-index:2;
}

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

.trip-planning-image{
    position:relative;
}

.trip-planning-image img{
    width:100%;
    display:block;
    border-radius:24px;
    object-fit:cover;
    box-shadow:0 25px 70px rgba(0,0,0,.15);
}

.trip-planning-image::before{
    content:"";
    position:absolute;
    top:-20px;
    left:-20px;
    width:100%;
    height:100%;
    border:2px solid rgba(197,157,66,.18);
    border-radius:24px;
    z-index:-1;
}

.trip-planning-image::after{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:16px;
    pointer-events:none;
}

/*=========================================================
CONTENT
=========================================================*/

.trip-planning-content{
    position:relative;
    max-width:560px;
}

.planning-number{
    display:block;
    margin-bottom:-18px;
    font-size:95px;
    font-family:var(--heading-font);
    line-height:1;
    color:rgba(0,0,0,.06);
}

.planning-subtitle{
    display:inline-block;
    margin-bottom:20px;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#c59d42;
}

.trip-planning-content h2{
    margin:0 0 22px;
    font-size:52px;
    line-height:1.15;
    color:#202020;
    font-family:var(--heading-font);
    font-weight:500;
}

.trip-planning-content p{
    margin:0 0 35px;
    font-size:17px;
    line-height:1.9;
    color:#666;
}

/*=========================================================
FEATURES
=========================================================*/

.planning-features{
    margin:0 0 40px;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 30px;
}

.planning-features li{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:600;
    color:#2b2b2b;
}

.planning-features li i{
    color:#c59d42;
    font-size:17px;
}

/*=========================================================
BUTTON
=========================================================*/

.trip-planning-content .btn-theme{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:17px 34px;
}

.trip-planning-content .btn-theme i{
    transition:.35s;
}

.trip-planning-content .btn-theme:hover i{
    transform:translateX(6px);
}

/*=========================================================
BOTTOM NOTE
=========================================================*/

.planning-note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:30px;
    padding-top:25px;
    border-top:1px solid rgba(0,0,0,.08);
}

.planning-note i{
    color:#c59d42;
    margin-top:3px;
    font-size:15px;
}

.planning-note span{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*=========================================================
HOVER EFFECT
=========================================================*/

.trip-planning-image{
    transition:.45s ease;
}

.trip-planning-image:hover{
    transform:translateY(-8px);
}
/*=========================================
    SAFARI PLAN SECTION
=========================================*/

.safari-plan-section{
    position:relative;
    padding:100px 0;
    background:#0f1d15;
    overflow:hidden;
}

.safari-plan-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/pattern-dark.webp") center center/cover;
    opacity:.08;
    pointer-events:none;
}

.safari-plan-section .container{
    max-width:1320px;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

.safari-plan-wrapper{
    display:grid;
    grid-template-columns:42% 32% 26%;
    gap:40px;
    align-items:center;
}


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

.safari-plan-image{
    overflow:hidden;
    border-radius:4px;
}

.safari-plan-image img{
    width:100%;
    display:block;
    object-fit:cover;
}


/*============================
    CONTENT
=============================*/

.safari-plan-content{
    color:#fff;
}

.section-number{
    display:block;
    font-size:38px;
    font-weight:700;
    color:#b98a36;
    line-height:1;
    margin-bottom:6px;
}

.section-subtitle{
    display:block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#b98a36;
    text-transform:uppercase;
    margin-bottom:22px;
}

.safari-plan-content h2{
    font-size:48px;
    line-height:1.15;
    font-weight:500;
    margin:0 0 25px;
    color:#ffffff;
}

.safari-plan-content p{
    color:rgba(255,255,255,.75);
    font-size:17px;
    line-height:1.8;
    margin-bottom:35px;
    max-width:440px;
}

.consult-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:17px 36px;
    background:#c9963a;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    font-weight:700;
    border-radius:4px;
    transition:.35s;
}

.consult-btn:hover{
    background:#ddb156;
}

.consult-fee{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:22px;
    color:#d4d4d4;
    font-size:15px;
}

.consult-fee svg{
    width:18px;
    height:18px;
    color:#b98a36;
}


/*============================
    RIGHT CARD
=============================*/

.safari-plan-card{
    border:1px solid rgba(255,255,255,.18);
    padding:40px;
    border-radius:6px;
    background:rgba(255,255,255,.02);
    backdrop-filter:blur(4px);
}

.safari-plan-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.safari-plan-card li{
    display:flex;
    align-items:center;
    gap:16px;
    color:#f2f2f2;
    font-size:17px;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.safari-plan-card li:last-child{
    border-bottom:none;
}

.safari-plan-card .icon{
    width:30px;
    height:30px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b98a36;
    border-radius:50%;
    color:#b98a36;
    font-size:14px;
    font-weight:700;
}


/*============================
    LARGE DESKTOP
=============================*/

@media(min-width:1600px){

    .safari-plan-wrapper{
        grid-template-columns:44% 30% 26%;
        gap:55px;
    }

    .safari-plan-content h2{
        font-size:56px;
    }

}
/*==========================================
    CAPTURE YOUR SAFARI
==========================================*/

.capture-safari-section{
    position:relative;
    padding:110px 0;
    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
}

.capture-safari-section .container{
    max-width:1320px;
    margin:auto;
    padding:0 20px;
}


/*==========================
    SECTION TITLE
==========================*/

.capture-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    margin-bottom:50px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.capture-heading .section-number{
    font-size:36px;
    font-weight:700;
    color:#b98a36;
    line-height:1;
}

.capture-heading .section-title{
    font-size:20px;
    font-weight:700;
    color:#3d3d3d;
}


/*==========================
    WRAPPER
==========================*/

.capture-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    background:#fffdf8;
    border:1px solid #d8d2c6;
}


/*==========================
    DIVIDER
==========================*/

.capture-divider{
    width:1px;
    height:100%;
    background:#d8d2c6;
}


/*==========================
    CARD
==========================*/

.capture-card{
    display:flex;
    align-items:center;
    gap:35px;
    padding:35px;
}


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

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

.capture-image{
    width:46%;
    flex-shrink:0;
    position:relative;
    overflow:hidden;
    border-radius:14px;
}

.capture-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
    border-radius:14px;
    transition:0.5s ease;
    border:3px solid rgba(185,138,54,.25);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.capture-card:hover .capture-image img{
    transform:scale(1.08);
}


/*==========================
    CONTENT
==========================*/

.capture-content{
    flex:1;
}

.capture-content h3{
    font-size:28px;
    line-height:1.3;
    color:#9b7633;
    margin:0 0 20px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.capture-content p{
    color:#555;
    line-height:1.8;
    font-size:16px;
    margin-bottom:28px;
}


/*==========================
    BUTTON
==========================*/

.capture-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 34px;
    background:#173523;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    transition:.35s;
}

.capture-btn:hover{
    background:#b98a36;
}


/*==========================
    WEBSITE LINK
==========================*/

.capture-link{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
    color:#444;
    font-size:15px;
    font-weight:600;
}

.capture-link svg{
    width:22px;
    height:22px;
    color:#173523;
}


/*==========================
    WATERMARK
==========================*/

.capture-card:first-child{
    position:relative;
}

.capture-card:first-child::after{
    content:"";
    position:absolute;
    right:30px;
    bottom:20px;
    width:120px;
    height:120px;
    background:url("../images/africa-stamp.webp") center/contain no-repeat;
    opacity:.12;
    pointer-events:none;
}


/*==========================
    LARGE DESKTOP
==========================*/

@media(min-width:1600px){

    .capture-card{
        padding:45px;
        gap:45px;
    }

    .capture-image img{
        height:260px;
    }

    .capture-content h3{
        font-size:32px;
    }

}
/*=========================================
    PHOTO DROP SECTION
=========================================*/

.photo-drop-section{
    position:relative;
    padding:100px 0;
    background:#15110d;
    overflow:hidden;
}

.photo-drop-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/photo-drop-bird.webp") center center/cover;
    opacity:.18;
    pointer-events:none;
}

.photo-drop-section .container{
    max-width:1320px;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

.photo-drop-wrapper{
    display:grid;
    grid-template-columns:42% 38% 20%;
    align-items:center;
    gap:45px;
}


/*=========================================
    LEFT IMAGE
=========================================*/

.photo-drop-image{
    overflow:hidden;
    border-radius:10px;
}

.photo-drop-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.photo-drop-image:hover img{
    transform:scale(1.06);
}


/*=========================================
    CONTENT
=========================================*/

.photo-drop-content{
    color:#fff;
}

.photo-drop-content .section-number{
    display:inline-block;
    font-size:38px;
    font-weight:700;
    color:#b98a36;
    line-height:1;
    margin-right:10px;
}

.photo-drop-content .section-subtitle{
    display:inline-block;
    color:#b98a36;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.photo-drop-content h2{
    font-size:50px;
    line-height:1.15;
    margin:20px 0;
    color:#fff;
    font-weight:500;
}

.photo-drop-content p{
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.8;
    margin-bottom:35px;
}

.photo-drop-content strong{
    color:#fff;
    font-weight:700;
}


/*=========================================
    BUTTON
=========================================*/

.photo-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    background:#c9973d;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    font-weight:700;
    border-radius:4px;
    transition:.35s;
}

.photo-btn:hover{
    background:#ddb157;
}


/*=========================================
    POLAROID
=========================================*/

.photo-polaroid{
    display:flex;
    justify-content:center;
    align-items:center;
}

.polaroid-card{
    position:relative;
    width:230px;
    background:#fff;
    padding:14px 14px 55px;
    border-radius:4px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
    transform:rotate(-6deg);
    transition:.4s;
}

.polaroid-card:hover{
    transform:rotate(-2deg) scale(1.05);
}

.polaroid-card img{
    width:100%;
    height:300px;
    object-fit:contain;
    background:#f8f8f8;
}

.polaroid-text{
    margin-top:18px;
    text-align:center;
    font-size:22px;
    line-height:1.5;
    color:#444;
    font-family:"Caveat", cursive;
}

/*=========================================
    TAPE
=========================================*/

.polaroid-card::before{
    content:"";
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%) rotate(3deg);
    width:65px;
    height:22px;
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(2px);
    border-radius:2px;
}


/*=========================================
    LARGE DESKTOP
=========================================*/

@media(min-width:1600px){

    .photo-drop-wrapper{
        grid-template-columns:44% 36% 20%;
    }

    .photo-drop-content h2{
        font-size:58px;
    }

    .photo-drop-image img{
        height:470px;
    }

    .polaroid-card{
        width:210px;
    }

    .polaroid-card img{
        height:250px;
    }

}
/*=========================================
    FAQ SECTION
=========================================*/

.faq-section{
    padding:100px 0;
    background:#f8f5ef;
}

.faq-section .container{
    max-width:1320px;
    margin:auto;
    padding:0 20px;
}


/*=========================================
    HEADING
=========================================*/

.section-heading{
    text-align:center;
    margin-bottom:50px;
}

.section-heading h2{
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#2d2d2d;
    margin:0;
}


/*=========================================
    FAQ WRAPPER
=========================================*/

.faq-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}


/*=========================================
    FAQ ITEM
=========================================*/

.faq-item{
    background:#ffffff;
    border:1px solid #e5e0d7;
    margin-bottom:18px;
    transition:.35s;
    box-shadow:0 5px 18px rgba(0,0,0,.04);
}

.faq-item:hover{
    border-color:#b98a36;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}


/*=========================================
    QUESTION
=========================================*/

.faq-question{
    width:100%;
    background:none;
    border:none;
    outline:none;
    cursor:pointer;

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

    padding:22px 25px;

    font-size:17px;
    font-weight:600;
    color:#2f2f2f;
    text-align:left;

    transition:.3s;
}

.faq-question:hover{
    color:#b98a36;
}


/*=========================================
    ICON
=========================================*/

.faq-icon{
    width:32px;
    height:32px;
    flex-shrink:0;

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

    border:1px solid #d8d8d8;
    border-radius:50%;

    font-size:20px;
    font-weight:600;

    color:#444;

    transition:.35s;
}

.faq-item.active .faq-icon{
    background:#b98a36;
    color:#fff;
    border-color:#b98a36;
    transform:rotate(45deg);
}


/*=========================================
    ANSWER
=========================================*/

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.faq-answer p{
    padding:0 25px 25px;
    margin:0;

    color:#666;
    font-size:16px;
    line-height:1.8;
}


/*=========================================
    ACTIVE
=========================================*/

.faq-item.active{
    border-color:#b98a36;
}

.faq-item.active .faq-question{
    color:#b98a36;
}


/*=========================================
    LARGE DESKTOP
=========================================*/

@media(min-width:1600px){

    .faq-question{
        padding:24px 30px;
        font-size:18px;
    }

}
/*=========================================================
BLOG ARCHIVE HERO
=========================================================*/

.blog-archive-hero{
    position:relative;
    display:flex;
    align-items:center;
    min-height:100vh;
    overflow:hidden;
    background:url("../images/reviews-hero-bg.webp") top center/cover no-repeat;
}

.blog-archive-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,
    rgba(10,10,10,.88) 0%,
    rgba(10,10,10,.72) 35%,
    rgba(10,10,10,.30) 70%,
    rgba(10,10,10,.20) 100%);
    z-index:1;
}

.blog-archive-hero .container{
    position:relative;
    z-index:2;
}

.blog-archive-content{
    max-width:700px;
    padding:170px 0 160px;
}

/*---------------------------------------------------------
Subtitle
---------------------------------------------------------*/

.blog-archive-content .hero-subtitle{
    display:inline-block;
    margin-bottom:22px;
    color:#c59d42;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

/*---------------------------------------------------------
Heading
---------------------------------------------------------*/

.blog-archive-content h1{
    margin:0;
    color:#fff;
    font-size:72px;
    line-height:1.08;
    font-weight:500;
    font-family:var(--heading-font);
}

/*---------------------------------------------------------
Divider
---------------------------------------------------------*/

.blog-archive-content .hero-divider{
    width:85px;
    height:3px;
    background:#c59d42;
    border-radius:10px;
    margin:35px 0;
}

/*---------------------------------------------------------
Description
---------------------------------------------------------*/

.blog-archive-content p{
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
}

/*---------------------------------------------------------
Stats
---------------------------------------------------------*/

.hero-stats{
    display:flex;
    gap:55px;
    margin-top:55px;
    margin-bottom:50px;
}

.hero-stat{
    position:relative;
}

.hero-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    top:10px;
    right:-28px;
    width:1px;
    height:45px;
    background:rgba(255,255,255,.15);
}

.hero-stat strong{
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:44px;
    font-family:var(--heading-font);
    font-weight:600;
    line-height:1;
}

.hero-stat span{
    display:block;
    color:rgba(255,255,255,.75);
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
}

/*---------------------------------------------------------
Button
---------------------------------------------------------*/

.hero-scroll-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:18px 36px;
    background:#c59d42;
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:60px;
    transition:.35s;
}

.hero-scroll-btn:hover{
    background:#1f3a2d;
    color:#fff;
    transform:translateY(-4px);
}

.hero-scroll-btn i{
    transition:.35s;
}

.hero-scroll-btn:hover i{
    transform:translateY(4px);
}

/*---------------------------------------------------------
Bottom Fade
---------------------------------------------------------*/

.blog-archive-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:180px;
    background:linear-gradient(to bottom,
    rgba(0,0,0,0),
    rgba(0,0,0,.08),
    #f8f5ee);
    z-index:2;
    pointer-events:none;
}

/*---------------------------------------------------------
Background Zoom Animation
---------------------------------------------------------*/

.blog-archive-hero{
    animation:archiveHeroZoom 12s ease forwards;
}

@keyframes archiveHeroZoom{

    from{
        background-size:105%;
    }

    to{
        background-size:100%;
    }

}
/*=========================================================
BLOG ARCHIVE SECTION
=========================================================*/

.blog-archive-section{
    padding:120px 0;
    background:#f8f5ee;
}

.blog-archive-wrapper{
    display:grid;
    grid-template-columns:340px 1fr;
    gap:60px;
    align-items:start;
}

/*=========================================================
SIDEBAR
=========================================================*/

.archive-sidebar{
    position:sticky;
    top:120px;
}

.archive-widget{
    background:#ffffff;
    border-radius:20px;
    padding:35px;
    margin-bottom:30px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    border:1px solid rgba(0,0,0,.05);
}

.archive-widget h3{
    margin:0 0 25px;
    font-size:22px;
    font-family:var(--heading-font);
    color:#222;
    position:relative;
}

.archive-widget h3::after{
    content:"";
    display:block;
    width:55px;
    height:3px;
    margin-top:14px;
    background:#c59d42;
    border-radius:30px;
}

/*=========================================================
SEARCH
=========================================================*/

.archive-search{
    position:relative;
}

.archive-search input{
    width:100%;
    height:58px;
    border:1px solid #ddd;
    border-radius:60px;
    padding:0 65px 0 22px;
    outline:none;
    font-size:15px;
    transition:.35s;
    background:#fafafa;
}

.archive-search input:focus{
    border-color:#c59d42;
    background:#fff;
}

.archive-search button{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border:none;
    border-radius:50%;
    background:#c59d42;
    color:#fff;
    cursor:pointer;
    transition:.35s;
}

.archive-search button:hover{
    background:#1d3d2c;
}

/*=========================================================
SIDEBAR LIST
=========================================================*/

.archive-widget ul{
    margin:0;
    padding:0;
    list-style:none;
}

.archive-widget ul li{
    margin-bottom:10px;
}

.archive-widget ul li:last-child{
    margin-bottom:0;
}

.archive-widget ul li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:13px 18px;
    color:#444;
    background:#fafafa;
    border-radius:12px;
    text-decoration:none;
    transition:.35s;
    font-size:15px;
    font-weight:500;
}

.archive-widget ul li a:hover,
.archive-widget ul li a.active{
    background:#1d3d2c;
    color:#fff;
}

.archive-widget ul li span{
    min-width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(197,157,66,.15);
    color:#c59d42;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
}

.archive-widget ul li a:hover span,
.archive-widget ul li a.active span{
    background:#c59d42;
    color:#fff;
}

/*=========================================================
CONTENT
=========================================================*/

.archive-content{
    width:100%;
}

.archive-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:45px;
}

.archive-label{
    display:block;
    margin-bottom:10px;
    color:#c59d42;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;
}

.archive-topbar h2{
    margin:0;
    font-size:46px;
    color:#222;
    font-family:var(--heading-font);
    font-weight:500;
}

.archive-topbar select{
    width:220px;
    height:54px;
    border:1px solid #ddd;
    border-radius:50px;
    padding:0 20px;
    background:#fff;
    outline:none;
    font-size:15px;
    cursor:pointer;
}

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

.archive-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/*=========================================================
CARD
=========================================================*/

.archive-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.06);
    transition:.4s;
}

.archive-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 55px rgba(0,0,0,.12);
}

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

.archive-image{
    display:block;
    position:relative;
    overflow:hidden;
}

.archive-image img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:.6s;
}

.archive-card:hover .archive-image img{
    transform:scale(1.08);
}

.archive-image span{
    position:absolute;
    top:20px;
    left:20px;
    background:#c59d42;
    color:#fff;
    padding:9px 18px;
    border-radius:40px;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:700;
}

/*=========================================================
CONTENT
=========================================================*/

.archive-card-content{
    padding:32px;
}

.archive-meta{
    display:flex;
    gap:22px;
    margin-bottom:16px;
    color:#777;
    font-size:14px;
}

.archive-card-content h3{
    margin:0 0 18px;
    font-size:30px;
    line-height:1.3;
    font-family:var(--heading-font);
    font-weight:500;
}

.archive-card-content h3 a{
    color:#222;
    text-decoration:none;
    transition:.3s;
}

.archive-card-content h3 a:hover{
    color:#c59d42;
}

.archive-card-content p{
    margin:0 0 28px;
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/*=========================================================
BUTTON
=========================================================*/

.archive-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#1d3d2c;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.archive-btn i{
    transition:.3s;
}

.archive-btn:hover{
    color:#c59d42;
}

.archive-btn:hover i{
    transform:translateX(6px);
}
/*=========================================================
EBOOK HERO
=========================================================*/

.ebook-hero{

    position:relative;

    overflow:hidden;

    padding:200px 0 100px;

    background:
    linear-gradient(rgba(11,22,18,.82),rgba(11,22,18,.82)),
    url("../images/ebook-hero-bg.webp") center center / cover no-repeat;

}

/*=========================================================
CONTAINER
=========================================================*/

.ebook-hero .container{

    display:grid;

    grid-template-columns:1fr 520px;

    gap:90px;

    align-items:center;

}

/*=========================================================
CONTENT
=========================================================*/

.ebook-hero-content{

    max-width:650px;

}

/*=========================================================
SUBTITLE
=========================================================*/

.ebook-subtitle{

    display:inline-block;

    margin-bottom:22px;

    color:#c59d42;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.ebook-subtitle::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    margin-top:14px;

    background:#c59d42;

}

/*=========================================================
HEADING
=========================================================*/

.ebook-hero-content h1{

    margin:0 0 28px;

    color:#ffffff;

    font-size:68px;

    line-height:1.1;

    font-weight:500;

    font-family:var(--heading-font);

}

/*=========================================================
DESCRIPTION
=========================================================*/

.ebook-hero-content p{

    margin:0 0 45px;

    color:rgba(255,255,255,.78);

    font-size:18px;

    line-height:1.9;

}

/*=========================================================
FEATURES
=========================================================*/

.ebook-features{

    display:grid;

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

    gap:25px;

    margin-bottom:50px;

}

.ebook-feature{

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.ebook-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#c59d42;

    color:#ffffff;

    font-size:20px;

    flex-shrink:0;

}

.ebook-feature h4{

    margin:0 0 6px;

    color:#ffffff;

    font-size:18px;

    font-weight:600;

    font-family:var(--heading-font);

}

.ebook-feature span{

    display:block;

    color:rgba(255,255,255,.75);

    font-size:14px;

    line-height:1.7;

}

/*=========================================================
BUTTONS
=========================================================*/

.ebook-hero-btns{

    display:flex;

    align-items:center;

    gap:18px;

}

.ebook-hero-btns .btn{

    min-width:190px;

    height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    transition:.35s;

}

/* Primary */

.ebook-hero-btns .btn-primary{

    background:#c59d42;

    color:#ffffff;

}

.ebook-hero-btns .btn-primary:hover{

    background:#ffffff;

    color:#1d3d2c;

}

/* Outline */

.ebook-hero-btns .btn-outline{

    border:2px solid rgba(255,255,255,.25);

    color:#ffffff;

    background:transparent;

}

.ebook-hero-btns .btn-outline:hover{

    background:#ffffff;

    color:#1d3d2c;

    border-color:#ffffff;

}

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

.ebook-hero-image{

    position:relative;

}

.ebook-hero-image img{

    width:100%;

    display:block;

    border-radius:24px;

    transform:rotate(-3deg);

    box-shadow:0 35px 70px rgba(0,0,0,.45);

    transition:.5s;

}

.ebook-hero-image:hover img{

    transform:rotate(0deg) scale(1.03);

}

/*=========================================================
BACKGROUND GLOW
=========================================================*/

.ebook-hero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    right:-180px;

    top:-120px;

    border-radius:50%;

    background:rgba(197,157,66,.12);

    filter:blur(100px);

}

.ebook-hero::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-120px;

    bottom:-160px;

    border-radius:50%;

    background:rgba(29,61,44,.45);

    filter:blur(90px);

}
/*=========================================================
FEATURED EBOOK
=========================================================*/

.featured-ebook{
    padding:120px 0;
    background:#f8f5ef;
}

/*=========================================================
WRAPPER
=========================================================*/

.featured-ebook-wrapper{

    position:relative;

    display:grid;

    grid-template-columns:320px minmax(520px,1fr) 240px;

    gap:60px;

    align-items:center;

    padding:70px;

    background:#ffffff;

    border-radius:28px;

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

    overflow:hidden;

}

.featured-ebook-wrapper::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/paper-texture.webp");

    opacity:.03;

    pointer-events:none;

}

/*=========================================================
BOOK
=========================================================*/

.featured-book-image{

    position:relative;

    text-align:center;

}

.featured-book-image img{

    width:280px;

    max-width:100%;

    display:block;

    margin:auto;

    transition:.4s;

}

.featured-book-image:hover img{

    transform:translateY(-8px);

}

/*=========================================================
BEST SELLER
=========================================================*/

.ebook-badge{

    position:absolute;

    top:15px;

    right:10px;

    width:95px;

    height:95px;

    border-radius:50%;

    background:#c59d42;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    font-size:17px;

    font-weight:700;

    text-transform:uppercase;

    line-height:1.2;

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

}

/*=========================================================
CONTENT
=========================================================*/

.featured-book-content{

    position:relative;

}

.section-label{

    display:block;

    margin-bottom:18px;

    color:#c59d42;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.featured-book-content h2{

    margin:0 0 25px;

    color:#1b1b1b;

    font-size:44px;

    line-height:1.15;

    font-weight:500;

    font-family:var(--heading-font);

    max-width:560px;

}

.featured-book-content p{

    margin:0 0 35px;

    color:#666;

    font-size:17px;

    line-height:1.9;

    max-width:560px;

}

/*=========================================================
BENEFITS
=========================================================*/

.ebook-benefits{

    margin:0;

    padding:0;

    list-style:none;

}

.ebook-benefits li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:16px;

    color:#333;

    font-size:16px;

    line-height:1.8;

}

.ebook-benefits li:last-child{

    margin-bottom:0;

}

.ebook-benefits i{

    margin-top:5px;

    color:#1d3d2c;

    font-size:18px;

}

/*=========================================================
BUTTON AREA
=========================================================*/

.ebook-bottom{

    display:flex;

    align-items:center;

    gap:30px;

    margin-top:40px;

}

.ebook-bottom .btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    height:58px;

    background:#1d3d2c;

    color:#fff;

    text-decoration:none;

    border-radius:8px;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    transition:.35s;

}

.ebook-bottom .btn:hover{

    background:#c59d42;

}

.ebook-price{

    color:#c59d42;

    font-size:34px;

    font-weight:700;

    font-family:var(--heading-font);

}

/*=========================================================
RIGHT INFO
=========================================================*/

.ebook-info{

    border-left:1px solid rgba(0,0,0,.08);

    padding-left:40px;

}

.ebook-info ul{

    margin:0;

    padding:0;

    list-style:none;

}

.ebook-info li{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:24px;

}

.ebook-info li:last-child{

    margin-bottom:0;

}

.ebook-info i{

    width:24px;

    text-align:center;

    color:#1d3d2c;

    font-size:22px;

}

.ebook-info span{

    color:#333;

    font-size:16px;

    font-weight:500;

    line-height:1.5;

}

/*=========================================================
HOVER
=========================================================*/

.featured-ebook-wrapper:hover{

    box-shadow:0 28px 70px rgba(0,0,0,.12);

}
/*=========================================================
BROWSE BY CATEGORY
=========================================================*/

.ebook-categories{

    padding:120px 0;

    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;

}

/*=========================================================
SECTION HEADING
=========================================================*/

.section-heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:35px;

    margin-bottom:70px;

}

.section-heading::before,
.section-heading::after{

    content:"";

    flex:1;

    max-width:280px;

    height:1px;

    background:#ddd3c3;

}

.section-heading span{

    color:#1d1d1d;

    font-size:40px;

    font-weight:600;

    font-family:var(--heading-font);

    text-transform:uppercase;

    letter-spacing:4px;

    white-space:nowrap;

}

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

.ebook-category-grid{

    display:grid;

    grid-template-columns:repeat(6,minmax(180px,1fr));

    gap:28px;

}

/*=========================================================
CATEGORY CARD
=========================================================*/

.ebook-category-card{

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    min-height:190px;

    padding:35px 22px;

    background:#ffffff;

    border-radius:20px;

    border:1px solid rgba(0,0,0,.06);

    text-decoration:none;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.ebook-category-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#c59d42;

    transform:scaleX(0);

    transition:.35s;

}

.ebook-category-card:hover{

    transform:translateY(-10px);

    border-color:#c59d42;

    box-shadow:0 22px 50px rgba(0,0,0,.10);

}

.ebook-category-card:hover::before{

    transform:scaleX(1);

}

/*=========================================================
ICON
=========================================================*/

.ebook-category-icon{

    width:82px;

    height:82px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f9f6f1;

    border:1px solid rgba(197,157,66,.20);

    margin-bottom:24px;

    transition:.35s;

}

.ebook-category-icon i,

.ebook-category-icon .material-symbols-outlined{

    font-size:42px;

    color:#1d3d2c;

    transition:.35s;

}

.ebook-category-card:hover .ebook-category-icon{

    background:#c59d42;

    border-color:#c59d42;

}

.ebook-category-card:hover .ebook-category-icon i,

.ebook-category-card:hover .ebook-category-icon .material-symbols-outlined{

    color:#ffffff;

    transform:scale(1.08);

}

/*=========================================================
TITLE
=========================================================*/

.ebook-category-card h3{

    margin:0 0 10px;

    color:#222;

    font-size:22px;

    line-height:1.35;

    font-weight:600;

    font-family:var(--heading-font);

    text-transform:uppercase;

    transition:.35s;

}

.ebook-category-card:hover h3{

    color:#c59d42;

}

/*=========================================================
TEXT
=========================================================*/

.ebook-category-card p{

    margin:0;

    color:#777;

    font-size:15px;

    line-height:1.7;

    transition:.35s;

}

.ebook-category-card:hover p{

    color:#444;

}

/*=========================================================
BROWSE ALL EBOOKS
=========================================================*/

/*=========================================================
BROWSE ALL EBOOKS
=========================================================*/

.ebook-store{

    padding:120px 0;

    background:#f8f5ef;

    position:relative;

    overflow:hidden;

}

.ebook-store::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/paper-texture.webp") repeat;

    opacity:.18;

    pointer-events:none;

}

/*=========================================================
CONTAINER
=========================================================*/

.ebook-store .container{

    position:relative;

    z-index:2;

}

/*=========================================================
SECTION TITLE
=========================================================*/

.ebook-store .section-heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:35px;

    margin-bottom:70px;

}

.ebook-store .section-heading::before,

.ebook-store .section-heading::after{

    content:"";

    flex:1;

    max-width:240px;

    height:1px;

    background:#d8caa8;

}

.ebook-store .section-heading span{

    color:#222;

    font-size:32px;

    font-family:var(--heading-font);

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    white-space:nowrap;

}

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

.ebook-store-grid{

    display:grid;

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

    gap:38px;

    align-items:start;

}

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

.ebook-store-grid > *{

    min-width:0;

}

/*=========================================================
EBOOK CARD
=========================================================*/

.ebook-card{

    position:relative;

    background:#ffffff;

    border-radius:24px;

    padding:28px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 18px 45px rgba(0,0,0,.06);

    transition:.4s;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    height:100%;

}

.ebook-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 65px rgba(0,0,0,.14);

    border-color:#c59d42;

}

/*=========================================================
TOP GOLD LINE
=========================================================*/

.ebook-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#c59d42;

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.ebook-card:hover::before{

    transform:scaleX(1);

}

/*=========================================================
BOOK COVER
=========================================================*/

.ebook-thumb{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    text-decoration:none;

}

.ebook-thumb img{

    width:100%;

    max-width:210px;

    display:block;

    transition:.45s;

    filter:drop-shadow(0 18px 30px rgba(0,0,0,.18));

}

.ebook-card:hover .ebook-thumb img{

    transform:translateY(-10px) rotate(-1deg) scale(1.03);

}

/*=========================================================
CONTENT
=========================================================*/

.ebook-card-content{

    display:flex;

    flex-direction:column;

    flex:1;

    text-align:center;

}

/*=========================================================
CATEGORY
=========================================================*/

.ebook-category{

    display:inline-block;

    margin-bottom:14px;

    color:#c59d42;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

/*=========================================================
TITLE
=========================================================*/

.ebook-card-content h3{

    margin:0 0 16px;

    color:#222;

    font-size:28px;

    line-height:1.35;

    font-family:var(--heading-font);

    font-weight:500;

    min-height:78px;

}

.ebook-card-content h3 a{

    color:inherit;

    text-decoration:none;

    transition:.35s;

}

.ebook-card:hover h3 a{

    color:#c59d42;

}

/*=========================================================
DESCRIPTION
=========================================================*/

.ebook-card-content p{

    margin:0 auto 24px;

    max-width:260px;

    color:#666;

    font-size:15px;

    line-height:1.8;

    min-height:82px;

}

/*=========================================================
PRICE
=========================================================*/

.ebook-card .ebook-price{

    margin-top:auto;

    margin-bottom:24px;

    color:#c59d42;

    font-size:32px;

    font-family:var(--heading-font);

    font-weight:700;

}

/*=========================================================
DIVIDER
=========================================================*/

.ebook-card-content::before{

    content:"";

    width:70px;

    height:1px;

    background:#e6d9b8;

    margin:0 auto 22px;

    order:-1;

}

/*=========================================================
VIEW BUTTON
=========================================================*/

.ebook-view-btn{

    width:100%;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:10px;

    background:#1d3d2c;

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    cursor:pointer;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.ebook-view-btn::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;

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

    transition:.5s;

}

.ebook-view-btn:hover::before{

    left:100%;

}

.ebook-view-btn:hover{

    background:#c59d42;

}

/*=========================================================
OPTIONAL RIBBON
=========================================================*/

.ebook-sale{

    position:absolute;

    top:18px;

    left:-40px;

    width:150px;

    padding:10px 0;

    background:#c59d42;

    color:#ffffff;

    text-align:center;

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transform:rotate(-45deg);

    z-index:5;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}

/*=========================================================
IMAGE SHADOW
=========================================================*/

.ebook-thumb{

    position:relative;

}

.ebook-thumb::after{

    content:"";

    position:absolute;

    bottom:8px;

    left:50%;

    transform:translateX(-50%);

    width:65%;

    height:18px;

    border-radius:50%;

    background:rgba(0,0,0,.15);

    filter:blur(10px);

    transition:.4s;

}

.ebook-card:hover .ebook-thumb::after{

    width:58%;

    opacity:.55;

}

/*=========================================================
CARD HOVER
=========================================================*/

.ebook-card:hover{

    background:#fffdf9;

}

/*=========================================================
TITLE HOVER
=========================================================*/

.ebook-card:hover h3{

    color:#c59d42;

}

/*=========================================================
PRICE HOVER
=========================================================*/

.ebook-card:hover .ebook-price{

    transform:scale(1.05);

}

.ebook-price{

    transition:.35s;

}

/*=========================================================
SUBTLE GOLD GLOW
=========================================================*/

.ebook-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    box-shadow:inset 0 0 0 1px rgba(197,157,66,.05);

    pointer-events:none;

}

/*=========================================================
BOTTOM SPACING
=========================================================*/

.ebook-card-content{

    padding-bottom:6px;

}

/*=========================================================
BOOK COVER ANIMATION
=========================================================*/

.ebook-thumb img{

    transform-origin:center bottom;

}

/*=========================================================
PREMIUM EFFECT
=========================================================*/

.ebook-card{

    backdrop-filter:blur(5px);

}

/*=========================================================
SMOOTH
=========================================================*/

.ebook-card,
.ebook-thumb img,
.ebook-price,
.ebook-view-btn{

    transition:all .35s ease;

}
/*=========================================================
EBOOK POPUP
=========================================================*/

.ebook-modal{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

    padding:50px;

}

.ebook-modal.active{

    display:flex;

}

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

.ebook-modal-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(8px);

}

/*=========================================================
POPUP BOX
=========================================================*/

/*=========================================================
POPUP BOX
=========================================================*/

.ebook-modal-box{

    position:relative;

    width:90%;

    max-width:1000px;

    max-height:90vh;

    overflow-y:auto;

    background:#ffffff;

    border-radius:24px;

    display:grid;

    grid-template-columns:320px 1fr;

    gap:45px;

    padding:45px;

    z-index:2;

    animation:popupShow .35s ease;

    box-shadow:0 30px 80px rgba(0,0,0,.25);

}

@keyframes popupShow{

    from{

        opacity:0;

        transform:translateY(40px) scale(.95);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

/*=========================================================
CLOSE BUTTON
=========================================================*/

.ebook-modal-close{

    position:absolute;

    top:18px;

    right:18px;

    width:46px;

    height:46px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    color:#222;

    font-size:22px;

    cursor:pointer;

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

    z-index:999;

    transition:.3s;

}

.ebook-modal-close i{

    font-size:18px;

    color:#333;

}

.ebook-modal-close:hover{

    background:#c59d42;

    color:#ffffff;

}

.ebook-modal-close:hover i{

    color:#fff;

}

/*=========================================================
LEFT SIDE
=========================================================*/

.ebook-modal-image{

    position:relative;

    text-align:center;

}

.ebook-modal-image img{

    width:100%;

    max-width:300px;

    display:block;

    margin:auto;

}

.ebook-modal-badge{

    position:absolute;

    top:10px;

    right:15px;

    padding:10px 18px;

    background:#c59d42;

    color:#fff;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    border-radius:40px;

    letter-spacing:1px;

}

/*=========================================================
RIGHT SIDE
=========================================================*/

.ebook-modal-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.ebook-modal-category{

    display:inline-block;

    margin-bottom:15px;

    color:#c59d42;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.ebook-modal-content h2{

    margin:0 0 25px;

    color:#1d1d1d;

    font-size:46px;

    line-height:1.2;

    font-family:var(--heading-font);

    font-weight:500;

}

.ebook-modal-content p{

    margin:0 0 35px;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

/*=========================================================
FEATURE LIST
=========================================================*/

.ebook-modal-features{

    margin:0 0 35px;

    padding:0;

    list-style:none;

}

.ebook-modal-features li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:16px;

    color:#333;

    font-size:16px;

}

.ebook-modal-features li:last-child{

    margin-bottom:0;

}

.ebook-modal-features i{

    color:#1d3d2c;

    margin-top:3px;

}

/*=========================================================
INFO
=========================================================*/

.ebook-modal-info{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.ebook-modal-info div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#555;

    font-size:15px;

}

.ebook-modal-info i{

    color:#c59d42;

    font-size:20px;

}

/*=========================================================
BOTTOM
=========================================================*/

.ebook-modal-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding-top:30px;

    border-top:1px solid #eeeeee;

}

/*=========================================================
PRICE
=========================================================*/

.ebook-modal-price{

    color:#c59d42;

    font-size:38px;

    font-family:var(--heading-font);

    font-weight:700;

}

/*=========================================================
BUTTONS
=========================================================*/

.ebook-modal-buttons{

    display:flex;

    gap:18px;

}

.ebook-modal-buttons .btn{

    min-width:170px;

    height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:8px;

    background:#1d3d2c;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    transition:.35s;

}

.ebook-modal-buttons .btn:hover{

    background:#c59d42;

}

.ebook-modal-buttons .btn-outline{

    background:#ffffff;

    color:#1d3d2c;

    border:1px solid #1d3d2c;

}

.ebook-modal-buttons .btn-outline:hover{

    background:#1d3d2c;

    color:#ffffff;

}
/*=========================================================
POPUP RESPONSIVE & ANIMATIONS
=========================================================*/

/*=========================================================
SCROLL
=========================================================*/

.ebook-modal{

    position:fixed;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

    background:rgba(0,0,0,.75);

    z-index:9999;

    overflow-y:auto;

}

.ebook-modal::-webkit-scrollbar{

    width:8px;

}

.ebook-modal::-webkit-scrollbar-thumb{

    background:#c59d42;

    border-radius:50px;

}

/*=========================================================
SMOOTH ANIMATION
=========================================================*/

.ebook-modal{

    opacity:0;

    visibility:hidden;

    transition:.35s;

}

.ebook-modal.active{

    opacity:1;

    visibility:visible;

}

.ebook-modal-box{

    transform:translateY(50px);

    opacity:0;

    transition:.45s ease;

}

.ebook-modal.active .ebook-modal-box{

    transform:translateY(0);

    opacity:1;

}

/*=========================================================
IMAGE EFFECT
=========================================================*/

.ebook-modal-image img{

    transition:.45s;

}

.ebook-modal-image:hover img{

    transform:scale(1.04);

}

/*=========================================================
BUTTON EFFECT
=========================================================*/

.ebook-modal-buttons .btn{

    position:relative;

    overflow:hidden;

}

.ebook-modal-buttons .btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

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

    transition:.45s;

}

.ebook-modal-buttons .btn:hover::before{

    left:100%;

}

/*=========================================================
FEATURE ICON
=========================================================*/

.ebook-modal-features li i{

    transition:.3s;

}

.ebook-modal-features li:hover i{

    transform:scale(1.2);

    color:#c59d42;

}

/*=========================================================
INFO BOX
=========================================================*/

.ebook-modal-info div{

    padding:16px 18px;

    border-radius:12px;

    background:#fafafa;

    transition:.35s;

}

.ebook-modal-info div:hover{

    background:#f4efe3;

}

/*=========================================================
PRICE
=========================================================*/

.ebook-modal-price{

    white-space:nowrap;

}

/*=========================================================
DESKTOP LARGE
=========================================================*/

@media(min-width:1600px){

    .ebook-modal-box{

        max-width:1320px;

    }

}

/*=========================================================
LAPTOP
=========================================================*/

@media(max-width:1200px){

    .ebook-modal-box{

        grid-template-columns:320px 1fr;

        gap:40px;

        padding:45px;

    }

    .ebook-modal-content h2{

        font-size:38px;

    }

}

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

@media(max-width:992px){

    .ebook-modal{

        padding:30px;

    }

    .ebook-modal-box{

        grid-template-columns:1fr;

        text-align:center;

    }

    .ebook-modal-image{

        margin-bottom:20px;

    }

    .ebook-modal-image img{

        max-width:260px;

    }

    .ebook-modal-content{

        align-items:center;

    }

    .ebook-modal-features{

        text-align:left;

        width:100%;

    }

    .ebook-modal-info{

        grid-template-columns:1fr 1fr;

        width:100%;

    }

    .ebook-modal-bottom{

        flex-direction:column;

        align-items:center;

    }

}

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

@media(max-width:768px){

    .ebook-modal{

        padding:20px;

    }

    .ebook-modal-box{

        padding:35px 25px;

    }

    .ebook-modal-content h2{

        font-size:30px;

    }

    .ebook-modal-content p{

        font-size:16px;

    }

    .ebook-modal-info{

        grid-template-columns:1fr;

    }

    .ebook-modal-buttons{

        width:100%;

        flex-direction:column;

    }

    .ebook-modal-buttons .btn{

        width:100%;

    }

    .ebook-modal-price{

        font-size:32px;

    }

}

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

@media(max-width:480px){

    .ebook-modal-box{

        padding:30px 20px;

    }

    .ebook-modal-close{

        top:15px;

        right:15px;

        width:40px;

        height:40px;

    }

    .ebook-modal-image img{

        max-width:220px;

    }

    .ebook-modal-content h2{

        font-size:26px;

    }

}
/*=========================================================
GALLERY HERO
=========================================================*/

.gallery-hero{
    position:relative;
    display:flex;
    align-items:center;
    min-height:92vh;
    overflow:hidden;
    background:url("../images/gallery-hero.png") center center/cover no-repeat;
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,
    rgba(10,10,10,.88) 0%,
    rgba(10,10,10,.72) 34%,
    rgba(10,10,10,.30) 68%,
    rgba(10,10,10,.15) 100%);
}

.gallery-hero .container{
    position:relative;
    z-index:2;
}

.gallery-hero-content{
    width:100%;
    max-width:620px;
    padding:180px 0 150px;
}

.gallery-label{
    display:inline-block;
    margin-bottom:22px;
    color:#C59D42;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.gallery-hero-content h1{
    margin:0 0 28px;
    color:#ffffff;
    font-size:74px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-2px;
}

.gallery-hero-content p{
    max-width:560px;
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:20px;
    line-height:1.9;
    font-weight:400;
}

.gallery-scroll{
    display:inline-flex;
    align-items:center;
    gap:18px;
    margin-top:55px;
    color:#ffffff;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    text-decoration:none;
    transition:.35s;
}

.gallery-scroll:hover{
    color:#C59D42;
}

.scroll-circle{
    width:56px;
    height:56px;
    border:2px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.gallery-scroll:hover .scroll-circle{
    border-color:#C59D42;
    background:#C59D42;
    color:#111;
}

.scroll-circle i{
    font-size:20px;
}



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

.gallery-stats{
    position:relative;
    margin-top:-70px;
    z-index:20;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#161616;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.stat-box{
    display:flex;
    align-items:center;
    gap:22px;
    padding:38px 35px;
    border-right:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.stat-box:last-child{
    border-right:none;
}

.stat-box:hover{
    background:#1d1d1d;
}

.stat-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    background:rgba(197,157,66,.12);
    border:1px solid rgba(197,157,66,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.stat-icon i{
    font-size:30px;
    color:#C59D42;
}

.stat-content h2{
    margin:0 0 6px;
    color:#ffffff;
    font-size:40px;
    font-weight:700;
    line-height:1;
}

.stat-content span{
    display:block;
    color:#bbbbbb;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
}



/*=========================================================
LARGE DESKTOP
=========================================================*/

@media(min-width:1600px){

.gallery-hero-content{
    max-width:700px;
}

.gallery-hero-content h1{
    font-size:88px;
}

.gallery-hero-content p{
    font-size:22px;
}

.stat-box{
    padding:45px;
}

}



/*=========================================================
STANDARD DESKTOP
=========================================================*/

@media(max-width:1200px){

.gallery-hero-content h1{
    font-size:60px;
}

.gallery-hero-content p{
    font-size:18px;
}

.stat-box{
    padding:30px 25px;
}

.stat-content h2{
    font-size:34px;
}

}
/*=========================================================
FEATURED COLLECTIONS - DESKTOP
=========================================================*/

.featured-section{
    width:100%;
    padding:70px 0;
    background:#f8f7f3;
    overflow:hidden;
}


/* Header */

.featured-header{

    width:calc(100% - 120px);
    margin:0 auto 35px;

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

}


.featured-header h2{

    margin:0;

    font-size:20px;
    line-height:1.2;

    font-family:"Montserrat Alternates", sans-serif;

    letter-spacing:1.5px;
    font-weight:700;

    color:#1e1e1e;

}



.featured-header a{

    display:flex;
    align-items:center;
    gap:10px;

    text-decoration:none;

    font-size:13px;
    font-weight:600;

    letter-spacing:.5px;

    color:#333;

}


.featured-header a span{

    font-size:22px;
    line-height:0;

}



/* Slider */

.featured-slider{

    width:100%;
    overflow:hidden;

}



.featured-track{

    display:flex;

    gap:18px;

    width:max-content;

    animation:collectionScroll 40s linear infinite;

}



.featured-slider:hover .featured-track{

    animation-play-state:paused;

}



/* Card */

.collection-card{

    position:relative;

    width:220px;
    height:160px;

    flex-shrink:0;

    overflow:hidden;

    border-radius:4px;

    cursor:pointer;

}



.collection-card img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.5s ease;

}



.collection-card:hover img{

    transform:scale(1.08);

}



/* Dark Overlay */

.collection-card .overlay{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,0.05) 65%
    );

}



/* Content */

.card-content{

    position:absolute;

    left:18px;
    bottom:16px;

    color:#fff;

    z-index:2;

}



.card-content h3{

    margin:0 0 7px;

    font-family:Georgia, serif;

    font-size:18px;

    font-weight:600;

    color:#fff;

}



.card-content p{

    margin:0;

    font-size:12px;

    color:#eee;

    font-family:Arial,sans-serif;

}



/* Infinite Scroll */

@keyframes collectionScroll{

    0%{
        transform:translateX(0);
    }

    100%{

        transform:translateX(-50%);

    }

}



/* Large Desktop */

@media(min-width:1440px){

    .featured-header{

        width:calc(100% - 160px);

    }


    .collection-card{

        width:250px;
        height:180px;

    }


    .featured-track{

        gap:22px;

    }

}

/*=========================================================
WILD GALLERY SECTION
=========================================================*/

.wild-gallery-section{
    width:100%;
    padding:100px 0;
    background:
    url("../images/paper-texture.webp") repeat,
    #f8f5ef;
}


/*=========================================================
HEADER
=========================================================*/

.gallery-header{
    width:90%;
    max-width:1200px;
    margin:0 auto 50px;
    text-align:center;
}


.gallery-header h2{
    font-size:42px;
    font-weight:600;
    letter-spacing:2px;
    color:#1c2b23;
    margin-bottom:35px;
    font-family:'Montserrat Alternates', sans-serif;
}


/*=========================================================
FILTER MENU
=========================================================*/

.gallery-filter{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    flex-wrap:wrap;
}


.gallery-filter a{
    position:relative;
    text-decoration:none;
    color:#555;
    font-size:14px;
    letter-spacing:1.5px;
    font-weight:500;
    transition:.3s ease;
}


.gallery-filter a:hover,
.gallery-filter a.active{
    color:#b97548;
}


.gallery-filter a.active:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:2px;
    background:#b97548;
}



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

.wild-gallery-grid{

    width:90%;
    max-width:1200px;
    margin:auto;

    display:grid;

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

    grid-auto-rows:260px;

    gap:20px;

}


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

.gallery-item{

    position:relative;
    overflow:hidden;
    border-radius:4px;
}


.gallery-item img{

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

    display:block;

    transition:
    transform .6s ease;

}



.gallery-item:hover img{

    transform:scale(1.08);

}



/*=========================================================
GRID SPECIAL SIZE
=========================================================*/


.gallery-item.large{

    grid-column:span 2;
    grid-row:span 2;

}



.gallery-item.wide{

    grid-column:span 2;

}



/*=========================================================
OVERLAY EFFECT
=========================================================*/


.gallery-item:after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.35),
        transparent
    );

    opacity:0;

    transition:.4s ease;

}



.gallery-item:hover:after{

    opacity:1;

}



/*=========================================================
BUTTON
=========================================================*/


.gallery-button{

    text-align:center;

    margin-top:55px;

}



.load-more-btn{

    display:inline-block;

    padding:15px 40px;

    border:1px solid #b97548;

    color:#b97548;

    text-decoration:none;

    font-size:14px;

    letter-spacing:2px;

    font-weight:500;

    transition:.3s ease;

}



.load-more-btn:hover{

    background:#b97548;

    color:#fff;

}



/*=========================================================
DESKTOP LARGE SCREEN
=========================================================*/

@media(min-width:1400px){

    .wild-gallery-grid{

        max-width:1350px;

        grid-auto-rows:300px;

    }

}
/*=========================================
PHOTO STORIES SECTION
=========================================*/


.photo-stories-section{
    width:100%;
    background:#0c0d0d;
    padding:60px 0;
    overflow:hidden;
}



/* HEADER */

.photo-stories-header{

    width:100%;
    padding:0 50px;
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:25px;

}


.photo-stories-header h2{

    color:#ffffff;
    font-size:18px;
    letter-spacing:2px;
    font-weight:600;
    margin:0;

}


.view-all{

    color:#c59b52;
    text-decoration:none;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;

}


.view-all span{

    font-size:22px;
    vertical-align:middle;
    margin-left:8px;

}



/* SLIDER */

.stories-slider{

    width:100%;
    overflow:hidden;

}


.stories-track{

    display:flex;
    gap:10px;
    width:max-content;

    animation:
    storyScroll 25s linear infinite;

}


.stories-slider:hover .stories-track{

    animation-play-state:paused;

}



/* CARD */


.story-card{

    position:relative;
    width:240px;
    height:145px;

    border:1px solid rgba(255,255,255,0.25);

    overflow:hidden;

    flex-shrink:0;

    border-radius:3px;

}



.story-card img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.5s ease;

}



.story-card:hover img{

    transform:scale(1.08);

}



/* DARK OVERLAY */


.story-card:after{

    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.85),
        transparent 60%
    );

}



/* CONTENT */


.story-overlay{

    position:absolute;
    bottom:12px;
    left:15px;

    z-index:2;

}



.story-overlay h3{

    color:#fff;

    font-size:15px;
    font-family:
    "Montserrat Alternates",
    sans-serif;

    font-weight:500;

    margin:0 0 8px;

}



.story-overlay span{

    color:#ddd;

    font-size:11px;

    letter-spacing:1px;

}



/* AUTO SCROLL ANIMATION */


@keyframes storyScroll{


    from{

        transform:translateX(0);

    }


    to{

        transform:translateX(-50%);

    }


}
/*=========================================
WILDLIFE CATEGORY SECTION
=========================================*/

.wild-category-section{
    width:100%;
    background:#0d0d0c;
    padding:70px 0;
}


.wild-category-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


.wild-category-container h2{
    font-family:"Montserrat", sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:1px;
    color:#e6e1d5;
    margin-bottom:25px;
}


/* GRID */

.wild-category-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid rgba(183,135,47,0.45);
}


/* BOX */

.wild-category-box{

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

    border-right:1px solid rgba(183,135,47,0.35);

    transition:0.3s ease;
}


.wild-category-box:last-child{
    border-right:none;
}


/* ICON */

.wild-category-box i{

    font-size:25px;
    color:#b88732;
    margin-bottom:10px;

}


/* TITLE */

.wild-category-box h3{

    margin:0;
    font-size:13px;
    font-family:"Montserrat",sans-serif;
    font-weight:600;
    letter-spacing:1px;
    color:#ddd6c5;

}


/* COUNT */

.wild-category-box span{

    margin-top:4px;
    font-size:12px;
    color:#9d9a91;
    font-family:"Montserrat",sans-serif;

}


/* HOVER */

.wild-category-box:hover{

    background:rgba(184,135,50,0.08);

}


.wild-category-box:hover i{

    color:#d3a64a;

}