@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body,
* {
	font-family: "Montserrat", sans-serif;
}

body,
.app {
	background-color: #fff !important;
}

html {
	scroll-behavior: smooth;
}

:root {
	--dark-primary-color: #1B594E;
	--primary-color: #0A6C48;
	--white-color: #FFFFFF;
	--Text-Color: #323439;
	--super-gray: #F7F7F7;
	--white-smoke: #D2D2D2;
	--color-sub-title: #212B36;
	--danger-color: #E85151;
	--text-content: #212B36;
	--warning-color: #F6C635;
	--warning-color-md: rgba(236, 201, 16, 0.19);
	--text-date: #1C1F24;
	--text-mute-color: #637381;
	--white-gray: #F5F5F5;
	--super-mute-color: #C4C4C4;
	--border-color: #D9D9D9;
	--low-primary-color: rgba(10, 108, 72, 0.12);
	--low-warning-color: rgba(246, 198, 53, 0.08);
	--bg-btn-warning: #F7C635;
	--bg-btn-light: #EFEFEF;
}

.app,
main.app-main {
	overflow: initial !important;
}

main.app-main .sticky-top {
	top: 150px;
}

.image-hoverable {
	transition: all 0.5s ease;
}

.image-hoverable:hover,
.image-hoverable-container:hover img,
.product-item-image:hover img,
.first-blog-item:hover img {
	transform: scale(1.1);
	cursor: pointer;
}

.hero-section-text {
	margin-bottom: 3rem;
	bottom: 0;
	position: absolute;
}

.hero-section-text-index {
	margin-bottom: 3.5rem;
	bottom: 0;
	position: absolute;
}

.product-item .product-item-image {
	overflow: hidden;
	border-radius: 5px;
}

.product-item .product-item-image img {
	width: 100%;
	object-fit: cover;
	height: 200px;
	border-radius: 5px;
}

.card-img {
	width: 100%;
	height: 155px;
}

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

.line-style {
	width: 100px;
	border-bottom: 3px solid #0A6C48;
	margin-bottom: 1rem;
}

.media-image {
	width: 220px;
	min-width: 220px;
	min-height: 156px;
	overflow: hidden;
}

.media-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px 0px 0px 5px;
}

.media-image-see-more {
	width: 100%;
	min-height: 116px;
	overflow: hidden;
	border-radius: 5px 0px 0px 5px;
}

.media-image-see-more img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bg-gradient-logo {
	background: linear-gradient(to right, #0A6C48, white);
}

.media-description-hoverable:hover .image-hoverable {
	transform: scale(1.1);
	cursor: pointer;
}

.media-description-hoverable:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product-item .product-item-image {
	overflow: hidden;
	border-radius: 5px;
}

.hero-section-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.line-style {
	width: 100px;
	border-bottom: 3px solid #0A6C48;
	margin-bottom: 1rem;
}

.style-level {
	width: 28px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: 16px;
	top: 0;
	border-radius: 0px 0px 6px 6px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.style-level_1 {
	background: #FF5B00;
}

.style-level_2,
.style-level_3 {
	background: #A8A8A8;
}

.btn-primary-color-lg {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--white-color);
	border-radius: 30px;
	border: none;
	padding: 3px 15px;
	margin: 5px;
	background: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.city-level {
	width: 28px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: 16px;
	top: 0;
	border-radius: 0px 0px 6px 6px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.city-level_1 {
	background: #FF5B00;
}

.city-level_2,
.city-level_3 {
	background: #A8A8A8;
}



/* File Experience in tour details*/
.file-exp-see-all-img {
	position: relative;
}

.file-exp-see-all-img-main {
	height: 283.5px;
}

.file-exp-see-all-img-main>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.file-exp-see-all-img-sub {
	height: 138px;
}

.file-exp-see-all-img-sub>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trip-hightligh {
	position: relative;
}

.trip-hightligh-img {
	position: relative;
	height: 230px !important;
}

.trip-hightligh-img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.no-scroll {
	overflow: hidden;
}

.grid-container {
	display: grid;
	grid-template-columns: 50% repeat(2, 1fr);
	grid-template-rows: auto auto auto;
	gap: 10px;
}

.grid-item {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid rgba(20, 20, 31, .05);
}

.grid-item:not(:first-child) {
	max-height: 160px !important;
}

.grid-item:first-child {
	grid-row: span 4;
	max-height: 330px;
}


/* end */



.table>thead>tr>th {
	font-weight: 600 !important;
}

.table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
	background-color: rgb(255 255 255 / 30%);
}

.table-striped>tbody>tr>th {
	font-weight: 600;
}

.font-size-xl {
	font-size: 1.5rem;
}

.btn-group.btn-group-toggle .active {
	background: #2e609c !important;
	color: #fff !important;
}

.btn-group.btn-group-rounded.btn-group-toggle label {
	background: transparent !important;
	border: 1px solid gainsboro;
	color: #333 !important;
	box-shadow: none;
	font-weight: 400;
	border-radius: .5rem !important;
}

.btn-group.btn-group-rounded.btn-group-toggle label.active {
	background: transparent !important;
	border: 2px solid;
	color: #333 !important;
	box-shadow: none;
	font-weight: 500;
	border-radius: .5rem !important;
}

.btn-group.btn-group-rounded-pill.btn-group-toggle label {
	background: transparent !important;
	border: 1px solid gainsboro;
	color: #333 !important;
	box-shadow: none;
	font-weight: 400;
	border-radius: 50rem !important;
}

.btn-group.btn-group-rounded-pill.btn-group-toggle label.active {
	background: transparent !important;
	border: 2px solid;
	color: #333 !important;
	box-shadow: none;
	font-weight: 500;
	border-radius: 50rem !important;
}

.rounded-left {
	border-radius: 5px 0 0 5px !important;
}

.shadow-md {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bg-btn-warning {
	background-color: var(--bg-btn-warning) !important;
}

.bg-btn-light {
	background-color: var(--bg-btn-light) !important;
}

.bg-primary-color {
	background-color: var(--primary-color) !important;
}

.bg-warning-color-md {
	background: var(--warning-color-md);
}

.cs-border-bottom {
	border-bottom: 1px solid var(--text-content);
}

.cs-border-top {
	border-top: 1px solid var(--text-content);
}

.cs-border-right {
	border-right: 1px solid var(--text-content);
}

.cs-border-left {
	border-left: 1px solid var(--text-content);
}

/* add red stat for field required */
form div.required label:after {
	content: " * ";
	color: red !important;
	font-size: 100%;
	vertical-align: top;
	color: #1011111f;
}

form div.has-error .help-block {
	font-size: 80%;
	color: #b76ba3;
}

.select2-selection__rendered .select2-selection--single {
	max-height: 2.25rem !important;
}

.select2-container {
	width: 100% !important;
}

.select2-selection--multiple .select2-search.select2-search--inline {
	position: absolute !important;
}

/* end add red stat for field required */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-size: .8rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	top: 4px !important;
	right: 5px;
	font-weight: lighter;
}

.img-xs {
	width: 24px;
	height: 24px
}

.nav-item .bi {
	position: relative;
	top: -.168rem;
	font-size: 1.11em;
}

.text-sm {
	font-size: .85em !important;
}

.text-overflow {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-overflow-2x {
	line-height: 1.7em;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	overflow: hidden;
	text-overflow: ellipsis;
}

.cs-pointer {
	cursor: pointer;
}

/* Important part */
.modal-xl {
	width: 80%;
}

.bord-outline {
	border-bottom: 4px solid rgba(0, 0, 0, .1);
}

.input-group-text-border {
	background: none;
	border: none;
	border-bottom: 1px solid gainsboro;
	border-radius: 0;
}

.input-group-text-border-0 {
	background: none;
	border: none;
	border-radius: 0;
}

.media-block .media-left {
	display: block;
	float: left
}

.media-block .media-right {
	float: right
}

.media-block .media-body {
	display: block;
	overflow: hidden;
	width: auto
}

.media-block:after {
	content: '';
	display: table;
	clear: both
}

/* Dropdown */
.dropdown-menu.dropdown-period {
	width: 250px !important;
}

.dropdown-menu.dropdown-period .dropdown-item {
	line-height: 2.5em;
}

.dropdown-item {
	line-height: 2.2em;
}

/* Navigation No Hovering*/
.header-nav .nav-link.no-hover,
.header-nav .nav-link.no-hover {
	color: rgb(177 177 218 / 85%) !important;
}

.header-nav .nav-link.no-hover:focus,
.header-nav .nav-link.no-hover:hover {
	color: rgb(177 177 218 / 85%) !important;
	background: transparent !important;
}

.header-nav .nav-link.no-hover span:focus,
.header-nav .nav-link.no-hover span:hover,
.header-nav .nav-link.no-hover span.active,
.header-nav .nav-link.no-hover span.active {
	color: #fff !important;

}

/* Tile */
.visual-picker-content .tile-md img {
	width: 36px;
	height: 36px;
}

.gj-picker-md div[role=navigator] {
	text-align: center;
}

.grid-view ul.pagination,
.list-wrapper ul.pagination {
	justify-content: center;
	float: right;
}

.grid-view ul.pagination li *,
.list-wrapper ul.pagination li * {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #222230;
	background-color: transparent;
	border: 1px solid transparent;
	font-weight: 600;
	border-radius: 3rem;
}

.grid-view ul.pagination li.active *,
.grid-view ul.pagination li *:hover,
.list-wrapper ul.pagination li.active *,
.list-wrapper ul.pagination li *:hover {
	z-index: 3;
	color: #2e609c;
	background-color: rgba(52, 108, 176, .08);
	border-color: transparent;
	text-decoration: none;
}

.grid-view ul.pagination li.disabled *,
.list-wrapper ul.pagination li.disabled * {
	color: #888c9b;
	pointer-events: none;
	cursor: auto;
	background-color: transparent;
	border-color: transparent;
}

.shape-circle {
	min-width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	padding: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}


.font-weight-semibold {
	font-weight: 500 !important;
}

.note-status-output {
	display: none !important;
}

.tag-link {
	text-decoration: none;
	color: inherit;
}

.tag-link:hover {
	text-decoration: none;
	color: inherit;
}

.tag-link-line {
	color: inherit;
}

.tag-link-line:hover {
	color: inherit;
}

.promotionBadge {
	color: #fff;
	background-color: red;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 15px;
	width: fit-content;
	text-align: center;
	margin: 10px 0px;
}

.media-content .promotionBadge {
	position: absolute;
	left: 10px;
}


.nav-content-brand {
	color: var(--primary-color);
	font-family: Montserrat;
	font-size: 6px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	letter-spacing: 2.404px;
	text-transform: uppercase;
}

.activity-title {
	color: var(--Text-Color, #323439);
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.36px;
	cursor: pointer;
	display: flex;
	gap: 3px;
}

.activity-list {
	color: var(--Text-Color, #323439);
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	/* 137.5% */
	border: none;
	padding: 10px 10px;
	letter-spacing: 0.32px;
}

.activity-dropdwon {
	margin-top: 8.3px;
	display: none;
}

.list-group-item.active {
	background-color: var(--super-gray);
	border-radius: 0;
	color: var(--Text-Color);
	border: none;
}

.activity-list-img {
	height: 74px;
	position: relative;
	overflow: hidden;
	border-radius: 3.472px;
	cursor: pointer;
	z-index: 1;
}

.activity-list-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-wrap: nowrap;
	color: var(--white-color);
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.32px;
	z-index: 2;
}

.activity-list-img>img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.5s ease-in-out;
	filter: brightness(80%);
}

.activity-list-img:hover>img,
.activity-list-img:hover+.activity-list-title {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}


ul .nav-item-action {
	list-style: none !important;

}

ul>.nav-item-action>a {
	color: var(--Text-Color) !important;
	padding: 12px 1rem;
}

ul>.nav-item-action.active>a {
	background-color: var(--primary-color);
	border-radius: 0;
	color: var(--white-color) !important;
	border: none;
}

.dropdown-menu-show {
	display: none;
}

.item-product {
	height: 110px;
	overflow: hidden;
	margin: 5px;
}

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

.bg-none {
	background: none !important;
}

.fw-md {
	font-weight: 500;
}

.text-danger-color {
	color: var(--sm-danger-color) !important;
}

.text-danger-color {
	color: var(--danger-color) !important;
}

.card-wishlist {
	position: relative;
}

.card-wishlist .add-item {
	height: 24px;
	width: 24px;
	right: 5px;
	top: 0;
	margin: 10px;
	border-radius: 50%;
	font-size: 12px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	cursor: pointer;
}

.card-wishlist .add-item:hover {
	transform: scale(1.1);
	transition: all .2s ease;
}

.card .add-item:hover {
	transform: scale(1.1);
	transition: all .2s ease;
}

.card .add-item {
	height: 24px;
	width: 24px;
	right: 0;
	top: 0;
	margin: 10px 5px;
	border-radius: 50%;
	font-size: 12px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	cursor: pointer;
}

.card.card-absolute {
	position: absolute;
	right: 0;
	z-index: 999;
}

.card .add-item.add-item-view {
	margin: 20px;
}

.card .add-item.active {
	background-color: #0A6C48 !important;
	border: none !important;
	color: var(--white-color) !important;
}

.card .add-item.add-item-view.active {
	border: none !important;
}

.card-wishlist .add-item.active {
	background-color: var(--primary-color);
	border: none !important;
}

.text-content {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	color: var(--Text-Color);
}

.pagination .page-item.active .page-link {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.page-link {
	border: 1px solid var(--border-color);
}

.pagination-md .page-item .page-link {
	padding: .6rem 1rem;
	font-size: 16px;
}


.text-color {
	color: var(--Text-Color) !important;
}

.icon-daterang {
	position: absolute;
	top: 8px;
	left: 1rem;
}

.badge-warning-lower {
	background-color: var(--low-warning-color) !important;
}

.text-decoration-pimary {
	text-decoration: underline;
	color: var(--primary-color);
}


.popup-item {
	width: 540px;
	height: 383px;
	background-color: var(--white-color);
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

/* custom width */

.w-md-50 {
	width: 50%;
}

/* icon loaded */


.loading-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	gap: 1rem;
}

.dot {
	width: 30px;
	height: 30px;
	background-color: #ccc;
	border-radius: 50%;
	margin: 0 5px;
	animation: dot-animation 1.5s infinite ease-in-out;
}

.dot-1 {
	animation-delay: 0s;
	background-color: #f44336;
}

.dot-2 {
	animation-delay: 0.3s;
	background-color: #2196f3;
}

.dot-3 {
	animation-delay: 0.6s;
	background-color: #4caf50;
}

.card-thank {
	display: none;
}

.card-load {
	display: none;
}

@keyframes dot-animation {

	0%,
	80%,
	100% {
		transform: scale(1);
	}

	40% {
		transform: scale(1.5);
	}
}

@media only screen and (max-width: 992px) {

	.grid-container {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;
	}

	.grid-item:first-child {
		grid-row: span 1;
		grid-column: span 4;
		max-height: 330px;
	}

	.grid-item:not(:first-child) {
		grid-column: span 2;
		grid-row: span 2;
		max-height: initial !important;
	}
}

@media only screen and (max-width: 770px) {
	.hero-section-text {
		width: 100% !important;
		text-align: center;
	}

	.w-md-50 {
		width: 100%;
	}

	.text-col-lg {
		font-size: 1.8rem !important;
	}
}

@media only screen and (max-width: 520px) {

	.hero-section-text h1 {
		font-size: 2rem !important;
	}

	.text-col-lg {
		font-size: 1.5rem !important;
	}

	.text-col-sm {
		font-size: 14px;
	}


}

.social-icons-md a {
	background: transparent !important;
	color: var(--text-date);
	font-size: .875rem;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--Text-Color);
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.social-icons-md a:hover {
	background: var(--text-content) !important;
	color: var(--white-color) !important;
}

/* page view all trip  */
/* icon animate */
.icon-animate {
	font-size: 1.9rem;
	padding: 15px 5px;
	border: 1px solid var(--white-color);
	border-radius: 25px;
	cursor: pointer;
	color: var(--white-color);
}

.icon-animate:hover {
	color: var(--white-gray);
}



/* custom btn */
.btn-outline-primary-lg {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--danger-color);
	border: 1px solid var(--danger-color);
	border-radius: 30px;
	padding: 3px 15px;
	margin: 5px;
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.btn-primary-color-lg {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--white-color);
	border-radius: 30px;
	border: none;
	padding: 3px 15px;
	margin: 5px;
	background: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.btn-outline-primary-lg:hover {
	background: var(--danger-color) !important;
	color: var(--white-color);
}

.gap-1 {
	display: flex;
	gap: 1rem;
}

.gap-sm {
	display: flex;
	gap: 1rem;
}

.social-icons-sm a {
	background: transparent !important;
	color: var(--text-date);
	font-size: .75rem;
	width: 25px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--Text-Color);
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.social-icons-sm a:hover {
	background: var(--text-content) !important;
	color: var(--white-color) !important;

}

.z-index-lg {
	z-index: 99 !important;
}

.overlay-dark {
	background-color: rgba(0, 0, 0, 0.15) !important;
	border-radius: 5px;
}