@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=League+Spartan:wght@100..900&family=Lexend:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth
}


:root {
	--primary-color2: #FF313B;
	--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: #5E5E5E;
	--text-light: #878787;
	--border-color: #DDDDDD;
/*	--font-merriw: "Merriweather", serif;*/
	--font-merriw: font-family: "Lexend", sans-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);
	font-family: var(--font-merriw)
}

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: transparent;
	position: fixed;
	left: 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: 4.2rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	font-family: var(--font-merriw);
	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: 0px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title2 h2 {
	font-size: 4.2rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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 auto;
	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: 0px;
	text-transform: uppercase
}

.section-title5 h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px;
	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(0.6);
	border-radius: 0px;
	opacity: 0
}

.btn--primary:hover {
	color: var(--primary-color1) !important;
}

.btn--primary:hover::after {
	transform: scale(1);
	opacity: 1
}

.btn--primary2 {
	background: var(--primary-color2);
	color: var(--white);
	border-radius: 0px;
	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(0.6);
	border-radius: 0px;
	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: 0px;
	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(0.6);
	border-radius: 0px;
	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: 0px;
	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(0.6);
	border-radius: 0px;
	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: 0px;
	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(0.6);
	border-radius: 0px;
	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: 0px;
	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(0.6);
	border-radius: 0px;
	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: transparent;
	color: var(--white);
	border-radius: 0px;
	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(0.6);
	border-radius: 0px;
	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: 0px 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: 0px 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: 0px 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: 0px 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: 0px 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: 0px 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: 0px 0px 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 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: 0px;
	padding-bottom: 5px;
	width: 100%;
	background: transparent;
	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: 0px;
	margin-top: -7px;
	white-space: nowrap
}

.phone-call2 .number h5 a {
	color: var(--text-color1);
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0px
}

.topbar {
	background: #000000;
	width: 100%;
	padding: 15px 0px;
	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: 0px 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: 0px 5%
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-1 {
		padding: 0px 4%
	}
}

@media(min-width: 768px)and (max-width: 991px) {
	header.style-1 {
		padding: 0px 4%;
		top: 0
	}
}

@media(max-width: 767px) {
	header.style-1 {
		top: 0;
		padding: 0px 4%
	}
}

header.style-1.sticky {
	position: fixed;
	top: 0px;
	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 0px
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-1 .header-logo {
		padding: 21px 0px
	}
}

@media(max-width: 991px) {
	header.style-1 .header-logo {
		padding: 21px 0px
	}
}

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 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: transparent;
		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;
	border-left: solid 1px #fff; padding-left: 15px;
}

.header-area.scrolled  .phone-call .icon {
	border-left: solid 1px #CCCCCC;
}

.phone-call .icon svg {
	fill: var(--white)
}

.phone-call .number span {
	font-size: 14px;
	font-weight: 400;
/*	color: var(--white);*/
	color: #FFF !important;
	font-family: var(--font-work-sans)
}

.header-area.scrolled .phone-call .number span {
	color: #000 !important;
}


.phone-call .number h5 {
	white-space: nowrap;
	margin-bottom: 0px
}

.phone-call .number h5 a {
	font-size: 16px;
	font-weight: 500;
	color: #FFF !important;
	font-family: var(--font-work-sans)
}


.phone-call.sibling2 svg {
/*	fill: var(--text-primary)*/
fill: #fff;
}

.header-area.scrolled .phone-call .number h5 a {
    color: #000 !important;
}

.header-area.scrolled .phone-call.sibling2 svg {
    fill: #000 !important;
}


.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: 0px;
	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-area.scrolled  .mobile-menu-btn i {
	color: #000 !important;
}


header.style-2 {
	background-color: var(--white);
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 0px 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: 0px 2%
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-2 {
		padding: 0px 2%
	}
}

@media(min-width: 768px)and (max-width: 991px) {
	header.style-2 {
		padding: 0px 4%;
		top: 0
	}
}

@media(max-width: 767px) {
	header.style-2 {
		top: 0;
		padding: 0px 4%
	}
}

header.style-2.sticky {
	position: fixed;
	top: 0px;
	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 0px
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-2 .header-logo {
		padding: 15px 0px
	}
}

@media(max-width: 991px) {
	header.style-2 .header-logo {
		padding: 15px 0px
	}
}

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 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: 0px;
	left: 0px;
	width: 0px;
	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: transparent;
		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: 0px 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 {
	
	width: 100%;
/*	position: relative;*/
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 99;
	padding: 0px 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: 0px 2%
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-4 {
		padding: 0px 2%
	}
}

@media(min-width: 768px)and (max-width: 991px) {
	header.style-4 {
		padding: 0px 4%;
		top: 0
	}
}

@media(max-width: 767px) {
	header.style-4 {
		top: 0;
		padding: 0px 4%
	}
}

header.style-4.sticky {
	position: fixed;
	top: 30px;
	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: 21px 0px
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-4 .header-logo {
		padding: 15px 0px
	}
}

@media(max-width: 991px) {
	header.style-4 .header-logo {
		padding: 15px 0px
	}
}

header.style-4 .header-logo img {
	min-width: 120px;
	max-width: 100%
}

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 18px
}

header.style-4 .main-nav ul li a {
	font-size: 12px;

/*	color: var(--text-primary);*/
	color: #fff;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	padding: 37px 0;
	position: relative;
	font-family: var(--font-work-sans);
	transition: all .5s ease-out 0s;
	position: relative
}

header.style-4.scrolled .main-nav ul li a {
	color: #000;
}

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);*/
	color: #fff;
	font-style: normal;
	position: absolute;
	right: -8px;
	top: 35px;
	z-index: 999;
	cursor: pointer;
	display: none
}

header.style-4.scrolled .main-nav ul li i {
	color: #000 !important;
}

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: 215px;
	background: #0b0f14;
	text-align: left;
	transition: all .55s ease-in-out;
	transform: translateY(20px);
	width: 400px;
}

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: 20px 15px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 13px;
	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: 0px;
	left: 0px;
	width: 0px;
	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: transparent;
		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: 0px 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;
		color: #000000;

	}

/*	MENU MOVIL*/
	header.style-4 .main-nav ul li a {
		padding: 12px 0;
		display: block;
		font-weight: 500;
		font-size: 13px;
		color: #000000;

	}
	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);
		width: 100%;
	}
	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: 12px;
		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
	}


	/*.phone-call .icon {
		margin-right: 10px;
		border-left: solid 1px #fff; padding-left: 15px;
	}*/

	.phone-call .icon {
		border-left: solid 1px #CCCCCC;
	}


	.phone-call .number span {
		font-size: 14px;
		font-weight: 400;
		color: #000 !important;
		font-family: var(--font-work-sans)
	}


	.phone-call .number h5 {
		white-space: nowrap;
		margin-bottom: 0px
	}

	.phone-call .number h5 a {
		font-size: 16px;
		font-weight: 500;
		color: #000 !important;
		font-family: var(--font-work-sans)
	}


	.phone-call.sibling2 svg {
		/*	fill: var(--text-primary)*/
		fill: #000;
	}
}

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: 0px 25px
}

.main-nav-wrapper .main-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 230px;
	padding: 20px 0px !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 0px 50px 0px
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.main-nav-wrapper .main-nav>ul {
		padding: 45px 0px 45px 0px
	}
}

@media(max-width: 767px) {
	.main-nav-wrapper .main-nav>ul {
		padding: 40px 0px 40px 0px
	}
}

.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 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: 0px 50px 0 130px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(min-width: 1200px)and (max-width: 1399px) {
	header.style-5 {
		padding: 0px 50px 0 130px
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	header.style-5 {
		padding: 0px 50px 0 130px
	}
}

@media(min-width: 768px)and (max-width: 991px) {
	header.style-5 {
		padding: 0px 4%;
		top: 0
	}
}

@media(max-width: 767px) {
	header.style-5 {
		top: 0;
		padding: 0px 4%
	}
}

header.style-5.sticky {
	position: fixed;
	top: 0px;
	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: 0px 0px 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 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: transparent;
		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 0px
	}
	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: 0px 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: 0px 0%
	}
}

@media(min-width: 992px)and (max-width: 1199px) {
	.banner-section1 {
		padding: 0px 15px
	}
}

@media(max-width: 991px) {
	.banner-section1 {
		min-height: auto;
		padding: 0px 0px
	}
}

@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: 0px;
	left: 0px;
	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
}




/*NUEVOS ESTILOS DE SOCIAL FLOTANTE*/

.banner-section2 .banner-social-area {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	background-color: transparent;
	padding-right: 25px;
	z-index: 300;
}

.banner-section2 .banner-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px
}

.banner-section2 .banner-social-list li {
	width: 30px;
	height: 30px;
	line-height: 27px;
/*	border: 1px solid var(--primary-color1-light);*/
	border: 1px solid #FF343D;
	text-align: center;
	background-color: var(--white);
	transition: all .45s ease
}

.banner-section2 .banner-social-list li i {
/*	color: var(--primary-color1-light);*/
	color: #FF343D;
	transition: all .45s ease
}

.banner-section2 .banner-social-list li:hover {
/*	background-color: var(--primary-color1)*/
	background-color: #FF343D;
}

.banner-section2 .banner-social-list li:hover i {
	color: var(--white)
}

.banner-section2 .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: var(--font-merriw);
	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: 0px 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::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-color: rgba(3, 0, 15, .25);
	z-index: 2
}

.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: 0px;
	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: 6.5rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw);
	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 0px;
	position: relative;
	z-index: 9
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.banner3-content {
		padding: 120px 15px 120px 0px
	}
}

@media(max-width: 991px) {
	.banner3-content {
		padding: 110px 0px 60px 0px
	}
}

.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: var(--font-merriw);
	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: 0px;
	letter-spacing: 3px;
	text-transform: uppercase
}

.banner4-content h2 {
	font-size: 6.5rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw);
	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: var(--font-merriw);
	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: 650px;
	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: 2rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw);
/*font-family: "Lexend", sans-serif;*/
	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: 18px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.banner-form-box .banner-form {
	margin-top: 40px
}

.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: 0px 20px
}

@media(max-width: 576px) {
	.banner-form-box .banner-form .search-box-single {
		padding: 0px 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: 0px;
	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: 0px;
	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: var(--font-merriw);
	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: 0px 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: 0px 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: 0px
}

@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: 0px
	}
}

.banner-section5 .swiper {
	padding-left: 80px
}

@media(max-width: 1199px) {
	.banner-section5 .swiper {
		padding-left: 0px
	}
}

.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: 650px;
	background-position: center;
}

@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: 5rem;
	font-weight: 800;
	color: var(--white);
	font-family: var(--font-merriw);
	margin-bottom: 0px;
	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: 12px;
	font-weight: 400;
	color: var(--white)
}

.inner-banner-section .breadcrumb-area .breadcrumb-meta-list {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	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 0px;
	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: 0px 25px;
	position: relative
}

.multi-main-search .search-box-single::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	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: 0px;
	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: 0px;
	width: 100%;
	min-width: 80px
}

.ui-menu {
	border: 1px solid rgba(41, 43, 49, .03) !important;
	padding: 5px 0px
}

.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(0.6);
	transition: all .55s ease
}

.category-single1 .icon svg {
	fill: var(--primary-color1);
	transition: all .45s ease
}

.category-single1 .content h4 {
	margin-bottom: 0px
}

.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: 0px 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: 0px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	background: var(--white);
	padding: 8px 5px 0 5px;
	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: left;
	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: 0px;
	z-index: 1;
	background: var(--white);
	padding: 8px 22px 8px 12px;
	border-radius: 0px 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: 0px 0px 0 30px
}

@media(min-width: 992px)and (max-width: 1199px) {
	.tour-package-standard .tour-standard-content {
		padding: 0px 0px 0 20px
	}
}

@media(max-width: 991px) {
	.tour-package-standard .tour-standard-content {
		padding: 30px 10px 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: var(--font-merriw);
	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: var(--font-merriw);
	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: var(--font-merriw);
	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/mapi-neblina.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0px 120px 0px;
	background-attachment: fixed;
	background-position: center top
}

@media(min-width: 992px)and (max-width: 1199px) {
	.video-section {
		padding: 120px 0px
	}
}

@media(max-width: 991px) {
	.video-section {
		padding: 90px 0px
	}
}

.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 0px;
	background-attachment: fixed
}

@media(min-width: 992px)and (max-width: 1199px) {
	.video-section2 {
		padding: 120px 0px
	}
}

@media(max-width: 991px) {
	.video-section2 {
		padding: 90px 0px
	}
}

.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: 0px;
	margin-right: 15px;
	text-transform: uppercase
}

.video-section-content h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--white);
	font-family: var(--font-merriw);
	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: 0px
}

.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: 0px;
	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: 0px;
		top: -40px;
		background: transparent
	}
}

.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: 0px;
		top: -60px;
		background: transparent;
		box-shadow: unset
	}
}

.video-wrapper.sibling-3 span.watch-video {
	white-space: nowrap;
	margin-top: 90px;
	padding-right: 0px;
	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: 0px
}

@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 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: 0px;
		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: 0px 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%;
	max-width: 415px;
	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 25px
}

@media(max-width: 991px) {
	.best-plan-single1 .content {
		padding: 30px 12px 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: var(--font-merriw);
	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: 0px 5px
}

.best-plan-single1 .list-area {
	margin-bottom: 25px
}

.list-area h5 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px
}

.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: 0px
}

.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: 0px
}

.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: 0px
}

.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: 0px
}

.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: 0px
}

.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);
	padding: 20px
}

.counter-single {
	padding: 25px 0px
}

.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: 3.6rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: var(--font-merriw);
	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;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px
	}
}

.footer-section {
	background-image: linear-gradient(rgba(9, 16, 13, 0.88), rgba(9, 16, 13, 0.88)), url("../images/mapi-neblina.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	padding: 0px 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: 90px 0px
}

.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: 0px
}

@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: 0px
}

.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: var(--font-merriw);
	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: 0px;
	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: 0px
}

.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: var(--border-color)
}

.footer-section .footer-item .contact-list li .text a {
	display: block;
	margin-bottom: 3px
}

.footer-section .footer-bottom {
	padding: 16px 0px;
	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: 0px
	}
}

.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: 0px
}

.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: var(--border-color)
}

.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: 0px 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: var(--font-merriw);
	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: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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 auto;
	z-index: 1;
	position: relative;
	transition: all .55s ease;
	position: relative;
	padding: 30px 20px 40px 20px
}

.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: var(--font-merriw);
	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 auto;
	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: var(--font-merriw);
	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: 0px;
	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: var(--font-merriw);
	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 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: var(--font-merriw);
	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: 0px;
	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: var(--font-merriw);
	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 0px
}

.blog-details-single blockquote h4 {
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-merriw);
	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: 0px;
	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: 0px
}

.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: 0px;
	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: var(--font-merriw);
	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 0px;
	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: var(--font-merriw);
	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: 0px;
	margin: 35px 0 0 0;
	list-style: none
}

.commetn-area .comment-list>li:last-child .comment-item {
	margin-bottom: 0px
}

.commetn-area .comment-list>li .comment-reply {
	margin: 0px;
	padding: 0px 0px 0px 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: var(--font-merriw);
	margin-right: 0px
}

.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 55px
}

@media(min-width: 768px)and (max-width: 991px) {
	.comment-form-area .contact-from-wrapper {
		padding: 15px 35px 50px 35px
	}
}

@media(max-width: 767px) {
	.comment-form-area .contact-from-wrapper {
		padding: 15px 25px 50px 25px
	}
}

.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 0px;
	width: 40%;
	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 0px
	}
}

.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: 20px 10px;
	width: 60%;
	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: var(--font-merriw);
	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: transparent;
	border: 1px solid #dddddd6e;
	height: 52px;
	line-height: 52px;
	padding: 0px 20px;
	color: var(--white);
	transition: all .4s ease;
	text-align: left !important;
}

.textareanew{
	width: 100%;
	background: transparent;
	border: 1px solid #dddddd6e;
	height: 100px;
	padding: 0px 20px;
	color: var(--white);
	transition: all .4s ease;
	text-align: left;
}

.textareanew::-moz-placeholder{
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: left;
}

.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: left !important;
}

.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: left;
}

.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: left;
}

.testimonial-wrap {
	width: 100%;
	max-width: 690px;
	margin-left: auto;
	margin-right: 40px;
	padding: 30px 30px 30px 0px;
	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 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: 0px
}

.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: 0px 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-size: 2.2rem;
	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);
	font-family: var(--font-merriw)
}

.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: 0px
}

.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: var(--font-merriw);
	margin-bottom: 0px
}

.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: transparent
}

.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: transparent
}

.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: transparent
}

.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: transparent
}

.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: transparent;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-primary)
}

.swiper-pagination-number .swiper-pagination-bullet-active {
	background: transparent;
	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: transparent
}

.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 15px
}

.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;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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 30px;
	padding-bottom: 8px;
	overflow: hidden;
}

/* Degradado solo sobre la imagen (no sobre el texto) */
.offer-single::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%; /* Ajusta qué tanto sube el degradado */
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    pointer-events: none;
    z-index: 0; /* <-- Muy importante: queda encima de la imagen, pero debajo del contenido */
}

.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 {
    position: relative;
    z-index: 1; /* Contenido siempre por encima del degradado */
}

.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: 0px
	}
}

.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;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	margin-bottom: 20px;
	line-height: 1.4
}

.feature-section .feature-content ul.feature-list {
	list-style: none;
	margin: 35px 0 25px 0;
	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: 0px
}

.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: 0px
}

.feature3-list li:last-child {
	margin-bottom: 0px
}

.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: 250px;
	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: transparent;
	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: 0px
	}
}

.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;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw);
	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: 0px;
	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 25px;
	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: var(--font-merriw);
	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 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: 0px;
	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: 0px;
	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: -0.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: bold
}

.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: var(--font-merriw);
	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: 0px;
	text-transform: uppercase
}

.about5-title h2 {
	font-size: 4.2rem;
	font-weight: 800;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: var(--font-merriw);
	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: 0px
	}
}

.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: 0px
}

.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: 0px;
	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: 0px;
	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: var(--font-merriw);
	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 0px
}

.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: var(--font-merriw);
	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(0.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: var(--font-merriw);
	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: 0px;
	transition: all .45s ease
}

.tour-guide-single {
	overflow: hidden;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	border-radius: 0px;
	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 20px;
	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: 0px 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: 0px;
	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: 0px;
	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(0.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: var(--font-merriw);
	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 0px
}

.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: var(--font-merriw);
	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: 0px
	}
}

.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(0.6);
	border-radius: 0px;
	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: var(--font-merriw);
	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: 0px;
	transition: all .5s ease
}

.trip-category-single .trip-content .trip-bottom .explore-btn {
	margin-top: 0px;
	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;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px auto 20px auto;
	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-color2);
	border-radius: 50%;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 1;
	transition: all .55s ease;
	opacity: 0;
	transform: scale(0.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;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	margin-bottom: 15px
}

.info-single .info-text p,
.info-single .info-text a {
	font-size: 2rem;
	font-weight: 500;
	color: var(--text-secondary);
	font-family: var(--font-work-sans);
	margin-bottom: 0px
}

.info-single .info-text a {
	display: block;
	margin-bottom: 0px
}

.contact-from-wrapper {
	background: #fff;
	border: 1.5px solid #eee;
	padding: 25px 65px 60px 65px
}

@media(min-width: 768px)and (max-width: 991px) {
	.contact-from-wrapper {
		padding: 10px 40px 45px 40px
	}
}

@media(min-width: 576px)and (max-width: 768px) {
	.contact-from-wrapper {
		padding: 5px 30px 40px 30px
	}
}

@media(max-width: 576px) {
	.contact-from-wrapper {
		padding: 10px 25px 45px 25px
	}
}

.contact-from-wrapper .form-inner {
	padding: 15px 0px
}

@media(max-width: 576px) {
	.contact-from-wrapper .form-inner {
		padding: 8px 0px
	}
}

.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: 0px;
	padding: 12px 0px;
	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: 0px 30px
}

.error-wrapper .error-image {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 20px 30px 20px
}

.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: var(--font-merriw);
	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 0px 0px;
	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: 0px
}

.sidebar-widget .newsletter-area {
/*	background-image: url("../images/bg/side-newsletter.png");*/
	padding: 25px 25px;
	border-radius: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-widget .newsletter-area .banner-form-box {
	border-radius: 0px;
	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: var(--font-merriw);
	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: 0px
	}
}

.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(0.6);
	border-radius: 0px;
	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: 0px 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: 0px 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: var(--font-merriw);
	margin-top: -5px;
	margin-bottom: 30px
}

.sidebar-search form .form-inner {
	border: 1px solid #eee;
	display: flex;
	flex-direction: row;
	padding: 15px 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: 0px
}

.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: 0px
}

.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: 0px
}

.tour-category .tour-category-list li::before {
	position: absolute;
	top: 2px;
	left: 0px;
	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: var(--font-merriw);
	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: 0px
}

.desti-details-block h3 {
	font-size: 3.5rem;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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 0px 33px 0px
}

.desti-details-block h5 {
	font-size: 19px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	font-style: italic;
	margin-bottom: 25px
}

.desti-details-block h6 {
	font-size: 17px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px
}

.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 30px;
	margin-bottom: 60px
}

.blog-standard-single:last-child {
	margin-bottom: 0px
}

.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: var(--font-merriw);
	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: 0px
}

.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: 0px 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: 0px
}

.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: var(--font-merriw);
	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: 0px
}

.blog-widget-title {
	position: relative;
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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;
	font-weight: 700;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	line-height: 1.7;
	margin-bottom: 25px
}

.nav-btn-style {
	background: var(--white);
	min-width: 0px;
	color: var(--text-secondary);
	font-size: 14px;
	font-weight: 500;
	font-family: var(--font-work-sans);
	padding: 10px 20px;
	text-align: left;
	transition: all .42s ease;
	border-radius: 0px;
	text-transform: uppercase;
}

@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-color2);
	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
	}
}











/* ===== Desktop: distribución equitativa en una sola fila ===== */
#v-pills-tab{
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

#v-pills-tab .nav-link{
  flex: 1 1 0;          /* todos crecen igual */
  min-width: 0;         /* permite encoger sin romper */
  width: auto;          /* anula widths fijos previos */
  text-align: center;
  border-radius: 0;
  border-right: 1px solid #eee;
}

/* Quita min-width heredado de tu hoja (168/144px) */
.nav-pills .nav-link{
  min-width: 0 !important;
  width: auto !important;
}

/* Último sin borde en horizontal */
#v-pills-tab .nav-link:last-child{
  border-right: none;
}

/* Activo (mantén tus variables) */
#v-pills-tab .nav-link.active,
#v-pills-tab .show > .nav-link{
  color: var(--white);
  background-color: var(--primary-color2);
}
#v-pills-tab .nav-link.active svg,
#v-pills-tab .show > .nav-link svg{
  fill: var(--white);
}

/* ===== Mobile & Tablet: apilar verticalmente ===== */
@media (max-width: 991.98px){
  /* Bootstrap pone .flex-row{flex-direction:row!important}; sobrescribimos */
  #v-pills-tab{
    flex-direction: column !important;
    align-items: stretch;
  }

  #v-pills-tab .nav-link{
    flex: 0 0 auto;      /* ya no crece, ocupa su altura */
    width: 100% !important;
    border-right: none;  /* sin borde lateral */
  }

  /* Separador entre botones verticales */
  #v-pills-tab .nav-link + .nav-link{
    border-top: 1px solid #eee;
  }
}











.tour-gallery-wrap{
	border: solid 1px #EEE;
	border-top: solid 1px #FFF;
	padding: 20px;
	padding-top: 40px;
}




.tour-information{
	border: solid 1px #EEE;
	border-top: solid 1px #FFF;
	padding: 20px;
	padding-top: 40px;
}


.tour-information .details-img-group {
	margin: 18px 0px 40px 0px
}

.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
}

.tour-info-list-area {
	border: 1px solid #eee;
	background-color: var(--white);
	margin: 30px 0px 30px 0px
}

.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: 16px;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 65%;
	margin-left: auto;
	margin-top: -25px;
	gap: 20px;
	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: 47%;
	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: 0px
}

@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: 0px;
	background: var(--white);
	transition: all .45s cubic-bezier(0.84, 0.35, 0.39, 0.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(0.84, 0.35, 0.39, 0.74)
}

.tour-plan-single h4.plan-title {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--text-primary);
	font-family: var(--font-merriw);
	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: 0px 10px
}

.review-progress-box {
	border: 1px solid #eee;
	margin: 45px 0px;
	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: 0px
}

.review-progress-box .progress-singl span {
	position: absolute;
	top: 0px;
	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: transparent;
	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: 0px;
	margin: 35px 0 0 0;
	list-style: none
}

.review-commetn-area .review-comment-list>li:last-child .comment-item {
	margin-bottom: 0px
}

.review-commetn-area .review-comment-list>li .comment-reply {
	margin: 0px;
	padding: 0px 0px 0px 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: var(--font-merriw);
	margin-right: 0px
}

.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;*/
    background: linear-gradient(125deg, rgba(247, 106, 106, 0.1) 0%, rgba(135, 250, 97, 0.1) 100%);
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	width: 100%;
	margin: 0 auto 60px auto;
	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: var(--font-merriw);
	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: 0px 20px;
	border: 1px solid #eee;
	transition: all .45s ease
}

@media(max-width: 576px) {
	.booking-form-box .banner-form .search-box-single {
		padding: 0px 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: 0px;
	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: 0px;
	width: 100%;
	min-width: 80px
}

.ui-datepicker {
	width: 17em;
	padding: .5em .5em 0;
	position: absolute;
	top: 0px;
	left: 0px;
	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: 0px
}

div#ui-datepicker-div {
	border: 1px solid transparent;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
	border-radius: 0px;
	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: normal;
	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(0.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: var(--font-merriw);
	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: 0px
}

.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: 0px;
	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 0px -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: 0px;
	left: 0px;
	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: 0px
}

.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
}





/*NUEVOS LOGOS PARA LA PAGINA*/

    .esquina {
          position: absolute;
          top: 0;
          right: 0;
       
          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);
          border: 1px solid rgba(255, 255, 255, .25);
          color: #000; /* Puedes cambiar el color del texto */
          padding: 8px 12px;
          font-weight: bold;
          font-size: 12px;
/*          border-bottom-left-radius: 6px;*/
          z-index: 10;
          margin: 10px 10px;
          color: #FFF;
        }

        .esquina:hover {
            border: 1px solid rgba(255, 255, 255, .35)
        }




        .esquina2 {
          position: absolute;
          bottom: 0;
          right: 0;
       
          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);
          border: 1px solid rgba(255, 255, 255, .25);
          color: #000; /* Puedes cambiar el color del texto */
          padding: 8px 20px;
          font-weight: bold;
          font-size: 12px;
          /*border-bottom-left-radius: 6px;*/
          z-index: 10;
          margin: 10px 10px;
          color: #FFF;
        }

        .esquina2:hover {
            border: 1px solid rgba(255, 255, 255, .35)
        }

    .fullscreen-banner {
      height: 100vh;
      position: relative;
      background-color: #000;
      overflow: hidden;
    }

    .banner-video-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      object-fit: cover;
      z-index: 0;
    }

    .fullscreen-banner .container,
    .fullscreen-banner .banner2-content {
      z-index: 2;
      position: relative;
      color: #fff;
    }

    .fullscreen-banner .banner2-content h2,
    .fullscreen-banner .banner2-content p,
    .fullscreen-banner .banner2-content span {
      color: #fff;
    }

    .banner-form-wrapper {
      position: absolute;
      bottom: 30px;
      right: 30px;
      z-index: 3;
    }

    @media (max-width: 991px) {
      .banner-form-wrapper {
        position: static;
        margin-top: 30px;
      }
    }


    .banner-fallback {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      object-fit: cover;
      z-index: 1;           /* por encima del video */
      transition: opacity .4s ease;
      opacity: 1;           /* visible por defecto */
    }

    .banner-fallback.hidden {
      opacity: 0;           /* oculta cuando el video está listo */
      pointer-events: none;
    }

    .banner-video-bg {
      z-index: 0;           /* por debajo de la imagen de fallback */
    }



    .header-area {
      position: absolute;
      top: 0 !important;
      left: 0;
      width: 100%;
      z-index: 100;
      background: linear-gradient(to bottom, #000000 1%, transparent 100%) !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0) !important;
    }

    .header-area.scrolled {
      background: #FFF !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
      transition: all 0.3s ease;
      top: 0 !important;
    }

    #main-logo {
      transition: all 0.3s ease;
    }






   /*    +++++++===========================++++=================================================*/


   /* === Resumen (solo CSS, sin Bootstrap) === */
	.activities-box-wrap{
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 por fila en móvil */
	  gap: 12px;
	}

	/* Aplano los contenedores internos para que sus hijos (items) caigan en el grid */
	.activities-box-wrap .activities-box-area{
	  display: contents; /* no afecta al DOM, solo al layout */
	}

	/* Cada item: tarjeta + layout horizontal icono/texto */
	.activities-box-item{
	  display: flex;
	  align-items: center;
	  gap: 10px;
	  padding: 12px 14px;
	  border: 1px solid #e9ecef;
	  border-radius: 12px;
	  background: #fff;
	  min-height: 64px; /* opcional, consistencia visual */
	}

	/* Icono a 50px de alto */
	.activities-box-item .icon img{
	  height: 50px;
	  width: auto;
	  display: block;
	}

	/* Texto: etiqueta arriba, valor abajo */
	.activities-box-item .content{
	  min-width: 0; /* permite cortes correctos si el texto es largo */
	}

	.activities-box-item .content > span{
	  display: block;
	  font-size: 12px;
	  line-height: 1.2;
	  color: #6c757d; /* gris suave */
	  margin-bottom: 2px;
	}

	.activities-box-item .content > h6{
	  margin: 0;
	  font-weight: 600;
	  line-height: 1.25;
	  word-break: break-word;
	}

	/* Escritorio: 8 por fila */
	@media (min-width: 992px){
	  .activities-box-wrap{
	    grid-template-columns: repeat(4, minmax(0, 1fr));
	  }
	}




.cosmetour{
        position: -webkit-sticky; /* Soporte para navegadores webkit */
    position: sticky;
    top: 120px;
}


/* Breadcrumbs en una sola línea */
.breadcrumb-list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;

    font-size: 1.8rem;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-transform: capitalize;
	margin-bottom: 5px;
	letter-spacing: 3px
}

/* Estilo para cada item */
.breadcrumb-list li {
    display: inline-flex;
    align-items: center;
}

/* Estilo para los enlaces */
.breadcrumb-list li a {
    text-decoration: none;
    color: #FFF; /* ajusta el color del enlace */
}

/* Separadores entre los elementos */
.breadcrumb-list .flechas {
    margin: 0 10px; /* espacio entre icono y texto */
    color: #EEE;  /* color del icono */
    font-size: 14px !important;
}

/* Agregar el borde en el fondo si es necesario */
.breadcrumb-list {
    border: solid 1px transparent;
}

/* Hover effect para los enlaces */
.breadcrumb-list li a:hover {
    text-decoration: none;
    color: #F00; /* color al hacer hover */
}



/*NUEVOS ESTILOS PARA PARRAFO*/
.nuevoparrafo{
    line-height: 1.5; /* Espaciado entre líneas */
  margin: 10px 0; 


}

.nuevoparrafo p{
  font-size: 15px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;

}

.nuevoparrafo p span{
  font-size: 15px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}


.nuevoparrafo p strong{
  font-size: 15px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.nuevoparrafo h4 {
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}












/* ===== Listas normales (con puntito) ===== */
.nuevoparrafo ul {
  margin-top: 5px;
  padding-left: 1.6em;      /* espacio para el puntito */
  margin-left: 0;
}

.nuevoparrafo ul:not(.ql-bullet-img) > li {
  list-style: disc;         /* ← recupera el (.) */
  margin-left: 0;           /* sin sangrías extra */
  position: static;         /* nada de ::before aquí */
  padding-left: 0;
  font-family: var(--font-jost);
  color: #777;
  font-size: 15px;
}

.nuevoparrafo ol > li {
  list-style-type: upper-hexadecimal;
  margin-left: 25px;
  color: #777;
  font-size: 15px;
}

/* Párrafos dentro del li */
.nuevoparrafo ul > li > p {
  margin-bottom: 3px !important;
  margin-top: 1px !important;
  margin-left: 3px;
  font-family: var(--font-jost);
  color: #777;
  font-size: 15px;
}

/* ===== Listas con viñeta-imagen (Quill) ===== */
.nuevoparrafo ul.ql-bullet-img {
  list-style: none;         /* sin viñeta nativa */
  padding-left: 2.2em;      /* espacio para el icono */
  margin-left: 0;
}

.nuevoparrafo ul.ql-bullet-img > li {
  list-style: none !important;
  margin-left: 0 !important;
  position: relative;
  padding-left: .5em;
  line-height: 1.5;
}

.nuevoparrafo ul.ql-bullet-img > li::before {
  content: "";
  position: absolute;
  left: -1.5em;
  top: 0.20em;
  width: 1.05em;
  height: 1.05em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Variantes (ajusta rutas si hace falta) */
.nuevoparrafo ul.ql-bullet-x > li::before,
.nuevoparrafo ul.ql-bullet-cross > li::before {  /* alias por contenido antiguo */
  background-image: url('../bullets/x.png');
}
.nuevoparrafo ul.ql-bullet-check > li::before {
  background-image: url('../bullets/check.png');
}
.nuevoparrafo ul.ql-bullet-doublecheck > li::before {
  background-image: url('../bullets/double-check.png');
}
.nuevoparrafo ul.ql-bullet-circle > li::before {
  background-image: url('../bullets/circle.png');
}
.nuevoparrafo ul.ql-bullet-circle-gris > li::before {
  background-image: url('../bullets/circle-gris.png');
}
.nuevoparrafo ul.ql-bullet-dash > li::before {
  background-image: url('../bullets/dash.png');
}

/* Evita doble sangría si el li tiene <p> */
.nuevoparrafo ul.ql-bullet-img li > p {
  margin-left: 0 !important;
}

/* Anidadas con imagen */
.nuevoparrafo ul.ql-bullet-img ul {
  padding-left: 2.2em;
  margin-left: 0;
}

















	.nuevoparrafo img{
	  width: 100% !important;
	  height: 300px !important;
	  margin-bottom: 20px;
	  object-fit: cover;
	}




/*ESTILOS DE LOS MODALES*/

/* Modal General */
.modal-content {
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.modal-header-custom {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.modal-header-custom .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px 8px 0 0;
}

.modal-header-custom .modal-title {
    position: relative;
    z-index: 1;
    font-size: 1.9rem;
    font-weight: 500;
}

.modal-body {
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 8px 8px;
}

.modal-footer {
    border-top: 1px solid #eee;
    padding: 10px;
}



/* Fondo de botones */
.tg-btn-verde {
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    padding: 12px;
    transition: background-color 0.3s ease-in-out;
}

.tg-btn-verde:hover {
    background-color: #0056b3;
}

/* Formulario General */
.custom-input {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 12px;
    background-color: #f9f9f9;
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
}


.custom-input-select {
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
    padding-bottom: 10px !important;
    height: 50px !important;
}



.custom-input:focus {
    border-color: #CCC;
    outline: none;
}

.nuevoform {
    font-family: 'Arial', sans-serif;
}

.nuevoform_txt {
    font-family: 'Arial', sans-serif;
    resize: vertical;
}

.searchbox-icon {
    margin-right: 8px;
    color: #6c757d;
}

.searchbox-input input, .searchbox-input textarea {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 12px;
    width: 100%;
    background-color: #f9f9f9;
    font-size: 14px;
}

.searchbox-input input:focus, .searchbox-input textarea:focus {
    border-color: #007bff;
    outline: none;
}

/* Alineación de los campos de formulario dentro del modal */
.modal-body .row {
    margin-bottom: 20px;
}

/* Imagen dentro del modal (izquierda) */
.modal-body .col-md-6 img {
    border-radius: 8px 0px 0px 8px;
}

/* Estilo para el formulario del modal */
.modal-body h4 {
    font-size: 1.75rem;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Estilo para los campos del formulario */
.modal-body .form-label {
    font-weight: 500;
    color: #333;
}

/* Estilo del botón dentro del modal */
/*.modal-body button {
    background-color: #007bff;
    color: #fff;
    padding: 12px 18px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.modal-body button:hover {
    background-color: #0056b3;
}*/



/* Estilo del modal en móvil */
@media (max-width: 767px) {
    .modal-dialog {
        max-width: 100%;
        margin: 0;
    }
    .modal-body {
        padding: 20px;
    }
    .modal-header-custom {
        padding: 20px;
    }
}




/* Estilo para el botón de cerrar en la esquina superior derecha */
.modal-header-custom .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1050; /* Asegúrate de que esté por encima del contenido */
    
}






.container3 {
    width: 1200px important; /* Aseguramos que siempre tome el 100% del espacio disponible */
    margin: 0 auto; /* Centrado en el medio */
}

@media (min-width: 1200px) { /* Para pantallas grandes (PC) */
    .container3 {
        width: 1200px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) { /* Para laptops o tablets grandes */
    .container3 {
        width: 90%;
    }
}

@media (max-width: 767px) { /* Para móviles o tablets pequeñas */
    .container3 {
        width: 90%;
    }
}

.container3conten{
	border:solid 1px #F1F1F1; background: #F0F0F0; padding: 4%;
}


/*ESTE ES EL ESTILO DEL LOADER DE CARGA*/
#overlay-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Justo por encima del modal */
}

.overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.overlay-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.titulotour{
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}


.lugarescontent{
	margin-bottom:15px;
}

.lugarescontent i {
	font-size: 20px; color: #f00;
}









    /* ======= Sección flotante ======= */
    .tour-features-section{
      position:relative;
      margin-top:-50px;            /* invade el banner en desktop */
      z-index:5;
    }

    /* Hacemos este bloque más largo (menos márgenes laterales) SOLO aquí */
    .tour-features-section > .container{
      max-width: 1320px;          /* más ancho que el container del tema */
    }

    .tour-features-card{
      width:100%;
      margin:0 auto;
      padding:28px;
      background:#fff;
      border-radius:16px;
    }

    /* Ítems */
    .feature-item{ transition:transform .25s ease }
    .feature-item:hover{ transform:translateY(-2px) }

    /* Layout horizontal (desktop/tablet) */
    .feature-inline{
      display:flex; align-items:center; gap:12px;
      min-height:60px;
    }
    .feature-icon{
      width:44px; height:44px; min-width:44px;
      border-radius:12px; background:#fff;
      display:flex; align-items:center; justify-content:center;
      box-shadow:0 6px 16px rgba(0,0,0,.08);
    }
    .feature-icon i{ font-size:22px; color:#d11d1d; line-height:1 }
    .feature-title{ margin:0; color:#999; font-weight:800; font-size:1.2rem; letter-spacing:.4px }
    .feature-desc{ color:#000; font-size:1.2rem; margin-top:2px }

    /* Botones */
    /* ======= Botón PLAY circular ======= */
    .btn-play-circle{
      width:90px;
      height:90px;
      border-radius:50%;
      border:none;
      background:#fff;
      box-shadow:0 10px 25px rgba(0,0,0,.12);
      display:flex;
      align-items:center;
      justify-content:center;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .btn-play-circle i{
      font-size:4.3rem;
      line-height:0;
      color:#d11d1d;
    }
    .btn-play-circle:hover{
      transform:scale(1.05);
      box-shadow:0 16px 36px rgba(0,0,0,.2);
    }

    /* versión pequeña (tablet/móvil) */
    @media (max-width: 991.98px){
      .btn-play-circle{
        width:75px;
        height:75px;
      }
      .btn-play-circle i{
        font-size:2rem;
      }
    }


    .btn-book-now{
      padding:16px 18px; border-radius:5px; background:#111; color:#fff; border:0;
      font-weight:700; text-transform:uppercase; letter-spacing:.5px;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
      display:flex; align-items:center; justify-content:center; text-align:center;
    }
    .btn-book-now:hover{ background: #FF343D; transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.24) }

    /* ========= Breakpoints ========= */

    /* Tablet & laptop pequeña: mantener barra larga y sin huecos */
    @media (min-width: 768px) and (max-width: 1199.98px){
      .col-play{ display:none !important; }        /* ocultar Play */
      .tour-features-section{ margin-top:-80px; }  /* invadir banner */
      .tour-features-card{ padding:16px 18px; }
      /* el botón reservar comparte el alto con los detalles */
      .col-book .btn-book-now{ height:100%; }
    }

    /* Móvil: no invade el banner + cuadritos con icono centrado */
    @media (max-width: 767.98px){
      .tour-features-section{ margin-top: 16px; }  /* baja debajo del banner */
      .col-play{ display:none !important; }

      .feature-inline{
        flex-direction:column; align-items:center; text-align:center;
        gap:10px; min-height:auto;
      }
      .feature-item{
        background:#fff; border:1px solid #eee; border-radius:12px;
        padding:16px; height:100%;
      }
      .feature-icon{
        width:42px; height:42px; min-width:42px;
        box-shadow:none; border:1px solid #f2f2f2;
      }
      .feature-title{ font-size:.9rem }
      .feature-desc{ font-size:.84rem }

      /* Botón reservar abajo, ancho completo */
      .col-book{ order:99; }
      .btn-book-now{ width:100%; margin-top:8px; }
    }

    /* Muy grandes: un pelín más de aire si quieres */
    @media (min-width: 1400px){
      .tour-features-section > .container{ max-width: 1360px; }
    }

    .features-col{
      align-items:center;           /* centra verticalmente todo el grid dentro de la tarjeta */
      /*margin-top: 30px;*/
    }





/* CENTRAR horizontalmente cada bloque de detalle */
.features-col .row > [class*="col-"] {
  display: flex;                 /* activa flexbox */
  justify-content: center;       /* centra horizontalmente todo el bloque feature-inline */
}

/* El bloque interno mantiene su alineación a la izquierda */
.features-col .feature-inline {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;              /* mantiene los textos alineados a la izquierda */
  width: 100%;
  max-width: 250px;              /* controla el ancho visible */
}

/* Asegura que el texto se mantenga ordenado */
.features-col .feature-text {
  flex: 1;
  text-align: left;
}

/* En pantallas pequeñas (móvil): los detalles se ven en modo cuadrado, centrados */
@media (max-width: 767.98px) {
  .features-col .row > [class*="col-"] {
    justify-content: center;
  }
  .features-col .feature-inline {
    flex-direction: column;      /* icono arriba, texto abajo */
    align-items: center;
    text-align: center;
    max-width: 100%;
  }
}





/* ======== Compactar ancho horizontal de PLAY y RESERVAR en desktop ======== */
@media (min-width: 1200px){ /* lg y arriba */
  .tour-features-card .row{
    display:flex; align-items:center;
  }

  /* PLAY: columna estrecha */
  .col-play{
    flex: 0 0 120px;      /* ancho fijo */
    max-width: 120px;
  }
  .tour-features-card .btn-play-circle{
    width: 58px;          /* círculo pequeño pero legible */
    height: 58px;
  }
  .tour-features-card .btn-play-circle i{
    font-size: 1.6rem;
  }

  /* RESERVAR: columna moderada */
  .col-book{
    flex: 0 0 220px;      /* ancho fijo */
    max-width: 220px;
  }
  .col-book .btn-book-now{
    min-height: 44px;
    padding: 10px 14px;
    font-size: .95rem;
  }

  /* DETALLES: que ocupen todo el resto */
  .features-col{
    flex: 1 1 auto;
  }
}

/* Un pelín más compacto aún en pantallas enormes */
@media (min-width: 1400px){
  .col-play{ flex-basis: 110px; max-width:110px; }
  .col-book{ flex-basis: 210px; max-width:210px; }
}



.feature-inline img[src$=".svg"] {
  filter: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(2900%) hue-rotate(340deg) brightness(95%) contrast(105%);
}


.activities-box-area img[src$=".svg"] {
  filter: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(2900%) hue-rotate(340deg) brightness(95%) contrast(105%);
}