{"id":9,"date":"2026-09-25T12:59:11","date_gmt":"2026-09-25T12:59:11","guid":{"rendered":"https:\/\/isangedigital.com\/wildtrek\/?page_id=9"},"modified":"2026-09-30T01:14:00","modified_gmt":"2026-09-30T01:14:00","slug":"home","status":"publish","type":"page","link":"https:\/\/isangedigital.com\/wildtrek\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6fd15 e-con e-atomic-element e-flexbox-base e-default-div e-2631fca \" data-id=\"2a6fd15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2a6fd15\">\n    \t\t<div class=\"elementor-element elementor-element-c55da62 elementor-widget elementor-widget-html\" data-id=\"c55da62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     HERO SECTION\r\n========================= -->\r\n<section class=\"wta-hero\" id=\"home\" aria-label=\"Featured East Africa Safari Experiences\">\r\n\r\n    <!-- Background Slides -->\r\n    <div class=\"wta-hero-slides\" aria-hidden=\"true\">\r\n\r\n        <!-- Gorilla Trekking -->\r\n        <div\r\n            class=\"wta-hero-slide active\"\r\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1667504319000-8133f9021cf8?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');\"\r\n        ><\/div>\r\n\r\n        <!-- Chimpanzee Tracking -->\r\n        <div\r\n            class=\"wta-hero-slide\"\r\n            style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/6fdf73_a34b62db82e34b739397dab41a2ae680~mv2.jpg\/v1\/fill\/w_2400,h_1547,al_c,q_90,enc_auto\/6fdf73_a34b62db82e34b739397dab41a2ae680~mv2.jpg');\"\r\n        ><\/div>\r\n\r\n        <!-- Helicopter Transfers -->\r\n        <div\r\n            class=\"wta-hero-slide\"\r\n            style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/6fdf73_6ae9cced234c4453a250561b6bac6863~mv2.jpg\/v1\/fill\/w_1800,h_1200,al_c,q_85,enc_auto\/6fdf73_6ae9cced234c4453a250561b6bac6863~mv2.jpg');\"\r\n        ><\/div>\r\n\r\n        <!-- Cultural Experiences -->\r\n        <div\r\n            class=\"wta-hero-slide\"\r\n            style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/6fdf73_ac4e9cd88dc0421ea38c587efe051770~mv2.jpg\/v1\/fill\/w_2400,h_1600,al_c,q_90,enc_auto\/6fdf73_ac4e9cd88dc0421ea38c587efe051770~mv2.jpg');\"\r\n        ><\/div>\r\n\r\n        <!-- Great Migration -->\r\n        <div\r\n            class=\"wta-hero-slide\"\r\n            style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/6fdf73_859d026c08274b53933570d29b7e5b62~mv2.jpg\/v1\/fill\/w_1800,h_900,al_c,q_85,enc_auto\/6fdf73_859d026c08274b53933570d29b7e5b62~mv2.jpg');\"\r\n        ><\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Hero Content -->\r\n    <div class=\"wta-hero-container\">\r\n\r\n        <div class=\"wta-hero-content\">\r\n\r\n            <p class=\"wta-hero-kicker\" id=\"wtaHeroKicker\">\r\n                Private East Africa Journeys\r\n            <\/p>\r\n\r\n            <h1 class=\"wta-hero-title\" id=\"wtaHeroTitle\">\r\n                Gorilla Trekking Tours\r\n            <\/h1>\r\n\r\n            <p class=\"wta-hero-description\" id=\"wtaHeroDescription\">\r\n                Travel through Rwanda and Uganda on carefully designed private\r\n                journeys that pair rare primate encounters with polished local\r\n                service.\r\n            <\/p>\r\n\r\n            <div class=\"wta-hero-buttons\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n                    class=\"wta-btn wta-btn-primary\"\r\n                    id=\"wtaHeroPrimary\"\r\n                >\r\n                    Reserve Your Gorilla Permit\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#destinations\"\r\n                    class=\"wta-btn wta-btn-outline\"\r\n                >\r\n                    Explore East Africa\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Slider Navigation -->\r\n    <div class=\"wta-hero-navigation\">\r\n\r\n        <button\r\n            class=\"wta-hero-dot active\"\r\n            type=\"button\"\r\n            data-slide=\"0\"\r\n            aria-label=\"Show Gorilla Trekking\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"wta-hero-dot\"\r\n            type=\"button\"\r\n            data-slide=\"1\"\r\n            aria-label=\"Show Chimpanzee Tracking\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"wta-hero-dot\"\r\n            type=\"button\"\r\n            data-slide=\"2\"\r\n            aria-label=\"Show Helicopter Transfers\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"wta-hero-dot\"\r\n            type=\"button\"\r\n            data-slide=\"3\"\r\n            aria-label=\"Show Cultural Experiences\"\r\n        ><\/button>\r\n\r\n        <button\r\n            class=\"wta-hero-dot\"\r\n            type=\"button\"\r\n            data-slide=\"4\"\r\n            aria-label=\"Show Great Migration\"\r\n        ><\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <a href=\"#destinations\" class=\"wta-scroll-down\" aria-label=\"Scroll down\">\r\n        <span><\/span>\r\n        Explore\r\n    <\/a>\r\n    \r\n    <style>\r\n        \r\n        \/* ========================================\r\n   WILD TREK AFRICA - HERO SECTION\r\n======================================== *\/\r\n\r\n.wta-hero,\r\n.wta-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wta-hero {\r\n    --wta-white: #ffffff;\r\n    --wta-dark: #071108;\r\n    --wta-green: #18351e;\r\n    --wta-green-light: #294f31;\r\n    --wta-cream: #ebdfbe;\r\n    --wta-transition: 0.35s ease;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    min-height: 100svh;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--wta-white);\r\n    background: var(--wta-dark);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   BACKGROUND SLIDES\r\n======================================== *\/\r\n\r\n.wta-hero-slides {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n}\r\n\r\n.wta-hero-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: 0;\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n\r\n    transform: scale(1.04);\r\n\r\n    transition:\r\n        opacity 1s ease,\r\n        transform 8s ease;\r\n}\r\n\r\n.wta-hero-slide.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n\r\n\/* Dark Overlay *\/\r\n\r\n.wta-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(3, 8, 4, 0.88) 0%,\r\n            rgba(3, 8, 4, 0.66) 32%,\r\n            rgba(3, 8, 4, 0.32) 58%,\r\n            rgba(3, 8, 4, 0.08) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* Bottom Gradient *\/\r\n\r\n.wta-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(2, 7, 3, 0.72) 0%,\r\n            rgba(2, 7, 3, 0.18) 34%,\r\n            transparent 58%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CONTAINER\r\n======================================== *\/\r\n\r\n.wta-hero-container {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(100% - 50px, 1380px);\r\n\r\n    margin: 0 auto;\r\n    padding-top: 180px;\r\n    padding-bottom: 100px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   HERO CONTENT\r\n======================================== *\/\r\n\r\n.wta-hero-content {\r\n    max-width: 830px;\r\n}\r\n\r\n\r\n\/* Kicker *\/\r\n\r\n.wta-hero-kicker {\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--wta-cream);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* Main Heading *\/\r\n\r\n.wta-hero-title {\r\n    max-width: 900px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--wta-white);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(48px, 6.5vw, 100px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -4px;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n\/* Description *\/\r\n\r\n.wta-hero-description {\r\n    max-width: 680px;\r\n\r\n    margin: 27px 0 34px;\r\n\r\n    color: rgba(255, 255, 255, 0.84);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: clamp(16px, 1.5vw, 20px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   BUTTONS\r\n======================================== *\/\r\n\r\n.wta-hero-buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n.wta-btn {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 56px;\r\n\r\n    padding: 15px 27px;\r\n\r\n    border-radius: 3px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background var(--wta-transition),\r\n        color var(--wta-transition),\r\n        border-color var(--wta-transition),\r\n        transform var(--wta-transition);\r\n}\r\n\r\n\r\n.wta-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* Primary Button *\/\r\n\r\n.wta-btn-primary {\r\n    color: var(--wta-dark);\r\n\r\n    background: var(--wta-cream);\r\n\r\n    border: 1px solid var(--wta-cream);\r\n}\r\n\r\n.wta-btn-primary:hover {\r\n    color: var(--wta-white);\r\n\r\n    background: var(--wta-green);\r\n\r\n    border-color: var(--wta-green);\r\n}\r\n\r\n\r\n\/* Outline Button *\/\r\n\r\n.wta-btn-outline {\r\n    color: var(--wta-white);\r\n\r\n    background: rgba(255, 255, 255, 0.04);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.65);\r\n\r\n    backdrop-filter: blur(6px);\r\n}\r\n\r\n.wta-btn-outline:hover {\r\n    color: var(--wta-dark);\r\n\r\n    background: var(--wta-white);\r\n\r\n    border-color: var(--wta-white);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   SLIDER NAVIGATION\r\n======================================== *\/\r\n\r\n.wta-hero-navigation {\r\n    position: absolute;\r\n\r\n    right: max(25px, calc((100vw - 1380px) \/ 2));\r\n\r\n    bottom: 56px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.wta-hero-dot {\r\n    display: block;\r\n\r\n    width: 35px;\r\n    height: 4px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50px;\r\n\r\n    cursor: pointer;\r\n\r\n    background: rgba(255, 255, 255, 0.35);\r\n\r\n    transition:\r\n        width 0.4s ease,\r\n        background 0.4s ease;\r\n}\r\n\r\n\r\n.wta-hero-dot:hover {\r\n    background: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n\r\n.wta-hero-dot.active {\r\n    width: 65px;\r\n\r\n    background: var(--wta-cream);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   SCROLL INDICATOR\r\n======================================== *\/\r\n\r\n.wta-scroll-down {\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    bottom: 32px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: rgba(255, 255, 255, 0.7);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-decoration: none;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transform: translateX(-50%);\r\n}\r\n\r\n\r\n.wta-scroll-down span {\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 1px;\r\n\r\n    height: 35px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\r\n.wta-scroll-down span::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -100%;\r\n\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    background: var(--wta-white);\r\n\r\n    animation: wtaScrollLine 2s infinite;\r\n}\r\n\r\n\r\n@keyframes wtaScrollLine {\r\n\r\n    0% {\r\n        top: -100%;\r\n    }\r\n\r\n    50% {\r\n        top: 0;\r\n    }\r\n\r\n    100% {\r\n        top: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CONTENT CHANGE ANIMATION\r\n======================================== *\/\r\n\r\n.wta-content-changing {\r\n    animation: wtaContentFade 0.6s ease;\r\n}\r\n\r\n\r\n@keyframes wtaContentFade {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TABLET\r\n======================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .wta-hero-container {\r\n        width: min(100% - 40px, 1000px);\r\n\r\n        padding-top: 150px;\r\n        padding-bottom: 110px;\r\n    }\r\n\r\n\r\n    .wta-hero-title {\r\n        font-size: clamp(46px, 8vw, 75px);\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n\r\n    .wta-hero-navigation {\r\n        right: 25px;\r\n        bottom: 36px;\r\n    }\r\n\r\n\r\n    .wta-scroll-down {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n======================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .wta-hero {\r\n        min-height: 760px;\r\n    }\r\n\r\n\r\n    .wta-hero::before {\r\n        background:\r\n            linear-gradient(\r\n                to top,\r\n                rgba(3, 8, 4, 0.94) 0%,\r\n                rgba(3, 8, 4, 0.68) 50%,\r\n                rgba(3, 8, 4, 0.25) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .wta-hero-container {\r\n        width: calc(100% - 36px);\r\n\r\n        padding-top: 150px;\r\n\r\n        padding-bottom: 125px;\r\n    }\r\n\r\n\r\n    .wta-hero-content {\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .wta-hero-kicker {\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n\r\n    .wta-hero-title {\r\n        font-size: clamp(42px, 13vw, 62px);\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .wta-hero-description {\r\n        margin: 22px 0 28px;\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .wta-hero-buttons {\r\n        align-items: stretch;\r\n\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    .wta-btn {\r\n        width: 100%;\r\n\r\n        min-height: 55px;\r\n    }\r\n\r\n\r\n    .wta-hero-navigation {\r\n        right: auto;\r\n\r\n        left: 18px;\r\n\r\n        bottom: 45px;\r\n    }\r\n\r\n\r\n    .wta-hero-dot {\r\n        width: 25px;\r\n    }\r\n\r\n\r\n    .wta-hero-dot.active {\r\n        width: 46px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   VERY SMALL MOBILE\r\n======================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .wta-hero-container {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n\r\n    .wta-hero-title {\r\n        font-size: 40px;\r\n    }\r\n\r\n\r\n    .wta-hero-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n======================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wta-hero-slide,\r\n    .wta-btn,\r\n    .wta-hero-dot {\r\n        transition: none;\r\n    }\r\n\r\n\r\n    .wta-scroll-down span::after {\r\n        animation: none;\r\n    }\r\n\r\n}\r\n        \r\n        \r\n    <\/style>\r\n    \r\n    <script>\r\n        \r\n        \r\n        \/* ========================================\r\n   WILD TREK AFRICA - HERO SLIDER\r\n======================================== *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \"use strict\";\r\n\r\n    const heroSlides = document.querySelectorAll(\".wta-hero-slide\");\r\n    const heroDots = document.querySelectorAll(\".wta-hero-dot\");\r\n\r\n    const heroKicker = document.getElementById(\"wtaHeroKicker\");\r\n    const heroTitle = document.getElementById(\"wtaHeroTitle\");\r\n    const heroDescription = document.getElementById(\"wtaHeroDescription\");\r\n    const heroPrimary = document.getElementById(\"wtaHeroPrimary\");\r\n\r\n\r\n\r\n    \/* ========================================\r\n       SLIDE CONTENT\r\n    ======================================== *\/\r\n\r\n    const heroContent = [\r\n\r\n        {\r\n            kicker: \"Private East Africa Journeys\",\r\n\r\n            title: \"Gorilla Trekking Tours\",\r\n\r\n            description:\r\n                \"Travel through Rwanda and Uganda on carefully designed private journeys that pair rare primate encounters with polished local service.\",\r\n\r\n            button:\r\n                \"Reserve Your Gorilla Permit\",\r\n\r\n            link:\r\n                \"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n        },\r\n\r\n\r\n        {\r\n            kicker: \"Nyungwe National Park\",\r\n\r\n            title: \"Chimpanzee Tracking\",\r\n\r\n            description:\r\n                \"Walk through one of Africa\u2019s oldest rainforests in search of chimpanzees, other primates and the remarkable biodiversity of Nyungwe.\",\r\n\r\n            button:\r\n                \"Customize Your Primate Adventure\",\r\n\r\n            link:\r\n                \"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n        },\r\n\r\n\r\n        {\r\n            kicker: \"Private Air Transfers\",\r\n\r\n            title: \"Seamless Helicopter Transfers\",\r\n\r\n            description:\r\n                \"Reduce road time with private air connections between Kigali and key safari regions, creating more time for the experiences you came to enjoy.\",\r\n\r\n            button:\r\n                \"Plan a Helicopter Transfer\",\r\n\r\n            link:\r\n                \"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n        },\r\n\r\n\r\n        {\r\n            kicker: \"Culture Across East Africa\",\r\n\r\n            title: \"Where Traditions Endure\",\r\n\r\n            description:\r\n                \"Meet communities, hear local stories and experience living traditions as part of a safari that goes beyond wildlife alone.\",\r\n\r\n            button:\r\n                \"Design a Cultural Journey\",\r\n\r\n            link:\r\n                \"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n        },\r\n\r\n\r\n        {\r\n            kicker: \"Kenya & Tanzania\",\r\n\r\n            title: \"Follow the Great Migration\",\r\n\r\n            description:\r\n                \"Witness one of nature\u2019s greatest wildlife movements across the plains of the Serengeti and Maasai Mara with a route planned around the season.\",\r\n\r\n            button:\r\n                \"Design a Migration Safari\",\r\n\r\n            link:\r\n                \"https:\/\/www.wildtrekafrica.com\/contact-wild-trek-africa\"\r\n        }\r\n\r\n    ];\r\n\r\n\r\n\r\n    let currentSlide = 0;\r\n\r\n    let heroTimer;\r\n\r\n\r\n\r\n    \/* ========================================\r\n       CHANGE SLIDE\r\n    ======================================== *\/\r\n\r\n    function showHeroSlide(index, restartTimer = true) {\r\n\r\n        currentSlide =\r\n            (index + heroSlides.length) % heroSlides.length;\r\n\r\n\r\n        \/* Background Image *\/\r\n\r\n        heroSlides.forEach(function (slide, slideIndex) {\r\n\r\n            slide.classList.toggle(\r\n                \"active\",\r\n                slideIndex === currentSlide\r\n            );\r\n\r\n        });\r\n\r\n\r\n\r\n        \/* Navigation Indicators *\/\r\n\r\n        heroDots.forEach(function (dot, dotIndex) {\r\n\r\n            const active =\r\n                dotIndex === currentSlide;\r\n\r\n            dot.classList.toggle(\r\n                \"active\",\r\n                active\r\n            );\r\n\r\n            dot.setAttribute(\r\n                \"aria-current\",\r\n                active ? \"true\" : \"false\"\r\n            );\r\n\r\n        });\r\n\r\n\r\n\r\n        \/* Update Text *\/\r\n\r\n        const content =\r\n            heroContent[currentSlide];\r\n\r\n\r\n        heroKicker.textContent =\r\n            content.kicker;\r\n\r\n\r\n        heroTitle.textContent =\r\n            content.title;\r\n\r\n\r\n        heroDescription.textContent =\r\n            content.description;\r\n\r\n\r\n        heroPrimary.textContent =\r\n            content.button;\r\n\r\n\r\n        heroPrimary.href =\r\n            content.link;\r\n\r\n\r\n\r\n        \/* Text Animation *\/\r\n\r\n        const heroContentBox =\r\n            document.querySelector(\".wta-hero-content\");\r\n\r\n\r\n        heroContentBox.classList.remove(\r\n            \"wta-content-changing\"\r\n        );\r\n\r\n\r\n        void heroContentBox.offsetWidth;\r\n\r\n\r\n        heroContentBox.classList.add(\r\n            \"wta-content-changing\"\r\n        );\r\n\r\n\r\n\r\n        if (restartTimer) {\r\n\r\n            startHeroSlider();\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ========================================\r\n       AUTO SLIDER\r\n    ======================================== *\/\r\n\r\n    function startHeroSlider() {\r\n\r\n        clearInterval(heroTimer);\r\n\r\n\r\n        \/* Respect accessibility preference *\/\r\n\r\n        if (\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        heroTimer = setInterval(function () {\r\n\r\n            showHeroSlide(\r\n                currentSlide + 1,\r\n                false\r\n            );\r\n\r\n        }, 6500);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ========================================\r\n       CLICK NAVIGATION\r\n    ======================================== *\/\r\n\r\n    heroDots.forEach(function (dot) {\r\n\r\n        dot.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                const slideNumber =\r\n                    Number(\r\n                        this.getAttribute(\r\n                            \"data-slide\"\r\n                        )\r\n                    );\r\n\r\n\r\n                showHeroSlide(\r\n                    slideNumber\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n\r\n    \/* ========================================\r\n       PAUSE WHEN TAB IS HIDDEN\r\n    ======================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"visibilitychange\",\r\n        function () {\r\n\r\n            if (document.hidden) {\r\n\r\n                clearInterval(heroTimer);\r\n\r\n            } else {\r\n\r\n                startHeroSlider();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* ========================================\r\n       INITIALIZE\r\n    ======================================== *\/\r\n\r\n    showHeroSlide(0);\r\n\r\n});\r\n        \r\n        \r\n        \r\n        \r\n    <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-445910a e-con e-atomic-element e-flexbox-base e-default-div e-d01ee78 \" data-id=\"445910a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"445910a\">\n    \t\t<div class=\"elementor-element elementor-element-5038728 elementor-widget elementor-widget-html\" data-id=\"5038728\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     ABOUT SECTION - WILD TREK AFRICA\r\n========================================= -->\r\n\r\n<section class=\"wta-about\" id=\"about\">\r\n\r\n    <div class=\"wta-about-container\">\r\n\r\n        <!-- Small Section Label -->\r\n        <div class=\"wta-about-label\">\r\n            <span><\/span>\r\n            About Us\r\n        <\/div>\r\n\r\n        <div class=\"wta-about-grid\">\r\n\r\n            <!-- Left Side -->\r\n            <div class=\"wta-about-heading\">\r\n\r\n                <h2>\r\n                    Wild Trek Africa\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Right Side -->\r\n            <div class=\"wta-about-content\">\r\n\r\n                <p>\r\n                    Wild Trek Africa offers expertly curated private and\r\n                    small-group safari journeys across East Africa and beyond,\r\n                    blending seamless hospitality, refined professionalism,\r\n                    and immersive wilderness experiences in every bespoke\r\n                    itinerary.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"https:\/\/www.wildtrekafrica.com\/about-us\"\r\n                    class=\"wta-about-link\"\r\n                    aria-label=\"Read the Wild Trek Africa story\"\r\n                >\r\n                    <span>Our Story<\/span>\r\n\r\n                    <span class=\"wta-about-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    \r\n    <style>\r\n        \r\n        \r\n        \/* =========================================\r\n   ABOUT SECTION - WILD TREK AFRICA\r\n========================================= *\/\r\n\r\n.wta-about,\r\n.wta-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.wta-about {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 50px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #f5f1e7;\r\n\r\n    color: #226f54;\r\n}\r\n\r\n\r\n.wta-about-container {\r\n    width: min(100% - 50px, 1380px);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL LABEL\r\n========================================= *\/\r\n\r\n.wta-about-label {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 50px;\r\n\r\n    color: #f0bf8d;\r\n\r\n    font-family: Inter, Helvetica, sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.wta-about-label span {\r\n    display: block;\r\n\r\n    width: 42px;\r\n\r\n    height: 1px;\r\n\r\n    background: #8d997f;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.wta-about-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px, 0.85fr)\r\n        minmax(400px, 1.15fr);\r\n\r\n    align-items: start;\r\n\r\n    gap: clamp(60px, 9vw, 150px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.wta-about-heading h2 {\r\n    max-width: 580px;\r\n\r\n    margin: 0;\r\n\r\n    color: #226f54;\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(55px, 6vw, 94px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -4px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.wta-about-content {\r\n    max-width: 690px;\r\n\r\n    padding-top: 12px;\r\n}\r\n\r\n\r\n.wta-about-content p {\r\n    margin: 0;\r\n\r\n    color: #2f3931;\r\n\r\n    font-family:\r\n        Poppins,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: clamp(19px, 2vw, 27px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.55;\r\n\r\n    letter-spacing: -0.4px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUR STORY LINK\r\n========================================= *\/\r\n\r\n.wta-about-link {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 24px;\r\n\r\n    margin-top: 45px;\r\n\r\n    padding-bottom: 10px;\r\n\r\n    color: #226f54;\r\n\r\n    font-family:\r\n        Inter,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    text-decoration: none;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.wta-about-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    left: 0;\r\n\r\n    height: 1px;\r\n\r\n    background: #122718;\r\n\r\n    transform: scaleX(1);\r\n\r\n    transform-origin: left;\r\n\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n\r\n.wta-about-link:hover::after {\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: right;\r\n}\r\n\r\n\r\n.wta-about-arrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n\r\n.wta-about-link:hover\r\n.wta-about-arrow {\r\n    transform: translateX(8px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE ELEMENT\r\n========================================= *\/\r\n\r\n.wta-about::after {\r\n    content: \"WILD TREK AFRICA\";\r\n\r\n    position: absolute;\r\n\r\n    right: -30px;\r\n\r\n    bottom: -36px;\r\n\r\n    color: rgba(16, 42, 22, 0.035);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: clamp(70px, 10vw, 170px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -7px;\r\n\r\n    white-space: nowrap;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .wta-about {\r\n        padding: 100px 0;\r\n    }\r\n\r\n\r\n    .wta-about-container {\r\n        width: min(\r\n            100% - 40px,\r\n            950px\r\n        );\r\n    }\r\n\r\n\r\n    .wta-about-grid {\r\n        gap: 60px;\r\n    }\r\n\r\n\r\n    .wta-about-heading h2 {\r\n        font-size: clamp(\r\n            52px,\r\n            7vw,\r\n            72px\r\n        );\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n\r\n    .wta-about-content p {\r\n        font-size: 20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .wta-about {\r\n        padding: 80px 0;\r\n    }\r\n\r\n\r\n    .wta-about-container {\r\n        width: calc(100% - 36px);\r\n    }\r\n\r\n\r\n    .wta-about-label {\r\n        margin-bottom: 35px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .wta-about-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 34px;\r\n    }\r\n\r\n\r\n    .wta-about-heading h2 {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(\r\n            45px,\r\n            14vw,\r\n            65px\r\n        );\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -2.5px;\r\n    }\r\n\r\n\r\n    .wta-about-content {\r\n        padding-top: 0;\r\n    }\r\n\r\n\r\n    .wta-about-content p {\r\n        font-size: 18px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .wta-about-link {\r\n        margin-top: 32px;\r\n    }\r\n\r\n\r\n    .wta-about::after {\r\n        display: none;\r\n    }\r\n\r\n}\r\n        \r\n        \r\n        \r\n    <\/style>\r\n    \r\n    \r\n    \r\n    <script>\r\n        \r\n        document.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const aboutSection =\r\n            document.querySelector(\r\n                \".wta-about\"\r\n            );\r\n\r\n\r\n        if (!aboutSection) {\r\n            return;\r\n        }\r\n\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                aboutSection\r\n                                    .classList\r\n                                    .add(\r\n                                        \"wta-about-visible\"\r\n                                    );\r\n\r\n                                observer.unobserve(\r\n                                    aboutSection\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n                {\r\n                    threshold: 0.2\r\n                }\r\n            );\r\n\r\n\r\n        observer.observe(\r\n            aboutSection\r\n        );\r\n\r\n    }\r\n);\r\n        \r\n        \r\n    <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d3fa85c e-con e-atomic-element e-flexbox-base e-default-div e-8b0035f \" data-id=\"d3fa85c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d3fa85c\">\n    \t\t<div class=\"elementor-element elementor-element-ffbd2f8 elementor-widget elementor-widget-html\" data-id=\"ffbd2f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     SIGNATURE SAFARI PORTFOLIO\r\n========================================= -->\r\n\r\n<section class=\"wta-portfolio\" id=\"destinations\">\r\n\r\n    <div class=\"wta-portfolio-container\">\r\n\r\n        <!-- Section Header -->\r\n        <header class=\"wta-portfolio-heading wta-portfolio-reveal\">\r\n\r\n            <span class=\"wta-portfolio-eyebrow\">\r\n                Signature Safari Portfolio\r\n            <\/span>\r\n\r\n            <h2>\r\n                Four destinations. Four different ways to experience East Africa.\r\n            <\/h2>\r\n\r\n            <p class=\"wta-portfolio-intro\">\r\n                Build one focused journey or combine countries for a broader\r\n                safari. Each destination brings a distinct landscape, wildlife\r\n                rhythm and style of adventure.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- Destination Grid -->\r\n        <div class=\"wta-portfolio-grid\">\r\n\r\n\r\n            <!-- Rwanda -->\r\n            <article class=\"wta-portfolio-card wta-portfolio-reveal\">\r\n\r\n                <img\r\n                    class=\"wta-portfolio-image\"\r\n                    src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/rwanda-safari.jpg\"\r\n                    alt=\"Mountain gorilla trekking in Rwanda\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n                <div\r\n                    class=\"wta-portfolio-overlay\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n                <div class=\"wta-portfolio-card-content\">\r\n\r\n                    <span class=\"wta-portfolio-country-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <h3>Rwanda<\/h3>\r\n\r\n                    <p>\r\n                        Pair intimate gorilla trekking in Volcanoes National\r\n                        Park with Nyungwe primates, Akagera wildlife and\r\n                        relaxed time beside Lake Kivu.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/rwanda-safari-destination-guide\"\r\n                        class=\"wta-portfolio-link\"\r\n                    >\r\n                        <span>Discover Rwanda<\/span>\r\n\r\n                        <span\r\n                            class=\"wta-portfolio-arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- Uganda -->\r\n            <article class=\"wta-portfolio-card wta-portfolio-reveal\">\r\n\r\n                <img\r\n                    class=\"wta-portfolio-image\"\r\n                    src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/queen-elizabeth-national-park-7-750x450_edited.avif\"\r\n                    alt=\"Wildlife safari landscape in Uganda\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n                <div\r\n                    class=\"wta-portfolio-overlay\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n                <div class=\"wta-portfolio-card-content\">\r\n\r\n                    <span class=\"wta-portfolio-country-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <h3>Uganda<\/h3>\r\n\r\n                    <p>\r\n                        Trek gorillas and chimpanzees, cruise wildlife-rich\r\n                        waterways and explore national parks where rainforest,\r\n                        savannah and lakes meet.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/uganda-safari-destination-guide\"\r\n                        class=\"wta-portfolio-link\"\r\n                    >\r\n                        <span>Uncover Uganda<\/span>\r\n\r\n                        <span\r\n                            class=\"wta-portfolio-arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- Kenya -->\r\n            <article class=\"wta-portfolio-card wta-portfolio-reveal\">\r\n\r\n                <img\r\n                    class=\"wta-portfolio-image\"\r\n                    src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/kenya-safari.jpg\"\r\n                    alt=\"Kenya safari savannah\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n                <div\r\n                    class=\"wta-portfolio-overlay\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n                <div class=\"wta-portfolio-card-content\">\r\n\r\n                    <span class=\"wta-portfolio-country-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <h3>Kenya<\/h3>\r\n\r\n                    <p>\r\n                        Experience iconic savannahs, private conservancies,\r\n                        rich wildlife viewing and the seasonal movement of\r\n                        the Great Migration.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/kenya-safaris\"\r\n                        class=\"wta-portfolio-link\"\r\n                    >\r\n                        <span>Explore Kenya<\/span>\r\n\r\n                        <span\r\n                            class=\"wta-portfolio-arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- Tanzania -->\r\n            <article class=\"wta-portfolio-card wta-portfolio-reveal\">\r\n\r\n                <img\r\n                    class=\"wta-portfolio-image\"\r\n                    src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/tanzania-safari.jpg\"\r\n                    alt=\"Elephants with Mount Kilimanjaro in Tanzania\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n                <div\r\n                    class=\"wta-portfolio-overlay\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n                <div class=\"wta-portfolio-card-content\">\r\n\r\n                    <span class=\"wta-portfolio-country-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <h3>Tanzania<\/h3>\r\n\r\n                    <p>\r\n                        Move between the Serengeti, Ngorongoro and Kilimanjaro\r\n                        landscapes before adding beach time in Zanzibar for a\r\n                        complete safari escape.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/tanzania-safari-destination-guide\"\r\n                        class=\"wta-portfolio-link\"\r\n                    >\r\n                        <span>View Tanzania<\/span>\r\n\r\n                        <span\r\n                            class=\"wta-portfolio-arrow\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    \r\n    <style>\r\n        \r\n        \/* =========================================\r\n   SIGNATURE SAFARI PORTFOLIO\r\n========================================= *\/\r\n\r\n.wta-portfolio,\r\n.wta-portfolio * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wta-portfolio {\r\n    --wta-portfolio-bg: #e8e1d2;\r\n    --wta-portfolio-dark: #101811;\r\n    --wta-portfolio-green: #36503b;\r\n    --wta-portfolio-cream: #ebdfbe;\r\n    --wta-portfolio-text: #576058;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 60px 0;\r\n    overflow: hidden;\r\n\r\n    background: var(--wta-portfolio-bg);\r\n    color: #f0bf8d;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.wta-portfolio-container {\r\n    width: min(100% - 50px, 1380px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.wta-portfolio-heading {\r\n    max-width: 880px;\r\n    margin-bottom: 58px;\r\n}\r\n\r\n.wta-portfolio-eyebrow {\r\n    display: block;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #f0bf8d;\r\n\r\n    font-family: Inter, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.wta-portfolio-heading h2 {\r\n    max-width: 880px;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    color: #226f54;\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(48px, 5.4vw, 80px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.03;\r\n\r\n    letter-spacing: -3.5px;\r\n    text-wrap: balance;\r\n}\r\n\r\n.wta-portfolio-intro {\r\n    max-width: 680px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--wta-portfolio-text);\r\n\r\n    font-family: Poppins, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PORTFOLIO GRID\r\n========================================= *\/\r\n\r\n.wta-portfolio-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESTINATION CARD\r\n========================================= *\/\r\n\r\n.wta-portfolio-card {\r\n    position: relative;\r\n\r\n    min-height: 570px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #226f54;\r\n\r\n    border-radius: 3px;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.wta-portfolio-image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        transform 0.9s cubic-bezier(.2, .7, .2, 1),\r\n        filter 0.6s ease;\r\n}\r\n\r\n.wta-portfolio-card:hover\r\n.wta-portfolio-image {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE OVERLAY\r\n========================================= *\/\r\n\r\n.wta-portfolio-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(3, 9, 4, 0.94) 0%,\r\n            rgba(3, 9, 4, 0.78) 27%,\r\n            rgba(3, 9, 4, 0.33) 58%,\r\n            rgba(3, 9, 4, 0.06) 100%\r\n        );\r\n\r\n    transition: background 0.5s ease;\r\n}\r\n\r\n.wta-portfolio-card:hover\r\n.wta-portfolio-overlay {\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(3, 9, 4, 0.97) 0%,\r\n            rgba(3, 9, 4, 0.78) 32%,\r\n            rgba(3, 9, 4, 0.27) 66%,\r\n            rgba(3, 9, 4, 0.05) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER HOVER BORDER\r\n========================================= *\/\r\n\r\n.wta-portfolio-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 14px;\r\n\r\n    z-index: 4;\r\n\r\n    pointer-events: none;\r\n\r\n    border: 3px solid rgba(255, 255, 255, 0);\r\n\r\n    transition:\r\n        inset 0.45s ease,\r\n        border-color 0.45s ease;\r\n}\r\n\r\n.wta-portfolio-card:hover::after {\r\n    inset: 20px;\r\n\r\n    border-color:\r\n        #f0bf8d;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.wta-portfolio-card-content {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    z-index: 3;\r\n\r\n    padding: 40px;\r\n}\r\n\r\n.wta-portfolio-country-number {\r\n    display: block;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: var(--wta-portfolio-cream);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.wta-portfolio-card h3 {\r\n    margin: 0 0 16px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(44px, 4vw, 64px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n.wta-portfolio-card-content p {\r\n    max-width: 530px;\r\n\r\n    margin: 0 0 27px;\r\n\r\n    color: rgba(255, 255, 255, 0.8);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESTINATION LINK\r\n========================================= *\/\r\n\r\n.wta-portfolio-link {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    padding-bottom: 9px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.wta-portfolio-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.55);\r\n\r\n    transform: scaleX(1);\r\n    transform-origin: left;\r\n\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.wta-portfolio-link:hover::after {\r\n    transform: scaleX(0);\r\n    transform-origin: right;\r\n}\r\n\r\n.wta-portfolio-arrow {\r\n    display: inline-block;\r\n\r\n    color: var(--wta-portfolio-cream);\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.wta-portfolio-link:hover\r\n.wta-portfolio-arrow {\r\n    transform: translateX(7px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REVEAL ANIMATION\r\n\r\n   IMPORTANT:\r\n   Cards are visible by default.\r\n   JavaScript enables the hidden state only\r\n   when IntersectionObserver is supported.\r\n========================================= *\/\r\n\r\n.wta-portfolio.wta-reveal-enabled\r\n.wta-portfolio-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(35px);\r\n\r\n    transition:\r\n        opacity 0.8s ease,\r\n        transform 0.8s ease;\r\n}\r\n\r\n.wta-portfolio.wta-reveal-enabled\r\n.wta-portfolio-reveal.wta-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* Stagger *\/\r\n\r\n.wta-portfolio.wta-reveal-enabled\r\n.wta-portfolio-card:nth-child(2) {\r\n    transition-delay: 0.08s;\r\n}\r\n\r\n.wta-portfolio.wta-reveal-enabled\r\n.wta-portfolio-card:nth-child(3) {\r\n    transition-delay: 0.14s;\r\n}\r\n\r\n.wta-portfolio.wta-reveal-enabled\r\n.wta-portfolio-card:nth-child(4) {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .wta-portfolio {\r\n        padding: 95px 0;\r\n    }\r\n\r\n    .wta-portfolio-container {\r\n        width: min(100% - 40px, 950px);\r\n    }\r\n\r\n    .wta-portfolio-heading {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .wta-portfolio-heading h2 {\r\n        font-size: clamp(\r\n            46px,\r\n            7vw,\r\n            68px\r\n        );\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n    .wta-portfolio-card {\r\n        min-height: 500px;\r\n    }\r\n\r\n    .wta-portfolio-card-content {\r\n        padding: 31px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .wta-portfolio-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wta-portfolio-card {\r\n        min-height: 540px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .wta-portfolio {\r\n        padding: 78px 0;\r\n    }\r\n\r\n    .wta-portfolio-container {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n    .wta-portfolio-heading {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .wta-portfolio-eyebrow {\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 2.2px;\r\n    }\r\n\r\n    .wta-portfolio-heading h2 {\r\n        margin-bottom: 19px;\r\n\r\n        font-size: clamp(\r\n            40px,\r\n            12vw,\r\n            58px\r\n        );\r\n\r\n        line-height: 1.03;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wta-portfolio-intro {\r\n        font-size: 16px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .wta-portfolio-grid {\r\n        gap: 14px;\r\n    }\r\n\r\n    .wta-portfolio-card {\r\n        min-height: 500px;\r\n    }\r\n\r\n    .wta-portfolio-card-content {\r\n        padding: 28px;\r\n    }\r\n\r\n    .wta-portfolio-card h3 {\r\n        font-size: 47px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wta-portfolio-card-content p {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .wta-portfolio-container {\r\n        width: calc(100% - 26px);\r\n    }\r\n\r\n    .wta-portfolio-card {\r\n        min-height: 460px;\r\n    }\r\n\r\n    .wta-portfolio-card-content {\r\n        padding: 24px;\r\n    }\r\n\r\n    .wta-portfolio-card h3 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .wta-portfolio-card::after {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KEYBOARD ACCESSIBILITY\r\n========================================= *\/\r\n\r\n.wta-portfolio-link:focus-visible {\r\n    outline:\r\n        2px solid var(--wta-portfolio-cream);\r\n\r\n    outline-offset: 7px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wta-portfolio-reveal,\r\n    .wta-portfolio-image,\r\n    .wta-portfolio-card::after,\r\n    .wta-portfolio-arrow,\r\n    .wta-portfolio-link::after {\r\n        transition: none !important;\r\n\r\n        animation: none !important;\r\n    }\r\n\r\n    .wta-portfolio-reveal {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n}\r\n        \r\n        \r\n    <\/style>\r\n    \r\n    \r\n    <script>\r\n        \r\n        \r\n        \/* =========================================\r\n   SIGNATURE SAFARI PORTFOLIO\r\n   SCROLL REVEAL\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        \"use strict\";\r\n\r\n\r\n        const portfolio =\r\n            document.querySelector(\r\n                \".wta-portfolio\"\r\n            );\r\n\r\n\r\n        if (!portfolio) {\r\n            return;\r\n        }\r\n\r\n\r\n        const revealItems =\r\n            portfolio.querySelectorAll(\r\n                \".wta-portfolio-reveal\"\r\n            );\r\n\r\n\r\n        if (!revealItems.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================\r\n           REDUCED MOTION\r\n        ===================================== *\/\r\n\r\n        const prefersReducedMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n\r\n        if (prefersReducedMotion) {\r\n\r\n            revealItems.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"wta-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================\r\n           FALLBACK FOR OLD BROWSERS\r\n\r\n           Keep everything visible if\r\n           IntersectionObserver isn't supported.\r\n        ===================================== *\/\r\n\r\n        if (\r\n            !(\"IntersectionObserver\" in window)\r\n        ) {\r\n\r\n            revealItems.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"wta-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Enable animation only after\r\n           JavaScript support is confirmed *\/\r\n\r\n        portfolio.classList.add(\r\n            \"wta-reveal-enabled\"\r\n        );\r\n\r\n\r\n        \/* =====================================\r\n           OBSERVER\r\n        ===================================== *\/\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries, observerInstance) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"wta-visible\"\r\n                            );\r\n\r\n\r\n                            observerInstance.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.12,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -40px 0px\"\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(\r\n            function (item) {\r\n\r\n                observer.observe(item);\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n        \r\n        \r\n        \r\n    <\/script>\r\n\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2065655 e-con e-atomic-element e-flexbox-base e-default-div e-ea93316 \" data-id=\"2065655\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2065655\">\n    \t\t<div class=\"elementor-element elementor-element-7668370 elementor-widget elementor-widget-html\" data-id=\"7668370\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     FEATURED SAFARIS\r\n========================================= -->\r\n\r\n<section class=\"wta-featured\" id=\"featured-safaris\">\r\n\r\n    <div class=\"wta-featured-container\">\r\n\r\n        <!-- Section Heading -->\r\n        <div class=\"wta-featured-heading\">\r\n\r\n            <p class=\"wta-featured-eyebrow\">\r\n                Featured Safaris\r\n            <\/p>\r\n\r\n            <h2>\r\n                Start with a proven route, then make it yours.\r\n            <\/h2>\r\n\r\n            <p class=\"wta-featured-intro\">\r\n                These sample journeys highlight some of Rwanda\u2019s strongest\r\n                safari combinations. Dates, lodges, activities and pacing\r\n                can be adjusted to fit your travel style.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Safari Grid -->\r\n        <div class=\"wta-featured-grid\">\r\n\r\n\r\n            <!-- =====================================\r\n                 SAFARI 01\r\n            ====================================== -->\r\n\r\n            <article class=\"wta-featured-card\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                    class=\"wta-featured-image-wrap\"\r\n                    aria-label=\"View Gorilla and Golden Monkey Experience\"\r\n                >\r\n\r\n                    <img\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1667504319427-e6afa88ee0b5?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\r\n                        alt=\"Mountain gorilla on a Rwanda safari\"\r\n                        class=\"wta-featured-image\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <div class=\"wta-featured-image-overlay\"><\/div>\r\n\r\n                    <span class=\"wta-featured-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div class=\"wta-featured-content\">\r\n\r\n                    <div class=\"wta-featured-meta\">\r\n                        3 Days \u00b7 Rwanda\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Gorilla & Golden Monkey Experience\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        A compact primate-focused journey pairing mountain\r\n                        gorillas with golden monkeys and comfortable\r\n                        Volcanoes National Park logistics.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                        class=\"wta-featured-link\"\r\n                    >\r\n                        View Experience\r\n\r\n                        <span aria-hidden=\"true\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 SAFARI 02\r\n            ====================================== -->\r\n\r\n            <article class=\"wta-featured-card\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                    class=\"wta-featured-image-wrap\"\r\n                    aria-label=\"View Double Gorilla Trekking Experience\"\r\n                >\r\n\r\n                    <img\r\n                        src=\"https:\/\/static.wixstatic.com\/media\/6fdf73_02d661072f014e45b2595e95e8bd1dbc~mv2.jpg\/v1\/fill\/w_980,h_654,al_c,q_85,enc_auto\/33731139266_b629def9d2_b_edited.jpg\"\r\n                        alt=\"Young mountain gorilla in Rwanda\"\r\n                        class=\"wta-featured-image\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <div class=\"wta-featured-image-overlay\"><\/div>\r\n\r\n                    <span class=\"wta-featured-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div class=\"wta-featured-content\">\r\n\r\n                    <div class=\"wta-featured-meta\">\r\n                        5 Days \u00b7 Rwanda\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Double Gorilla Trekking Experience\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Two separate gorilla trekking days give you more time\r\n                        in Volcanoes National Park and the possibility of\r\n                        meeting different gorilla families.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                        class=\"wta-featured-link\"\r\n                    >\r\n                        View Experience\r\n\r\n                        <span aria-hidden=\"true\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 SAFARI 03\r\n            ====================================== -->\r\n\r\n            <article class=\"wta-featured-card\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                    class=\"wta-featured-image-wrap\"\r\n                    aria-label=\"View Akagera Nyungwe Lake Kivu and Volcanoes Safari\"\r\n                >\r\n\r\n                    <img\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1762358511251-a2227d3c1056?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\r\n                        alt=\"African safari wildlife\"\r\n                        class=\"wta-featured-image\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <div class=\"wta-featured-image-overlay\"><\/div>\r\n\r\n                    <span class=\"wta-featured-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div class=\"wta-featured-content\">\r\n\r\n                    <div class=\"wta-featured-meta\">\r\n                        12 Days \u00b7 Rwanda\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Akagera, Nyungwe, Lake Kivu & Volcanoes\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        A broad Rwanda circuit combining savannah wildlife,\r\n                        rainforest primates, lakeside scenery and mountain\r\n                        gorilla trekking.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.wildtrekafrica.com\/Itineraries\"\r\n                        class=\"wta-featured-link\"\r\n                    >\r\n                        View Experience\r\n\r\n                        <span aria-hidden=\"true\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Bottom Link -->\r\n        <div class=\"wta-featured-bottom\">\r\n\r\n            <a\r\n                href=\"https:\/\/isangedigital.com\/wildtrek\/itineraries\/\"\r\n                class=\"wta-featured-all\"\r\n            >\r\n                Explore All Safari Journeys\r\n\r\n                <span aria-hidden=\"true\">\r\n                    \u2192\r\n                <\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    \r\n    <style>\r\n        \r\n       \/* =========================================\r\n   FEATURED SAFARIS\r\n========================================= *\/\r\n\r\n.wta-featured,\r\n.wta-featured * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wta-featured {\r\n    --wta-dark: #226f54;\r\n    --wta-green: #25442c;\r\n    --wta-cream: #ebdfbe;\r\n    --wta-background: #f5f1e7;\r\n    --wta-text: #5d665f;\r\n\r\n    width: 100%;\r\n\r\n    padding: 30px 0;\r\n\r\n    background: 582f0e;\r\n\r\n    color: var(--wta-dark);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.wta-featured-container {\r\n    width: min(100% - 50px, 1380px);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.wta-featured-heading {\r\n    max-width: 850px;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n.wta-featured-eyebrow {\r\n    margin: 0 0 17px;\r\n\r\n    color: #f0bf8d;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.wta-featured-heading h2 {\r\n    max-width: 840px;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    color: var(--wta-dark);\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(\r\n        48px,\r\n        5.4vw,\r\n        78px\r\n    );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.03;\r\n\r\n    letter-spacing: -3.4px;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n.wta-featured-intro {\r\n    max-width: 680px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--wta-text);\r\n\r\n    font-family:\r\n        Poppins,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.wta-featured-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 22px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD\r\n========================================= *\/\r\n\r\n.wta-featured-card {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ffffff;\r\n\r\n    border:\r\n        1px solid rgba(29, 55, 35, 0.1);\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n.wta-featured-card:hover {\r\n    transform: translateY(-7px);\r\n\r\n    box-shadow:\r\n        0 24px 55px\r\n        rgba(17, 35, 21, 0.12);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.wta-featured-image-wrap {\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #172219;\r\n}\r\n\r\n\r\n.wta-featured-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.8s\r\n        cubic-bezier(.2, .7, .2, 1);\r\n}\r\n\r\n\r\n.wta-featured-card:hover\r\n.wta-featured-image {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\r\n\/* Image Overlay *\/\r\n\r\n.wta-featured-image-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(3, 10, 4, 0.4),\r\n            transparent 55%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* Card Number *\/\r\n\r\n.wta-featured-number {\r\n    position: absolute;\r\n\r\n    left: 24px;\r\n\r\n    bottom: 21px;\r\n\r\n    z-index: 2;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.wta-featured-content {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n\r\n    padding: 29px 28px 31px;\r\n}\r\n\r\n\r\n\/* Meta *\/\r\n\r\n.wta-featured-meta {\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--wta-green);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* Title *\/\r\n\r\n.wta-featured-card h3 {\r\n    margin: 0 0 15px;\r\n\r\n    color: var(--wta-dark);\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(\r\n        27px,\r\n        2.2vw,\r\n        34px\r\n    );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.12;\r\n\r\n    letter-spacing: -1.3px;\r\n}\r\n\r\n\r\n\/* Description *\/\r\n\r\n.wta-featured-content p {\r\n    margin: 0 0 26px;\r\n\r\n    color: var(--wta-text);\r\n\r\n    font-family:\r\n        Poppins,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VIEW EXPERIENCE\r\n========================================= *\/\r\n\r\n.wta-featured-link {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    align-self: flex-start;\r\n\r\n    margin-top: auto;\r\n\r\n    padding-bottom: 8px;\r\n\r\n    color: #226f54;\r\n\r\n    font-family:\r\n        Inter,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-decoration: none;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.wta-featured-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    left: 0;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--wta-green);\r\n\r\n    transform: scaleX(1);\r\n\r\n    transform-origin: left;\r\n\r\n    transition:\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n.wta-featured-link:hover::after {\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: right;\r\n}\r\n\r\n\r\n.wta-featured-link span {\r\n    font-size: 17px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n.wta-featured-link:hover span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM LINK\r\n========================================= *\/\r\n\r\n.wta-featured-bottom {\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top: 55px;\r\n}\r\n\r\n\r\n.wta-featured-all {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 17px;\r\n\r\n    min-height: 56px;\r\n\r\n    padding: 16px 26px;\r\n\r\n    color: #ffffff;\r\n\r\n    background: #226f54;\r\n\r\n    font-family:\r\n        Inter,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.4px;\r\n\r\n    text-decoration: none;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n.wta-featured-all:hover {\r\n    background: #294f31;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.wta-featured-all span {\r\n    color: var(--wta-cream);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n.wta-featured-all:hover span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .wta-featured {\r\n        padding: 95px 0;\r\n    }\r\n\r\n\r\n    .wta-featured-container {\r\n        width: min(\r\n            100% - 40px,\r\n            950px\r\n        );\r\n    }\r\n\r\n\r\n    .wta-featured-grid {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n\r\n    .wta-featured-card:last-child {\r\n        grid-column: 1 \/ -1;\r\n\r\n        width: calc(50% - 11px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .wta-featured {\r\n        padding: 78px 0;\r\n    }\r\n\r\n\r\n    .wta-featured-container {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n\r\n    .wta-featured-heading {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n\r\n    .wta-featured-heading h2 {\r\n        font-size: clamp(\r\n            40px,\r\n            12vw,\r\n            57px\r\n        );\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .wta-featured-intro {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .wta-featured-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n\r\n    .wta-featured-card:last-child {\r\n        grid-column: auto;\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .wta-featured-image-wrap {\r\n        height: 310px;\r\n    }\r\n\r\n\r\n    .wta-featured-content {\r\n        padding:\r\n            26px\r\n            24px\r\n            28px;\r\n    }\r\n\r\n\r\n    .wta-featured-card h3 {\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    .wta-featured-bottom {\r\n        margin-top: 40px;\r\n    }\r\n\r\n\r\n    .wta-featured-all {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .wta-featured-image-wrap {\r\n        height: 270px;\r\n    }\r\n\r\n\r\n    .wta-featured-card h3 {\r\n        font-size: 28px;\r\n    }\r\n\r\n} \r\n        \r\n    <\/style>\r\n    \r\n    \r\n    <script>\r\n        \r\n        \r\n        \r\n        \r\n    <\/script>\r\n    \r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-90f6f7e e-con e-atomic-element e-flexbox-base e-default-div e-3a0c0fd \" data-id=\"90f6f7e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90f6f7e\">\n    \t\t<div class=\"elementor-element elementor-element-8fead43 elementor-widget elementor-widget-html\" data-id=\"8fead43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wta-safari-section\" id=\"wtaSafariPosts\">\r\n\r\n  <div class=\"wta-safari-container\">\r\n\r\n    <!-- ==========================================\r\n         HEADER\r\n         ========================================== -->\r\n\r\n    <div class=\"wta-safari-header\">\r\n\r\n      <div class=\"wta-safari-heading\">\r\n\r\n        <span class=\"wta-safari-kicker\">\r\n          Wild Trek Africa\r\n        <\/span>\r\n\r\n        <h2>\r\n          Safari\r\n          <em>Stories<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Explore our latest safari stories, travel guides\r\n        and unforgettable wildlife experiences across Africa.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         CATEGORY FILTERS\r\n         ========================================== -->\r\n\r\n    <div\r\n      class=\"wta-safari-filters\"\r\n      id=\"wtaSafariFilters\"\r\n      role=\"tablist\"\r\n      aria-label=\"Safari categories\"\r\n    >\r\n\r\n      <button\r\n        class=\"wta-filter active\"\r\n        data-category=\"all\"\r\n        role=\"tab\"\r\n        aria-selected=\"true\"\r\n      >\r\n        All Stories\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wta-filter\"\r\n        data-category=\"rwanda-safaris\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n      >\r\n        Rwanda Safaris\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wta-filter\"\r\n        data-category=\"uganda-safaris\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n      >\r\n        Uganda Safaris\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wta-filter\"\r\n        data-category=\"tanzania-safaris\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n      >\r\n        Tanzania Safaris\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wta-filter\"\r\n        data-category=\"kenya-safaris\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n      >\r\n        Kenya Safaris\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         CAROUSEL\r\n         ========================================== -->\r\n\r\n    <div class=\"wta-carousel\">\r\n\r\n      <button\r\n        class=\"wta-carousel-arrow wta-prev\"\r\n        id=\"wtaPrev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous stories\"\r\n      >\r\n        <span>\u2190<\/span>\r\n      <\/button>\r\n\r\n\r\n      <div\r\n        class=\"wta-carousel-viewport\"\r\n        id=\"wtaViewport\"\r\n      >\r\n\r\n        <div\r\n          class=\"wta-carousel-track\"\r\n          id=\"wtaTrack\"\r\n        >\r\n\r\n          <!-- JavaScript inserts posts here -->\r\n\r\n          <div class=\"wta-carousel-loading\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        class=\"wta-carousel-arrow wta-next\"\r\n        id=\"wtaNext\"\r\n        type=\"button\"\r\n        aria-label=\"Next stories\"\r\n      >\r\n        <span>\u2192<\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         CAROUSEL FOOTER\r\n         ========================================== -->\r\n\r\n    <div class=\"wta-carousel-footer\">\r\n\r\n      <div\r\n        class=\"wta-carousel-counter\"\r\n        id=\"wtaCounter\"\r\n      >\r\n        01 \u2014 01\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"wta-carousel-dots\"\r\n        id=\"wtaDots\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ERROR -->\r\n    <div\r\n      class=\"wta-safari-error\"\r\n      id=\"wtaError\"\r\n      hidden\r\n    ><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n   ========================================================= *\/\r\n\r\n.wta-safari-section {\r\n\r\n  --wta-green: #173f2a;\r\n  --wta-green-light: #2d6848;\r\n  --wta-gold: #c49a50;\r\n  --wta-cream: #f5f2e9;\r\n  --wta-dark: #172019;\r\n  --wta-muted: #737b73;\r\n  --wta-white: #ffffff;\r\n\r\n  padding: 50px 20px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 0% 0%,\r\n      rgba(196,154,80,.10),\r\n      transparent 32%\r\n    ),\r\n    radial-gradient(\r\n      circle at 100% 100%,\r\n      rgba(45,104,72,.08),\r\n      transparent 32%\r\n    ),\r\n    var(--wta-cream);\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.wta-safari-container {\r\n\r\n  width: min(1240px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.wta-safari-header {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    420px;\r\n\r\n  align-items: end;\r\n\r\n  gap: 60px;\r\n\r\n  margin-bottom: 40px;\r\n\r\n}\r\n\r\n\r\n.wta-safari-kicker {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  color: #f0bf8d;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .22em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.wta-safari-kicker::before {\r\n\r\n  content: \"\";\r\n\r\n  width: 30px;\r\n\r\n  height: 1px;\r\n\r\n  background: #f0bf8d;\r\n\r\n}\r\n\r\n\r\n.wta-safari-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--wta-dark);\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(45px, 6vw, 76px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: .95;\r\n\r\n  letter-spacing: -.055em;\r\n\r\n}\r\n\r\n\r\n.wta-safari-heading h2 em {\r\n\r\n  color: var(--wta-green-light);\r\n\r\n  font-style: italic;\r\n\r\n}\r\n\r\n\r\n.wta-safari-header > p {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--wta-muted);\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILTERS\r\n   ========================================================= *\/\r\n\r\n.wta-safari-filters {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 30px;\r\n\r\n  overflow-x: auto;\r\n\r\n  padding-bottom: 8px;\r\n\r\n  scrollbar-width: none;\r\n\r\n}\r\n\r\n\r\n.wta-safari-filters::-webkit-scrollbar {\r\n\r\n  display: none;\r\n\r\n}\r\n\r\n\r\n.wta-filter {\r\n\r\n  flex: 0 0 auto;\r\n\r\n  padding: 11px 17px;\r\n\r\n  color: #226f54;\r\n\r\n  background: #226f54;\r\n\r\n  border: 2px solid\r\n    rgba(23,63,42,.15);\r\n\r\n  border-radius: 100px;\r\n\r\n  font: inherit;\r\n\r\n  font-size: 17px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .08em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.wta-filter:hover {\r\n\r\n  color: #f0bf8d;\r\n\r\n  border-color: #226f54;\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.wta-filter.active {\r\n\r\n  color: #fff;\r\n\r\n  background: var(--wta-green);\r\n\r\n  border-color: var(--wta-green);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL\r\n   ========================================================= *\/\r\n\r\n.wta-carousel {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-viewport {\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-track {\r\n\r\n  display: flex;\r\n\r\n  gap: 24px;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,.61,.36,1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.wta-safari-card {\r\n\r\n  position: relative;\r\n\r\n  flex:\r\n    0 0\r\n    calc(\r\n      (100% - 48px) \/ 3\r\n    );\r\n\r\n  min-width: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--wta-white);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,63,42,.08);\r\n\r\n  border-radius: 22px;\r\n\r\n  box-shadow:\r\n    0 8px 30px\r\n    rgba(23,63,42,.055);\r\n\r\n  transition:\r\n    transform .45s\r\n      cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .45s ease;\r\n\r\n}\r\n\r\n\r\n.wta-safari-card:hover {\r\n\r\n  transform: translateY(-8px);\r\n\r\n  box-shadow:\r\n    0 24px 55px\r\n    rgba(23,63,42,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD IMAGE\r\n   ========================================================= *\/\r\n\r\n.wta-safari-card-image {\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  height: 270px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #dfe3dc;\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.wta-safari-card-image img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .8s\r\n      cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n.wta-safari-card:hover\r\n.wta-safari-card-image img {\r\n\r\n  transform: scale(1.08);\r\n\r\n}\r\n\r\n\r\n.wta-safari-card-image::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(0,0,0,.02),\r\n      rgba(0,0,0,.45)\r\n    );\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY\r\n   ========================================================= *\/\r\n\r\n.wta-card-category {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 3;\r\n\r\n  top: 17px;\r\n\r\n  left: 17px;\r\n\r\n  padding: 8px 12px;\r\n\r\n  color: #f0bf8d;\r\n\r\n  background:\r\n    rgba(23,63,42,.92);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.18);\r\n\r\n  border-radius: 50px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  backdrop-filter: blur(10px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n   ========================================================= *\/\r\n\r\n.wta-card-arrow {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 3;\r\n\r\n  right: 17px;\r\n\r\n  bottom: 17px;\r\n\r\n  width: 44px;\r\n\r\n  height: 44px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: var(--wta-green);\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n  border-radius: 50%;\r\n\r\n  font-size: 18px;\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateY(8px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.wta-safari-card:hover\r\n.wta-card-arrow {\r\n\r\n  opacity: 1;\r\n\r\n  transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BODY\r\n   ========================================================= *\/\r\n\r\n.wta-safari-card-body {\r\n\r\n  padding: 23px 23px 25px;\r\n\r\n}\r\n\r\n\r\n.wta-card-meta {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color: #8a9189;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .08em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.wta-meta-dot {\r\n\r\n  width: 4px;\r\n\r\n  height: 4px;\r\n\r\n  flex: 0 0 4px;\r\n\r\n  background: var(--wta-gold);\r\n\r\n  border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.wta-card-title {\r\n\r\n  min-height: 59px;\r\n\r\n  margin: 0 0 11px;\r\n\r\n  color: var(--wta-dark);\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 23px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n}\r\n\r\n\r\n.wta-card-title a {\r\n\r\n  color: inherit;\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.wta-card-title a:hover {\r\n\r\n  color: var(--wta-green-light);\r\n\r\n}\r\n\r\n\r\n.wta-card-excerpt {\r\n\r\n  display: -webkit-box;\r\n\r\n  min-height: 66px;\r\n\r\n  margin: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  color: var(--wta-muted);\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n\r\n  -webkit-line-clamp: 3;\r\n\r\n  -webkit-box-orient: vertical;\r\n\r\n}\r\n\r\n\r\n.wta-card-read {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: 17px;\r\n\r\n  color: var(--wta-green);\r\n\r\n  font-size: 17px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .1em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.wta-card-read span {\r\n\r\n  font-size: 17px;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.wta-card-read:hover span {\r\n\r\n  transform: translateX(5px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION ARROWS\r\n   ========================================================= *\/\r\n\r\n.wta-carousel-arrow {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 10;\r\n\r\n  top: 50%;\r\n\r\n  width: 52px;\r\n\r\n  height: 52px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: var(--wta-green);\r\n\r\n  background: #fff;\r\n\r\n  border: 1px solid\r\n    rgba(23,63,42,.08);\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 8px 25px\r\n    rgba(0,0,0,.12);\r\n\r\n  font: inherit;\r\n\r\n  font-size: 20px;\r\n\r\n  cursor: pointer;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    transform .3s ease,\r\n    opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-arrow:hover {\r\n\r\n  color: #fff;\r\n\r\n  background: var(--wta-green);\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(1.05);\r\n\r\n}\r\n\r\n\r\n.wta-carousel-arrow:disabled {\r\n\r\n  opacity: .35;\r\n\r\n  cursor: not-allowed;\r\n\r\n}\r\n\r\n\r\n.wta-prev {\r\n\r\n  left: -26px;\r\n\r\n}\r\n\r\n\r\n.wta-next {\r\n\r\n  right: -26px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.wta-carousel-footer {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-top: 30px;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-counter {\r\n\r\n  color: var(--wta-muted);\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-dots {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-dot {\r\n\r\n  width: 7px;\r\n\r\n  height: 7px;\r\n\r\n  padding: 0;\r\n\r\n  background: #cbd1ca;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    width .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-dot.active {\r\n\r\n  width: 25px;\r\n\r\n  background: var(--wta-green);\r\n\r\n  border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n   ========================================================= *\/\r\n\r\n.wta-carousel-loading {\r\n\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 24px;\r\n\r\n}\r\n\r\n\r\n.wta-carousel-loading span {\r\n\r\n  height: 500px;\r\n\r\n  border-radius: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #e7e8e2 25%,\r\n      #f1f2ed 40%,\r\n      #e7e8e2 60%\r\n    );\r\n\r\n  background-size: 400% 100%;\r\n\r\n  animation:\r\n    wtaShimmer 1.4s infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes wtaShimmer {\r\n\r\n  0% {\r\n    background-position: 100% 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -100% 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERROR\r\n   ========================================================= *\/\r\n\r\n.wta-safari-error {\r\n\r\n  margin-top: 25px;\r\n\r\n  padding: 20px;\r\n\r\n  color: #8a4d4d;\r\n\r\n  background: #fff4f4;\r\n\r\n  border-radius: 12px;\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .wta-safari-header {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 20px;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-card {\r\n\r\n    flex-basis:\r\n      calc(\r\n        (100% - 24px) \/ 2\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .wta-carousel-loading {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n\r\n  }\r\n\r\n\r\n  .wta-carousel-loading span:last-child {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  .wta-prev {\r\n\r\n    left: 10px;\r\n\r\n  }\r\n\r\n\r\n  .wta-next {\r\n\r\n    right: 10px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .wta-safari-section {\r\n\r\n    padding: 75px 16px;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-header {\r\n\r\n    margin-bottom: 30px;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-heading h2 {\r\n\r\n    font-size: 45px;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-card {\r\n\r\n    flex-basis: 100%;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-card-image {\r\n\r\n    height: 250px;\r\n\r\n  }\r\n\r\n\r\n  .wta-safari-card-body {\r\n\r\n    padding: 22px;\r\n\r\n  }\r\n\r\n\r\n  .wta-card-title {\r\n\r\n    font-size: 23px;\r\n\r\n  }\r\n\r\n\r\n  .wta-carousel-arrow {\r\n\r\n    width: 44px;\r\n\r\n    height: 44px;\r\n\r\n  }\r\n\r\n\r\n  .wta-prev {\r\n\r\n    left: 8px;\r\n\r\n  }\r\n\r\n\r\n  .wta-next {\r\n\r\n    right: 8px;\r\n\r\n  }\r\n\r\n\r\n  .wta-carousel-footer {\r\n\r\n    margin-top: 22px;\r\n\r\n  }\r\n\r\n\r\n  .wta-carousel-dots {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wta-safari-card,\r\n  .wta-safari-card-image img,\r\n  .wta-card-arrow,\r\n  .wta-card-read span,\r\n  .wta-carousel-track,\r\n  .wta-carousel-arrow {\r\n\r\n    transition: none;\r\n\r\n  }\r\n\r\n  .wta-carousel-loading span {\r\n\r\n    animation: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =======================================================\r\n     CONFIG\r\n     ======================================================= *\/\r\n\r\n  const API =\r\n    \"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/posts\";\r\n\r\n\r\n  const POSTS_PER_PAGE = 12;\r\n\r\n\r\n  const FALLBACK_IMAGE =\r\n    \"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/logo.png\";\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENTS\r\n     ======================================================= *\/\r\n\r\n  const track =\r\n    document.getElementById(\"wtaTrack\");\r\n\r\n\r\n  const viewport =\r\n    document.getElementById(\"wtaViewport\");\r\n\r\n\r\n  const prev =\r\n    document.getElementById(\"wtaPrev\");\r\n\r\n\r\n  const next =\r\n    document.getElementById(\"wtaNext\");\r\n\r\n\r\n  const filters =\r\n    document.querySelectorAll(\r\n      \".wta-filter\"\r\n    );\r\n\r\n\r\n  const counter =\r\n    document.getElementById(\r\n      \"wtaCounter\"\r\n    );\r\n\r\n\r\n  const dots =\r\n    document.getElementById(\r\n      \"wtaDots\"\r\n    );\r\n\r\n\r\n  const errorBox =\r\n    document.getElementById(\r\n      \"wtaError\"\r\n    );\r\n\r\n\r\n  if (!track) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     STATE\r\n     ======================================================= *\/\r\n\r\n  let allPosts = [];\r\n\r\n  let currentCategory = \"all\";\r\n\r\n  let currentPage = 0;\r\n\r\n  let postsPerView = 3;\r\n\r\n\r\n  \/* =======================================================\r\n     ESCAPE HTML\r\n     ======================================================= *\/\r\n\r\n  function escapeHTML(value) {\r\n\r\n    const element =\r\n      document.createElement(\"div\");\r\n\r\n    element.textContent =\r\n      value == null\r\n        ? \"\"\r\n        : String(value);\r\n\r\n    return element.innerHTML;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     STRIP HTML\r\n     ======================================================= *\/\r\n\r\n  function stripHTML(value) {\r\n\r\n    const element =\r\n      document.createElement(\"div\");\r\n\r\n    element.innerHTML =\r\n      value || \"\";\r\n\r\n    return (\r\n      element.textContent ||\r\n      element.innerText ||\r\n      \"\"\r\n    )\r\n      .replace(\/\\s+\/g, \" \")\r\n      .trim();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     IMAGE\r\n     ======================================================= *\/\r\n\r\n  function getImage(post) {\r\n\r\n    const media =\r\n      post._embedded &&\r\n      post._embedded[\"wp:featuredmedia\"] &&\r\n      post._embedded[\"wp:featuredmedia\"][0];\r\n\r\n\r\n    if (!media) {\r\n      return FALLBACK_IMAGE;\r\n    }\r\n\r\n\r\n    const sizes =\r\n      media.media_details &&\r\n      media.media_details.sizes;\r\n\r\n\r\n    if (\r\n      sizes &&\r\n      sizes.large &&\r\n      sizes.large.source_url\r\n    ) {\r\n\r\n      return sizes.large.source_url;\r\n\r\n    }\r\n\r\n\r\n    if (media.source_url) {\r\n\r\n      return media.source_url;\r\n\r\n    }\r\n\r\n\r\n    return FALLBACK_IMAGE;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CATEGORY\r\n     ======================================================= *\/\r\n\r\n  function getCategories(post) {\r\n\r\n    const groups =\r\n      post._embedded &&\r\n      post._embedded[\"wp:term\"];\r\n\r\n\r\n    if (!Array.isArray(groups)) {\r\n      return [];\r\n    }\r\n\r\n\r\n    const result = [];\r\n\r\n\r\n    groups.forEach(\r\n      function (group) {\r\n\r\n        if (!Array.isArray(group)) {\r\n          return;\r\n        }\r\n\r\n\r\n        group.forEach(\r\n          function (term) {\r\n\r\n            if (\r\n              term.taxonomy ===\r\n              \"category\"\r\n            ) {\r\n\r\n              result.push({\r\n                id: term.id,\r\n                name: term.name,\r\n                slug: term.slug\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    return result;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DATE\r\n     ======================================================= *\/\r\n\r\n  function formatDate(value) {\r\n\r\n    if (!value) {\r\n      return \"\";\r\n    }\r\n\r\n\r\n    try {\r\n\r\n      return new Intl.DateTimeFormat(\r\n        \"en-US\",\r\n        {\r\n          month: \"short\",\r\n          day: \"numeric\",\r\n          year: \"numeric\"\r\n        }\r\n      ).format(\r\n        new Date(value)\r\n      );\r\n\r\n    } catch (error) {\r\n\r\n      return \"\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     FETCH POSTS\r\n     ======================================================= *\/\r\n\r\n  async function fetchPosts() {\r\n\r\n    \/*\r\n     * Fetch 12 posts.\r\n     *\r\n     * _embed gives us:\r\n     * - Featured image\r\n     * - Categories\r\n     * - Other embedded data\r\n     *\/\r\n\r\n    const url =\r\n      API +\r\n      \"?per_page=\" +\r\n      POSTS_PER_PAGE +\r\n      \"&page=1\" +\r\n      \"&_embed\";\r\n\r\n\r\n    const response =\r\n      await fetch(\r\n        url,\r\n        {\r\n          method: \"GET\",\r\n\r\n          headers: {\r\n            \"Accept\":\r\n              \"application\/json\"\r\n          },\r\n\r\n          credentials: \"omit\"\r\n        }\r\n      );\r\n\r\n\r\n    if (!response.ok) {\r\n\r\n      throw new Error(\r\n        \"WordPress returned HTTP \" +\r\n        response.status\r\n      );\r\n\r\n    }\r\n\r\n\r\n    const posts =\r\n      await response.json();\r\n\r\n\r\n    if (!Array.isArray(posts)) {\r\n\r\n      throw new Error(\r\n        \"Invalid WordPress response.\"\r\n      );\r\n\r\n    }\r\n\r\n\r\n    return posts;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     FILTER POSTS\r\n     ======================================================= *\/\r\n\r\n  function getFilteredPosts() {\r\n\r\n    if (\r\n      currentCategory === \"all\"\r\n    ) {\r\n\r\n      return allPosts;\r\n\r\n    }\r\n\r\n\r\n    return allPosts.filter(\r\n      function (post) {\r\n\r\n        const categories =\r\n          getCategories(post);\r\n\r\n\r\n        return categories.some(\r\n          function (category) {\r\n\r\n            return (\r\n              category.slug ===\r\n              currentCategory\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CREATE CARD\r\n     ======================================================= *\/\r\n\r\n  function createCard(post) {\r\n\r\n    const title =\r\n      stripHTML(\r\n        post.title &&\r\n        post.title.rendered\r\n      ) ||\r\n      \"Untitled story\";\r\n\r\n\r\n    const excerpt =\r\n      stripHTML(\r\n        post.excerpt &&\r\n        post.excerpt.rendered\r\n      );\r\n\r\n\r\n    const categories =\r\n      getCategories(post);\r\n\r\n\r\n    const category =\r\n      categories.length\r\n        ? categories[0].name\r\n        : \"Safari Stories\";\r\n\r\n\r\n    const image =\r\n      getImage(post);\r\n\r\n\r\n    const date =\r\n      formatDate(post.date);\r\n\r\n\r\n    const link =\r\n      post.link || \"#\";\r\n\r\n\r\n    const card =\r\n      document.createElement(\r\n        \"article\"\r\n      );\r\n\r\n\r\n    card.className =\r\n      \"wta-safari-card\";\r\n\r\n\r\n    card.innerHTML = `\r\n\r\n      <a\r\n        href=\"${escapeHTML(link)}\"\r\n        class=\"wta-safari-card-image\"\r\n        aria-label=\"Read ${escapeHTML(title)}\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"${escapeHTML(image)}\"\r\n          alt=\"${escapeHTML(title)}\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <span class=\"wta-card-category\">\r\n          ${escapeHTML(category)}\r\n        <\/span>\r\n\r\n        <span class=\"wta-card-arrow\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <div class=\"wta-safari-card-body\">\r\n\r\n        <div class=\"wta-card-meta\">\r\n\r\n          <span>\r\n            ${escapeHTML(date)}\r\n          <\/span>\r\n\r\n          <span class=\"wta-meta-dot\"><\/span>\r\n\r\n          <span>\r\n            Wild Trek Africa\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"wta-card-title\">\r\n\r\n          <a\r\n            href=\"${escapeHTML(link)}\"\r\n          >\r\n            ${escapeHTML(title)}\r\n          <\/a>\r\n\r\n        <\/h3>\r\n\r\n\r\n        <p class=\"wta-card-excerpt\">\r\n\r\n          ${escapeHTML(excerpt)}\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"${escapeHTML(link)}\"\r\n          class=\"wta-card-read\"\r\n        >\r\n\r\n          Read story\r\n\r\n          <span>\u2192<\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    `;\r\n\r\n\r\n    \/*\r\n     * Broken image fallback.\r\n     *\/\r\n\r\n    const imageElement =\r\n      card.querySelector(\"img\");\r\n\r\n\r\n    if (imageElement) {\r\n\r\n      imageElement.addEventListener(\r\n        \"error\",\r\n        function () {\r\n\r\n          imageElement.src =\r\n            FALLBACK_IMAGE;\r\n\r\n        },\r\n        {\r\n          once: true\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    return card;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     RESPONSIVE POSTS PER VIEW\r\n     ======================================================= *\/\r\n\r\n  function getPostsPerView() {\r\n\r\n    if (\r\n      window.innerWidth <= 650\r\n    ) {\r\n\r\n      return 1;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      window.innerWidth <= 1000\r\n    ) {\r\n\r\n      return 2;\r\n\r\n    }\r\n\r\n\r\n    return 3;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     BUILD CAROUSEL\r\n     ======================================================= *\/\r\n\r\n  function renderCarousel() {\r\n\r\n    const posts =\r\n      getFilteredPosts();\r\n\r\n\r\n    postsPerView =\r\n      getPostsPerView();\r\n\r\n\r\n    currentPage = 0;\r\n\r\n\r\n    track.innerHTML = \"\";\r\n\r\n\r\n    \/*\r\n     * No matching posts.\r\n     *\/\r\n\r\n    if (!posts.length) {\r\n\r\n      track.innerHTML = `\r\n\r\n        <div\r\n          style=\"\r\n            width:100%;\r\n            padding:70px 20px;\r\n            text-align:center;\r\n            color:#737b73;\r\n          \"\r\n        >\r\n\r\n          No stories found in this category.\r\n\r\n        <\/div>\r\n\r\n      `;\r\n\r\n\r\n      updateControls(\r\n        0,\r\n        0\r\n      );\r\n\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Add cards.\r\n     *\/\r\n\r\n    posts.forEach(\r\n      function (post) {\r\n\r\n        track.appendChild(\r\n          createCard(post)\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    createDots(\r\n      posts.length\r\n    );\r\n\r\n\r\n    updateCarousel();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     TOTAL PAGES\r\n     ======================================================= *\/\r\n\r\n  function getTotalPages() {\r\n\r\n    const posts =\r\n      getFilteredPosts();\r\n\r\n\r\n    return Math.max(\r\n      1,\r\n      Math.ceil(\r\n        posts.length \/\r\n        postsPerView\r\n      )\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     UPDATE CAROUSEL\r\n     ======================================================= *\/\r\n\r\n  function updateCarousel() {\r\n\r\n    const totalPages =\r\n      getTotalPages();\r\n\r\n\r\n    \/*\r\n     * Prevent invalid page.\r\n     *\/\r\n\r\n    if (\r\n      currentPage >\r\n      totalPages - 1\r\n    ) {\r\n\r\n      currentPage =\r\n        totalPages - 1;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Each page moves by the number\r\n     * of cards visible.\r\n     *\/\r\n\r\n    const offset =\r\n      currentPage *\r\n      (100 \/ postsPerView) *\r\n      postsPerView;\r\n\r\n\r\n    track.style.transform =\r\n      \"translateX(-\" +\r\n      offset +\r\n      \"%)\";\r\n\r\n\r\n    updateControls(\r\n      currentPage,\r\n      totalPages\r\n    );\r\n\r\n\r\n    updateDots();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CONTROLS\r\n     ======================================================= *\/\r\n\r\n  function updateControls(\r\n    page,\r\n    totalPages\r\n  ) {\r\n\r\n    prev.disabled =\r\n      page <= 0;\r\n\r\n\r\n    next.disabled =\r\n      page >= totalPages - 1;\r\n\r\n\r\n    const current =\r\n      String(\r\n        Math.min(\r\n          page + 1,\r\n          totalPages\r\n        )\r\n      ).padStart(2, \"0\");\r\n\r\n\r\n    const total =\r\n      String(\r\n        totalPages\r\n      ).padStart(2, \"0\");\r\n\r\n\r\n    counter.textContent =\r\n      current +\r\n      \" \u2014 \" +\r\n      total;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     NEXT\r\n     ======================================================= *\/\r\n\r\n  next.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      const totalPages =\r\n        getTotalPages();\r\n\r\n\r\n      if (\r\n        currentPage <\r\n        totalPages - 1\r\n      ) {\r\n\r\n        currentPage++;\r\n\r\n        updateCarousel();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     PREVIOUS\r\n     ======================================================= *\/\r\n\r\n  prev.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      if (\r\n        currentPage > 0\r\n      ) {\r\n\r\n        currentPage--;\r\n\r\n        updateCarousel();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     DOTS\r\n     ======================================================= *\/\r\n\r\n  function createDots(total) {\r\n\r\n    dots.innerHTML = \"\";\r\n\r\n\r\n    const totalPages =\r\n      Math.ceil(\r\n        total \/\r\n        postsPerView\r\n      );\r\n\r\n\r\n    \/*\r\n     * Don't create dozens of dots.\r\n     *\/\r\n\r\n    if (\r\n      totalPages <= 1\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    for (\r\n      let i = 0;\r\n      i < totalPages;\r\n      i++\r\n    ) {\r\n\r\n      const dot =\r\n        document.createElement(\r\n          \"button\"\r\n        );\r\n\r\n\r\n      dot.className =\r\n        \"wta-carousel-dot\";\r\n\r\n\r\n      dot.type =\r\n        \"button\";\r\n\r\n\r\n      dot.setAttribute(\r\n        \"aria-label\",\r\n        \"Go to slide \" +\r\n        (i + 1)\r\n      );\r\n\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          currentPage = i;\r\n\r\n          updateCarousel();\r\n\r\n        }\r\n      );\r\n\r\n\r\n      dots.appendChild(dot);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function updateDots() {\r\n\r\n    const dotElements =\r\n      dots.querySelectorAll(\r\n        \".wta-carousel-dot\"\r\n      );\r\n\r\n\r\n    dotElements.forEach(\r\n      function (dot, index) {\r\n\r\n        dot.classList.toggle(\r\n          \"active\",\r\n          index === currentPage\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     FILTERS\r\n     ======================================================= *\/\r\n\r\n  filters.forEach(\r\n    function (filter) {\r\n\r\n      filter.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          \/*\r\n           * Active state.\r\n           *\/\r\n\r\n          filters.forEach(\r\n            function (button) {\r\n\r\n              button.classList.remove(\r\n                \"active\"\r\n              );\r\n\r\n              button.setAttribute(\r\n                \"aria-selected\",\r\n                \"false\"\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n\r\n          filter.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n\r\n          filter.setAttribute(\r\n            \"aria-selected\",\r\n            \"true\"\r\n          );\r\n\r\n\r\n          \/*\r\n           * Change category.\r\n           *\/\r\n\r\n          currentCategory =\r\n            filter.dataset.category;\r\n\r\n\r\n          \/*\r\n           * Rebuild carousel.\r\n           *\/\r\n\r\n          renderCarousel();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     SWIPE SUPPORT\r\n     ======================================================= *\/\r\n\r\n  let touchStartX = 0;\r\n\r\n  let touchEndX = 0;\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      touchStartX =\r\n        event.changedTouches[0].screenX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  viewport.addEventListener(\r\n    \"touchend\",\r\n    function (event) {\r\n\r\n      touchEndX =\r\n        event.changedTouches[0].screenX;\r\n\r\n\r\n      const difference =\r\n        touchStartX -\r\n        touchEndX;\r\n\r\n\r\n      \/*\r\n       * Swipe left = next.\r\n       *\/\r\n\r\n      if (\r\n        Math.abs(difference) > 50\r\n      ) {\r\n\r\n        if (difference > 0) {\r\n\r\n          next.click();\r\n\r\n        } else {\r\n\r\n          prev.click();\r\n\r\n        }\r\n\r\n      }\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     KEYBOARD SUPPORT\r\n     ======================================================= *\/\r\n\r\n  document.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n      \/*\r\n       * Only react when carousel\r\n       * is visible.\r\n       *\/\r\n\r\n      const rect =\r\n        viewport.getBoundingClientRect();\r\n\r\n\r\n      const visible =\r\n        rect.top <\r\n          window.innerHeight &&\r\n        rect.bottom > 0;\r\n\r\n\r\n      if (!visible) {\r\n        return;\r\n      }\r\n\r\n\r\n      if (\r\n        event.key === \"ArrowLeft\"\r\n      ) {\r\n\r\n        prev.click();\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        event.key === \"ArrowRight\"\r\n      ) {\r\n\r\n        next.click();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     RESIZE\r\n     ======================================================= *\/\r\n\r\n  let resizeTimer;\r\n\r\n\r\n  window.addEventListener(\r\n    \"resize\",\r\n    function () {\r\n\r\n      clearTimeout(\r\n        resizeTimer\r\n      );\r\n\r\n\r\n      resizeTimer =\r\n        setTimeout(\r\n          function () {\r\n\r\n            renderCarousel();\r\n\r\n          },\r\n          200\r\n        );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     INITIAL LOAD\r\n     ======================================================= *\/\r\n\r\n  async function init() {\r\n\r\n    try {\r\n\r\n      const response =\r\n        await fetch(\r\n          API +\r\n          \"?per_page=\" +\r\n          POSTS_PER_PAGE +\r\n          \"&page=1&_embed\",\r\n          {\r\n            method: \"GET\",\r\n\r\n            headers: {\r\n              \"Accept\":\r\n                \"application\/json\"\r\n            },\r\n\r\n            credentials: \"omit\"\r\n          }\r\n        );\r\n\r\n\r\n      if (!response.ok) {\r\n\r\n        throw new Error(\r\n          \"WordPress returned HTTP \" +\r\n          response.status\r\n        );\r\n\r\n      }\r\n\r\n\r\n      allPosts =\r\n        await response.json();\r\n\r\n\r\n      if (\r\n        !Array.isArray(allPosts)\r\n      ) {\r\n\r\n        throw new Error(\r\n          \"Invalid WordPress response.\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      errorBox.hidden = true;\r\n\r\n\r\n      renderCarousel();\r\n\r\n\r\n    } catch (error) {\r\n\r\n      console.error(\r\n        \"Wild Trek Africa:\",\r\n        error\r\n      );\r\n\r\n\r\n      track.innerHTML = \"\";\r\n\r\n\r\n      errorBox.hidden = false;\r\n\r\n\r\n      errorBox.innerHTML =\r\n        \"Unable to load stories. \" +\r\n        escapeHTML(\r\n          error.message\r\n        );\r\n\r\n\r\n      prev.disabled = true;\r\n\r\n      next.disabled = true;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  init();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1ca26b4 e-con e-atomic-element e-flexbox-base e-default-div e-3e6fb92 \" data-id=\"1ca26b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1ca26b4\">\n    \t\t<div class=\"elementor-element elementor-element-cfc7487 elementor-widget elementor-widget-html\" data-id=\"cfc7487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PARTNERS LOGO SLIDER\r\n========================================= -->\r\n\r\n<section class=\"wta-partners\" aria-labelledby=\"wta-partners-title\">\r\n\r\n    <div class=\"wta-partners-container\">\r\n\r\n        <!-- Section Heading -->\r\n        <div class=\"wta-partners-heading\">\r\n\r\n            <p class=\"wta-partners-eyebrow\">\r\n                Our Partners\r\n            <\/p>\r\n\r\n            <h2 id=\"wta-partners-title\">\r\n                Trusted connections across East Africa.\r\n            <\/h2>\r\n\r\n            <p>\r\n                We work alongside respected tourism, conservation,\r\n                hospitality and travel partners to deliver seamless\r\n                safari experiences across the region.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Logo Slider -->\r\n        <div class=\"wta-partners-slider\">\r\n\r\n            <div class=\"wta-partners-track\">\r\n\r\n\r\n                <!-- ===============================\r\n                     FIRST SET\r\n                ================================ -->\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/vr.avif\"\r\n                        alt=\"Wild Trek Africa partner logo\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/rdb.avif\"\r\n                        alt=\"Rwanda Development Board\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/rw.avif\"\r\n                        alt=\"Wild Trek Africa partner logo\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/Singita.avif\"\r\n                        alt=\"Singita\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n                \r\n                \r\n                \r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/1.avif\"\r\n                        alt=\"One&Only\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n                \r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/u.avif\"\r\n                        alt=\"Wild Trek Africa partner logo\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/wilderness.avif\"\r\n                        alt=\"Wilderness\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/logo.avif\"\r\n                        alt=\"Wild Trek Africa partner logo\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ===============================\r\n                     DUPLICATE SET\r\n                     Required for seamless sliding\r\n                ================================ -->\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/vr.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/rdb.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/rw.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/Singita.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/u.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/wilderness.avif\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wta-partner-logo\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/isangedigital.com\/wildtrek\/wp-content\/uploads\/2026\/09\/logo.png\"\r\n                        alt=\"\"\r\n                    >\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <style>\r\n        \r\n        \/* =========================================\r\n   PARTNERS LOGO SLIDER\r\n========================================= *\/\r\n\r\n.wta-partners,\r\n.wta-partners * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.wta-partners {\r\n    --wta-partner-dark: #101811;\r\n    --wta-partner-green: #36503b;\r\n    --wta-partner-bg: #ffffff;\r\n    --wta-partner-border: rgba(22, 52, 29, 0.12);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 50px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--wta-partner-bg);\r\n\r\n    color: var(--wta-partner-dark);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.wta-partners-container {\r\n    width: min(100% - 50px, 1380px);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.wta-partners-heading {\r\n    max-width: 760px;\r\n\r\n    margin: 0 auto 55px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.wta-partners-eyebrow {\r\n    margin: 0 0 15px;\r\n\r\n    color: #f0bf8d;\r\n\r\n    font-family:\r\n        Inter,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.wta-partners-heading h2 {\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--wta-partner-dark);\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(\r\n        42px,\r\n        4.5vw,\r\n        64px\r\n    );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n.wta-partners-heading > p:last-child {\r\n    max-width: 650px;\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    color: #626a64;\r\n\r\n    font-family:\r\n        Poppins,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SLIDER\r\n========================================= *\/\r\n\r\n.wta-partners-slider {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 10px 0;\r\n}\r\n\r\n\r\n\/* Fade effect on left\/right *\/\r\n\r\n.wta-partners-slider::before,\r\n.wta-partners-slider::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    bottom: 0;\r\n\r\n    z-index: 5;\r\n\r\n    width: 100px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.wta-partners-slider::before {\r\n    left: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #ffffff,\r\n            rgba(255, 255, 255, 0)\r\n        );\r\n}\r\n\r\n\r\n.wta-partners-slider::after {\r\n    right: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to left,\r\n            #ffffff,\r\n            rgba(255, 255, 255, 0)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOVING TRACK\r\n========================================= *\/\r\n\r\n.wta-partners-track {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    width: max-content;\r\n\r\n    gap: 24px;\r\n\r\n    animation:\r\n        wtaPartnerSlide\r\n        28s\r\n        linear\r\n        infinite;\r\n\r\n    will-change: transform;\r\n}\r\n\r\n\r\n\/* Pause on hover *\/\r\n\r\n.wta-partners-slider:hover\r\n.wta-partners-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LOGO CONTAINER\r\n========================================= *\/\r\n\r\n.wta-partner-logo {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 220px;\r\n\r\n    width: 220px;\r\n\r\n    height: 125px;\r\n\r\n    padding: 22px 28px;\r\n\r\n    background: #ffffff;\r\n\r\n    border:\r\n        1px solid var(--wta-partner-border);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n\r\n.wta-partner-logo:hover {\r\n    transform: translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(22, 52, 29, 0.22);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(17, 35, 21, 0.08);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   UNIFORM LOGO SIZE\r\n========================================= *\/\r\n\r\n.wta-partner-logo img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 155px;\r\n\r\n    height: 72px;\r\n\r\n    object-fit: contain;\r\n\r\n    object-position: center;\r\n\r\n    filter:\r\n        grayscale(100%);\r\n\r\n    opacity: 0.8;\r\n\r\n    transition:\r\n        filter 0.3s ease,\r\n        opacity 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n.wta-partner-logo:hover img {\r\n    filter:\r\n        grayscale(0%);\r\n\r\n    opacity: 1;\r\n\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SLIDING ANIMATION\r\n========================================= *\/\r\n\r\n@keyframes wtaPartnerSlide {\r\n\r\n    from {\r\n        transform:\r\n            translateX(0);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            translateX(\r\n                calc(\r\n                    -50%\r\n                    - 12px\r\n                )\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .wta-partners {\r\n        padding: 90px 0;\r\n    }\r\n\r\n\r\n    .wta-partners-container {\r\n        width: min(\r\n            100% - 40px,\r\n            950px\r\n        );\r\n    }\r\n\r\n\r\n    .wta-partner-logo {\r\n        flex-basis: 190px;\r\n\r\n        width: 190px;\r\n\r\n        height: 115px;\r\n\r\n        padding: 20px 24px;\r\n    }\r\n\r\n\r\n    .wta-partner-logo img {\r\n        max-width: 140px;\r\n\r\n        height: 65px;\r\n    }\r\n\r\n\r\n    .wta-partners-track {\r\n        gap: 20px;\r\n\r\n        animation-duration: 25s;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .wta-partners {\r\n        padding: 75px 0;\r\n    }\r\n\r\n\r\n    .wta-partners-container {\r\n        width: calc(\r\n            100% - 30px\r\n        );\r\n    }\r\n\r\n\r\n    .wta-partners-heading {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n\r\n    .wta-partners-eyebrow {\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 2.2px;\r\n    }\r\n\r\n\r\n    .wta-partners-heading h2 {\r\n        font-size: clamp(\r\n            38px,\r\n            11vw,\r\n            52px\r\n        );\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .wta-partners-heading > p:last-child {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .wta-partner-logo {\r\n        flex-basis: 160px;\r\n\r\n        width: 160px;\r\n\r\n        height: 100px;\r\n\r\n        padding: 17px 20px;\r\n    }\r\n\r\n\r\n    .wta-partner-logo img {\r\n        max-width: 120px;\r\n\r\n        height: 58px;\r\n    }\r\n\r\n\r\n    .wta-partners-track {\r\n        gap: 15px;\r\n\r\n        animation-duration: 22s;\r\n    }\r\n\r\n\r\n    .wta-partners-slider::before,\r\n    .wta-partners-slider::after {\r\n        width: 45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (\r\n    prefers-reduced-motion: reduce\r\n) {\r\n\r\n    .wta-partners-track {\r\n        animation: none;\r\n\r\n        flex-wrap: wrap;\r\n\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    .wta-partners-track\r\n    .wta-partner-logo[aria-hidden=\"true\"] {\r\n        display: none;\r\n    }\r\n\r\n}\r\n        \r\n    <\/style>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Private East Africa Journeys Gorilla Trekking Tours Travel through Rwanda and Uganda on carefully designed private journeys that pair rare primate encounters with polished local service.<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":69,"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/pages\/9\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/isangedigital.com\/wildtrek\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}