@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,800;1,900&family=Yeseva+One&display=swap');

* {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth
}

:root {
	--primary-color2: #F2AA4CFF;
	--primary-color3: #D55437;
	--primary-color1: #90B956;
	--primary-color1-light: rgba(144, 185, 86, 0.7);
	--primary1-dark: #359D9E;
	--white: #fff;
	--text-primary: #09100D;
	--text-secondary: #000;
	--text-light: #878787;
	--border-color: #DDDDDD;
	--font-merriw: "Merriweather", serif;
	--font-work-sans: "Work Sans", sans-serif
}

::-moz-selection {
	color: var(--white);
	background: var(--primary-color1)
}

::selection {
	color: var(--white);
	background: var(--primary-color1)
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth
}

@media(min-width:1200px)and (max-width:1399px) {
	html {
		font-size: 60%
	}
}

@media(min-width:992px)and (max-width:1199px) {
	html {
		font-size: 58%
	}
}

@media(min-width:768px)and (max-width:991px) {
	html {
		font-size: 57%
	}
}

@media(min-width:576px)and (max-width:768px) {
	html {
		font-size: 56%
	}
}

@media(max-width:576px) {
	html {
		font-size: 55%
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--text-primary);
	
}

body {
	font-family: var(--font-work-sans);
	color: var(--text-secondary);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7
}

button {
	outline: none;
	border: none
}

a {
	color: unset;
	text-decoration: none
}

a:focus {
	outline: 0 solid
}

a:hover {
	text-decoration: none;
	color: unset
}

input:focus,
.contact-from-wrapper .form-inner textarea:focus,
form.style-1 .form-inner textarea:focus,
textarea:focus,
button:focus {
	outline: none
}

i.bx {
	vertical-align: middle
}

.para {
	font-size: 17px;
	font-weight: 400;
	font-family: var(--font-work-sans);
	color: var(--text-secondary);
	line-height: 1.6
}

.pt-120 {
	padding-top: 120px
}

@media(min-width:992px)and (max-width:1199px) {
	.pt-120 {
		padding-top: 100px
	}
}

@media(max-width:991px) {
	.pt-120 {
		padding-top: 90px
	}
}

.pt-90 {
	padding-top: 90px
}

@media(min-width:992px)and (max-width:1199px) {
	.pt-90 {
		padding-top: 70px
	}
}

@media(max-width:991px) {
	.pt-90 {
		padding-top: 60px
	}
}

.pb-90 {
	padding-bottom: 90px
}

@media(min-width:992px)and (max-width:1199px) {
	.pb-90 {
		padding-bottom: 70px
	}
}

@media(max-width:991px) {
	.pb-90 {
		padding-bottom: 60px
	}
}

.pb-120 {
	padding-bottom: 120px
}

@media(min-width:992px)and (max-width:1199px) {
	.pb-120 {
		padding-bottom: 100px
	}
}

@media(max-width:991px) {
	.pb-120 {
		padding-bottom: 90px
	}
}

.pb-65 {
	padding-bottom: 65px
}

.mt-120 {
	margin-top: 120px
}

@media(min-width:992px)and (max-width:1199px) {
	.mt-120 {
		margin-top: 100px
	}
}

@media(max-width:991px) {
	.mt-120 {
		margin-top: 90px
	}
}

.mb-120 {
	margin-bottom: 120px
}

.pt-80 {
	padding-top: 80px
}

.pt-50 {
	padding-top: 50px
}

.pb-80 {
	padding-bottom: 80px
}

.pe-80 {
	padding-right: 80px
}

.pb-60 {
	padding-bottom: 60px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-35 {
	margin-bottom: 35px
}

.mt-10 {
	margin-top: 10px
}

.mt-40 {
	margin-top: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-30 {
	margin-bottom: 30px
}

.mt-50 {
	margin-top: 50px
}

.mb-50 {
	margin-bottom: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.bg--light {
	background: #fafafa
}

.eg-card {
	border-radius: 5px;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box
}

.text--primary {
	color: var(--text-primary) !important
}

.circle-container {
	background: 0 0;
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .07);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear
}

@media(max-width:991px) {
	.circle-container {
		display: none;
		visibility: hidden
	}
}

.circle-container.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.circle-container::after {
	position: absolute;
	font-family: bootstrap-icons;
	content: "";
	text-align: center;
	line-height: 46px;
	font-size: 28px;
	color: var(--primary-color1);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear
}

.circle-container:hover::after {
	position: absolute;
	font-family: bootstrap-icons;
	content: "";
	color: var(--green);
	transition: all 200ms linear
}

.circle-container svg path {
	fill: none
}

.circle-container svg.circle-progress path {
	stroke: var(--primary-color1);
	stroke-width: 5;
	box-sizing: border-box;
	transition: all 200ms linear
}

.circle-container.sibling-2::after {
	color: var(--primary-color2)
}

.circle-container.sibling-2 svg.circle-progress path {
	stroke: var(--primary-color2)
}

.circle-container.sibling-3::after {
	color: var(--primary-color3)
}

.circle-container.sibling-3 svg.circle-progress path {
	stroke: var(--primary-color3)
}

.section-title1 {
	text-align: center;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.section-title1 span {
	display: block;
	font-family: var(--font-work-sans);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color1);
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title1 h2 {
	font-size: 3.2rem;
	color: var(--text-primary);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	font-family: 'Yeseva One', cursive;
	line-height: 1.4
}

@media(max-width:576px) {
	.section-title1 h2 {
		font-size: 3.6rem
	}
}

.section-title1 img {
	max-width: 370px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.section-title1.sibling2 {
	font-size: 4rem;
	font-weight: 600;
	color: var(--text-primary)
}

.section-title2 {
	margin-bottom: 37px
}

.section-title2 svg {
	fill: var(--primary-color2);
	margin: 0 auto;
	margin-bottom: 15px;
	opacity: .55
}

.section-title2 span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title2 h2 {
	font-size: 4.2rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.4
}

.section-title3 {
	margin-bottom: 60px
}

.section-title3 span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	margin-top: -6px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px
}

.section-title3 h2 {
	font-size: 4.2rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.section-title5 {
	margin-bottom: 62px
}

.section-title5 img {
	margin: 0 auto 10px;
	width: 15px
}

.section-title5>span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	letter-spacing: 2px;
	display: block;
	margin-bottom: 0;
	text-transform: uppercase
}

.section-title5 h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.35;
	margin-bottom: 10px
}

.section-title5 h2 span {
	font-size: 4.2rem;
	font-weight: 500;
	color: var(--primary-color3);
	font-family: var(--font-merriw)
}

.section-title5 p,
.section-title5 .info-single .info-text a,
.info-single .info-text .section-title5 a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.eg-btn {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	transition: all .45s ease-in-out;
	text-transform: capitalize;
	font-family: var(--font-exo);
	cursor: pointer;
	overflow: hidden
}

.eg-btn i {
	font-weight: 200;
	vertical-align: middle;
	margin-right: 5px
}

.btn--primary {
	background: var(--primary-color1);
	color: var(--white);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--primary-color1)
}

.btn--primary::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--white);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--primary:hover {
	color: var(--primary-color1)
}

.btn--primary:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--primary2 {
	background: var(--primary-color2);
	color: var(--text-primary);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--primary-color2)
}

.btn--primary2::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--white);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--primary2:hover {
	color: var(--text-primary)
}

.btn--primary2:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--white {
	background: var(--white);
	color: var(--text-primary);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap
}

.btn--white::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color2);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--white:hover {
	color: var(--text-primary)
}

.btn--white:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--white.sibling-2::after {
	content: "";
	background: var(--primary-color1)
}

.btn--primary3 {
	background: var(--primary-color3);
	color: var(--white);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--primary-color3)
}

.btn--primary3::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--white);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--primary3:hover {
	color: var(--text-primary)
}

.btn--primary3:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--primary-outline {
	background: var(--white);
	color: var(--primary-color1);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--primary-color1)
}

.btn--primary-outline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color1);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--primary-outline:hover {
	color: var(--white)
}

.btn--primary-outline:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--primary3-outline {
	background: var(--white);
	color: var(--text-secondary);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--text-secondary);
	transition: .5s ease
}

.btn--primary3-outline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color3);
	width: 100%;
	height: 100%;
	transition: .5s ease;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn--primary3-outline:hover {
	color: var(--white);
	border: 2px solid transparent
}

.btn--primary3-outline:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--primary3-outline.sibling-2 {
	color: var(--text-primary)
}

.btn--primary3-outline.sibling-2::after {
	background: var(--primary-color2)
}

.btn-primary2-outline {
	background: 0 0;
	color: var(--white);
	border-radius: 0;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 1px solid var(--white)
}

.btn-primary2-outline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color2);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.btn-primary2-outline:hover {
	border: 1px solid var(--primary-color2);
	color: var(--text-primary)
}

.btn-primary2-outline:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn-primary2-outline.sibling-2 {
	color: var(--text-primary);
	border: 1px solid var(--text-primary)
}

.btn-primary2-outline.sibling-2:hover {
	border: 1px solid transparent;
	color: var(--text-primary)
}

.btn-primary2-outline.sibling-2:hover::after {
	transform: scale(1);
	opacity: 1
}

.capsule {
	border-radius: 30px
}

.btn--lg {
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 12px 35px
}

@media(max-width:767px) {
	.btn--lg {
		padding: 12px 25px
	}
}

.btn--lg2 {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 10px 20px
}

@media(max-width:767px) {
	.btn--lg2 {
		padding: 12px 25px
	}
}

.btn--md {
	padding: 10px 35px;
	font-size: 16px;
	font-weight: 600
}

@media(max-width:767px) {
	.btn--md {
		padding: 10px 40px
	}
}

.btn--sm {
	font-size: 14px;
	font-weight: 600;
	padding: 6px 18px
}

.eg-badge {
	font-size: 14px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	border-radius: 30px;
	padding: 4px 12px
}

.eg-badge.badge-red {
	background: #df2258
}

.eg-badge.badge-yellow {
	background: #f29727
}

.eg-badge.badge-black {
	background: #09100d
}

.eg-badge.badge-blue {
	background: #2f80ed
}

.pagination-wrap .page-item.active .page-link {
	z-index: 3;
	color: var(--primary-color1) !important;
	background-color: var(--white) !important;
	border-color: var(--primary-color1)
}

.pagination-wrap .pagination {
	margin: 0
}

.pagination-wrap .page-item:first-child .page-link {
	border-radius: 2px
}

.pagination-wrap .page-item:last-child .page-link {
	border-radius: 2px
}

.pagination-wrap .page-link {
	position: relative;
	display: block;
	color: var(--text-primary) !important;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border: unset !important;
	border-radius: 8px 8px 2px 8px;
	transition: .42s ease;
	padding: 0 10px !important
}

.pagination-wrap .page-link:focus {
	box-shadow: unset;
	color: var(--primary-color1)
}

.pagination-wrap .page-link:hover {
	color: var(--primary-color1)
}

.pagination-wrap .page-item.active .page-link {
	z-index: 3;
	color: var(--primary-color1)
}

.home1preloader .egns-preloader {
	position: fixed !important;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.home1preloader .egns-preloader::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1
}

.home1preloader .egns-preloader .circle-border {
	width: 100%;
	max-width: 140px;
	height: 100%;
	max-height: 140px;
	border: 0 solid var(--primary-color1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.home1preloader .egns-preloader .circle-border svg {
	fill: var(--primary-color1)
}

.home1preloader .egns-preloader .circle-border svg path {
	stroke: var(--primary-color1)
}

.home1preloader .egns-preloader .circle-border .moving-circle {
	width: 10px;
	height: 10px;
	background: var(--primary-color1);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2s linear infinite;
	animation: circle 2s linear infinite
}

.home1preloader .egns-preloader .circle-border .moving-circle:nth-child(2) {
	width: 10px;
	height: 10px;
	background: var(--primary-color1);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.25s linear infinite;
	animation: circle 2.25s linear infinite
}

.home1preloader .egns-preloader .circle-border .moving-circle:nth-child(3) {
	width: 10px;
	height: 10px;
	background: var(--primary-color1);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.5s linear infinite;
	animation: circle 2.5s linear infinite
}

@-webkit-keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

@keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

.home2preloader .egns-preloader {
	position: fixed !important;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.home2preloader .egns-preloader::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1
}

.home2preloader .egns-preloader .circle-border {
	width: 100%;
	max-width: 140px;
	height: 100%;
	max-height: 140px;
	border: 0 solid var(--primary-color2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.home2preloader .egns-preloader .circle-border svg {
	fill: var(--primary-color2)
}

.home2preloader .egns-preloader .circle-border svg path {
	stroke: var(--primary-color2)
}

.home2preloader .egns-preloader .circle-border .moving-circle {
	width: 10px;
	height: 10px;
	background: var(--primary-color2);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2s linear infinite;
	animation: circle 2s linear infinite
}

.home2preloader .egns-preloader .circle-border .moving-circle:nth-child(2) {
	width: 10px;
	height: 10px;
	background: var(--primary-color2);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.25s linear infinite;
	animation: circle 2.25s linear infinite
}

.home2preloader .egns-preloader .circle-border .moving-circle:nth-child(3) {
	width: 10px;
	height: 10px;
	background: var(--primary-color2);
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.5s linear infinite;
	animation: circle 2.5s linear infinite
}

@keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

.home3preloader .egns-preloader {
	position: fixed !important;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.home3preloader .egns-preloader::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1
}

.home3preloader .egns-preloader .circle-border {
	width: 100%;
	max-width: 140px;
	height: 100%;
	max-height: 140px;
	border: 0 solid #a044ff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.home3preloader .egns-preloader .circle-border svg {
	fill: #a044ff
}

.home3preloader .egns-preloader .circle-border svg path {
	stroke: #a044ff
}

.home3preloader .egns-preloader .circle-border .moving-circle {
	width: 10px;
	height: 10px;
	background: #a044ff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2s linear infinite;
	animation: circle 2s linear infinite
}

.home3preloader .egns-preloader .circle-border .moving-circle:nth-child(2) {
	width: 10px;
	height: 10px;
	background: #a044ff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.25s linear infinite;
	animation: circle 2.25s linear infinite
}

.home3preloader .egns-preloader .circle-border .moving-circle:nth-child(3) {
	width: 10px;
	height: 10px;
	background: #a044ff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.5s linear infinite;
	animation: circle 2.5s linear infinite
}

@keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

.home4preloader .egns-preloader {
	position: fixed !important;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.home4preloader .egns-preloader::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1
}

.home4preloader .egns-preloader .circle-border {
	width: 100%;
	max-width: 140px;
	height: 100%;
	max-height: 140px;
	border: 0 solid #27ae60;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.home4preloader .egns-preloader .circle-border svg {
	fill: #27ae60
}

.home4preloader .egns-preloader .circle-border svg path {
	stroke: #27ae60
}

.home4preloader .egns-preloader .circle-border .moving-circle {
	width: 10px;
	height: 10px;
	background: #27ae60;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2s linear infinite;
	animation: circle 2s linear infinite
}

.home4preloader .egns-preloader .circle-border .moving-circle:nth-child(2) {
	width: 10px;
	height: 10px;
	background: #27ae60;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.25s linear infinite;
	animation: circle 2.25s linear infinite
}

.home4preloader .egns-preloader .circle-border .moving-circle:nth-child(3) {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.5s linear infinite;
	animation: circle 2.5s linear infinite
}

@keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

.home5preloader .egns-preloader {
	position: fixed !important;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.home5preloader .egns-preloader::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1
}

.home5preloader .egns-preloader .circle-border {
	width: 100%;
	max-width: 140px;
	height: 100%;
	max-height: 140px;
	border: 0 solid #ff7342;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.home5preloader .egns-preloader .circle-border svg {
	fill: #ff7342
}

.home5preloader .egns-preloader .circle-border svg path {
	stroke: #ff7342
}

.home5preloader .egns-preloader .circle-border .moving-circle {
	width: 10px;
	height: 10px;
	background: #ff7342;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2s linear infinite;
	animation: circle 2s linear infinite
}

.home5preloader .egns-preloader .circle-border .moving-circle:nth-child(2) {
	width: 10px;
	height: 10px;
	background: #ff7342;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.25s linear infinite;
	animation: circle 2.25s linear infinite
}

.home5preloader .egns-preloader .circle-border .moving-circle:nth-child(3) {
	width: 10px;
	height: 10px;
	background: #ff7342;
	background: #ff7342;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	-webkit-animation: circle 2.5s linear infinite;
	animation: circle 2.5s linear infinite
}

@keyframes circle {
	0% {
		transform: rotate(0deg) translate(-70px) rotate(0deg)
	}

	100% {
		transform: rotate(360deg) translate(-70px) rotate(-360deg)
	}
}

#outline {
	stroke-dasharray: 2.427766571px, 242.7766571045px;
	stroke-dashoffset: 0;
	-webkit-animation: anim 1.6s linear infinite;
	animation: anim 1.6s linear infinite
}

@-webkit-keyframes anim {
	12.5% {
		stroke-dasharray: 33.9887319946px, 242.7766571045px;
		stroke-dashoffset: -26.7054322815px
	}

	43.75% {
		stroke-dasharray: 84.9718299866px, 242.7766571045px;
		stroke-dashoffset: -84.9718299866px
	}

	100% {
		stroke-dasharray: 2.427766571px, 242.7766571045px;
		stroke-dashoffset: -240.3488905334px
	}
}

@keyframes anim {
	12.5% {
		stroke-dasharray: 33.9887319946px, 242.7766571045px;
		stroke-dashoffset: -26.7054322815px
	}

	43.75% {
		stroke-dasharray: 84.9718299866px, 242.7766571045px;
		stroke-dashoffset: -84.9718299866px
	}

	100% {
		stroke-dasharray: 2.427766571px, 242.7766571045px;
		stroke-dashoffset: -240.3488905334px
	}
}

.pagination-wrap .page-item.active .page-link {
	z-index: 3;
	color: var(--white);
	background-color: var(--primary-color1);
	border-color: var(--primary-color1)
}

.pagination-wrap .pagination {
	margin: 0
}

.pagination-wrap .page-link {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--white);
	border-radius: 5px;
	transition: .42s ease;
	border: 1px solid rgba(41, 43, 49, .3);
	border-radius: 5px;
	color: rgba(41, 43, 49, .3);
	padding: 7px 10px
}

.pagination-wrap .page-link i {
	color: var(--text-primary);
	font-size: 17px;
	font-weight: 600;
	transition: .42s ease;
	vertical-align: middle
}

.pagination-wrap .page-link:focus {
	box-shadow: unset;
	color: var(--primary-color1);
	border-color: var(--primary-color1)
}

.pagination-wrap .page-link:hover {
	color: var(--primary-color1) !important
}

.pagination-wrap .page-link:hover i {
	color: var(--primary-color1)
}

.pagination-wrap .page-item.active .page-link {
	z-index: 3;
	color: var(--primary-color1)
}

.mobile-search {
	background: rgba(0, 0, 0, .85);
	box-shadow: 0 0 10px rgba(0, 0, 0, .09);
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	align-items: center;
	position: fixed;
	cursor: popoppins;
	transform: scale(0);
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .65s ease;
	padding: 35px 100px
}

@media(max-width:767px) {
	.mobile-search {
		padding: 20px
	}
}

.mobile-search label {
	color: #fff;
	margin-bottom: 20px
}

.mobile-search.slide {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.mobile-search input,
.mobile-search .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .mobile-search textarea,
.mobile-search form.style-1 .form-inner textarea,
form.style-1 .form-inner .mobile-search textarea {
	border: none;
	border-radius: unset;
	padding-left: 0;
	padding-bottom: 5px;
	width: 100%;
	background: 0 0;
	transition: .3s ease-in-out;
	color: #fff;
	margin-bottom: 20px
}

.mobile-search input:focus,
.mobile-search .contact-from-wrapper .form-inner textarea:focus,
.contact-from-wrapper .form-inner .mobile-search textarea:focus,
.mobile-search form.style-1 .form-inner textarea:focus,
form.style-1 .form-inner .mobile-search textarea:focus {
	border-bottom: 1px solid #fff
}

.mobile-search .search-cross-btn {
	color: #fff;
	cursor: popoppins;
	background: rgba(var(--primary-color1), 0.6);
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	line-height: 43px;
	transition: .5s ease
}

.mobile-search .search-cross-btn:hover {
	background: var(--primary-color1);
	color: #fff
}

.mobile-search .search-cross-btn i {
	font-size: 25px;
	cursor: pointer
}

.mobile-menu-form {
	margin-top: 50px
}

.mobile-menu-form input,
.mobile-menu-form .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .mobile-menu-form textarea,
.mobile-menu-form form.style-1 .form-inner textarea,
form.style-1 .form-inner .mobile-menu-form textarea {
	width: 100%;
	padding: 10px 15px;
	background-color: var(--white);
	margin-bottom: 15px;
	outline: none;
	border-radius: 5px
}

.mobile-menu-form input::-moz-placeholder,
.mobile-menu-form .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .mobile-menu-form textarea::-moz-placeholder,
.mobile-menu-form form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .mobile-menu-form textarea::-moz-placeholder {
	font-size: 12px
}

.mobile-menu-form input:-ms-input-placeholder,
.mobile-menu-form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .mobile-menu-form textarea:-ms-input-placeholder,
.mobile-menu-form form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .mobile-menu-form textarea:-ms-input-placeholder {
	font-size: 12px
}

.mobile-menu-form input::placeholder,
.mobile-menu-form .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .mobile-menu-form textarea::placeholder,
.mobile-menu-form form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .mobile-menu-form textarea::placeholder {
	font-size: 12px
}

.mobile-menu-form input.style-capsule,
.mobile-menu-form .contact-from-wrapper .form-inner textarea.style-capsule,
.contact-from-wrapper .form-inner .mobile-menu-form textarea.style-capsule,
.mobile-menu-form form.style-1 .form-inner textarea.style-capsule,
form.style-1 .form-inner .mobile-menu-form textarea.style-capsule {
	border-radius: 30px
}

.mobile-menu-form button {
	outline: none;
	border: none;
	padding: 10px
}

.mobile-menu-form.style-2 input,
.mobile-menu-form.style-2 .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .mobile-menu-form.style-2 textarea,
.mobile-menu-form.style-2 form.style-1 .form-inner textarea,
form.style-1 .form-inner .mobile-menu-form.style-2 textarea {
	border-radius: 30px
}

.phone-call2 .number {
	text-align: left
}

.phone-call2 .number span {
	display: inline-block;
	color: var(--text-color2);
	font-family: var(--font-exo);
	font-size: 12px;
	font-weight: 500
}

.phone-call2 .number h5 {
	margin-bottom: 0;
	margin-top: -7px;
	white-space: nowrap
}

.phone-call2 .number h5 a {
	color: var(--text-color1);
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0
}

.topbar {
	background: #202338;
	width: 100%;
	padding: 15px 0;
	position: relative;
	z-index: 999
}

.topbar .topbar-left .topbar-info-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px
}

.topbar .topbar-left .topbar-info-list li {
	font-size: 14px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.topbar .topbar-left .topbar-info-list li i {
	color: var(--primary-color1);
	margin-right: 5px
}

.topbar .topbar-right-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px
}

.topbar .topbar-right-list li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	transition: all .35s ease;
	font-size: 14px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.topbar .topbar-right-list li span,
.topbar .topbar-right-list li a {
	font-size: 14px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	transition: all .35s ease
}

.topbar .topbar-right-list li:hover {
	color: var(--primary-color1)
}

.topbar .topbar-right-list li:hover span,
.topbar .topbar-right-list li:hover a {
	color: inherit
}

.topbar .topbar-right-list li:hover .topbar-sublist {
	opacity: 1;
	transform: translateY(0px);
	visibility: visible
}

.topbar .topbar-right-list li>img {
	margin-left: 15px;
	width: 20px;
	height: 20px;
	margin-top: 2px
}

.topbar .topbar-right-list li .topbar-sublist {
	position: absolute;
	top: 35px;
	left: -10px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #202338;
	min-width: 120px;
	height: auto;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, .1);
	opacity: 0;
	transform: translateY(5px);
	transition: all .6s ease;
	visibility: hidden
}

.topbar .topbar-right-list li .topbar-sublist li {
	padding: 8px 12px
}

.topbar .topbar-right-list li .topbar-sublist li img {
	margin-left: 15px;
	width: 20px
}

header.style-1 {
	background-color: transparent;
	width: 100%;
	z-index: 8;
	padding: 0 6%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-1 {
		padding: 0 5%
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-1 {
		padding: 0 4%
	}
}

@media(min-width:768px)and (max-width:991px) {
	header.style-1 {
		padding: 0 4%;
		top: 0
	}
}

@media(max-width:767px) {
	header.style-1 {
		top: 0;
		padding: 0 4%
	}
}

header.style-1.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: var(--text-primary);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@-webkit-keyframes smooth-header {
	0% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes smooth-header {
	0% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0px)
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-1 .header-logo {
		padding: 21px 0
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-1 .header-logo {
		padding: 21px 0
	}
}

@media(max-width:991px) {
	header.style-1 .header-logo {
		padding: 21px 0
	}
}

header.style-1 .header-logo img {
	min-width: 120px;
	max-width: 100%
}

@media(max-width:767px) {
	header.style-1 .header-logo img {
		min-width: 90px
	}
}

header.style-1 .main-nav {
	display: inline-block
}

header.style-1 .main-nav .mobile-menu-logo {
	display: none
}

header.style-1 .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

header.style-1 .main-nav ul>li {
	display: inline-block;
	position: relative;
	padding: 0 20px
}

header.style-1 .main-nav ul>li a {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	display: block;
	text-transform: capitalize;
	padding: 30px 0;
	position: relative;
	font-family: var(--font-work-sans);
	transition: all .5s ease-out 0s
}

header.style-1 .main-nav ul>li a:hover {
	color: var(--primary-color1)
}

header.style-1 .main-nav ul>li a.active {
	color: var(--primary-color1)
}

header.style-1 .main-nav ul>li i {
	width: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-style: normal;
	position: absolute;
	right: -8px;
	top: 33px;
	z-index: 999;
	cursor: pointer;
	display: none
}

header.style-1 .main-nav ul>li ul.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	min-width: 215px;
	background: #0b0f14;
	text-align: left;
	transition: all .5s ease-out 0s;
	transform: translateY(20px)
}

header.style-1 .main-nav ul>li ul.sub-menu>li {
	padding: 0 10px;
	padding: 0;
	display: block;
	position: relative
}

header.style-1 .main-nav ul>li ul.sub-menu>li i {
	position: absolute;
	top: 10px;
	right: 6px;
	display: block
}

header.style-1 .main-nav ul>li ul.sub-menu>li a {
	display: block;
	padding: 15px;
	color: #fff;
	font-weight: 300;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out 0s
}

header.style-1 .main-nav ul>li ul.sub-menu>li a:hover {
	color: var(--primary-color1);
	margin-left: 10px
}

header.style-1 .main-nav ul>li ul.sub-menu>li a.active {
	color: var(--primary-color1)
}

header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu {
	left: 215px;
	position: absolute;
	max-width: 230px;
	min-width: 215px;
	background: #0b0f14;
	top: 0
}

@media only screen and (max-width:1199px) {
	header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu {
		margin-left: 10px;
		position: unset;
		max-width: 230px;
		min-width: 215px;
		background: 0 0;
		top: 0
	}
}

header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu li i {
	display: block
}

header.style-1 .main-nav ul>li ul.sub-menu>li:last-child {
	border-bottom: none
}

header.style-1 .main-nav ul>li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

header.style-1 .main-nav ul li.menu-item-has-children>i {
	display: block
}

@media only screen and (max-width:1199px) {
	header.style-1 .main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		padding: 30px 20px !important;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		background: var(--text-primary);
		transform: translateX(-100%);
		transition: transform .3s ease-in
	}

	header.style-1 .main-nav.show-menu {
		transform: translateX(0)
	}

	header.style-1 .main-nav .mobile-menu-logo {
		text-align: left;
		padding-top: 20px;
		display: block;
		padding-bottom: 8px
	}

	header.style-1 .main-nav ul {
		float: none;
		text-align: left;
		padding: 35px 10px 10px 0
	}

	header.style-1 .main-nav ul li {
		display: block;
		position: relative;
		padding: 0 5px
	}

	header.style-1 .main-nav ul li i {
		display: block
	}

	header.style-1 .main-nav ul li a {
		padding: 10px 0;
		display: block;
		font-weight: 300
	}

	header.style-1 .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		transform: translateY(0px)
	}

	header.style-1 .main-nav ul li .bi {
		top: 12px;
		font-size: 16px
	}

	header.style-1 .mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}

	header.style-1 .cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 22px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}

	header.style-1 .cross-btn span {
		width: 100%;
		height: 2px;
		background: var(--primary-color1);
		display: block;
		position: absolute;
		right: 0;
		transition: all .3s
	}

	header.style-1 .cross-btn .cross-top {
		top: 0
	}

	header.style-1 .cross-btn .cross-middle {
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	header.style-1 .cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}

	header.style-1 .cross-btn.h-active span.cross-top {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}

	header.style-1 .cross-btn.h-active span.cross-middle {
		transform: translateX(-30px);
		opacity: 0
	}

	header.style-1 .cross-btn.h-active span.cross-bottom {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}
}

.phone-call .icon {
	margin-right: 10px
}

.phone-call .icon svg {
	fill: var(--white)
}

.phone-call .number span {
	font-size: 14px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.phone-call .number h5 {
	white-space: nowrap;
	margin-bottom: 0
}

.phone-call .number h5 a {
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.phone-call.sibling2 svg {
	fill: var(--text-primary)
}

.phone-call.sibling2 .number {
	margin-top: -5px
}

.phone-call.sibling2 .number span {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.phone-call.sibling2 .number h5 {
	white-space: nowrap
}

.phone-call.sibling2 .number h5 a {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.phone-call.sibling3 {
	margin-right: 30px
}

.phone-call.sibling3:hover svg {
	fill: var(--primary-color3)
}

.phone-call.sibling3 svg {
	fill: var(--text-primary);
	transition: all .4s ease
}

.phone-call.sibling3 .number span {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.phone-call.sibling3 .number h5 {
	white-space: nowrap
}

.phone-call.sibling3 .number h5 a {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.phone-call.sibling4 {
	margin-right: 20px
}

.phone-call.sibling4:hover svg {
	fill: var(--primary-color2)
}

.phone-call.sibling4 svg {
	fill: var(--text-primary);
	transition: all .4s ease
}

.phone-call.sibling4 .number span {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.phone-call.sibling4 .number h5 {
	white-space: nowrap
}

.phone-call.sibling4 .number h5 a {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.header-social-area {
	position: relative;
	padding-right: 20px;
	padding-left: 9%
}

.header-social-area::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 20px;
	width: 1px;
	background-color: var(--white)
}

@media(max-width:1199px) {
	.header-social-area::after {
		content: unset
	}
}

.header-social-area ul.header-social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	gap: 25px
}

.header-social-area ul.header-social li a i {
	font-size: 18px;
	font-weight: 500;
	color: Var(--white);
	transition: all .35s ease
}

.header-social-area ul.header-social li a i:hover {
	color: var(--primary-color1)
}

.header-social-area.sibling-2 ul.header-social {
	gap: 20px
}

.header-social-area.sibling-2 ul.header-social li a i {
	font-size: 18px;
	font-weight: 500;
	color: Var(--text-primary);
	transition: all .35s ease
}

.header-social-area.sibling-2 ul.header-social li a i:hover {
	color: var(--primary-color2)
}

.sidebar-btn,
.mobile-menu-btn {
	cursor: pointer
}

.sidebar-btn i,
.mobile-menu-btn i {
	font-size: 25px;
	color: var(--white);
	font-weight: 600
}

header.style-2 {
	background-color: var(--white);
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 3px 3px 30px rgba(32, 35, 56, .06)
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-2 {
		padding: 0 2%
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-2 {
		padding: 0 2%
	}
}

@media(min-width:768px)and (max-width:991px) {
	header.style-2 {
		padding: 0 4%;
		top: 0
	}
}

@media(max-width:767px) {
	header.style-2 {
		top: 0;
		padding: 0 4%
	}
}

header.style-2.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: var(--white);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@keyframes smooth-header {
	0% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0px)
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-2 .header-logo {
		padding: 21px 0
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-2 .header-logo {
		padding: 15px 0
	}
}

@media(max-width:991px) {
	header.style-2 .header-logo {
		padding: 15px 0
	}
}

header.style-2 .header-logo img {
	min-width: 120px;
	max-width: 100%
}

header.style-2 .main-nav {
	display: inline-block
}

header.style-2 .main-nav .mobile-menu-logo {
	display: none
}

header.style-2 .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

header.style-2 .main-nav ul li {
	display: inline-block;
	position: relative;
	padding: 0 20px
}

header.style-2 .main-nav ul li a {
	font-size: 18px;
	color: var(--text-primary);
	font-weight: 500;
	display: block;
	text-transform: capitalize;
	padding: 30px 0;
	position: relative;
	font-family: var(--font-work-sans);
	transition: all .5s ease-out 0s;
	position: relative
}

header.style-2 .main-nav ul li a:hover {
	color: var(--primary-color1)
}

header.style-2 .main-nav ul li a:hover:after {
	opacity: 1;
	width: 100%
}

header.style-2 .main-nav ul li a::after {
	content: "";
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 0%;
	height: 2px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color1), transparent);
	opacity: 0;
	transition: all .5s ease-out 0s
}

header.style-2 .main-nav ul li a.active {
	color: var(--primary-color1)
}

header.style-2 .main-nav ul li i {
	width: 30px;
	font-size: 14px;
	text-align: center;
	color: var(--text-primary);
	font-style: normal;
	position: absolute;
	right: -8px;
	top: 35px;
	z-index: 999;
	cursor: pointer;
	display: none
}

header.style-2 .main-nav ul li ul.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	min-width: 215px;
	background: #0b0f14;
	text-align: left;
	transition: all .55s ease-in-out;
	transform: translateY(20px)
}

header.style-2 .main-nav ul li ul.sub-menu>li {
	padding: 0;
	display: block;
	border-bottom: 1px solid rgba(56, 56, 56, .5);
	position: relative
}

header.style-2 .main-nav ul li ul.sub-menu>li i {
	position: absolute;
	top: 10px;
	right: 6px;
	display: block;
	color: var(--white)
}

header.style-2 .main-nav ul li ul.sub-menu>li a {
	display: block;
	padding: 15px;
	color: #fff;
	font-weight: 300;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out 0s;
	position: relative
}

header.style-2 .main-nav ul li ul.sub-menu>li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color1), transparent);
	transition: all .5s ease-in-out
}

header.style-2 .main-nav ul li ul.sub-menu>li a:hover {
	color: var(--primary-color1)
}

header.style-2 .main-nav ul li ul.sub-menu>li a:hover:after {
	width: 100%
}

header.style-2 .main-nav ul li ul.sub-menu>li a.active {
	color: var(--primary-color1)
}

header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu {
	left: 215px;
	position: absolute;
	max-width: 230px;
	min-width: 215px;
	background: #0b0f14;
	top: 0
}

@media only screen and (max-width:1199px) {
	header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu {
		margin-left: 10px;
		position: unset;
		max-width: 230px;
		min-width: 215px;
		background: 0 0;
		top: 0
	}
}

header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu li i {
	display: block
}

header.style-2 .main-nav ul li ul.sub-menu>li:last-child {
	border-bottom: none
}

header.style-2 .main-nav ul li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

header.style-2 .main-nav ul li.menu-item-has-children>i {
	display: block
}

@media only screen and (max-width:991px) {
	header.style-2 .main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		padding: 30px 20px !important;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		background: var(--white);
		transform: translateX(-100%);
		transition: transform .3s ease-in;
		box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
	}

	header.style-2 .main-nav.show-menu {
		transform: translateX(0)
	}

	header.style-2 .main-nav .mobile-menu-logo {
		text-align: left;
		padding-top: 20px;
		display: block;
		padding-bottom: 8px
	}

	header.style-2 .main-nav ul {
		float: none;
		text-align: left;
		padding: 35px 10px 10px 0
	}

	header.style-2 .main-nav ul li {
		display: block;
		position: relative;
		padding: 0 5px
	}

	header.style-2 .main-nav ul li i {
		display: block
	}

	header.style-2 .main-nav ul li a {
		padding: 10px 0;
		display: block;
		font-weight: 500;
		font-size: 18px
	}

	header.style-2 .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		transform: translateY(0px)
	}

	header.style-2 .main-nav ul li ul.sub-menu>li {
		border-bottom: 1px solid transparent
	}

	header.style-2 .main-nav ul li ul.sub-menu>li a {
		color: var(--text-primary);
		font-size: 17px;
		font-weight: 500
	}

	header.style-2 .main-nav ul li ul.sub-menu>li a:hover {
		color: var(--primary-color1);
		margin-left: 10px
	}

	header.style-2 .main-nav ul li ul.sub-menu>li a.active {
		color: var(--primary-color1)
	}

	header.style-2 .main-nav ul li ul.sub-menu>li i {
		color: var(--text-primary);
		right: -13px
	}

	header.style-2 .main-nav ul li .bi {
		top: 12px;
		font-size: 16px
	}

	header.style-2 .mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}

	header.style-2 .cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 22px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}

	header.style-2 .cross-btn span {
		width: 100%;
		height: 2px;
		background: var(--primary-color1);
		display: block;
		position: absolute;
		right: 0;
		transition: all .3s
	}

	header.style-2 .cross-btn .cross-top {
		top: 0
	}

	header.style-2 .cross-btn .cross-middle {
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	header.style-2 .cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}

	header.style-2 .cross-btn.h-active span.cross-top {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}

	header.style-2 .cross-btn.h-active span.cross-middle {
		transform: translateX(-30px);
		opacity: 0
	}

	header.style-2 .cross-btn.h-active span.cross-bottom {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}
}

header.style-4 {
	background-color: var(--white);
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 3px 3px 30px rgba(32, 35, 56, .06)
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-4 {
		padding: 0 2%
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-4 {
		padding: 0 2%
	}
}

@media(min-width:768px)and (max-width:991px) {
	header.style-4 {
		padding: 0 4%;
		top: 0
	}
}

@media(max-width:767px) {
	header.style-4 {
		top: 0;
		padding: 0 4%
	}
}

header.style-4.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: var(--white);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@keyframes smooth-header {
	0% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0px)
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-4 .header-logo {
		padding: 0px 0
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-4 .header-logo {
		padding: 15px 0
	}
}

@media(max-width:991px) {
	header.style-4 .header-logo {
		padding:  0
	}
}

header.style-4 .header-logo img {
	max-width: 100%;
	padding: 5px 0;
    max-width: 90px;
}

header.style-4 .main-nav {
	display: inline-block
}

header.style-4 .main-nav .mobile-menu-logo {
	display: none
}

header.style-4 .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

header.style-4 .main-nav ul li {
	display: inline-block;
	position: relative;
	padding: 0 15px
}

header.style-4 .main-nav ul li a {
	font-size: 18px;
	color: var(--text-primary);
	font-weight: 500;
	display: block;
	text-transform: capitalize;
	padding: 30px 0;
	position: relative;
	font-family: var(--font-work-sans);
	transition: all .5s ease-out 0s;
	position: relative
}

header.style-4 .main-nav ul li a:hover {
	color: var(--primary-color2)
}

header.style-4 .main-nav ul li a:hover:after {
	opacity: 1;
	width: 100%
}

header.style-4 .main-nav ul li a::after {
	content: "";
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 0%;
	height: 2px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color2), transparent);
	opacity: 0;
	transition: all .5s ease-out 0s
}

header.style-4 .main-nav ul li a.active {
	color: var(--primary-color2)
}

header.style-4 .main-nav ul li i {
	width: 30px;
	font-size: 14px;
	text-align: center;
	color: var(--text-primary);
	font-style: normal;
	position: absolute;
	right: -8px;
	top: 35px;
	z-index: 999;
	cursor: pointer;
	display: none
}

header.style-4 .main-nav ul li ul.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	min-width: 440px;
	background: #0b0f14;
	text-align: left;
	transition: all .55s ease-in-out;
	transform: translateY(20px)
}


#small-size{
   width:160px !important; 
}

header.style-4 .main-nav ul li ul.sub-menu>li {
	padding: 0;
	display: block;
	border-bottom: 1px solid rgba(56, 56, 56, .5);
	position: relative
}

header.style-4 .main-nav ul li ul.sub-menu>li i {
	position: absolute;
	top: 10px;
	right: 6px;
	display: block;
	color: var(--white)
}

header.style-4 .main-nav ul li ul.sub-menu>li a {
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: 300;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out 0s;
	position: relative
}

header.style-4 .main-nav ul li ul.sub-menu>li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color2), var(--primary-color2));
	transition: all .5s ease-in-out
}

header.style-4 .main-nav ul li ul.sub-menu>li a:hover {
	color: var(--primary-color2)
}

header.style-4 .main-nav ul li ul.sub-menu>li a:hover:after {
	width: 100%
}

header.style-4 .main-nav ul li ul.sub-menu>li a.active {
	color: var(--primary-color2)
}

header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu {
	left: 215px;
	position: absolute;
	max-width: 230px;
	min-width: 215px;
	background: #0b0f14;
	top: 0
}

@media only screen and (max-width:1199px) {
	header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu {
		margin-left: 10px;
		position: unset;
		max-width: 230px;
		min-width: 215px;
		background: 0 0;
		top: 0
	}
}

header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu li i {
	display: block
}

header.style-4 .main-nav ul li ul.sub-menu>li:last-child {
	border-bottom: none
}

header.style-4 .main-nav ul li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

header.style-4 .main-nav ul li.menu-item-has-children>i {
	display: block
}

@media only screen and (max-width:991px) {
	header.style-4 .main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		padding: 30px 20px !important;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		background: var(--white);
		transform: translateX(-100%);
		transition: transform .3s ease-in;
		box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
	}

	header.style-4 .main-nav.show-menu {
		transform: translateX(0)
	}

	header.style-4 .main-nav .mobile-menu-logo {
		text-align: left;
		padding-top: 20px;
		display: block;
		padding-bottom: 8px
	}

	header.style-4 .main-nav ul {
		float: none;
		text-align: left;
		padding: 35px 10px 10px 0
	}

	header.style-4 .main-nav ul li {
		display: block;
		position: relative;
		padding: 0 5px
	}

	header.style-4 .main-nav ul li i {
		display: block
	}

	header.style-4 .main-nav ul li a {
		padding: 10px 0;
		display: block;
		font-weight: 500;
		font-size: 18px
	}

	header.style-4 .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		transform: translateY(0px)
	}

	header.style-4 .main-nav ul li ul.sub-menu>li {
		border-bottom: 1px solid transparent
	}

	header.style-4 .main-nav ul li ul.sub-menu>li a {
		color: var(--text-primary);
		font-size: 17px;
		font-weight: 500
	}

	header.style-4 .main-nav ul li ul.sub-menu>li a:hover {
		color: var(--primary-color2);
		margin-left: 10px
	}

	header.style-4 .main-nav ul li ul.sub-menu>li a.active {
		color: var(--primary-color2)
	}

	header.style-4 .main-nav ul li ul.sub-menu>li i {
		color: var(--text-primary);
		right: -20px
	}

	header.style-4 .main-nav ul li .bi {
		top: 12px;
		font-size: 16px
	}

	header.style-4 .mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}

	header.style-4 .cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 22px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}

	header.style-4 .cross-btn span {
		width: 100%;
		height: 2px;
		background: var(--primary-color2);
		display: block;
		position: absolute;
		right: 0;
		transition: all .3s
	}

	header.style-4 .cross-btn .cross-top {
		top: 0
	}

	header.style-4 .cross-btn .cross-middle {
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	header.style-4 .cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}

	header.style-4 .cross-btn.h-active span.cross-top {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}

	header.style-4 .cross-btn.h-active span.cross-middle {
		transform: translateX(-30px);
		opacity: 0
	}

	header.style-4 .cross-btn.h-active span.cross-bottom {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}
}

header.style-3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 5%
}

.page-wrapper {
	width: 100%
}

.page-wrapper .main-content-area {
	width: calc(100% - 230px);
	margin-left: auto
}

@media(min-width:1200px)and (max-width:1399px) {
	.page-wrapper .main-content-area {
		width: calc(100% - 220px)
	}
}

@media(max-width:1199px) {
	.page-wrapper .main-content-area {
		width: 100%
	}
}

.main-nav-wrapper {
	transition: all .3s ease-in
}

.main-nav-wrapper .mobile-logo-area {
	padding: 0 25px
}

.main-nav-wrapper .main-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 230px;
	padding: 20px 0 !important;
	z-index: 99;
	height: 100%;
	overflow: auto;
	background: var(--white);
	transform: translateX(0);
	box-shadow: 4px 3px 20px rgba(16, 33, 34, .06);
	transition: all .3s ease-in;
	transition: all .3s ease-in;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.main-nav-wrapper .main-nav::-webkit-scrollbar {
	width: 5px
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-track {
	background: #f1f1f1
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb {
	background: #999
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb:hover {
	background: var(--border-color)
}

@media(min-width:1200px)and (max-width:1399px) {
	.main-nav-wrapper .main-nav {
		width: 220px
	}
}

@media(max-width:1199px) {
	.main-nav-wrapper .main-nav {
		transform: translateX(-100%);
		width: 260px
	}
}

.main-nav-wrapper .main-nav .menu-close-btn {
	position: absolute;
	right: 30px;
	top: 30px;
	opacity: 0
}

@media(max-width:1199px) {
	.main-nav-wrapper .main-nav .menu-close-btn {
		opacity: 1
	}
}

.main-nav-wrapper .main-nav>ul {
	float: none;
	text-align: left;
	padding: 50px 0
}

@media(min-width:1200px)and (max-width:1399px) {
	.main-nav-wrapper .main-nav>ul {
		padding: 45px 0
	}
}

@media(max-width:767px) {
	.main-nav-wrapper .main-nav>ul {
		padding: 40px 0
	}
}

.main-nav-wrapper .main-nav>ul li {
	display: block;
	position: relative;
	padding: 8px 5px;
	border-bottom: 1px solid #f3f3ff;
	transition: all .55s ease
}

.main-nav-wrapper .main-nav>ul li:last-child {
	border-bottom: 1px solid transparent
}

.main-nav-wrapper .main-nav>ul li>.bi {
	position: absolute;
	right: 25px;
	top: 23px !important;
	font-weight: 700;
	cursor: pointer
}

.main-nav-wrapper .main-nav>ul li a {
	padding: 10px 20px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-jost);
	transition: all .4s ease
}

.main-nav-wrapper .main-nav>ul li a:hover {
	color: #ac9004
}

@media(min-width:1200px)and (max-width:1399px) {
	.main-nav-wrapper .main-nav>ul li a {
		padding: 10px;
		font-size: 18px;
		font-weight: 500;
		color: var(--text-primary)
	}
}

.main-nav-wrapper .main-nav>ul li a img {
	margin-right: 8px
}

@media(min-width:1200px)and (max-width:1399px) {
	.main-nav-wrapper .main-nav>ul li a img {
		margin-right: 5px
	}
}

.main-nav-wrapper .main-nav>ul li ul.sub-menu {
	position: static;
	min-width: 180px;
	background: 0 0;
	border: none;
	opacity: 1;
	visibility: visible;
	box-shadow: none;
	transform: none;
	transition: none;
	display: none;
	margin-top: 0 !important;
	transform: translateY(0px);
	list-style: none;
	padding-left: 10px
}

.main-nav-wrapper .main-nav>ul li ul.sub-menu li a {
	font-size: 16px;
	padding: 5px 15px
}

@media(min-width:1200px)and (max-width:1399px) {
	.main-nav-wrapper .main-nav>ul li ul.sub-menu li a {
		font-size: 16px
	}
}

.main-nav-wrapper .main-nav>ul li .bi {
	top: 12px;
	font-size: 16px
}

.main-nav-wrapper .main-nav.show-menu {
	transform: translateX(0%);
	opacity: 1
}

.main-nav-wrapper .uesr-aera {
	width: 70px;
	height: 70px;
	line-height: 72px;
	text-align: center;
	border-radius: 50%;
	background: var(--primary-color2);
	display: inline-block;
	margin-left: auto;
	margin-right: auto
}

.main-nav-wrapper .uesr-aera .bi {
	font-size: 35px;
	color: var(--text-primary)
}

.main-nav-wrapper .mobile-menu {
	position: relative;
	top: 2px;
	padding: 0 5px;
	border-radius: 50%;
	display: inline-block
}

header.style-5 {
	background-color: var(--white);
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 0 50px 0 130px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(min-width:1200px)and (max-width:1399px) {
	header.style-5 {
		padding: 0 50px 0 130px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	header.style-5 {
		padding: 0 50px 0 130px
	}
}

@media(min-width:768px)and (max-width:991px) {
	header.style-5 {
		padding: 0 4%;
		top: 0
	}
}

@media(max-width:767px) {
	header.style-5 {
		top: 0;
		padding: 0 4%
	}
}

header.style-5.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: var(--white);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@keyframes smooth-header {
	0% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0px)
	}
}

header.style-5 .header-logo {
	background-color: var(--white);
	width: 100%;
	max-width: 145px;
	position: relative;
	text-align: center
}

header.style-5 .header-logo::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 105px;
	border-radius: 0 0 50% 50%;
	background: var(--white);
	z-index: -1
}

@media(max-width:991px) {
	header.style-5 .header-logo::after {
		height: 95px
	}
}

header.style-5 .header-logo svg {
	width: 100%;
	max-width: 55px
}

header.style-5 .main-nav {
	display: inline-block
}

header.style-5 .main-nav .mobile-menu-logo {
	display: none
}

header.style-5 .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

header.style-5 .main-nav ul li {
	display: inline-block;
	position: relative;
	padding: 0 20px
}

header.style-5 .main-nav ul li a {
	font-size: 17px;
	color: var(--text-primary);
	font-weight: 500;
	display: block;
	padding: 30px 0;
	position: relative;
	font-family: var(--font-work-sans);
	transition: all .5s ease-out 0s
}

header.style-5 .main-nav ul li a:hover {
	color: var(--primary-color3)
}

header.style-5 .main-nav ul li a.active {
	color: var(--primary-color3)
}

header.style-5 .main-nav ul li i {
	width: 30px;
	font-size: 14px;
	text-align: center;
	color: var(--text-primary);
	font-style: normal;
	position: absolute;
	right: -8px;
	top: 35px;
	z-index: 999;
	cursor: pointer;
	display: none
}

header.style-5 .main-nav ul li ul.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	min-width: 215px;
	background: var(--white);
	text-align: left;
	transition: all .5s ease-out 0s;
	transform: translateY(20px);
	box-shadow: 2px 2px 15px 10px rgba(0, 0, 0, .03)
}

header.style-5 .main-nav ul li ul.sub-menu>li {
	padding: 0;
	display: block;
	border-bottom: 1px solid rgba(56, 56, 56, .1);
	position: relative
}

header.style-5 .main-nav ul li ul.sub-menu>li i {
	position: absolute;
	top: 15px;
	right: 6px;
	display: block
}

header.style-5 .main-nav ul li ul.sub-menu>li a {
	display: block;
	padding: 15px;
	color: var(--text-primary);
	font-weight: 400;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out 0s
}

header.style-5 .main-nav ul li ul.sub-menu>li a:hover {
	color: var(--primary-color3);
	margin-left: 10px
}

header.style-5 .main-nav ul li ul.sub-menu>li a.active {
	color: var(--primary-color3)
}

header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu {
	left: 215px;
	position: absolute;
	max-width: 230px;
	min-width: 215px;
	background: var(--white);
	top: 0
}

@media only screen and (max-width:1199px) {
	header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu {
		margin-left: 10px;
		position: unset;
		max-width: 230px;
		min-width: 215px;
		background: 0 0;
		top: 0
	}
}

header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu li i {
	display: block
}

header.style-5 .main-nav ul li ul.sub-menu>li:last-child {
	border-bottom: none
}

header.style-5 .main-nav ul li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

header.style-5 .main-nav ul li.menu-item-has-children>i {
	display: block
}

@media only screen and (max-width:1199px) {
	header.style-5 .main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		padding: 30px 20px !important;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		background: var(--white);
		transform: translateX(-100%);
		transition: transform .3s ease-in
	}

	header.style-5 .main-nav.show-menu {
		transform: translateX(0)
	}

	header.style-5 .main-nav .mobile-menu-logo {
		text-align: left;
		padding-top: 20px;
		display: block;
		padding-bottom: 8px
	}

	header.style-5 .main-nav ul {
		float: none;
		text-align: left;
		padding: 50px 10px 50px 0
	}

	header.style-5 .main-nav ul li {
		display: block;
		position: relative;
		padding: 0 5px
	}

	header.style-5 .main-nav ul li i {
		display: block
	}

	header.style-5 .main-nav ul li a {
		padding: 10px 0;
		display: block;
		font-weight: 400;
		color: var(--text-primary)
	}

	header.style-5 .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		transform: translateY(0px)
	}

	header.style-5 .main-nav ul li .bi {
		top: 12px;
		font-size: 16px
	}

	header.style-5 .mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}

	header.style-5 .cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 22px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}

	header.style-5 .cross-btn span {
		width: 100%;
		height: 2px;
		background: var(--primary-color1);
		display: block;
		position: absolute;
		right: 0;
		transition: all .3s
	}

	header.style-5 .cross-btn .cross-top {
		top: 0
	}

	header.style-5 .cross-btn .cross-middle {
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	header.style-5 .cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}

	header.style-5 .cross-btn.h-active span.cross-top {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}

	header.style-5 .cross-btn.h-active span.cross-middle {
		transform: translateX(-30px);
		opacity: 0
	}

	header.style-5 .cross-btn.h-active span.cross-bottom {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}
}

.swiper-slide-active span {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.swiper-slide-active h1 {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.swiper-slide-active h2 {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.swiper-slide-active p,
.swiper-slide-active .info-single .info-text a,
.info-single .info-text .swiper-slide-active a {
	-webkit-animation: fadeInUp 1.7s;
	animation: fadeInUp 1.7s
}

.swiper-slide-active .eg-btn {
	-webkit-animation: fadeInUp 1.7s;
	animation: fadeInUp 1.7s
}

.banner-section1 {
	min-height: 80vh;
	padding: 0 2%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.banner-section1 .banner-image2 {
	position: absolute;
	right: 1%;
	top: 4%
}

@media(max-width:991px) {
	.banner-section1 .banner-image2 {
		display: none;
		visibility: none
	}
}

@media(min-width:1400px)and (max-width:1599px) {
	.banner-section1 .banner-image2 {
		top: 8%
	}

	.banner-section1 .banner-image2 img {
		max-width: 430px
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-section1 .banner-image2 {
		top: 12%
	}

	.banner-section1 .banner-image2 img {
		max-width: 350px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.banner-section1 .banner-image2 {
		top: 22%
	}

	.banner-section1 .banner-image2 img {
		max-width: 250px
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-section1 {
		padding: 0 0%
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.banner-section1 {
		padding: 0 15px
	}
}

@media(max-width:991px) {
	.banner-section1 {
		min-height: auto;
		padding: 0
	}
}

@media(max-width:991px) {
	.banner-section1 {
		background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../images/bg/banner-image2.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center-top
	}
}

.banner-section1 .cloud-icon1 {
	position: absolute;
	top: 10%;
	left: 15%;
	opacity: .5
}

.banner-section1 .cloud-icon2 {
	position: absolute;
	top: 10%;
	left: 45%;
	opacity: .5
}

.banner-section1 .cloud {
	position: absolute;
	top: 30px;
	right: -500px;
	opacity: .9;
	animation: cloud 20s linear 0s infinite reverse;
	z-index: 9
}

.banner-section1 .cloud img {
	max-width: 90px;
	opacity: .6
}

@media(max-width:991px) {
	.banner-section1 .cloud img {
		max-width: 90px
	}
}

@-webkit-keyframes cloud {
	from {
		right: -500px
	}

	to {
		right: 102%
	}
}

@keyframes cloud {
	from {
		right: -500px
	}

	to {
		right: 102%
	}
}

.banner-section1 .banner-social-area {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: var(--white);
	padding-left: 25px
}

.banner-section1 .banner-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px
}

.banner-section1 .banner-social-list li {
	width: 30px;
	height: 30px;
	line-height: 27px;
	border: 1px solid var(--primary-color1-light);
	text-align: center;
	background-color: var(--white);
	transition: all .45s ease
}

.banner-section1 .banner-social-list li i {
	color: var(--primary-color1-light);
	transition: all .45s ease
}

.banner-section1 .banner-social-list li:hover {
	background-color: var(--primary-color1)
}

.banner-section1 .banner-social-list li:hover i {
	color: var(--white)
}

.banner-section1 .banner1-content {
	position: relative;
	text-align: center;
	z-index: 9;
	margin-left: auto;
	margin-right: auto;
	padding: 180px 30px
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-section1 .banner1-content {
		padding: 180px 25px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.banner-section1 .banner1-content {
		padding: 130px 15px
	}
}

@media(max-width:991px) {
	.banner-section1 .banner1-content {
		padding: 120px 10px
	}
}

.banner-section1 .banner1-content span {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--primary-color1);
	font-family: var(--font-satisfy);
	display: inline-block;
	margin-bottom: 8px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px
}

.banner-section1 .banner1-content span::after {
	content: url(../images/icons/fly-shape1.svg);
	position: absolute;
	right: -80px;
	top: 8px
}

@media(max-width:767px) {
	.banner-section1 .banner1-content span {
		font-size: 2rem;
		font-weight: 400;
		color: var(--primary-color1)
	}
}

.banner-section1 .banner1-content h1,
.banner-section1 .banner1-content h2 {
	font-size: 5.6rem;
	font-weight: 800;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 25px;
	line-height: 1.5;
	position: relative
}

@media(max-width:991px) {

	.banner-section1 .banner1-content h1,
	.banner-section1 .banner1-content h2 {
		color: var(--white)
	}
}

.banner-section1 .banner1-content h1::after,
.banner-section1 .banner1-content h2::after {
	content: url(../images/icons/banner-dot-vector.svg);
	position: absolute;
	right: -16px;
	top: -7px
}

@media(min-width:576px)and (max-width:768px) {

	.banner-section1 .banner1-content h1,
	.banner-section1 .banner1-content h2 {
		font-size: 5.8rem;
		font-weight: 700;
		color: var(--white)
	}
}

@media(max-width:576px) {

	.banner-section1 .banner1-content h1,
	.banner-section1 .banner1-content h2 {
		font-size: 4.6rem;
		font-weight: 700;
		color: var(--white);
		margin-bottom: 15px
	}
}

.banner-section1 .banner1-content p,
.banner-section1 .banner1-content .info-single .info-text a,
.info-single .info-text .banner-section1 .banner1-content a {
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--text-secondary);
	margin-bottom: 46px
}

@media(max-width:991px) {

	.banner-section1 .banner1-content p,
	.banner-section1 .banner1-content .info-single .info-text a,
	.info-single .info-text .banner-section1 .banner1-content a {
		color: #eefeef
	}
}

.banner-section1 .banner1-content .discover-btn {
	position: relative;
	z-index: 9;
	display: inline-block
}

.banner-section1 .banner1-content .discover-btn::before {
	content: url(../images/icons/fly-shape2.svg);
	position: absolute;
	left: -90%;
	top: 8px
}

.banner-section1 .banner-image1 {
	-webkit-animation: jumping 10s linear infinite alternate;
	animation: jumping 10s linear infinite alternate;
	margin-top: -90px
}

@-webkit-keyframes jumping {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-40px)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumping {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-40px)
	}

	100% {
		transform: translateY(0)
	}
}

.banner-section2 {
	position: relative
}

.banner-section2 .banner-form-container {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 2;
	pointer-events: none
}

.banner-section2 .banner-form-container .banner-form-box {
	pointer-events: auto
}

@media(max-width:991px) {
	.banner-section2 .banner-form-container {
		position: relative;
		transform: translateY(0)
	}

	.banner-section2 .banner-form-container::after {
		content: "";
		position: absolute;
		width: 150px;
		height: 150px;
		line-height: 150px;
		text-align: center;
		border-radius: 50%;
		background: var(--primary-color2);
		left: -20px;
		top: -20px;
		z-index: 1;
		-webkit-animation: move 6s linear infinite alternate;
		animation: move 6s linear infinite alternate
	}

	@-webkit-keyframes move {
		0% {
			transform: translateX(40%)
		}

		100% {
			transform: translateX(100%)
		}
	}

	@keyframes move {
		0% {
			transform: translateX(40%)
		}

		100% {
			transform: translateX(100%)
		}
	}
}

.banner-section2 .banner-form-wrapper {
	padding: 0 10px
}

@media(max-width:991px) {
	.banner-section2 .banner-form-wrapper {
		background: var(--text-primary);
		padding: 90px 10px
	}
}

.banner-section2 .swiper-slide {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

@media(max-width:991px) {
	.banner-section2 .swiper-slide {
		min-height: auto
	}
}



.banner-section2 .swiper-slide .banner-bg11 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
	-webkit-animation: zoomin 18s linear infinite alternate;
	animation: zoomin 18s linear infinite alternate
}

@-webkit-keyframes zoomin {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}

@keyframes zoomin {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}

.banner2-content {
	padding: 150px 15px;
	position: relative;
	z-index: 9
}

@media(max-width:767px) {
	.banner2-content {
		padding: 120px 15px
	}
}

.banner2-content span {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	display: inline-block;
	margin-bottom: 0;
	text-transform: uppercase
}

@media(max-width:767px) {
	.banner2-content span {
		font-size: 2rem;
		font-weight: 400;
		color: var(--primary-color2)
	}
}

.banner2-content h1,
.banner2-content h2 {
	font-size: 5.5rem;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 25px;
	line-height: 1.35
}

@media(max-width:767px) {

	.banner2-content h1,
	.banner2-content h2 {
		font-size: 5.8rem;
		font-weight: 700;
		color: var(--white)
	}
}

.banner2-content p,
.banner2-content .info-single .info-text a,
.info-single .info-text .banner2-content a {
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 46px
}

.banner3-content {
	padding: 120px 35px 120px 0;
	position: relative;
	z-index: 9
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner3-content {
		padding: 120px 15px 120px 0
	}
}

@media(max-width:991px) {
	.banner3-content {
		padding: 110px 0 60px
	}
}

.banner3-content span {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 2px
}

.banner3-content h1,
.banner3-content h2 {
	font-size: 6.5rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 25px;
	line-height: 1.35
}

@media(min-width:1200px)and (max-width:1399px) {

	.banner3-content h1,
	.banner3-content h2 {
		font-size: 5.5rem;
		font-weight: 700;
		color: var(--white)
	}
}

@media(max-width:767px) {

	.banner3-content h1,
	.banner3-content h2 {
		font-size: 5.8rem;
		font-weight: 700;
		color: var(--white)
	}
}

.banner3-content p,
.banner3-content .info-single .info-text a,
.info-single .info-text .banner3-content a {
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 46px
}

.banner4-content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 180px 20px;
	position: relative;
	z-index: 9;
	text-align: center
}

@media(max-width:767px) {
	.banner4-content {
		padding: 90px 20px
	}
}

.banner4-content span {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--primary-color1);
	font-family: var(--font-satisfy);
	display: inline-block;
	margin-bottom: 0;
	letter-spacing: 3px;
	text-transform: uppercase
}

.banner4-content h2 {
	font-size: 6.5rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.4
}

@media(max-width:767px) {
	.banner4-content h2 {
		font-size: 5.8rem;
		font-weight: 700;
		color: var(--white)
	}
}

.banner4-content p,
.banner4-content .info-single .info-text a,
.info-single .info-text .banner4-content a {
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 46px
}

.banner5-content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 120px 20px;
	position: relative;
	z-index: 9;
	text-align: center
}

@media(min-width:992px)and (max-width:1199px) {
	.banner5-content {
		padding: 160px 20px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.banner5-content {
		padding: 140px 20px
	}
}

@media(min-width:576px)and (max-width:768px) {
	.banner5-content {
		padding: 120px 20px
	}
}

@media(max-width:576px) {
	.banner5-content {
		padding: 120px 20px
	}
}

.banner5-content span {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase
}

@media(max-width:767px) {
	.banner5-content span {
		font-size: 2rem;
		font-weight: 400;
		color: var(--white)
	}
}

.banner5-content h2 {
	font-size: 7.5rem;
	font-weight: 800;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.3;
	margin-top: -10px
}

@media(max-width:767px) {
	.banner5-content h2 {
		font-size: 5.8rem;
		font-weight: 700;
		color: var(--white)
	}
}

.banner5-content p,
.banner5-content .info-single .info-text a,
.info-single .info-text .banner5-content a {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 46px
}

.banner-form-box {
	position: relative;
	z-index: 9;
	text-align: center;
	padding: 20px 30px;
	background: linear-gradient(152.97deg, rgba(32, 42, 55, 0.4) 0%, rgba(12, 25, 43, 0.2) 100%);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid rgba(144, 185, 86, .33);
	border-radius: 5px
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-form-box {
		padding: 40px 25px
	}
}

@media(max-width:576px) {
	.banner-form-box {
		padding: 40px 20px
	}
}

.banner-form-box h3 {
	font-size: 3rem;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px;
	line-height: 1.35
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-form-box h3 {
		font-size: 3rem
	}
}

@media(max-width:576px) {
	.banner-form-box h3 {
		font-size: 3rem
	}
}

.banner-form-box p,
.banner-form-box .info-single .info-text a,
.info-single .info-text .banner-form-box a {
	font-size: 17px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.banner-form-box .banner-form {
	margin-top: 10px
}

.banner-form-box .banner-form .searchbox-input {
	width: 100%
}

.banner-form-box .banner-form .searchbox-input input,
.banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea,
.banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea,
form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea {
	width: 100%;
	height: 50px;
	border: unset;
	background-color: #828286;
	padding-left: 10px;
	color: var(--white)
}

.banner-form-box .banner-form .searchbox-input input::-moz-placeholder,
.banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea::-moz-placeholder,
.banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea::-moz-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white)
}

.banner-form-box .banner-form .searchbox-input input:-ms-input-placeholder,
.banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder,
.banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white)
}

.banner-form-box .banner-form .searchbox-input input::placeholder,
.banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea::placeholder,
.banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea::placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white)
}

.banner-form-box .banner-form .search-box-single {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	margin-bottom: 30px;
	background: #828286;
	padding: 0 20px
}

@media(max-width:576px) {
	.banner-form-box .banner-form .search-box-single {
		padding: 0 12px
	}
}

.banner-form-box .banner-form .search-box-single .searchbox-icon svg {
	fill: var(--white)
}

.banner-form-box .nice-select {
	background-color: #828286;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	outline: none;
	position: relative;
	text-align: left !important;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	border-radius: 0;
	border: unset;
	padding-left: 10px
}

.banner-form-box .nice-select::after {
	border-bottom: 2px solid var(--white);
	border-right: 2px solid var(--white)
}

.banner-form-box .nice-select .option {
	min-height: 35px;
	line-height: 35px;
	font-size: 14px
}

.banner-form-box .nice-select .option:hover {
	background: var(--primary-color2);
	color: var(--text-primary)
}

.banner-form-box .nice-select .option.selected {
	background: var(--primary-color2) !important
}

.banner-form-box .nice-select .current {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white)
}

.banner-form-box .nice-select .list {
	border: unset;
	margin-top: 6px;
	z-index: 100;
	border-radius: 0;
	width: 100%;
	min-width: 80px
}

.banner-form-box.sibling-2 {
	background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(242, 170, 76, .3);
	margin-left: auto;
	margin-right: 0
}

@media(max-width:991px) {
	.banner-form-box.sibling-2 {
		margin: 0 auto;
		margin-bottom: 125px
	}
}

.banner-form-box.sibling-2 h3 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px
}

.banner-form-box.sibling-2 .banner-form .searchbox-input {
	width: 100%
}

.banner-form-box.sibling-2 .banner-form .searchbox-input input,
.banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea,
.banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea,
form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea {
	background-color: var(--white);
	padding-left: 10px
}

.banner-form-box.sibling-2 .banner-form .searchbox-input input::-moz-placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::-moz-placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::-moz-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-secondary)
}

.banner-form-box.sibling-2 .banner-form .searchbox-input input:-ms-input-placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea:-ms-input-placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea:-ms-input-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-secondary)
}

.banner-form-box.sibling-2 .banner-form .searchbox-input input::placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::placeholder,
.banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-secondary)
}

.banner-form-box.sibling-2 .banner-form .search-box-single {
	background: var(--white)
}

.banner-form-box.sibling-2 .banner-form .nice-select {
	background-color: var(--white)
}

.banner-form-box.sibling-2 .banner-form .nice-select .option:hover {
	background: var(--primary-color2);
	color: var(--text-primary)
}

.banner-form-box.sibling-2 .banner-form .nice-select .option.selected {
	background: var(--primary-color2) !important
}

.banner-form-box.sibling-2 .banner-form .nice-select .current {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-secondary)
}

.banner-form-box.sibling-2 .banner-form .search-box-single .searchbox-icon svg {
	fill: var(--text-secondary)
}

.sidebar-icon {
	width: 80px;
	height: 89px;
	line-height: 80px;
	background: var(--primary-color3);
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

@media(max-width:1199px) {
	.sidebar-icon {
		display: none;
		visibility: none
	}
}

.banner-section3 {
	position: relative;
	min-height: 95vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 40px
}

@media(max-width:991px) {
	.banner-section3 {
		min-height: auto
	}
}

.banner-section3:after {
	content: "";
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%
}

@media(max-width:576px) {
	.banner-section3 {
		padding: 0 15px
	}
}

.banner-section3 .banner-bg31 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.banner-section5 {
	position: relative
}

.banner-section5.sibling-2 .swiper {
	padding-right: 80px;
	padding-left: 0
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-section5.sibling-2 .swiper {
		padding-right: 60px
	}
}

@media(max-width:1199px) {
	.banner-section5.sibling-2 .swiper {
		padding-right: 0
	}
}

.banner-section5 .swiper {
	padding-left: 80px
}

@media(max-width:1199px) {
	.banner-section5 .swiper {
		padding-left: 0
	}
}

.banner-section5 .banner-social-area {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background: var(--white);
	width: 80px;
	z-index: 9
}

@media(max-width:1199px) {
	.banner-section5 .banner-social-area {
		display: none;
		visibility: none
	}
}

.banner-section5 .banner-social-area ul.banner-social {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column
}

.banner-section5 .banner-social-area ul.banner-social li {
	background: var(--white);
	padding: 5px
}

.banner-section5 .banner-social-area ul.banner-social li a i {
	font-size: 1.8rem;
	transition: all .35s ease-in;
	width: 35px;
	height: 35px;
	line-height: 34px;
	border-radius: 50%;
	border: 1px solid var(--text-primary);
	color: var(--text-primary);
	text-align: center
}

.banner-section5 .banner-social-area ul.banner-social li a:hover i {
	color: var(--white);
	border: 1px solid var(--primary-color3);
	background: var(--primary-color3)
}

.banner-section5 .banner-social-area.sibling-2 {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.banner-section5 .banner-social-area2 {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background: #050f0c;
	width: 80px;
	z-index: 9
}

@media(min-width:1200px)and (max-width:1399px) {
	.banner-section5 .banner-social-area2 {
		width: 60px
	}
}

@media(max-width:1199px) {
	.banner-section5 .banner-social-area2 {
		display: none;
		visibility: none
	}
}

.banner-section5 .banner-social-area2 ul.banner-social {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column
}

.banner-section5 .banner-social-area2 ul.banner-social li {
	padding: 5px
}

.banner-section5 .banner-social-area2 ul.banner-social li a i {
	font-size: 1.8rem;
	transition: all .35s ease-in;
	width: 35px;
	height: 35px;
	line-height: 34px;
	border-radius: 50%;
	border: 1px solid var(--white);
	color: var(--white);
	text-align: center
}

.banner-section5 .banner-social-area2 ul.banner-social li a:hover i {
	color: var(--white);
	border: 1px solid var(--primary-color1);
	background: var(--primary-color1)
}

.banner-section5 .banner-social-area2.sibling-2 {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.banner-section5 .swiper-slide {
	position: relative;
	z-index: 1;
	min-height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

@media(max-width:1199px) {
	.banner-section5 .swiper-slide {
		min-height: auto
	}
}

.banner-section5 .swiper-slide::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-image: linear-gradient(180deg, rgba(3, 0, 15, 0.8), transparent);
	z-index: 2
}

.banner-section5 .swiper-slide .banner-bg11 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
	-webkit-animation: zoomin 18s linear infinite alternate;
	animation: zoomin 18s linear infinite alternate
}

@keyframes zoomin {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

.inner-banner-section {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background-image: url(../images/bg/inner-banner-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 450px
}

@media(min-width:1200px)and (max-width:1399px) {
	.inner-banner-section {
		min-height: 500px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.inner-banner-section {
		min-height: 500px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.inner-banner-section {
		min-height: 500px
	}
}

@media(max-width:767px) {
	.inner-banner-section {
		min-height: 450px
	}
}

.inner-banner-section .inner-banner-vector {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	z-index: 9;
	width: 100%
}

@media(max-width:991px) {
	.inner-banner-section .inner-banner-vector {
		display: none;
		visibility: none
	}
}

.inner-banner-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3)
}

.inner-banner-section .breadcrumb-area {
	text-align: center;
	position: relative
}

.inner-banner-section .breadcrumb-area span {
	display: block;
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-transform: capitalize;
	margin-bottom: 5px;
	letter-spacing: 3px
}

.inner-banner-section .breadcrumb-area h2 {
	font-size: 4rem;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 0;
	line-height: 1.25;
	text-transform: capitalize
}

.inner-banner-section .breadcrumb-area .review-area {
	margin-top: 10px
}

.inner-banner-section .breadcrumb-area .review-area span {
	font-size: 2rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-merriw)
}

.inner-banner-section .breadcrumb-area .review-area .star-list li i {
	font-size: 14px;
	font-weight: 400;
	color: var(--white)
}

.inner-banner-section .breadcrumb-area .breadcrumb-meta-list {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	gap: 40px
}

@media(max-width:576px) {
	.inner-banner-section .breadcrumb-area .breadcrumb-meta-list {
		flex-wrap: wrap;
		gap: unset
	}
}

.inner-banner-section .breadcrumb-area .breadcrumb-meta-list li {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.inner-banner-section .breadcrumb-area .breadcrumb-meta-list li::marker {
	color: var(--primary-color1)
}

@media(max-width:576px) {
	.inner-banner-section .breadcrumb-area .breadcrumb-meta-list li {
		flex-wrap: wrap;
		margin: 5px 20px
	}
}

.inner-banner-section.sibling-2 {
	background-image: url(../images/bg/inner-banner-bg-2.png);
	background-size: cover;
	background-repeat: no-repeat
}

.inner-banner-section.sibling-2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3)
}

.searchbar-section {
	margin-top: -60px;
	position: relative;
	z-index: 9
}

@media(min-width:992px)and (max-width:1199px) {
	.searchbar-section {
		margin-top: -90px
	}
}

@media(max-width:991px) {
	.searchbar-section {
		margin-top: -25px
	}
}

.searchbar-section.sibling-2 {
	margin-top: -120px
}

@media(max-width:767px) {
	.searchbar-section.sibling-2 {
		margin-top: -40px
	}
}

.multi-main-search {
	background-color: var(--white);
	padding: 16px 25px 16px 0;
	box-shadow: 1px 1px 10px 8px rgba(0, 0, 0, .04)
}

@media(max-width:1199px) {
	.multi-main-search {
		transform: translateY(0px)
	}
}

@media(max-width:991px) {
	.multi-main-search {
		padding: 25px 15px
	}
}

@media(max-width:991px) {
	.multi-main-search .main-form-submit {
		margin-top: 20px;
		transform: translateY(-10px)
	}
}

.multi-main-search .search-box-single {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 25px;
	position: relative
}

.multi-main-search .search-box-single::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 40px;
	background: var(--border-color)
}

@media(max-width:767px) {
	.multi-main-search .search-box-single::after {
		display: none;
		visibility: hidden
	}
}

.multi-main-search .search-box-single.remove-after::after {
	content: unset
}

.multi-main-search .search-box-single .searchbox-icon {
	line-height: 10px
}

.searchbox-input {
	width: 100%
}

.searchbox-input input,
.searchbox-input .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .searchbox-input textarea,
.searchbox-input form.style-1 .form-inner textarea,
form.style-1 .form-inner .searchbox-input textarea {
	width: 100%;
	height: 40px;
	border: unset;
	padding-left: 15px
}

.searchbox-input input::-moz-placeholder,
.searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .searchbox-input textarea::-moz-placeholder,
.searchbox-input form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .searchbox-input textarea::-moz-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-primary)
}

.searchbox-input input:-ms-input-placeholder,
.searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .searchbox-input textarea:-ms-input-placeholder,
.searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .searchbox-input textarea:-ms-input-placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-primary)
}

.searchbox-input input::placeholder,
.searchbox-input .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .searchbox-input textarea::placeholder,
.searchbox-input form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .searchbox-input textarea::placeholder {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-primary)
}

.nice-select {
	background-color: var(--white);
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	outline: none;
	position: relative;
	text-align: left !important;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	border-radius: 0;
	border: unset
}

.nice-select:after {
	content: "";
	border-bottom: 2px solid var(--text-primary);
	border-right: 2px solid var(--text-primary);
	display: block;
	height: 10px;
	margin-top: -6px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	transition: all .15s ease-in-out;
	width: 10px
}

.nice-select .option {
	min-height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 5px 10px
}

.nice-select .option:hover {
	background: var(--primary-color1);
	color: var(--white)
}

.nice-select .option.selected {
	background: var(--primary-color1) !important
}

.nice-select .current {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-primary)
}

.nice-select .list {
	border: unset;
	margin-top: 3px;
	z-index: 100;
	border-radius: 0;
	width: 100%;
	min-width: 80px
}

.ui-menu {
	border: 1px solid rgba(41, 43, 49, .03) !important;
	padding: 5px 0
}

.ui-menu .ui-menu-item {
	transition: all .35s ease;
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 5px 20px;
	background: var(--white);
	border: 2px solid transparent;
	transition: all .35s ease
}

.ui-menu .ui-menu-item:hover {
	background: var(--primary-color1)
}

.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
	background: var(--primary-color1)
}

.ui-menu .ui-menu-item.sibling-2:hover {
	background: var(--primary-color2)
}

.category-single1 {
	background: var(--white);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	text-align: center;
	padding: 30px 25px
}

@media(max-width:576px) {
	.category-single1 {
		padding: 25px 15px
	}
}

.category-single1 .icon {
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto;
	background: var(--white);
	margin-bottom: 20px;
	transition: all .45s ease;
	position: relative;
	z-index: 1;
	border: 1px solid #eee
}

.category-single1 .icon::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--primary-color1-light);
	border-radius: 50%;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	transform: scale(.6);
	transition: all .55s ease
}

.category-single1 .icon svg {
	fill: var(--primary-color1);
	transition: all .45s ease
}

.category-single1 .content h4 {
	margin-bottom: 0
}

.category-single1 .content h4:hover a {
	color: var(--primary-color1)
}

.category-single1 .content h4 a {
	font-size: 2.1rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

@media(min-width:768px)and (max-width:991px) {
	.category-single1 .content h4 a {
		font-size: 2rem
	}
}

@media(min-width:576px)and (max-width:768px) {
	.category-single1 .content h4 a {
		font-size: 2rem
	}
}

.category-single1 .content p,
.category-single1 .content .info-single .info-text a,
.info-single .info-text .category-single1 .content a {
	margin-bottom: 0
}

.category-single1:hover .icon {
	border: 1px solid transparent
}

.category-single1:hover .icon::before {
	opacity: 1;
	transform: scale(1);
	background-color: var(--white)
}

.category-single1:hover .icon svg {
	fill: var(--white)
}

.deal-section {
	padding-left: 8%;
	padding-right: 8%
}

@media(min-width:1200px)and (max-width:1399px) {
	.deal-section {
		padding-left: 5%;
		padding-right: 5%
	}
}

.deal-single1 {
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06)
}

@media(max-width:767px) {
	.deal-single1 {
		max-width: 415px;
		margin: 0 auto
	}
}

.deal-single1:hover .deal-image img {
	transform: scale(1.1)
}

.deal-single1:hover .deal-image span.discount-bagde::after {
	color: var(--white);
	background: var(--primary-color1)
}

.deal-single1:hover .deal-image span.favourite {
	opacity: 1
}

.deal-single1:hover .deal-content .price span {
	color: var(--primary-color1)
}

.deal-single1 .deal-image {
	position: relative;
	overflow: hidden
}

.deal-single1 .deal-image img {
	transition: all .55s ease-in-out
}

.deal-single1 .deal-image span.discount-bagde {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	background: var(--white);
	padding: 8px 5px 0;
	border-radius: 100px 100px 0 0;
	min-width: 85;
	min-width: 85px;
	font-size: 20px;
	font-weight: 500;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	text-align: center;
	line-height: 2;
	min-height: 40px
}

.deal-single1 .deal-image span.discount-bagde::after {
	content: "off";
	position: absolute;
	top: 3px;
	right: -17px;
	border-radius: 50%;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	background: var(--white);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	transition: all .55s ease
}

.deal-single1 .deal-image span.favourite {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 1;
	background: var(--white);
	border-radius: 50%;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 37px;
	opacity: 0;
	transition: all .55s ease;
	cursor: pointer
}

.deal-single1 .deal-image span.favourite i {
	color: #ff3a3a;
	font-size: 20px
}

.deal-single1 .deal-content {
	text-align: center;
	padding: 35px 25px
}

.deal-single1 .deal-content h4 {
	margin-bottom: 8px
}

.deal-single1 .deal-content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.deal-single1 .deal-content .price {
	margin-bottom: 25px
}

.deal-single1 .deal-content .price span {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-right: 5px;
	transition: all .55s ease-in-out
}

.deal-single1 .deal-content .price del {
	font-size: 1.4rem;
	font-weight: 500;
	color: #878787;
	font-family: var(--font-work-sans)
}

.tour-package-standard {
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .07);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 20px
}

@media(min-width:992px)and (max-width:1199px) {
	.tour-package-standard {
		padding: 25px 20px
	}
}

@media(max-width:991px) {
	.tour-package-standard {
		flex-wrap: wrap;
		justify-content: start;
		max-width: 370px;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
}

.tour-package-standard:hover .deal-image img {
	transform: scale(1.1)
}

.tour-package-standard:hover .deal-image span.discount-bagde::after {
	color: var(--white);
	background: var(--primary-color1)
}

.tour-package-standard:hover .deal-image span.favourite {
	opacity: 1
}

.tour-package-standard:hover .deal-content .price span {
	color: var(--primary-color1)
}

.tour-package-standard .tour-standard-image {
	position: relative;
	overflow: hidden;
	width: 380px
}

@media(min-width:992px)and (max-width:1199px) {
	.tour-package-standard .tour-standard-image {
		width: 290px;
		height: 310px
	}
}

.tour-package-standard .tour-standard-image img {
	transition: all .55s ease-in-out
}

.tour-package-standard .tour-standard-image span.discount-bagde {
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 1;
	background: var(--white);
	padding: 8px 22px 8px 12px;
	border-radius: 0 100px 100px 1px;
	min-width: 85px;
	font-size: 20px;
	font-weight: 500;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	text-align: center;
	line-height: 1.3;
	min-height: 40px
}

.tour-package-standard .tour-standard-image span.discount-bagde::after {
	content: "off";
	position: absolute;
	top: -10px;
	right: -8px;
	border-radius: 50%;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	background: var(--primary-color1);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	transition: all .55s ease 0s
}

.tour-package-standard .tour-standard-image span.favourite {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 1;
	background: var(--white);
	border-radius: 50%;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 37px;
	opacity: 0;
	transition: all .55s ease;
	cursor: pointer
}

.tour-package-standard .tour-standard-image span.favourite i {
	color: #ff3a3a;
	font-size: 20px
}

.tour-package-standard .tour-standard-content {
	text-align: start;
	padding: 0 0 0 30px
}

@media(min-width:992px)and (max-width:1199px) {
	.tour-package-standard .tour-standard-content {
		padding: 0 0 0 20px
	}
}

@media(max-width:991px) {
	.tour-package-standard .tour-standard-content {
		padding: 30px 10px 10px
	}
}

.tour-package-standard .tour-standard-content h4 {
	margin-bottom: 10px
}

.tour-package-standard .tour-standard-content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.5
}

.tour-package-standard .tour-standard-content .price {
	margin-bottom: 20px
}

.tour-package-standard .tour-standard-content .price span {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-right: 5px;
	transition: all .55s ease-in-out
}

.tour-package-standard .tour-standard-content .price del {
	font-size: 1.4rem;
	font-weight: 500;
	color: #878787;
	font-family: var(--font-work-sans)
}

.tour-package-standard .tour-standard-content .eg-btn {
	margin-top: 25px
}

.tour-package-standard .tour-standard-content .review-area {
	justify-content: start
}

.review-area {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px
}

.review-area .star-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px
}

.review-area .star-list li .bi {
	color: #ffd91c
}

.review-area>span {
	font-size: 14px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-left: 12px
}

.review-area.sibling-2 {
	justify-content: start;
	margin-bottom: 3px
}

.review-area.sibling-2 .star-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px
}

.review-area.sibling-2 .star-list li .bi {
	color: var(--primary-color2);
	font-size: 14px
}

.review-area.sibling-2>span {
	font-size: 15px;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-left: 12px
}

.destination-section {
	padding-left: 7%;
	padding-right: 7%
}

@media(min-width:768px)and (max-width:991px) {
	.destination-section {
		padding-left: 2%;
		padding-right: 2%
	}
}

.destination-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 20px
}

@media(max-width:1199px) {
	.destination-wrap {
		flex-wrap: wrap
	}
}

.destination-single1 {
	position: relative
}

@media(min-width:992px)and (max-width:1199px) {
	.destination-single1 {
		max-width: 250px;
		overflow: hidden
	}
}

@media(max-width:991px) {
	.destination-single1 img {
		height: 350px;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}
}

@media(max-width:767px) {
	.destination-single1 {
		min-width: 270px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.destination-single1 img {
		height: 100% !important;
		max-width: unset
	}
}

.destination-single1 .content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: end;
	align-content: flex-end;
	flex-direction: column;
	padding-bottom: 40px
}

.destination-single1 .content .text-wrap {
	position: relative;
	transition: all .4s ease;
	height: auto
}

.destination-single1 .content .text-wrap::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 3px;
	border-radius: 30px;
	background-color: var(--white);
	transition: all .4s ease
}

.destination-single1 .content .text-wrap h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	transition: all .45s ease;
	transform: translateY(30px)
}

@media(max-width:767px) {
	.destination-single1 .content .text-wrap h4 {
		transform: translateY(20px)
	}
}

.destination-single1 .content .text-wrap p,
.destination-single1 .content .text-wrap .info-single .info-text a,
.info-single .info-text .destination-single1 .content .text-wrap a {
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	transition: all .35s ease;
	transform: scaleY(0);
	margin-bottom: 5px
}

.destination-single1:hover .content h4 {
	transform: translateY(0)
}

.destination-single1:hover .content .text-wrap::after {
	background: var(--primary-color1)
}

.destination-single1:hover .content .text-wrap p,
.destination-single1:hover .content .text-wrap .info-single .info-text a,
.info-single .info-text .destination-single1:hover .content .text-wrap a {
	transform: scaleY(1)
}

.destination-single1.sibling-2 {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 270px;
	margin-left: auto;
	margin-right: auto
}

.destination-single1.sibling-2::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(9, 16, 13, 0.8) 62.5%);
	z-index: 1;
	width: 100%;
	height: 25%;
	opacity: 1;
	transition: all .4s ease
}

@media(max-width:991px) {
	.destination-single1.sibling-2 img {
		max-width: 100%;
		height: 300px
	}
}

.destination-single1.sibling-2 .content {
	z-index: 2
}

.destination-single3 {
	position: relative
}

@media(max-width:991px) {
	.destination-single3 img {
		height: 300px;
		width: 100%
	}
}

.destination-single3 .content {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(9, 16, 13, 0.8));
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: end;
	align-content: flex-end;
	flex-direction: column;
	padding-bottom: 35px
}

.destination-single3 .content .text-wrap {
	position: relative;
	transition: all .4s ease;
	height: auto
}

.destination-single3 .content .text-wrap::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 3px;
	border-radius: 30px;
	background-color: var(--white);
	transition: all .4s ease
}

.destination-single3 .content .text-wrap h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	transition: all .45s ease;
	transform: translateY(30px)
}

@media(max-width:767px) {
	.destination-single3 .content .text-wrap h4 {
		transform: translateY(20px)
	}
}

.destination-single3 .content .text-wrap p,
.destination-single3 .content .text-wrap .info-single .info-text a,
.info-single .info-text .destination-single3 .content .text-wrap a {
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--primary-color3);
	font-family: var(--font-work-sans);
	transition: all .35s ease;
	transform: scaleY(0);
	margin-bottom: 5px
}

.destination-single3:hover .content h4 {
	transform: translateY(0)
}

.destination-single3:hover .content .text-wrap::after {
	background: var(--primary-color3)
}

.destination-single3:hover .content .text-wrap p,
.destination-single3:hover .content .text-wrap .info-single .info-text a,
.info-single .info-text .destination-single3:hover .content .text-wrap a {
	transform: scaleY(1)
}

.destination-single4 {
	height: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 30px
}

@media(max-width:991px) {
	.destination-single4 {
		margin-bottom: 15px
	}
}

@media(max-width:991px) {
	.destination-single4 img {
		width: 100%
	}
}

.destination-single4:hover .desti-content {
	opacity: 1;
	transform: translateY(0px)
}

.destination-single4::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(20, 22, 28, 0) 65.09%, rgba(20, 22, 28, 0.7) 84.38%);
	z-index: 1
}

.destination-single4 .desti-content {
	opacity: 0;
	transition: all .55s ease;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	padding: 20px 25px;
	transform: translateY(10px)
}

.destination-single4 .desti-content h4 {
	margin-bottom: 8px
}

.destination-single4 .desti-content h4 a {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw)
}

.destination-single4 .desti-content .bx {
	color: var(--white);
	vertical-align: baseline;
	margin-right: 5px
}

.destination-single4 .desti-content span {
	font-size: 1.7rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	display: inline-block
}

@media(max-width:991px) {
	.destination-sidebar {
		margin-top: 45px
	}
}

.video-section {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/bg/video-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0 220px;
	background-attachment: fixed;
	background-position: center top
}

@media(min-width:992px)and (max-width:1199px) {
	.video-section {
		padding: 120px 0
	}
}

@media(max-width:991px) {
	.video-section {
		padding: 90px 0
	}
}

.video-section2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/bg/video-bg3.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 220px 0;
	background-attachment: fixed
}

@media(min-width:992px)and (max-width:1199px) {
	.video-section2 {
		padding: 120px 0
	}
}

@media(max-width:991px) {
	.video-section2 {
		padding: 90px 0
	}
}

.video-section-content span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	display: inline-block;
	margin-bottom: 0;
	margin-right: 15px;
	text-transform: uppercase
}

.video-section-content h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.4
}

@media(max-width:576px) {
	.video-section-content h2 {
		font-size: 4rem
	}
}

.video-section-content p,
.video-section-content .info-single .info-text a,
.info-single .info-text .video-section-content a {
	font-size: 18px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 38px
}

@media(max-width:991px) {
	.video-section-content {
		text-align: center
	}
}

.video-section-content.sibling-2 {
	text-align: center
}

.video-section-content.sibling-2 h2 {
	font-size: 4.2rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw)
}

.video-section-content.sibling-2 p,
.video-section-content.sibling-2 .info-single .info-text a,
.info-single .info-text .video-section-content.sibling-2 a {
	font-size: 18px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.video-play {
	text-align: center;
	z-index: 9;
	position: relative
}

.video-play .video-icon {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	line-height: 38px;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid transparent;
	font-size: 30px;
	color: var(--primary-color1);
	background: var(--white)
}

.video-play .video-icon::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .5);
	-webkit-animation: ripple-1 2s infinite ease-in-out;
	animation: ripple-1 2s infinite ease-in-out;
	z-index: -1
}

.video-play .video-icon::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
	z-index: -1;
	-webkit-animation: ripple-2 2s infinite ease-in-out;
	animation: ripple-2 2s infinite ease-in-out;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.video-play.sibling-2 .video-icon {
	color: var(--text-primary);
	background: var(--primary-color2)
}

.video-play.sibling-2 .video-icon::before {
	background: var(--primary-color2)
}

.video-play.sibling-2 .video-icon::after {
	background: var(--primary-color2)
}

.video-play.sibling-3 .video-icon {
	color: var(--white);
	background: var(--primary-color3)
}

.video-play.sibling-3 .video-icon::before {
	background: var(--primary-color3)
}

.video-play.sibling-3 .video-icon::after {
	background: var(--primary-color3)
}

@-webkit-keyframes ripple-1 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(1.9);
		opacity: 0
	}
}

@keyframes ripple-1 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(1.9);
		opacity: 0
	}
}

@-webkit-keyframes ripple-2 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(2.1);
		opacity: 0
	}
}

@keyframes ripple-2 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(2.1);
		opacity: 0
	}
}

.video-play.sibling-4 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media(max-width:991px) {
	.video-wrapper {
		margin-top: 40px
	}
}

.video-wrapper span.watch-video {
	font-size: 16px;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-work-sans);
	position: relative;
	display: inline-block;
	padding-right: 60px;
	transform: rotate(-90deg);
	margin-right: 0;
	margin-top: 80px;
	white-space: nowrap
}

@media(max-width:991px) {
	.video-wrapper span.watch-video {
		transform: rotate(0deg);
		margin-top: 30px
	}
}

.video-wrapper span.watch-video::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 2px;
	border-radius: 30px;
	background: var(--white);
	right: 0
}

.video-wrapper.sibling-2 {
	position: absolute;
	top: -50px;
	left: 85px;
	background-color: var(--white);
	width: 110px;
	min-height: 290px;
	padding: 40px 25px;
	z-index: 9
}

@media(min-width:992px)and (max-width:1199px) {
	.video-wrapper.sibling-2 {
		top: -40px;
		left: 40px
	}
}

@media(max-width:991px) {
	.video-wrapper.sibling-2 {
		min-height: 110px;
		left: 0;
		top: -40px;
		background: 0 0
	}
}

.video-wrapper.sibling-2 span.watch-video {
	white-space: nowrap;
	margin-top: 82px;
	padding-right: 16px;
	padding-bottom: 40px;
	color: var(--text-primary);
	white-space: nowrap
}

.video-wrapper.sibling-2 span.watch-video::after {
	content: "";
	position: absolute;
	top: 20%;
	transform: translateY(24%);
	width: 50px;
	height: 2px;
	border-radius: 30px;
	background: var(--text-primary);
	right: -45px
}

@media(max-width:991px) {
	.video-wrapper.sibling-2 span.watch-video {
		display: none;
		visibility: hidden
	}
}

.video-wrapper.sibling-3 {
	overflow: hidden;
	position: absolute;
	top: -60px;
	right: 2%;
	background-color: var(--white);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .08);
	width: 90px;
	min-height: 290px;
	padding: 40px 25px;
	z-index: 9
}

@media(min-width:1400px)and (max-width:1600px) {
	.video-wrapper.sibling-3 {
		right: 0
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.video-wrapper.sibling-3 {
		top: -60px
	}
}

@media(max-width:1399px) {
	.video-wrapper.sibling-3 {
		min-height: 110px;
		right: 0;
		top: -60px;
		background: 0 0;
		box-shadow: unset
	}
}

.video-wrapper.sibling-3 span.watch-video {
	white-space: nowrap;
	margin-top: 90px;
	padding-right: 0;
	padding-bottom: 40px;
	color: var(--primary-color3)
}

.video-wrapper.sibling-3 span.watch-video::after {
	content: "";
	position: absolute;
	top: 18%;
	transform: translateY(24%);
	width: 50px;
	height: 2px;
	border-radius: 30px;
	background: var(--primary-color3);
	right: -60px
}

@media(max-width:1399px) {
	.video-wrapper.sibling-3 span.watch-video {
		display: none;
		visibility: hidden
	}
}

.video-wrapper.sibling-4 {
	width: 140px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15%;
	margin-top: 0
}

@media(min-width:992px)and (max-width:1199px) {
	.video-wrapper.sibling-4 {
		right: 5%
	}
}

@media(max-width:991px) {
	.video-wrapper.sibling-4 {
		right: 0%;
		top: 15%
	}

	.video-wrapper.sibling-4 span.watch-video {
		display: none;
		visibility: hidden
	}
}

@media(max-width:767px) {
	.asking-form-section {
		padding: 90px 0 0
	}
}

.asking-form-wrap {
	background: #fff7f5;
	padding: 45px 40px;
	margin-top: -100px
}

@media(min-width:992px)and (max-width:1199px) {
	.asking-form-wrap {
		margin-top: -40px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.asking-form-wrap {
		margin-top: -20px
	}
}

@media(min-width:576px)and (max-width:768px) {
	.asking-form-wrap {
		padding: 50px 30px
	}
}

@media(max-width:576px) {
	.asking-form-wrap {
		margin-top: 0;
		padding: 50px 25px
	}
}

form.style-1 .form-inner input,
form.style-1 .form-inner textarea {
	border: 1px solid var(--border-color);
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: var(--text-primary);
	width: 100%;
	background-color: #fff7f5;
	padding: 0 20px;
	transition: all .4s ease
}

form.style-1 .form-inner input:focus,
form.style-1 .form-inner textarea:focus {
	border: 1px solid var(--primary-color1)
}

form.style-1 .form-inner input::-moz-placeholder,
form.style-1 .form-inner textarea::-moz-placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

form.style-1 .form-inner input:-ms-input-placeholder,
form.style-1 .form-inner textarea:-ms-input-placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

form.style-1 .form-inner input::placeholder,
form.style-1 .form-inner textarea::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

form.style-1 .form-inner textarea {
	min-height: 140px
}

.best-plan-section .swiper {
	margin: -15px;
	padding: 15px
}

.best-plan-single1 {
	width: 100%;
	border: 1px solid #eee;
	transition: all .6s ease;
	margin-left: auto;
	margin-right: auto
}

.best-plan-single1:hover {
	border: 1px solid transparent;
	box-shadow: 4px 3px 10px rgba(16, 33, 34, .06)
}

.best-plan-single1 .image {
	position: relative
}

.best-plan-single1 .image .plan-icon {
	background: #fff;
	box-shadow: 4px 3px 35px rgba(117, 117, 117, .15);
	border-radius: 5px;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	position: absolute;
	left: 25px;
	bottom: -20px
}

.best-plan-single1 .content {
	padding: 30px 25px 35px
}

@media(max-width:991px) {
	.best-plan-single1 .content {
		padding: 30px 12px
	}
}

.best-plan-single1 .content h4 {
	margin-bottom: 15px
}

.best-plan-single1 .content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	transition: all .5s ease;
	line-height: 1.4
}

.best-plan-single1 .content h4:hover a {
	color: var(--primary-color1)
}

.best-plan-single1 .content p,
.best-plan-single1 .content .info-single .info-text a,
.info-single .info-text .best-plan-single1 .content a {
	font-size: 2rem;
	font-weight: 600;
	color: var(--primary-color1);
	margin-bottom: 5px
}

.best-plan-single1 .content .best-plan-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px
}

.best-plan-single1 .content .best-plan-meta span.duration {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-secondary)
}

.best-plan-single1 .content .best-plan-meta span.duration .bi {
	font-family: var(--font-work-sans);
	margin-right: 10px;
	vertical-align: middle;
	color: var(--primary-color1)
}

.best-plan-single1 .content .best-plan-meta span.rating {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-secondary)
}

.best-plan-single1 .content .best-plan-meta span.rating .bi {
	color: var(--primary-color1);
	margin: 0 5px
}

.best-plan-single1 .list-area {
	margin-bottom: 25px
}

.list-area h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px
}

.list-area ul.plan-list1 {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-area ul.plan-list1 li {
	position: relative;
	padding-left: 25px;
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	margin-bottom: 5px
}

.list-area ul.plan-list1 li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 12px;
	height: 2px;
	background: var(--text-secondary);
	border-radius: 30px
}

.arrows-style-1 .swiper-prev-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-1 .swiper-prev-arrow {
		left: -50px
	}
}

.arrows-style-1 .swiper-prev-arrow svg {
	fill: var(--border-color);
	transition: all .4s ease
}

.arrows-style-1 .swiper-prev-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-1 .swiper-prev-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-1 .swiper-next-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-1 .swiper-next-arrow {
		right: -50px
	}
}

.arrows-style-1 .swiper-next-arrow svg {
	fill: var(--border-color);
	transition: all .4s ease
}

.arrows-style-1 .swiper-next-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-1 .swiper-next-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-1.sibling-1 .swiper-prev-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-1.sibling-1 .swiper-prev-arrow {
		left: -50px
	}
}

.arrows-style-1.sibling-1 .swiper-prev-arrow svg {
	fill: var(--border-color);
	transition: all .4s ease
}

.arrows-style-1.sibling-1 .swiper-prev-arrow:hover {
	background-color: var(--primary-color3);
	border: 1px solid var(--primary-color3)
}

.arrows-style-1.sibling-1 .swiper-prev-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-1.sibling-1 .swiper-next-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-1.sibling-1 .swiper-next-arrow {
		right: -50px
	}
}

.arrows-style-1.sibling-1 .swiper-next-arrow svg {
	fill: var(--border-color);
	transition: all .4s ease
}

.arrows-style-1.sibling-1 .swiper-next-arrow:hover {
	background-color: var(--primary-color3);
	border: 1px solid var(--primary-color3)
}

.arrows-style-1.sibling-1 .swiper-next-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2 .swiper-prev-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--white);
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
	z-index: 9
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-2 .swiper-prev-arrow {
		left: 5px
	}
}

@media(max-width:1199px) {
	.arrows-style-2 .swiper-prev-arrow {
		display: none;
		visibility: hidden
	}
}

.arrows-style-2 .swiper-prev-arrow svg {
	fill: var(--white);
	transition: all .4s ease
}

.arrows-style-2 .swiper-prev-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-2 .swiper-prev-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2 .swiper-next-arrow {
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
	z-index: 9
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-2 .swiper-next-arrow {
		right: 5px
	}
}

@media(max-width:1199px) {
	.arrows-style-2 .swiper-next-arrow {
		display: none;
		visibility: hidden
	}
}

.arrows-style-2 .swiper-next-arrow svg {
	fill: var(--border-color);
	transition: all .4s ease
}

.arrows-style-2 .swiper-next-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-2 .swiper-next-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2.sibling-2 .swiper-prev-arrow:hover {
	background-color: var(--primary-color2);
	border: 1px solid var(--primary-color2)
}

.arrows-style-2.sibling-2 .swiper-prev-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2.sibling-2 .swiper-next-arrow:hover {
	background-color: var(--primary-color2);
	border: 1px solid var(--primary-color2)
}

.arrows-style-2.sibling-2 .swiper-next-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2.sibling-3 .swiper-prev-arrow {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid var(--white);
	border-radius: 0;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
	z-index: 9
}

.arrows-style-2.sibling-3 .swiper-prev-arrow i {
	color: var(--white)
}

.arrows-style-2.sibling-3 .swiper-prev-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-2.sibling-3 .swiper-prev-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-2.sibling-3 .swiper-next-arrow {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid var(--white);
	border-radius: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
	z-index: 9
}

.arrows-style-2.sibling-3 .swiper-next-arrow i {
	color: var(--white)
}

.arrows-style-2.sibling-3 .swiper-next-arrow:hover {
	background-color: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.arrows-style-2.sibling-3 .swiper-next-arrow:hover svg {
	fill: var(--white)
}

.arrows-style-3 .swiper-prev-arrow {
	height: 42px;
	width: 42px;
	line-height: 43px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-3 .swiper-prev-arrow {
		left: 10px
	}
}

.arrows-style-3 .swiper-prev-arrow i {
	font-size: 34px;
	margin-right: -32px;
	color: var(--border-color);
	transition: all .4s ease
}

.arrows-style-3 .swiper-prev-arrow:hover {
	border: 1px solid var(--primary-color2)
}

.arrows-style-3 .swiper-prev-arrow:hover i {
	color: var(--primary-color2);
	margin-right: 0
}

.arrows-style-3 .swiper-next-arrow {
	height: 42px;
	width: 42px;
	line-height: 43px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-3 .swiper-next-arrow {
		right: 10px
	}
}

.arrows-style-3 .swiper-next-arrow i {
	font-size: 34px;
	margin-left: -28px;
	color: var(--border-color);
	transition: all .4s ease
}

.arrows-style-3 .swiper-next-arrow:hover {
	border: 1px solid var(--primary-color2)
}

.arrows-style-3 .swiper-next-arrow:hover i {
	color: var(--primary-color2);
	margin-left: 0
}

.arrows-style-3.sibling-2 .swiper-prev-arrow:hover {
	border: 1px solid var(--primary-color1)
}

.arrows-style-3.sibling-2 .swiper-prev-arrow:hover i {
	color: var(--primary-color1);
	margin-right: 0
}

.arrows-style-3.sibling-2 .swiper-next-arrow:hover {
	border: 1px solid var(--primary-color1)
}

.arrows-style-3.sibling-2 .swiper-next-arrow:hover i {
	color: var(--primary-color1);
	margin-right: 0
}

.arrows-style-4 .swiper-prev-arrow {
	height: 42px;
	width: 42px;
	line-height: 43px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-4 .swiper-prev-arrow {
		left: 10px
	}
}

.arrows-style-4 .swiper-prev-arrow i {
	font-size: 34px;
	margin-right: -32px;
	color: var(--border-color);
	transition: all .4s ease
}

.arrows-style-4 .swiper-prev-arrow:hover {
	border: 1px solid var(--primary-color2)
}

.arrows-style-4 .swiper-prev-arrow:hover i {
	color: var(--primary-color2);
	margin-right: 0
}

.arrows-style-4 .swiper-next-arrow {
	height: 42px;
	width: 42px;
	line-height: 43px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.arrows-style-4 .swiper-next-arrow {
		right: 10px
	}
}

.arrows-style-4 .swiper-next-arrow i {
	font-size: 34px;
	margin-left: -28px;
	color: var(--border-color);
	transition: all .4s ease
}

.arrows-style-4 .swiper-next-arrow:hover {
	border: 1px solid var(--primary-color2)
}

.arrows-style-4 .swiper-next-arrow:hover i {
	color: var(--primary-color2);
	margin-left: 0
}

.arrows-style-4.sibling-2 .swiper-prev-arrow {
	border: none
}

.arrows-style-4.sibling-2 .swiper-prev-arrow img {
	transition: all .5s ease
}

.arrows-style-4.sibling-2 .swiper-prev-arrow:hover img {
	padding-right: 15px
}

.arrows-style-4.sibling-2 .swiper-next-arrow {
	border: none
}

.arrows-style-4.sibling-2 .swiper-next-arrow img {
	transition: all .5s ease
}

.arrows-style-4.sibling-2 .swiper-next-arrow:hover img {
	padding-left: 15px
}

.counter-wrapper {
	background: #fff;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
}

.counter-single {
	padding: 25px 0
}

.counter-single svg {
	fill: var(--primary-color1);
	transition: all .5s ease
}

.counter-single:hover svg {
	transform: scale(1.2)
}

.counter-single .counter-icon {
	margin-bottom: 12px
}

.counter-single .coundown .counter-icon {
	margin-bottom: 30px
}

.counter-single .coundown h3 {
	font-size: 2.6rem;

	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 5px;
	display: inline-block
}

.counter-single .coundown p,
.counter-single .coundown .info-single .info-text a,
.info-single .info-text .counter-single .coundown a {
	margin-bottom: 0;
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--text-secondary);
	line-height: 1.3
}

.counter-single.sibling-2 {
	background-color: var(--white);
	position: relative;
	z-index: 1
}

.counter-single.sibling-2 svg {
	fill: var(--primary-color2) !important
}

.counter-single.sibling-3 {
	background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-backdrop-filter: blur(42px);
	backdrop-filter: blur(42px);
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
	border: 1px solid rgba(23, 179, 132, .25);
	transition: all .6s ease
}

@media(max-width:991px) {
	.counter-single.sibling-3 {
		max-width: unset
	}
}

.counter-single.sibling-3:hover {
	border: 1px solid rgba(255, 255, 255, .35)
}

.counter-single.sibling-3 .counter-icon {
	margin-bottom: 5px
}

.counter-single.sibling-3 .coundown .bi {
	font-size: 40px;
	color: var(--white);
	font-weight: 800
}

.counter-single.sibling-3 .coundown h3 {
	font-size: 3.6rem;
	font-weight: 800;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 0
}

@media(max-width:576px) {
	.counter-single.sibling-3 .coundown h3 {
		font-size: 3.4rem;
		font-weight: 800;
		color: var(--white)
	}
}

.counter-single.sibling-3 .coundown p,
.counter-single.sibling-3 .coundown .info-single .info-text a,
.info-single .info-text .counter-single.sibling-3 .coundown a {
	color: var(--white);
	margin-bottom: 0;
	margin-top: -5px
}

.partner-single {
	text-align: center
}

.partner-single img {
	vertical-align: middle;
	filter: grayscale(0);
	opacity: 1;
	transition: all .45s ease
}

.partner-single img:hover {
	filter: grayscale(1);
	opacity: .8
}

.partner-single.sibling-2 img {
	vertical-align: middle;
	filter: grayscale(1);
	opacity: .8;
	transition: all .45s ease
}

.partner-single.sibling-2 img:hover {
	filter: grayscale(0);
	opacity: 1
}

.insta-feed-single img {
	width: 100%
}

.section-title-small {
	margin-bottom: 40px;
	margin-top: -8px
}

.section-title-small i {
	font-size: 22px;
	color: var(--text-secondary)
}

.section-title-small span {
	font-size: 3rem;
	font-weight: 600;
	color: var(--text-secondary);
	padding-left: 18px
}

.section-title4 {
	text-align: center;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.section-title4 span {
	display: block;
	font-family: var(--font-work-sans);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--text-secondary);
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title4 h2 {
	font-size: 4.2rem;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	font-family: var(--font-merriw)
}

.section-title4 img {
	max-width: 370px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.section-title4.sibling2 span {
	display: block;
	font-family: var(--font-satisfy);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color1);
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title4.sibling2 h2 {
	font-size: 4.2rem;
	font-weight: 600;
	color: var(--white);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	font-family: var(--font-merriw)
}

.section-title4.sibling3 span {
	display: block;
	font-family: var(--font-work-sans);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color1);
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title4.sibling3 h2 {
	font-size: 4.2rem;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	font-family: var(--font-merriw)
}

.counter-section5 {
	position: relative;
	height: auto
}

.counter-section5 .counter5-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.tour-place-section {
	overflow: hidden
}

.tour-card-wrapper {
	width: 100%;
	max-width: 1400px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	margin: -15px auto
}

@media(min-width:768px)and (max-width:991px) {
	.tour-card-wrapper {
		align-items: center
	}
}

.tour-card-wrapper .col-40 {
	width: 40%;
	height: auto;
	padding: 15px
}

@media(min-width:768px)and (max-width:991px) {
	.tour-card-wrapper .col-40 {
		width: 40%
	}
}

@media(max-width:767px) {
	.tour-card-wrapper .col-40 {
		width: 100%
	}
}

.tour-card-wrapper .col-60 {
	width: 60%;
	height: auto;
	padding: 15px
}

@media(min-width:768px)and (max-width:991px) {
	.tour-card-wrapper .col-60 {
		width: 60%
	}
}

@media(max-width:767px) {
	.tour-card-wrapper .col-60 {
		width: 100%
	}
}

.tour-card-wrapper .col-30 {
	width: 30%;
	height: auto;
	padding: 15px
}

@media(min-width:768px)and (max-width:991px) {
	.tour-card-wrapper .col-30 {
		width: 50%
	}
}

@media(max-width:767px) {
	.tour-card-wrapper .col-30 {
		width: 100%
	}
}

.tour-card-alpha {
	transition: all .5s ease
}

.tour-card-alpha:hover .tour-badge {
	background: var(--primary-color2)
}

.tour-card-alpha img {
	width: 100%
}

.tour-card-beta {
	position: relative;
	transition: all .5s ease
}

.tour-card-beta:hover .tour-badge {
	background: var(--primary-color2)
}

.tour-card-beta img {
	width: 100%
}

.tour-card-gamma {
	transition: all .5s ease
}

.tour-card-gamma:hover .tour-badge {
	background: var(--primary-color2)
}

.tour-card-gamma img {
	width: 100%
}

.tour-card-delta {
	transition: all .5s ease
}

.tour-card-delta:hover .tour-badge {
	background: var(--primary-color2)
}

.tour-card-delta img {
	width: 100%
}

.tour-badge {
	background: #fff;
	padding: 20px;
	border-radius: 50%;
	text-align: center;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	width: 100%;
	max-width: 200px;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -100px;
	position: relative;
	transition: all .5s ease
}

@media(max-width:576px) {
	.tour-badge {
		width: 100%;
		max-width: 160px;
		min-height: 160px
	}
}

.tour-badge h5 {
	font-size: 2.2rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 8px;
	line-height: 1.4
}

.tour-badge p,
.tour-badge .info-single .info-text a,
.info-single .info-text .tour-badge a {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	margin-bottom: 5px
}

.tour-badge span {
	display: inline-block;
	border-radius: 30px;
	width: 34px;
	height: 2px;
	background: var(--text-primary)
}

.tour-badge.sibling-2 {
	position: absolute;
	bottom: 30%;
	right: -70px;
	z-index: 99
}

@media(min-width:992px)and (max-width:1199px) {
	.tour-badge.sibling-2 {
		right: 20px;
		bottom: 20px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.tour-badge.sibling-2 {
		right: 20px;
		bottom: 20px
	}
}

@media(max-width:767px) {
	.tour-badge.sibling-2 {
		position: relative
	}
}

@media(max-width:1600px) {
	.tour-badge.sibling-2 {
		right: 0
	}
}

.footer-section {
	background-image: linear-gradient(rgba(9, 16, 13, 0.88), rgba(9, 16, 13, 0.88)), url("../images/bg/footer1-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	padding: 0 10px
}

.footer-section .footer-plane1 {
	position: absolute;
	right: 2%;
	top: 10%;
	-webkit-animation: jump 1s linear infinite alternate;
	animation: jump 1s linear infinite alternate
}

.footer-section .footer-plane1 svg {
	fill: var(--primary-color1)
}

@media(max-width:1199px) {
	.footer-section .footer-plane1 {
		display: none;
		visibility: none
	}
}

@-webkit-keyframes jump {
	0% {
		transform: translateY(0px)
	}

	25% {
		transform: translateY(-10px)
	}

	50% {
		transform: translateY(0px)
	}

	70% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes jump {
	0% {
		transform: translateY(0px)
	}

	25% {
		transform: translateY(-10px)
	}

	50% {
		transform: translateY(0px)
	}

	70% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(0px)
	}
}

.footer-section .footer-plane2 {
	position: absolute;
	left: 4%;
	top: 10%
}

.footer-section .footer-plane2 svg {
	fill: var(--primary-color1)
}

@media(max-width:991px) {
	.footer-section .footer-plane2 {
		display: none;
		visibility: none
	}
}

.footer-section::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #292b31;
	z-index: -2
}

.footer-section .footer-about {
	background-color: rgba(17, 17, 17, .9);
	padding: 25px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	max-width: 280px;
	margin: 0 auto
}

@media(min-width:768px)and (max-width:991px) {
	.footer-section .footer-about {
		max-width: 220px;
		margin: 0 auto
	}
}

@media(min-width:576px)and (max-width:768px) {
	.footer-section .footer-about {
		max-width: 220px;
		margin: 0 auto
	}
}

@media(max-width:1199px) {
	.footer-section .footer-about {
		padding: 20px
	}
}

.footer-section .footer-about .footer-plane {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	opacity: .1
}

.footer-section .footer-about .footer1-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.footer-section .footer-about .footer1-logo p,
.footer-section .footer-about .footer1-logo .info-single .info-text a,
.info-single .info-text .footer-section .footer-about .footer1-logo a {
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	margin-bottom: 0;
	margin-top: 10px
}

@media(max-width:1199px) {
	.footer-section .footer-about .footer1-logo img {
		max-width: 130px;
		width: 100%
	}
}

.footer-section .footer-about svg {
	-webkit-animation: rotate 15s linear infinite;
	animation: rotate 15s linear infinite
}

.footer-section .footer-about svg path {
	fill: #fff
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.footer-section .pay-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 15px
}

.footer-section .footer-top {
	padding: 40px 0
}

.footer-section .footer-meta {
	margin-top: 70px
}

@media(max-width:576px) {
	.footer-section .footer-meta {
		margin-top: 50px
	}
}

.footer-section .footer-meta h4 {
	font-size: 2rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-right: 20px;
	margin-bottom: 0
}

@media(min-width:992px)and (max-width:1199px) {
	.footer-section .footer-meta h4 {
		margin-right: 10px;
		font-size: 2rem
	}
}

@media(max-width:576px) {
	.footer-section .footer-meta h4 {
		display: none;
		visibility: hidden
	}
}

.footer-section .footer-social {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 0
}

.footer-section .footer-social i {
	border: 1px solid #5e5e5e;
	width: 30px;
	height: 30px;
	line-height: 29px;
	color: var(--white);
	background: #0f1012;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
	transition: all .5s ease-out 0s
}

.footer-section .footer-social i:hover {
	background: var(--primary-color1);
	border: 1px solid var(--primary-color1)
}

.footer-section .footer-item h4 {
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--white);
	margin-bottom: 25px;
	font-family: 'Yeseva One', cursive;
	position: relative;
	padding-bottom: 10px
}

.footer-section .footer-item h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color1), transparent)
}

.footer-section .footer-item .link-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.footer-section .footer-item .link-list li {
	margin-bottom: 15px;
	padding-left: 0;
	transition: all .55s ease;
	position: relative
}

.footer-section .footer-item .link-list li::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 8px;
	height: 2px;
	display: block;
	background: var(--primary-color1);
	opacity: 0;
	transition: all .55s ease
}

.footer-section .footer-item .link-list li:last-child {
	margin-bottom: 0
}

.footer-section .footer-item .link-list li:hover {
	padding-left: 15px
}

.footer-section .footer-item .link-list li:hover::after {
	content: "";
	opacity: 1
}

.footer-section .footer-item .link-list li:hover a {
	color: var(--primary-color1)
}

.footer-section .footer-item .link-list a {
	font-size: 17px;
	font-weight: 400;
	font-family: var(--font-work-sans);
	color: var(--border-color);
	transition: all .4s ease;
	color: #d7d3d3
}

.footer-section .footer-item .contact-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.footer-section .footer-item .contact-list li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 15px;
	gap: 12px
}

.footer-section .footer-item .contact-list li:hover .icon .bi {
	background: var(--primary-color1);
	color: var(--white)
}

.footer-section .footer-item .contact-list li:last-child {
	margin-bottom: 0
}

.footer-section .footer-item .contact-list li .icon .bi {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--primary-color1);
	color: var(--primary-color1);
	display: block;
	transition: all .45s ease;
	font-size: 16px
}

.footer-section .footer-item .contact-list li .text {
	color: #FFF;
}

.footer-section .footer-item .contact-list li .text a {
	display: block;
	margin-bottom: 3px
}

.footer-section .footer-bottom {
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer-section .footer-bottom p,
.footer-section .footer-bottom .info-single .info-text a,
.info-single .info-text .footer-section .footer-bottom a {
	font-size: 14px;
	font-weight: 400;
	font-family: var(--font-exo);
	color: var(--white);
	margin-bottom: 0;
	margin-right: 30px
}

@media(max-width:991px) {

	.footer-section .footer-bottom p,
	.footer-section .footer-bottom .info-single .info-text a,
	.info-single .info-text .footer-section .footer-bottom a {
		margin-right: 0
	}
}

.footer-section .footer-bottom p .egns-lab,
.footer-section .footer-bottom .info-single .info-text a .egns-lab,
.info-single .info-text .footer-section .footer-bottom a .egns-lab {
	font-size: 13px;
	font-weight: 500;
	color: var(--primary-color1)
}

.footer-section .footer-bottom .footer-logo-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex
}

.footer-section .footer-bottom .footer-logo-list li {
	margin-right: 20px
}

.footer-section .footer-bottom .footer-logo-list li img {
	transition: all .6s ease
}

.footer-section .footer-bottom .footer-logo-list li:last-child {
	margin-right: 0
}

.footer-section .footer-bottom .footer-logo-list li:hover img {
	transform: rotate(360deg)
}

.footer-section .footer-bottom .f-bottom-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.footer-section .footer-bottom .f-bottom-list li:first-child a {
	position: relative;
	padding-right: 15px;
	margin-right: 15px
}

.footer-section .footer-bottom .f-bottom-list li:first-child a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 15px;
	background: var(--white)
}

.footer-section .footer-bottom .f-bottom-list a {
	font-size: 14px;
	font-weight: 500;
	color: var(--white);
	transition: all .42s ease
}

.footer-section .footer-bottom .f-bottom-list a:hover {
	color: var(--primary-color1)
}

.footer-section.sibling-2 .footer1-logo p,
.footer-section.sibling-2 .footer1-logo .info-single .info-text a,
.info-single .info-text .footer-section.sibling-2 .footer1-logo a {
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-color2)
}

.footer-section.sibling-2 .footer-item h4 {
	font-weight: 500
}

.footer-section.sibling-2 .footer-item h4::after {
	content: "";
	background: linear-gradient(90deg, var(--primary-color2), transparent)
}

.footer-section.sibling-2 .link-list li:hover a {
	color: var(--primary-color2)
}

.footer-section.sibling-2 .link-list li::after {
	background: var(--primary-color2)
}

.footer-section.sibling-2 .link-list a {
	color: #FFF
}

.footer-section.sibling-2 .contact-list li .icon .bi {
	border: 1px solid var(--primary-color2);
	color: var(--primary-color2)
}

.footer-section.sibling-2 .contact-list li:hover .icon .bi {
	background: var(--primary-color2);
	color: var(--white)
}

.footer-section.sibling-2 .footer-social i:hover {
	background: var(--primary-color2);
	border: 1px solid var(--primary-color2);
	color: var(--text-primary)
}

.footer-section.sibling-2 .footer-bottom p .egns-lab,
.footer-section.sibling-2 .footer-bottom .info-single .info-text a .egns-lab,
.info-single .info-text .footer-section.sibling-2 .footer-bottom a .egns-lab {
	color: var(--primary-color2)
}

.footer-section.sibling-2 .footer-bottom .f-bottom-list a:hover {
	color: var(--primary-color2)
}

.footer-section.sibling-3 .footer1-logo p,
.footer-section.sibling-3 .footer1-logo .info-single .info-text a,
.info-single .info-text .footer-section.sibling-3 .footer1-logo a {
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-color3)
}

.footer-section.sibling-3 .footer-item h4::after {
	content: "";
	background: linear-gradient(90deg, var(--primary-color3), transparent)
}

.footer-section.sibling-3 .link-list li:hover a {
	color: var(--primary-color3)
}

.footer-section.sibling-3 .link-list li::after {
	background: var(--primary-color3)
}

.footer-section.sibling-3 .link-list a {
	color: var(--border-color)
}

.footer-section.sibling-3 .contact-list li .icon .bi {
	border: 1px solid var(--primary-color3);
	color: var(--primary-color3)
}

.footer-section.sibling-3 .contact-list li:hover .icon .bi {
	background: var(--primary-color3);
	color: var(--white)
}

.footer-section.sibling-3 .footer-social i:hover {
	background: var(--primary-color3);
	border: 1px solid var(--primary-color3);
	color: var(--text-primary)
}

.footer-section.sibling-3 .footer-bottom p .egns-lab,
.footer-section.sibling-3 .footer-bottom .info-single .info-text a .egns-lab,
.info-single .info-text .footer-section.sibling-3 .footer-bottom a .egns-lab {
	color: var(--primary-color3)
}

.footer-section.sibling-3 .footer-bottom .f-bottom-list a:hover {
	color: var(--primary-color3)
}

.blog-single1 {
	overflow: hidden;
	position: relative;
	max-width: 470px;
	margin: 0 auto
}

.blog-single1 .image {
	position: relative
}

.blog-single1 .image span.blog-date {
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-primary);
	background: var(--white);
	padding: 6px 12px
}

@media(max-width:576px) {
	.blog-single1 .image image {
		width: 100%
	}
}

.blog-single1 .content {
	padding-top: 24px
}

.blog-single1 .content h4 {
	margin-bottom: 15px
}

.blog-single1 .content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	transition: all .4s ease
}

.blog-single1 .content h4 a:hover {
	color: var(--primary-color1)
}

.blog-single1 .content i {
	margin-left: 5px;
	vertical-align: baseline
}

.blog-single2 {
	overflow: hidden;
	position: relative;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06)
}

.blog-single2:hover .image img {
	transform: scale(1.1) rotate(2deg)
}

.blog-single2 .image {
	position: relative;
	overflow: hidden
}

.blog-single2 .image img {
	transition: all .6s ease
}

@media(max-width:576px) {
	.blog-single2 .image img {
		width: 100%
	}
}

.blog-single2 .image span.blog-category {
	position: absolute;
	left: 25px;
	top: 25px;
	font-size: 14px;
	font-weight: 500;
	color: var(--white);
	background: var(--text-primary);
	padding: 6px 12px
}

.blog-single2 .content {
	padding: 30px 20px;
	text-align: center
}

.blog-single2 .content h5 a {
	font-size:18px;
	color: var(--text-primary);
	line-height: 1.45;
	transition: all .4s ease
}

.blog-single2 .content h5 a:hover {
	color: var(--primary-color2)
}

.blog-single2 .content .blog-date {
	margin-top: 15px
}

.blog-single2 .content .blog-date i {
	font-size: 13px;
	color: var(--text-secondary)
}

.blog-single2 .content .blog-date span {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	display: inline-block;
	padding-left: 10px
}

.blog-single2.sibling-2 {
	box-shadow: unset;
	overflow: unset;
	margin-bottom: 25px
}

.blog-single2.sibling-2:hover .content {
	background: #fff7f5
}

.blog-single2.sibling-2:hover .content h5 a {
	color: var(--primary-color3)
}

.blog-single2.sibling-2:hover .content a .bi {
	background: var(--primary-color3);
	color: var(--white)
}

.blog-single2.sibling-2 .image img {
	min-height: 330px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(min-width:992px)and (max-width:1199px) {
	.blog-single2.sibling-2 .image img {
		min-height: 300px
	}
}

@media(max-width:991px) {
	.blog-single2.sibling-2 .image img {
		min-height: 280px
	}
}

.blog-single2.sibling-2 .content {
	width: 90%;
	background-color: var(--white);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	margin: -90px auto 0;
	z-index: 1;
	position: relative;
	transition: all .55s ease;
	position: relative;
	padding: 30px 20px 40px
}

.blog-single2.sibling-2 .content .blog-date {
	margin-top: 0;
	margin-bottom: 5px
}

.blog-single2.sibling-2 .content h5 a {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	transition: all .4s ease
}

.blog-single2.sibling-2 .content>a .bi {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--primary-color3);
	color: var(--primary-color3);
	display: inline-block;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
	font-weight: 600;
	background-color: var(--white);
	transition: all .5s ease
}

.blog-single2.sibling-3 {
	box-shadow: unset;
	overflow: unset
}

.blog-single2.sibling-3 .image img {
	min-height: 330px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(min-width:992px)and (max-width:1199px) {
	.blog-single2.sibling-3 .image img {
		min-height: 300px
	}
}

@media(max-width:991px) {
	.blog-single2.sibling-3 .image img {
		min-height: 280px
	}
}

.blog-single2.sibling-3 .content {
	width: 90%;
	background-color: var(--white);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	margin: -45px auto 0;
	z-index: 1;
	position: relative;
	transition: all .55s ease;
	position: relative;
	padding: 30px 20px
}

.blog-single2.sibling-3 .content .blog-date {
	margin-top: 0;
	margin-bottom: 8px
}

.blog-single2.sibling-3 .content h5 {
	margin-bottom: 15px
}

.blog-single2.sibling-3 .content h5 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	transition: all .45s ease
}

.blog-single2.sibling-3 .content h5 a:hover {
	color: var(--primary-color1)
}

.blog-single2.sibling-4 {
	box-shadow: unset;
	overflow: unset
}

.blog-single2.sibling-4 .image {
	position: relative
}

.blog-single2.sibling-4 .image .blog-date {
	position: absolute;
	left: 0;
	top: 20px;
	background-color: var(--white);
	padding: 5px 15px
}

.blog-single2.sibling-4 .image .blog-date .bi {
	margin-right: 8px
}

.blog-single2.sibling-4 .image img {
	min-height: 330px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(min-width:992px)and (max-width:1199px) {
	.blog-single2.sibling-4 .image img {
		min-height: 300px
	}
}

@media(max-width:991px) {
	.blog-single2.sibling-4 .image img {
		min-height: 280px
	}
}

.blog-single2.sibling-4 .content {
	background-color: var(--white);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	z-index: 1;
	position: relative;
	transition: all .55s ease;
	position: relative;
	padding: 25px 20px;
	text-align: left
}

.blog-single2.sibling-4 .content .blog-date {
	margin-top: 0;
	margin-bottom: 8px
}

.blog-single2.sibling-4 .content span.tour-category {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	display: block;
	margin-bottom: 5px
}

.blog-single2.sibling-4 .content h5 {
	margin-bottom: 15px
}

.blog-single2.sibling-4 .content h5 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	transition: all .45s ease
}

.blog-single2.sibling-4 .content h5 a:hover {
	color: var(--primary-color1)
}

.blog-single2.sibling-5 .content h5 a:hover {
	color: var(--primary-color1)
}

.blog-single3 {
	overflow: hidden;
	position: relative;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	max-width: 440px;
	margin-left: auto;
	margin-right: auto
}

.blog-single3:hover .image img {
	transform: scale(1.1)
}

.blog-single3:hover .image span.blog-date {
	font-size: 15px;
	font-weight: 500;
	color: var(--white);
	background: var(--text-primary)
}

.blog-single3:hover .image span.blog-date .bi {
	color: var(--white);
	font-size: 14px;
	margin-right: 8px
}

.blog-single3 .image {
	position: relative;
	overflow: hidden
}

.blog-single3 .image img {
	transition: all .55s ease
}

.blog-single3 .image span.blog-date {
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-secondary);
	background: var(--white);
	padding: 6px 12px;
	transition: all .45s ease
}

.blog-single3 .image span.blog-date .bi {
	color: var(--text-secondary);
	font-size: 14px;
	margin-right: 8px
}

.blog-single3 .content {
	background: #fff;
	padding: 25px
}

@media(min-width:1200px)and (max-width:1399px) {
	.blog-single3 .content {
		padding: 20px
	}
}

.blog-single3 .content span.category {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 8px;
	display: inline-block
}

.blog-single3 .content h4 {
	margin-bottom: 25px
}

.blog-single3 .content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	transition: all .4s ease
}

@media(min-width:1200px)and (max-width:1399px) {
	.blog-single3 .content h4 a {
		font-size: 2.2rem
	}
}

.blog-single3 .content h4 a:hover {
	color: var(--text-secondary)
}

.blog-single3 .content i {
	margin-left: 5px;
	vertical-align: baseline
}

.read-more-btn {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	transition: all .4s ease;
	font-family: var(--font-work-sans);
	position: relative;
	padding-bottom: 5px;
	display: inline-flex;
	margin-top: 0;
	transition: all .55s ease;
	transform: translateY(0px);
	transition: all .4s ease
}

.read-more-btn i {
	margin-left: 10px
}

.read-more-btn::after {
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #5e5e5e;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .55s ease
}

.read-more-btn:hover {
	color: var(--primary-color1)
}

.read-more-btn:hover::after {
	border-bottom: 1px dashed var(--primary-color1)
}

.read-more-btn.sibling-2 {
	border: 1px solid #5e5e5e;
	padding-bottom: unset;
	padding: 8px 20px
}

.read-more-btn.sibling-2::after {
	content: unset
}

.read-more-btn.sibling-2:hover {
	background-color: var(--primary-color2);
	color: var(--text-primary);
	border: 1px solid var(--primary-color2)
}

h3.blog-details-subtitle {
	font-size: 3rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.7;
	margin-bottom: 10px
}

.blog-details-single {
	margin-bottom: 40px
}

.blog-details-single>img {
	margin-bottom: 30px
}

.blog-details-single p,
.blog-details-single .info-single .info-text a,
.info-single .info-text .blog-details-single a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	line-height: 1.7;
	margin-bottom: 20px
}

.blog-details-single blockquote {
	background: #fff7f5;
	padding: 40px 45px;
	position: relative;
	margin: 30px 0
}

.blog-details-single blockquote h4 {
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: 'Yeseva One', cursive;
	font-style: italic;
	line-height: 1.5
}

.blog-details-single blockquote .quote-icon {
	position: absolute;
	right: 50px;
	bottom: -12px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--primary-color1)
}

.blog-details-single blockquote .quote-icon svg {
	fill: var(--primary-color1)
}

.blog-details-single .details-img-group {
	margin-top: 0;
	margin-bottom: 35px
}

.blog-details-single .blog-details-feature-list {
	margin-bottom: 20px
}

.blog-details-single .blog-details-feature-list li {
	font-size: 18px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 12px
}

.blog-details-single .blog-details-feature-list li:last-child {
	margin-bottom: 0
}

.blog-details-single .blog-details-feature-list li::marker {
	color: var(--primary-color1);
	font-size: 24px
}

.blog-share-area {
	border-bottom: 1px solid #eee
}

.blog-share-area .blog-share {
	overflow: hidden;
	height: 24px;
	cursor: pointer
}

.blog-share-area .blog-share:hover .front {
	transform: translateY(-24px)
}

.blog-share-area .blog-share:hover .back {
	transform: translateY(-24px)
}

.blog-share-area .blog-share .front {
	text-align: end;
	transition: all .62s ease-in-out
}

.blog-share-area .blog-share .front img {
	vertical-align: baseline
}

.blog-share-area .blog-share .front span {
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--text-color);
	display: inline-block;
	margin-bottom: 0;
	margin-left: 5px
}

.blog-share-area .blog-share .back {
	text-align: end;
	transition: all .62s ease-in-out
}

.blog-share-area .blog-share .back .share-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.blog-share-area .blog-share .back .share-list a i {
	color: var(--text-color2);
	transition: all .35s ease-in-out
}

.blog-share-area .blog-share .back .share-list a:hover i {
	color: var(--primary-color1)
}

.blog-tag-area {
	display: flex;
	justify-content: start;
	align-items: center;
	padding-bottom: 15px;
	width: 100%
}

.blog-tag-area h6 {
	font-size: 15px;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin: 0
}

.blog-tag-area ul.tag-list {
	display: flex;
	justify-content: start;
	list-style: none;
	margin-bottom: 0
}

.blog-tag-area ul.tag-list li {
	margin-right: 10px
}

.blog-tag-area ul.tag-list li a {
	font-size: 17px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	transition: all .4s ease
}

.blog-tag-area ul.tag-list li a:hover {
	color: var(--primary-color1)
}

.blog-details-author {
	background: #fff;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	padding: 25px;
	margin: 70px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 25px;
	flex-wrap: nowrap
}

@media(max-width:991px) {
	.blog-details-author {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center
	}
}

.blog-details-author .author-content h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 10px
}

.blog-details-author .author-content p,
.blog-details-author .author-content .info-single .info-text a,
.info-single .info-text .blog-details-author .author-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.blog-details-author .author-content .blog-author-social {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px
}

.blog-details-author .author-content .blog-author-social li i {
	color: var(--primary-color1);
	transition: all .45s ease
}

.blog-details-author .author-content .blog-author-social li i:hover {
	transform: scale(1.1)
}

.commetn-area {
	margin-bottom: 54px
}

.commetn-area .comment-list {
	padding: 0;
	margin: 35px 0 0;
	list-style: none
}

.commetn-area .comment-list>li:last-child .comment-item {
	margin-bottom: 0
}

.commetn-area .comment-list>li .comment-reply {
	margin: 0;
	padding: 0 0 0 10%;
	list-style: none
}

.commetn-area .comment-list .comment-item {
	border-radius: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	margin-bottom: 35px
}

@media(max-width:576px) {
	.commetn-area .comment-list .comment-item {
		flex-wrap: wrap
	}
}

.commetn-area .comment-list .comment-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	margin-bottom: 15px
}

@media(max-width:576px) {
	.commetn-area .comment-list .comment-meta {
		gap: 5px;
		flex-wrap: wrap
	}
}

.commetn-area .comment-list .comment-meta h5 {
	font-size: 2rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-right: 0
}

.commetn-area .comment-list .comment-meta span {
	font-size: 14px;
	font-weight: 500;
	color: var(--text-color2)
}

.commetn-area .comment-list .content p,
.commetn-area .comment-list .content .info-single .info-text a,
.info-single .info-text .commetn-area .comment-list .content a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8
}

.commetn-area .comment-list .content .reply {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	padding-bottom: 3px;
	border-bottom: 1px dashed var(--text-secondary);
	background-color: var(--white);
	outline: none;
	margin-top: 5px;
	transition: all .4s ease
}

.commetn-area .comment-list .content .reply:hover {
	color: var(--primary-color1);
	border-bottom: 1px dashed var(--primary-color1)
}

.commetn-area .comment-list .content .reply .bi {
	margin-left: 5px
}

.blog-comment-form {
	margin-top: 35px
}

.comment-form-area .contact-from-wrapper {
	padding: 15px 55px 50px
}

@media(min-width:768px)and (max-width:991px) {
	.comment-form-area .contact-from-wrapper {
		padding: 15px 35px 50px
	}
}

@media(max-width:767px) {
	.comment-form-area .contact-from-wrapper {
		padding: 15px 25px 50px
	}
}

.testimonial-section .swiper {
	padding: 12px;
	margin: -12px
}

.testimonial-section .testimonial-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%
}

@media(max-width:991px) {
	.testimonial-section .testimonial-wrapper {
		flex-wrap: wrap
	}
}

.testimonial-section .testimonial-wrapper .testimonial-area {
	padding: 100px 0;
	width: 58%;
	background: var(--text-primary);
	min-height: 660px;
	position: relative;
	display: flex;
	align-items: center
}

@media(max-width:991px) {
	.testimonial-section .testimonial-wrapper .testimonial-area {
		width: 100%;
		min-height: auto;
		padding: 60px 0
	}
}

.testimonial-section .testimonial-wrapper .testimonial-area .testi-quote {
	position: absolute;
	top: 10%;
	right: 5%
}

.testimonial-section .testimonial-wrapper .newsletter-area {
	min-height: 660px;
	background: url(../images/bg/newsletter-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 10px;
	width: 42%;
	min-width: 440px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width:991px) {
	.testimonial-section .testimonial-wrapper .newsletter-area {
		width: 100%
	}
}

@media(max-width:576px) {
	.testimonial-section .testimonial-wrapper .newsletter-area {
		min-width: 280px
	}
}

.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box {
	text-align: center;
	padding: 50px 35px;
	background: linear-gradient(152.97deg, rgba(0, 0, 0, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	width: 100%;
	max-width: 400px;
	border: 1px solid rgba(0, 255, 178, .15)
}

@media(max-width:576px) {
	.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box {
		padding: 50px 25px
	}
}

.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box h3 {
	font-size: 3.2rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px
}

.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box p,
.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box .info-single .info-text a,
.info-single .info-text .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box a {
	font-size: 17px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.testimonial-section4 .swiper {
	margin: -15px;
	padding: 15px
}

.newsletter-form {
	margin-top: 40px
}

.newsletter-form .form-inner {
	width: 100%;
	margin-bottom: 25px
}

.newsletter-form .form-inner input,
.newsletter-form .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .newsletter-form .form-inner textarea,
.newsletter-form form.style-1 .form-inner textarea,
form.style-1 .newsletter-form .form-inner textarea {
	width: 100%;
	background: 0 0;
	border: 1px solid #dddddd6e;
	height: 52px;
	line-height: 52px;
	padding: 0 20px;
	color: var(--white);
	transition: all .4s ease
}

.newsletter-form .form-inner input:focus,
.newsletter-form .contact-from-wrapper .form-inner textarea:focus,
.contact-from-wrapper .newsletter-form .form-inner textarea:focus,
.newsletter-form form.style-1 .form-inner textarea:focus,
form.style-1 .newsletter-form .form-inner textarea:focus {
	border: 1px solid var(--primary-color1)
}

.newsletter-form .form-inner input::-moz-placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea::-moz-placeholder,
.newsletter-form form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .newsletter-form .form-inner textarea::-moz-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.newsletter-form .form-inner input:-ms-input-placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea:-ms-input-placeholder,
.newsletter-form form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .newsletter-form .form-inner textarea:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.newsletter-form .form-inner input::placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea::placeholder,
.newsletter-form form.style-1 .form-inner textarea::placeholder,
form.style-1 .newsletter-form .form-inner textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.testimonial-wrap {
	width: 100%;
	max-width: 690px;
	margin-left: auto;
	margin-right: 40px;
	padding: 30px 30px 30px 0;
	position: relative
}

@media(max-width:991px) {
	.testimonial-wrap {
		margin-left: auto;
		margin-right: auto
	}
}

@media(max-width:1399px) {
	.testimonial-wrap {
		padding: 30px
	}
}

.testimonial-single1 {
	padding-bottom: 30px
}

.testimonial-single1 .testimonial-content {
	border: 1px solid rgba(249, 248, 248, .16);
	padding: 35px 25px
}

@media(min-width:768px)and (max-width:991px) {
	.testimonial-single1 .testimonial-content {
		padding: 30px 25px
	}
}

@media(min-width:576px)and (max-width:768px) {
	.testimonial-single1 .testimonial-content {
		padding: 25px
	}
}

@media(max-width:576px) {
	.testimonial-single1 .testimonial-content {
		padding: 25px 20px
	}
}

.testimonial-single1 .testimonial-content>p,
.testimonial-single1 .info-single .info-text .testimonial-content>a,
.info-single .info-text .testimonial-single1 .testimonial-content>a {
	font-size: 2.4rem;
	font-weight: 300;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.testimonial-single1 .star-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 10px
}

.testimonial-single1 .star-list li .bi {
	color: var(--primary-color1)
}

.testimonial-single1 .testi-author1 {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	gap: 18px;
	padding-top: 30px;
	padding-left: 55px;
	position: relative;
	margin-top: 20px
}

.testimonial-single1 .testi-author1::before {
	content: "";
	position: absolute;
	top: -45px;
	left: 60px;
	width: 50px;
	height: 50px;
	background: #09100d;
	border-bottom: 1px solid rgba(249, 248, 248, .16);
	border-left: 1px solid rgba(249, 248, 248, .16);
	transform: rotate(-45deg)
}

.testimonial-single1 .testi-author1 .image {
	width: 60px;
	height: 60px
}

.testimonial-single1 .testi-author1 .image img {
	width: 100%;
	border-radius: 50%
}

.testimonial-single1 .testi-author1 .author-text h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-merriw)
}

.testimonial-single1 .testi-author1 .author-text p,
.testimonial-single1 .testi-author1 .author-text .info-single .info-text a,
.info-single .info-text .testimonial-single1 .testi-author1 .author-text a {
	font-size: 16px;
	font-weight: 400;
	color: #cbcbcb;
	margin-bottom: 0
}

.testimonial-single1.siblling-2 {
	position: relative;
	padding: 0 15px
}

.testimonial-single1.siblling-2 svg {
	fill: var(--text-light);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -40px
}

.testimonial-single1.siblling-2 .star-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	gap: 10px;
	margin-bottom: 10px
}

.testimonial-single1.siblling-2 .star-list li .bi {
	color: var(--primary-color2)
}

@media(max-width:991px) {
	.testimonial-single1.siblling-2 .star-list {
		justify-content: start
	}
}

.testimonial-single1.siblling-2>p,
.info-single .info-text .testimonial-single1.siblling-2>a {
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	margin-bottom: 35px
}

.testimonial-single1.siblling-2 .testi-author {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px
}

.testimonial-single1.siblling-2 .author-text h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);

}

.testimonial-single1.siblling-2 .author-text p,
.testimonial-single1.siblling-2 .author-text .info-single .info-text a,
.info-single .info-text .testimonial-single1.siblling-2 .author-text a {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	margin-bottom: 0
}

.testimonial-single1.sibling-3 {
	text-align: center;
	border: 1px solid #eee;
	padding: 30px 25px
}

.testimonial-single1.sibling-3>p,
.info-single .info-text .testimonial-single1.sibling-3>a {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	line-height: 1.6;
	margin-bottom: 22px
}

.testimonial-single1.sibling-3 .image {
	position: relative
}

.testimonial-single1.sibling-3 .image .testi-quote {
	position: absolute;
	top: -3px;
	left: -15px;
	width: 30px;
	height: 30px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: #d5543733;
	padding: 5px
}

.testimonial-single1.sibling-3 .testi-author {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.testimonial-single1.sibling-3 .author-text h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.testimonial-single1.sibling-4 {
	text-align: left;
	padding: 30px 25px;
	background: #fff;
	box-shadow: 4px 3px 15px rgba(16, 33, 34, .06)
}

.testimonial-single1.sibling-4>p,
.info-single .info-text .testimonial-single1.sibling-4>a {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	line-height: 1.6;
	margin-bottom: 22px
}

.testimonial-single1.sibling-4 .image {
	position: relative
}

.testimonial-single1.sibling-4 .image>img {
	width: 60px;
	height: 60px
}

.testimonial-single1.sibling-4 .image .testi-quote {
	position: absolute;
	top: -3px;
	left: -15px;
	width: 30px;
	height: 30px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: var(--white);
	padding: 5px;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06)
}

.testimonial-single1.sibling-4 .testi-author {
	display: flex;
	flex-direction: row;
	gap: 25px;
	margin-bottom: 15px;
	align-items: center
}

.testimonial-single1.sibling-4 .author-text h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 0
}

.testimonial-single1.sibling-4 .author-text span {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	display: block
}

.swiper-pagination,
.testimonial1-pagination {
	position: relative;
	z-index: 89;
	margin-top: -45px
}

@media(max-width:576px) {

	.swiper-pagination,
	.testimonial1-pagination {
		margin-top: unset
	}
}

.swiper-pagination .swiper-pagination-bullet,
.testimonial1-pagination .swiper-pagination-bullet {
	border: 1px solid var(--white);
	width: 15px;
	height: 15px;
	z-index: 9;
	background: var(--white)
}

.swiper-pagination .swiper-pagination-bullet-active,
.testimonial1-pagination .swiper-pagination-bullet-active {
	position: relative;
	border: 1px solid var(--primary-color1);
	background: 0 0
}

.swiper-pagination .swiper-pagination-bullet-active::before,
.testimonial1-pagination .swiper-pagination-bullet-active::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--primary-color1);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-2,
.testimonial1-pagination.sibling-2 {
	height: 16px;
	bottom: 0;
	margin-top: 50px
}

.swiper-pagination.sibling-2 .swiper-pagination-bullet,
.testimonial1-pagination.sibling-2 .swiper-pagination-bullet {
	position: relative
}

.swiper-pagination.sibling-2 .swiper-pagination-bullet::before,
.testimonial1-pagination.sibling-2 .swiper-pagination-bullet::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--text-primary);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-2 .swiper-pagination-bullet-active,
.testimonial1-pagination.sibling-2 .swiper-pagination-bullet-active {
	position: relative;
	border: 1px solid var(--primary-color2);
	background: 0 0
}

.swiper-pagination.sibling-2 .swiper-pagination-bullet-active::before,
.testimonial1-pagination.sibling-2 .swiper-pagination-bullet-active::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--primary-color2);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-3,
.testimonial1-pagination.sibling-3 {
	height: 16px;
	bottom: 0;
	margin-top: 50px
}

.swiper-pagination.sibling-3 .swiper-pagination-bullet,
.testimonial1-pagination.sibling-3 .swiper-pagination-bullet {
	position: relative
}

.swiper-pagination.sibling-3 .swiper-pagination-bullet::before,
.testimonial1-pagination.sibling-3 .swiper-pagination-bullet::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--text-primary);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-3 .swiper-pagination-bullet-active,
.testimonial1-pagination.sibling-3 .swiper-pagination-bullet-active {
	position: relative;
	border: 1px solid var(--primary-color3);
	background: 0 0
}

.swiper-pagination.sibling-3 .swiper-pagination-bullet-active::before,
.testimonial1-pagination.sibling-3 .swiper-pagination-bullet-active::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--primary-color3);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-4,
.testimonial1-pagination.sibling-4 {
	height: 16px;
	bottom: 0;
	margin-top: 50px
}

.swiper-pagination.sibling-4 .swiper-pagination-bullet,
.testimonial1-pagination.sibling-4 .swiper-pagination-bullet {
	position: relative
}

.swiper-pagination.sibling-4 .swiper-pagination-bullet::before,
.testimonial1-pagination.sibling-4 .swiper-pagination-bullet::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--text-primary);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination.sibling-4 .swiper-pagination-bullet-active,
.testimonial1-pagination.sibling-4 .swiper-pagination-bullet-active {
	position: relative;
	border: 1px solid var(--primary-color1);
	background: 0 0
}

.swiper-pagination.sibling-4 .swiper-pagination-bullet-active::before,
.testimonial1-pagination.sibling-4 .swiper-pagination-bullet-active::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--primary-color1);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.swiper-pagination-number .swiper-pagination-bullet {
	background: 0 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-primary)
}

.swiper-pagination-number .swiper-pagination-bullet-active {
	background: 0 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--primary-color3)
}

.swiper-banner-pagination {
	position: relative;
	z-index: 89
}

.swiper-banner-pagination .swiper-pagination-bullet {
	border: 1px solid var(--white);
	width: 15px;
	height: 15px;
	z-index: 9;
	background: var(--white)
}

.swiper-banner-pagination .swiper-pagination-bullet-active {
	position: relative;
	border: 1px solid var(--primary-color1);
	background: 0 0
}

.swiper-banner-pagination .swiper-pagination-bullet-active::before {
	content: "";
	width: 9px;
	height: 9px;
	background: var(--primary-color1);
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	z-index: -1
}

.intro-sectoin {
	background-color: #fff7f5;
	padding: 115px 15px 230px
}

.intro-sectoin .intro-content {
	text-align: center
}

.intro-sectoin .intro-content span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	position: relative;
	text-transform: uppercase;
	letter-spacing: 3px
}

.intro-sectoin .intro-content span::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -60px;
	width: 2px;
	height: 40px;
	background: var(--primary-color2);
	opacity: .55
}

.intro-sectoin .intro-content h2 {
	font-size: 4.2rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.4
}

.intro-sectoin .intro-content p,
.intro-sectoin .intro-content .info-single .info-text a,
.info-single .info-text .intro-sectoin .intro-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 28px
}

.offer-single {
	position: relative;
	height: 300px;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-direction: column;
	padding: 30px;
	overflow: hidden
}

.offer-single:hover .offer-bg {
	transform: scale(1.1) rotate(2deg)
}

.offer-single .offer-badge {
	position: absolute;
	top: 25px;
	right: 25px
}

.offer-single .offer-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
	transition: all .6s ease
}

.offer-single .content a {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-work-sans);
	line-height: 1.2
}

.offer-single .content span {
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	display: block
}

.offer-single.sibling-2 .content a {
	font-size: 2.5rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-merriw)
}

.offer-single.sibling-2 .content span {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	display: block;
	margin-top: 5px
}

.offer-section {
	margin-top: -170px
}

.offer-section .swiper {
	background: #fff;
	box-shadow: 4px 3px 35px rgba(117, 117, 117, .12);
	padding: 20px
}

.offer-section.sibling-2 {
	margin-top: unset
}

.feature-section {
	background-image: url(../images/bg/feature-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	margin-bottom: 120px
}

@media(max-width:1199px) {
	.feature-section {
		margin-bottom: 0
	}
}

.feature-section .feature-image {
	transform: translateY(120px)
}

@media(min-width:992px)and (max-width:1199px) {
	.feature-section .feature-image {
		transform: translateY(0px)
	}
}

.feature-section .feature-content {
	padding: 50px 15px;
	width: 100%;
	max-width: 600px
}

.feature-section .feature-content span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-work-sans);
	text-transform: uppercase;
	letter-spacing: 3px
}

.feature-section .feature-content h2 {
	font-size: 4.2rem;	
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	line-height: 1.4
}

.feature-section .feature-content ul.feature-list {
	list-style: none;
	margin: 35px 0 25px;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-wrap: wrap
}

.feature-section .feature-content ul.feature-list li {
	font-size: 18px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 15px;
	display: block;
	position: relative;
	padding-left: 30px;
	min-width: 250px;
	transition: all .35s ease
}

.feature-section .feature-content ul.feature-list li:hover {
	transform: translateX(10px)
}

.feature-section .feature-content ul.feature-list li::before {
	content: url(../images/icons/list-arrow.svg);
	position: absolute;
	left: 0;
	top: 3px
}

.feature2-list {
	margin-bottom: 40px
}

.feature2-list li {
	font-size: 17px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 15px;
	padding-left: 12px
}

.feature2-list li:last-child {
	margin-bottom: 0
}

.feature2-list li::marker {
	content: "";
	font-family: bootstrap-icons;
	font-weight: 500
}

.feature3-list {
	margin-bottom: 30px
}

.feature3-list li {
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 8px;
	padding-left: 0
}

.feature3-list li:last-child {
	margin-bottom: 0
}

.feature3-list li::marker {
	color: var(--primary-color2)
}

.feature3-list.sibling-2 li {
	font-size: 2rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.feature3-list.sibling-2 li::marker {
	color: var(--primary-color1)
}

.feature-image-group {
	position: relative;
	margin-left: 0;
	margin-bottom: 30px
}

@media(min-width:992px)and (max-width:1199px) {
	.feature-image-group {
		margin-left: -20px
	}
}

@media(max-width:991px) {
	.feature-image-group {
		margin-left: 0;
		margin-top: 40px
	}
}

.feature-image-group .feature3-icon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
	z-index: 2
}

.feature-image-group .feature-image {
	position: relative;
	width: 100%;
	max-width: 320px;
	height: auto
}

.feature-image-group .feature-image::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: 0 0;
	width: 90%;
	height: 90%;
	border: 1px solid #e2e2e2
}

.feature-image-group .feature-image.translate-y {
	transform: translateY(30px)
}

.tour-package-section {
	padding-left: 3%;
	padding-right: 3%
}

.tour-package-section .swiper-wrapper {
	padding-bottom: 60px
}

.tour-package-section .swiper-wrapper .swiper-slide:nth-child(even) {
	padding-top: 70px
}

@media(max-width:576px) {
	.tour-package-section .swiper-wrapper .swiper-slide:nth-child(even) {
		padding-top: 0
	}
}

.tour-package-section .swiper-wrapper .swiper-slide-active p,
.tour-package-section .swiper-wrapper .swiper-slide-active .info-single .info-text a,
.info-single .info-text .tour-package-section .swiper-wrapper .swiper-slide-active a {
	-webkit-animation: unset;
	animation: unset
}

.tour-package-single {
	position: relative;
	width: 100%;
	max-width: 410px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto
}

.tour-package-single:hover .package-content p,
.tour-package-single:hover .package-content .info-single .info-text a,
.info-single .info-text .tour-package-single:hover .package-content a {
	height: 100%;
	opacity: 1
}

.tour-package-single .package-content {
	padding: 60px 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	transition: all .6s ease
}

@media(min-width:992px)and (max-width:1199px) {
	.tour-package-single .package-content {
		padding: 60px 25px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.tour-package-single .package-content {
		padding: 60px 25px
	}
}

@media(min-width:576px)and (max-width:768px) {
	.tour-package-single .package-content {
		padding: 60px 25px
	}
}

@media(max-width:576px) {
	.tour-package-single .package-content {
		padding: 60px 25px
	}
}

.tour-package-single .package-content h4 {
	font-size: 2.5rem;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 5px;
	transition: all .6s ease;
	line-height: 1.4
}

.tour-package-single .package-content p,
.tour-package-single .package-content .info-single .info-text a,
.info-single .info-text .tour-package-single .package-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	height: 0;
	opacity: 0;
	transition: all .6s ease
}

.tour-package-single .package-content span.price {
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.tour-package-single .explore-btn {
	background-color: var(--text-primary);
	font-size: 18px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans);
	border-radius: 50%;
	width: 115px;
	height: 115px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -60px;
	z-index: 99;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .6s ease
}

.tour-package-single .explore-btn:hover {
	background: var(--primary-color2)
}

.tour-package-single2 {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 420px;
	margin: 0 auto
}

.tour-package-single2:hover .image img {
	transform: scale(1.1)
}

.tour-package-single2:hover .image span.blog-date {
	font-size: 15px;
	font-weight: 500;
	color: var(--white);
	background: var(--primary-color2);
	color: var(--text-primary)
}

.tour-package-single2:hover .image span.blog-date .bi {
	color: var(--text-primary);
	font-size: 14px;
	margin-right: 8px
}

.tour-package-single2 .image {
	position: relative;
	overflow: hidden
}

.tour-package-single2 .image img {
	height: 280px;
	transition: all .55s ease;
	-o-object-fit: cover;
	object-fit: cover
}

.tour-package-single2 .image span.blog-date {
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-secondary);
	background: var(--text-secondary);
	color: var(--white);
	padding: 6px 12px;
	transition: all .45s ease
}

.tour-package-single2 .image span.blog-date .bi {
	color: var(--white);
	font-size: 14px;
	margin-right: 8px;
	transition: all .45s ease
}

.tour-package-single2 .content {
	background: #fff;
	padding: 25px 25px 35px;
	text-align: center;
	border: 1px solid #eee
}

.tour-package-single2 .content span.category {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 8px;
	display: inline-block
}

.tour-package-single2 .content p,
.tour-package-single2 .content .info-single .info-text a,
.info-single .info-text .tour-package-single2 .content a {
	margin-bottom: 28px
}

.tour-package-single2 .content h4 {
	margin-bottom: 10px
}

.tour-package-single2 .content h4 a {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.49;
	transition: all .4s ease
}

.tour-package-single2 .content h4 a:hover {
	color: var(--text-secondary)
}

.tour-package-single2 .content i {
	margin-left: 5px;
	vertical-align: baseline
}

.tour-package-widget {
	border: 1px solid rgba(238, 238, 238, .8);
	padding: 25px;
	margin-bottom: 35px;
	position: relative
}

@media(max-width:767px) {
	.tour-package-widget {
		padding: 25px 20px
	}
}

.tour-package-widget .select-widget .nice-select {
	background-color: var(--white);
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	height: 50px;
	line-height: 46px;
	outline: none;
	position: relative;
	text-align: left !important;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	border-radius: 0;
	border: 1px solid #eee;
	font-size: 18px
}

.tour-package-widget .select-widget .nice-select::after {
	border-bottom: 1px solid var(--text-primary);
	border-right: 1px solid var(--text-primary)
}

.tour-package-widget .select-widget .nice-select .option {
	min-height: 30px;
	line-height: 30px;
	font-size: 16px
}

.tour-package-widget .select-widget .nice-select .option:hover {
	background: var(--primary-color1);
	color: var(--white)
}

.tour-package-widget .select-widget .nice-select .option.selected {
	background: var(--primary-color1) !important
}

.tour-package-widget .select-widget .nice-select .current {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary)
}

.tour-package-widget .select-widget .nice-select .list {
	border: unset;
	border: 1px solid rgba(41, 43, 49, .03);
	margin-top: 6px;
	z-index: 100;
	border-radius: 0;
	width: 100%;
	min-width: 80px
}

.tour-package-widget .range-widget .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.1em;
	height: 1.1em;
	cursor: pointer;
	touch-action: none;
	border: 1px solid var(--primary-color1-light) !important;
	border-radius: 50%;
	background: var(--white) !important;
	transition: all .45s ease-in-out
}

.tour-package-widget .range-widget .ui-slider .ui-slider-handle:hover {
	background-color: var(--primary-color1) !important
}

.tour-package-widget .range-widget .ui-widget.ui-widget-content {
	background: #fff;
	border: 1px solid var(--primary-color1-light);
	border-radius: 3px
}

.tour-package-widget .range-widget .ui-slider-horizontal {
	height: 8px
}

.tour-package-widget .range-widget .ui-slider-horizontal .ui-slider-handle {
	top: -7px;
	margin-left: -.6em
}

.tour-package-widget .range-widget .ui-slider-horizontal .ui-slider-handle:focus {
	border: unset;
	outline: unset;
	background-color: var(--primary-color1) !important
}

.tour-package-widget .range-widget .ui-widget-header {
	border: 1px solid var(--primary-color1-light);
	background: var(--primary-color1-light);
	color: #333;
	font-weight: 700
}

.tour-package-widget .range-widget button,
.tour-package-widget .range-widget input,
.tour-package-widget .range-widget form.style-1 .form-inner textarea,
form.style-1 .form-inner .tour-package-widget .range-widget textarea,
.tour-package-widget .range-widget optgroup,
.tour-package-widget .range-widget select,
.tour-package-widget .range-widget textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border: 1px solid #eee;
	padding: 4px 15px;
	font-size: 16px;
	width: 48%
}

.tour-package-widget .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 500
}

.tour-package-widget .container .bi {
	color: #fc3;
	margin-right: 3px
}

.tour-package-widget .checkbox-container input,
.tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea,
.tour-package-widget .checkbox-container form.style-1 .form-inner textarea,
form.style-1 .form-inner .tour-package-widget .checkbox-container textarea {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.tour-package-widget .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee
}

.tour-package-widget .checkbox-container:hover input~.checkmark,
.tour-package-widget .checkbox-container:hover .contact-from-wrapper .form-inner textarea~.checkmark,
.contact-from-wrapper .form-inner .tour-package-widget .checkbox-container:hover textarea~.checkmark,
.tour-package-widget .checkbox-container:hover form.style-1 .form-inner textarea~.checkmark,
form.style-1 .form-inner .tour-package-widget .checkbox-container:hover textarea~.checkmark {
	background-color: #ccc
}

.tour-package-widget .checkbox-container input:checked~.checkmark,
.tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea:checked~.checkmark,
.contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark,
.tour-package-widget .checkbox-container form.style-1 .form-inner textarea:checked~.checkmark,
form.style-1 .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark {
	background-color: var(--primary-color1)
}

.tour-package-widget .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.tour-package-widget .checkbox-container input:checked~.checkmark:after,
.tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea:checked~.checkmark:after,
.contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark:after,
.tour-package-widget .checkbox-container form.style-1 .form-inner textarea:checked~.checkmark:after,
form.style-1 .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark:after {
	display: block
}

.tour-package-widget .checkbox-container .checkmark:after {
	left: 7px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

.clearfix::after {
	content: "";
	clear: both;
	display: block
}

h4.package-widget-title {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 30px
}

.package-filter-area {
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.package-filter-area h4 {
	font-size: 2.5rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.tour-package-sidebar {
	max-width: 100%
}

.tour-package-sidebar-mobile {
	background: var(--white);
	width: 100%;
	max-width: 290px;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	opacity: 0;
	transition: all .55s ease-in-out;
	z-index: 999;
	padding: 30px 20px;
	height: 100%;
	overflow: auto;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, .07)
}

.tour-package-sidebar-mobile.show {
	transform: translateX(0%);
	opacity: 1
}

.tour-package-sidebar-mobile .package-sidebar-close {
	margin-bottom: 30px;
	text-align: right
}

.tour-package-sidebar-mobile .package-sidebar-close i {
	font-size: 28px;
	color: var(--primary-color1)
}

.check-box-item {
	margin-bottom: 35px
}

.check-box-item h5 {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 20px;
	font-family: var(--font-merriw)
}

.about5-title>span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 3px;
	display: block;
	margin-bottom: 0;
	text-transform: uppercase
}

.about5-title h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.45;
	margin-bottom: 20px
}

.about5-title h2 span {
	font-size: 4.2rem;
	font-weight: 500;
	color: var(--primary-color3);
	font-family: var(--font-merriw)
}

.about5-title p,
.about5-title .info-single .info-text a,
.info-single .info-text .about5-title a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	line-height: 1.7;
	margin-bottom: 20px
}

.about5-title a {
	font-size: 17px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.about3-title {
	padding-right: 40px
}

.about3-title>span {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color2);
	font-family: var(--font-satisfy);
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 3px;
	text-transform: uppercase
}

.about3-title h2 {
	font-size: 4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.4;
	margin-bottom: 20px
}

.about3-title p,
.about3-title .info-single .info-text a,
.info-single .info-text .about3-title a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	line-height: 1.7;
	margin-bottom: 20px
}

.about3-title a {
	font-size: 17px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.about5-content {
	padding-left: 45px
}

@media(max-width:991px) {
	.about5-content {
		padding-left: 0
	}
}

.about5-content p,
.about5-content .info-single .info-text a,
.info-single .info-text .about5-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	margin-bottom: 15px
}

.about5-content ul.about-list {
	margin-bottom: 45px
}

.about5-content ul.about-list li {
	font-size: 2rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 10px
}

.about5-content ul.about-list li:last-child {
	margin-bottom: 0
}

.about5-content ul.about-list li::marker {
	font-size: 120%;
	color: var(--text-primary)
}

.about5-content .quote-area {
	position: relative;
	padding-left: 30px
}

.about5-content .quote-area::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	height: 100%;
	width: 2px;
	background: var(--primary-color3)
}

.about5-content .quote-area>p,
.about5-content .info-single .info-text .quote-area>a,
.info-single .info-text .about5-content .quote-area>a {
	font-size: 2rem;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	line-height: 1.7;
	margin-bottom: 20px
}

.about5-content .quote-area .author h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.about5-content .quote-area .author p,
.about5-content .quote-area .author .info-single .info-text a,
.info-single .info-text .about5-content .quote-area .author a {
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.wild-package-section {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.wild-package-section::before {
	content: url(../images/bg/wildtour-bg.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.wild-package-section .container {
	position: relative
}

.wild-package-section .container::before {
	content: "";
	position: absolute;
	top: 0;
	left: -99.6%;
	width: 100%;
	background: #fff7f5;
	height: 110%;
	z-index: 9
}

.wild-package-section .container .swiper {
	overflow: visible
}

.wild-package-single {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	min-height: 450px;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%)
}

@media(min-width:1400px)and (max-width:1599px) {
	.wild-package-single {
		min-height: 450px
	}
}

@media(min-width:1200px)and (max-width:1399px) {
	.wild-package-single {
		min-height: 420px
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.wild-package-single {
		min-height: 380px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.wild-package-single {
		min-height: 330px
	}
}

@media(max-width:767px) {
	.wild-package-single {
		min-height: 300px
	}
}

.wild-package-single .wild-package-img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transform: scale(1);
	transition: all .65s ease-in-out
}

.wild-package-single .text {
	margin-bottom: 35px;
	padding-left: 30px;
	transition: all .35s ease-in-out;
	transform: scaleY(1)
}

.wild-package-single .text span {
	font-size: 18px;
	font-weight: 500;
	font-family: var(--font-work-sans);
	color: var(--white);
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 12px;
	text-transform: capitalize
}

.wild-package-single .text span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	border-radius: 10px;
	background: linear-gradient(90.05deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.84%)
}

.wild-package-single .text h4 a {
	font-size: 2.6rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-merriw)
}

.wild-package-single .content-wrapper {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform: translateY(100%);
	transition: all .65s ease
}

.wild-package-single .content {
	transition: all .65s ease-in-out;
	background: var(--white);
	width: 100%;
	padding: 25px 30px
}

.wild-package-single .content h4 {
	font-size: 2.3rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 10px
}

.wild-package-single .content p,
.wild-package-single .content .info-single .info-text a,
.info-single .info-text .wild-package-single .content a {
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color3);
	font-family: var(--font-work-sans);
	margin-bottom: 20px
}

.wild-package-single .content .details-btn {
	font-size: 18px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-bottom: 5px
}

.wild-package-single .content .details-btn::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 2px;
	border-radius: 4px;
	background: linear-gradient(90.05deg, #000000 0%, rgba(255, 255, 255, 0) 100.84%);
	transition: all .4s ease
}

.wild-package-single .content .details-btn:hover::before {
	width: 100%
}

.wild-package-single:hover .content-wrapper {
	opacity: 1;
	transform: translateY(0%)
}

.wild-package-single:hover .text {
	opacity: 0;
	transform: scaleY(1)
}

.facilities-section {
	background: #fff7f5;
	padding: 90px 0
}

.facility-single {
	border: 1px dashed #5e5e5e;
	padding: 25px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	transition: all .55s ease
}

.facility-single:hover {
	background: var(--primary-color2);
	border: 1px dashed transparent
}

@media(max-width:767px) {
	.facility-single {
		gap: 15px
	}
}

.facility-single .text h4 {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 10px
}

.facility-single .text p,
.facility-single .text .info-single .info-text a,
.info-single .info-text .facility-single .text a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.facility-single2 {
	background: #fff;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	text-align: center;
	padding: 35px 25px;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.facility-single2:hover::before {
	transform: scale(1);
	opacity: 1
}

.facility-single2:hover .facility-content h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--white)
}

.facility-single2:hover .facility-content p,
.facility-single2:hover .facility-content .info-single .info-text a,
.info-single .info-text .facility-single2:hover .facility-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--white)
}

.facility-single2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color1);
	z-index: -1;
	transform: scale(.8);
	opacity: 0;
	transition: all .55s ease
}

.facility-single2 .facility-icon {
	margin-bottom: 30px
}

.facility-single2 .facility-content h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	transition: all .45s ease;
	margin-bottom: 15px
}

.facility-single2 .facility-content p,
.facility-single2 .facility-content .info-single .info-text a,
.info-single .info-text .facility-single2 .facility-content a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0;
	transition: all .45s ease
}

.tour-guide-single {
	overflow: hidden;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	border-radius: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 470px
}

.tour-guide-single:hover .guide-image img {
	transform: scale(1.1)
}

.tour-guide-single:hover .guide-image .social-area {
	opacity: 1;
	transform: translateY(0%)
}

.tour-guide-single .guide-image {
	overflow: hidden;
	position: relative
}

.tour-guide-single .guide-image img {
	transition: all .65s ease
}

.tour-guide-single .guide-image .social-area {
	background-color: rgba(9, 16, 13, .6);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .65s ease;
	opacity: 0;
	transform: translateY(100%)
}

.tour-guide-single .guide-contnent {
	padding: 20px 20px 25px;
	text-align: center;
	transition: all .55s ease
}

.tour-guide-single .guide-contnent h4 a {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.tour-guide-single .guide-contnent p,
.tour-guide-single .guide-contnent .info-single .info-text a,
.info-single .info-text .tour-guide-single .guide-contnent a {
	font-size: 17px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.tour-guide-single .guide-social {
	margin: 0 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 25px;
	border-radius: 3px;
	transition: all .45s ease
}

.tour-guide-single .guide-social i {
	border: 1px solid #eee;
	border-radius: 3px;
	width: 25px;
	height: 25px;
	line-height: 24px;
	color: #0f1012;
	background: var(--white);
	text-align: center;
	font-size: 16px;
	transition: all .5s ease-out 0s
}

.tour-guide-single .guide-social i:hover {
	background: var(--primary-color2);
	border: 1px solid var(--primary-color2)
}

.tour-guide-single.sibling-2 .guide-contnent h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.tour-guide-single2 {
	background: var(--white);
	border-radius: 0;
	transition: all .5s ease-in-out;
	width: 100%;
	max-width: 470px;
	margin: 0 auto
}

.tour-guide-single2:hover .tour-guide-image .tour-guide-content {
	opacity: 1;
	transform: translateX(-50%) scale(1)
}

.tour-guide-single2 .tour-guide-image {
	position: relative
}

.tour-guide-single2 .tour-guide-image .social-area {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 45px;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	flex-direction: column
}

.tour-guide-single2 .tour-guide-image .social-area:hover .social-links {
	transform: scaleY(1);
	visibility: visible;
	opacity: 1
}

.tour-guide-single2 .tour-guide-image .social-area .social-links {
	padding: 0;
	margin: 0;
	transform: scaleY(0);
	transition: all .55s ease-in-out;
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	list-style: none;
	margin: 0;
	padding: 0
}

.tour-guide-single2 .tour-guide-image .social-area .social-links a .bx {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--white);
	font-size: 18px;
	color: var(--primary-color1);
	transition: all .42s ease-in-out
}

.tour-guide-single2 .tour-guide-image .social-area .social-links a .bx:hover {
	background-color: var(--primary-color1);
	color: var(--white)
}

.tour-guide-single2 .tour-guide-image .social-area .social-plus {
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--white);
	transition: all .42s ease-in-out
}

.tour-guide-single2 .tour-guide-image .social-area .social-plus:hover {
	background-color: var(--primary-color1);
	color: var(--white)
}

.tour-guide-single2 .tour-guide-image .social-area .social-plus:hover .bx {
	font-size: 18px;
	color: var(--white)
}

.tour-guide-single2 .tour-guide-image .social-area .social-plus .bx {
	font-size: 18px;
	color: var(--primary-color1);
	transition: all .42s ease-in-out;
	cursor: pointer
}

.tour-guide-single2 .tour-guide-image .tour-guide-content {
	background: #fff;
	border-radius: 0;
	text-align: center;
	padding: 20px 25px;
	transition: all .45s ease-in;
	width: 90%;
	z-index: 1;
	opacity: 0;
	transition: all .65s ease;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%) scale(.7);
	z-index: 9
}

.tour-guide-single2 .tour-guide-image .tour-guide-content .name {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 5px;
	text-transform: capitalize
}

.tour-guide-single2 .tour-guide-image .tour-guide-content .designation {
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.newsletter-section {
	background-image: linear-gradient(rgba(8, 4, 17, 0.8), rgba(8, 4, 17, 0.8)), url("../images/bg/newsletter3-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0
}

.newsletter-section .newsletter-area .newsletter-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px
}

@media(max-width:991px) {
	.newsletter-section .newsletter-area .newsletter-title {
		margin-bottom: 30px
	}
}

.newsletter-section .newsletter-area .newsletter-title h5 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 0
}

.newsletter-section .newsletter-area .newsletter-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px
}

@media(max-width:767px) {
	.newsletter-section .newsletter-area .newsletter-wrap {
		gap: 0
	}
}

.newsletter-section .newsletter-area .newsletter-wrap form {
	width: 100%
}

.newsletter-section .newsletter-area .newsletter-wrap form input,
.newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea,
.newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea {
	height: 60px;
	line-height: 60px;
	border: 1px solid var(--text-secondary);
	width: 100%;
	background-color: transparent;
	padding: 20px;
	color: var(--white);
	transition: all .45s ease
}

.newsletter-section .newsletter-area .newsletter-wrap form input:focus,
.newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea:focus,
.contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea:focus,
.newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea:focus {
	border: 1px solid var(--primary-color2)
}

@media(max-width:767px) {

	.newsletter-section .newsletter-area .newsletter-wrap form input,
	.newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea,
	.contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea,
	.newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea {
		height: 50px
	}
}

.newsletter-section .newsletter-area .newsletter-wrap button {
	height: 60px;
	background: var(--primary-color2);
	color: var(--white);
	min-width: 120px;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	position: relative;
	z-index: 1
}

@media(max-width:767px) {
	.newsletter-section .newsletter-area .newsletter-wrap button {
		height: 50px
	}
}

.newsletter-section .newsletter-area .newsletter-wrap button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--white);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.newsletter-section .newsletter-area .newsletter-wrap button:hover::after {
	transform: scale(1);
	opacity: 1
}

.trip-category-section {
	position: relative;
	z-index: 1
}

.trip-category-section .trip-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.trip-category-single {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	background: var(--white)
}

.trip-category-single:hover .trip-image img {
	transform: scale(1.1)
}

.trip-category-single:hover .trip-content .trip-bottom .trip-meta-list {
	margin-top: -25px
}

.trip-category-single:hover .trip-content .trip-bottom .explore-btn {
	margin-top: -25px
}

.trip-category-single .trip-image {
	position: relative;
	overflow: hidden
}

.trip-category-single .trip-image img {
	transition: all .65s ease
}

.trip-category-single .trip-image span.blog-date {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	background: #359d9e;
	padding: 6px 12px
}

@media(max-width:576px) {
	.trip-category-single .trip-image image {
		width: 100%
	}
}

.trip-category-single .trip-content {
	padding: 30px 20px;
	border-left: 1px solid rgba(238, 238, 238, .8);
	border-bottom: 1px solid rgba(238, 238, 238, .8);
	border-right: 1px solid rgba(238, 238, 238, .8);
	background-color: var(--white)
}

.trip-category-single .trip-content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.5;
	transition: all .4s ease
}

.trip-category-single .trip-content h4 a:hover {
	color: var(--primary-color1)
}

.trip-category-single .trip-content .explore-btn {
	font-size: 18px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.trip-category-single .trip-content .explore-btn i {
	margin-left: 5px;
	vertical-align: baseline
}

.trip-category-single .trip-content .trip-text {
	transition: all .55s ease
}

.trip-category-single .trip-content .trip-text p,
.trip-category-single .trip-content .trip-text .info-single .info-text a,
.info-single .info-text .trip-category-single .trip-content .trip-text a {
	transition: all .55s ease
}

.trip-category-single .trip-content .trip-bottom {
	width: 100%;
	height: 25px;
	overflow: hidden
}

.trip-category-single .trip-content .trip-bottom .trip-meta-list {
	margin-top: 0;
	transition: all .5s ease
}

.trip-category-single .trip-content .trip-bottom .explore-btn {
	margin-top: 0;
	transition: all .5s ease
}

.trip-category-single .trip-meta-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: row
}

.trip-category-single .trip-meta-list li {
	font-size: 15px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	margin-right: 16px
}

.trip-category-single .trip-meta-list li .bx {
	font-size: 16px;
	vertical-align: center;
	margin-right: 8px;
	margin-top: -3px
}

.info-title-area {
	text-align: center;
	margin-bottom: 50px
}

.info-title-area h3 {
	font-size: 4rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px;
	margin-top: -5px
}

.info-title-area p,
.info-title-area .info-single .info-text a,
.info-single .info-text .info-title-area a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.info-single {
	background: #fff;
	border: 1px solid #eee;
	padding: 35px 20px;
	text-align: center;
	transition: all .55s ease
}

.info-single:hover {
	border: 1px solid transparent
}

.info-single:hover .info-icon::before {
	transform: scale(1);
	opacity: 1
}

.info-single:hover .info-icon i {
	color: var(--white)
}

.info-single .info-icon {
	border: 1px solid #eee;
	margin: 0 auto 20px;
	position: relative;
	z-index: 1;
	background: var(--white);
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%
}

.info-single .info-icon::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--primary-color1);
	border-radius: 50%;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 1;
	transition: all .55s ease;
	opacity: 0;
	transform: scale(.3)
}

.info-single .info-icon i {
	font-size: 35px;
	font-weight: 300;
	transition: all .55s ease
}

.info-single .info-text h3 {
	font-size: 2.6rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px
}

.info-single .info-text p,
.info-single .info-text a {
	font-size: 18px;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.info-single .info-text a {
	display: block;
	margin-bottom: 0
}

.contact-from-wrapper {
	background: #fff;
	border: 1.5px solid #eee;
	padding: 25px 65px 60px
}

@media(min-width:768px)and (max-width:991px) {
	.contact-from-wrapper {
		padding: 10px 40px 45px
	}
}

@media(min-width:576px)and (max-width:768px) {
	.contact-from-wrapper {
		padding: 5px 30px 40px
	}
}

@media(max-width:576px) {
	.contact-from-wrapper {
		padding: 10px 25px 45px
	}
}

.contact-from-wrapper .form-inner {
	padding: 15px 0
}

@media(max-width:576px) {
	.contact-from-wrapper .form-inner {
		padding: 8px 0
	}
}

.contact-from-wrapper .form-inner input,
.contact-from-wrapper .form-inner textarea,
.contact-from-wrapper form.style-1 .form-inner textarea,
form.style-1 .contact-from-wrapper .form-inner textarea {
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	padding: 12px 0;
	transition: all .45s ease;
	font-size: 16px;
	color: var(--text-primary)
}

.contact-from-wrapper .form-inner input::-moz-placeholder,
.contact-from-wrapper .form-inner textarea::-moz-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-moz-transition: all .45s ease;
	transition: all .45s ease
}

.contact-from-wrapper .form-inner input:-ms-input-placeholder,
.contact-from-wrapper .form-inner textarea:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-ms-transition: all .45s ease;
	transition: all .45s ease
}

.contact-from-wrapper .form-inner input::placeholder,
.contact-from-wrapper .form-inner textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

.contact-from-wrapper .form-inner input:focus,
.contact-from-wrapper .form-inner textarea:focus {
	border-bottom: 1px solid var(--primary-color1)
}

.contact-from-wrapper .form-inner input:focus::-moz-placeholder,
.contact-from-wrapper .form-inner textarea:focus::-moz-placeholder {
	color: var(--primary-color1)
}

.contact-from-wrapper .form-inner input:focus:-ms-input-placeholder,
.contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder {
	color: var(--primary-color1)
}

.contact-from-wrapper .form-inner input:focus::placeholder,
.contact-from-wrapper .form-inner textarea:focus::placeholder {
	color: var(--primary-color1)
}

.contact-from-wrapper .submit-btn {
	margin-top: 25px
}

.error-wrapper {
	padding: 0 30px
}

.error-wrapper .error-image {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 20px 30px
}

.error-wrapper .error-image img {
	margin-bottom: 30px;
	-webkit-animation: jump 2s linear infinite alternate;
	animation: jump 2s linear infinite alternate
}

@keyframes jump {
	0% {
		transform: translateY(-5px)
	}

	100% {
		transform: translateY(5px)
	}
}

.error-wrapper .error-text p,
.error-wrapper .error-text .info-single .info-text a,
.info-single .info-text .error-wrapper .error-text a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 30px;
	line-height: 1.7
}

.faq-wrap .accordion-item {
	margin-bottom: 24px;
	border: none;
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06)
}

.faq-wrap .accordion-item:last-child {
	margin-bottom: 0
}

.faq-wrap .accordion-button {
	font-weight: 500;
	font-size: 20px;
	background: var(--white);
	border-radius: 5px;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	padding: 25px 60px 25px 25px;
	padding-right: 60px;
	position: relative;
	transition: .4s ease-in;
	line-height: 1.7
}

@media(max-width:767px) {
	.faq-wrap .accordion-button {
		padding: 20px 55px 20px 20px
	}
}

.faq-wrap .accordion-button:hover {
	color: #fff;
	background: var(--primary-color1)
}

.faq-wrap .accordion-button:hover::after {
	color: #fff
}

.faq-wrap .accordion-button:focus {
	z-index: unset;
	border-color: unset;
	outline: 0;
	background: var(--white);
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
	color: var(--text-primary)
}

.faq-wrap .accordion-button::after {
	flex-shrink: 0;
	width: unset;
	height: unset;
	margin-left: auto;
	background-image: none;
	background-repeat: unset;
	background-size: unset;
	font-family: bootstrap-icons !important;
	font-size: 15px;
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	transition: unset;
	font-size: 20px;
	color: var(--text-primary);
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease
}

.faq-wrap .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: unset;
	font-family: bootstrap-icons !important;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	color: var(--white)
}

.faq-wrap .accordion-body {
	font-weight: 400;
	font-size: 17px;
	line-height: 30px;
	font-family: var(--font-work-sans);
	border-top: none;
	text-align: left;
	padding: 25px
}

.faq-wrap .accordion-button:not(.collapsed) {
	box-shadow: unset;
	color: var(--white);
	border-radius: 5px 5px 0 0;
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
	background: var(--primary-color1)
}

.faq-wrap.sibling-2 .accordion-button {
	font-size: 20px;
	padding: 20px 60px 20px 20px
}

.sidebar-widget:last-child {
	margin-bottom: 0
}

.sidebar-widget .newsletter-area {
	background-image: url(../images/bg/side-newsletter.png);
	padding: 35px 25px;
	border-radius: 0;
	background-size: cover;
	background-repeat: no-repeat
}

.sidebar-widget .newsletter-area .banner-form-box {
	border-radius: 0;
	border: 1px solid rgba(144, 185, 86, .33)
}

.sidebar-widget .newsletter-area .newsletter-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px
}

@media(max-width:991px) {
	.sidebar-widget .newsletter-area .newsletter-title {
		margin-bottom: 30px
	}
}

.sidebar-widget .newsletter-area .newsletter-title h5 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--white);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 0
}

.sidebar-widget .newsletter-area .newsletter-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px
}

@media(max-width:767px) {
	.sidebar-widget .newsletter-area .newsletter-wrap {
		gap: 0
	}
}

.sidebar-widget .newsletter-area .newsletter-wrap form {
	width: 100%
}

.sidebar-widget .newsletter-area .newsletter-wrap form input,
.sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea,
.sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea {
	height: 60px;
	line-height: 60px;
	border: 1px solid var(--text-secondary);
	width: 100%;
	background-color: transparent;
	padding: 20px;
	color: var(--white);
	transition: all .45s ease
}

.sidebar-widget .newsletter-area .newsletter-wrap form input:focus,
.sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea:focus,
.sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea:focus,
.contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea:focus {
	border: 1px solid var(--primary-color2)
}

@media(max-width:767px) {

	.sidebar-widget .newsletter-area .newsletter-wrap form input,
	.sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea,
	.sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea,
	.contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea {
		height: 50px
	}
}

.sidebar-widget .newsletter-area .newsletter-wrap button {
	height: 60px;
	background: var(--primary-color2);
	color: var(--white);
	min-width: 120px;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	position: relative;
	z-index: 1
}

@media(max-width:767px) {
	.sidebar-widget .newsletter-area .newsletter-wrap button {
		height: 50px
	}
}

.sidebar-widget .newsletter-area .newsletter-wrap button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--white);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(.6);
	border-radius: 0;
	opacity: 0
}

.sidebar-widget .newsletter-area .newsletter-wrap button:hover::after {
	transform: scale(1);
	opacity: 1
}

.sidebar-offer {
	position: relative;
	z-index: 1
}

@media(max-width:576px) {
	.sidebar-offer {
		max-width: 435px;
		margin: 0 auto
	}
}

.sidebar-offer img {
	width: 100%
}

.sidebar-offer::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	z-index: 1
}

.sidebar-offer .offer-badge {
	position: absolute;
	right: 25px;
	top: 25px
}

.sidebar-offer .offer-content {
	text-align: center;
	padding: 0 25px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	width: 100%
}

.sidebar-offer .offer-content .review-area span {
	font-size: 12px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.sidebar-offer .offer-content .review-area .star-list li i {
	font-size: 10px;
	font-weight: 400;
	color: var(--white)
}

.sidebar-offer .offer-content h4 {
	margin-bottom: 10px
}

.sidebar-offer .offer-content h4 a {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--font-merriw)
}

.sidebar-offer .offer-content .price {
	margin-bottom: 25px
}

.sidebar-offer .offer-content .price span {
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.sidebar-offer .offer-content .price del {
	font-size: 1.4rem;
	font-weight: 500;
	color: #878787;
	font-family: var(--font-work-sans)
}

.desti-sidebar-widget {
	margin-bottom: 60px
}

.desti-sidebar-widget h4.widget-title {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-top: -5px;
	margin-bottom: 30px
}

.sidebar-search form .form-inner {
	border: 1px solid #eee;
	display: flex;
	flex-direction: row;
	padding: 15px
}

.sidebar-search form .form-inner input,
.sidebar-search form.style-1 .form-inner textarea,
.sidebar-search form .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .sidebar-search form .form-inner textarea {
	outline: none;
	border: none;
	width: 100%;
	color: var(--text-primary)
}

.sidebar-search form .form-inner input::-moz-placeholder,
.sidebar-search form.style-1 .form-inner textarea::-moz-placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea::-moz-placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-moz-transition: all .45s ease;
	transition: all .45s ease
}

.sidebar-search form .form-inner input:-ms-input-placeholder,
.sidebar-search form.style-1 .form-inner textarea:-ms-input-placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea:-ms-input-placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-ms-transition: all .45s ease;
	transition: all .45s ease
}

.sidebar-search form .form-inner input::placeholder,
.sidebar-search form.style-1 .form-inner textarea::placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

.sidebar-search form .form-inner input:focus::-moz-placeholder,
.sidebar-search form.style-1 .form-inner textarea:focus::-moz-placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea:focus::-moz-placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea:focus::-moz-placeholder {
	color: var(--primary-color1)
}

.sidebar-search form .form-inner input:focus:-ms-input-placeholder,
.sidebar-search form.style-1 .form-inner textarea:focus:-ms-input-placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea:focus:-ms-input-placeholder {
	color: var(--primary-color1)
}

.sidebar-search form .form-inner input:focus::placeholder,
.sidebar-search form.style-1 .form-inner textarea:focus::placeholder,
.sidebar-search form .contact-from-wrapper .form-inner textarea:focus::placeholder,
.contact-from-wrapper .sidebar-search form .form-inner textarea:focus::placeholder {
	color: var(--primary-color1)
}

.sidebar-search form .form-inner button {
	border: none;
	outline: none;
	background-color: var(--white)
}

.sidebar-search form .form-inner button i {
	font-size: 28px;
	color: var(--text-primary);
	transition: all .45s ease
}

.sidebar-search form .form-inner button:hover i {
	color: var(--primary-color1)
}

.tour-package-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.tour-package-list li {
	margin-bottom: 25px
}

.tour-package-list li:last-child {
	margin-bottom: 0
}

.tour-package-list .sidebar-package-single {
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 18px;
	align-items: center
}

.tour-package-list .sidebar-package-single .package-content h5 {
	margin-bottom: 8px
}

.tour-package-list .sidebar-package-single .package-content h5 a {
	font-size: 17px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.tour-package-list .sidebar-package-single .package-content span {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-secondary);
	margin-bottom: 10px;
	display: inline-block
}

.tour-package-list .sidebar-package-single .package-content span .bi {
	color: var(--primary-color1);
	font-weight: 600
}

.tour-package-list .sidebar-package-single .package-content .package-price {
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.tour-category .tour-category-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.tour-category .tour-category-list li {
	position: relative;
	padding-left: 25px;
	transition: all .65s ease;
	margin-bottom: 20px
}

.tour-category .tour-category-list li:last-child {
	margin-bottom: 0
}

.tour-category .tour-category-list li::before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	font-family: bootstrap-icons;
	transition: all .45s ease
}

.tour-category .tour-category-list li a {
	font-size: 18px;
	font-weight: 400;
	color: var(--font-work-sans);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

.tour-category .tour-category-list li:hover {
	padding-left: 30px
}

.tour-category .tour-category-list li:hover::before {
	color: var(--primary-color1)
}

.tour-category .tour-category-list li:hover a {
	color: var(--primary-color1)
}

.sidebar-social-area .sidebar-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	gap: 25px
}

.sidebar-social-area .sidebar-social-list i {
	border: 1px solid #eee;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: var(--text-secondary);
	background: var(--white);
	text-align: center;
	font-size: 18px;
	transition: all .45s ease-out 0s
}

.sidebar-social-area .sidebar-social-list i:hover {
	background: var(--primary-color1);
	border: 1px solid var(--primary-color1);
	color: var(--white)
}

.destination-block h3 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 22px
}

.destination-block p,
.destination-block .info-single .info-text a,
.info-single .info-text .destination-block a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.desti-details-block {
	margin-bottom: 50px
}

.desti-details-block:last-child {
	margin-bottom: 0
}

.desti-details-block h3 {
	font-size: 3.5rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 25px
}

.desti-details-block p,
.desti-details-block .info-single .info-text a,
.info-single .info-text .desti-details-block a {
	margin-bottom: 25px
}

.desti-details-block .desti-details-img {
	margin: 33px 0
}

.desti-details-block h5 {
	font-size: 19px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	font-style: italic;
	margin-bottom: 25px
}

.desti-details-block h6 {
	font-size: 17px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.7;
	margin-bottom: 25px;
	margin-top: -5px
}

.desti-details-block .desti-details-sm-img {
	margin-top: 10px;
	margin-bottom: 30px
}

.desti-details-block .desti-details-sm-img p,
.desti-details-block .desti-details-sm-img .info-single .info-text a,
.info-single .info-text .desti-details-block .desti-details-sm-img a {
	font-size: 16px;
	font-weight: 500;
	color: var(--text-secondary);
	font-style: italic;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0
}

.map-area {
	height: 300px
}

.map-area iframe {
	height: 100%;
	width: 100%;
	filter: grayscale(199%) invert(98%) contrast(122%)
}

.blog-standard-single {
	background: #fff;
	border: 1px solid #eee;
	padding: 30px 30px 40px;
	margin-bottom: 60px
}

.blog-standard-single:last-child {
	margin-bottom: 0
}

.blog-standard-single .blog-format {
	margin-bottom: 30px;
	position: relative
}

.blog-standard-single .blog-format span.blog-date {
	position: absolute;
	bottom: 30px;
	left: 35px;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	padding: 5px 15px;
	background: var(--white);
	z-index: 9
}

@media(max-width:576px) {
	.blog-standard-single .blog-format span.blog-date {
		bottom: 20px;
		left: 25px
	}
}

.blog-standard-single .blog-format .video-js {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 99
}

.blog-standard-single .blog-content h3 {
	margin-bottom: 10px
}

.blog-standard-single .blog-content h3 a {
	font-size: 3rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	transition: all .35s ease
}

.blog-standard-single .blog-content h3:hover a {
	color: var(--primary-color1)
}

.blog-standard-single .author-area {
	margin-bottom: 20px
}

.blog-standard-single .author-area p,
.blog-standard-single .author-area .info-single .info-text a,
.info-single .info-text .blog-standard-single .author-area a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.blog-standard-single .author-area p a,
.blog-standard-single .author-area .info-single .info-text a a,
.info-single .info-text .blog-standard-single .author-area a a {
	color: var(--primary-color1)
}

.blog-standard-single .blog-meta {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
	flex-wrap: wrap;
	gap: 35px
}

.blog-standard-single ul.share-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 15px
}

.blog-standard-single ul.share-list>li {
	position: relative;
	font-size: 17px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	padding-right: 15px;
	cursor: pointer;
	transition: all .45s ease
}

.blog-standard-single ul.share-list>li:hover {
	color: var(--primary-color1)
}

.blog-standard-single ul.share-list>li:hover .blog-social {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}

.blog-standard-single ul.share-list>li:last-child {
	padding-right: 0
}

.blog-standard-single ul.share-list>li:last-child::after {
	content: unset
}

.blog-standard-single ul.share-list>li i {
	margin-right: 8px
}

.blog-standard-single ul.share-list>li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background-color: var(--border-color)
}

.blog-standard-single ul.share-list>li ul.blog-social {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 10px;
	position: absolute;
	top: 29px;
	right: -23px;
	display: flex;
	flex-direction: row;
	padding: 2px 10px;
	opacity: 0;
	visibility: hidden;
	transition: all .45s ease;
	transform: translateY(-10px)
}

.blog-standard-single ul.share-list>li ul.blog-social li {
	color: var(--text-primary);
	transition: all .45s ease
}

.blog-standard-single ul.share-list>li ul.blog-social li:hover {
	color: var(--primary-color1)
}

@media(max-width:991px) {
	.blog-sidebar {
		margin-top: 90px;
		padding: 0 10px
	}
}

.blog-widget {
	margin-bottom: 60px
}

.blog-widget .trending-post-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.blog-widget .trending-post-list li {
	margin-bottom: 30px
}

.blog-widget .trending-post-list li:last-child {
	margin-bottom: 0
}

.blog-widget .trending-post-list .trending-post-single {
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 15px;
	align-items: center
}

.blog-widget .trending-post-list .trending-post-single .post-content h6 {
	margin-bottom: 10px
}

.blog-widget .trending-post-list .trending-post-single .post-content h6 a {
	font-size: 17px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.55;
	transition: all .45s ease
}

.blog-widget .trending-post-list .trending-post-single .post-content h6:hover a {
	color: var(--primary-color1)
}

.blog-widget .trending-post-list .trending-post-single .post-content span.post-date {
	font-size: 15px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.blog-widget:last-child {
	margin-bottom: 0
}

.blog-widget-title {
	position: relative;
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	display: inline-block;
	padding-bottom: 12px;
	margin-bottom: 30px
}

.blog-widget-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	background: linear-gradient(90.04deg, var(--primary-color1) 0%, rgba(30, 204, 209, 0) 99.27%);
	border-radius: 30px;
	height: 2px
}

h3.tour-details-subtitle {
	font-size: 3rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	line-height: 1.7;
	margin-bottom: 25px
}

.nav-btn-style {
	background: var(--white);
	min-width: 0;
	color: var(--text-secondary);
	font-size: 20px;
	font-weight: 500;
	font-family: var(--font-work-sans);
	padding: 10px 20px;
	text-align: left;
	transition: all .42s ease;
	border-radius: 0
}

@media(min-width:1200px)and (max-width:1399px) {
	.nav-btn-style {
		padding: 10px 15px
	}
}

.nav-btn-style svg {
	margin-right: 10px;
	color: var(--text-secondary);
	transition: all .42s ease
}

.nav-btn-style:hover {
	background-color: var(--primary-color1);
	color: var(--white)
}

.nav-btn-style:hover svg {
	fill: var(--white)
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border: 1px solid #eee;
	margin-bottom: 45px
}

@media(max-width:1199px) {
	.nav {
		padding: 20px;
		gap: 12px
	}
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--white);
	background-color: var(--primary-color1)
}

.nav-pills .nav-link.active svg,
.nav-pills .show>.nav-link svg {
	fill: var(--white)
}

.nav-pills .nav-link {
	border-radius: 0;

    min-width: 207px;
}

@media(min-width:1200px)and (max-width:1399px) {
	.nav-pills .nav-link {
		min-width: 144px;
		font-size: 18px
	}
}

.nav-pills .nav-link:last-child {
	border-right: unset
}

@media(max-width:1399px) {
	.nav-pills .nav-link {
		border-right: unset
	}
}

@media(max-width:576px) {
	.nav-pills .nav-link {
		width: 100%
	}
}

.tour-information .details-img-group {
	margin: 18px 0 40px
}

.tour-information .tour-price {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px
}

.tour-information .tour-price h3 {
	font-size: 3.5rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw)
}

.tour-information .tour-price span {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-merriw)
}

.tour-information ul.tour-info-metalist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 25px
}

@media(max-width:576px) {
	.tour-information ul.tour-info-metalist {
		flex-wrap: wrap;
		gap: 5px
	}
}

.tour-information ul.tour-info-metalist li {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-right: 35px
}

.tour-information ul.tour-info-metalist li svg {
	margin-top: -5px;
	margin-right: 8px;
	fill: var(--primary-color1)
}

.tour-information p {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	line-height: 1.7;
	text-align: justify;
}

.tour-info-list-area {
	border: 1px solid #eee;
	background-color: var(--white);
	margin: 30px 0
}

.tour-info-list-area ul.info-list-1 {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
	padding: 30px
}

@media(max-width:767px) {
	.tour-info-list-area ul.info-list-1 {
		padding: 25px 20px
	}
}

.tour-info-list-area ul.info-list-1>li {
	display: block;
	margin-bottom: 25px
}

.tour-info-list-area ul.info-list-1>li span:first-child {
	font-size: 18px;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	width: 35%;
	display: inline-block
}

@media(max-width:767px) {
	.tour-info-list-area ul.info-list-1>li span:first-child {
		width: 100%;
		margin-bottom: 8px
	}
}

.tour-info-list-area ul.info-list-1>li span:last-child {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	width: 65%
}

.tour-info-list-area ul.info-list-1>li ul.info-sublist {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 80%;
	margin-left: auto;
	margin-top: -25px;
	gap: 5px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

@media(max-width:767px) {
	.tour-info-list-area ul.info-list-1>li ul.info-sublist {
		width: 100%;
		margin-top: 10px;
		margin-left: 0
	}
}

.tour-info-list-area ul.info-list-1>li ul.info-sublist li {
	display: inline-block;
	width: 100%;
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

@media(max-width:767px) {
	.tour-info-list-area ul.info-list-1>li ul.info-sublist li {
		width: 100%
	}
}

.tour-info-list-area ul.info-list-1>li ul.info-sublist i {
	color: var(--primary-color1);
	font-size: 20px;
	font-weight: 500;
	vertical-align: middle;
	margin-right: 8px
}

.tour-plan-single {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 40px
}

.tour-plan-single:last-child {
	margin-bottom: 0
}

@media(max-width:576px) {
	.tour-plan-single {
		flex-wrap: wrap;
		gap: 20px
	}
}

.tour-plan-single .plan-serial {
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid var(--primary-color1);
	min-width: 54px;
	border-radius: 0;
	background: var(--white);
	transition: all .45s cubic-bezier(.84, .35, .39, .74)
}

.tour-plan-single .plan-serial span {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: 600;
	color: var(--primary-color1);
	font-family: var(--font-work-sans);
	transition: all .45s cubic-bezier(.84, .35, .39, .74)
}

.tour-plan-single h4.plan-title {
	font-size: 2.2rem;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 20px
}

.tour-plan-single p,
.tour-plan-single .info-single .info-text a,
.info-single .info-text .tour-plan-single a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.tour-plan-single:hover .plan-serial {
	background: var(--primary-color1)
}

.tour-plan-single:hover .plan-serial span {
	font-size: 2.8rem;
	font-weight: 600;
	color: var(--white)
}

.tour-plan-single .plan-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 25px
}

.tour-plan-single .plan-list li {
	font-size: 18px;
	font-weight: 400;
	color: var(--text-primary);
	font-family: var(--font-work-sans);
	margin-bottom: 15px;
	position: relative;
	padding-left: 25px
}

.tour-plan-single .plan-list li::before {
	content: "";
	font-family: bootstrap-icons;
	position: absolute;
	left: 0;
	top: 5px;
	font-weight: 300;
	font-size: 14px;
	color: var(--primary-color1)
}

.tour-location .map-area {
	margin-bottom: 30px
}

.tour-gallery {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
	max-width: 415px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.tour-gallery:hover img {
	transform: scale(1.1)
}

.tour-gallery img {
	transition: all .55s ease
}

.tour-review-area {
	padding: 0 10px
}

.review-progress-box {
	border: 1px solid #eee;
	margin: 45px 0;
	padding: 35px
}

@media(max-width:767px) {
	.review-progress-box {
		padding: 25px
	}
}

.review-progress-box .tour-review-number {
	text-align: center
}

@media(max-width:991px) {
	.review-progress-box .tour-review-number {
		margin-bottom: 15px
	}
}

.review-progress-box .tour-review-number span {
	font-size: 5rem;
	font-weight: 500;
	color: var(--primary-color1);
	font-family: var(--font-work-sans)
}

.review-progress-box .tour-review-number h2 {
	font-size: 2.5rem;
	font-weight: 500;
	color: var(--text-primary);
	font-family: var(--font-work-sans)
}

.review-progress-box .progress-singl {
	position: relative;
	margin-bottom: 35px
}

.review-progress-box .progress-singl:last-child {
	margin-bottom: 0
}

.review-progress-box .progress-singl span {
	position: absolute;
	top: 0;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.review-progress-box .progress-bar {
	position: relative;
	display: block;
	text-align: right;
	background: 0 0;
	color: var(--text-secondary);
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	overflow: visible
}

.review-progress-box .progress-bar:after {
	content: "";
	position: absolute;
	top: 25px;
	left: 0;
	display: block;
	height: 6px;
	border-radius: 5px;
	width: var(--progress);
	-webkit-animation: progress 2s;
	animation: progress 2s;
	background: var(--primary-color1);
	border-radius: 5px 0 0 5px;
	border-right: 0;
	outline: none;
	z-index: 9
}

.review-progress-box .progress-bar:before {
	content: "";
	position: absolute;
	top: 25px;
	left: 0;
	display: block;
	height: 6px;
	border-radius: 5px;
	width: 100%;
	-webkit-animation: progress 2s;
	animation: progress 2s;
	background: var(--primary-color1-light);
	border-radius: 5px 0 0 5px;
	border-right: 0;
	outline: none;
	z-index: 9
}

@-webkit-keyframes progress {
	from {
		width: 0
	}

	to {
		width: var(--progress)
	}
}

@keyframes progress {
	from {
		width: 0
	}

	to {
		width: var(--progress)
	}
}

.review-commetn-area {
	margin-bottom: 54px
}

.review-commetn-area .review-comment-list {
	padding: 0;
	margin: 35px 0 0;
	list-style: none
}

.review-commetn-area .review-comment-list>li:last-child .comment-item {
	margin-bottom: 0
}

.review-commetn-area .review-comment-list>li .comment-reply {
	margin: 0;
	padding: 0 0 0 10%;
	list-style: none
}

.review-commetn-area .review-comment-list .comment-item {
	border-radius: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	margin-bottom: 35px
}

@media(max-width:576px) {
	.review-commetn-area .review-comment-list .comment-item {
		flex-wrap: wrap
	}
}

.review-commetn-area .review-comment-list .comment-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	margin-bottom: 15px
}

@media(max-width:576px) {
	.review-commetn-area .review-comment-list .comment-meta {
		gap: 5px;
		flex-wrap: wrap
	}
}

.review-commetn-area .review-comment-list .comment-meta h5 {
	font-size: 2rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-right: 0
}

.review-commetn-area .review-comment-list .comment-meta span {
	font-size: 14px;
	font-weight: 500;
	color: var(--text-color2)
}

.review-commetn-area .review-comment-list .content p,
.review-commetn-area .review-comment-list .content .info-single .info-text a,
.info-single .info-text .review-commetn-area .review-comment-list .content a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8
}

.review-commetn-area .review-comment-list .content .reply {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	padding-bottom: 3px;
	border-bottom: 1px dashed var(--text-secondary);
	background-color: var(--white);
	outline: none;
	margin-top: 5px;
	transition: all .4s ease
}

.review-commetn-area .review-comment-list .content .reply:hover {
	color: var(--primary-color1);
	border-bottom: 1px dashed var(--primary-color1)
}

.review-commetn-area .review-comment-list .content .reply .bi {
	margin-left: 5px
}

.review-item-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 25px
}

.review-item-list>li {
	display: inline-flex;
	margin-right: 20px
}

.review-item-list>li span {
	display: inline-block;
	margin-right: 15px;
	font-size: 18px;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.review-item-list>li .star-list {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 10px
}

.review-item-list>li .star-list li {
	color: var(--primary-color1)
}

.material-icons.star-icon {
	font-size: 38px;
	cursor: pointer
}

.star-rating-wrapper {
	margin-top: 30px;
	margin-bottom: 20px
}

.star-rating-wrapper ul.star-rating-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0
}

.star-rating-wrapper ul.star-rating-list li {
	margin-right: 10px
}

.star-rating-wrapper ul.star-rating-list li span {
	display: inline-block;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.booking-form-box {
	position: relative;
	z-index: 9;
	text-align: center;
	padding: 35px 30px;
	background: #fff;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	width: 100%;
	margin: 0 auto 60px;
	border-radius: 5px
}

@media(max-width:991px) {
	.booking-form-box {
		margin-top: 20px
	}
}

@media(max-width:576px) {
	.booking-form-box {
		padding: 40px 20px
	}
}

.booking-form-box h3 {
	font-size: 2.8rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	margin-bottom: 15px
}

.booking-form-box p,
.booking-form-box .info-single .info-text a,
.info-single .info-text .booking-form-box a {
	font-size: 17px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans)
}

.booking-form-box .banner-form {
	margin-top: 40px
}

.booking-form-box .banner-form .searchbox-input {
	width: 100%
}

.booking-form-box .banner-form .searchbox-input input,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea {
	width: 100%;
	height: 50px;
	border: unset;
	background-color: var(--white);
	padding-left: 10px;
	color: var(--text-primary);
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input input:focus::-moz-placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus::-moz-placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus::-moz-placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input input:focus:-ms-input-placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus:-ms-input-placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input input:focus::placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus::placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus::placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input input::-moz-placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-moz-transition: all .45s ease;
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input input:-ms-input-placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-ms-transition: all .45s ease;
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input input::placeholder,
.booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea::placeholder,
.booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input textarea {
	width: 100%;
	border: none;
	outline: none;
	padding: 13px 10px
}

.booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input textarea:focus::placeholder {
	color: var(--primary-color1)
}

.booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-moz-transition: all .45s ease;
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	-ms-transition: all .45s ease;
	transition: all .45s ease
}

.booking-form-box .banner-form .searchbox-input textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	transition: all .45s ease
}

.booking-form-box .banner-form .search-box-single {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	margin-bottom: 25px;
	padding: 0 20px;
	border: 1px solid #eee;
	transition: all .45s ease
}

@media(max-width:576px) {
	.booking-form-box .banner-form .search-box-single {
		padding: 0 12px
	}
}

.booking-form-box .banner-form .search-box-single .searchbox-icon {
	padding-top: 13px
}

.booking-form-box .banner-form .search-box-single .searchbox-icon .bi {
	vertical-align: middle;
	transition: all .45s ease
}

.booking-form-box .banner-form .search-box-single:hover {
	border: 1px solid var(--primary-color1)
}

.booking-form-box .banner-form .search-box-single:hover .bi {
	color: var(--primary-color1)
}

.booking-form-box .nice-select {
	background-color: #828286;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	outline: none;
	position: relative;
	text-align: left !important;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	border-radius: 0;
	border: unset;
	padding-left: 10px
}

.booking-form-box .nice-select::after {
	border-bottom: 2px solid var(--white);
	border-right: 2px solid var(--white)
}

.booking-form-box .nice-select .option {
	min-height: 35px;
	line-height: 35px;
	font-size: 14px
}

.booking-form-box .nice-select .option:hover {
	background: var(--primary-color2);
	color: var(--text-primary)
}

.booking-form-box .nice-select .option.selected {
	background: var(--primary-color2) !important
}

.booking-form-box .nice-select .current {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--white)
}

.booking-form-box .nice-select .list {
	border: unset;
	border: 1px solid rgba(41, 43, 49, .03);
	margin-top: 6px;
	z-index: 100;
	border-radius: 0;
	width: 100%;
	min-width: 80px
}

.ui-datepicker {
	width: 17em;
	padding: .5em .5em 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 13
}

.calendar {
	font-size: 16px
}

.ui-datepicker td {
	border: 0;
	padding: 2px
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background: var(--primary-color1);
	border: 1px solid var(--primary-color1);
	color: #fff;
	border-radius: 0
}

div#ui-datepicker-div {
	border: 1px solid transparent;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
	border-radius: 0;
	margin-top: 8px;
	margin-left: -15px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid transparent;
	background: var(--white);
	font-weight: 400;
	padding: 4px;
	transition: all .45s ease;
	color: var(--text-color1)
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-button:hover,
html .ui-button.ui-state-disabled:hover:hover,
html .ui-button.ui-state-disabled:active:hover {
	border: 1px solid var(--primary-color1);
	color: var(--primary-color1)
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid var(--primary-color1) !important;
	color: var(--primary-color1) !important
}

.ui-widget-header .ui-icon {
	background-image: unset;
	position: relative
}

.ui-widget-header .ui-icon::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	font-family: bootstrap-icons;
	color: var(--white);
	z-index: 9
}

.ui-datepicker-prev {
	border: 1px solid var(--primary-color1)
}

.ui-datepicker-prev:hover {
	border: 1px solid var(--primary-color1);
	background-color: inherit
}

.ui-datepicker-prev::after {
	content: "";
	font-family: bootstrap-icons;
	font-weight: 400;
	position: absolute;
	top: -1px;
	left: 5px;
	z-index: 9;
	margin: auto;
	font-size: 22px;
	color: var(--white);
	transition: all .35s ease
}

.ui-datepicker-prev span.ui-icon {
	display: none !important;
	visibility: hidden
}

.ui-datepicker-next {
	border: 1px solid var(--primary-color1)
}

.ui-datepicker-next:hover {
	border: 1px solid var(--primary-color1);
	background-color: inherit
}

.ui-datepicker-next::after {
	content: "";
	font-family: bootstrap-icons;
	font-weight: 400;
	position: absolute;
	top: -1px;
	left: 5px;
	z-index: 9;
	margin: auto;
	font-size: 22px;
	color: var(--white);
	transition: all .35s ease
}

.ui-datepicker-next span.ui-icon {
	display: none !important;
	visibility: hidden
}

.image-gallery-single {
	margin-bottom: 15px
}

.image-gallery-single img {
	width: 100%
}

.image-gallery-single .image-view {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(.7);
	opacity: 0;
	transition: all .45s ease-in-out
}

.image-gallery-single .image-view .bi {
	color: var(--primary-color1);
	font-size: 35px;
	opacity: 0;
	transition: all .45s ease-in-out
}

.image-gallery-single:hover .image-view {
	transform: scale(1);
	opacity: 1
}

.image-gallery-single:hover .image-view .bi {
	opacity: 1
}

.video-gallery-single {
	margin-bottom: 25px
}

.video-gallery-single img {
	width: 100%
}

.form-wrapper {
	border-radius: 5px;
	box-shadow: 5px 7px 35px rgba(139, 139, 139, .1);
	padding: 40px;
	background: var(--white)
}

@media(max-width:576px) {
	.form-wrapper {
		padding: 25px
	}
}

.form-wrapper .form-title {
	text-align: center;
	margin-bottom: 60px
}

.form-wrapper .form-title h3 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: 'Yeseva One', cursive;
	text-align: center;
	margin-bottom: 20px
}

.form-wrapper .form-title p,
.form-wrapper .form-title .info-single .info-text a,
.info-single .info-text .form-wrapper .form-title a {
	font-size: 20px;
	font-weight: 400;
	color: var(--text-primary)
}

.form-wrapper .form-title p a,
.form-wrapper .form-title .info-single .info-text a a,
.info-single .info-text .form-wrapper .form-title a a {
	font-weight: 600;
	font-size: 20px;
	text-transform: capitalize;
	color: var(--text-primary)
}

.form-wrapper .form-title2 {
	margin-bottom: 30px
}

.form-wrapper .form-title2 h3 {
	font-size: 35px;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 15px
}

.form-wrapper label {
	color: var(--text-primary);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px
}

.form-wrapper input,
.form-wrapper form.style-1 .form-inner textarea,
form.style-1 .form-inner .form-wrapper textarea,
.form-wrapper .contact-from-wrapper .form-inner textarea,
.contact-from-wrapper .form-inner .form-wrapper textarea,
.form-wrapper textarea {
	border: 1px solid #eee;
	height: 50px;
	width: 100%;
	padding: 10px 20px;
	transition: .4s ease;
	border-radius: 0
}

.form-wrapper input::-moz-placeholder,
.form-wrapper form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .form-inner .form-wrapper textarea::-moz-placeholder,
.form-wrapper .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .form-inner .form-wrapper textarea::-moz-placeholder,
.form-wrapper textarea::-moz-placeholder {
	font-size: 14px;
	font-weight: 400
}

.form-wrapper input:-ms-input-placeholder,
.form-wrapper form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .form-inner .form-wrapper textarea:-ms-input-placeholder,
.form-wrapper .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .form-inner .form-wrapper textarea:-ms-input-placeholder,
.form-wrapper textarea:-ms-input-placeholder {
	font-size: 14px;
	font-weight: 400
}

.form-wrapper input::placeholder,
.form-wrapper form.style-1 .form-inner textarea::placeholder,
form.style-1 .form-inner .form-wrapper textarea::placeholder,
.form-wrapper .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .form-inner .form-wrapper textarea::placeholder,
.form-wrapper textarea::placeholder {
	font-size: 14px;
	font-weight: 400
}

.form-wrapper input:focus,
.form-wrapper form.style-1 .form-inner textarea:focus,
form.style-1 .form-inner .form-wrapper textarea:focus,
.form-wrapper textarea:focus {
	border: 1px solid var(--primary-color1)
}

.form-wrapper textarea {
	min-height: 150px
}

.form-wrapper .check-box-text {
	font-size: 16px
}

.form-wrapper .form-inner {
	margin-bottom: 18px;
	position: relative
}

.form-wrapper .form-inner i {
	position: absolute;
	right: 20px;
	bottom: 14px
}

.form-wrapper .form-agreement {
	margin-bottom: 16px;
	margin-top: 6px
}

.form-wrapper .form-agreement label {
	font-size: 16px;
	font-weight: 400
}

.form-wrapper .form-agreement label a {
	font-weight: 600;
	font-size: 16
}

.form-wrapper .alternate-signup-box {
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 20px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 35px
}

.form-wrapper .alternate-signup-box h6 {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-primary);
	text-transform: uppercase;
	margin-bottom: 20px
}

.form-wrapper .alternate-signup-box .btn-group {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap
}

.form-wrapper .alternate-signup-box .btn-group a {
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 15px;
	color: #fff;
	border-radius: 0;
	transition: .5s ease
}

.form-wrapper .alternate-signup-box .btn-group a:hover {
	background: var(--text-primary)
}

.form-wrapper .alternate-signup-box .btn-group i {
	font-size: 16px
}

.form-wrapper .alternate-signup-box .google-btn {
	background: #db4437
}

.form-wrapper .alternate-signup-box .facebook-btn {
	background: #4267b2
}

.form-wrapper .form-poicy-area {
	text-align: center
}

.form-wrapper .form-poicy-area a {
	font-weight: 600;
	color: var(--primary-color1);
	text-decoration: underline
}

.form-wrapper .form-group input[type=checkbox],
.form-wrapper .form-group form.style-1 .form-inner textarea[type=checkbox],
form.style-1 .form-inner .form-wrapper .form-group textarea[type=checkbox],
.form-wrapper .form-group .contact-from-wrapper .form-inner textarea[type=checkbox],
.contact-from-wrapper .form-inner .form-wrapper .form-group textarea[type=checkbox] {
	display: none;
	cursor: pointer
}

.form-wrapper input[type=checkbox]+label:before,
.form-wrapper form.style-1 .form-inner textarea[type=checkbox]+label:before,
form.style-1 .form-inner .form-wrapper textarea[type=checkbox]+label:before,
.form-wrapper .contact-from-wrapper .form-inner textarea[type=checkbox]+label:before,
.contact-from-wrapper .form-inner .form-wrapper textarea[type=checkbox]+label:before {
	content: "";
	-webkit-appearance: none;
	background-color: var(--text-primary);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px
}

.form-wrapper input[type=checkbox]:checked+label:after,
.form-wrapper form.style-1 .form-inner textarea[type=checkbox]:checked+label:after,
form.style-1 .form-inner .form-wrapper textarea[type=checkbox]:checked+label:after,
.form-wrapper .contact-from-wrapper .form-inner textarea[type=checkbox]:checked+label:after,
.contact-from-wrapper .form-inner .form-wrapper textarea[type=checkbox]:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 6px;
	width: 4px;
	height: 10px;
	border: 1px solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

.gallery-layout .gallery-wrapper {
	width: 100%;
	display: grid;
	grid-gap: 10px;
	grid-auto-flow: dense;
	grid-template: "1fr 1fr 1fr 1fr 1fr" 33.33vh "1fr 1fr 1fr 1fr 1fr" 33.33vh
}

.gallery-layout .gallery-wrapper .box {
	position: relative;
	background: #ccc
}

.gallery-layout .gallery-wrapper .box .destination-single2 {
	position: relative;
	overflow: hidden;
	width: 100%
}

.gallery-layout .gallery-wrapper .box .destination-single2:hover img {
	transform: scale(1.1)
}

.gallery-layout .gallery-wrapper .box .destination-single2 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .55s ease-in-out
}

.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: fe;
	justify-content: flex-end;
	padding: 20px
}

.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content h4 {
	margin-bottom: 6px
}

.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content h4 a {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw)
}

.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content p,
.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content .info-single .info-text a,
.info-single .info-text .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content a {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	margin-bottom: 0
}

.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content p span,
.gallery-layout .gallery-wrapper .box .destination-single2 .destination-content .info-single .info-text a span,
.info-single .info-text .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content a span {
	font-size: 17px;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.gallery-layout .gallery-wrapper .box.a {
	grid-row: span 2
}

.gallery-layout .gallery-wrapper .box.b,
.gallery-layout .gallery-wrapper .box.f,
.gallery-layout .gallery-wrapper .box.h,
.gallery-layout .gallery-wrapper .box.j {
	grid-column: span 2
}

@media(min-width:576px)and (max-width:768px) {

	.gallery-layout .gallery-wrapper .box.b,
	.gallery-layout .gallery-wrapper .box.f,
	.gallery-layout .gallery-wrapper .box.h,
	.gallery-layout .gallery-wrapper .box.j {
		grid-column: span 1
	}
}

@media(max-width:576px) {

	.gallery-layout .gallery-wrapper .box.b,
	.gallery-layout .gallery-wrapper .box.f,
	.gallery-layout .gallery-wrapper .box.h,
	.gallery-layout .gallery-wrapper .box.j {
		grid-column: span 2
	}
}

.gallery-layout .gallery-wrapper .box .destination-single2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width:991px) {
	.gallery-layout .gallery-wrapper {
		grid-template: "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px
	}
}

@media(max-width:768px) {
	.gallery-layout .gallery-wrapper {
		grid-template: "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px
	}
}

@media(max-width:440px) {
	.gallery-layout .gallery-wrapper {
		grid-template: "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px
	}
}

@media(max-width:440px) {
	.gallery-layout .gallery-wrapper .box {
		grid-column: span 2
	}
}

.gallery-layout .gallery-wrapper .box.h {
	grid-column: span 1
}


.about3-title p{
	text-align:justify;
}


.padding-left{
	padding-left:25px;
}

.shadow {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shadow p{
	text-align:justify;
}

.padding-0 {
	padding:0;
}

.padding-10 {
	padding:20px;
}

.blog-grid-section .container{
	margin-bottom:30px;
}

.package-image img{
	width:150px;
}

.banner-form input{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    background: #828286;
    color: #fff;
    border: none;	
}

.banner-form textarea{
	   width: 100%;
    padding: 10px;
	    background: #fff;
		color:#323232 !important;
}
.footer1-logo img{
    width:130px;
}

#ph-btn {
        font-size: 16px !important;
    padding: 6px 20px !important;
    margin-right: 25px !important;
}
/*-==sidebar Form== */
.sidebar-contact{
  position:fixed;
  top:50%;
  left:-300px;
  transform:translateY(-50%);
  width:300px;
  height:auto;
  padding:15px;
  background:#fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  box-sizing:border-box;
  transition:0.5s;
  z-index:99999;
}
.sidebar-contact.active{
  left:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
  background:#828286;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#f2aa4c;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#f00;
  top:0;
  right:-48px;
  line-height:48px;
}
.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
}
.toggle.active:before{
  content:'\f00d';
}


.toggle-btn {
    background: #f00;
    width: 48px;
    height: 140px;
    border-top: solid 1px #000;
    margin-top: -5px;
}
.toggle p {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    position: relative;
    top: 70px;
    color: #fff;
    font-weight: bold;
    background: #f00;
    font-size: 17px;
}


@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:auto;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}

/*-==sidebar Form end== */