/* setup */
.logo img,
.header-logo a img {
	width: 100%;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-justify {
	text-align: justify;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

div.offcanvas {
	color: var(--white);
}

.inc-bg-main {
	background: var(--Surface-Ivory-Mist);
}

.inc-bg-primary {
	background: var(--Travel-Teal-primary-action-900);
}

.inc-bg-secondary {
	background: var(--Vietnam-Ember-brand-accent-500);
}

.inc-text-primary {
	color: var(--Travel-Teal-primary-action-500);
}

.inc-text-secondary {
	color: var(--Vietnam-Ember-brand-accent-500);
}

.inc-text-paragraph {
	color: var(--Surface-Primary-Text);
}

.inc-text-paragraph-secondary {
	color: var(--Surface-Secondary-Text);
}

@media (max-width: 1540px) {
	.fs-144,
	.fs-110 {
		font-size: 10rem;
		line-height: 1;
	}

	.fs-72,
	.fs-84,
	.fs-96 {
		font-size: 5rem;
		line-height: 1;
	}

	.fs-54,
	.fs-64 {
		font-size: 3rem;
		line-height: 1.36;
	}

	.gap-48 {
		gap: 2rem;
	}

	.section-2 .text-left {
		padding-left: 0;
	}

	.link-connect {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1380px) {
	.fs-144,
	.fs-110 {
		font-size: 8rem;
		line-height: 1;
	}

	.fs-72,
	.fs-84,
	.fs-96 {
		font-size: 5rem;
		line-height: 1;
	}

	.fs-54,
	.fs-64,
	.fs-56 {
		font-size: 3rem;
		line-height: 1;
	}
}

@media (max-width: 767px) {
	.fs-16 {
		font-size: 14px;
	}

	.fs-18 {
		font-size: 16px;
	}

	.fs-20 {
		font-size: 18px;
	}

	.fs-24 {
		font-size: 20px;
	}

	.fs-28 {
		font-size: 24px;
	}

	.fs-32 {
		font-size: 24px;
	}

	.fs-36 {
		font-size: 26px;
	}

	.fs-40 {
		font-size: 28px;
	}

	.fs-42 {
		font-size: 30px;
	}

	.fs-44 {
		font-size: 30px;
	}

	.fs-48 {
		font-size: 32px;
	}

	.fs-54,
	.fs-64,
	.fs-56 {
		font-size: 32px;
	}

	.fs-72,
	.fs-84,
	.fs-96 {
		font-size: 32px;
	}

	.fs-144,
	.fs-110 {
		font-size: 36px;
	}
}

.text-grandient {
	background: var(--Travel-Teal-Gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.inc-navigation-slider {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
	margin-top: 10px;
}

.inc-navigation-slider .nav-item {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	color: var(--Travel-Teal-primary-action-500);
	background-color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 4px 12px 0 rgba(36, 52, 51, 0.12);
	cursor: pointer;
	pointer-events: auto;
	transition: transform 0.3s ease;
}

.inc-navigation-slider .nav-item:hover {
	background-color: var(--Travel-Teal-primary-action-500);
	color: var(--white);
}

@media (min-width: 769px) {
	.inc-navigation-slider .nav-prev {
		transform: translate(-110%, 0);
	}
	.inc-navigation-slider .nav-next {
		transform: translate(110%, 0);
	}
	.inc-navigation-slider {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		z-index: 1;
		width: 100%;
		height: 1px;
		display: flex;
		justify-content: space-between;
		margin-top: 0;
	}
}