<!DOCTYPE html>
<html lang="en-GB" class="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="fJiCtJW8FzXGHn6wiMeOO3E8g3AU2iUMaayAMVeI">
                                    <link rel="icon" type="image/png" href="https://xtremerepublic.com/public/uploads/0000/1/2025/11/22/xtreme-logo-tours-and-travel-2.png" />
            
    <meta name="robots" content="noindex,follow">
<link rel="canonical" href="https://xtremerepublic.com/public/location/international-destinations"/>

        <title>International Destinations - Xtreme Republic</title>
    <meta name="description" content="We are Kenya&#039;s most trusted safari and adventure travel specialist. From intimate Masai Mara safaris and Uganda gorilla trekking to Zanzibar beach escapes and corporate expeditions across Africa, we design journeys that feel personal, not packaged. Whether you&#039;re seeking luxury wildlife retreats, bu"/>
    
    <meta property="og:url" content="https://xtremerepublic.com/public/location/international-destinations"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="International Destinations"/>
    <meta property="og:description" content="We are Kenya&#039;s most trusted safari and adventure travel specialist. From intimate Masai Mara safaris and Uganda gorilla trekking to Zanzibar beach escapes and corporate expeditions across Africa, we design journeys that feel personal, not packaged. Whether you&#039;re seeking luxury wildlife retreats, bu"/>
    <meta property="og:image" content=""/>
            <meta property="og:site_name" content="Xtreme Republic" />
            
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="International Destinations">
    <meta name="twitter:description" content="We are Kenya&#039;s most trusted safari and adventure travel specialist. From intimate Masai Mara safaris and Uganda gorilla trekking to Zanzibar beach escapes and corporate expeditions across Africa, we design journeys that feel personal, not packaged. Whether you&#039;re seeking luxury wildlife retreats, bu">
    <meta name="twitter:image" content="">
    

        

<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "TravelAgency",
    "name": "Xtreme Republic",
    "url": "https://xtremerepublic.com/public",
    "description": "We are Kenya's most trusted safari and adventure travel specialist. From intimate Masai Mara safaris and Uganda gorilla trekking to Zanzibar beach escapes and corporate expeditions across Africa, we design journeys that feel personal, not packaged. Whether you're seeking luxury wildlife retreats, budget-friendly African adventures, or tailor-made honeymoon packages, we combine deep local expertise with global reach. We work across East Africa, Southern Africa, and beyond—handling everything from hotel bookings to paragliding in Hell's Gate, from Diani beach trips to Maldives honeymoons. We know Africa because we live here. We know travel because we've designed thousands of itineraries for individuals, families, and corporate groups seeking authentic experiences, not tourist trails.",
    "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer service",
        "availableLanguage": [
            "English"
        ]
    },
    "sameAs": []
}</script>


<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://xtremerepublic.com/public"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "International Destinations",
            "item": "https://xtremerepublic.com/public/location/international-destinations"
        }
    ]
}</script>
    
    
    <link href="https://xtremerepublic.com/public/themes/gotrip/css/vendors.css" rel="stylesheet">
    <link href="https://xtremerepublic.com/public/themes/gotrip/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="https://xtremerepublic.com/public/themes/gotrip/dist/frontend/css/app.css?_v=3.7.0-select2hydrate">

    
    <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/luxury-bridge.css?_v=3.7.0-select2hydrate" rel="stylesheet">
    <link href="https://xtremerepublic.com/public/themes/gotrip/css/unified-search-luxury.css?_v=3.7.0-select2hydrate" rel="stylesheet">

    
    <style>
    .typewriter-title {
        visibility: hidden;
        display: block;
        max-width: 100%;
        font-size: 25px !important;
        line-height: 1.3;
        letter-spacing: normal;
        word-spacing: normal;
        word-break: normal;
        overflow-wrap: break-word;
        white-space: normal;
        font-kerning: normal;
        font-variant-ligatures: none;
    }
    .typewriter-title .typewriter-text {
        display: inline;
        font-size: 25px !important;
        letter-spacing: normal;
        word-spacing: 0.15em;
        white-space: normal;
    }
    .modern-tour-banner .typewriter-title,
    .location_banner .text-banner .typewriter-title {
        display: block;
        font-size: 25px !important;
        line-height: 1.3 !important;
        white-space: normal;
        word-break: break-word;
        max-width: 100%;
    }
    /* GoTrip utility size classes used on detail pages — when combined
       with .typewriter-title we force the same 25px size so the
       headline and its blinking cursor stay matched. */
    .typewriter-title.text-70,
    .typewriter-title.text-65,
    .typewriter-title.text-60,
    .typewriter-title.text-50,
    .typewriter-title.text-40,
    .typewriter-title.text-30,
    .typewriter-title.text-25 {
        font-size: 25px !important;
    }
    @media (max-width: 767px) {
        .typewriter-title.sm\:text-65,
        .typewriter-title.sm\:text-60,
        .typewriter-title.sm\:text-50,
        .typewriter-title.sm\:text-40,
        .typewriter-title.sm\:text-25 {
            font-size: 25px !important;
        }
    }
    .typewriter-title.typewriter-active,
    .typewriter-title.typewriter-done {
        visibility: visible;
    }
    .typewriter-title .typewriter-text {
        color: inherit;
    }
    /* White typewriter on dark hero banners */
    .modern-tour-banner .typewriter-title,
    .location_banner .text-banner .typewriter-title,
    .bravo_hotel_detail .banner-overlay .typewriter-title,
    .typewriter-title.typewriter-title--white {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff;
    }
    .typewriter-title::after {
        content: '|';
        display: inline-block;
        margin-left: 3px;
        color: #ffffff;
        font-weight: 300;
        animation: tw-blink 0.55s step-end infinite;
        vertical-align: baseline;
    }
    .typewriter-title.typewriter-done::after {
        display: none;
    }
    @keyframes tw-blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0; }
    }
    .bravo_hotel_detail .banner-overlay .typewriter-title,
    .bravo_hotel_detail .g-header .typewriter-title,
    .bravo_hotel_detail .hotel-detail-hero__overlay .typewriter-title {
        display: block;
        font-size: 25px !important;
        line-height: 1.3 !important;
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
        letter-spacing: normal;
        word-spacing: 0.1em;
    }
    .bravo_hotel_detail .button.-dark-1,
    .bravo_hotel_detail .hotel-detail-cta {
        background: linear-gradient(135deg, var(--brand-button-bg, #31964a) 0%, var(--brand-button-hover-bg, #247339) 100%) !important;
        color: var(--brand-button-text, #ffffff) !important;
        border: none !important;
    }
    /* "You might also like" — 2 per row mobile, 4 per row desktop */
    .layout-pt-lg .row.y-gap-30 > .col-6,
    .layout-pt-md .row.y-gap-30 > .col-6 {
        padding-left: 8px;
        padding-right: 8px;
    }
    @media (min-width: 992px) {
        .layout-pt-lg .row.y-gap-30 > .col-lg-3,
        .layout-pt-md .row.y-gap-30 > .col-lg-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }
    }
    .layout-pt-lg .row.y-gap-30.pt-40,
    .layout-pt-md .row.y-gap-30.pt-40 {
        padding-top: 24px !important;
        row-gap: 16px !important;
    }
    .layout-pt-lg .col-6 .tourCard__title,
    .layout-pt-md .col-6 .tourCard__title {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    .layout-pt-lg .col-6 .tourCard__content,
    .layout-pt-md .col-6 .tourCard__content {
        padding: 8px 10px 10px !important;
    }
    </style>

    
    <link href="https://xtremerepublic.com/public/themes/gotrip/css/luxury-gallery.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/modern-luxury-system.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/mobile-enhancements.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/layout-modernizations.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/user-dashboard-luxury.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/dist/frontend/css/tour-animations.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    
    <link href="https://xtremerepublic.com/public/libs/icofont/icofont.min.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/themes/gotrip/css/icomoon.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/libs/daterange/daterangepicker.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/libs/carousel-2/owl.carousel.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/css/hotel-ui.css" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/css/hotel-grid-responsive.css?_v=3.7.0-select2hydrate" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://xtremerepublic.com/public/custom-css" rel="stylesheet" media="print" onload="this.media='all'">
            <link rel="stylesheet" href="https://xtremerepublic.com/public/libs/cookie-consent/cookieconsent.css" media="print" onload="this.media='all'">
            
    <noscript>
        <link href="https://xtremerepublic.com/public/themes/gotrip/css/luxury-gallery.css" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/modern-luxury-system.css?_v=3.7.0-select2hydrate" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/mobile-enhancements.css?_v=3.7.0-select2hydrate" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/layout-modernizations.css?_v=3.7.0-select2hydrate" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/themes/gotrip/assets/css/user-dashboard-luxury.css?_v=3.7.0-select2hydrate" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/libs/icofont/icofont.min.css" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/css/hotel-ui.css" rel="stylesheet">
        <link href="https://xtremerepublic.com/public/css/hotel-grid-responsive.css?_v=3.7.0-select2hydrate" rel="stylesheet">
    </noscript>

    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"></noscript>

    
    
    <style>
        body,input,textarea,select,button,.form-control,.btn,p,span,div,a,li,td,th,label{font-family:satoshi;font-size:15px;line-height:1.6;font-weight:400;}
        h1,.h1{font-family:,sans-serif;}
        h2,.h2{font-family:,sans-serif;}
        h3,h4,h5,h6,.h3,.h4,.h5,.h6{font-family:,sans-serif;}
        .field-phone{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important;}
        #phone-field{display:block!important;visibility:visible!important;background-color:#fff!important;border:1px solid #ddd!important;padding:12px!important;}
        :root{--luxury-charcoal:#2C2C2C;--luxury-charcoal-light:#404040;--luxury-font-body:'Inter','Helvetica Neue',sans-serif;}
        .mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid rgba(var(--brand-primary-rgb, 49,150,74),.2);box-shadow:0 -4px 12px rgba(0,0,0,.08);padding:8px 0 max(8px,env(safe-area-inset-bottom));}
        .mobile-nav-container{display:flex;justify-content:space-around;align-items:center;padding:0 10px;}
        .mobile-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--luxury-charcoal-light);padding:6px 10px;border-radius:10px;min-width:56px;}
        .mobile-nav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;margin-bottom:3px;}
        .mobile-nav-icon i{font-size:17px;}
        .mobile-nav-text{font-size:11px;font-weight:500;text-align:center;line-height:1.2;}
        .mobile-nav-item.mobile-nav-home{background:var(--brand-primary,#31964a);color:var(--brand-button-text,#ffffff)!important;transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb, 49,150,74),.4);}
        .mobile-nav-item.mobile-nav-home .mobile-nav-text{color:var(--brand-button-text,#ffffff)!important;}
        @media(max-width:1023px){body,.bravo_wrap{padding-bottom:80px;}}
        @media(max-width:375px){.mobile-nav-item{padding:5px 7px;min-width:48px;}.mobile-nav-icon i{font-size:15px;}.mobile-nav-text{font-size:10px;}}
        @media(max-width:767px){.layout-pt-md,.layout-pt-lg{padding-top:30px!important;}.layout-pb-md,.layout-pb-lg{padding-bottom:30px!important;}.container{padding-left:15px!important;padding-right:15px!important;}}
    </style>

    
    <script>
    var bookingCore = {
        url:'https://xtremerepublic.com/public',
        url_root:'https://xtremerepublic.com/public',
        admin_url:'https://xtremerepublic.com/public/admin',
        booking_decimals:0,
        thousand_separator:',',
        decimal_separator:'.',
        currency_position:'left',
        currency_symbol:'KSh',
        currency_rate:'1',
        date_format:'DD/MM/YYYY',
        map_provider:'osm',
        map_gmap_key:'',
        map_options:{
            map_lat_default:'-1.292066',
            map_lng_default:'36.821945',
            map_clustering: true,
            map_fit_bounds: true,
        },
        routes:{
            login:'https://xtremerepublic.com/public/login',
            register:'https://xtremerepublic.com/public/register',
            checkout:'https://xtremerepublic.com/public/booking/doCheckout'
        },
        currentUser: 0,
        isAdmin : 0,
        rtl: false,
        markAsRead:'https://xtremerepublic.com/public/notify/markAsRead',
        markAllAsRead:'https://xtremerepublic.com/public/notify/markAllAsRead',
        deleteNotification:"https:\/\/xtremerepublic.com\/public\/notify\/delete\/__NOTIFICATION_ID__",
        deleteAllNotifications:'https://xtremerepublic.com/public/notify/delete-all',
        loadNotify : 'https://xtremerepublic.com/public/notify/notifications',
        pusher_api_key : 'ea4ca9b16f4bd7433b2a',
        pusher_cluster : 'mt1',
        language: 'en_GB',
        request_quote_text: 'Request for quote',
        module:{}
    };
                            bookingCore.module["hotel"] = "https:\/\/xtremerepublic.com\/public\/hotel";
                                bookingCore.module["tour"] = "https:\/\/xtremerepublic.com\/public\/tour";
                var i18n = {
        warning:"Warning",
        success:"Success",
        confirm_delete:"Do you want to delete?",
        confirm:"Confirm",
        cancel:"Cancel",
    };
    var daterangepickerLocale = {
        "applyLabel": "Apply",
        "cancelLabel": "Cancel",
        "fromLabel": "From",
        "toLabel": "To",
        "customRangeLabel": "Custom",
        "weekLabel": "W",
        "first_day_of_week": 1,
        "daysOfWeek": [
            "Su",
            "Mo",
            "Tu",
            "We",
            "Th",
            "Fr",
            "Sa"
        ],
        "monthNames": [
            "January",
            "February",
            "March",
            "April",
            "May",
            "June",
            "July",
            "August",
            "September",
            "October",
            "November",
            "December"
        ],
    };
    window.currentUrl = 'https://xtremerepublic.com/public/location/international-destinations';
</script>
<script>
(function () {
    window.whenJQueryReady = window.whenJQueryReady || function (fn) {
        (function wait() {
            if (typeof window.jQuery !== 'undefined') {
                fn(window.jQuery);
            } else {
                setTimeout(wait, 50);
            }
        })();
    };

    window.whenJQueryReady(function ($) {
        function notificationDeleteUrl(id) {
            if (!bookingCore.deleteNotification) {
                return '';
            }
            return bookingCore.deleteNotification.replace('__NOTIFICATION_ID__', encodeURIComponent(id));
        }

        $(document).on('click', '.deleteNotification', function (e) {
            e.preventDefault();
            e.stopPropagation();

            var $btn = $(this);
            var id = $btn.data('id');
            if (!id) {
                return;
            }
            if (!window.confirm((window.i18n && i18n.confirm_delete) || 'Do you want to delete?')) {
                return;
            }

            $.post(notificationDeleteUrl(id)).done(function () {
                var $wrapper = $btn.closest('.dropdown-notifications');
                var $item = $btn.closest('li.notification');
                var wasUnread = $item.hasClass('active');
                $item.remove();

                if ($wrapper.length && wasUnread) {
                    var $count = $wrapper.find('.notification-icon, .notif-count');
                    $count.each(function () {
                        var next = Math.max(0, parseInt($(this).text(), 10) - 1);
                        $(this).text(isNaN(next) ? 0 : next);
                    });
                }
            });
        });

        $(document).on('click', '.deleteAllNotifications', function (e) {
            e.preventDefault();
            e.stopPropagation();

            if (!bookingCore.deleteAllNotifications) {
                return;
            }
            if (!window.confirm((window.i18n && i18n.confirm_delete) || 'Do you want to delete?')) {
                return;
            }

            $.post(bookingCore.deleteAllNotifications).done(function () {
                $('.dropdown-notifications').find('li.notification').remove();
                $('.dropdown-notifications').find('.notification-icon, .notif-count').text(0);
                if ($('#bravo_notify').length) {
                    window.location.reload();
                }
            });
        });
    });
})();
</script>
<script>
/**
 * Global CSRF Token Handler - Prevents 419 errors on production
 * Automatically refreshes CSRF token when expired and handles token mismatches
 */
(function() {
    'use strict';
    
    // Wait for jQuery - using named function to avoid arguments.callee (strict mode)
    function initCsrfHandler() {
        if (typeof jQuery === 'undefined') {
            setTimeout(initCsrfHandler, 100);
            return;
        }
    
    var $ = jQuery;
    
    // Set up AJAX defaults with CSRF token
    var csrfToken = $('meta[name="csrf-token"]').attr('content') || '';
    if (csrfToken) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': csrfToken
            }
        });
    }
    
    // Intercept all AJAX errors to handle 419 globally
    $(document).ajaxError(function(event, xhr, settings) {
        // Handle 419 CSRF token mismatch errors
        if (xhr.status === 419) {
            // Check if this is a login request - prevent infinite loops
            var isLoginRequest = settings.url && (
                settings.url.includes('/login') || 
                settings.url.indexOf('/login') !== -1 ||
                (settings.data && typeof settings.data === 'string' && settings.data.includes('email') && settings.data.includes('password'))
            );
            
            if (isLoginRequest) {
                // Prevent infinite reload loops and repeated AJAX attempts
                if (settings._loginReloadAttempted || settings._loginAjaxBlocked) {
                    return false; // Stop the AJAX error handler
                }
                settings._loginReloadAttempted = true;
                settings._loginAjaxBlocked = true;
                
                
                // CRITICAL: Remove gotrip.js AJAX handlers completely
                $('.bravo-theme-gotrip-login-form [type=submit]').off('click');
                $('.bravo-theme-gotrip-login-form').off('submit');
                $(document).off('click', '.bravo-theme-gotrip-login-form [type=submit]');
                
                // Also handle base login form
                $('.bravo-form-login').off('submit').on('submit', function(e) {
                    // Allow normal submission
                    var $form = $(this);
                    var csrfToken = $('meta[name="csrf-token"]').attr('content');
                    if (csrfToken && !$form.find('input[name="_token"]').length) {
                        $form.append('<input type="hidden" name="_token" value="' + csrfToken + '">');
                    }
                });
                
                // Show error message and reload page to get fresh CSRF token
                var errorMsg = $('<div class="alert alert-danger">CSRF token expired. Refreshing page...</div>');
                $('.bravo-form-login, .bravo-theme-gotrip-login-form').first().before(errorMsg);
                
                // Reload page after a short delay to get fresh CSRF token
                setTimeout(function() {
                    window.location.reload();
                }, 1000);
                
                return false; // Stop processing - don't try to retry
            }
            
            
            // Don't retry if we're already trying to refresh token or reloading
            if (settings.url === '/api/csrf-token' || settings._retrying || settings._reloading || settings._noRetry) {
                return;
            }
            
            // Mark as reloading to prevent infinite loops
            settings._reloading = true;
            
            // Reload page once to get fresh CSRF token
            // Don't try to call /api/csrf-token as it doesn't exist
            setTimeout(function() {
                window.location.reload();
            }, 500);
        }
    });
    
    // Refresh CSRF token periodically - DISABLED because /api/csrf-token endpoint doesn't exist
    // If you need this, create the endpoint first at routes/api.php
    // Session lifetime is 120 minutes, so refresh at 25 minutes to stay safe
    /*
    setInterval(function() {
        $.get('/api/csrf-token')
            .done(function(response) {
                if (response && response.csrf_token) {
                    var oldToken = $('meta[name="csrf-token"]').attr('content');
                    if (oldToken !== response.csrf_token) {
                        $('meta[name="csrf-token"]').attr('content', response.csrf_token);
                        $('input[name="_token"]').val(response.csrf_token);
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': response.csrf_token
                            }
                        });
                    }
                }
            })
            .fail(function() {
                // Silent fail - don't spam console
            });
    }, 25 * 60 * 1000); // 25 minutes
    */
    
    }
    
    // Start the initialization
    initCsrfHandler();
})();

window.whenJQueryReady = window.whenJQueryReady || function (fn) {
    (function wait() {
        if (typeof window.jQuery !== 'undefined') {
            fn(window.jQuery);
        } else {
            setTimeout(wait, 50);
        }
    })();
};
</script>
        <link href="https://xtremerepublic.com/public/dist/frontend/module/location/css/location.css?_ver=3.7.0-select2hydrate" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://xtremerepublic.com/public/libs/ion_rangeslider/css/ion.rangeSlider.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://xtremerepublic.com/public/libs/fotorama/fotorama.css"/>

    
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TouristDestination","name":"International Destinations","url":"https://xtremerepublic.com/public/location/international-destinations","address":{"@type":"PostalAddress","addressLocality":"International Destinations","addressCountry":"KE"},"includesAttraction":[{"@type":"TouristAttraction","name":"Dubai","url":"https://xtremerepublic.com/public/location/dubai","geo":{"@type":"GeoCoordinates","latitude":25.07428230000000013433236745186150074005126953125,"longitude":55.18853870000000227946657105349004268646240234375}},{"@type":"TouristAttraction","name":"Malaysia","url":"https://xtremerepublic.com/public/location/malaysia","geo":{"@type":"GeoCoordinates","latitude":4.5693754000000001980197339435108006000518798828125,"longitude":102.2656822999999945977833704091608524322509765625}},{"@type":"TouristAttraction","name":"Singapore","url":"https://xtremerepublic.com/public/location/singapore","geo":{"@type":"GeoCoordinates","latitude":1.35710700000000006326672519207932054996490478515625,"longitude":103.8194991999999956533429212868213653564453125}},{"@type":"TouristAttraction","name":"Europe","url":"https://xtremerepublic.com/public/location/europe","geo":{"@type":"GeoCoordinates","latitude":51,"longitude":10}},{"@type":"TouristAttraction","name":"South Africa","url":"https://xtremerepublic.com/public/location/south-africa","geo":{"@type":"GeoCoordinates","latitude":-29.59853601454198468445611069910228252410888671875,"longitude":27.51875499409394620897728600539267063140869140625}}],"isPartOf":{"@type":"TravelAgency","name":"Xtreme Republic","url":"https://xtremerepublic.com/public"},"speakable":{"@type":"SpeakableSpecification","cssSelector":[".typewriter-title",".location_banner .text-banner",".location_intro",".location-overview"]}}</script>

    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
        <link rel="dns-prefetch" href="https://www.googletagmanager.com">
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-3PQ9G2YKDL"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', "G-3PQ9G2YKDL");
        </script>
                
        
    </head>
<body class="frontend-page header-normal  detail-anim-typewriter detail-anim-speed-normal  ">
            
        
        <div class="bravo_wrap overflow-hidden">
                                 <div class="header-margin"></div>                 <div class="preloader js-preloader ">
            <div class="preloader__wrap">
            <div class="preloader__icon">
                <img class="logo-light" src="https://xtremerepublic.com/public/uploads/0000/1/2025/11/22/xtreme-logo-tours-and-travel-2.png" alt="Xtreme Republic">
            </div>
        </div>
        <div class="preloader__title">Xtreme Republic</div>
</div>
        <header data-add-bg="bg-dark-1" class="header  bg-dark-1 js-header bravo_header style-normal" data-x="header" data-x-toggle="is-menu-opened" style="background-color:#051036 !important;">
            <div data-anim="fade" class="header__container px-30 sm:px-20  is-in-view">
                <div class="row justify-between items-center">
                    <div class="col-auto ">
                                                                            <div class="d-flex items-center gotrip-header-normal">
    <a href="https://xtremerepublic.com/public" class=" header-logo mr-20" data-x="header-logo" data-x-toggle="is-logo-dark">
                    <img class="logo-light" src="https://xtremerepublic.com/public/uploads/0000/1/2025/11/22/xtreme-logo-tours-and-travel-2.png" alt="Xtreme Republic">
                            <img class="logo-dark" src="https://xtremerepublic.com/public/uploads/0000/1/2025/11/22/xtreme-logo-tours-and-travel-2.png" alt="Xtreme Republic">
            </a>
    <div class="header-menu " data-x="mobile-menu" data-x-toggle="is-menu-active">
        <div class="mobile-overlay"></div>
        <div class="header-menu__content">
            <div class="mobile-bg js-mobile-bg"></div>
            <div class="menu js-navList">
                <ul class='menu__nav text-white -is-active'><li class=" depth-0"><a data-barba target="" href="/" >Home</a></li><li class=" depth-0"><a data-barba target="" href="/tour" >Tours</a></li><li class=" depth-0"><a data-barba target="" href="/contact" >Contact</a></li><li class=" depth-0"><a data-barba target="" href="/user-dashboard" >Profile</a></li></ul>            </div>
            <div class="mobile-footer px-20 py-10 border-top-light js-mobile-footer">
                
                                <div class="mt-10 w-100">
                    <select name="package_location_mobile" class="form-select text-12 px-10 py-5 rounded-4 border-1" onchange="window.location.href=this.value;">
                        <option value="https://xtremerepublic.com/public/tour/all" >
                            All Packages
                        </option>
                        <option value="https://xtremerepublic.com/public/tour/kenya" >
                            Kenyan Residents Packages
                        </option>
                        <option value="https://xtremerepublic.com/public/tour/international" selected>
                            Non-Residents Packages
                        </option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
                                            </div>
                        <div class="col-auto">
                <div class="d-flex items-center">
                    <div class="header-menu menu-right">
                        <div class="mobile-overlay"></div>
                        <div class="header-menu__content">
                            <div class="menu js-navList">
                                <ul class="menu__nav text-white -is-active">
                                    <li class="currency-dropdown menu-item-has-children">
                                                        <a href="#" class="is_login">
                    <span class="mr-10">KES</span>
                    <i class="icon icon-chevron-sm-down"></i>
                </a>
                            <ul class="subnav">
                                                <li>
                        <a href="https://xtremerepublic.com/public/location/international-destinations?set_lang=es&amp;set_currency=usd" class="is_login dropdown-item">
                            USD
                        </a>
                    </li>
                                                                </ul>
    </li>

                                                                        
                                    <li class="menu-item location-toggle-item" style="display: block !important; visibility: visible !important;">
        <div class="location-toggle-widget" data-location="international" style="display: block !important; visibility: visible !important;">
            <select name="package_location" id="package_location_dropdown_6a3d3f7ae1305" class="form-select text-12 px-10 py-5 rounded-4 border-1" 
                    style="min-width: 150px !important; border-color: rgba(255,255,255,0.3) !important; cursor: pointer !important; background-color: rgba(255,255,255,0.1) !important; color: white !important; display: block !important; visibility: visible !important; opacity: 1 !important;"
                    onchange="window.location.href=this.value;">
                <option value="https://xtremerepublic.com/public/tour/all"  style="background-color: #333; color: white;">
                    All Packages
                </option>
                <option value="https://xtremerepublic.com/public/tour/kenya"  style="background-color: #333; color: white;">
                    Kenyan Residents Packages
                </option>
                <option value="https://xtremerepublic.com/public/tour/international" selected style="background-color: #333; color: white;">
                    Non-Residents Packages
                </option>
            </select>
        </div>
    </li>
    <style>
        .location-toggle-item {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        .location-toggle-widget {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        .location-toggle-item select {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            width: 100%;
            max-width: 100%;
        }
        .location-toggle-item select option {
            background-color: #333 !important;
            color: white !important;
        }
        .location-toggle-item select:focus {
            background-color: rgba(255,255,255,0.1) !important;
            color: white !important;
            outline: none;
        }
        /* Mobile responsive styles */
        @media (max-width: 768px) {
            .location-toggle-item {
                display: inline-block !important;
                width: auto !important;
                margin: 0 5px !important;
                padding: 0 !important;
            }
            .location-toggle-widget {
                width: auto !important;
                display: block !important;
            }
            .location-toggle-item select {
                min-width: 120px !important;
                width: auto !important;
                font-size: 12px !important;
                padding: 8px 10px !important;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
            /* When in mobile footer with flex container */
            .mobile-footer .location-toggle-item {
                display: inline-block !important;
                width: auto !important;
                margin: 0 5px !important;
            }
            .mobile-footer .location-toggle-widget {
                width: auto !important;
                display: block !important;
            }
            .mobile-footer .location-toggle-item select {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
        }
    </style>

                                                                            <div class="d-flex items-center ml-20 is-menu-opened-hide md:d-none">
                                            
                                                    <a data-bs-toggle="modal" href="#login" class="border-white -outline-white text-white button px-30 fw-400 text-14  h-50">Sign In / Register</a>
                                                </div>
                                                                                        <div class="d-none xl:d-flex x-gap-20 items-center pl-30 text-white" data-x="header-mobile-icons" data-x-toggle="text-white">
                                                <div>
                                                                                                            <a href="https://xtremerepublic.com/public/login" class="d-flex items-center icon-user text-inherit text-22"></a>
                                                                                                    </div>
                                            </div>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-none xl:d-flex x-gap-20 items-center pl-30 text-white" data-x="header-mobile-icons" data-x-toggle="text-white">
                            <div>
                                <button type="button"
                                        class="mobile-menu-toggle d-flex items-center text-inherit"
                                        id="mobileMenuToggle"
                                        aria-label="Open menu"
                                        aria-expanded="false"
                                        aria-controls="mobileNavDrawer">
                                    <span class="hamburger-lines" aria-hidden="true">
                                        <span></span>
                                        <span></span>
                                        <span></span>
                                    </span>
                                </button>
                            </div>
                        </div>
                        <!-- Include Enhanced Mobile Menu -->
                        <div class="mobile-nav-drawer" id="mobileNavDrawer" role="dialog" aria-modal="true" aria-label="Mobile menu" aria-hidden="true">

    
    <div class="mnd__header">
        <a href="https://xtremerepublic.com/public" class="mnd__brand" aria-label="Xtreme Republic">
                            <img src="https://xtremerepublic.com/public/uploads/0000/1/2025/11/22/xtreme-logo-tours-and-travel-2.png" alt="Xtreme Republic" class="mnd__logo">
                    </a>
        <button type="button" class="mnd__close" id="mobileNavClose" aria-label="Close menu">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
        </button>
    </div>

    
    <div class="mnd__body">

        
        <div class="mnd__user-card">
                            <div class="mnd__cta-row">
                    <a href="https://xtremerepublic.com/public/login" class="mnd__btn mnd__btn--primary" data-bs-toggle="modal" data-bs-target="#login">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
                        Sign In
                    </a>
                    <a href="https://xtremerepublic.com/public/register" class="mnd__btn mnd__btn--ghost">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" y1="8" x2="19" y2="14"/><line x1="22" y1="11" x2="16" y2="11"/></svg>
                        Register
                    </a>
                </div>
                    </div>

        
        <nav class="mnd__nav" aria-label="Main navigation">
            <div class="mnd__section-title">Browse</div>
            <div class="mnd__menu js-mnd-menu">
                <ul class='menu__nav mnd-primary-menu -is-active'><li class=" depth-0"><a  target="" href="/" >Home</a></li><li class=" depth-0"><a  target="" href="/tour" >Tours</a></li><li class=" depth-0"><a  target="" href="/contact" >Contact</a></li><li class=" depth-0"><a  target="" href="/user-dashboard" >Profile</a></li></ul>            </div>
        </nav>

        
        <div class="mnd__section">
            <div class="mnd__section-title">Package Type</div>
            <div class="mnd__pillgroup" role="group" aria-label="Package type">
                                    <a href="https://xtremerepublic.com/public/tour/all"
                       class="mnd__pill "
                       aria-current="false">
                        All Packages
                    </a>
                                    <a href="https://xtremerepublic.com/public/tour/kenya"
                       class="mnd__pill "
                       aria-current="false">
                        Kenyan Residents
                    </a>
                                    <a href="https://xtremerepublic.com/public/tour/international"
                       class="mnd__pill is-active"
                       aria-current="true">
                        International
                    </a>
                            </div>
        </div>

        
                    <div class="mnd__section">
                <div class="mnd__section-title">Currency</div>
                <div class="mnd__pillgroup mnd__pillgroup--compact" role="group" aria-label="Currency">
                                                                    <a href="https://xtremerepublic.com/public/location/international-destinations?set_lang=es&amp;set_currency=usd"
                           class="mnd__pill "
                           aria-current="false">
                            USD
                        </a>
                                                                    <a href="https://xtremerepublic.com/public/location/international-destinations?set_lang=es&amp;set_currency=kes"
                           class="mnd__pill is-active"
                           aria-current="true">
                            KES
                        </a>
                                    </div>
            </div>
        
        
        
        
                    <div class="mnd__section">
                <div class="mnd__section-title">Get in touch</div>
                <div class="mnd__contact">
                                                                <a href="https://wa.me/254702716721" target="_blank" rel="noopener" class="mnd__contact-row">
                            <span class="mnd__contact-ico mnd__contact-ico--wa">
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.86 11.86 0 0 1 8.413 3.488 11.82 11.82 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.51 5.26l-.999 3.648 3.978-.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.149-.173.198-.297.297-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.247-.694.247-1.289.173-1.413z"/></svg>
                            </span>
                            <span class="mnd__contact-text">
                                <small>WhatsApp</small>
                                <strong>+254702716721</strong>
                            </span>
                        </a>
                                                        </div>
            </div>
        
        
                
        
        
        
        <div class="mnd__footer">
            <span>&copy; 2026 Xtreme Republic</span>
        </div>
    </div>
</div>


<div class="mobile-menu-overlay" id="mobileMenuOverlay" aria-hidden="true"></div>

<style>
/* ==========================================================
   Enhanced Mobile Menu — Luxury, Functional, Accessible
========================================================== */

/* Local variable fallbacks (work even if luxury system not loaded) */
.mobile-nav-drawer,
.mobile-menu-overlay {
    --mnd-bg-1: var(--luxury-charcoal, #051036);
    --mnd-bg-2: var(--luxury-primary-light, #0a1f5c);
    --mnd-accent: var(--luxury-gold, #d4af37);
    --mnd-accent-2: var(--luxury-gold-dark, #b8932f);
    --mnd-text: #ffffff;
    --mnd-text-muted: rgba(255, 255, 255, 0.65);
    --mnd-border: rgba(255, 255, 255, 0.12);
    --mnd-surface: rgba(255, 255, 255, 0.06);
    --mnd-surface-hover: rgba(255, 255, 255, 0.12);
    --mnd-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
    --mnd-radius: 14px;
    --mnd-radius-sm: 10px;
    --mnd-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ===== Drawer ===== */
.mobile-nav-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: min(86vw, 400px);
    height: 100vh;
    height: 100dvh;
    background: linear-gradient(160deg, var(--mnd-bg-1) 0%, var(--mnd-bg-2) 100%);
    color: var(--mnd-text);
    z-index: 1060;
    box-shadow: var(--mnd-shadow);
    transform: translateX(-105%);
    transition: transform 360ms var(--mnd-ease);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    will-change: transform;
}

.mobile-nav-drawer.is-active {
    transform: translateX(0);
}

/* ===== Header ===== */
.mnd__header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid var(--mnd-border);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.mnd__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
    min-height: 44px;
    flex: 1;
    min-width: 0;
}

.mnd__logo {
    max-height: 38px;
    max-width: 180px;
    width: auto;
    height: auto;
    display: block;
}

.mnd__brand-text {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mnd__close {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--mnd-border);
    background: var(--mnd-surface);
    color: var(--mnd-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 180ms var(--mnd-ease), transform 180ms var(--mnd-ease);
}

.mnd__close:hover,
.mnd__close:focus-visible {
    background: var(--mnd-surface-hover);
    transform: scale(1.05);
    outline: none;
}

/* ===== Body (scrollable) ===== */
.mnd__body {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 18px;
    padding-bottom: max(18px, env(safe-area-inset-bottom));
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

.mnd__body::-webkit-scrollbar { width: 6px; }
.mnd__body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* ===== User Card ===== */
.mnd__user-card {
    background: var(--mnd-surface);
    border: 1px solid var(--mnd-border);
    border-radius: var(--mnd-radius);
    padding: 14px;
    margin-bottom: 18px;
}

.mnd__user-card-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mnd__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mnd-accent), var(--mnd-accent-2));
    color: #1a1a1a;
    font-weight: 700;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.mnd__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mnd__user-meta { min-width: 0; }
.mnd__user-hi {
    font-size: 0.75rem;
    color: var(--mnd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.mnd__user-name {
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mnd__user-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.mnd__chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--mnd-text);
    font-size: 0.8125rem;
    text-decoration: none;
    border: 1px solid var(--mnd-border);
    transition: background-color 160ms var(--mnd-ease), border-color 160ms var(--mnd-ease);
    min-height: 32px;
}
.mnd__chip:hover,
.mnd__chip:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--mnd-text);
    text-decoration: none;
    outline: none;
}

/* ===== CTAs (logged out) ===== */
.mnd__cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.mnd__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: var(--mnd-radius-sm);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 160ms var(--mnd-ease), background-color 160ms var(--mnd-ease), box-shadow 160ms var(--mnd-ease);
}
.mnd__btn:active { transform: translateY(1px); }
.mnd__btn--primary {
    background: linear-gradient(135deg, var(--mnd-accent), var(--mnd-accent-2));
    color: #1a1a1a;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.25);
}
.mnd__btn--primary:hover,
.mnd__btn--primary:focus-visible {
    color: #1a1a1a;
    box-shadow: 0 10px 24px rgba(212, 175, 55, 0.35);
    text-decoration: none;
    outline: none;
}
.mnd__btn--ghost {
    background: var(--mnd-surface);
    color: var(--mnd-text);
    border-color: var(--mnd-border);
}
.mnd__btn--ghost:hover,
.mnd__btn--ghost:focus-visible {
    background: var(--mnd-surface-hover);
    color: var(--mnd-text);
    text-decoration: none;
    outline: none;
}
.mnd__btn--danger {
    background: rgba(220, 53, 69, 0.15);
    color: #ff8a92;
    border-color: rgba(220, 53, 69, 0.4);
}
.mnd__btn--danger:hover,
.mnd__btn--danger:focus-visible {
    background: rgba(220, 53, 69, 0.25);
    color: #ffb3b8;
    outline: none;
}
.w-100 { width: 100%; }

/* ===== Sections ===== */
.mnd__section { margin-top: 22px; }
.mnd__section-title {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--mnd-text-muted);
    margin: 0 0 10px 4px;
}

/* ===== Nav (accordion menu) ===== */
.mnd__nav { margin-top: 6px; }
.mnd__menu .menu__nav,
.mnd__menu .mnd-primary-menu,
.mnd__menu ul.subnav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mnd__menu > .menu__nav > li,
.mnd__menu > .mnd-primary-menu > li {
    border-bottom: 1px solid var(--mnd-border);
}
.mnd__menu > .menu__nav > li:last-child,
.mnd__menu > .mnd-primary-menu > li:last-child {
    border-bottom: none;
}

.mnd__menu li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 12px;
    color: var(--mnd-text);
    text-decoration: none;
    font-size: 0.975rem;
    font-weight: 500;
    border-radius: var(--mnd-radius-sm);
    min-height: 48px;
    transition: background-color 160ms var(--mnd-ease), color 160ms var(--mnd-ease), padding-left 160ms var(--mnd-ease);
}
.mnd__menu li > a:hover,
.mnd__menu li > a:focus-visible {
    background: var(--mnd-surface-hover);
    color: var(--mnd-accent);
    padding-left: 16px;
    text-decoration: none;
    outline: none;
}
.mnd__menu li.active > a {
    color: var(--mnd-accent);
    background: rgba(212, 175, 55, 0.08);
}

/* Submenu chevron + accordion */
.mnd__menu li.menu-item-has-children > a {
    cursor: pointer;
}
.mnd__menu li.menu-item-has-children > a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 250ms var(--mnd-ease);
    flex-shrink: 0;
    margin-left: auto;
    opacity: 0.7;
}
/* Hide MenuWalker's injected chevron icon - we render our own */
.mnd__menu li.menu-item-has-children > a > i.icon-chevron-sm-down { display: none; }
.mnd__menu li.menu-item-has-children > a > span.mr-10 { margin-right: 0; }

.mnd__menu li.menu-item-has-children.is-open > a::after {
    transform: rotate(225deg);
}

.mnd__menu ul.subnav {
    max-height: 0;
    overflow: hidden;
    transition: max-height 320ms var(--mnd-ease);
    padding-left: 14px;
    border-left: 2px solid rgba(212, 175, 55, 0.25);
    margin: 0 0 6px 12px;
}
.mnd__menu li.menu-item-has-children.is-open > ul.subnav {
    max-height: 2000px;
}
.mnd__menu ul.subnav li > a {
    font-size: 0.9rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    padding: 11px 12px;
    min-height: 42px;
}

/* Back button generated by MenuWalker in some configs */
.mnd__menu .subnav__backBtn { display: none; }

/* ===== Pill group ===== */
.mnd__pillgroup {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.mnd__pillgroup--compact .mnd__pill {
    flex: 0 1 auto;
    min-width: 64px;
}

.mnd__pill {
    flex: 1 1 calc(50% - 4px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    padding: 11px 14px;
    border-radius: var(--mnd-radius-sm);
    background: var(--mnd-surface);
    border: 1px solid var(--mnd-border);
    color: var(--mnd-text);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 160ms var(--mnd-ease), border-color 160ms var(--mnd-ease), color 160ms var(--mnd-ease);
    min-height: 44px;
    line-height: 1.2;
}
.mnd__pill:hover,
.mnd__pill:focus-visible {
    background: var(--mnd-surface-hover);
    color: var(--mnd-text);
    text-decoration: none;
    outline: none;
}
.mnd__pill.is-active {
    background: linear-gradient(135deg, var(--mnd-accent), var(--mnd-accent-2));
    border-color: var(--mnd-accent);
    color: #1a1a1a;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.25);
}

/* ===== Contact rows ===== */
.mnd__contact { display: flex; flex-direction: column; gap: 8px; }
.mnd__contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--mnd-radius-sm);
    background: var(--mnd-surface);
    border: 1px solid var(--mnd-border);
    color: var(--mnd-text);
    text-decoration: none;
    transition: background-color 160ms var(--mnd-ease), transform 160ms var(--mnd-ease);
    min-height: 56px;
}
.mnd__contact-row:hover,
.mnd__contact-row:focus-visible {
    background: var(--mnd-surface-hover);
    color: var(--mnd-text);
    text-decoration: none;
    transform: translateX(2px);
    outline: none;
}
.mnd__contact-ico {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.12);
    color: var(--mnd-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.mnd__contact-ico--wa {
    background: rgba(37, 211, 102, 0.15);
    color: #25d366;
}
.mnd__contact-text { display: flex; flex-direction: column; min-width: 0; }
.mnd__contact-text small {
    font-size: 0.7rem;
    color: var(--mnd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.mnd__contact-text strong {
    font-size: 0.95rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== Social ===== */
.mnd__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.mnd__social-btn {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--mnd-surface);
    border: 1px solid var(--mnd-border);
    color: var(--mnd-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 160ms var(--mnd-ease), color 160ms var(--mnd-ease), transform 160ms var(--mnd-ease);
}
.mnd__social-btn:hover,
.mnd__social-btn:focus-visible {
    background: var(--mnd-surface-hover);
    color: var(--mnd-accent);
    transform: translateY(-2px);
    text-decoration: none;
    outline: none;
}

/* ===== Logout / Footer ===== */
.mnd__section--logout { margin-top: 24px; }

.mnd__footer {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--mnd-border);
    text-align: center;
    font-size: 0.75rem;
    color: var(--mnd-text-muted);
}

/* ===== Overlay ===== */
.mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(5, 16, 54, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 280ms var(--mnd-ease), visibility 0s linear 280ms;
    z-index: 1055;
}
.mobile-menu-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 280ms var(--mnd-ease), visibility 0s linear 0s;
}

/* ===== Hamburger toggle (animated lines) ===== */
.mobile-menu-toggle {
    background: transparent;
    border: 0;
    padding: 8px;
    cursor: pointer;
    color: inherit;
    line-height: 0;
    border-radius: 8px;
    transition: background-color 160ms ease;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    outline: none;
}
.hamburger-lines {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 26px;
    height: 22px;
}
.hamburger-lines span {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform 240ms var(--mnd-ease), opacity 200ms var(--mnd-ease);
    transform-origin: center;
}
.mobile-menu-toggle.is-active .hamburger-lines span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.mobile-menu-toggle.is-active .hamburger-lines span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.mobile-menu-toggle.is-active .hamburger-lines span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ===== Body lock helper ===== */
body.mnd-open { overflow: hidden; touch-action: none; }

/* ===== Small screens ===== */
@media (max-width: 420px) {
    .mobile-nav-drawer { width: 92vw; }
    .mnd__body { padding: 16px; }
    .mnd__cta-row { grid-template-columns: 1fr; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
    .mobile-nav-drawer,
    .mobile-menu-overlay,
    .mnd__menu ul.subnav,
    .mnd__menu li.menu-item-has-children > a::after,
    .hamburger-lines span,
    .mnd__btn,
    .mnd__pill,
    .mnd__contact-row,
    .mnd__social-btn,
    .mnd__close {
        transition: none !important;
    }
}
</style>
                    </div>
                </div>
                <div class="d-none xl:d-flex x-gap-20 items-center pl-30" data-x="header-mobile-icons" data-x-toggle="text-white">
                </div>
            </div>
        </header>
                <div class="bravo_detail_location">

        <section class="layout-pb-md">
            <div class="container">

                <section data-anim="fade" class="d-flex items-center py-15">
        <div class="">
            <div class="row y-gap-10 items-center justify-between">
                <div class="col-auto">
                    <div class="row x-gap-10 y-gap-5 items-center text-14 text-light-1">
                        <div class="col-auto">
                            <div class=""><a href="https://xtremerepublic.com/public"> <i class="fa fa-home"></i> Home</a></div>
                        </div>
                        <div class="col-auto"><div class="">></div></div>
                                                    <div class="col-auto active">
                                                                    <div class="text-dark-1">International Destinations</div>
                                                            </div>
                                                                        </div>
                </div>
            </div>
        </div>
    </section>
<div class="location_banner">
        <div class="relative d-flex">
                    <div class="w-100 min-height-300 bg-dark-1"></div>
                <div class="effect"></div>
        <div class="absolute z-2 px-50 py-60 text-banner location-banner-text">
            <h1 class="text-50 fw-600 text-white typewriter-title typewriter-title--white location-banner-title"
                data-text="International Destinations"
                data-speed="55"
                data-delay="350">International Destinations</h1>
            <div class="text-white location-banner-subtitle">Explore deals, travel guides and things to do in International Destinations</div>
        </div>
    </div>
    <style>
        /* Location banner title — fixed at 25px so the animated headline
           text and its blinking typewriter cursor stay the same size. */
        .location_banner .text-banner .typewriter-title.location-banner-title {
            letter-spacing: normal !important;
            word-spacing: 0.12em !important;
            white-space: normal !important;
            word-break: normal !important;
            overflow-wrap: break-word !important;
            font-size: 25px !important;
            line-height: 1.3 !important;
        }
        .location_banner .text-banner .typewriter-title.location-banner-title .typewriter-text {
            font-size: 25px !important;
            letter-spacing: normal !important;
            word-spacing: 0.12em !important;
        }
        .location_banner .text-banner.location-banner-text {
            padding: 32px 40px !important;
        }
        .location_banner .text-banner .location-banner-subtitle {
            font-size: clamp(0.9rem, 2vw, 1.1rem);
            line-height: 1.5;
            margin-top: 14px;
            max-width: 620px;
        }
        @media (max-width: 575px) {
            .location_banner .text-banner.location-banner-text {
                padding: 18px 18px !important;
            }
            .location_banner .text-banner .typewriter-title.location-banner-title {
                font-size: 25px !important;
            }
        }
    </style>
</div>
<div class="row x-gap-20 y-gap-20 items-center pt-20">
                                        <div class="col">
                <a href="https://xtremerepublic.com/public/hotel?location_id=89" class="d-flex flex-column justify-center px-20 py-15 rounded-4 border-light text-16 lh-14 fw-500 col-12">
                    <i class="fa fa-building-o text-25 mb-10"></i>
                    Hotel
                </a>
            </div>
                                <div class="col">
                <a href="https://xtremerepublic.com/public/tour?location_id=89" class="d-flex flex-column justify-center px-20 py-15 rounded-4 border-light text-16 lh-14 fw-500 col-12">
                    <i class="icofont-island-alt text-25 mb-10"></i>
                    Tour
                </a>
            </div>
            </div>

                <div class="row y-gap-20 pt-40">
    <div class="col-auto">
        <h2 class="">What to know before visiting International Destinations</h2>
    </div>
    <p class="text-15 text-dark-1">
        
    </p>
</div>

                
                
                <section class="layout-pt-md layout-pb-md bravo-location-service-list">
                <div class="row y-gap-20 justify-between items-end">
                    <div class="col-auto">
                        <div class="sectionTitle -md">
                            <h2 class="sectionTitle__title">Most Popular Tour</h2>
                            <p class=" sectionTitle__text mt-5 sm:mt-0"></p>
                        </div>
                    </div>

                    <div class="col-auto">
                        <a href="https://xtremerepublic.com/public/tour?location_id=89" class="button -md -blue-1 bg-blue-1-05 text-blue-1">
                            View More <div class="icon-arrow-top-right ml-15"></div>
                        </a>
                    </div>
                </div>
                <div class="row y-gap-30 pt-40 sm:pt-20">
                                            <div class="col-xl-3 col-lg-3 col-sm-6 loop-type-tour">
                                                                                        <div class="tourCard -type-1 rounded-4 ">

    
    <div class="tourCard__image">
        <div class="cardImage ratio ratio-1:1">
            <a  href="https://xtremerepublic.com/public/tour/6-days-5-nights-kuala-lumpur-malaysia">
                <div class="cardImage__content">
                                                                        <img class='img-responsive rounded-4 col-12 js-lazy lazy'  data-src=https://xtremerepublic.com/public/uploads/0000/1/2026/05/25/kuala-lumpur-3.jpg  alt='6 Days / 5 Nights Kuala Lumpur, Malaysia'>
                                                            </div>
            </a>

            
            <div class="service-wishlist " data-id="253" data-type="tour">
                <div class="cardImage__wishlist">
                    <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                    </button>
                </div>
            </div>

            
            <div class="cardImage__leftBadge">
                                                    <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white mt-5">
                        Sale off 18%
                    </div>
                            </div>
        </div>
    </div>

    
    <div class="tourCard__content px-10 pt-10 pb-10">

        
        <div class="d-flex items-center justify-between mb-5">
            <div class="d-flex items-center text-14 text-light-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-5" style="flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                6 Days
            </div>
                    </div>

        
        <h3 class="tourCard__title text-dark-1 text-16 fw-500 lh-14 mt-5">
            <a  href="https://xtremerepublic.com/public/tour/6-days-5-nights-kuala-lumpur-malaysia">
                6 Days / 5 Nights Kuala Lumpur, Malaysia
            </a>
        </h3>

        
                                <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-pin text-14 mr-5"></i>
                Malaysia
            </div>
        
        
                            <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-calendar text-14 mr-5"></i>
                Next: Jul 5, 2026
            </div>
        
        <div class="border-top-light mt-10"></div>

        
        <div class="d-flex items-center justify-between pt-10">
            <div>
                                    <div class="text-12 text-light-1 line-through lh-14">$1,350</div>
                                <div class="text-dark-1 fw-600 text-16 lh-14">
                    <span class="text-13 fw-400 text-light-1">From </span>$1,100
                </div>
            </div>
            <a                href="https://xtremerepublic.com/public/tour/6-days-5-nights-kuala-lumpur-malaysia"
               class="button -sm -blue-1 bg-blue-1-05 text-blue-1 rounded-4 px-15 py-8 text-13 fw-500">
                View
            </a>
        </div>

    </div>
</div>
                            
                        </div>
                                            <div class="col-xl-3 col-lg-3 col-sm-6 loop-type-tour">
                                                                                        <div class="tourCard -type-1 rounded-4 ">

    
    <div class="tourCard__image">
        <div class="cardImage ratio ratio-1:1">
            <a  href="https://xtremerepublic.com/public/tour/cape-town">
                <div class="cardImage__content">
                                                                        <img class='img-responsive rounded-4 col-12 js-lazy lazy'  data-src=https://xtremerepublic.com/public/uploads/0000/1/2026/04/18/capetown-6.jpg  alt='Cape Town October 2026'>
                                                            </div>
            </a>

            
            <div class="service-wishlist " data-id="373" data-type="tour">
                <div class="cardImage__wishlist">
                    <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                    </button>
                </div>
            </div>

            
            <div class="cardImage__leftBadge">
                                    <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Featured
                    </div>
                                            </div>
        </div>
    </div>

    
    <div class="tourCard__content px-10 pt-10 pb-10">

        
        <div class="d-flex items-center justify-between mb-5">
            <div class="d-flex items-center text-14 text-light-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-5" style="flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                6 Days
            </div>
                    </div>

        
        <h3 class="tourCard__title text-dark-1 text-16 fw-500 lh-14 mt-5">
            <a  href="https://xtremerepublic.com/public/tour/cape-town">
                Cape Town October 2026
            </a>
        </h3>

        
                                <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-pin text-14 mr-5"></i>
                South Africa
            </div>
        
        
                            <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-calendar text-14 mr-5"></i>
                Next: Oct 26, 2026
            </div>
        
        <div class="border-top-light mt-10"></div>

        
        <div class="d-flex items-center justify-between pt-10">
            <div>
                                <div class="text-dark-1 fw-600 text-16 lh-14">
                    <span class="text-13 fw-400 text-light-1">From </span>$1,650
                </div>
            </div>
            <a                href="https://xtremerepublic.com/public/tour/cape-town"
               class="button -sm -blue-1 bg-blue-1-05 text-blue-1 rounded-4 px-15 py-8 text-13 fw-500">
                View
            </a>
        </div>

    </div>
</div>
                            
                        </div>
                                            <div class="col-xl-3 col-lg-3 col-sm-6 loop-type-tour">
                                                                                        <div class="tourCard -type-1 rounded-4 ">

    
    <div class="tourCard__image">
        <div class="cardImage ratio ratio-1:1">
            <a  href="https://xtremerepublic.com/public/tour/dubai-fixed-departure-dates-march-june">
                <div class="cardImage__content">
                                                                        <img class='img-responsive rounded-4 col-12 js-lazy lazy'  data-src=https://xtremerepublic.com/public/uploads/0000/1/2026/02/01/pexels-irshad-ahmad-501841091-33438757-1.jpg  alt='Dubai Fixed Departure Dates ( March - June)'>
                                                            </div>
            </a>

            
            <div class="service-wishlist " data-id="381" data-type="tour">
                <div class="cardImage__wishlist">
                    <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                    </button>
                </div>
            </div>

            
            <div class="cardImage__leftBadge">
                                            </div>
        </div>
    </div>

    
    <div class="tourCard__content px-10 pt-10 pb-10">

        
        <div class="d-flex items-center justify-between mb-5">
            <div class="d-flex items-center text-14 text-light-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-5" style="flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                5 Days
            </div>
                    </div>

        
        <h3 class="tourCard__title text-dark-1 text-16 fw-500 lh-14 mt-5">
            <a  href="https://xtremerepublic.com/public/tour/dubai-fixed-departure-dates-march-june">
                Dubai Fixed Departure Dates ( March - June)
            </a>
        </h3>

        
                                <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-pin text-14 mr-5"></i>
                Dubai
            </div>
        
        
                            <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-calendar text-14 mr-5"></i>
                Next: Jul 9, 2026
            </div>
        
        <div class="border-top-light mt-10"></div>

        
        <div class="d-flex items-center justify-between pt-10">
            <div>
                                <div class="text-dark-1 fw-600 text-16 lh-14">
                    <span class="text-13 fw-400 text-light-1">From </span>KSh155,000
                </div>
            </div>
            <a                href="https://xtremerepublic.com/public/tour/dubai-fixed-departure-dates-march-june"
               class="button -sm -blue-1 bg-blue-1-05 text-blue-1 rounded-4 px-15 py-8 text-13 fw-500">
                View
            </a>
        </div>

    </div>
</div>
                            
                        </div>
                                            <div class="col-xl-3 col-lg-3 col-sm-6 loop-type-tour">
                                                                                        <div class="tourCard -type-1 rounded-4 ">

    
    <div class="tourCard__image">
        <div class="cardImage ratio ratio-1:1">
            <a  href="https://xtremerepublic.com/public/tour/malaysia-fixed-departure-dates">
                <div class="cardImage__content">
                                                                        <img class='img-responsive rounded-4 col-12 js-lazy lazy'  data-src=https://xtremerepublic.com/public/uploads/0000/1/2026/04/02/malaysia.jpg  alt='Malaysia Monthly Departures'>
                                                            </div>
            </a>

            
            <div class="service-wishlist " data-id="383" data-type="tour">
                <div class="cardImage__wishlist">
                    <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                    </button>
                </div>
            </div>

            
            <div class="cardImage__leftBadge">
                                            </div>
        </div>
    </div>

    
    <div class="tourCard__content px-10 pt-10 pb-10">

        
        <div class="d-flex items-center justify-between mb-5">
            <div class="d-flex items-center text-14 text-light-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-5" style="flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                5 Days
            </div>
                    </div>

        
        <h3 class="tourCard__title text-dark-1 text-16 fw-500 lh-14 mt-5">
            <a  href="https://xtremerepublic.com/public/tour/malaysia-fixed-departure-dates">
                Malaysia Monthly Departures
            </a>
        </h3>

        
                                <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-pin text-14 mr-5"></i>
                Malaysia
            </div>
        
        
                            <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-calendar text-14 mr-5"></i>
                Next: Jul 16, 2026
            </div>
        
        <div class="border-top-light mt-10"></div>

        
        <div class="d-flex items-center justify-between pt-10">
            <div>
                                <div class="text-dark-1 fw-600 text-16 lh-14">
                    <span class="text-13 fw-400 text-light-1">From </span>KSh160,000
                </div>
            </div>
            <a                href="https://xtremerepublic.com/public/tour/malaysia-fixed-departure-dates"
               class="button -sm -blue-1 bg-blue-1-05 text-blue-1 rounded-4 px-15 py-8 text-13 fw-500">
                View
            </a>
        </div>

    </div>
</div>
                            
                        </div>
                                            <div class="col-xl-3 col-lg-3 col-sm-6 loop-type-tour">
                                                                                        <div class="tourCard -type-1 rounded-4 ">

    
    <div class="tourCard__image">
        <div class="cardImage ratio ratio-1:1">
            <a  href="https://xtremerepublic.com/public/tour/malaysia-singapore">
                <div class="cardImage__content">
                                                                        <img class='img-responsive rounded-4 col-12 js-lazy lazy'  data-src=https://xtremerepublic.com/public/uploads/0000/1/2026/04/02/malaysia.jpg  alt='Malaysia &amp; Singapore'>
                                                            </div>
            </a>

            
            <div class="service-wishlist " data-id="384" data-type="tour">
                <div class="cardImage__wishlist">
                    <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                    </button>
                </div>
            </div>

            
            <div class="cardImage__leftBadge">
                                            </div>
        </div>
    </div>

    
    <div class="tourCard__content px-10 pt-10 pb-10">

        
        <div class="d-flex items-center justify-between mb-5">
            <div class="d-flex items-center text-14 text-light-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-5" style="flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                7 Days
            </div>
                    </div>

        
        <h3 class="tourCard__title text-dark-1 text-16 fw-500 lh-14 mt-5">
            <a  href="https://xtremerepublic.com/public/tour/malaysia-singapore">
                Malaysia &amp; Singapore
            </a>
        </h3>

        
                                <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-pin text-14 mr-5"></i>
                Malaysia
            </div>
        
        
                            <div class="d-flex items-center text-13 text-light-1 mt-5">
                <i class="icon-calendar text-14 mr-5"></i>
                Next: Jun 27, 2026
            </div>
        
        <div class="border-top-light mt-10"></div>

        
        <div class="d-flex items-center justify-between pt-10">
            <div>
                                <div class="text-dark-1 fw-600 text-16 lh-14">
                    <span class="text-13 fw-400 text-light-1">From </span>KSh245,000
                </div>
            </div>
            <a                href="https://xtremerepublic.com/public/tour/malaysia-singapore"
               class="button -sm -blue-1 bg-blue-1-05 text-blue-1 rounded-4 px-15 py-8 text-13 fw-500">
                View
            </a>
        </div>

    </div>
</div>
                            
                        </div>
                                    </div>
            </section>
                        
                            </div>
        </section>
    </div>
        <section class="layout-pt-md layout-pb-md mailchimp bg-dark-2 ">
    <div class="container">
        <div class="row y-gap-30 justify-between items-center">
            <div class="col-auto">
                <div class="row y-gap-20  flex-wrap items-center">
                    <div class="col-auto">
                        <div class="icon-newsletter text-60 sm:text-40 text-white"></div>
                    </div>

                    <div class="col-auto">
                        <h4 class="text-26 text-white fw-600">Your Travel Journey Starts Here</h4>
                        <div class="text-white">Sign up and we&#039;ll send the best deals to you</div>
                    </div>
                </div>
            </div>

            <div class="col-auto">
                <form action="https://xtremerepublic.com/public/newsletter/subscribe" class="subcribe-form bravo-subscribe-form bravo-form single-field -w-410 d-flex x-gap-10 y-gap-20">
                    <input type="hidden" name="_token" value="fJiCtJW8FzXGHn6wiMeOO3E8g3AU2iUMaayAMVeI" autocomplete="off">                    <div>
                        <input class="bg-white h-60 email-input" type="text" name="email" placeholder="Your Email">
                    </div>
                    <div>
                        <button class="button -md h-60 bg-blue-1 text-white">
                            Subscribe <i class="fa fa-spinner fa-pulse fa-fw" style="display:none;"></i>
                        </button>
                    </div>
                    <div class="form-mess"></div>
                </form>
            </div>
        </div>
    </div>
</section>

<div class="footer -type-1 normal" style="background-color:#051036 !important;">
    <div class="container">
         <div class="footer_one pt-60 pb-60">
    <div class="row y-gap-40 justify-between xl:justify-start">
                                                <div class="col-xl-2 col-lg-3 col-sm-6">
                    <h5 class="text-16 fw-500 mb-30">Contact Us</h5>
                    <div class="mt-30">
     <div class="text-14 mt-30"> Customer Care</div>
     <a href="tel:+254702716721" class="text-18 fw-500 text-blue-1 mt-5">+(254) 702 716 721</a>
</div>

<div class="mt-35">
   <div class="text-14 mt-30">Email</div>
    <a href="mailto:contact@xtremerepublic.com" class="text-18 fw-500 text-blue-1 mt-5">contact@xtremerepublic.com</a>
</div>
                </div>
                            <div class="col-xl-2 col-lg-3 col-sm-6">
                    <h5 class="text-16 fw-500 mb-30">Company</h5>
                    <div class="d-flex y-gap-10 flex-column">
                <a href="/page/about-us">About Us</a>
                <a href="/page/careers">Careers</a>
                <a href="/news">Blog</a>
              </div>
                </div>
                            <div class="col-xl-2 col-lg-3 col-sm-6">
                    <h5 class="text-16 fw-500 mb-30">Support</h5>
                    <div class="d-flex y-gap-10 flex-column">
                <a href="/contact">Contact</a>
              
                <a href="/page/privacy-policy">Privacy Policy</a>
                <a href="/page/terms-conditions-xtreme-republic">Terms and Conditions</a>
              </div>
                </div>
                        </div>
</div>
        
        
        
                <section class="footer_middle_area py-16  border-top-light ">
            <div class="row y-gap-10 justify-between items-center">

                
                                <div class="col-auto">
                                            <strong style="color:#fff;font-size:13px;">Xtreme Republic Tours</strong>
                                                                <span style="font-size:12px;color:#aaa;margin-left:8px;">
                            Nairobi, Kenya                             &nbsp;|&nbsp;                             +254 702 716 721                             &nbsp;|&nbsp;                                                             <a href="mailto:contact@xtremerepublic.com" style="color:var(--brand-primary, #31964a);text-decoration:none;">contact@xtremerepublic.com</a>
                                                    </span>
                                    </div>
                
                
                                <div class="col-auto">
                    <div class="footer-trust-badges" style="display:flex;gap:14px;align-items:center;flex-wrap:wrap;">
                                                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22774%22%20height%3D%22600%22%20fill%3D%22none%22%20viewBox%3D%220%200%20774%20600%22%3E%3Cpath%20fill%3D%22%23F53%22%20d%3D%22M0%2098.915c0-11.55%209.66-21.001%2021.526-21.001s21.526%209.45%2021.526%2021c0%2011.552-9.66%2021.002-21.526%2021.002S0%20110.466%200%2098.915Zm0%20413.721c0-11.551%209.66-21.001%2021.526-21.001s21.526%209.45%2021.526%2021.001c0%2011.55-9.66%2021.001-21.526%2021.001S0%20524.186%200%20512.636ZM3.99%2064.263c-2.52%200-3.78-1.365-3.15-3.675C9.24%2028.666%2032.867%200%2084.634%200c51.768%200%2075.394%2027.826%2083.69%2060.063.63%202.31-.63%203.675-3.15%203.675h-41.898c-1.575%200-2.52-.63-3.255-2.31-5.67-13.966-17.326-21.526-35.492-21.526-18.166%200-30.241%208.085-35.492%2022.051-.63%201.68-1.575%202.31-3.255%202.31H3.885h.105Zm0%20413.721c-2.52%200-3.78-1.365-3.15-3.675%208.4-31.922%2032.027-60.588%2083.794-60.588%2051.768%200%2075.394%2027.826%2083.69%2060.063.63%202.31-.63%203.675-3.15%203.675h-41.898c-1.575%200-2.52-.63-3.255-2.31-5.67-13.966-17.326-21.526-35.492-21.526-18.166%200-30.241%208.085-35.492%2022.051-.63%201.68-1.575%202.31-3.255%202.31H3.885h.105Zm171.684-267.553c2.205%200%203.465%202.1%202.31%203.885l-64.893%20107.105v64.893c0%201.576-1.05%202.626-2.625%202.626H70.038c-1.575%200-2.625-1.05-2.625-2.626v-64.893L2.52%20214.316c-1.05-1.785.105-3.885%202.31-3.885h44.942c1.575%200%202.836.735%203.36%201.785l36.962%2064.263%2036.963-64.263c.63-1.155%201.785-1.785%203.36-1.785h45.257Zm-91.67-24.151c-44.102%200-68.463-21.526-80.014-48.513-1.155-2.625%200-4.2%202.31-4.2h45.047c1.366%200%202.1.315%203.046%201.26%207.35%207.77%2018.376%2011.551%2030.451%2011.551%2019.426%200%2033.077-9.976%2038.012-29.612H87.154c-1.575%200-2.625-1.05-2.625-2.625V84.739c0-1.575%201.05-2.625%202.625-2.625h82.115c1.575%200%202.625%201.05%202.625%202.625v95.345c0%201.575-1.05%202.625-2.625%202.625h-30.242c-1.575%200-2.625-1.05-2.625-2.625v-15.75c-9.24%2013.44-25.411%2022.051-52.503%2022.051l.105-.105Zm0%20413.72c-44.102%200-68.463-21.526-80.014-48.512-1.155-2.626%200-4.201%202.31-4.201h45.047c1.366%200%202.1.315%203.046%201.26%207.35%207.771%2018.376%2011.551%2030.451%2011.551%2019.426%200%2033.077-9.975%2038.012-29.611H87.154c-1.575%200-2.625-1.05-2.625-2.626V498.46c0-1.575%201.05-2.625%202.625-2.625h82.115c1.575%200%202.625%201.05%202.625%202.625v95.24c0%201.575-1.05%202.625-2.625%202.625h-30.242c-1.575%200-2.625-1.05-2.625-2.625v-15.751C127.162%20591.39%20110.991%20600%2083.899%20600h.105Zm85.055-300.525c0-55.548%2038.327-93.139%2095.029-93.139%2056.703%200%2095.03%2037.591%2095.03%2093.139%200%2055.548-38.327%2093.14-95.03%2093.14-56.702%200-95.029-37.697-95.029-93.14Zm184.074%20120.966v109.731c0%2046.412-28.352%2069.828-78.754%2069.828-50.403%200-78.754-23.311-78.754-69.828V420.441c0-1.575%201.05-2.625%202.625-2.625h40.427c1.575%200%202.625%201.05%202.625%202.625v106.79c0%2021.841%2011.026%2032.762%2033.077%2032.762s33.077-10.71%2033.077-32.762v-106.79c0-1.575%201.05-2.625%202.625-2.625h40.427c1.575%200%202.625%201.05%202.625%202.625Zm-37.802-273.538v33.076c0%201.575-1.05%202.625-2.625%202.625H199.825c-1.575%200-2.625-1.05-2.625-2.625V6.72c0-1.575%201.05-2.625%202.625-2.625h111.831c1.575%200%202.625%201.05%202.625%202.625v33.077c0%201.575-1.05%202.625-2.625%202.625h-68.779v30.662h54.813c1.575%200%202.625%201.05%202.625%202.625v33.077c0%201.575-1.05%202.625-2.625%202.625h-54.813v32.762h69.829c1.575%200%202.625%201.05%202.625%202.625v.105Zm-4.515%20152.572c0-31.606-19.111-53.237-46.728-53.237-27.616%200-46.727%2021.631-46.727%2053.237%200%2031.607%2019.111%2053.238%2046.727%2053.238%2027.617%200%2046.728-21.631%2046.728-53.238ZM479.139%206.72v33.077c0%201.575-1.05%202.625-2.625%202.625H333.182c-1.575%200-2.625-1.05-2.625-2.625V6.72c0-1.575%201.05-2.625%202.625-2.625h143.332c1.575%200%202.625%201.05%202.625%202.625Zm-51.453%2060.378V179.98c0%201.575-1.05%202.625-2.625%202.625h-40.427c-1.575%200-2.625-1.05-2.625-2.625V67.099c0-1.576%201.05-2.626%202.625-2.626h40.427c1.575%200%202.625%201.05%202.625%202.625Zm111.831%20145.958v109.73c0%2046.413-28.351%2069.829-78.754%2069.829-50.402%200-78.754-23.311-78.754-69.829v-109.73c0-1.575%201.05-2.625%202.625-2.625h40.427c1.575%200%202.625%201.05%202.625%202.625v106.895c0%2021.841%2011.026%2032.762%2033.077%2032.762s33.077-10.711%2033.077-32.762V213.056c0-1.575%201.05-2.625%202.625-2.625h40.427c1.575%200%202.625%201.05%202.625%202.625ZM427.686%20420.441V593.7c0%201.575-1.05%202.625-2.625%202.625h-40.427c-1.575%200-2.625-1.05-2.625-2.625V420.441c0-1.575%201.05-2.625%202.625-2.625h40.427c1.575%200%202.625%201.05%202.625%202.625Zm105.531%20137.557h.525c30.661%200%2046.412-17.326%2046.412-51.138%200-33.811-17.326-50.612-51.663-50.612h-24.676v137.557c0%201.575-1.05%202.625-2.625%202.625h-40.427c-1.575%200-2.625-1.05-2.625-2.625V420.546c0-1.575%201.05-2.625%202.625-2.625h69.303c63.004%200%2098.18%2031.712%2098.18%2089.044%200%2057.333-35.911%2089.465-93.979%2089.465h-1.05c-1.575%200-2.626-1.05-2.626-2.625v-33.077c0-1.575%201.051-2.625%202.626-2.625v-.105Zm199.509-174.834c1.891%202.625.841%205.776-2.31%205.776h-45.677c-2.1%200-2.94-.525-3.675-1.891l-38.327-61.743c-1.575-2.625-1.89-3.36-1.89-5.25V289.08c0-1.575%201.05-2.625%202.625-2.625h6.3c12.811%200%2022.051-6.511%2022.051-19.741%200-13.231-8.19-20.161-22.051-20.161h-35.701v139.656c0%201.576-1.05%202.626-2.625%202.626h-40.427c-1.576%200-2.626-1.05-2.626-2.626V212.951c0-1.575%201.05-2.625%202.626-2.625h81.694c40.427%200%2065.103%2019.426%2065.103%2053.552%200%2034.127-10.606%2041.267-31.712%2048.618l46.727%2070.563-.105.105Zm36.752%20177.459V593.7c0%201.575-1.05%202.625-2.625%202.625h-112.88c-1.575%200-2.626-1.05-2.626-2.625V420.441c0-1.575%201.051-2.625%202.626-2.625h111.83c1.575%200%202.625%201.05%202.625%202.625v33.077c0%201.575-1.05%202.625-2.625%202.625h-68.778v30.661h54.812c1.575%200%202.626%201.05%202.626%202.626v33.076c0%201.575-1.051%202.625-2.626%202.625h-54.812v32.762h69.828c1.575%200%202.625%201.05%202.625%202.625v.105Z%22%2F%3E%3C%2Fsvg%3E"
                         alt="Getyourguide"
                         loading="lazy"
                         style="height:40px;width:auto;max-width:180px;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:0.85;">
                                                                                                    <img src="https://xtremerepublic.com/public/uploads/0000/1/2026/06/21/logo-tra.png"
                         alt="TRA Kenya"
                         loading="lazy"
                         style="height:40px;width:auto;max-width:180px;display:block;object-fit:contain;opacity:0.90;">
                                                                                                    <a href="Kayak"
                       target="_blank"
                       rel="noopener noreferrer"
                       aria-label="Partner"
                       class="footer-org-badge"
                       style="display:inline-flex;align-items:center;line-height:0;transition:opacity 0.2s;"
                       onmouseover="this.style.opacity='1'"
                       onmouseout="this.style.opacity='0.9'">
                        <img src="https://www.kayak.com/"
                             alt="Partner"
                             loading="lazy"
                             style="height:40px;width:auto;max-width:180px;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:0.85;">
                    </a>
                                        </div>
                </div>
                
            </div>
        </section>
        
        
                <section class="footer_middle_area py-14  border-top-light ">
            <div class="row items-center justify-between y-gap-10">
                <div class="col-auto">
                    <span style="font-size:11px;color:#888;text-transform:uppercase;letter-spacing:0.06em;font-weight:600;">We Accept</span>
                </div>
                <div class="col-auto">
                    <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">

                        
                        <img src="https://cdnjs.cloudflare.com/ajax/libs/simple-icons/9.9.0/visa.svg"
                             alt="Visa"
                             loading="lazy"
                             style="height:22px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:0.75;transition:opacity 0.2s;"
                             onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.75'">

                        
                        <img src="https://cdnjs.cloudflare.com/ajax/libs/simple-icons/9.9.0/mastercard.svg"
                             alt="Mastercard"
                             loading="lazy"
                             style="height:26px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:0.80;transition:opacity 0.2s;"
                             onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.80'">

                        
                        <img src="https://cdnjs.cloudflare.com/ajax/libs/simple-icons/9.9.0/paypal.svg"
                             alt="PayPal"
                             loading="lazy"
                             style="height:22px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:0.75;transition:opacity 0.2s;"
                             onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.75'">

                        
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 40"
                             role="img" aria-label="M-Pesa"
                             style="height:22px;width:auto;opacity:0.75;transition:opacity 0.2s;cursor:default;"
                             onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.75'">
                            <rect width="120" height="40" rx="4" fill="none"/>
                            <text x="4" y="28" font-family="Arial,sans-serif" font-size="22" font-weight="900" fill="#ffffff" letter-spacing="-0.5">M-PESA</text>
                        </svg>

                    </div>
                </div>
            </div>
        </section>
        
        <section class="footer_middle_area py-20  border-top-light ">
            <div class="row justify-between items-center y-gap-10">
                <div class="col-auto">
                    <p>Copyright &copy; 2026 by Xtreme Republic</p>
                </div>
                <div class="col-auto">
                    
                                                                                                                                                                                                                                                                                                                            </div>
                <div class="col-auto">
                    <div class="row y-gap-10 items-center">
                        <div class="col-auto">
                            <div class="d-flex items-center">
                                <div class="menu-footer footer-switchers">
                                    <div class="mobile-overlay"></div>
                                    <div class="header-menu__content">
                                        <div class="menu js-navList">
                                            <ul class="menu__nav -is-active">
                                                <li class="currency-dropdown menu-item-has-children">
                                                        <a href="#" class="is_login">
                    <span class="mr-10">KES</span>
                    <i class="icon icon-chevron-sm-down"></i>
                </a>
                            <ul class="subnav">
                                                <li>
                        <a href="https://xtremerepublic.com/public/location/international-destinations?set_lang=es&amp;set_currency=usd" class="is_login dropdown-item">
                            USD
                        </a>
                    </li>
                                                                </ul>
    </li>

                                                                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <p>Xtreme Republic</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<style>
/* ── Footer currency & language switchers ── */
/* Open upward so the list doesn't overflow below the page */
.footer-switchers .menu-item-has-children {
    position: relative;
}
.footer-switchers .menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #ccc;
    cursor: pointer;
    white-space: nowrap;
    padding: 4px 0;
}
.footer-switchers .menu-item-has-children > a:hover {
    color: #fff;
}
/* Hide the sub-list by default */
.footer-switchers .menu-item-has-children .subnav {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px); /* open upward */
    left: 0;
    min-width: 120px;
    background: #1e1e1e;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 6px 0;
    list-style: none;
    margin: 0;
    z-index: 9999;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.4);
}
/* Show on hover */
.footer-switchers .menu-item-has-children:hover .subnav {
    display: block;
}
.footer-switchers .menu-item-has-children .subnav li a {
    display: block;
    padding: 7px 16px;
    font-size: 13px;
    color: #ccc;
    text-decoration: none;
    white-space: nowrap;
}
.footer-switchers .menu-item-has-children .subnav li a:hover {
    background: #2a2a2a;
    color: var(--brand-primary, #31964a);
}
</style>
<div class="modal fade login gotrip-login-modal" id="login" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content relative">
            <div class="modal-header border-dashed">
                <h4 class="modal-title">Log In</h4>
                <span class="c-pointer" data-bs-dismiss="modal" aria-label="Close">
                    <i class="input-icon field-icon fa">
                        <img src="https://xtremerepublic.com/public/images/ico_close.svg" alt="close">
                    </i>
                </span>
            </div>
            <div class="modal-body relative">
                <form class="bravo-theme-gotrip-login-form y-gap-20" method="POST" action="https://xtremerepublic.com/public/login">
        <input type="hidden" name="redirect" value="">
    <input type="hidden" name="_token" value="fJiCtJW8FzXGHn6wiMeOO3E8g3AU2iUMaayAMVeI" autocomplete="off">    <div class="col-12">
        <h4 class="form-title text-22 fw-500">Welcome back</h4>
                    <p class="mt-10">Don&#039;t have an account yet? <a data-bs-toggle="modal" href="#register" class="text-blue-1">Sign up for free</a></p>
            </div>
    <div class="col-12">
        <div class="form-input">
            <input type="text" name="email" autocomplete="off">
            <label class="lh-1 text-14 text-light-1">Email or Phone Number</label>
        </div>
    </div>
    <div class="col-12">
        <div class="form-input">
            <input type="password" name="password" autocomplete="off">
            <label class="lh-1 text-14 text-light-1">Password</label>
        </div>
    </div>
        <div class="col-12 d-flex justify-content-between">
        <div class="d-flex ">
            <div class="form-checkbox" style="margin-top: 3px">
                <input type="checkbox" name="remember" id="remember-me-gotrip-modal" value="1">
                <div class="form-checkbox__mark">
                    <div class="form-checkbox__icon icon-check"></div>
                </div>
            </div>
            <div class="text-15 lh-15 text-light-1 ml-10">Remember me</div>
        </div>
        <a href="https://xtremerepublic.com/public/forgot-password">Forgot Password?</a>
    </div>
        <div class="error message-error invalid-feedback"></div>
    <div class="col-12">
        <button class="button py-20 -dark-1 bg-blue-1 text-white w-100 form-submit" type="submit" id="gotrip-login-submit-modal">
            Sign In
            <div class="icon-arrow-top-right ml-15"></div>
            <span class="spinner-grow spinner-grow-sm icon-loading ml-15 d-none" role="status" aria-hidden="true"></span>
        </button>
    </div>

            <div class="advanced y-gap-20">
            <div class="col-12">
                <div class="text-center">or sign in with</div>
                                                    <a href="https://xtremerepublic.com/public/social-login/google" class="button col-12 -outline-red-1 text-red-1 py-15 rounded-8 mt-15 cursor-pointer" data-channel="google">
                        <i class="fa fa-google text-15 mr-10"></i>
                        Google
                    </a>
                                            </div>
        </div>
        <div class="col-12">
        <div class="text-center px-30">By creating an account, you agree to our Terms of Service and Privacy Statement.</div>
    </div>
</form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade login gotrip-register-modal" id="register" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content relative">
            <div class="modal-header">
                <h4 class="modal-title">Sign Up</h4>
                <span class="c-pointer" data-bs-dismiss="modal" aria-label="Close">
                    <i class="input-icon field-icon fa">
                        <img src="https://xtremerepublic.com/public/images/ico_close.svg" alt="close">
                    </i>
                </span>
            </div>
            <div class="modal-body">
                <form action="#" class="form bravo-form-register" method="post">
    <input type="hidden" name="_token" value="fJiCtJW8FzXGHn6wiMeOO3E8g3AU2iUMaayAMVeI" autocomplete="off">    <div class="row y-gap-20">
        <div class="col-12">
            <h1 class="text-22 fw-500">Sign in or create an account</h1>
            <p class="mt-10">Already have an account? <a data-bs-toggle="modal" href="#login" class="text-blue-1">Log in</a></p>
        </div>
        
                
        <div class="col-12">
            <div class="form-input">
                <input type="text" name="first_name" autocomplete="off">
                <label class="lh-1 text-14 text-light-1">First Name</label>
            </div>
            <span class="invalid-feedback error error-first_name"></span>
        </div>
        <div class="col-12">
            <div class="form-input">
                <input type="text" name="last_name" autocomplete="off">
                <label class="lh-1 text-14 text-light-1">Last Name</label>
            </div>
            <span class="invalid-feedback error error-last_name"></span>
        </div>
        <div class="col-12">
            <div class="form-input">
                <input type="text" name="phone" autocomplete="off">
                <label class="lh-1 text-14 text-light-1">Phone</label>
            </div>
            <span class="invalid-feedback error error-phone"></span>
        </div>
        <div class="col-12">
            <div class="form-input">
                <input type="email" name="email" autocomplete="off">
                <label class="lh-1 text-14 text-light-1">Email address</label>
            </div>
            <span class="invalid-feedback error error-email"></span>
        </div>
        <div class="col-12">
            <div class="form-input">
                <select name="country" class="form-control">
                    <option value="">-- Select Country --</option>
                                            <option value="AF">Afghanistan</option>
                                            <option value="AX">Aland Islands</option>
                                            <option value="AL">Albania</option>
                                            <option value="DZ">Algeria</option>
                                            <option value="AS">American Samoa</option>
                                            <option value="AD">Andorra</option>
                                            <option value="AO">Angola</option>
                                            <option value="AI">Anguilla</option>
                                            <option value="AQ">Antarctica</option>
                                            <option value="AG">Antigua And Barbuda</option>
                                            <option value="AR">Argentina</option>
                                            <option value="AM">Armenia</option>
                                            <option value="AW">Aruba</option>
                                            <option value="AU">Australia</option>
                                            <option value="AT">Austria</option>
                                            <option value="AZ">Azerbaijan</option>
                                            <option value="BS">Bahamas</option>
                                            <option value="BH">Bahrain</option>
                                            <option value="BD">Bangladesh</option>
                                            <option value="BB">Barbados</option>
                                            <option value="BY">Belarus</option>
                                            <option value="BE">Belgium</option>
                                            <option value="BZ">Belize</option>
                                            <option value="BJ">Benin</option>
                                            <option value="BM">Bermuda</option>
                                            <option value="BT">Bhutan</option>
                                            <option value="BO">Bolivia</option>
                                            <option value="BA">Bosnia And Herzegovina</option>
                                            <option value="BW">Botswana</option>
                                            <option value="BV">Bouvet Island</option>
                                            <option value="BR">Brazil</option>
                                            <option value="IO">British Indian Ocean Territory</option>
                                            <option value="BN">Brunei Darussalam</option>
                                            <option value="BG">Bulgaria</option>
                                            <option value="BF">Burkina Faso</option>
                                            <option value="BI">Burundi</option>
                                            <option value="KH">Cambodia</option>
                                            <option value="CM">Cameroon</option>
                                            <option value="CA">Canada</option>
                                            <option value="CV">Cape Verde</option>
                                            <option value="KY">Cayman Islands</option>
                                            <option value="CF">Central African Republic</option>
                                            <option value="TD">Chad</option>
                                            <option value="CL">Chile</option>
                                            <option value="CN">China</option>
                                            <option value="CX">Christmas Island</option>
                                            <option value="CC">Cocos (Keeling) Islands</option>
                                            <option value="CO">Colombia</option>
                                            <option value="KM">Comoros</option>
                                            <option value="CG">Congo</option>
                                            <option value="CD">Congo, Democratic Republic</option>
                                            <option value="CK">Cook Islands</option>
                                            <option value="CR">Costa Rica</option>
                                            <option value="CI">Cote D&#039;Ivoire</option>
                                            <option value="HR">Croatia</option>
                                            <option value="CU">Cuba</option>
                                            <option value="CY">Cyprus</option>
                                            <option value="CZ">Czech Republic</option>
                                            <option value="DK">Denmark</option>
                                            <option value="DJ">Djibouti</option>
                                            <option value="DM">Dominica</option>
                                            <option value="DO">Dominican Republic</option>
                                            <option value="EC">Ecuador</option>
                                            <option value="EG">Egypt</option>
                                            <option value="SV">El Salvador</option>
                                            <option value="GQ">Equatorial Guinea</option>
                                            <option value="ER">Eritrea</option>
                                            <option value="EE">Estonia</option>
                                            <option value="ET">Ethiopia</option>
                                            <option value="FK">Falkland Islands (Malvinas)</option>
                                            <option value="FO">Faroe Islands</option>
                                            <option value="FJ">Fiji</option>
                                            <option value="FI">Finland</option>
                                            <option value="FR">France</option>
                                            <option value="GF">French Guiana</option>
                                            <option value="PF">French Polynesia</option>
                                            <option value="TF">French Southern Territories</option>
                                            <option value="GA">Gabon</option>
                                            <option value="GM">Gambia</option>
                                            <option value="GE">Georgia</option>
                                            <option value="DE">Germany</option>
                                            <option value="GH">Ghana</option>
                                            <option value="GI">Gibraltar</option>
                                            <option value="GR">Greece</option>
                                            <option value="GL">Greenland</option>
                                            <option value="GD">Grenada</option>
                                            <option value="GP">Guadeloupe</option>
                                            <option value="GU">Guam</option>
                                            <option value="GT">Guatemala</option>
                                            <option value="GG">Guernsey</option>
                                            <option value="GN">Guinea</option>
                                            <option value="GW">Guinea-Bissau</option>
                                            <option value="GY">Guyana</option>
                                            <option value="HT">Haiti</option>
                                            <option value="HM">Heard Island &amp; Mcdonald Islands</option>
                                            <option value="VA">Holy See (Vatican City State)</option>
                                            <option value="HN">Honduras</option>
                                            <option value="HK">Hong Kong</option>
                                            <option value="HU">Hungary</option>
                                            <option value="IS">Iceland</option>
                                            <option value="IN">India</option>
                                            <option value="ID">Indonesia</option>
                                            <option value="IR">Iran, Islamic Republic Of</option>
                                            <option value="IQ">Iraq</option>
                                            <option value="IE">Ireland</option>
                                            <option value="IM">Isle Of Man</option>
                                            <option value="IL">Israel</option>
                                            <option value="IT">Italy</option>
                                            <option value="JM">Jamaica</option>
                                            <option value="JP">Japan</option>
                                            <option value="JE">Jersey</option>
                                            <option value="JO">Jordan</option>
                                            <option value="KZ">Kazakhstan</option>
                                            <option value="KE">Kenya</option>
                                            <option value="KI">Kiribati</option>
                                            <option value="KR">Korea</option>
                                            <option value="KW">Kuwait</option>
                                            <option value="KG">Kyrgyzstan</option>
                                            <option value="LA">Lao People&#039;s Democratic Republic</option>
                                            <option value="LV">Latvia</option>
                                            <option value="LB">Lebanon</option>
                                            <option value="LS">Lesotho</option>
                                            <option value="LR">Liberia</option>
                                            <option value="LY">Libyan Arab Jamahiriya</option>
                                            <option value="LI">Liechtenstein</option>
                                            <option value="LT">Lithuania</option>
                                            <option value="LU">Luxembourg</option>
                                            <option value="MO">Macao</option>
                                            <option value="MK">Macedonia</option>
                                            <option value="MG">Madagascar</option>
                                            <option value="MW">Malawi</option>
                                            <option value="MY">Malaysia</option>
                                            <option value="MV">Maldives</option>
                                            <option value="ML">Mali</option>
                                            <option value="MT">Malta</option>
                                            <option value="MH">Marshall Islands</option>
                                            <option value="MQ">Martinique</option>
                                            <option value="MR">Mauritania</option>
                                            <option value="MU">Mauritius</option>
                                            <option value="YT">Mayotte</option>
                                            <option value="MX">Mexico</option>
                                            <option value="FM">Micronesia, Federated States Of</option>
                                            <option value="MD">Moldova</option>
                                            <option value="MC">Monaco</option>
                                            <option value="MN">Mongolia</option>
                                            <option value="ME">Montenegro</option>
                                            <option value="MS">Montserrat</option>
                                            <option value="MA">Morocco</option>
                                            <option value="MZ">Mozambique</option>
                                            <option value="MM">Myanmar</option>
                                            <option value="NA">Namibia</option>
                                            <option value="NR">Nauru</option>
                                            <option value="NP">Nepal</option>
                                            <option value="NL">Netherlands</option>
                                            <option value="AN">Netherlands Antilles</option>
                                            <option value="NC">New Caledonia</option>
                                            <option value="NZ">New Zealand</option>
                                            <option value="NI">Nicaragua</option>
                                            <option value="NE">Niger</option>
                                            <option value="NG">Nigeria</option>
                                            <option value="NU">Niue</option>
                                            <option value="NF">Norfolk Island</option>
                                            <option value="MP">Northern Mariana Islands</option>
                                            <option value="NO">Norway</option>
                                            <option value="OM">Oman</option>
                                            <option value="PK">Pakistan</option>
                                            <option value="PW">Palau</option>
                                            <option value="PS">Palestinian Territory, Occupied</option>
                                            <option value="PA">Panama</option>
                                            <option value="PG">Papua New Guinea</option>
                                            <option value="PY">Paraguay</option>
                                            <option value="PE">Peru</option>
                                            <option value="PH">Philippines</option>
                                            <option value="PN">Pitcairn</option>
                                            <option value="PL">Poland</option>
                                            <option value="PT">Portugal</option>
                                            <option value="PR">Puerto Rico</option>
                                            <option value="QA">Qatar</option>
                                            <option value="RE">Reunion</option>
                                            <option value="RO">Romania</option>
                                            <option value="RU">Russian Federation</option>
                                            <option value="RW">Rwanda</option>
                                            <option value="BL">Saint Barthelemy</option>
                                            <option value="SH">Saint Helena</option>
                                            <option value="KN">Saint Kitts And Nevis</option>
                                            <option value="LC">Saint Lucia</option>
                                            <option value="MF">Saint Martin</option>
                                            <option value="PM">Saint Pierre And Miquelon</option>
                                            <option value="VC">Saint Vincent And Grenadines</option>
                                            <option value="WS">Samoa</option>
                                            <option value="SM">San Marino</option>
                                            <option value="ST">Sao Tome And Principe</option>
                                            <option value="SA">Saudi Arabia</option>
                                            <option value="SN">Senegal</option>
                                            <option value="RS">Serbia</option>
                                            <option value="SC">Seychelles</option>
                                            <option value="SL">Sierra Leone</option>
                                            <option value="SG">Singapore</option>
                                            <option value="SK">Slovakia</option>
                                            <option value="SI">Slovenia</option>
                                            <option value="SB">Solomon Islands</option>
                                            <option value="SO">Somalia</option>
                                            <option value="ZA">South Africa</option>
                                            <option value="GS">South Georgia And Sandwich Isl.</option>
                                            <option value="ES">Spain</option>
                                            <option value="LK">Sri Lanka</option>
                                            <option value="SD">Sudan</option>
                                            <option value="SR">Suriname</option>
                                            <option value="SJ">Svalbard And Jan Mayen</option>
                                            <option value="SZ">Swaziland</option>
                                            <option value="SE">Sweden</option>
                                            <option value="CH">Switzerland</option>
                                            <option value="SY">Syrian Arab Republic</option>
                                            <option value="TW">Taiwan</option>
                                            <option value="TJ">Tajikistan</option>
                                            <option value="TZ">Tanzania</option>
                                            <option value="TH">Thailand</option>
                                            <option value="TL">Timor-Leste</option>
                                            <option value="TG">Togo</option>
                                            <option value="TK">Tokelau</option>
                                            <option value="TO">Tonga</option>
                                            <option value="TT">Trinidad And Tobago</option>
                                            <option value="TN">Tunisia</option>
                                            <option value="TR">Turkey</option>
                                            <option value="TM">Turkmenistan</option>
                                            <option value="TC">Turks And Caicos Islands</option>
                                            <option value="TV">Tuvalu</option>
                                            <option value="UG">Uganda</option>
                                            <option value="UA">Ukraine</option>
                                            <option value="AE">United Arab Emirates</option>
                                            <option value="GB">United Kingdom</option>
                                            <option value="US">United States</option>
                                            <option value="UM">United States Outlying Islands</option>
                                            <option value="UY">Uruguay</option>
                                            <option value="UZ">Uzbekistan</option>
                                            <option value="VU">Vanuatu</option>
                                            <option value="VE">Venezuela</option>
                                            <option value="VN">Viet Nam</option>
                                            <option value="VG">Virgin Islands, British</option>
                                            <option value="VI">Virgin Islands, U.S.</option>
                                            <option value="WF">Wallis And Futuna</option>
                                            <option value="EH">Western Sahara</option>
                                            <option value="YE">Yemen</option>
                                            <option value="ZM">Zambia</option>
                                            <option value="ZW">Zimbabwe</option>
                                    </select>
                <label class="lh-1 text-14 text-light-1">Country <span class="required">*</span></label>
            </div>
            <span class="invalid-feedback error error-country"></span>
        </div>
        <div class="col-12">
            <div class="form-input">
                <input type="password" name="password" autocomplete="off">
                <label class="lh-1 text-14 text-light-1">Password</label>
            </div>
            <span class="invalid-feedback error error-password"></span>
        </div>
        <div class="col-12">
            <div class="d-flex">
                <div class="form-checkbox" style="margin-top: 3px">
                    <input type="checkbox" name="term" id="register-term">
                    <div class="form-checkbox__mark">
                        <div class="form-checkbox__icon icon-check"></div>
                    </div>
                </div>
                <label class="text-15 lh-15 text-light-1 ml-10" for="register-term">I have read and accept the Terms and Privacy Policy?</label>
            </div>
            <span class="invalid-feedback error error-term"></span>
        </div>
                <div class="error message-error invalid-feedback"></div>

        <div class="col-12">
            <button type="submit" class="button py-20 -dark-1 bg-blue-1 text-white w-100">
                Sign Up <div class="icon-arrow-top-right ml-15"></div>
            </button>
        </div>
    </div>
            <div class="row y-gap-20 pt-30">
            <div class="col-12">
                <div class="text-center">or sign in with</div>
            </div>
                                        <a href="https://xtremerepublic.com/public/social-login/google" class="button col-12 -outline-red-1 text-red-1 py-15 rounded-8 mt-15">
                    <i class="fa fa-google text-15 mr-10"></i> Login with Google
                </a>
                                </div>
    </form>
            </div>
        </div>
    </div>
</div>
<!-- Custom script for all pages -->
<script src="https://xtremerepublic.com/public/libs/lodash.min.js"></script>
<script src="https://xtremerepublic.com/public/libs/jquery-3.6.3.min.js"></script>
<script src="https://xtremerepublic.com/public/libs/vue/vue.min.js"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/themes/gotrip/libs/bs/js/bootstrap.bundle.min.js"></script>
<script src="https://xtremerepublic.com/public/libs/bootbox/bootbox.min.js"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/themes/gotrip/js/vendors.js"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/themes/gotrip/js/main.js?_ver=3.7.0-select2hydrate"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/themes/gotrip/js/luxury-gallery.js?_ver=3.7.0-select2hydrate"></script>


<script src="https://xtremerepublic.com/public/libs/carousel-2/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/libs/daterange/moment.min.js"></script>
<script type="text/javascript" src="https://xtremerepublic.com/public/libs/daterange/daterangepicker.min.js"></script>
<script src="https://xtremerepublic.com/public/libs/select2/js/select2.min.js"></script>
<script defer src="https://xtremerepublic.com/public/libs/cookie-consent/cookieconsent.js"></script>
<script>
    window.addEventListener('load', function () {

        // obtain plugin
        var cc = initCookieConsent();

        // run plugin with your configuration
        cc.run({
            current_lang: 'en_GB',
            autoclear_cookies: true,                   // default: false
            page_scripts: true,                        // default: false

            onFirstAction: function (user_preferences, cookie) {
                // callback triggered only once on the first accept/reject action
            },

            onAccept: function (cookie) {
                // callback triggered on the first accept/reject action, and after each page load
            },

            onChange: function (cookie, changed_categories) {
                // callback triggered when user changes preferences after consent has already been given
            },

            languages: {
                'en_GB': {
                    consent_modal: {
                        title: 'We use cookies!',
                        description: '',
                        primary_btn: {
                            text: 'Accept all',
                            role: 'Accept all', // 'accept_selected' or 'accept_all'
                        },
                        secondary_btn: {
                            text: 'Settings',
                            role: 'Settings', // 'settings' or 'accept_necessary'
                        }
                    },
                    settings_modal: {
                        title: 'Cookie preferences',
                        save_settings_btn: 'Save settings',
                        accept_all_btn: 'Accept All',
                        reject_all_btn: 'Reject All',
                        close_btn_label: 'Close',
                        blocks: [{"title":"Cookie usage","description":"We use cookies to ensure the basic functionality of the website and to enhance your online experience. You can choose for each category to opt-in\/out whenever you want. For more details relative to cookies and other sensitive data, please read the full <a href=\"https:\/\/xtremerepublic.com\/public\/page\/privacy-policy\" class=\"cc-link\">privacy policy<\/a>."},{"title":"Strictly necessary cookies","description":"These cookies are essential for the proper functioning of the website. Without these cookies, the website would not work properly.","toggle":{"value":"necessary","enabled":true,"readonly":true}},{"title":"Performance and analytics cookies","description":"These cookies allow the website to remember the choices you have made in the past and to measure performance to help us improve the site.","toggle":{"value":"analytics","enabled":false,"readonly":false}},{"title":"Advertisement and targeting cookies","description":"These cookies collect information about how you use the website, which pages you visited and which links you clicked on. All of the data is anonymized and cannot be used to identify you.","toggle":{"value":"targeting","enabled":false,"readonly":false}},{"title":"More information","description":"For any queries in relation to our policy on cookies and your choices, please <a class=\"cc-link\" href=\"https:\/\/xtremerepublic.com\/public\/contact\">contact us<\/a>."}]
                    }
                }
            }
        });
    });
</script>



<script src="https://xtremerepublic.com/public/themes/gotrip/dist/frontend/js/gotrip.js?_ver=3.7.0-select2hydrate"></script>
<script>
// Override gotrip.js login AJAX - run once after gotrip.js loads synchronously
(function() {
    if (typeof jQuery === 'undefined') return;
    var $ = jQuery;
    $('.bravo-theme-gotrip-login-form [type=submit]').off('click');
    $(document).off('click', '.bravo-theme-gotrip-login-form [type=submit]');
    $('.bravo-theme-gotrip-login-form').off('submit').on('submit', function() {
        var $form = $(this), $btn = $form.find('[type=submit]');
        var csrfToken = $('meta[name="csrf-token"]').attr('content');
        if (csrfToken && !$form.find('input[name="_token"]').length) {
            $form.append('<input type="hidden" name="_token" value="' + csrfToken + '">');
        }
        $btn.prop('disabled', true);
        $btn.find('.icon-arrow-top-right').hide();
        $btn.find('.icon-loading').removeClass('d-none');
    });
})();
</script>


    <script src='https://xtremerepublic.com/public/libs/leaflet1.4.0/leaflet.js'></script><link rel='stylesheet' href='https://xtremerepublic.com/public/libs/leaflet1.4.0/leaflet.css'><script src='https://xtremerepublic.com/public/module/core/js/map-engine.js?_ver=3.4.2'></script>
    <script>
        jQuery(function ($) {
                    })
    </script>

    <script type="text/javascript" src="https://xtremerepublic.com/public/libs/ion_rangeslider/js/ion.rangeSlider.min.js"></script>
    <script type="text/javascript" src="https://xtremerepublic.com/public/libs/fotorama/fotorama.js"></script>
    <script type="text/javascript" src="https://xtremerepublic.com/public/libs/sticky/jquery.sticky.js"></script>

        <div class="whatsapp-float-button" id="whatsappButton">
    <a href="https://wa.me/+254702716721?text=Hi%21+I+am+interested+in+booking+a+tour%2Fhotel." 
       target="_blank" 
       rel="noopener noreferrer"
       class="whatsapp-button"
       aria-label="Chat on WhatsApp">
        <svg viewBox="0 0 32 32" class="whatsapp-icon">
            <path fill="currentColor" d="M16 0c-8.837 0-16 7.163-16 16 0 2.825 0.737 5.607 2.137 8.048l-2.137 7.952 7.933-2.127c2.42 1.37 5.173 2.127 8.067 2.127 8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 29.467c-2.482 0-4.908-0.646-7.07-1.87l-0.507-0.292-5.247 1.408 1.417-5.267-0.321-0.525c-1.331-2.197-2.039-4.736-2.039-7.359 0-7.589 6.175-13.765 13.765-13.765s13.765 6.175 13.765 13.765c0 7.589-6.175 13.765-13.765 13.765z"></path>
            <path fill="currentColor" d="M23.201 19.731c-0.385-0.193-2.279-1.124-2.632-1.253-0.353-0.129-0.609-0.193-0.865 0.193s-0.993 1.253-1.218 1.51c-0.225 0.257-0.449 0.289-0.834 0.096s-1.627-0.599-3.098-1.911c-1.146-1.022-1.919-2.283-2.144-2.668s-0.024-0.593 0.169-0.785c0.173-0.171 0.385-0.449 0.577-0.673s0.257-0.385 0.385-0.641c0.129-0.257 0.064-0.481-0.032-0.673s-0.865-2.087-1.186-2.856c-0.313-0.749-0.631-0.647-0.865-0.659-0.224-0.011-0.481-0.013-0.737-0.013s-0.673 0.096-1.026 0.481c-0.353 0.385-1.347 1.317-1.347 3.211s1.379 3.723 1.571 3.981c0.193 0.257 2.72 4.155 6.589 5.826 0.92 0.397 1.638 0.634 2.197 0.811 0.924 0.293 1.765 0.252 2.43 0.153 0.741-0.111 2.279-0.932 2.601-1.833s0.321-1.673 0.225-1.833c-0.096-0.161-0.353-0.257-0.737-0.449z"></path>
        </svg>
        <span class="whatsapp-text">Chat with us</span>
    </a>
    <div class="whatsapp-pulse"></div>
</div>

<style>
.whatsapp-float-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    animation: fadeInUp 0.5s ease-out;
}

.whatsapp-button {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    padding: 14px 24px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

.whatsapp-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6);
    color: white;
}

.whatsapp-button:active {
    transform: translateY(-1px);
}

.whatsapp-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    animation: swing 2s ease-in-out infinite;
}

.whatsapp-text {
    white-space: nowrap;
}

.whatsapp-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: rgba(37, 211, 102, 0.3);
    animation: pulse 2s ease-out infinite;
    pointer-events: none;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes swing {
    0%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(14deg);
    }
    20%, 40% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(0deg);
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .whatsapp-float-button {
        bottom: 100px; /* Above mobile nav bar */
        right: 20px;
    }
    
    .whatsapp-button {
        padding: 12px 16px;
        font-size: 0; /* Hide text on mobile */
        border-radius: 50%;
        width: 56px;
        height: 56px;
        justify-content: center;
    }
    
    .whatsapp-text {
        display: none;
    }
    
    .whatsapp-icon {
        width: 32px;
        height: 32px;
    }
    
    .whatsapp-pulse {
        border-radius: 50%;
    }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .whatsapp-float-button {
        bottom: 25px;
        right: 25px;
    }
}

/* Hide on very small screens if needed */
@media (max-width: 360px) {
    .whatsapp-float-button {
        bottom: 90px;
        right: 15px;
    }
    
    .whatsapp-button {
        width: 50px;
        height: 50px;
        padding: 10px;
    }
    
    .whatsapp-icon {
        width: 28px;
        height: 28px;
    }
}

/* Print - hide button */
@media print {
    .whatsapp-float-button {
        display: none !important;
    }
}

/* Accessibility */
.whatsapp-button:focus {
    outline: 3px solid rgba(37, 211, 102, 0.5);
    outline-offset: 2px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .whatsapp-button {
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
    }
    
    .whatsapp-button:hover {
        box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5);
    }
}
</style>

<script>
// Optional: Add scroll behavior
(function() {
    const whatsappButton = document.getElementById('whatsappButton');
    if (!whatsappButton) return;
    
    let lastScroll = 0;
    let ticking = false;
    
    window.addEventListener('scroll', function() {
        lastScroll = window.scrollY;
        
        if (!ticking) {
            window.requestAnimationFrame(function() {
                // Show button after scrolling down 300px
                if (lastScroll > 300) {
                    whatsappButton.style.opacity = '1';
                    whatsappButton.style.visibility = 'visible';
                } else {
                    whatsappButton.style.opacity = '0.7';
                }
                ticking = false;
            });
            ticking = true;
        }
    });
    
    // Track WhatsApp button clicks (optional analytics)
    whatsappButton.querySelector('.whatsapp-button').addEventListener('click', function() {
        // You can add analytics tracking here
        if (typeof gtag !== 'undefined') {
            gtag('event', 'click', {
                'event_category': 'WhatsApp',
                'event_label': 'Floating Button'
            });
        }
    });
})();
</script>
    </div>
    
    <!-- Mobile Navigation Bar -->
    <div class="mobile-nav-bar d-lg-none">
        <div class="mobile-nav-container">
            <a href="/tour" class="mobile-nav-item">
                <div class="mobile-nav-icon">
                    <i class="fa fa-plane"></i>
                </div>
                <span class="mobile-nav-text">Tours</span>
            </a>
            
            <a href="/hotel" class="mobile-nav-item">
                <div class="mobile-nav-icon">
                    <i class="fa fa-hotel"></i>
                </div>
                <span class="mobile-nav-text">Hotels</span>
            </a>
            
            <a href="/" class="mobile-nav-item mobile-nav-home">
                <div class="mobile-nav-icon mobile-nav-home-icon">
                    <i class="icon-home"></i>
                </div>
                <span class="mobile-nav-text">Home</span>
            </a>
            
            <a href="/user/booking-history" class="mobile-nav-item">
                <div class="mobile-nav-icon">
                    <i class="icon-calendar"></i>
                </div>
                <span class="mobile-nav-text">Bookings</span>
            </a>
            
            <a href="/user-dashboard" class="mobile-nav-item">
                <div class="mobile-nav-icon">
                    <i class="icon-user"></i>
                </div>
                <span class="mobile-nav-text">Account</span>
            </a>
        </div>
    </div>
    
            
        
        
    <!-- Tour Animations Script -->
    <script defer src="https://xtremerepublic.com/public/themes/gotrip/dist/frontend/js/tour-animations.js?_v=3.7.0-select2hydrate"></script>
    <!-- Luxury Animations -->
    <script defer src="https://xtremerepublic.com/public/js/luxury-animations.js?_v=3.7.0-select2hydrate"></script>
    <!-- Enhanced Mobile Menu -->
    <script defer src="https://xtremerepublic.com/public/themes/gotrip/assets/js/mobile-menu-enhanced.js?_v=3.7.0-select2hydrate"></script>
    <!-- User Dashboard Luxury JavaScript -->
    <script defer src="https://xtremerepublic.com/public/themes/gotrip/assets/js/user-dashboard-luxury.js?_v=3.7.0-select2hydrate"></script>
    <!-- Typewriter Effect -->
    <script defer src="https://xtremerepublic.com/public/themes/gotrip/js/typewriter.js?_v=3.7.0-select2hydrate"></script>
    <!-- Alpine.js -->
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
        <!-- Critical JavaScript -->
    
    
</body>
</html>
