EXPLORE THE WORLD
Travel Destinations
Experience new places. Meet new friends.
Gain a new perspective.
Explore Destinations →
DISCOVER NEW PLACES
Discover Beautiful Destinations
From breathtaking coastlines to extraordinary
landscapes, discover places worth exploring.
Discover More →
UNFORGETTABLE EXPERIENCES
Explore Nature’s Wonders
Discover peaceful mountain escapes,
stunning lakes, and incredible places
around the world.
Explore Nature →
YOUR JOURNEY STARTS HERE
Experience the World
Find new travel inspiration,
explore exciting destinations,
and create unforgettable memories.
Start Your Journey →
MAKE EVERY JOURNEY COUNT
Come Join the Adventure
Travel beyond the familiar,
meet fellow adventurers, and
discover a new perspective.
Explore Adventures →
01
/
05
/* ==========================================
TRAVEL DESTINATIONS SLIDER
========================================== */
.nst-destination-section {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
font-family: “Montserrat”, Arial, sans-serif;
}
.nst-destination-section *,
.nst-destination-section *::before,
.nst-destination-section *::after {
box-sizing: border-box;
}
/* MAIN SLIDER */
.nst-destination-slider {
position: relative;
width: 100%;
height: 580px;
overflow: hidden;
background: #253d35;
isolation: isolate;
}
/* SLIDES */
.nst-destination-slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
z-index: 0;
transition:
opacity 0.6s ease,
visibility 0.6s ease;
}
.nst-destination-slide.active {
opacity: 1;
visibility: visible;
z-index: 1;
}
/* PHOTOGRAPHS */
.nst-destination-slide img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* DARK GRADIENT OVERLAY */
.nst-destination-slide::after {
content: “”;
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
90deg,
rgba(10, 30, 27, 0.76) 0%,
rgba(10, 30, 27, 0.43) 55%,
rgba(10, 30, 27, 0.12) 100%
);
}
/* CONTENT */
.nst-destination-content {
position: absolute;
z-index: 2;
top: 50%;
left: max(9%, 55px);
transform: translateY(-50%);
width: min(650px, 78%);
color: #fff;
}
.nst-destination-content > span {
display: block;
margin-bottom: 18px;
color: #e9bb82;
font-size: 12px;
font-weight: 700;
letter-spacing: 2.5px;
}
.nst-destination-content h1,
.nst-destination-content h2 {
margin: 0 0 23px;
color: #fff !important;
font-family: Georgia, serif;
font-size: clamp(36px, 5vw, 65px);
font-weight: 600;
line-height: 1.12;
}
.nst-destination-content p {
max-width: 530px;
margin: 0 0 30px;
color: #f5f5f3;
font-size: 17px;
line-height: 1.75;
}
/* EXPLORE BUTTON */
.nst-destination-content a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 30px;
background: #dca56b;
border-radius: 3px;
color: #20362b !important;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none !important;
transition:
background 0.3s,
transform 0.3s;
}
.nst-destination-content a:hover {
background: #edbf89;
transform: translateY(-2px);
}
/* NAVIGATION ARROWS */
.nst-destination-prev,
.nst-destination-next {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 45px;
height: 45px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.25);
border: 1px solid rgba(255,255,255,0.55);
border-radius: 50%;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.nst-destination-prev {
left: 20px;
}
.nst-destination-next {
right: 20px;
}
.nst-destination-prev:hover,
.nst-destination-next:hover {
background: #dca56b;
color: #20362b;
}
/* PAGINATION DOTS */
.nst-destination-dots {
position: absolute;
z-index: 5;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 10px;
}
.nst-destination-dot {
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(255,255,255,0.55);
cursor: pointer;
}
.nst-destination-dot.active {
width: 30px;
border-radius: 8px;
background: #dca56b;
}
/* SLIDE COUNTER */
.nst-destination-counter {
position: absolute;
z-index: 5;
right: 7%;
bottom: 27px;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
}
.nst-destination-current {
color: #e9bb82;
font-size: 21px;
font-weight: 700;
}
/* ACCESSIBILITY */
.nst-destination-slider button:focus-visible,
.nst-destination-content a:focus-visible {
outline: 3px solid #e9bb82;
outline-offset: 3px;
}
/* TABLET */
@media (max-width: 1024px) {
.nst-destination-slider {
height: 520px;
}
.nst-destination-content {
left: 9%;
}
}
/* MOBILE */
@media (max-width: 767px) {
.nst-destination-slider {
height: 510px;
}
.nst-destination-content {
left: 8%;
width: 84%;
}
.nst-destination-content > span {
font-size: 10px;
letter-spacing: 1.7px;
}
.nst-destination-content h1,
.nst-destination-content h2 {
font-size: clamp(32px, 9vw, 43px);
margin-bottom: 17px;
}
.nst-destination-content p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 24px;
}
.nst-destination-content a {
padding: 12px 22px;
font-size: 12px;
}
.nst-destination-slide::after {
background: linear-gradient(
90deg,
rgba(10,30,27,0.85),
rgba(10,30,27,0.40)
);
}
.nst-destination-prev,
.nst-destination-next {
top: auto;
bottom: 65px;
transform: none;
width: 35px;
height: 35px;
}
.nst-destination-prev {
left: 8%;
}
.nst-destination-next {
right: 8%;
}
.nst-destination-dots {
bottom: 80px;
gap: 7px;
}
.nst-destination-dot {
width: 7px;
height: 7px;
}
.nst-destination-dot.active {
width: 20px;
}
.nst-destination-counter {
right: 8%;
bottom: 23px;
font-size: 11px;
}
}
/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
.nst-destination-slide,
.nst-destination-content a {
transition: none;
}
}
(function () {
function initDestinationSlider(slider) {
if (slider.dataset.destinationReady === “true”) {
return;
}
slider.dataset.destinationReady = “true”;
const slides = Array.from(
slider.querySelectorAll(“.nst-destination-slide”)
);
const dotsContainer = slider.querySelector(
“.nst-destination-dots”
);
const prev = slider.querySelector(
“.nst-destination-prev”
);
const next = slider.querySelector(
“.nst-destination-next”
);
const counter = slider.querySelector(
“.nst-destination-current”
);
const total = slider.querySelector(
“.nst-destination-total”
);
if (!slides.length) return;
let current = 0;
let timer = null;
// 2000 milliseconds = 2 seconds
const speed = 2000;
const reduceMotion = window.matchMedia(
“(prefers-reduced-motion: reduce)”
).matches;
/* CREATE DOTS AUTOMATICALLY */
dotsContainer.innerHTML = “”;
const dots = slides.map(function (slide, index) {
const dot = document.createElement(“button”);
dot.type = “button”;
dot.className = “nst-destination-dot”;
dot.setAttribute(
“aria-label”,
“Go to destination slide ” + (index + 1)
);
dot.addEventListener(“click”, function () {
showSlide(index);
restart();
});
dotsContainer.appendChild(dot);
return dot;
});
total.textContent =
String(slides.length).padStart(2, “0”);
/* DISPLAY SELECTED SLIDE */
function showSlide(index) {
current =
(index + slides.length) % slides.length;
slides.forEach(function (slide, i) {
const active = i === current;
slide.classList.toggle(“active”, active);
slide.setAttribute(
“aria-hidden”,
String(!active)
);
slide.querySelectorAll(“a”).forEach(
function (link) {
link.tabIndex = active ? 0 : -1;
}
);
if (“inert” in slide) {
slide.inert = !active;
}
});
dots.forEach(function (dot, i) {
const active = i === current;
dot.classList.toggle(“active”, active);
dot.setAttribute(
“aria-current”,
String(active)
);
});
counter.textContent =
String(current + 1).padStart(2, “0”);
}
/* STOP AUTOMATIC ROTATION */
function stop() {
if (timer !== null) {
clearInterval(timer);
timer = null;
}
}
/* START AUTOMATIC ROTATION */
function start() {
if (
slides.length > 1 &&
!reduceMotion &&
timer === null &&
!document.hidden
) {
timer = setInterval(function () {
showSlide(current + 1);
}, speed);
}
}
/* RESTART AFTER INTERACTION */
function restart() {
stop();
if (
!slider.matches(“:hover”) &&
!slider.contains(document.activeElement)
) {
start();
}
}
/* ARROWS */
prev.addEventListener(“click”, function () {
showSlide(current – 1);
restart();
});
next.addEventListener(“click”, function () {
showSlide(current + 1);
restart();
});
/* PAUSE ON HOVER AND KEYBOARD FOCUS */
slider.addEventListener(“mouseenter”, stop);
slider.addEventListener(“mouseleave”, restart);
slider.addEventListener(“focusin”, stop);
slider.addEventListener(“focusout”, function () {
setTimeout(restart, 0);
});
/* PAUSE WHEN BROWSER TAB IS HIDDEN */
document.addEventListener(
“visibilitychange”,
function () {
if (document.hidden) {
stop();
} else {
restart();
}
}
);
showSlide(0);
start();
}
function initializeDestinationSliders() {
document.querySelectorAll(
“.nst-destination-slider”
).forEach(initDestinationSlider);
}
if (document.readyState === “loading”) {
document.addEventListener(
“DOMContentLoaded”,
initializeDestinationSliders
);
} else {
initializeDestinationSliders();
}
})();
