{"id":800,"date":"2023-01-24T08:09:42","date_gmt":"2023-01-24T08:09:42","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/car-repair-v1\/?page_id=7"},"modified":"2026-08-22T19:56:06","modified_gmt":"2026-08-22T19:56:06","slug":"home-car-repair-v1","status":"publish","type":"page","link":"https:\/\/12and13trips.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n12&13 Trips \u2014 Hero Slider<\/title>\r\n\r\n<style>\r\n:root{\r\n --brand:#100568;\r\n --brand-dark:#08033f;\r\n --gold:#ffb000;\r\n --gold-light:#ffc43d;\r\n --white:#ffffff;\r\n --text:#15122b;\r\n --muted:#667085;\r\n --line:#e8e8ef;\r\n}\r\n\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nbody{\r\n font-family:Inter,Segoe UI,Arial,sans-serif;\r\n background:#f7f7fa;\r\n color:var(--text);\r\n}\r\n\r\n\/* =========================\r\n HERO\r\n========================= *\/\r\n\r\n.hero{\r\n min-height:650px;\r\n position:relative;\r\n overflow:hidden;\r\n color:#fff;\r\n isolation:isolate;\r\n}\r\n\r\n\/* =========================\r\n BACKGROUND SLIDES\r\n========================= *\/\r\n\r\n.hero-slides{\r\n position:absolute;\r\n inset:0;\r\n z-index:-3;\r\n}\r\n\r\n.hero-slide{\r\n position:absolute;\r\n inset:0;\r\n opacity:0;\r\n transform:scale(1.05);\r\n\r\n background-position:center;\r\n background-size:cover;\r\n background-repeat:no-repeat;\r\n\r\n transition:\r\n opacity 1.1s ease,\r\n transform 7s ease;\r\n}\r\n\r\n.hero-slide.active{\r\n opacity:1;\r\n transform:scale(1);\r\n}\r\n\r\n\/* =========================\r\n BRAND OVERLAY\r\n========================= *\/\r\n\r\n.hero-overlay{\r\n position:absolute;\r\n inset:0;\r\n z-index:-2;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(8,3,63,.92) 0%,\r\n rgba(16,5,104,.72) 34%,\r\n rgba(16,5,104,.34) 67%,\r\n rgba(0,0,0,.20) 100%\r\n );\r\n}\r\n\r\n\/* Decorative glow *\/\r\n\r\n.hero:before{\r\n content:\"\";\r\n position:absolute;\r\n\r\n width:600px;\r\n height:600px;\r\n\r\n border-radius:50%;\r\n\r\n right:-250px;\r\n top:-330px;\r\n\r\n background:rgba(255,176,0,.10);\r\n\r\n z-index:-1;\r\n}\r\n\r\n\/* =========================\r\n HERO CONTENT\r\n========================= *\/\r\n\r\n.hero-inner{\r\n width:min(1240px,calc(100% - 56px));\r\n\r\n min-height:650px;\r\n\r\n margin:auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n\r\n position:relative;\r\n z-index:2;\r\n\r\n padding:95px 0 55px;\r\n}\r\n\r\n.hero-content{\r\n width:100%;\r\n max-width:1150px;\r\n}\r\n\r\n\/* Small heading *\/\r\n\r\n.hero-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n font-size:12px;\r\n font-weight:800;\r\n\r\n letter-spacing:1.6px;\r\n\r\n text-transform:uppercase;\r\n\r\n margin-bottom:18px;\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n.hero-kicker span{\r\n width:8px;\r\n height:8px;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\/* Main heading *\/\r\n\r\n.hero h1{\r\n max-width:760px;\r\n\r\n font-size:clamp(45px,6vw,76px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3.5px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n.hero h1 em{\r\n color:var(--gold);\r\n font-style:normal;\r\n}\r\n\r\n\/* Description *\/\r\n\r\n.hero-text{\r\n max-width:590px;\r\n\r\n margin:22px 0 30px;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.65;\r\n\r\n color:rgba(255,255,255,.88);\r\n}\r\n\r\n\/* =========================\r\n SEARCH BOX\r\n========================= *\/\r\n\r\n.search-panel{\r\n max-width:1100px;\r\n\r\n background:rgba(255,255,255,.98);\r\n\r\n border-radius:20px;\r\n\r\n padding:8px;\r\n\r\n color:var(--text);\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.35fr\r\n 1fr\r\n .9fr\r\n 1fr\r\n auto;\r\n\r\n gap:0;\r\n\r\n box-shadow:\r\n 0 24px 65px rgba(0,0,0,.25);\r\n}\r\n\r\n.search-field{\r\n padding:13px 17px;\r\n\r\n border-right:1px solid var(--line);\r\n\r\n min-width:0;\r\n}\r\n\r\n.search-field label{\r\n display:block;\r\n\r\n font-size:10px;\r\n\r\n font-weight:850;\r\n\r\n text-transform:uppercase;\r\n\r\n letter-spacing:.8px;\r\n\r\n color:#98a2b3;\r\n\r\n margin-bottom:5px;\r\n}\r\n\r\n.search-field input,\r\n.search-field select{\r\n width:100%;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--text);\r\n\r\n font-size:14px;\r\n\r\n font-weight:700;\r\n}\r\n\r\n.search-field input::placeholder{\r\n color:#475467;\r\n}\r\n\r\n\/* Search button *\/\r\n\r\n.search-button{\r\n border:0;\r\n\r\n border-radius:14px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--brand);\r\n\r\n padding:0 23px;\r\n\r\n font-size:14px;\r\n\r\n font-weight:850;\r\n\r\n min-width:135px;\r\n\r\n cursor:pointer;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.search-button:hover{\r\n background:var(--gold-light);\r\n\r\n transform:translateY(-1px);\r\n}\r\n\r\n\/* =========================\r\n POPULAR DESTINATIONS\r\n========================= *\/\r\n\r\n.quick-links{\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:9px;\r\n\r\n margin-top:15px;\r\n}\r\n\r\n.quick-label{\r\n font-size:12px;\r\n\r\n color:rgba(255,255,255,.7);\r\n\r\n margin-right:3px;\r\n}\r\n\r\n.quick-link{\r\n border:1px solid rgba(255,255,255,.24);\r\n\r\n background:rgba(255,255,255,.09);\r\n\r\n color:#fff;\r\n\r\n border-radius:30px;\r\n\r\n padding:7px 12px;\r\n\r\n font-size:11px;\r\n\r\n font-weight:700;\r\n\r\n cursor:pointer;\r\n\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n.quick-link:hover{\r\n border-color:var(--gold);\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n\/* =========================\r\n TRUST BAR\r\n========================= *\/\r\n\r\n.hero-bottom{\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:0;\r\n\r\n z-index:3;\r\n}\r\n\r\n.hero-trust{\r\n width:min(1240px,calc(100% - 56px));\r\n\r\n margin:auto;\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:20px;\r\n\r\n padding:18px 0;\r\n\r\n border-top:1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n.trust-item{\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n font-size:12px;\r\n\r\n color:rgba(255,255,255,.82);\r\n}\r\n\r\n.trust-icon{\r\n width:28px;\r\n height:28px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:9px;\r\n\r\n background:rgba(255,255,255,.10);\r\n\r\n color:var(--gold);\r\n\r\n font-weight:900;\r\n}\r\n\r\n\/* =========================\r\n SLIDER CONTROLS\r\n========================= *\/\r\n\r\n.slider-controls{\r\n position:absolute;\r\n\r\n right:34px;\r\n\r\n bottom:30px;\r\n\r\n z-index:5;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n}\r\n\r\n.slider-arrow{\r\n width:38px;\r\n height:38px;\r\n\r\n border-radius:50%;\r\n\r\n border:1px solid rgba(255,255,255,.28);\r\n\r\n background:rgba(8,3,63,.32);\r\n\r\n color:#fff;\r\n\r\n font-size:27px;\r\n\r\n line-height:1;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n cursor:pointer;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n transition:.2s;\r\n}\r\n\r\n.slider-arrow:hover{\r\n background:var(--gold);\r\n\r\n color:var(--brand);\r\n\r\n border-color:var(--gold);\r\n}\r\n\r\n.slider-dots{\r\n display:flex;\r\n\r\n gap:7px;\r\n\r\n align-items:center;\r\n}\r\n\r\n.slider-dot{\r\n width:7px;\r\n height:7px;\r\n\r\n border:0;\r\n\r\n border-radius:20px;\r\n\r\n background:rgba(255,255,255,.45);\r\n\r\n cursor:pointer;\r\n\r\n transition:.25s;\r\n}\r\n\r\n.slider-dot.active{\r\n width:25px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\/* =========================\r\n TOAST\r\n========================= *\/\r\n\r\n.toast{\r\n position:fixed;\r\n\r\n right:20px;\r\n\r\n bottom:20px;\r\n\r\n z-index:50;\r\n\r\n background:#111827;\r\n\r\n color:#fff;\r\n\r\n padding:13px 17px;\r\n\r\n border-radius:12px;\r\n\r\n font-size:13px;\r\n\r\n box-shadow:0 15px 40px rgba(0,0,0,.2);\r\n\r\n opacity:0;\r\n\r\n transform:translateY(15px);\r\n\r\n pointer-events:none;\r\n\r\n transition:.25s;\r\n}\r\n\r\n.toast.show{\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n .hero{\r\n min-height:720px;\r\n }\r\n\r\n .hero-inner{\r\n min-height:720px;\r\n\r\n align-items:flex-start;\r\n\r\n padding-top:125px;\r\n }\r\n\r\n .search-panel{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .search-field:nth-child(2){\r\n border-right:0;\r\n }\r\n\r\n .search-field:nth-child(3),\r\n .search-field:nth-child(4){\r\n border-top:1px solid var(--line);\r\n }\r\n\r\n .search-button{\r\n min-height:54px;\r\n\r\n grid-column:1\/-1;\r\n\r\n margin-top:5px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:620px){\r\n\r\n .hero{\r\n min-height:780px;\r\n\r\n background-position:63% center;\r\n }\r\n\r\n .hero-inner{\r\n width:min(100% - 30px,1240px);\r\n\r\n min-height:780px;\r\n\r\n padding-top:110px;\r\n }\r\n\r\n .hero h1{\r\n font-size:48px;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n max-width:500px;\r\n }\r\n\r\n .hero-text{\r\n font-size:15px;\r\n\r\n margin-top:18px;\r\n }\r\n\r\n .search-panel{\r\n grid-template-columns:1fr;\r\n\r\n padding:7px;\r\n\r\n border-radius:18px;\r\n }\r\n\r\n .search-field{\r\n border-right:0!important;\r\n\r\n border-bottom:1px solid var(--line);\r\n\r\n padding:12px 14px;\r\n }\r\n\r\n .search-field:nth-child(3),\r\n .search-field:nth-child(4){\r\n border-top:0;\r\n }\r\n\r\n .search-field:last-of-type{\r\n border-bottom:0;\r\n }\r\n\r\n .search-button{\r\n grid-column:auto;\r\n\r\n margin-top:5px;\r\n\r\n min-height:50px;\r\n }\r\n\r\n .quick-links{\r\n display:none;\r\n }\r\n\r\n .hero-bottom{\r\n display:none;\r\n }\r\n\r\n .slider-controls{\r\n right:50%;\r\n\r\n transform:translateX(50%);\r\n\r\n bottom:22px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n <!-- =========================\r\n BACKGROUND SLIDER\r\n ========================== -->\r\n\r\n <div class=\"hero-slides\">\r\n\r\n <div\r\n class=\"hero-slide active\"\r\n style=\"\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2200&q=90');\r\n \">\r\n <\/div>\r\n\r\n <div\r\n class=\"hero-slide\"\r\n style=\"\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1518684079-3c830dcef090?auto=format&fit=crop&w=2200&q=90');\r\n \">\r\n <\/div>\r\n\r\n <div\r\n class=\"hero-slide\"\r\n style=\"\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1530789253388-582c481c54b0?auto=format&fit=crop&w=2200&q=90');\r\n \">\r\n <\/div>\r\n\r\n <div\r\n class=\"hero-slide\"\r\n style=\"\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1505881502353-a1986add3762?auto=format&fit=crop&w=2200&q=90');\r\n \">\r\n <\/div>\r\n\r\n <div\r\n class=\"hero-slide\"\r\n style=\"\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1523731407965-2430cd12f5e4?auto=format&fit=crop&w=2200&q=90');\r\n \">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Brand colour overlay -->\r\n\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n\r\n <!-- =========================\r\n HERO CONTENT\r\n ========================== -->\r\n\r\n <div class=\"hero-inner\">\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-kicker\">\r\n\r\n <span><\/span>\r\n\r\n Your journey starts with 12&13 Trips\r\n\r\n <\/div>\r\n\r\n\r\n <h1>\r\n\r\n Discover places.<br>\r\n\r\n <em>Make memories.<\/em>\r\n\r\n <\/h1>\r\n\r\n\r\n <p class=\"hero-text\">\r\n\r\n Find local and international tour packages,\r\n compare travel options, explore destinations\r\n and discover a journey that fits your plans and budget.\r\n\r\n <\/p>\r\n\r\n\r\n <!-- =========================\r\n TRAVEL SEARCH\r\n ========================== -->\r\n\r\n <form\r\n class=\"search-panel\"\r\n id=\"travelSearch\"\r\n >\r\n\r\n <div class=\"search-field\">\r\n\r\n <label>Where to?<\/label>\r\n\r\n <input\r\n type=\"text\"\r\n id=\"destination\"\r\n placeholder=\"Destination or tour\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"search-field\">\r\n\r\n <label>Travel date<\/label>\r\n\r\n <input\r\n type=\"date\"\r\n id=\"travelDate\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"search-field\">\r\n\r\n <label>Travellers<\/label>\r\n\r\n <select id=\"travellers\">\r\n\r\n <option>\r\n 1 traveller\r\n <\/option>\r\n\r\n <option selected>\r\n 2 travellers\r\n <\/option>\r\n\r\n <option>\r\n 3 travellers\r\n <\/option>\r\n\r\n <option>\r\n 4 travellers\r\n <\/option>\r\n\r\n <option>\r\n 5+ travellers\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"search-field\">\r\n\r\n <label>Budget<\/label>\r\n\r\n <select id=\"budget\">\r\n\r\n <option>\r\n Any budget\r\n <\/option>\r\n\r\n <option>\r\n Under \u20a6300,000\r\n <\/option>\r\n\r\n <option>\r\n \u20a6300k \u2013 \u20a6500k\r\n <\/option>\r\n\r\n <option>\r\n \u20a6500k \u2013 \u20a61m\r\n <\/option>\r\n\r\n <option>\r\n \u20a61m \u2013 \u20a62m\r\n <\/option>\r\n\r\n <option>\r\n \u20a62m+\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n class=\"search-button\"\r\n type=\"submit\"\r\n >\r\n\r\n Search Trips \u2192\r\n\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n\r\n <!-- Popular destinations -->\r\n\r\n <div class=\"quick-links\">\r\n\r\n <span class=\"quick-label\">\r\n Popular:\r\n <\/span>\r\n\r\n <button\r\n class=\"quick-link\"\r\n data-destination=\"Dubai\"\r\n >\r\n Dubai\r\n <\/button>\r\n\r\n <button\r\n class=\"quick-link\"\r\n data-destination=\"Zanzibar\"\r\n >\r\n Zanzibar\r\n <\/button>\r\n\r\n <button\r\n class=\"quick-link\"\r\n data-destination=\"Cape Town\"\r\n >\r\n Cape Town\r\n <\/button>\r\n\r\n <button\r\n class=\"quick-link\"\r\n data-destination=\"Accra\"\r\n >\r\n Accra\r\n <\/button>\r\n\r\n <button\r\n class=\"quick-link\"\r\n data-destination=\"Lagos\"\r\n >\r\n Lagos\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =========================\r\n TRUST BAR\r\n ========================== -->\r\n\r\n <div class=\"hero-bottom\">\r\n\r\n <div class=\"hero-trust\">\r\n\r\n <div class=\"trust-item\">\r\n\r\n <span class=\"trust-icon\">\r\n \u2713\r\n <\/span>\r\n\r\n Curated travel packages\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trust-item\">\r\n\r\n <span class=\"trust-icon\">\r\n \u20a6\r\n <\/span>\r\n\r\n Options for every budget\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trust-item\">\r\n\r\n <span class=\"trust-icon\">\r\n \u25ce\r\n <\/span>\r\n\r\n Local & international trips\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trust-item\">\r\n\r\n <span class=\"trust-icon\">\r\n \u2197\r\n <\/span>\r\n\r\n Personal travel assistance\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =========================\r\n SLIDER CONTROLS\r\n ========================== -->\r\n\r\n <div class=\"slider-controls\">\r\n\r\n <button\r\n class=\"slider-arrow\"\r\n id=\"prevSlide\"\r\n aria-label=\"Previous slide\"\r\n >\r\n \u2039\r\n <\/button>\r\n\r\n\r\n <div\r\n class=\"slider-dots\"\r\n id=\"sliderDots\"\r\n >\r\n\r\n <button\r\n class=\"slider-dot active\"\r\n aria-label=\"Slide 1\"\r\n ><\/button>\r\n\r\n <button\r\n class=\"slider-dot\"\r\n aria-label=\"Slide 2\"\r\n ><\/button>\r\n\r\n <button\r\n class=\"slider-dot\"\r\n aria-label=\"Slide 3\"\r\n ><\/button>\r\n\r\n <button\r\n class=\"slider-dot\"\r\n aria-label=\"Slide 4\"\r\n ><\/button>\r\n\r\n <button\r\n class=\"slider-dot\"\r\n aria-label=\"Slide 5\"\r\n ><\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n class=\"slider-arrow\"\r\n id=\"nextSlide\"\r\n aria-label=\"Next slide\"\r\n >\r\n \u203a\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div\r\n class=\"toast\"\r\n id=\"toast\"\r\n><\/div>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================\r\n HERO SLIDER\r\n========================= *\/\r\n\r\nconst slides =\r\n document.querySelectorAll(\".hero-slide\");\r\n\r\nconst dots =\r\n document.querySelectorAll(\".slider-dot\");\r\n\r\nlet currentSlide = 0;\r\n\r\nlet sliderTimer;\r\n\r\n\r\n\/* Change slide *\/\r\n\r\nfunction goToSlide(index){\r\n\r\n currentSlide =\r\n (index + slides.length) %\r\n slides.length;\r\n\r\n\r\n slides.forEach((slide,index)=>{\r\n\r\n slide.classList.toggle(\r\n \"active\",\r\n index === currentSlide\r\n );\r\n\r\n });\r\n\r\n\r\n dots.forEach((dot,index)=>{\r\n\r\n dot.classList.toggle(\r\n \"active\",\r\n index === currentSlide\r\n );\r\n\r\n });\r\n\r\n}\r\n\r\n\r\n\/* Next *\/\r\n\r\nfunction nextSlide(){\r\n\r\n goToSlide(\r\n currentSlide + 1\r\n );\r\n\r\n}\r\n\r\n\r\n\/* Previous *\/\r\n\r\nfunction prevSlide(){\r\n\r\n goToSlide(\r\n currentSlide - 1\r\n );\r\n\r\n}\r\n\r\n\r\n\/* Automatic slider *\/\r\n\r\nfunction restartSlider(){\r\n\r\n clearInterval(sliderTimer);\r\n\r\n sliderTimer =\r\n setInterval(\r\n nextSlide,\r\n 5500\r\n );\r\n\r\n}\r\n\r\n\r\n\/* Buttons *\/\r\n\r\ndocument\r\n .getElementById(\"nextSlide\")\r\n .addEventListener(\r\n \"click\",\r\n ()=>{\r\n nextSlide();\r\n restartSlider();\r\n }\r\n );\r\n\r\n\r\ndocument\r\n .getElementById(\"prevSlide\")\r\n .addEventListener(\r\n \"click\",\r\n ()=>{\r\n prevSlide();\r\n restartSlider();\r\n }\r\n );\r\n\r\n\r\n\/* Dots *\/\r\n\r\ndots.forEach(\r\n (dot,index)=>{\r\n\r\n dot.addEventListener(\r\n \"click\",\r\n ()=>{\r\n\r\n goToSlide(index);\r\n\r\n restartSlider();\r\n\r\n }\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* Start slider *\/\r\n\r\nrestartSlider();\r\n\r\n\r\n\/* =========================\r\n QUICK DESTINATION\r\n========================= *\/\r\n\r\ndocument\r\n .querySelectorAll(\".quick-link\")\r\n .forEach(button=>{\r\n\r\n button.addEventListener(\r\n \"click\",\r\n ()=>{\r\n\r\n document\r\n .getElementById(\"destination\")\r\n .value =\r\n button.dataset.destination;\r\n\r\n document\r\n .getElementById(\"destination\")\r\n .focus();\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n\/* =========================\r\n SEARCH\r\n========================= *\/\r\n\r\nconst toast =\r\n document.getElementById(\"toast\");\r\n\r\n\r\nfunction showToast(message){\r\n\r\n toast.textContent =\r\n message;\r\n\r\n toast.classList.add(\r\n \"show\"\r\n );\r\n\r\n\r\n setTimeout(\r\n ()=>{\r\n toast.classList.remove(\r\n \"show\"\r\n );\r\n },\r\n 2300\r\n );\r\n\r\n}\r\n\r\n\r\ndocument\r\n .getElementById(\"travelSearch\")\r\n .addEventListener(\r\n \"submit\",\r\n function(e){\r\n\r\n e.preventDefault();\r\n\r\n\r\n const destination =\r\n document\r\n .getElementById(\"destination\")\r\n .value\r\n .trim();\r\n\r\n\r\n const budget =\r\n document\r\n .getElementById(\"budget\")\r\n .value;\r\n\r\n\r\n if(!destination){\r\n\r\n showToast(\r\n \"Please enter a destination or tour.\"\r\n );\r\n\r\n document\r\n .getElementById(\"destination\")\r\n .focus();\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n showToast(\r\n \"Searching \" +\r\n destination +\r\n (\r\n budget !== \"Any budget\"\r\n ? \" \u00b7 \" + budget\r\n : \"\"\r\n )\r\n );\r\n\r\n }\r\n );\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n<!-- =========================================================\r\n FIND YOUR PERFECT TRIP\r\n========================================================= -->\r\n\r\n<section class=\"trip-finder\" id=\"trip-finder\">\r\n\r\n <div class=\"trip-finder-container\">\r\n\r\n <!-- HEADER -->\r\n\r\n <div class=\"trip-finder-heading\">\r\n\r\n <div>\r\n\r\n <span class=\"trip-eyebrow\">\r\n <i><\/i>\r\n FIND YOUR PERFECT TRIP\r\n <\/span>\r\n\r\n <h2>\r\n Trips made for\r\n <span>you.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Search our curated travel packages by\r\n destination, budget, duration or trip style.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <a href=\"#all-packages\" class=\"trip-view-all\">\r\n View all packages\r\n <span>\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n SEARCH PANEL\r\n ================================================== -->\r\n\r\n <div class=\"trip-search-panel\">\r\n\r\n <!-- DESTINATION -->\r\n\r\n <div class=\"trip-filter destination-filter\">\r\n\r\n <label>\r\n Destination\r\n <\/label>\r\n\r\n <div class=\"trip-filter-input\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n <input\r\n type=\"text\"\r\n id=\"tripDestinationSearch\"\r\n placeholder=\"Where do you want to go?\"\r\n autocomplete=\"off\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- AUTOCOMPLETE -->\r\n\r\n <div\r\n class=\"trip-destination-suggestions\"\r\n id=\"tripDestinationSuggestions\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"Dubai\"\r\n >\r\n <span>\ud83c\udde6\ud83c\uddea<\/span>\r\n Dubai\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"Zanzibar\"\r\n >\r\n <span>\ud83c\uddf9\ud83c\uddff<\/span>\r\n Zanzibar\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"Cape Town\"\r\n >\r\n <span>\ud83c\uddff\ud83c\udde6<\/span>\r\n Cape Town\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"Paris\"\r\n >\r\n <span>\ud83c\uddeb\ud83c\uddf7<\/span>\r\n Paris\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"London\"\r\n >\r\n <span>\ud83c\uddec\ud83c\udde7<\/span>\r\n London\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n data-destination=\"Lagos\"\r\n >\r\n <span>\ud83c\uddf3\ud83c\uddec<\/span>\r\n Lagos\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BUDGET -->\r\n\r\n <div class=\"trip-filter\">\r\n\r\n <label>\r\n Budget\r\n <\/label>\r\n\r\n <div class=\"trip-filter-input\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 1v22\"\/>\r\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H7\"\/>\r\n <\/svg>\r\n\r\n <select id=\"tripBudget\">\r\n\r\n <option value=\"all\">\r\n Any budget\r\n <\/option>\r\n\r\n <option value=\"300000\">\r\n Under \u20a6300k\r\n <\/option>\r\n\r\n <option value=\"500000\">\r\n Under \u20a6500k\r\n <\/option>\r\n\r\n <option value=\"750000\">\r\n Under \u20a6750k\r\n <\/option>\r\n\r\n <option value=\"1000000\">\r\n Under \u20a61m\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- DURATION -->\r\n\r\n <div class=\"trip-filter\">\r\n\r\n <label>\r\n Duration\r\n <\/label>\r\n\r\n <div class=\"trip-filter-input\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n\r\n <select id=\"tripDuration\">\r\n\r\n <option value=\"all\">\r\n Any duration\r\n <\/option>\r\n\r\n <option value=\"3\">\r\n 1 \u2013 3 nights\r\n <\/option>\r\n\r\n <option value=\"5\">\r\n 4 \u2013 5 nights\r\n <\/option>\r\n\r\n <option value=\"7\">\r\n 6 \u2013 7 nights\r\n <\/option>\r\n\r\n <option value=\"8\">\r\n 8+ nights\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- TRIP TYPE -->\r\n\r\n <div class=\"trip-filter\">\r\n\r\n <label>\r\n Trip type\r\n <\/label>\r\n\r\n <div class=\"trip-filter-input\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 11h18\"\/>\r\n <path d=\"M5 11 8 5h8l3 6\"\/>\r\n <path d=\"M5 11v7\"\/>\r\n <path d=\"M19 11v7\"\/>\r\n <path d=\"M8 18h8\"\/>\r\n <\/svg>\r\n\r\n <select id=\"tripType\">\r\n\r\n <option value=\"all\">\r\n All experiences\r\n <\/option>\r\n\r\n <option value=\"vacation\">\r\n Vacation\r\n <\/option>\r\n\r\n <option value=\"honeymoon\">\r\n Honeymoon\r\n <\/option>\r\n\r\n <option value=\"family\">\r\n Family\r\n <\/option>\r\n\r\n <option value=\"adventure\">\r\n Adventure\r\n <\/option>\r\n\r\n <option value=\"luxury\">\r\n Luxury\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- SEARCH -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"trip-search-button\"\r\n id=\"tripSearchButton\"\r\n >\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n <path d=\"m20 20-4-4\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Search\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n QUICK FILTERS\r\n ================================================== -->\r\n\r\n <div class=\"trip-quick-filters\">\r\n\r\n <span>\r\n Popular:\r\n <\/span>\r\n\r\n <button data-quick=\"Dubai\">\r\n Dubai\r\n <\/button>\r\n\r\n <button data-quick=\"Zanzibar\">\r\n Zanzibar\r\n <\/button>\r\n\r\n <button data-quick=\"London\">\r\n London\r\n <\/button>\r\n\r\n <button data-quick=\"Cape Town\">\r\n Cape Town\r\n <\/button>\r\n\r\n <button data-quick=\"Paris\">\r\n Paris\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n RESULTS HEADER\r\n ================================================== -->\r\n\r\n <div class=\"trip-results-header\">\r\n\r\n <div>\r\n\r\n <span class=\"trip-results-label\">\r\n AVAILABLE PACKAGES\r\n <\/span>\r\n\r\n <h3>\r\n <span id=\"tripResultCount\">6<\/span>\r\n trips found\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <select\r\n class=\"trip-sort\"\r\n id=\"tripSort\"\r\n >\r\n\r\n <option value=\"recommended\">\r\n Recommended\r\n <\/option>\r\n\r\n <option value=\"low\">\r\n Price: Low to High\r\n <\/option>\r\n\r\n <option value=\"high\">\r\n Price: High to Low\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n PACKAGE GRID\r\n ================================================== -->\r\n\r\n <div\r\n class=\"trip-package-grid\"\r\n id=\"tripPackageGrid\"\r\n >\r\n\r\n\r\n <!-- PACKAGE 1 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"Dubai\"\r\n data-price=\"650000\"\r\n data-nights=\"5\"\r\n data-type=\"vacation luxury\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Dubai travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n BEST SELLER\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n aria-label=\"Save package\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n Dubai, UAE\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Dubai Luxury Escape\r\n <\/h3>\r\n\r\n <p>\r\n Experience luxury hotels, desert\r\n adventures, shopping and city tours.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 5 Nights\r\n <\/span>\r\n\r\n <span>\r\n Hotel\r\n <\/span>\r\n\r\n <span>\r\n Tours\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a6650,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"Dubai Luxury Escape\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- PACKAGE 2 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"Zanzibar\"\r\n data-price=\"520000\"\r\n data-nights=\"5\"\r\n data-type=\"vacation honeymoon adventure\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Zanzibar travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n BEACH ESCAPE\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n Zanzibar, Tanzania\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Zanzibar Island Escape\r\n <\/h3>\r\n\r\n <p>\r\n Tropical beaches, island tours,\r\n culture and unforgettable sunsets.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 5 Nights\r\n <\/span>\r\n\r\n <span>\r\n Resort\r\n <\/span>\r\n\r\n <span>\r\n Breakfast\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a6520,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"Zanzibar Island Escape\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- PACKAGE 3 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"Cape Town\"\r\n data-price=\"610000\"\r\n data-nights=\"6\"\r\n data-type=\"vacation adventure family\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580060839134-75a5edca2e99?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Cape Town travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n POPULAR\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n Cape Town, South Africa\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Cape Town Explorer\r\n <\/h3>\r\n\r\n <p>\r\n Mountains, beaches, wine routes\r\n and unforgettable city experiences.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 6 Nights\r\n <\/span>\r\n\r\n <span>\r\n Hotel\r\n <\/span>\r\n\r\n <span>\r\n Tours\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a6610,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"Cape Town Explorer\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- PACKAGE 4 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"Paris\"\r\n data-price=\"780000\"\r\n data-nights=\"7\"\r\n data-type=\"vacation honeymoon luxury\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Paris travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n ROMANTIC\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n Paris, France\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Paris Romantic Getaway\r\n <\/h3>\r\n\r\n <p>\r\n Discover iconic landmarks, fine dining,\r\n art and romantic experiences.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 7 Nights\r\n <\/span>\r\n\r\n <span>\r\n Hotel\r\n <\/span>\r\n\r\n <span>\r\n Breakfast\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a6780,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"Paris Romantic Getaway\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- PACKAGE 5 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"London\"\r\n data-price=\"720000\"\r\n data-nights=\"6\"\r\n data-type=\"vacation family\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"London travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n CITY BREAK\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n London, UK\r\n\r\n <\/div>\r\n\r\n <h3>\r\n London City Experience\r\n <\/h3>\r\n\r\n <p>\r\n Explore London's iconic landmarks,\r\n shopping districts and royal history.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 6 Nights\r\n <\/span>\r\n\r\n <span>\r\n Hotel\r\n <\/span>\r\n\r\n <span>\r\n City Tour\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a6720,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"London City Experience\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- PACKAGE 6 -->\r\n\r\n <article\r\n class=\"trip-package-card\"\r\n data-destination=\"Lagos\"\r\n data-price=\"85000\"\r\n data-nights=\"3\"\r\n data-type=\"vacation family adventure\"\r\n >\r\n\r\n <div class=\"trip-package-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1599571234909-29ed5d1321d6?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Lagos travel package\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <span class=\"trip-package-tag\">\r\n LOCAL\r\n <\/span>\r\n\r\n <button\r\n class=\"trip-heart\"\r\n type=\"button\"\r\n >\r\n \u2661\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-body\">\r\n\r\n <div class=\"trip-package-location\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\/>\r\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n <\/svg>\r\n\r\n Lagos, Nigeria\r\n\r\n <\/div>\r\n\r\n <h3>\r\n Lagos Weekend Escape\r\n <\/h3>\r\n\r\n <p>\r\n Beaches, nightlife, food and\r\n curated Lagos experiences.\r\n <\/p>\r\n\r\n\r\n <div class=\"trip-package-meta\">\r\n\r\n <span>\r\n 3 Nights\r\n <\/span>\r\n\r\n <span>\r\n Hotel\r\n <\/span>\r\n\r\n <span>\r\n Activities\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-package-footer\">\r\n\r\n <div>\r\n\r\n <small>\r\n FROM\r\n <\/small>\r\n\r\n <strong>\r\n \u20a685,000\r\n <\/strong>\r\n\r\n <small>\r\n \/ person\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <button\r\n class=\"trip-view-package\"\r\n data-package=\"Lagos Weekend Escape\"\r\n >\r\n View\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- NO RESULTS -->\r\n\r\n <div\r\n class=\"trip-no-results\"\r\n id=\"tripNoResults\"\r\n >\r\n\r\n <div>\r\n \ud83d\udd0e\r\n <\/div>\r\n\r\n <h3>\r\n No matching trips found\r\n <\/h3>\r\n\r\n <p>\r\n Try changing your destination, budget\r\n or duration.\r\n <\/p>\r\n\r\n <button\r\n type=\"button\"\r\n id=\"tripReset\"\r\n >\r\n Reset search\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOTTOM CTA -->\r\n\r\n <div class=\"trip-custom-request\">\r\n\r\n <div class=\"trip-custom-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Can't find exactly what you're looking for?\r\n <\/strong>\r\n\r\n <span>\r\n Tell us your budget and dream destination.\r\n We'll create a trip around your needs.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n id=\"tripCustomRequest\"\r\n >\r\n Plan my trip\r\n <span>\u2192<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n PACKAGE QUICK VIEW MODAL\r\n========================================================= -->\r\n\r\n<div\r\n class=\"trip-package-modal\"\r\n id=\"tripPackageModal\"\r\n>\r\n\r\n <div\r\n class=\"trip-package-modal-overlay\"\r\n id=\"tripPackageModalOverlay\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"trip-package-modal-box\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"trip-package-modal-close\"\r\n id=\"tripPackageModalClose\"\r\n >\r\n \u00d7\r\n <\/button>\r\n\r\n\r\n <div class=\"trip-modal-image\">\r\n\r\n <img decoding=\"async\"\r\n id=\"tripModalImage\"\r\n src=\"\"\r\n alt=\"\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-modal-details\">\r\n\r\n <span class=\"trip-modal-label\">\r\n TRAVEL PACKAGE\r\n <\/span>\r\n\r\n <h2 id=\"tripModalTitle\">\r\n Dubai Luxury Escape\r\n <\/h2>\r\n\r\n <div class=\"trip-modal-location\">\r\n <span>\u2316<\/span>\r\n <span id=\"tripModalLocation\">\r\n Dubai, UAE\r\n <\/span>\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-modal-price\">\r\n\r\n <small>\r\n PACKAGE FROM\r\n <\/small>\r\n\r\n <strong id=\"tripModalPrice\">\r\n \u20a6650,000\r\n <\/strong>\r\n\r\n <span>\r\n \/ person\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trip-modal-info-grid\">\r\n\r\n <div>\r\n <small>\r\n DURATION\r\n <\/small>\r\n\r\n <strong id=\"tripModalDuration\">\r\n 5 Nights\r\n <\/strong>\r\n <\/div>\r\n\r\n <div>\r\n <small>\r\n PACKAGE\r\n <\/small>\r\n\r\n <strong>\r\n Hotel + Tours\r\n <\/strong>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n What's included\r\n <\/h4>\r\n\r\n <ul>\r\n\r\n <li>\r\n \u2713 Hotel accommodation\r\n <\/li>\r\n\r\n <li>\r\n \u2713 Airport transfers\r\n <\/li>\r\n\r\n <li>\r\n \u2713 Selected tours & activities\r\n <\/li>\r\n\r\n <li>\r\n \u2713 Travel assistance\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n\r\n <button\r\n type=\"button\"\r\n class=\"trip-modal-request\"\r\n id=\"tripModalRequest\"\r\n >\r\n\r\n Request this package\r\n\r\n <span>\u2192<\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n TRIP FINDER\r\n========================================================= *\/\r\n\r\n.trip-finder{\r\n\r\n --trip-navy:#100568;\r\n --trip-navy-dark:#09033f;\r\n --trip-gold:#ffb000;\r\n --trip-text:#101828;\r\n --trip-muted:#667085;\r\n --trip-border:#e4e7ec;\r\n\r\n padding:95px 0 100px;\r\n\r\n background:#f8f9fc;\r\n\r\n overflow:hidden;\r\n\r\n}\r\n\r\n\r\n.trip-finder-container{\r\n\r\n width:min(\r\n 1240px,\r\n calc(100% - 56px)\r\n );\r\n\r\n margin:auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.trip-finder-heading{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n gap:30px;\r\n\r\n margin-bottom:30px;\r\n\r\n}\r\n\r\n\r\n.trip-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.7px;\r\n\r\n}\r\n\r\n\r\n.trip-eyebrow i{\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--trip-gold);\r\n\r\n}\r\n\r\n\r\n.trip-finder-heading h2{\r\n\r\n margin:10px 0 8px;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:clamp(\r\n 36px,\r\n 4vw,\r\n 50px\r\n );\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-2px;\r\n\r\n}\r\n\r\n\r\n.trip-finder-heading h2 span{\r\n\r\n color:var(--trip-gold);\r\n\r\n}\r\n\r\n\r\n.trip-finder-heading p{\r\n\r\n max-width:560px;\r\n\r\n margin:0;\r\n\r\n color:var(--trip-muted);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.7;\r\n\r\n}\r\n\r\n\r\n.trip-view-all{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding-bottom:5px;\r\n\r\n color:var(--trip-navy);\r\n\r\n text-decoration:none;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n.trip-view-all span{\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:18px;\r\n\r\n transition:.2s;\r\n\r\n}\r\n\r\n\r\n.trip-view-all:hover span{\r\n\r\n transform:translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SEARCH PANEL\r\n========================================================= *\/\r\n\r\n.trip-search-panel{\r\n\r\n position:relative;\r\n\r\n z-index:20;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.5fr\r\n 1fr\r\n 1fr\r\n 1fr\r\n auto;\r\n\r\n gap:10px;\r\n\r\n padding:10px;\r\n\r\n border:1px solid\r\n rgba(16,5,104,.08);\r\n\r\n border-radius:18px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 15px 45px\r\n rgba(16,5,104,.07);\r\n\r\n}\r\n\r\n\r\n.trip-filter{\r\n\r\n min-width:0;\r\n\r\n padding:8px 12px;\r\n\r\n border-right:1px solid #edf0f4;\r\n\r\n}\r\n\r\n\r\n.trip-filter label{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n text-transform:uppercase;\r\n\r\n letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n.trip-filter-input{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n}\r\n\r\n\r\n.trip-filter-input svg{\r\n\r\n flex-shrink:0;\r\n\r\n width:17px;\r\n\r\n height:17px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trip-navy);\r\n\r\n stroke-width:1.7;\r\n\r\n}\r\n\r\n\r\n.trip-filter input,\r\n.trip-filter select{\r\n\r\n width:100%;\r\n\r\n height:27px;\r\n\r\n padding:0;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.trip-filter input::placeholder{\r\n\r\n color:#98a2b3;\r\n\r\n font-weight:600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESTINATION SUGGESTIONS\r\n========================================================= *\/\r\n\r\n.destination-filter{\r\n\r\n position:relative;\r\n\r\n}\r\n\r\n\r\n.trip-destination-suggestions{\r\n\r\n position:absolute;\r\n\r\n top:calc(100% + 8px);\r\n\r\n left:0;\r\n\r\n width:100%;\r\n\r\n min-width:240px;\r\n\r\n padding:6px;\r\n\r\n border:1px solid #e5e7eb;\r\n\r\n border-radius:12px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 20px 45px\r\n rgba(0,0,0,.12);\r\n\r\n opacity:0;\r\n\r\n visibility:hidden;\r\n\r\n transform:translateY(-5px);\r\n\r\n transition:\r\n .2s ease;\r\n\r\n}\r\n\r\n\r\n.destination-filter.active\r\n.trip-destination-suggestions{\r\n\r\n opacity:1;\r\n\r\n visibility:visible;\r\n\r\n transform:translateY(0);\r\n\r\n}\r\n\r\n\r\n.trip-destination-suggestions button{\r\n\r\n width:100%;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n padding:10px;\r\n\r\n border:0;\r\n\r\n border-radius:8px;\r\n\r\n background:transparent;\r\n\r\n color:var(--trip-text);\r\n\r\n text-align:left;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:700;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.trip-destination-suggestions button:hover{\r\n\r\n background:#f5f6fa;\r\n\r\n color:var(--trip-navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SEARCH BUTTON\r\n========================================================= *\/\r\n\r\n.trip-search-button{\r\n\r\n align-self:center;\r\n\r\n min-width:110px;\r\n\r\n height:54px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n border:0;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--trip-navy);\r\n\r\n color:#fff;\r\n\r\n font-family:inherit;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n transition:\r\n transform .2s,\r\n background .2s;\r\n\r\n}\r\n\r\n\r\n.trip-search-button:hover{\r\n\r\n background:#180a82;\r\n\r\n transform:translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.trip-search-button svg{\r\n\r\n width:16px;\r\n\r\n height:16px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trip-gold);\r\n\r\n stroke-width:2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUICK FILTERS\r\n========================================================= *\/\r\n\r\n.trip-quick-filters{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n margin:14px 0 35px;\r\n\r\n overflow-x:auto;\r\n\r\n scrollbar-width:none;\r\n\r\n}\r\n\r\n\r\n.trip-quick-filters::-webkit-scrollbar{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n.trip-quick-filters > span{\r\n\r\n flex-shrink:0;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.trip-quick-filters button{\r\n\r\n flex-shrink:0;\r\n\r\n padding:7px 12px;\r\n\r\n border:1px solid #e2e5eb;\r\n\r\n border-radius:30px;\r\n\r\n background:#fff;\r\n\r\n color:#475467;\r\n\r\n font-family:inherit;\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n\r\n cursor:pointer;\r\n\r\n transition:.2s;\r\n\r\n}\r\n\r\n\r\n.trip-quick-filters button:hover{\r\n\r\n border-color:var(--trip-gold);\r\n\r\n color:var(--trip-navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESULTS HEADER\r\n========================================================= *\/\r\n\r\n.trip-results-header{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n.trip-results-label{\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n\r\n}\r\n\r\n\r\n.trip-results-header h3{\r\n\r\n margin:5px 0 0;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:23px;\r\n\r\n letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n.trip-sort{\r\n\r\n height:38px;\r\n\r\n padding:0 12px;\r\n\r\n border:1px solid #e0e3e8;\r\n\r\n border-radius:9px;\r\n\r\n outline:0;\r\n\r\n background:#fff;\r\n\r\n color:#475467;\r\n\r\n font-family:inherit;\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKAGE GRID\r\n========================================================= *\/\r\n\r\n.trip-package-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:20px;\r\n\r\n}\r\n\r\n\r\n.trip-package-card{\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid #e7e9ee;\r\n\r\n border-radius:18px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 8px 25px\r\n rgba(16,5,104,.035);\r\n\r\n transition:\r\n transform .35s\r\n cubic-bezier(.2,.8,.2,1),\r\n box-shadow .35s;\r\n\r\n animation:\r\n tripCardIn .5s ease both;\r\n\r\n}\r\n\r\n\r\n.trip-package-card:hover{\r\n\r\n transform:translateY(-6px);\r\n\r\n box-shadow:\r\n 0 20px 45px\r\n rgba(16,5,104,.10);\r\n\r\n}\r\n\r\n\r\n@keyframes tripCardIn{\r\n\r\n from{\r\n\r\n opacity:0;\r\n\r\n transform:translateY(12px);\r\n\r\n }\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKAGE IMAGE\r\n========================================================= *\/\r\n\r\n.trip-package-image{\r\n\r\n position:relative;\r\n\r\n height:220px;\r\n\r\n overflow:hidden;\r\n\r\n}\r\n\r\n\r\n.trip-package-image img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n transition:\r\n transform .65s\r\n cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.trip-package-card:hover\r\n.trip-package-image img{\r\n\r\n transform:scale(1.07);\r\n\r\n}\r\n\r\n\r\n.trip-package-tag{\r\n\r\n position:absolute;\r\n\r\n top:14px;\r\n\r\n left:14px;\r\n\r\n padding:6px 9px;\r\n\r\n border-radius:6px;\r\n\r\n background:var(--trip-gold);\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n.trip-heart{\r\n\r\n position:absolute;\r\n\r\n top:12px;\r\n\r\n right:12px;\r\n\r\n width:34px;\r\n\r\n height:34px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:1px solid\r\n rgba(255,255,255,.35);\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n rgba(0,0,0,.25);\r\n\r\n backdrop-filter:blur(7px);\r\n\r\n color:#fff;\r\n\r\n font-size:18px;\r\n\r\n cursor:pointer;\r\n\r\n transition:.2s;\r\n\r\n}\r\n\r\n\r\n.trip-heart:hover{\r\n\r\n background:#fff;\r\n\r\n color:#e63946;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKAGE BODY\r\n========================================================= *\/\r\n\r\n.trip-package-body{\r\n\r\n padding:17px;\r\n\r\n}\r\n\r\n\r\n.trip-package-location{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n.trip-package-location svg{\r\n\r\n width:13px;\r\n\r\n height:13px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trip-gold);\r\n\r\n stroke-width:1.8;\r\n\r\n}\r\n\r\n\r\n.trip-package-body h3{\r\n\r\n margin:8px 0 6px;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:18px;\r\n\r\n letter-spacing:-.4px;\r\n\r\n}\r\n\r\n\r\n.trip-package-body > p{\r\n\r\n min-height:40px;\r\n\r\n margin:0 0 13px;\r\n\r\n color:var(--trip-muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.6;\r\n\r\n}\r\n\r\n\r\n.trip-package-meta{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:5px;\r\n\r\n padding-bottom:15px;\r\n\r\n border-bottom:1px solid #edf0f3;\r\n\r\n}\r\n\r\n\r\n.trip-package-meta span{\r\n\r\n padding:6px 8px;\r\n\r\n border-radius:6px;\r\n\r\n background:#f5f6f8;\r\n\r\n color:#667085;\r\n\r\n font-size:8px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n.trip-package-footer{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding-top:14px;\r\n\r\n}\r\n\r\n\r\n.trip-package-footer small{\r\n\r\n color:#98a2b3;\r\n\r\n font-size:7px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n.trip-package-footer strong{\r\n\r\n display:block;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.2;\r\n\r\n}\r\n\r\n\r\n.trip-view-package{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n padding:9px 11px;\r\n\r\n border:1px solid\r\n rgba(16,5,104,.13);\r\n\r\n border-radius:8px;\r\n\r\n background:#fff;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-family:inherit;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n transition:.2s;\r\n\r\n}\r\n\r\n\r\n.trip-view-package span{\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:14px;\r\n\r\n}\r\n\r\n\r\n.trip-view-package:hover{\r\n\r\n background:var(--trip-navy);\r\n\r\n color:#fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NO RESULTS\r\n========================================================= *\/\r\n\r\n.trip-no-results{\r\n\r\n display:none;\r\n\r\n padding:60px 20px;\r\n\r\n text-align:center;\r\n\r\n}\r\n\r\n\r\n.trip-no-results.active{\r\n\r\n display:block;\r\n\r\n}\r\n\r\n\r\n.trip-no-results > div{\r\n\r\n font-size:32px;\r\n\r\n}\r\n\r\n\r\n.trip-no-results h3{\r\n\r\n margin:12px 0 5px;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:20px;\r\n\r\n}\r\n\r\n\r\n.trip-no-results p{\r\n\r\n margin:0;\r\n\r\n color:var(--trip-muted);\r\n\r\n font-size:11px;\r\n\r\n}\r\n\r\n\r\n.trip-no-results button{\r\n\r\n margin-top:16px;\r\n\r\n padding:10px 17px;\r\n\r\n border:0;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--trip-navy);\r\n\r\n color:#fff;\r\n\r\n font-family:inherit;\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CUSTOM REQUEST\r\n========================================================= *\/\r\n\r\n.trip-custom-request{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n\r\n margin-top:30px;\r\n\r\n padding:18px 20px;\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 110deg,\r\n var(--trip-navy),\r\n #170a75\r\n );\r\n\r\n color:#fff;\r\n\r\n}\r\n\r\n\r\n.trip-custom-icon{\r\n\r\n width:42px;\r\n\r\n height:42px;\r\n\r\n flex-shrink:0;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,176,0,.16);\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:19px;\r\n\r\n}\r\n\r\n\r\n.trip-custom-request div:nth-child(2){\r\n\r\n flex:1;\r\n\r\n}\r\n\r\n\r\n.trip-custom-request strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n font-size:12px;\r\n\r\n}\r\n\r\n\r\n.trip-custom-request span{\r\n\r\n color:rgba(255,255,255,.65);\r\n\r\n font-size:9px;\r\n\r\n}\r\n\r\n\r\n.trip-custom-request button{\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:11px 15px;\r\n\r\n border:0;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--trip-gold);\r\n\r\n color:var(--trip-navy);\r\n\r\n font-family:inherit;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.trip-custom-request button span{\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKAGE MODAL\r\n========================================================= *\/\r\n\r\n.trip-package-modal{\r\n\r\n position:fixed;\r\n\r\n inset:0;\r\n\r\n z-index:9999;\r\n\r\n display:none;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:20px;\r\n\r\n}\r\n\r\n\r\n.trip-package-modal.active{\r\n\r\n display:flex;\r\n\r\n}\r\n\r\n\r\n.trip-package-modal-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n rgba(7,3,55,.75);\r\n\r\n backdrop-filter:blur(9px);\r\n\r\n}\r\n\r\n\r\n.trip-package-modal-box{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:min(\r\n 820px,\r\n 100%\r\n );\r\n\r\n max-height:90vh;\r\n\r\n overflow:hidden;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n .9fr\r\n 1.1fr;\r\n\r\n border-radius:22px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 35px 100px\r\n rgba(0,0,0,.30);\r\n\r\n animation:\r\n tripModalOpen .3s\r\n ease both;\r\n\r\n}\r\n\r\n\r\n@keyframes tripModalOpen{\r\n\r\n from{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n scale(.96)\r\n translateY(15px);\r\n\r\n }\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n scale(1)\r\n translateY(0);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n.trip-package-modal-close{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n top:14px;\r\n\r\n right:14px;\r\n\r\n width:34px;\r\n\r\n height:34px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:0;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n rgba(255,255,255,.9);\r\n\r\n color:#344054;\r\n\r\n font-size:22px;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.trip-modal-image{\r\n\r\n min-height:500px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-image img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n}\r\n\r\n\r\n.trip-modal-details{\r\n\r\n overflow-y:auto;\r\n\r\n padding:38px 32px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-label{\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-details h2{\r\n\r\n margin:8px 0 7px;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:28px;\r\n\r\n line-height:1.1;\r\n\r\n}\r\n\r\n\r\n.trip-modal-location{\r\n\r\n color:#667085;\r\n\r\n font-size:10px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-price{\r\n\r\n margin:23px 0;\r\n\r\n padding:13px;\r\n\r\n border-radius:11px;\r\n\r\n background:#f7f8fa;\r\n\r\n}\r\n\r\n\r\n.trip-modal-price small{\r\n\r\n display:block;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:7px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.trip-modal-price strong{\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:22px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-price span{\r\n\r\n color:#98a2b3;\r\n\r\n font-size:8px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-info-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:23px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-info-grid div{\r\n\r\n padding:11px;\r\n\r\n border:1px solid #edf0f3;\r\n\r\n border-radius:9px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-info-grid small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:7px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.trip-modal-info-grid strong{\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:10px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-details h4{\r\n\r\n margin:0 0 10px;\r\n\r\n color:var(--trip-navy);\r\n\r\n font-size:12px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-details ul{\r\n\r\n padding:0;\r\n\r\n margin:0 0 22px;\r\n\r\n list-style:none;\r\n\r\n}\r\n\r\n\r\n.trip-modal-details li{\r\n\r\n padding:6px 0;\r\n\r\n color:#667085;\r\n\r\n font-size:10px;\r\n\r\n}\r\n\r\n\r\n.trip-modal-request{\r\n\r\n width:100%;\r\n\r\n height:48px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n border:0;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--trip-navy);\r\n\r\n color:#fff;\r\n\r\n font-family:inherit;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.trip-modal-request span{\r\n\r\n color:var(--trip-gold);\r\n\r\n font-size:15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .trip-search-panel{\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n }\r\n\r\n\r\n .trip-filter{\r\n\r\n border-right:0;\r\n\r\n border-bottom:1px solid #edf0f4;\r\n\r\n }\r\n\r\n\r\n .trip-search-button{\r\n\r\n width:100%;\r\n\r\n }\r\n\r\n\r\n .trip-package-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n .trip-finder{\r\n\r\n padding:65px 0 70px;\r\n\r\n }\r\n\r\n\r\n .trip-finder-container{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n }\r\n\r\n\r\n .trip-finder-heading{\r\n\r\n display:block;\r\n\r\n }\r\n\r\n\r\n .trip-finder-heading h2{\r\n\r\n font-size:35px;\r\n\r\n letter-spacing:-1.4px;\r\n\r\n }\r\n\r\n\r\n .trip-finder-heading p{\r\n\r\n font-size:12px;\r\n\r\n }\r\n\r\n\r\n .trip-view-all{\r\n\r\n margin-top:15px;\r\n\r\n }\r\n\r\n\r\n .trip-search-panel{\r\n\r\n grid-template-columns:1fr;\r\n\r\n padding:8px;\r\n\r\n border-radius:15px;\r\n\r\n }\r\n\r\n\r\n .trip-filter{\r\n\r\n padding:11px 9px;\r\n\r\n border-bottom:1px solid #edf0f4;\r\n\r\n }\r\n\r\n\r\n .trip-search-button{\r\n\r\n height:50px;\r\n\r\n }\r\n\r\n\r\n .trip-quick-filters{\r\n\r\n margin-bottom:28px;\r\n\r\n }\r\n\r\n\r\n .trip-results-header{\r\n\r\n align-items:center;\r\n\r\n }\r\n\r\n\r\n .trip-results-header h3{\r\n\r\n font-size:19px;\r\n\r\n }\r\n\r\n\r\n .trip-sort{\r\n\r\n max-width:135px;\r\n\r\n font-size:9px;\r\n\r\n }\r\n\r\n\r\n .trip-package-grid{\r\n\r\n display:flex;\r\n\r\n overflow-x:auto;\r\n\r\n gap:13px;\r\n\r\n padding:3px 0 12px;\r\n\r\n scrollbar-width:none;\r\n\r\n scroll-snap-type:x mandatory;\r\n\r\n }\r\n\r\n\r\n .trip-package-grid::-webkit-scrollbar{\r\n\r\n display:none;\r\n\r\n }\r\n\r\n\r\n .trip-package-card{\r\n\r\n flex:\r\n 0 0 84%;\r\n\r\n min-width:84%;\r\n\r\n scroll-snap-align:start;\r\n\r\n }\r\n\r\n\r\n .trip-package-image{\r\n\r\n height:215px;\r\n\r\n }\r\n\r\n\r\n .trip-custom-request{\r\n\r\n align-items:flex-start;\r\n\r\n flex-wrap:wrap;\r\n\r\n padding:17px;\r\n\r\n }\r\n\r\n\r\n .trip-custom-request div:nth-child(2){\r\n\r\n width:\r\n calc(100% - 57px);\r\n\r\n flex:none;\r\n\r\n }\r\n\r\n\r\n .trip-custom-request button{\r\n\r\n width:100%;\r\n\r\n justify-content:center;\r\n\r\n margin-top:4px;\r\n\r\n }\r\n\r\n\r\n \/* Modal *\/\r\n\r\n .trip-package-modal{\r\n\r\n align-items:flex-end;\r\n\r\n padding:0;\r\n\r\n }\r\n\r\n\r\n .trip-package-modal-box{\r\n\r\n width:100%;\r\n\r\n max-height:92vh;\r\n\r\n display:block;\r\n\r\n overflow-y:auto;\r\n\r\n border-radius:\r\n 22px\r\n 22px\r\n 0\r\n 0;\r\n\r\n }\r\n\r\n\r\n .trip-modal-image{\r\n\r\n height:210px;\r\n\r\n min-height:210px;\r\n\r\n }\r\n\r\n\r\n .trip-modal-details{\r\n\r\n padding:25px 18px 25px;\r\n\r\n }\r\n\r\n\r\n .trip-modal-details h2{\r\n\r\n font-size:24px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n .trip-package-card{\r\n\r\n flex-basis:88%;\r\n\r\n min-width:88%;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n TRAVEL PACKAGE SEARCH ENGINE\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n const destinationInput =\r\n document.getElementById(\r\n \"tripDestinationSearch\"\r\n );\r\n\r\n const destinationFilter =\r\n document.querySelector(\r\n \".destination-filter\"\r\n );\r\n\r\n const suggestions =\r\n document.getElementById(\r\n \"tripDestinationSuggestions\"\r\n );\r\n\r\n const budget =\r\n document.getElementById(\r\n \"tripBudget\"\r\n );\r\n\r\n const duration =\r\n document.getElementById(\r\n \"tripDuration\"\r\n );\r\n\r\n const type =\r\n document.getElementById(\r\n \"tripType\"\r\n );\r\n\r\n const searchButton =\r\n document.getElementById(\r\n \"tripSearchButton\"\r\n );\r\n\r\n const cards =\r\n Array.from(\r\n document.querySelectorAll(\r\n \".trip-package-card\"\r\n )\r\n );\r\n\r\n const count =\r\n document.getElementById(\r\n \"tripResultCount\"\r\n );\r\n\r\n const noResults =\r\n document.getElementById(\r\n \"tripNoResults\"\r\n );\r\n\r\n const reset =\r\n document.getElementById(\r\n \"tripReset\"\r\n );\r\n\r\n const sort =\r\n document.getElementById(\r\n \"tripSort\"\r\n );\r\n\r\n\r\n \/* =====================================================\r\n DESTINATION AUTOCOMPLETE\r\n ===================================================== *\/\r\n\r\n destinationInput.addEventListener(\r\n \"focus\",\r\n function(){\r\n\r\n destinationFilter\r\n .classList\r\n .add(\"active\");\r\n\r\n }\r\n );\r\n\r\n\r\n destinationInput.addEventListener(\r\n \"input\",\r\n function(){\r\n\r\n const search =\r\n this.value\r\n .toLowerCase()\r\n .trim();\r\n\r\n\r\n const items =\r\n suggestions.querySelectorAll(\r\n \"button\"\r\n );\r\n\r\n\r\n items.forEach(function(item){\r\n\r\n const destination =\r\n item.dataset.destination\r\n .toLowerCase();\r\n\r\n\r\n item.style.display =\r\n destination\r\n .includes(search)\r\n ? \"flex\"\r\n : \"none\";\r\n\r\n });\r\n\r\n destinationFilter\r\n .classList\r\n .add(\"active\");\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n SELECT DESTINATION\r\n ===================================================== *\/\r\n\r\n suggestions\r\n .querySelectorAll(\"button\")\r\n .forEach(function(button){\r\n\r\n button.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n destinationInput.value =\r\n this.dataset.destination;\r\n\r\n destinationFilter\r\n .classList\r\n .remove(\"active\");\r\n\r\n runSearch();\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =====================================================\r\n CLOSE SUGGESTIONS\r\n ===================================================== *\/\r\n\r\n document.addEventListener(\r\n \"click\",\r\n function(event){\r\n\r\n if(\r\n !destinationFilter\r\n .contains(event.target)\r\n ){\r\n\r\n destinationFilter\r\n .classList\r\n .remove(\"active\");\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n SEARCH\r\n ===================================================== *\/\r\n\r\n function runSearch(){\r\n\r\n const destination =\r\n destinationInput\r\n .value\r\n .toLowerCase()\r\n .trim();\r\n\r\n const budgetValue =\r\n budget.value;\r\n\r\n const durationValue =\r\n duration.value;\r\n\r\n const typeValue =\r\n type.value;\r\n\r\n\r\n let visibleCards = [];\r\n\r\n\r\n cards.forEach(function(card){\r\n\r\n const cardDestination =\r\n card.dataset.destination\r\n .toLowerCase();\r\n\r\n const cardPrice =\r\n Number(card.dataset.price);\r\n\r\n const cardNights =\r\n Number(card.dataset.nights);\r\n\r\n const cardTypes =\r\n card.dataset.type\r\n .toLowerCase();\r\n\r\n\r\n \/* DESTINATION *\/\r\n\r\n const destinationMatch =\r\n !destination ||\r\n cardDestination\r\n .includes(destination);\r\n\r\n\r\n \/* BUDGET *\/\r\n\r\n let budgetMatch = true;\r\n\r\n if(\r\n budgetValue !== \"all\"\r\n ){\r\n\r\n budgetMatch =\r\n cardPrice <=\r\n Number(budgetValue);\r\n\r\n }\r\n\r\n\r\n \/* DURATION *\/\r\n\r\n let durationMatch = true;\r\n\r\n if(\r\n durationValue !== \"all\"\r\n ){\r\n\r\n const max =\r\n Number(durationValue);\r\n\r\n\r\n if(max === 3){\r\n\r\n durationMatch =\r\n cardNights <= 3;\r\n\r\n }\r\n\r\n else if(max === 5){\r\n\r\n durationMatch =\r\n cardNights >= 4 &&\r\n cardNights <= 5;\r\n\r\n }\r\n\r\n else if(max === 7){\r\n\r\n durationMatch =\r\n cardNights >= 6 &&\r\n cardNights <= 7;\r\n\r\n }\r\n\r\n else if(max === 8){\r\n\r\n durationMatch =\r\n cardNights >= 8;\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n \/* TYPE *\/\r\n\r\n const typeMatch =\r\n typeValue === \"all\" ||\r\n cardTypes\r\n .includes(typeValue);\r\n\r\n\r\n const visible =\r\n destinationMatch &&\r\n budgetMatch &&\r\n durationMatch &&\r\n typeMatch;\r\n\r\n\r\n if(visible){\r\n\r\n card.style.display =\r\n \"\";\r\n\r\n visibleCards.push(card);\r\n\r\n }\r\n\r\n else{\r\n\r\n card.style.display =\r\n \"none\";\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n count.textContent =\r\n visibleCards.length;\r\n\r\n\r\n if(\r\n visibleCards.length === 0\r\n ){\r\n\r\n noResults\r\n .classList\r\n .add(\"active\");\r\n\r\n }\r\n\r\n else{\r\n\r\n noResults\r\n .classList\r\n .remove(\"active\");\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n searchButton.addEventListener(\r\n \"click\",\r\n runSearch\r\n );\r\n\r\n\r\n \/* =====================================================\r\n QUICK FILTERS\r\n ===================================================== *\/\r\n\r\n document\r\n .querySelectorAll(\r\n \"[data-quick]\"\r\n )\r\n .forEach(function(button){\r\n\r\n button.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n destinationInput.value =\r\n this.dataset.quick;\r\n\r\n runSearch();\r\n\r\n document\r\n .getElementById(\r\n \"trip-finder\"\r\n )\r\n .scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"start\"\r\n });\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =====================================================\r\n SORT\r\n ===================================================== *\/\r\n\r\n sort.addEventListener(\r\n \"change\",\r\n function(){\r\n\r\n const value =\r\n this.value;\r\n\r\n const grid =\r\n document.getElementById(\r\n \"tripPackageGrid\"\r\n );\r\n\r\n\r\n const sorted =\r\n [...cards].sort(\r\n function(a,b){\r\n\r\n const priceA =\r\n Number(\r\n a.dataset.price\r\n );\r\n\r\n const priceB =\r\n Number(\r\n b.dataset.price\r\n );\r\n\r\n\r\n if(\r\n value === \"low\"\r\n ){\r\n\r\n return priceA -\r\n priceB;\r\n\r\n }\r\n\r\n\r\n if(\r\n value === \"high\"\r\n ){\r\n\r\n return priceB -\r\n priceA;\r\n\r\n }\r\n\r\n\r\n return 0;\r\n\r\n }\r\n );\r\n\r\n\r\n sorted.forEach(\r\n function(card){\r\n\r\n grid.appendChild(card);\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n RESET\r\n ===================================================== *\/\r\n\r\n reset.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n destinationInput.value =\r\n \"\";\r\n\r\n budget.value =\r\n \"all\";\r\n\r\n duration.value =\r\n \"all\";\r\n\r\n type.value =\r\n \"all\";\r\n\r\n cards.forEach(\r\n function(card){\r\n\r\n card.style.display =\r\n \"\";\r\n\r\n }\r\n );\r\n\r\n count.textContent =\r\n cards.length;\r\n\r\n noResults\r\n .classList\r\n .remove(\"active\");\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n PACKAGE MODAL\r\n ===================================================== *\/\r\n\r\n const packageModal =\r\n document.getElementById(\r\n \"tripPackageModal\"\r\n );\r\n\r\n const modalClose =\r\n document.getElementById(\r\n \"tripPackageModalClose\"\r\n );\r\n\r\n const modalOverlay =\r\n document.getElementById(\r\n \"tripPackageModalOverlay\"\r\n );\r\n\r\n const modalTitle =\r\n document.getElementById(\r\n \"tripModalTitle\"\r\n );\r\n\r\n const modalLocation =\r\n document.getElementById(\r\n \"tripModalLocation\"\r\n );\r\n\r\n const modalPrice =\r\n document.getElementById(\r\n \"tripModalPrice\"\r\n );\r\n\r\n const modalDuration =\r\n document.getElementById(\r\n \"tripModalDuration\"\r\n );\r\n\r\n const modalImage =\r\n document.getElementById(\r\n \"tripModalImage\"\r\n );\r\n\r\n\r\n document\r\n .querySelectorAll(\r\n \".trip-view-package\"\r\n )\r\n .forEach(function(button){\r\n\r\n button.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n const card =\r\n this.closest(\r\n \".trip-package-card\"\r\n );\r\n\r\n\r\n const title =\r\n this.dataset.package;\r\n\r\n\r\n const location =\r\n card\r\n .querySelector(\r\n \".trip-package-location\"\r\n )\r\n .textContent\r\n .trim();\r\n\r\n\r\n const price =\r\n card\r\n .dataset\r\n .price;\r\n\r\n\r\n const nights =\r\n card\r\n .dataset\r\n .nights;\r\n\r\n\r\n const image =\r\n card\r\n .querySelector(\r\n \"img\"\r\n )\r\n .src;\r\n\r\n\r\n modalTitle.textContent =\r\n title;\r\n\r\n modalLocation.textContent =\r\n location;\r\n\r\n modalPrice.textContent =\r\n \"\u20a6\" +\r\n Number(price)\r\n .toLocaleString();\r\n\r\n modalDuration.textContent =\r\n nights +\r\n \" Nights\";\r\n\r\n modalImage.src =\r\n image;\r\n\r\n modalImage.alt =\r\n title;\r\n\r\n\r\n packageModal\r\n .classList\r\n .add(\"active\");\r\n\r\n document.body.style.overflow =\r\n \"hidden\";\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n function closePackageModal(){\r\n\r\n packageModal\r\n .classList\r\n .remove(\"active\");\r\n\r\n document.body.style.overflow =\r\n \"\";\r\n\r\n }\r\n\r\n\r\n modalClose.addEventListener(\r\n \"click\",\r\n closePackageModal\r\n );\r\n\r\n\r\n modalOverlay.addEventListener(\r\n \"click\",\r\n closePackageModal\r\n );\r\n\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function(event){\r\n\r\n if(\r\n event.key === \"Escape\"\r\n ){\r\n\r\n closePackageModal();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n REQUEST PACKAGE\r\n ===================================================== *\/\r\n\r\n document\r\n .getElementById(\r\n \"tripModalRequest\"\r\n )\r\n .addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n closePackageModal();\r\n\r\n\r\n \/*\r\n * If the previous destination\r\n * request modal exists on the page,\r\n * open it automatically.\r\n *\/\r\n\r\n const previousModal =\r\n document.getElementById(\r\n \"tripsRequestModal\"\r\n );\r\n\r\n\r\n const previousDestination =\r\n document.getElementById(\r\n \"tripsDestination\"\r\n );\r\n\r\n\r\n if(\r\n previousModal &&\r\n previousDestination\r\n ){\r\n\r\n const packageName =\r\n modalTitle\r\n .textContent;\r\n\r\n\r\n previousDestination.value =\r\n packageName;\r\n\r\n\r\n previousModal\r\n .classList\r\n .add(\"active\");\r\n\r\n previousModal\r\n .setAttribute(\r\n \"aria-hidden\",\r\n \"false\"\r\n );\r\n\r\n document.body.style.overflow =\r\n \"hidden\";\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================================\r\n CUSTOM TRIP\r\n ===================================================== *\/\r\n\r\n const customRequest =\r\n document.getElementById(\r\n \"tripCustomRequest\"\r\n );\r\n\r\n\r\n customRequest.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n const previousModal =\r\n document.getElementById(\r\n \"tripsRequestModal\"\r\n );\r\n\r\n\r\n if(previousModal){\r\n\r\n previousModal\r\n .classList\r\n .add(\"active\");\r\n\r\n previousModal\r\n .setAttribute(\r\n \"aria-hidden\",\r\n \"false\"\r\n );\r\n\r\n document.body.style.overflow =\r\n \"hidden\";\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89c986d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"89c986d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched","background_background":"classic"}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-200b19f\" data-id=\"200b19f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d7e1f8 elementor-widget elementor-widget-shortcode\" data-id=\"5d7e1f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script async src=\"https:\/\/tp.media\/content?currency=ngn&trs=346524&shmarker=569010&show_hotels=false&powered_by=false&locale=en&searchUrl=www.aviasales.com%2Fsearch&primary_override=%2332a8dd&color_button=%2332a8dd&color_icons=%2332a8dd&dark=%23FFFFFFff&light=%23FFFFFF9c&secondary=%23FFFFFF36&special=%23C4C4C4&color_focused=%2332a8dd&border_radius=11&plain=true&promo_id=7879&campaign_id=100\" charset=\"utf-8\"><\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb8079b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"eb8079b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-92de08f\" data-id=\"92de08f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-031d098 elementor-widget elementor-widget-html\" data-id=\"031d098\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n 12&13 TRIPS \u2014 DESTINATION DISCOVERY SECTION\r\n========================================================= -->\r\n\r\n<section class=\"trips-destinations\" id=\"destinations\">\r\n\r\n <div class=\"trips-destinations-container\">\r\n\r\n <!-- =================================================\r\n SECTION INTRO\r\n ================================================== -->\r\n\r\n <div class=\"trips-destination-header\">\r\n\r\n <div class=\"trips-destination-title\">\r\n\r\n <div class=\"trips-mini-label\">\r\n <span class=\"trips-label-dot\"><\/span>\r\n EXPLORE THE WORLD\r\n <\/div>\r\n\r\n <h2>\r\n Where will you go\r\n <span>next?<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Choose a destination and tell us what\r\n you're looking for. We'll help you find\r\n the right travel experience.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n DESTINATION SEARCH\r\n ================================================== -->\r\n\r\n <div class=\"trips-search-wrapper\">\r\n\r\n <div class=\"trips-search-label\">\r\n <span class=\"trips-search-icon\">\u2316<\/span>\r\n Search your destination\r\n <\/div>\r\n\r\n <div class=\"trips-search\">\r\n\r\n <div class=\"trips-select-area\">\r\n\r\n <div class=\"trips-location-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\r\n \/>\r\n <circle\r\n cx=\"12\"\r\n cy=\"9\"\r\n r=\"2.5\"\r\n \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"trips-select-content\">\r\n\r\n <span>\r\n Destination\r\n <\/span>\r\n\r\n <select\r\n id=\"tripsDestination\"\r\n >\r\n\r\n <option value=\"\">\r\n Where would you like to go?\r\n <\/option>\r\n\r\n <optgroup label=\"Popular\">\r\n\r\n <option value=\"Dubai, UAE\">\r\n Dubai, UAE\r\n <\/option>\r\n\r\n <option value=\"Zanzibar, Tanzania\">\r\n Zanzibar, Tanzania\r\n <\/option>\r\n\r\n <option value=\"Cape Town, South Africa\">\r\n Cape Town, South Africa\r\n <\/option>\r\n\r\n <option value=\"Paris, France\">\r\n Paris, France\r\n <\/option>\r\n\r\n <option value=\"London, United Kingdom\">\r\n London, United Kingdom\r\n <\/option>\r\n\r\n <option value=\"Maldives\">\r\n Maldives\r\n <\/option>\r\n\r\n <\/optgroup>\r\n\r\n\r\n <optgroup label=\"Africa\">\r\n\r\n <option value=\"Lagos, Nigeria\">\r\n Lagos, Nigeria\r\n <\/option>\r\n\r\n <option value=\"Abuja, Nigeria\">\r\n Abuja, Nigeria\r\n <\/option>\r\n\r\n <option value=\"Accra, Ghana\">\r\n Accra, Ghana\r\n <\/option>\r\n\r\n <option value=\"Nairobi, Kenya\">\r\n Nairobi, Kenya\r\n <\/option>\r\n\r\n <option value=\"Marrakech, Morocco\">\r\n Marrakech, Morocco\r\n <\/option>\r\n\r\n <option value=\"Cairo, Egypt\">\r\n Cairo, Egypt\r\n <\/option>\r\n\r\n <\/optgroup>\r\n\r\n\r\n <optgroup label=\"Europe\">\r\n\r\n <option value=\"Rome, Italy\">\r\n Rome, Italy\r\n <\/option>\r\n\r\n <option value=\"Barcelona, Spain\">\r\n Barcelona, Spain\r\n <\/option>\r\n\r\n <option value=\"Amsterdam, Netherlands\">\r\n Amsterdam, Netherlands\r\n <\/option>\r\n\r\n <option value=\"Istanbul, Turkey\">\r\n Istanbul, Turkey\r\n <\/option>\r\n\r\n <\/optgroup>\r\n\r\n\r\n <optgroup label=\"Middle East & Asia\">\r\n\r\n <option value=\"Doha, Qatar\">\r\n Doha, Qatar\r\n <\/option>\r\n\r\n <option value=\"Bali, Indonesia\">\r\n Bali, Indonesia\r\n <\/option>\r\n\r\n <option value=\"Singapore\">\r\n Singapore\r\n <\/option>\r\n\r\n <option value=\"Tokyo, Japan\">\r\n Tokyo, Japan\r\n <\/option>\r\n\r\n <\/optgroup>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n type=\"button\"\r\n class=\"trips-go-button\"\r\n id=\"tripsGoButton\"\r\n >\r\n\r\n <span>\r\n GO\r\n <\/span>\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12h13\" \/>\r\n <path d=\"m13 6 6 6-6 6\" \/>\r\n <\/svg>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-search-note\">\r\n Explore local & international destinations\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n DESTINATION CARDS\r\n ================================================== -->\r\n\r\n <div class=\"trips-destination-grid\">\r\n\r\n\r\n <!-- DUBAI -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card trips-card-featured\"\r\n data-destination=\"Dubai, UAE\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1400&q=90\"\r\n alt=\"Dubai\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n INTERNATIONAL\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Dubai\r\n <\/h3>\r\n\r\n <p>\r\n Luxury, adventure & unforgettable\r\n experiences.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 12+ packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a6450k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- ZANZIBAR -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card\"\r\n data-destination=\"Zanzibar, Tanzania\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Zanzibar\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n INTERNATIONAL\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Zanzibar\r\n <\/h3>\r\n\r\n <p>\r\n Island escapes & tropical adventures.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 8 packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a6520k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- CAPE TOWN -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card\"\r\n data-destination=\"Cape Town, South Africa\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580060839134-75a5edca2e99?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Cape Town\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n SOUTH AFRICA\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Cape Town\r\n <\/h3>\r\n\r\n <p>\r\n Mountains, beaches & vibrant culture.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 10 packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a6610k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- PARIS -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card\"\r\n data-destination=\"Paris, France\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Paris\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n EUROPE\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Paris\r\n <\/h3>\r\n\r\n <p>\r\n Romance, culture & timeless beauty.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 15 packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a6780k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- LAGOS -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card\"\r\n data-destination=\"Lagos, Nigeria\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1570789210967-2cac24f2b8b3?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Lagos\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n NIGERIA\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Lagos\r\n <\/h3>\r\n\r\n <p>\r\n Beaches, city life & local experiences.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 6 packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a685k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- ACCRA -->\r\n\r\n <a\r\n href=\"#\"\r\n class=\"trips-destination-card\"\r\n data-destination=\"Accra, Ghana\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1533130061792-64b345e4a833?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Accra\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"trips-card-overlay\"><\/div>\r\n\r\n <div class=\"trips-card-shine\"><\/div>\r\n\r\n <div class=\"trips-card-content\">\r\n\r\n <div class=\"trips-card-top\">\r\n\r\n <span class=\"trips-card-category\">\r\n WEST AFRICA\r\n <\/span>\r\n\r\n <span class=\"trips-card-arrow\">\r\n \u2197\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"trips-card-bottom\">\r\n\r\n <h3>\r\n Accra\r\n <\/h3>\r\n\r\n <p>\r\n Culture, history & coastal experiences.\r\n <\/p>\r\n\r\n <div class=\"trips-card-meta\">\r\n\r\n <span>\r\n 7 packages\r\n <\/span>\r\n\r\n <strong>\r\n From \u20a6180k\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-mobile-scroll\">\r\n\r\n <span class=\"trips-scroll-line\"><\/span>\r\n\r\n Swipe to explore\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n TRAVEL REQUEST MODAL\r\n========================================================= -->\r\n\r\n<div\r\n class=\"trips-request-modal\"\r\n id=\"tripsRequestModal\"\r\n aria-hidden=\"true\"\r\n>\r\n\r\n <div\r\n class=\"trips-modal-backdrop\"\r\n id=\"tripsModalBackdrop\"\r\n ><\/div>\r\n\r\n\r\n <div\r\n class=\"trips-modal\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n >\r\n\r\n <!-- CLOSE -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"trips-modal-close\"\r\n id=\"tripsModalClose\"\r\n >\r\n \u00d7\r\n <\/button>\r\n\r\n\r\n <!-- MODAL HEADER -->\r\n\r\n <div class=\"trips-modal-header\">\r\n\r\n <div class=\"trips-modal-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n\r\n <path\r\n d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\"\r\n \/>\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"9\"\r\n r=\"2.5\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <span>\r\n PLAN YOUR JOURNEY\r\n <\/span>\r\n\r\n <h2>\r\n Let's plan your trip\r\n <\/h2>\r\n\r\n <p>\r\n Tell us what you need and our travel\r\n team will find suitable options for you.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- SELECTED DESTINATION -->\r\n\r\n <div class=\"trips-selected-destination\">\r\n\r\n <div>\r\n\r\n <small>\r\n YOUR DESTINATION\r\n <\/small>\r\n\r\n <strong id=\"tripsSelectedDestination\">\r\n \u2014\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <span>\r\n \u2713 Selected\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- FORM -->\r\n\r\n <form\r\n id=\"tripsRequestForm\"\r\n class=\"trips-request-form\"\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"destination\"\r\n id=\"tripsRequestDestination\"\r\n >\r\n\r\n\r\n <div class=\"trips-form-section-title\">\r\n Your details\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-row\">\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Full name\r\n <\/label>\r\n\r\n <input\r\n type=\"text\"\r\n name=\"name\"\r\n placeholder=\"Your full name\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Phone number\r\n <\/label>\r\n\r\n <input\r\n type=\"tel\"\r\n name=\"phone\"\r\n placeholder=\"+234 800 000 0000\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Email address\r\n <\/label>\r\n\r\n <input\r\n type=\"email\"\r\n name=\"email\"\r\n placeholder=\"you@example.com\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-section-title trips-form-space\">\r\n Trip details\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-row\">\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Travel date\r\n <\/label>\r\n\r\n <input\r\n type=\"date\"\r\n name=\"travel_date\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Travellers\r\n <\/label>\r\n\r\n <select\r\n name=\"travellers\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n Select\r\n <\/option>\r\n\r\n <option>1 traveller<\/option>\r\n <option>2 travellers<\/option>\r\n <option>3 travellers<\/option>\r\n <option>4 travellers<\/option>\r\n <option>5 travellers<\/option>\r\n <option>6\u201310 travellers<\/option>\r\n <option>10+ travellers<\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-row\">\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Estimated budget\r\n <\/label>\r\n\r\n <select\r\n name=\"budget\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n Select budget\r\n <\/option>\r\n\r\n <option>\r\n Under \u20a6300,000\r\n <\/option>\r\n\r\n <option>\r\n \u20a6300,000 \u2013 \u20a6500,000\r\n <\/option>\r\n\r\n <option>\r\n \u20a6500,000 \u2013 \u20a61,000,000\r\n <\/option>\r\n\r\n <option>\r\n \u20a61,000,000 \u2013 \u20a62,000,000\r\n <\/option>\r\n\r\n <option>\r\n \u20a62,000,000+\r\n <\/option>\r\n\r\n <option>\r\n I'm not sure\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Trip type\r\n <\/label>\r\n\r\n <select\r\n name=\"trip_type\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n Select type\r\n <\/option>\r\n\r\n <option>\r\n Vacation\r\n <\/option>\r\n\r\n <option>\r\n Tour package\r\n <\/option>\r\n\r\n <option>\r\n Honeymoon\r\n <\/option>\r\n\r\n <option>\r\n Family trip\r\n <\/option>\r\n\r\n <option>\r\n Business trip\r\n <\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"trips-form-group\">\r\n\r\n <label>\r\n Anything else we should know?\r\n <\/label>\r\n\r\n <textarea\r\n name=\"message\"\r\n placeholder=\"Tell us about your preferred hotel, activities, flight preferences or anything else...\"\r\n rows=\"3\"\r\n ><\/textarea>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"trips-submit\"\r\n >\r\n\r\n <span>\r\n Send travel request\r\n <\/span>\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n\r\n <path d=\"M5 12h13\" \/>\r\n <path d=\"m13 6 6 6-6 6\" \/>\r\n\r\n <\/svg>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"trips-form-security\">\r\n\r\n <span>\u2713<\/span>\r\n\r\n Your information is secure and will only\r\n be used to assist with your travel request.\r\n\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n\r\n <!-- SUCCESS -->\r\n\r\n <div\r\n class=\"trips-request-success\"\r\n id=\"tripsRequestSuccess\"\r\n >\r\n\r\n <div class=\"trips-success-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <h3>\r\n Request received\r\n <\/h3>\r\n\r\n <p>\r\n Thanks for reaching out. Our travel team\r\n will review your request and contact you\r\n with suitable options.\r\n <\/p>\r\n\r\n <button\r\n type=\"button\"\r\n id=\"tripsSuccessClose\"\r\n >\r\n Done\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BRAND VARIABLES\r\n========================================================= *\/\r\n\r\n.trips-destinations{\r\n\r\n --trips-navy:#100568;\r\n --trips-navy-dark:#09033f;\r\n --trips-gold:#ffb000;\r\n --trips-text:#101828;\r\n --trips-muted:#667085;\r\n --trips-border:#e5e7eb;\r\n\r\n position:relative;\r\n\r\n padding:95px 0 100px;\r\n\r\n background:#ffffff;\r\n\r\n overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUBTLE BACKGROUND EFFECT\r\n========================================================= *\/\r\n\r\n.trips-destinations::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:420px;\r\n\r\n height:420px;\r\n\r\n top:-220px;\r\n\r\n right:-150px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,176,0,.07),\r\n transparent 68%\r\n );\r\n\r\n pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.trips-destinations-container{\r\n\r\n width:min(\r\n 1240px,\r\n calc(100% - 56px)\r\n );\r\n\r\n margin:auto;\r\n\r\n position:relative;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.trips-destination-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n minmax(0,1fr)\r\n minmax(430px,530px);\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n margin-bottom:38px;\r\n\r\n}\r\n\r\n\r\n.trips-mini-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--trips-gold);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.8px;\r\n\r\n}\r\n\r\n\r\n.trips-label-dot{\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--trips-gold);\r\n\r\n box-shadow:\r\n 0 0 0 5px\r\n rgba(255,176,0,.10);\r\n\r\n}\r\n\r\n\r\n.trips-destination-title h2{\r\n\r\n margin:0;\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:clamp(\r\n 36px,\r\n 4.2vw,\r\n 52px\r\n );\r\n\r\n line-height:1.02;\r\n\r\n letter-spacing:-2.3px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.trips-destination-title h2 span{\r\n\r\n color:var(--trips-gold);\r\n\r\n}\r\n\r\n\r\n.trips-destination-title p{\r\n\r\n max-width:560px;\r\n\r\n margin:14px 0 0;\r\n\r\n color:var(--trips-muted);\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SEARCH\r\n========================================================= *\/\r\n\r\n.trips-search-wrapper{\r\n\r\n position:relative;\r\n\r\n}\r\n\r\n\r\n.trips-search-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n margin-bottom:8px;\r\n\r\n color:#475467;\r\n\r\n font-size:10px;\r\n\r\n font-weight:850;\r\n\r\n text-transform:uppercase;\r\n\r\n letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n.trips-search-icon{\r\n\r\n color:var(--trips-gold);\r\n\r\n font-size:16px;\r\n\r\n}\r\n\r\n\r\n.trips-search{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n min-height:68px;\r\n\r\n padding:7px 7px 7px 17px;\r\n\r\n border:1px solid #e0e3e9;\r\n\r\n border-radius:16px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 12px 35px\r\n rgba(16,5,104,.07);\r\n\r\n transition:\r\n border-color .25s ease,\r\n box-shadow .25s ease,\r\n transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.trips-search:hover{\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 16px 42px\r\n rgba(16,5,104,.10);\r\n\r\n}\r\n\r\n\r\n.trips-search:focus-within{\r\n\r\n border-color:\r\n rgba(255,176,0,.8);\r\n\r\n box-shadow:\r\n 0 0 0 4px\r\n rgba(255,176,0,.08),\r\n 0 15px 40px\r\n rgba(16,5,104,.09);\r\n\r\n}\r\n\r\n\r\n.trips-select-area{\r\n\r\n flex:1;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n min-width:0;\r\n\r\n}\r\n\r\n\r\n.trips-location-icon{\r\n\r\n flex-shrink:0;\r\n\r\n width:40px;\r\n\r\n height:40px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n margin-right:10px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(16,5,104,.06);\r\n\r\n}\r\n\r\n\r\n.trips-location-icon svg{\r\n\r\n width:19px;\r\n\r\n height:19px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trips-navy);\r\n\r\n stroke-width:1.7;\r\n\r\n}\r\n\r\n\r\n.trips-select-content{\r\n\r\n flex:1;\r\n\r\n min-width:0;\r\n\r\n}\r\n\r\n\r\n.trips-select-content span{\r\n\r\n display:block;\r\n\r\n margin-bottom:2px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n.trips-select-content select{\r\n\r\n width:100%;\r\n\r\n height:28px;\r\n\r\n padding:0;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n appearance:auto;\r\n\r\n background:transparent;\r\n\r\n color:var(--trips-navy);\r\n\r\n font-family:inherit;\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.trips-go-button{\r\n\r\n position:relative;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n min-width:86px;\r\n\r\n height:54px;\r\n\r\n border:0;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--trips-navy);\r\n\r\n color:#fff;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.7px;\r\n\r\n cursor:pointer;\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n transform .2s ease,\r\n background .2s ease;\r\n\r\n}\r\n\r\n\r\n.trips-go-button::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n transparent 25%,\r\n rgba(255,255,255,.15),\r\n transparent 75%\r\n );\r\n\r\n transform:\r\n translateX(-120%);\r\n\r\n transition:\r\n transform .6s ease;\r\n\r\n}\r\n\r\n\r\n.trips-go-button:hover::before{\r\n\r\n transform:\r\n translateX(120%);\r\n\r\n}\r\n\r\n\r\n.trips-go-button:hover{\r\n\r\n background:#180a82;\r\n\r\n transform:translateY(-1px);\r\n\r\n}\r\n\r\n\r\n.trips-go-button:active{\r\n\r\n transform:scale(.97);\r\n\r\n}\r\n\r\n\r\n.trips-go-button svg{\r\n\r\n width:15px;\r\n\r\n height:15px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trips-gold);\r\n\r\n stroke-width:2;\r\n\r\n transition:\r\n transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.trips-go-button:hover svg{\r\n\r\n transform:\r\n translateX(3px);\r\n\r\n}\r\n\r\n\r\n.trips-search-note{\r\n\r\n margin-top:8px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESTINATION GRID\r\n========================================================= *\/\r\n\r\n.trips-destination-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n grid-auto-rows:255px;\r\n\r\n gap:18px;\r\n\r\n}\r\n\r\n\r\n.trips-destination-card{\r\n\r\n position:relative;\r\n\r\n display:block;\r\n\r\n min-width:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:21px;\r\n\r\n background:var(--trips-navy);\r\n\r\n color:#fff;\r\n\r\n text-decoration:none;\r\n\r\n isolation:isolate;\r\n\r\n transform:translateZ(0);\r\n\r\n}\r\n\r\n\r\n.trips-card-featured{\r\n\r\n grid-column:span 2;\r\n\r\n grid-row:span 2;\r\n\r\n}\r\n\r\n\r\n.trips-destination-card img{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n z-index:-4;\r\n\r\n transition:\r\n transform .8s\r\n cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.trips-destination-card:hover img{\r\n\r\n transform:scale(1.075);\r\n\r\n}\r\n\r\n\r\n.trips-card-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:-3;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,3,55,.02) 15%,\r\n rgba(7,3,55,.15) 40%,\r\n rgba(7,3,55,.95) 100%\r\n );\r\n\r\n}\r\n\r\n\r\n.trips-card-shine{\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n\r\n left:-100%;\r\n\r\n width:60%;\r\n\r\n height:100%;\r\n\r\n z-index:-1;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255,255,255,.08),\r\n transparent\r\n );\r\n\r\n transform:skewX(-15deg);\r\n\r\n transition:\r\n left .8s ease;\r\n\r\n}\r\n\r\n\r\n.trips-destination-card:hover\r\n.trips-card-shine{\r\n\r\n left:140%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.trips-card-content{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n padding:20px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:space-between;\r\n\r\n}\r\n\r\n\r\n.trips-card-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n}\r\n\r\n\r\n.trips-card-category{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n min-height:25px;\r\n\r\n padding:0 9px;\r\n\r\n border:1px solid\r\n rgba(255,255,255,.17);\r\n\r\n border-radius:30px;\r\n\r\n background:\r\n rgba(16,5,104,.70);\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n color:#fff;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n\r\n}\r\n\r\n\r\n.trips-card-arrow{\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--trips-gold);\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:17px;\r\n\r\n font-weight:900;\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(-6px)\r\n rotate(-10deg);\r\n\r\n transition:\r\n opacity .25s ease,\r\n transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.trips-destination-card:hover\r\n.trips-card-arrow{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0)\r\n rotate(0);\r\n\r\n}\r\n\r\n\r\n.trips-card-bottom h3{\r\n\r\n margin:0 0 7px;\r\n\r\n font-size:27px;\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-.8px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.trips-card-bottom p{\r\n\r\n max-width:350px;\r\n\r\n margin:0 0 13px;\r\n\r\n color:rgba(255,255,255,.82);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.trips-card-meta{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n}\r\n\r\n\r\n.trips-card-meta span{\r\n\r\n padding:6px 9px;\r\n\r\n border-radius:7px;\r\n\r\n background:\r\n rgba(255,255,255,.13);\r\n\r\n backdrop-filter:blur(6px);\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n\r\n}\r\n\r\n\r\n.trips-card-meta strong{\r\n\r\n padding:6px 9px;\r\n\r\n border-radius:7px;\r\n\r\n background:var(--trips-gold);\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE SCROLL\r\n========================================================= *\/\r\n\r\n.trips-mobile-scroll{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MODAL\r\n========================================================= *\/\r\n\r\n.trips-request-modal{\r\n\r\n position:fixed;\r\n\r\n inset:0;\r\n\r\n z-index:10000;\r\n\r\n display:none;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:20px;\r\n\r\n}\r\n\r\n\r\n.trips-request-modal.active{\r\n\r\n display:flex;\r\n\r\n}\r\n\r\n\r\n.trips-modal-backdrop{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n rgba(5,2,45,.72);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n opacity:0;\r\n\r\n animation:\r\n tripsBackdropIn .25s ease forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes tripsBackdropIn{\r\n\r\n to{\r\n opacity:1;\r\n }\r\n\r\n}\r\n\r\n\r\n.trips-modal{\r\n\r\n position:relative;\r\n\r\n width:min(\r\n 680px,\r\n 100%\r\n );\r\n\r\n max-height:\r\n calc(100vh - 40px);\r\n\r\n overflow-y:auto;\r\n\r\n padding:32px;\r\n\r\n border:1px solid\r\n rgba(255,255,255,.8);\r\n\r\n border-radius:24px;\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 35px 100px\r\n rgba(0,0,0,.30);\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(25px)\r\n scale(.97);\r\n\r\n animation:\r\n tripsModalIn .3s\r\n cubic-bezier(.2,.8,.2,1)\r\n .05s forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes tripsModalIn{\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0)\r\n scale(1);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n.trips-modal-close{\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n\r\n right:18px;\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border:0;\r\n\r\n border-radius:50%;\r\n\r\n background:#f2f4f7;\r\n\r\n color:#344054;\r\n\r\n font-size:24px;\r\n\r\n line-height:1;\r\n\r\n cursor:pointer;\r\n\r\n transition:\r\n transform .2s,\r\n background .2s;\r\n\r\n}\r\n\r\n\r\n.trips-modal-close:hover{\r\n\r\n transform:rotate(90deg);\r\n\r\n background:#e8eaf0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MODAL HEADER\r\n========================================================= *\/\r\n\r\n.trips-modal-header{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:14px;\r\n\r\n padding-right:40px;\r\n\r\n}\r\n\r\n\r\n.trips-modal-icon{\r\n\r\n flex-shrink:0;\r\n\r\n width:44px;\r\n\r\n height:44px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(255,176,0,.12);\r\n\r\n}\r\n\r\n\r\n.trips-modal-icon svg{\r\n\r\n width:21px;\r\n\r\n height:21px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trips-navy);\r\n\r\n stroke-width:1.7;\r\n\r\n}\r\n\r\n\r\n.trips-modal-header span{\r\n\r\n color:var(--trips-gold);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n\r\n}\r\n\r\n\r\n.trips-modal-header h2{\r\n\r\n margin:4px 0 6px;\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:28px;\r\n\r\n line-height:1.1;\r\n\r\n letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n.trips-modal-header p{\r\n\r\n margin:0;\r\n\r\n color:var(--trips-muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SELECTED DESTINATION\r\n========================================================= *\/\r\n\r\n.trips-selected-destination{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n margin:22px 0;\r\n\r\n padding:13px 15px;\r\n\r\n border:1px solid\r\n rgba(255,176,0,.25);\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(255,176,0,.08),\r\n rgba(16,5,104,.035)\r\n );\r\n\r\n}\r\n\r\n\r\n.trips-selected-destination small{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:8px;\r\n\r\n font-weight:850;\r\n\r\n letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n.trips-selected-destination strong{\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:14px;\r\n\r\n}\r\n\r\n\r\n.trips-selected-destination > span{\r\n\r\n padding:5px 8px;\r\n\r\n border-radius:20px;\r\n\r\n background:#eaf8ef;\r\n\r\n color:#16803a;\r\n\r\n font-size:8px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FORM\r\n========================================================= *\/\r\n\r\n.trips-form-section-title{\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.trips-form-space{\r\n\r\n margin-top:5px;\r\n\r\n}\r\n\r\n\r\n.trips-form-row{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr\r\n 1fr;\r\n\r\n gap:13px;\r\n\r\n}\r\n\r\n\r\n.trips-form-group{\r\n\r\n margin-bottom:13px;\r\n\r\n}\r\n\r\n\r\n.trips-form-group label{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px;\r\n\r\n color:#344054;\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.trips-form-group input,\r\n.trips-form-group select,\r\n.trips-form-group textarea{\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n border:1px solid #dfe3e8;\r\n\r\n border-radius:10px;\r\n\r\n outline:0;\r\n\r\n background:#fff;\r\n\r\n color:#101828;\r\n\r\n font-family:inherit;\r\n\r\n font-size:12px;\r\n\r\n transition:\r\n border-color .2s,\r\n box-shadow .2s;\r\n\r\n}\r\n\r\n\r\n.trips-form-group input,\r\n.trips-form-group select{\r\n\r\n height:44px;\r\n\r\n padding:0 12px;\r\n\r\n}\r\n\r\n\r\n.trips-form-group textarea{\r\n\r\n min-height:80px;\r\n\r\n padding:11px 12px;\r\n\r\n resize:vertical;\r\n\r\n}\r\n\r\n\r\n.trips-form-group input:focus,\r\n.trips-form-group select:focus,\r\n.trips-form-group textarea:focus{\r\n\r\n border-color:var(--trips-gold);\r\n\r\n box-shadow:\r\n 0 0 0 3px\r\n rgba(255,176,0,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUBMIT\r\n========================================================= *\/\r\n\r\n.trips-submit{\r\n\r\n width:100%;\r\n\r\n min-height:51px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n border:0;\r\n\r\n border-radius:11px;\r\n\r\n background:var(--trips-navy);\r\n\r\n color:#fff;\r\n\r\n font-family:inherit;\r\n\r\n font-size:12px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n transition:\r\n background .2s,\r\n transform .2s;\r\n\r\n}\r\n\r\n\r\n.trips-submit:hover{\r\n\r\n background:#180a82;\r\n\r\n transform:translateY(-1px);\r\n\r\n}\r\n\r\n\r\n.trips-submit svg{\r\n\r\n width:16px;\r\n\r\n height:16px;\r\n\r\n fill:none;\r\n\r\n stroke:var(--trips-gold);\r\n\r\n stroke-width:2;\r\n\r\n}\r\n\r\n\r\n.trips-form-security{\r\n\r\n margin-top:10px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.5;\r\n\r\n text-align:center;\r\n\r\n}\r\n\r\n\r\n.trips-form-security span{\r\n\r\n color:#16803a;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS\r\n========================================================= *\/\r\n\r\n.trips-request-success{\r\n\r\n display:none;\r\n\r\n padding:35px 10px 10px;\r\n\r\n text-align:center;\r\n\r\n}\r\n\r\n\r\n.trips-request-success.active{\r\n\r\n display:block;\r\n\r\n}\r\n\r\n\r\n.trips-success-icon{\r\n\r\n width:60px;\r\n\r\n height:60px;\r\n\r\n margin:0 auto 16px;\r\n\r\n display:grid;\r\n\r\n place-items:center;\r\n\r\n border-radius:50%;\r\n\r\n background:#eaf8ef;\r\n\r\n color:#16803a;\r\n\r\n font-size:26px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.trips-request-success h3{\r\n\r\n margin:0 0 8px;\r\n\r\n color:var(--trips-navy);\r\n\r\n font-size:25px;\r\n\r\n}\r\n\r\n\r\n.trips-request-success p{\r\n\r\n max-width:420px;\r\n\r\n margin:auto;\r\n\r\n color:var(--trips-muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.7;\r\n\r\n}\r\n\r\n\r\n.trips-request-success button{\r\n\r\n margin-top:20px;\r\n\r\n padding:11px 27px;\r\n\r\n border:0;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--trips-gold);\r\n\r\n color:var(--trips-navy);\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .trips-destination-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:24px;\r\n\r\n }\r\n\r\n\r\n .trips-search-wrapper{\r\n\r\n max-width:650px;\r\n\r\n }\r\n\r\n\r\n .trips-destination-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n grid-auto-rows:250px;\r\n\r\n }\r\n\r\n\r\n .trips-card-featured{\r\n\r\n grid-column:span 2;\r\n\r\n grid-row:span 1;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n .trips-destinations{\r\n\r\n padding:65px 0 70px;\r\n\r\n }\r\n\r\n\r\n .trips-destinations-container{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n }\r\n\r\n\r\n .trips-destination-header{\r\n\r\n display:block;\r\n\r\n margin-bottom:25px;\r\n\r\n }\r\n\r\n\r\n .trips-mini-label{\r\n\r\n margin-bottom:10px;\r\n\r\n }\r\n\r\n\r\n .trips-destination-title h2{\r\n\r\n font-size:35px;\r\n\r\n letter-spacing:-1.5px;\r\n\r\n }\r\n\r\n\r\n .trips-destination-title p{\r\n\r\n margin-top:11px;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.65;\r\n\r\n }\r\n\r\n\r\n \/* Search *\/\r\n\r\n .trips-search-wrapper{\r\n\r\n margin-top:23px;\r\n\r\n }\r\n\r\n\r\n .trips-search{\r\n\r\n min-height:60px;\r\n\r\n padding:6px;\r\n\r\n border-radius:14px;\r\n\r\n }\r\n\r\n\r\n .trips-location-icon{\r\n\r\n width:35px;\r\n\r\n height:35px;\r\n\r\n margin-right:7px;\r\n\r\n }\r\n\r\n\r\n .trips-location-icon svg{\r\n\r\n width:17px;\r\n\r\n height:17px;\r\n\r\n }\r\n\r\n\r\n .trips-select-content span{\r\n\r\n font-size:8px;\r\n\r\n }\r\n\r\n\r\n .trips-select-content select{\r\n\r\n font-size:11px;\r\n\r\n }\r\n\r\n\r\n .trips-go-button{\r\n\r\n min-width:65px;\r\n\r\n height:48px;\r\n\r\n border-radius:10px;\r\n\r\n font-size:10px;\r\n\r\n }\r\n\r\n\r\n .trips-go-button svg{\r\n\r\n width:13px;\r\n\r\n }\r\n\r\n\r\n .trips-search-note{\r\n\r\n font-size:9px;\r\n\r\n }\r\n\r\n\r\n \/* Destination cards *\/\r\n\r\n .trips-destination-grid{\r\n\r\n display:flex;\r\n\r\n gap:13px;\r\n\r\n overflow-x:auto;\r\n\r\n padding:\r\n 2px\r\n 0\r\n 10px;\r\n\r\n scroll-snap-type:x mandatory;\r\n\r\n scrollbar-width:none;\r\n\r\n -webkit-overflow-scrolling:touch;\r\n\r\n }\r\n\r\n\r\n .trips-destination-grid::-webkit-scrollbar{\r\n\r\n display:none;\r\n\r\n }\r\n\r\n\r\n .trips-destination-card,\r\n .trips-card-featured{\r\n\r\n flex:\r\n 0 0 84%;\r\n\r\n width:84%;\r\n\r\n height:340px;\r\n\r\n min-height:340px;\r\n\r\n grid-column:auto;\r\n\r\n grid-row:auto;\r\n\r\n border-radius:20px;\r\n\r\n scroll-snap-align:start;\r\n\r\n }\r\n\r\n\r\n .trips-card-content{\r\n\r\n padding:18px;\r\n\r\n }\r\n\r\n\r\n .trips-card-arrow{\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n\r\n width:34px;\r\n\r\n height:34px;\r\n\r\n }\r\n\r\n\r\n .trips-card-bottom h3{\r\n\r\n font-size:28px;\r\n\r\n }\r\n\r\n\r\n .trips-card-bottom p{\r\n\r\n max-width:270px;\r\n\r\n font-size:11px;\r\n\r\n }\r\n\r\n\r\n .trips-mobile-scroll{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n margin-top:16px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:9px;\r\n\r\n font-weight:700;\r\n\r\n }\r\n\r\n\r\n .trips-scroll-line{\r\n\r\n width:22px;\r\n\r\n height:3px;\r\n\r\n border-radius:10px;\r\n\r\n background:var(--trips-gold);\r\n\r\n }\r\n\r\n\r\n \/* Modal becomes bottom sheet *\/\r\n\r\n .trips-request-modal{\r\n\r\n align-items:flex-end;\r\n\r\n padding:0;\r\n\r\n }\r\n\r\n\r\n .trips-modal{\r\n\r\n width:100%;\r\n\r\n max-height:92vh;\r\n\r\n padding:27px 17px 20px;\r\n\r\n border-radius:\r\n 23px\r\n 23px\r\n 0\r\n 0;\r\n\r\n animation:\r\n tripsMobileModalIn .32s\r\n cubic-bezier(.2,.8,.2,1)\r\n .05s forwards;\r\n\r\n }\r\n\r\n\r\n @keyframes tripsMobileModalIn{\r\n\r\n from{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(100%);\r\n\r\n }\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0);\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n .trips-modal-header{\r\n\r\n gap:10px;\r\n\r\n padding-right:32px;\r\n\r\n }\r\n\r\n\r\n .trips-modal-icon{\r\n\r\n width:39px;\r\n\r\n height:39px;\r\n\r\n border-radius:11px;\r\n\r\n }\r\n\r\n\r\n .trips-modal-icon svg{\r\n\r\n width:18px;\r\n\r\n }\r\n\r\n\r\n .trips-modal-header h2{\r\n\r\n font-size:24px;\r\n\r\n }\r\n\r\n\r\n .trips-modal-header p{\r\n\r\n font-size:11px;\r\n\r\n }\r\n\r\n\r\n .trips-selected-destination{\r\n\r\n margin:18px 0;\r\n\r\n }\r\n\r\n\r\n .trips-form-row{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:0;\r\n\r\n }\r\n\r\n\r\n .trips-form-group{\r\n\r\n margin-bottom:12px;\r\n\r\n }\r\n\r\n\r\n .trips-form-group input,\r\n .trips-form-group select{\r\n\r\n height:43px;\r\n\r\n }\r\n\r\n\r\n .trips-submit{\r\n\r\n min-height:49px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n .trips-destination-title h2{\r\n\r\n font-size:31px;\r\n\r\n }\r\n\r\n\r\n .trips-destination-card,\r\n .trips-card-featured{\r\n\r\n flex-basis:88%;\r\n\r\n width:88%;\r\n\r\n height:325px;\r\n\r\n min-height:325px;\r\n\r\n }\r\n\r\n\r\n .trips-search{\r\n\r\n padding:5px;\r\n\r\n }\r\n\r\n\r\n .trips-go-button{\r\n\r\n min-width:58px;\r\n\r\n padding:0 8px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n .trips-destination-card,\r\n .trips-destination-card img,\r\n .trips-card-shine,\r\n .trips-go-button,\r\n .trips-search,\r\n .trips-modal{\r\n\r\n transition:none !important;\r\n\r\n animation:none !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n 12&13 TRIPS \u2014 DESTINATION REQUEST ENGINE\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n const destination =\r\n document.getElementById(\r\n \"tripsDestination\"\r\n );\r\n\r\n const goButton =\r\n document.getElementById(\r\n \"tripsGoButton\"\r\n );\r\n\r\n const modal =\r\n document.getElementById(\r\n \"tripsRequestModal\"\r\n );\r\n\r\n const backdrop =\r\n document.getElementById(\r\n \"tripsModalBackdrop\"\r\n );\r\n\r\n const closeButton =\r\n document.getElementById(\r\n \"tripsModalClose\"\r\n );\r\n\r\n const selectedDestination =\r\n document.getElementById(\r\n \"tripsSelectedDestination\"\r\n );\r\n\r\n const requestDestination =\r\n document.getElementById(\r\n \"tripsRequestDestination\"\r\n );\r\n\r\n const requestForm =\r\n document.getElementById(\r\n \"tripsRequestForm\"\r\n );\r\n\r\n const success =\r\n document.getElementById(\r\n \"tripsRequestSuccess\"\r\n );\r\n\r\n const successClose =\r\n document.getElementById(\r\n \"tripsSuccessClose\"\r\n );\r\n\r\n\r\n \/* =========================================\r\n OPEN REQUEST MODAL\r\n ========================================= *\/\r\n\r\n function openRequest(){\r\n\r\n const value =\r\n destination.value.trim();\r\n\r\n\r\n if(!value){\r\n\r\n destination\r\n .closest(\r\n \".trips-search\"\r\n )\r\n .classList.add(\r\n \"trips-search-error\"\r\n );\r\n\r\n\r\n destination.focus();\r\n\r\n\r\n setTimeout(function(){\r\n\r\n destination\r\n .closest(\r\n \".trips-search\"\r\n )\r\n .classList.remove(\r\n \"trips-search-error\"\r\n );\r\n\r\n },1200);\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n selectedDestination.textContent =\r\n value;\r\n\r\n requestDestination.value =\r\n value;\r\n\r\n\r\n modal.classList.add(\r\n \"active\"\r\n );\r\n\r\n modal.setAttribute(\r\n \"aria-hidden\",\r\n \"false\"\r\n );\r\n\r\n\r\n document.body.style.overflow =\r\n \"hidden\";\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n GO BUTTON\r\n ========================================= *\/\r\n\r\n goButton.addEventListener(\r\n \"click\",\r\n openRequest\r\n );\r\n\r\n\r\n \/* =========================================\r\n OPEN FROM DESTINATION CARD\r\n ========================================= *\/\r\n\r\n document\r\n .querySelectorAll(\r\n \".trips-destination-card\"\r\n )\r\n .forEach(function(card){\r\n\r\n card.addEventListener(\r\n \"click\",\r\n function(event){\r\n\r\n event.preventDefault();\r\n\r\n const value =\r\n card.dataset.destination;\r\n\r\n destination.value =\r\n value;\r\n\r\n openRequest();\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =========================================\r\n CLOSE MODAL\r\n ========================================= *\/\r\n\r\n function closeRequest(){\r\n\r\n modal.classList.remove(\r\n \"active\"\r\n );\r\n\r\n modal.setAttribute(\r\n \"aria-hidden\",\r\n \"true\"\r\n );\r\n\r\n document.body.style.overflow =\r\n \"\";\r\n\r\n }\r\n\r\n\r\n closeButton.addEventListener(\r\n \"click\",\r\n closeRequest\r\n );\r\n\r\n\r\n backdrop.addEventListener(\r\n \"click\",\r\n closeRequest\r\n );\r\n\r\n\r\n \/* =========================================\r\n ESCAPE\r\n ========================================= *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function(event){\r\n\r\n if(\r\n event.key === \"Escape\" &&\r\n modal.classList.contains(\r\n \"active\"\r\n )\r\n ){\r\n\r\n closeRequest();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n FORM SUBMISSION\r\n ========================================= *\/\r\n\r\n requestForm.addEventListener(\r\n \"submit\",\r\n function(event){\r\n\r\n event.preventDefault();\r\n\r\n\r\n \/*\r\n * FRONT-END DEMO\r\n *\r\n * This can later be connected to:\r\n *\r\n * PHP\r\n * WordPress\r\n * MySQL\r\n * Email\r\n * WhatsApp\r\n * CRM\r\n * REST API\r\n *\/\r\n\r\n\r\n requestForm.style.display =\r\n \"none\";\r\n\r\n success.classList.add(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n SUCCESS CLOSE\r\n ========================================= *\/\r\n\r\n successClose.addEventListener(\r\n \"click\",\r\n function(){\r\n\r\n requestForm.reset();\r\n\r\n requestForm.style.display =\r\n \"\";\r\n\r\n success.classList.remove(\r\n \"active\"\r\n );\r\n\r\n closeRequest();\r\n\r\n }\r\n );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-653eb0f11 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"653eb0f11\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4c066925\" data-id=\"4c066925\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c8d396 elementor-widget elementor-widget-spacer\" data-id=\"6c8d396\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7062b2ae elementor-invisible\" data-id=\"7062b2ae\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"animation":"fadeIn","background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17bee666 wpr-fancy-text-rotate-1 wpr-advanced-text-style-animated wpr-animated-text-infinite-yes wpr-advanced-text-layout-inline elementor-widget elementor-widget-wpr-advanced-text\" data-id=\"17bee666\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"anim_loop":"yes"}\" data-widget_type=\"wpr-advanced-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<h3 class=\"wpr-advanced-text\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"wpr-advanced-text-preffix\">International Student Admission...<\/span>\n\t\t\t\n\t\t<span class=\"wpr-anim-text wpr-anim-text-type-rotate-1\" data-anim-duration=\"1000,2000\" data-anim-loop=\"yes\">\n\t\t\t<span class=\"wpr-anim-text-inner\">\n\t\t\t\t\t\t\t\t\t<b>Click Here<\/b>\n\t\t\t\t\t\t\t\t\t<b>To Register<\/b>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa9a69c elementor-widget elementor-widget-text-editor\" data-id=\"7fa9a69c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Join the prospective list of student seeking admission abroad to study and live.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-640d3d56 wpr-button-icon-style-inline wpr-button-icon-position-right elementor-widget elementor-widget-wpr-button\" data-id=\"640d3d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\n\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button wpr-button-effect wpr-button-none\" data-text=\"\" href=\"https:\/\/app.coursefinder.ai\/student-platform\/3f96b415\/sign-up\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text\">Get Started<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-icon\"><i class=\"fas fa-long-arrow-alt-right\"><\/i><\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75012d0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"75012d0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b07fce\" data-id=\"6b07fce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28d089f wpr-insta-feed-layout-full-width wpr-grid-pagination-center wpr-if-cfb-bottom elementor-widget elementor-widget-wpr-instagram-feed\" data-id=\"28d089f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"insta_layout_select":"layout-full-width"}\" data-widget_type=\"wpr-instagram-feed.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n\t\t\n\t\t<div class=\"wpr-instagram-feed-cont\">\n\t\t\t\n\t\t\t<div class=\"wpr-instagram-feed wpr-layout-full-width\" data-settings=\"{"insta_layout_select":"layout-full-width","columns":null,"columns_mobile":null,"columns_mobile_extra":null,"columns_tablet":null,"columns_tablet_extra":null,"columns_laptop":null,"columns_widescreen":null,"gutter_hr":3,"gutter_vr":"","lightbox":{"selector":".wpr-insta-feed-image-wrap","iframeMaxWidth":"60%","hash":false,"autoplay":"true","pause":5000,"progressBar":"true","counter":"true","controls":"true","getCaptionFromTitleOrAlt":"true","thumbnail":"","showThumbByDefault":"","share":"","zoom":"true","fullScreen":"true","download":"true"},"insta_load_more_settings":{"limit":4,"limit_mobile":2,"is_mobile":"other","open_in_new_tab":"yes","overlay_post_link":"yes","image_effects":"none","image_effects_size":"none","image_effects_duration":"none","overlay_animation":"fade-in","overlay_animation_size":"large","overlay_animation_timing":"ease-default","overlay_animation_tr":"yes","insta_feed_elements":[{"element_select":"icon","element_display":"inline","element_align_hr":"right","_id":"32b618a","element_read_more_text":null,"element_comments_text_2":null,"element_comments_text_3":null,"element_hide_year":null,"element_location":"below","element_custom_width":null,"element_align_vr":null,"element_username_tag":null,"element_trim_text_by":null,"element_word_count":null,"element_letter_count":null,"element_sharing_icon_1":"","element_sharing_icon_2":"","element_sharing_icon_3":"","element_sharing_icon_4":"","element_sharing_icon_5":"","element_sharing_icon_6":"","element_sharing_trigger":"","element_sharing_trigger_icon":"","element_sharing_trigger_action":"","element_sharing_trigger_direction":"","element_sharing_tooltip":"","element_lightbox_overlay":null,"element_extra_text_pos":null,"element_extra_text":null,"element_extra_icon_pos":null,"element_extra_icon":null,"element_animation":null,"element_animation_duration":null,"element_animation_delay":null,"element_animation_timing":null,"element_animation_size":null,"element_animation_tr":null,"element_show_on":"yes"},{"_id":"783eaa6","element_read_more_text":null,"element_comments_text_2":null,"element_comments_text_3":null,"element_select":"caption","element_hide_year":null,"element_location":"below","element_display":"block","element_custom_width":null,"element_align_vr":null,"element_align_hr":"left","element_username_tag":null,"element_trim_text_by":"word_count","element_word_count":20,"element_letter_count":null,"element_sharing_icon_1":"","element_sharing_icon_2":"","element_sharing_icon_3":"","element_sharing_icon_4":"","element_sharing_icon_5":"","element_sharing_icon_6":"","element_sharing_trigger":"","element_sharing_trigger_icon":"","element_sharing_trigger_action":"","element_sharing_trigger_direction":"","element_sharing_tooltip":"","element_lightbox_overlay":null,"element_extra_text_pos":null,"element_extra_text":null,"element_extra_icon_pos":null,"element_extra_icon":null,"element_animation":null,"element_animation_duration":null,"element_animation_delay":null,"element_animation_timing":null,"element_animation_size":null,"element_animation_tr":null,"element_show_on":"yes"}]}}\">\n\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\n\t\t<div class=\"wpr-isnta-feed-buttons-wrap\">\t\t\t\t\t<div class=\"wpr-instagram-follow-btn-wrap\">\n\t\t\t\t\t\t<a class=\"wpr-instagram-follow-btn\" href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t\t\tFollow on Instagram\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2706f13 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2706f13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-914cb751 elementor-section-height-min-height elementor-section-full_width elementor-section-items-stretch elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"914cb751\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-17bbd0ca\" data-id=\"17bbd0ca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb30c39 elementor-widget elementor-widget-image\" data-id=\"cb30c39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"960\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-1024x1024.jpg\" class=\"attachment-large size-large wp-image-1766\" alt=\"\" srcset=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-1024x1024.jpg 1024w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-300x300.jpg 300w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-150x150.jpg 150w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-768x768.jpg 768w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-600x600.jpg 600w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad-100x100.jpg 100w, https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-16-at-09.55.34_96d585ad.jpg 1080w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-549795cd\" data-id=\"549795cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bd450f9 elementor-widget elementor-widget-heading\" data-id=\"1bd450f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get your passport <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf9d073 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4bf9d073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c77e31 elementor-widget elementor-widget-text-editor\" data-id=\"33c77e31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Start your passport registration here with few clicks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e285db2 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e285db2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4ddd7640\" data-id=\"4ddd7640\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35f1cdef elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"35f1cdef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Click<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fill the form<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-59700239\" data-id=\"59700239\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8813510 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8813510\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd4550 wpr-button-icon-style-inline wpr-button-icon-position-right elementor-widget elementor-widget-wpr-button\" data-id=\"dbd4550\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\n\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button wpr-button-effect wpr-button-none\" data-text=\"\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScsZPz0JO3I2SeAlO0Le4aXeMf6zzagmwdtBP6mCCD6_89Q-w\/viewform?usp=pp_url\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text\">Start Here<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fef7c73 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"fef7c73\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9318566\" data-id=\"9318566\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f8e763b elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"f8e763b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09d2a22 elementor-widget elementor-widget-heading\" data-id=\"09d2a22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0453c0 elementor-widget elementor-widget-text-editor\" data-id=\"c0453c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Welcome to 12 & 13 Trips, your foremost partner in travel, exploration, and professional consultancy. We are dedicated to turning every journey, event, and branding opportunity into an extraordinary experience. Specializing in seamless travel, top-tier hospitality management, innovative event planning, and expert consultancy, we are committed to delivering excellence and personalized service in everything we do such as:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-457a9a0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"457a9a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Visa Processing Assistance<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">International\/Local Airlines Reservation & Ticketing Service <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Hotel Reservation And Apartment Short-Lets <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tour, Cruises, Safari-Seas And Desert <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Airport Protocol<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Car Hire Services <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Aviation, Travel and Tourism Training <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Passport Assistance (International & ECOWAS) <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65db7b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"65db7b4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-930e865\" data-id=\"930e865\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00635de elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"00635de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-935da64 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"935da64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dcca5a1\" data-id=\"dcca5a1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c00be77 elementor-widget elementor-widget-text-editor\" data-id=\"c00be77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #fe8b00;\"><strong>Vision:<\/strong><\/span> To be the foremost destination for seamless travel, exploration, and consultancy, where every journey, event, and brand experience reflects our commitment to excellence, innovation, and personalized service. At 12 & 13 Trips, we turn every opportunity into an extraordinary experience, creating lasting memories and empowering success.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6d33ab1 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"6d33ab1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e453275 elementor-widget elementor-widget-text-editor\" data-id=\"e453275\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ff6600;\"><strong>Mission: <\/strong><\/span>At 12 & 13 Trips, we are committed to creating unforgettable experiences through exceptional travel and exploration services, expert hospitality management, and innovative event solutions. We strive to provide our clients with professional consultancy that empowers their personal and organizational growth, ensuring that every journey, event, and brand we manage is a testament to our dedication to quality, creativity, and customer satisfaction.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-09e3f98 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"09e3f98\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e255a4e\" data-id=\"e255a4e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54d0bf1 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"54d0bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"4","image_spacing_custom":{"unit":"px","size":3,"sizes":[]},"navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-19-at-03.23.18_c5c70a6d-300x300.jpg\" alt=\"WhatsApp Image 2024-09-19 at 03.23.18_c5c70a6d\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/WhatsApp-Image-2024-09-19-at-03.23.35_e9bc5c60-300x300.jpg\" alt=\"WhatsApp Image 2024-09-19 at 03.23.35_e9bc5c60\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/open-now-300x300.png\" alt=\"open now!\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Explore-300x300.png\" alt=\"Explore\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Study-in-China-300x300.png\" alt=\"Study in China\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Torist-Visit-Visa-300x300.png\" alt=\"Torist & Visit Visa\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a95c87 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"3a95c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"4","image_spacing_custom":{"unit":"px","size":3,"sizes":[]},"navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Explore-300x300.png\" alt=\"Explore\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Study-in-China-300x300.png\" alt=\"Study in China\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/Torist-Visit-Visa-300x300.png\" alt=\"Torist & Visit Visa\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/12and13trips.com\/wp-content\/uploads\/2024\/09\/avgg-300x300.jpg\" alt=\"avgg\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee25198 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"ee25198\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5fcaf99\" data-id=\"5fcaf99\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-606c7bcb wpr-mailchimp-layout-hr elementor-widget elementor-widget-wpr-mailchimp\" data-id=\"606c7bcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-mailchimp.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<form class=\"wpr-mailchimp-form\" id=\"wpr-mailchimp-form-606c7bcb\" method=\"POST\" data-list-id=\"def\" data-clear-fields=\"\">\n\t\t\t<!-- Form Header -->\n\t\t\t\n\t\t\t<div class=\"wpr-mailchimp-fields\">\n\t\t\t\t<!-- Email Input -->\n\t\t\t\t<div class=\"wpr-mailchimp-email\">\n\t\t\t\t\t\t\t\t\t\t<input type=\"email\" name=\"wpr_mailchimp_email\" placeholder=\"sample@mail.com\" required=\"required\">\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Extra Fields -->\n\t\t\t\t\n\t\t\t\t<!-- Subscribe Button -->\n\t\t\t\t<div class=\"wpr-mailchimp-subscribe\">\n\t\t\t\t\t<button type=\"submit\" id=\"wpr-subscribe-606c7bcb\" class=\"wpr-mailchimp-subscribe-btn\" data-loading=\"Subscribing...\">\n\t\t\t\t \t\tSubscribe\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Success\/Error Message -->\n\t\t\t<div class=\"wpr-mailchimp-message\">\n\t\t\t\t<span class=\"wpr-mailchimp-success-message\">You have been successfully Subscribed!<\/span>\n\t\t\t\t<span class=\"wpr-mailchimp-error-message\">Ops! Something went wrong, please try again.<\/span>\n\t\t\t<\/div>\n\t\t<\/form>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4236e92\" data-id=\"4236e92\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>12&13 Trips \u2014 Hero Slider Your journey starts with 12&13 Trips Discover places. Make memories. Find local and international tour packages, compare travel options, explore destinations and discover a journey that fits your plans and budget. Where to? Travel date Travellers 1 traveller 2 travellers 3 travellers 4 travellers 5+ travellers Budget Any budget Under \u20a6300,000 \u20a6300k \u2013 \u20a6500k \u20a6500k \u2013 \u20a61m \u20a61m \u2013 \u20a62m \u20a62m+ Search Trips \u2192 Popular: Dubai Zanzibar Cape Town Accra Lagos \u2713 Curated travel packages \u20a6 Options for every budget \u25ce Local & international trips ↗ Personal travel assistance \u2039 \u203a FIND YOUR PERFECT TRIP Trips made for you. Search our curated travel packages by destination, budget, duration or trip style. View all packages \u2192 Destination 🇦🇪 Dubai 🇹🇿 Zanzibar 🇿🇦 Cape Town 🇫🇷 Paris 🇬🇧 London 🇳🇬 Lagos Budget Any budget Under \u20a6300k Under \u20a6500k Under \u20a6750k Under \u20a61m Duration Any duration 1 \u2013 3 nights 4 \u2013 5 nights 6 \u2013 7 nights 8+ nights Trip type All experiences Vacation Honeymoon Family Adventure Luxury Search Popular: Dubai Zanzibar London Cape Town Paris AVAILABLE PACKAGES 6 trips found Recommended Price: Low to High Price: High to Low BEST SELLER \u2661 Dubai, UAE Dubai Luxury Escape Experience luxury hotels, desert adventures, shopping and city tours. 5 Nights Hotel Tours FROM \u20a6650,000 \/ person View \u2192 BEACH ESCAPE \u2661 Zanzibar, Tanzania Zanzibar Island Escape Tropical beaches, island tours, culture and unforgettable sunsets. 5 Nights Resort Breakfast FROM \u20a6520,000 \/ person View \u2192 POPULAR \u2661 Cape Town, South Africa Cape Town Explorer Mountains, beaches, wine routes and unforgettable city experiences. 6 Nights Hotel Tours FROM \u20a6610,000 \/ person View \u2192 ROMANTIC \u2661 Paris, France Paris Romantic Getaway Discover iconic landmarks, fine dining, art and romantic experiences. 7 Nights Hotel Breakfast FROM \u20a6780,000 \/ person View \u2192 CITY BREAK \u2661 London, UK London City Experience Explore London’s iconic landmarks, shopping districts and royal history. 6 Nights Hotel City Tour FROM \u20a6720,000 \/ person View \u2192 LOCAL \u2661 Lagos, Nigeria Lagos Weekend Escape Beaches, nightlife, food and curated Lagos experiences. 3 Nights Hotel Activities FROM \u20a685,000 \/ person View \u2192 🔎 No matching trips found Try changing your destination, budget or duration. Reset search \u2726 Can’t find exactly what you’re looking for? Tell us your budget and dream destination. We’ll create a trip around your needs. Plan my trip \u2192 \u00d7 TRAVEL PACKAGE Dubai Luxury Escape \u2316 Dubai, UAE PACKAGE FROM \u20a6650,000 \/ person DURATION 5 Nights PACKAGE Hotel + Tours What’s included \u2713 Hotel accommodation \u2713 Airport transfers \u2713 Selected tours & activities \u2713 Travel assistance Request this package \u2192 EXPLORE THE WORLD Where will you go next? Choose a destination and tell us what you’re looking for. We’ll help you find the right travel experience. \u2316 Search your destination Destination Where would you like to go? Dubai, UAE Zanzibar, Tanzania Cape Town, South Africa Paris, France London, United Kingdom Maldives Lagos, Nigeria Abuja, Nigeria Accra, Ghana Nairobi, Kenya Marrakech, Morocco Cairo, Egypt Rome, Italy Barcelona, Spain Amsterdam, Netherlands Istanbul, Turkey Doha, Qatar Bali, Indonesia Singapore Tokyo, Japan GO Explore local & international destinations INTERNATIONAL ↗ Dubai Luxury, adventure & unforgettable experiences. 12+ packages From \u20a6450k INTERNATIONAL ↗ Zanzibar Island escapes & tropical adventures. 8 packages From \u20a6520k SOUTH AFRICA ↗ Cape Town Mountains, beaches & vibrant culture. 10 packages From \u20a6610k EUROPE ↗ Paris Romance, culture & timeless beauty. 15 packages From \u20a6780k NIGERIA ↗ Lagos Beaches, city life & local experiences. 6 packages From \u20a685k WEST AFRICA ↗ Accra Culture, history & coastal experiences. 7 packages From \u20a6180k Swipe to explore \u00d7 PLAN YOUR JOURNEY Let’s plan your trip Tell us what you need and our travel team will find suitable options for you. YOUR DESTINATION \u2014 \u2713 Selected Your details Full name Phone number Email address Trip details Travel date Travellers Select 1 traveller2 travellers3 travellers4 travellers5 travellers6\u201310 travellers10+ travellers Estimated budget Select budget Under \u20a6300,000 \u20a6300,000 \u2013 \u20a6500,000 \u20a6500,000 \u2013 \u20a61,000,000 \u20a61,000,000 \u2013 \u20a62,000,000 \u20a62,000,000+ I’m not sure Trip type Select type Vacation Tour package Honeymoon Family trip Business trip Anything else we should know? Send travel request \u2713 Your information is secure and will only be used to assist with your travel request. \u2713 Request received Thanks for reaching out. Our travel team will review your request and contact you with suitable options. Done International Student Admission… Click Here To Register Join the prospective list of student seeking admission abroad to study and live. Get Started Follow on Instagram Get your passport Start your passport registration here with few clicks. Click Fill the form Submit Start Here About us Welcome to 12 & 13 Trips, your foremost partner in travel, exploration, and professional consultancy. We are dedicated to turning every journey, event, and branding opportunity into an extraordinary experience. Specializing in seamless travel, top-tier hospitality management, innovative event planning, and expert consultancy, we are committed to delivering excellence and personalized service in everything we do such as: Visa Processing Assistance International\/Local Airlines Reservation & Ticketing Service Hotel Reservation And Apartment Short-Lets Tour, Cruises, Safari-Seas And Desert Airport Protocol Car Hire Services Aviation, Travel and Tourism Training Passport Assistance (International & ECOWAS) Vision: To be the foremost destination for seamless travel, exploration, and consultancy, where every journey, event, and brand experience reflects our commitment to excellence, innovation, and personalized service. At 12 & 13 Trips, we turn every opportunity into an extraordinary experience, creating lasting memories and empowering success. Mission: At 12 & 13 Trips, we are committed to creating unforgettable experiences through exceptional travel and exploration services, expert hospitality management, and innovative event solutions. We strive to provide our clients with professional consultancy that empowers their personal and organizational growth, ensuring that every journey, event, and brand we manage is a testament to our dedication to quality, creativity, and customer satisfaction. Subscribe You have been successfully Subscribed! Ops! Something went wrong, please try again.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_bos_mb_destination":[],"footnotes":""},"class_list":["post-800","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/pages\/800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/12and13trips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=800"}],"version-history":[{"count":477,"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/pages\/800\/revisions"}],"predecessor-version":[{"id":1845,"href":"https:\/\/12and13trips.com\/index.php?rest_route=\/wp\/v2\/pages\/800\/revisions\/1845"}],"wp:attachment":[{"href":"https:\/\/12and13trips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}