@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=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

:root {
	--primary-color2: #FF313B;
	--dorado-color: #D8B252;
	--doradooscuro-color: #BA9436;
	/*--azul-color: #101329;*/
	--azul-color: #000000;
	--azuloscuro-color: #01073D;
	--primary-color3: #D55437;
	/*--primary-color1: #90B956; */
	--primary-color1: #FF313B; 
	--primary-color1-light: rgba(144, 185, 86, 0.7);
	--primary1-dark: #359D9E;
	--white: #fff;
	--text-primary: #09100D;
	/*--text-secondary: #5E5E5E;*/
	--text-secondary: #878F96;
	--text-light: #878787;
	--border-color: #DDDDDD;
	/*--font-merriw: "Merriweather", serif;*/
	--font-merriw: "Prompt", sans-serif;
	--font-work-sans: "Work Sans", sans-serif
}

::-moz-selection {
	color: var(--white);
	background: var(--dorado-color)
}

::selection {
	color: var(--white);
	background: var(--dorado-color)
}

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;
	background-color: var(--azul-color);
}

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;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .07);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear
}

@media(max-width: 991px) {
	.circle-container {
		display: none;
		visibility: hidden
	}
}

.circle-container.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.circle-container::after {
	position: absolute;
	font-family: "Bootstrap-icons";
	content: "";
	text-align: center;
	line-height: 46px;
	font-size: 28px;
	color: var(--primary-color1);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear
}

.circle-container:hover::after {
	position: absolute;
	font-family: "Bootstrap-icons";
	content: "";
	color: var(--green);
	transition: all 200ms linear
}

.circle-container svg path {
	fill: none
}

.circle-container svg.circle-progress path {
	stroke: var(--primary-color1);
	stroke-width: 5;
	box-sizing: border-box;
	transition: all 200ms linear
}

.circle-container.sibling-2::after {
	color: var(--primary-color2)
}

.circle-container.sibling-2 svg.circle-progress path {
	stroke: var(--primary-color2)
}

.circle-container.sibling-3::after {
	color: var(--primary-color3)
}

.circle-container.sibling-3 svg.circle-progress path {
	stroke: var(--primary-color3)
}

.section-title1 {
	text-align: center;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.section-title1 span {
	display: block;
	font-family: var(--font-work-sans);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--primary-color1);
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 3px
}

.section-title1 h2 {
	font-size: 4.2rem;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 15px;
	margin-top: -7px;
	display: inline-block;
	/*font-family: var(--font-merriw);*/
	font-family: "Prompt", sans-serif;
	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(--white);
	/*font-family: var(--font-merriw);*/
	font-family: "Prompt", sans-serif;
	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);*/
	font-family: "Prompt", sans-serif !important;
	cursor: pointer;
	overflow: hidden
}

.eg-btn i {
	font-weight: 200;
	vertical-align: middle;
	margin-right: 5px
}

.btn--primary {
	background: var(--doradooscuro-color);
	color: var(--white);
	border-radius: 4px;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--doradooscuro-color)
}

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

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

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

.btn--primary2 {
	background: var(--primary-color2);
	color: #FFFFFF;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--primary-color2);
	border-radius: 8px !important;
}

.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;
	border-radius: 8px !important;
}

.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(--doradooscuro-color);
	border-radius: 4px;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	white-space: nowrap;
	border: 2px solid var(--doradooscuro-color)
}

.btn--primary-outline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--doradooscuro-color);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(0.6);
	border-radius: 2px;
	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);
	border-radius: 8px;
}

.btn-primary2-outline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	/*background: var(--primary-color2);*/
	background: var(--dorado-color);
	width: 100%;
	height: 100%;
	transition: .5s;
	z-index: -1;
	transform: scale(0.6);
	border-radius: 0px;
	opacity: 0;
	border-radius: 8px;
}

.btn-primary2-outline:hover {
	border: 1px solid var(--dorado-color);
	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
}






.btn-primary4-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);
	border-radius: 8px;
}

.btn-primary4-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;
	border-radius: 8px;
}

.btn-primary4-outline:hover {
	border: 1px solid var(--primary-color2);
	color: var(--text-primary)
}

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

.btn-primary4-outline.sibling-2 {
	color: var(--text-primary);
	border: 1px solid var(--text-primary)
}

.btn-primary4-outline.sibling-2:hover {
	border: 1px solid transparent;
	color: var(--text-primary)
}

.btn-primary4-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;
}

.phone-call {
	border-left: solid 1px #FFF;
	padding-left: 30px;
	margin-left: 10px;
}

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

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

.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: #FFF !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
}

/*MENU PC*/
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);*/
	font-family: "Prompt", sans-serif;
	transition: all .5s ease-out 0s;
	position: relative;
}

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

header.style-4 .main-nav ul li a:hover {
	color: var(--dorado-color)
}

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(--dorado-color), 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: #FFFFFF !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)
}

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: 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-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);*/
		background: #000000;
		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: 14px;
		color: #FFFFFF;

	}
	header.style-4 .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		transform: translateY(0px)
	}
	header.style-4 .main-nav ul li ul.sub-menu>li {
		border-bottom: 1px solid transparent
	}
	header.style-4 .main-nav ul li ul.sub-menu>li a {
		color: var(--text-primary);
		font-size: 17px;
		font-weight: 500
	}
	header.style-4 .main-nav ul li ul.sub-menu>li a:hover {
		color: var(--primary-color2);
		margin-left: 10px
	}
	header.style-4 .main-nav ul li ul.sub-menu>li a.active {
		color: var(--primary-color2)
	}
	header.style-4 .main-nav ul li ul.sub-menu>li i {
		color: var(--text-primary);
		right: -20px
	}
	header.style-4 .main-nav ul li .bi {
		top: 12px;
		font-size: 16px
	}
	header.style-4 .mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}
	header.style-4 .cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 22px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}
	header.style-4 .cross-btn span {
		width: 100%;
		height: 2px;
		background: var(--primary-color2);
		display: block;
		position: absolute;
		right: 0;
		transition: all .3s
	}
	header.style-4 .cross-btn .cross-top {
		top: 0
	}
	header.style-4 .cross-btn .cross-middle {
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}
	header.style-4 .cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}
	header.style-4 .cross-btn.h-active span.cross-top {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}
	header.style-4 .cross-btn.h-active span.cross-middle {
		transform: translateX(-30px);
		opacity: 0
	}
	header.style-4 .cross-btn.h-active span.cross-bottom {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}


	/*.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);*/
	font-family: "Prompt", sans-serif;
	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: 45px 30px;
	background: linear-gradient(152.97deg, rgba(32, 42, 55, 0.4) 0%, rgba(12, 25, 43, 0.2) 100%);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid rgba(144, 185, 86, .33);
	border-radius: 5px
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.banner-form-box {
		padding: 40px 25px
	}
}

@media(max-width: 576px) {
	.banner-form-box {
		padding: 40px 20px
	}
}

.banner-form-box h3 {
	font-size: 3rem;
	font-weight: 700;
	color: var(--white);
	font-family: var(--font-merriw);
	margin-bottom: 15px;
	line-height: 1.35
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.banner-form-box h3 {
		font-size: 3rem
	}
}

@media(max-width: 576px) {
	.banner-form-box h3 {
		font-size: 3rem
	}
}

.banner-form-box p,
.banner-form-box .info-single .info-text a,
.info-single .info-text .banner-form-box a {
	font-size: 17px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans)
}

.banner-form-box .banner-form {
	margin-top: 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/bannerdetails.png");*/
	background-size: cover;
	background-repeat: no-repeat;
	/*min-height: 650px;*/
	height: 70vh;
}

@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;*/
	text-align: left;
	position: relative
}

.inner-banner-section .breadcrumb-area .blogg {
	/*text-align: center;*/
	text-align: center;
	position: relative
}

.inner-banner-section .breadcrumb-area .blogg h1{
	font-weight: 700;
	text-transform: uppercase;
}


/* Tablet hacia abajo */
@media (max-width: 991.98px) {
    .inner-banner-section .breadcrumb-area {
        text-align: center;
    }
}

.inner-banner-section .breadcrumb-area span {
	display: block;
	font-size: 1.5rem;
	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);*/
	font-family: var(--font-satisfy);

	margin-bottom: 0px;
	line-height: 1.25;
	text-transform: capitalize
}

.inner-banner-section .breadcrumb-area h1 {
	font-size: 5rem;
	font-weight: 800;
	color: var(--white);
	/*font-family: var(--font-merriw);*/
	/*font-family: var(--font-satisfy);*/
	font-family: "Prompt", sans-serif;
	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: 14px;
	font-weight: 400;
	color: var(--white)
}

.inner-banner-section .breadcrumb-area .breadcrumb-meta-list {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	margin-bottom: 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/bannerdetails.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);
	background-color: var(--white);
	border-radius:5px;
}

@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;
	border-radius:5px 5px 0px 0px;
}

.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: "Prompt", sans-serif;
	/*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;*/

	align-items: left;
	justify-content: left;
	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%
}
.destination-section4 {
	background-color: var(--azul-color);
}

@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
}*/

/* ================================
   VIDEO-SECTION -> ahora sección PRO con auto animado + mesh overlay
=================================== */
.video-section{
  position: relative;
  overflow: hidden;

  /* Fondo base (tu imagen) + oscurecido */
  background-image: url("../images/slider/mapi2.jpg");
  /*background-image: linear-gradient(rgba(225, 225, 225, 0.8), rgba(225, 225, 225, 0.7)), url("../images/bgmapa-white.png");*/
  /*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;
  background-position: center top;
  background-attachment: fixed;

  padding: 40px 40px;
  margin-bottom: 80px;
}

/* 📱 Móvil */
@media (max-width: 576px) {
  .video-section{
    padding: 20px 20px;
  }
}

/* 📲 Tablet */
@media (max-width: 992px) and (min-width: 577px) {
  .video-section{
    padding: 20px 20px;
  }
}

/* Capa oscura + "sensación enmallada" profesional */
.video-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  /* 1) Oscurecido elegante */
  background:
    linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.62)),

    /* 2) Mesh suave (premium, muy sutil) */
    radial-gradient(circle at 20% 30%, rgba(68, 68, 68,.16), rgba(68, 68, 68,09) 55%),
    radial-gradient(circle at 85% 35%, rgba(255,255,255,.09), rgba(255,255,255,0) 52%),
    radial-gradient(circle at 70% 90%, rgba(30,58,95,.20), rgba(30,58,95,0) 60%),

    /* 3) GRID FINO de cuadritos (profesional) */
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);

  /* Tamaño del cuadrito (ajusta aquí si quieres más fino todavía) */
  

  /* Alineación del grid */
  background-position:
    center,
    center,
    center,
    center,
    center;

  opacity: 1;
}

/* Un poco de "vignette" para más pro */
.video-section::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 95%, rgba(0,0,0,.50) 100%);
  pointer-events:none;
}

/* Asegura contenido encima */
.video-section .container{
  position: relative;
  z-index: 1;
}

/* ================================
   Auto animado (entra desde la derecha)
=================================== */
.car-anim-wrap{
  position: relative;
  width: 100%;
  min-height: 260px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.car-anim{
  width: min(520px, 92%);
  height: auto;

  opacity: 0;
  transform: translateX(140px);
  transition: transform 900ms cubic-bezier(.22,.9,.2,1), opacity 900ms ease;

  /* sombra sutil para resaltar */
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.35));
}

/* Se activa cuando la sección entra en pantalla */
.video-section.is-visible .car-anim{
  opacity: 1;
  transform: translateX(0);
}


.video-section.is-visible .car-glow{
  opacity: 1;
}

/* Responsive: en móvil el auto baja un poco */
@media (max-width: 991px){
  .car-anim-wrap{
    justify-content:center;
    min-height: 220px;
    margin-top: 20px;
  }
  .car-glow{
    right: 50%;
    transform: translate(50%, -50%);
  }
}

/* Respeto a reduce motion */
@media (prefers-reduced-motion: reduce){
  .car-anim{
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  .car-glow{
    transition:none !important;
    opacity:1 !important;
  }
}
























@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(--primary-color2);
	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: "Prompt", sans-serif;
	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;
	font-family: "Prompt", sans-serif;
}

.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(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/bgmapa-dark2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	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);*/
	font-family: "Prompt", sans-serif;
	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(--dorado-color), transparent) !important;
}


.footer-section .footer-item h3 {
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--white);
	margin-bottom: 25px;
	/*font-family: var(--font-merriw);*/
	font-family: "Prompt", sans-serif;
	position: relative;
	padding-bottom: 10px
}

.footer-section .footer-item h3::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	border-radius: 30px;
	display: block;
	background: linear-gradient(90deg, var(--dorado-color), transparent) !important;
}

.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(--dorado-color) !important;
	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(--dorado-color) !important;
}

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

.footer-section.sibling-2 .contact-list li:hover .icon .bi {
	background: var(--dorado-color);
	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(--dorado-color), 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 h2 {
	color: #fff;
}

.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;*/
	background: #222;
	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 #222
}

.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: #fff;
	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: #111;
	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: #FFF;
	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: 58%;
	background: var(--text-primary);
	min-height: 660px;
	position: relative;
	display: flex;
	align-items: center
}

@media(max-width: 991px) {
	.testimonial-section .testimonial-wrapper .testimonial-area {
		width: 100%;
		min-height: auto;
		padding: 60px 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: 70px 10px;
	width: 42%;
	min-width: 440px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width: 991px) {
	.testimonial-section .testimonial-wrapper .newsletter-area {
		width: 100%
	}
}

@media(max-width: 576px) {
	.testimonial-section .testimonial-wrapper .newsletter-area {
		min-width: 280px
	}
}

.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box {
	text-align: center;
	padding: 50px 35px;
	background: linear-gradient(152.97deg, rgba(0, 0, 0, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	width: 100%;
	max-width: 400px;
	border: 1px solid rgba(0, 255, 178, .15)
}

@media(max-width: 576px) {
	.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box {
		padding: 50px 25px
	}
}

.testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box h3 {
	font-size: 3.2rem;
	font-weight: 700;
	color: var(--white);
	font-family: 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
}

.newsletter-form .form-inner input:focus,
.newsletter-form .contact-from-wrapper .form-inner textarea:focus,
.contact-from-wrapper .newsletter-form .form-inner textarea:focus,
.newsletter-form form.style-1 .form-inner textarea:focus,
form.style-1 .newsletter-form .form-inner textarea:focus {
	border: 1px solid var(--primary-color1)
}

.newsletter-form .form-inner input::-moz-placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea::-moz-placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea::-moz-placeholder,
.newsletter-form form.style-1 .form-inner textarea::-moz-placeholder,
form.style-1 .newsletter-form .form-inner textarea::-moz-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.newsletter-form .form-inner input:-ms-input-placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea:-ms-input-placeholder,
.newsletter-form form.style-1 .form-inner textarea:-ms-input-placeholder,
form.style-1 .newsletter-form .form-inner textarea:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.newsletter-form .form-inner input::placeholder,
.newsletter-form .contact-from-wrapper .form-inner textarea::placeholder,
.contact-from-wrapper .newsletter-form .form-inner textarea::placeholder,
.newsletter-form form.style-1 .form-inner textarea::placeholder,
form.style-1 .newsletter-form .form-inner textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--white);
	font-family: var(--font-work-sans);
	text-align: center
}

.testimonial-wrap {
	width: 100%;
	max-width: 690px;
	margin-left: auto;
	margin-right: 40px;
	padding: 30px 30px 30px 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(--white);
	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(--white);
	font-family: "Prompt", sans-serif;
	/*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
}

.testimonial-single1 .coment{
	font-style: italic;
	font-size: 18px !important;
}

.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;*/
	background-color: #000000;
	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;
	border-radius: 5px;
	height:300px !important; position: relative; 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.0rem;
	font-weight: 600;
	color: var(--white);
	/*font-family: var(--font-work-sans);*/
	font-family: "Prompt", sans-serif;
	line-height: 1.0
}

.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: rgba(0, 0, 0, 0.9);
	/*box-shadow: 4px 3px 35px rgba(117, 117, 117, .12);*/
	padding: 20px;
	border:solid 1px transparent;
	border-radius: 8px;
}

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

.feature-section{
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)), url("../images/slider/mapi2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0px 120px 0px;
	background-attachment: fixed;
	background-position: center top;


	/*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: -30px;
	z-index: 2
}

.feature-image-group .feature-image {
	position: relative;
	width: 100%;
	max-width: 320px;
	height: auto
}

.feature-image-group .feature-image::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: 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
}

.facilities-section2{
	background: var(--azul-color);
}

.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: var(--azul-color);
	/*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: 500;
	/*color: var(--white)*/
	color: #d8b252;
	
}

.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(--azuloscuro-color);*/

	border: solid 2px #000;
	border-radius: 5px;
	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: 500;
	/*color: var(--text-secondary);*/
	color: #d8b252;
	/*font-family: var(--font-merriw);*/
	font-family: "Prompt", sans-serif;
	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: #FFF;
	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: #111;
	border: 1px solid #222;
	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-color1);
	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: #BBB;
	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: 35px 25px;
	border-radius: 0px;
	background-size: cover;
	background-repeat: no-repeat
}

.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: #C9CED4;
	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: #fff;
	font-family: var(--font-merriw);
	/*font-family: "Prompt", sans-serif;*/
	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: 20px;
	font-weight: 500;
	font-family: var(--font-work-sans);
	padding: 10px 20px;
	text-align: left;
	transition: all .42s ease;
	border-radius: 0px
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.nav-btn-style {
		padding: 10px 15px
	}
}

.nav-btn-style svg {
	margin-right: 10px;
	color: var(--text-secondary);
	transition: all .42s ease
}

.nav-btn-style:hover {
	background-color: var(--primary-color1);
	color: var(--white)
}

.nav-btn-style:hover svg {
	fill: var(--white)
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border: 1px solid #eee;
	margin-bottom: 45px
}

@media(max-width: 1199px) {
	.nav {
		padding: 20px;
		gap: 12px
	}
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--white);
	background-color: var(--primary-color1)
}

.nav-pills .nav-link.active svg,
.nav-pills .show>.nav-link svg {
	fill: var(--white)
}

.nav-pills .nav-link {
	border-radius: 0rem;
	border-right: 1px solid #eee;
	min-width: 168px
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.nav-pills .nav-link {
		min-width: 144px;
		font-size: 18px
	}
}

.nav-pills .nav-link:last-child {
	border-right: unset
}

@media(max-width: 1399px) {
	.nav-pills .nav-link {
		border-right: unset
	}
}

@media(max-width: 576px) {
	.nav-pills .nav-link {
		width: 100%
	}
}

.tour-information .details-img-group {
	margin: 18px 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;
	box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
	width: 100%;
	margin: 0 auto 60px auto;
	border-radius: 5px
}*/

.booking-form-box {
  position: relative;
  z-index: 9;
  text-align: center;
  padding: 35px 30px;

  /* 1) gradiente arriba, 2) blanco abajo */
  background:
    linear-gradient(125deg, rgba(54, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.9) 100%),
    #fff;

  box-shadow: 4px 3px 40px rgba(16, 33, 34, .06);
  width: 100%;
  margin: 0 auto 60px auto;
  border-radius: 5px;
  border: solid 0px #333;
}

@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 h2 {
	font-size: 2.8rem;
	font-weight: 600;
	color: #FFF;
	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: 30px
}

.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: 20px;
	padding: 0px 20px;
	border: 1px solid #eee;
	transition: all .45s ease;
	background: #FFFFFF !important;
	border-radius: 5px;
}

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













/*NUEVO ESTILOS PARA LA PAGINA WEB*/

        /* Estilo para el fondo del banner con el gradiente azul oscuro en los cantos */
        .fullscreen-banner {
            height: 100vh;
            position: relative;
            background: url('assets/images/slider/mapi2.jpg') center center no-repeat;
            background-size: cover;
            overflow: hidden;
        }

        .fullscreen-banner .swiper-slide {
            height: 100vh;
            position: relative;
        }

        /* Crea el borde azul oscuro en los cantos de la imagen */
        .fullscreen-banner .swiper-slide::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle, transparent 10%, rgba(0, 0, 0, 0.9) 70%);
            z-index: 1;
        }

        .fullscreen-banner img.banner-bg11 {
            object-fit: cover;
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            left: 0;
            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;
            }

            /* Ajustar el tamaño del texto en pantallas pequeñas */
            .fullscreen-banner .banner2-content h2{
                font-size: 2.9rem; /* Ajustamos el tamaño del texto */
            }
            .fullscreen-banner .banner2-content p {
                font-size: 1.8rem; /* Ajustamos el tamaño del texto */
            }
        }

        /* Estilo para la imagen del auto */
        .auto-image {
            position: absolute;
            right: 0;
            bottom: 20%;
            max-width: 300px; /* Tamaño de la imagen del auto */
            z-index: 3;
            opacity: 0.8; /* Le damos algo de transparencia para no quitar protagonismo al fondo */
        }

        .imgauto{
            width: 600px;
            padding-top: 150px;
        }

        .imgauto2{
            width: 400px;
        }
        /* Ajuste para móviles y tabletas */
       

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

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

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


        .esquina2 {
          position: absolute;
          bottom: 0;
          right: 0;
       
          background: #FF313B;
          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;
          border-radius: 3px;
        }

        .esquina2 span{
          font-size: 20px;
          display: block;
        }

        .esquina2:hover {
            
        }


        /* Gradiente para dar la sensación de desvanecimiento en la parte inferior del slider */
        .slider-gradient {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 10%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
            z-index: 2;
        }

        .testimonial-single1 {
            position: relative;
            overflow: hidden;
        }

        /* Imagen de comillas */
        .testimonial-single1 .quote-bg {
            position: absolute;
            top: 50%;
            left: 70%;
            transform: translate(-50%, -50%);
            width: 220px;           /* ajusta tamaño */
            opacity: 0.08;          /* transparencia */
            z-index: 1;
            pointer-events: none;   /* evita clicks */
        }

        /* Contenido por encima */
        .testimonial-single1 ul,
        .testimonial-single1 p,
        .testimonial-single1 .testi-author {
            position: relative;
            z-index: 2;
        }






















        /* ================================
           5) Footer logo animación automática (aparece/desaparece)
           + un leve "float" para verse premium
        =================================== */
        .footer-logo-animated{
            display:inline-block;
            animation: footerFadeFloat 4.2s ease-in-out infinite;
            will-change: transform, opacity, filter;
            filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
        }
        @keyframes footerFadeFloat{
            0%   {opacity:.25; transform: translateY(3px) scale(0.995);}
            50%  {opacity:1;   transform: translateY(-2px) scale(1);}
            100% {opacity:.25; transform: translateY(3px) scale(0.995);}
        }

        /* Respeto a usuarios con "reduce motion" */
        @media (prefers-reduced-motion: reduce){
            .footer-logo-animated{ animation:none !important; opacity:1 !important; transform:none !important; }
            .offer-single, .deal-single1{ transition:none !important; }
        }

        /* ================================
           6) Separadores/Detalles: línea elegante en títulos
        =================================== */
        .section-title1 h2,
        .section-title2 h2{
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
        }
        .section-title1 h2::after,
        .section-title2 h2::after{
            content:"";
            position:absolute;
            left:50%;
            transform: translateX(-50%);
            bottom:0;
            width: 200px;
            height: 3px;
            background: linear-gradient(90deg, rgba(242,183,5,0), rgba(242,183,5,1), rgba(242,183,5,0));
            border-radius: 999px;
            opacity: .95;
        }
        .marcaauto{
            height: 80px;
            opacity: 0.2 !important;
        }
        .marcaauto:hover{
            height: 80px;
            opacity: 0.9 !important;
        }

        .tour-esquina{
          position: absolute;
          top: 0;
          right: 0;
       
          background: #FF313B;
          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;
          border-radius: 3px;

        }


        .details-link{
          position: relative;
          display: inline-block;
          color: #D8B252 !important;
          font-weight: 400;
          text-decoration: none;
          transition: color .25s ease;
          font-size: 15px !important;
        }

        .details-link::after{
          content: "";
          position: absolute;
          left: 0;
          bottom: -6px;              /* separación de la línea respecto al texto */
          width: 100%;
          height: 1px;
          background: #D8B252;       /* dorado */
          transform: scaleX(0);
          transform-origin: left;    /* que arranque desde la izquierda */
          transition: transform .25s ease;
          border-radius: 2px;        /* más estético */
        }

        .details-link:hover{
          color: #D8B252;            /* dorado */
        }

        .details-link:hover::after{
          transform: scaleX(1);
        }


        .img-fluid-blog{
            width: 100%;
            height: 220px;
            object-fit: cover;
        }




        .social-icons-img{
          display: flex;
          gap: 10px;
          align-items: center;
        }

        .social-icon{
          position: relative;
          width: 25px;   /* tamaño del ícono */
          height: 25px;
          display: inline-block;
        }

        .social-icon .icon{
          position: absolute;
          inset: 0;               /* top/right/bottom/left:0 */
          width: 100%;
          height: 100%;
          object-fit: contain;
          margin: 0 !important;
          transition: opacity .38s ease, transform .18s ease;
        }

        .social-icon .icon.hover{
          opacity: 0;
          transform: scale(0.96); /* un poquito más pequeño para efecto elegante */
        }

        .social-icon:hover .icon.normal{
          opacity: 0;
          transform: scale(0.96);
        }

        .social-icon:hover .icon.hover{
          opacity: 1;
          transform: scale(1);
        }

        /* Opcional: un pequeño brillo sutil al hover */
        .social-icon:hover{
          filter: drop-shadow(0 6px 10px rgba(0,0,0,.20));
        }









.car-details-items .car-content{
	border: solid 0px #222;
	background: #111;
	padding: 30px;
	border-radius: 5px;
}

.car-details-wrapper .car-details-items .car-content h2 {
  	font-size: 3rem;
	font-weight: 700;
	color: var(--white);
	/*font-family: var(--font-merriw);*/
	font-family: var(--font-satisfy);
	margin-bottom: 15px;
	line-height: 1.25;
	text-transform: capitalize
}


.car-details-wrapper .car-details-items .car-content h3 {
  	font-size: 1.7rem;
	font-weight: 400;
	color: #6C757D;
	/*font-family: var(--font-merriw);*/
	font-family: var(--font-satisfy);
	margin-bottom: 0px;
	line-height: 1.25;
	text-transform: capitalize
}


.car-details-wrapper .car-details-items .car-content .icon-details-area h3 {
  margin-bottom: 25px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: "Prompt", sans-serif;
}


.car-details-wrapper .car-details-items .car-content .icon-details-area {
  border-top: 1px solid var(--border);
  padding-top: 25px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;

}
.car-details-wrapper .car-details-items .car-content .icon-details-area h4 {
  margin-bottom: 25px;
}
.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items:not(:last-child) {
  margin-bottom: 20px;
}
.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items .icon-items {
  display: flex;
  align-items: center;
  gap: 12px;
}
.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items .icon-items .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #ecf0f4;
  text-align: center;
}
.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items .icon-items .content h6 {
  font-size: 14px;
  color: var(--header);
  border: none;
  padding-bottom: 0;
}

.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items .icon-items .content h4 {
  font-size: 14px;
  color: var(--header);
  border: none;
  padding-bottom: 0px;
  margin-bottom: 8px;
  font-family: var(--font-satisfy);
}

.car-details-wrapper .car-details-items .car-content .icon-details-area .icon-details-main-items .icon-items .content p {
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: var(--font-satisfy);
  color: #fff;
}




/*DETALLES DE LOS ICONOS*/
.icon-details-main-items {
  display: flex;
  flex-wrap: wrap;   /* permite que bajen de línea */
  gap: 10px;         /* espacio entre items */
  margin-bottom: 15px;
}

.icon-items {
  flex: 1 1 22%;     /* aprox. 25% por item → 4 por fila */
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;  /* evita que se achiquen demasiado */
}

.icon-items .icon img {
  max-width: 30px;
  height: auto;
}

.icon-items .content h6 {
  margin: 0;
  font-weight: bold;
}

.icon-items .content p {
  margin: 0;
}

/* Ajustes responsivos */
@media (max-width: 991px) {
  .icon-items {
    flex: 1 1 45%;   /* en tablet: 2 por fila */
  }
}

@media (max-width: 576px) {
  .icon-items {
    flex: 1 1 45%;  /* en móvil: 1 por fila */
  }
}




.car-details-wrapper .car-details-items .car-content .price-table-area {
  margin-top: 30px;
}
.car-details-wrapper .car-details-items .car-content .price-table-area h6 {
  border: none;
  color: var(--header);
  padding-bottom: 30px;
}

.car-details-wrapper .car-details-items .car-content .price-table-area h3 {
  margin-bottom: 25px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: "Prompt", sans-serif;
}

.car-details-wrapper .car-details-items .car-content .price-table-area h6 span {
  color: var(--text);
  font-weight: 400;
  text-transform: initial;
}
.car-details-wrapper .car-details-items .car-content .price-table-area .price-table-items {
  padding: 16px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.section-bg {
  background-color: #222;
}

#top-sticky {
  position: sticky !important;
  top: 135px;
}


.breadcruarm{
	font-size: 12px;
	font-family: var(--font-work-sans);
	color: #FFF;
	text-transform: uppercase;

	display: inline-flex;
    align-items: center;
    gap: 10px;
}

.breadcruarm span{
	font-size: 10px !important;
	font-family: var(--font-work-sans);
	display: inline;
    white-space: nowrap;
    padding-top: 5px !important;
    padding-left: 10px !important;
}

.divimgvhc{
	z-index:5 !important;
	text-align: right;
}

.img-auto{
	width: 100%;
	height: auto;
}


/* Tablet hacia abajo */
@media (max-width: 991.98px) {
	.img-auto{
		width: 90%;
		height: auto;
	}
	.divimgvhc{
		z-index:5 !important;
		text-align: center;
	}
}




/*NUEVOS ESTILOS PARA PARRAFO*/
.nuevoparrafo{
  line-height: 1.8; /* Espaciado entre líneas */
  margin: 10px 0; 
  color: #888f97;
}

.nuevoparrafo p{
  font-size: 16px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  font-weight: 300;
  font-family: var(--font-new4k);
  color: #888f97;
}

.nuevoparrafo p span{
  font-size: 16px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  font-family: var(--font-new4k);
  color: #888f97;
}


.nuevoparrafo p strong{
  font-size: 16px !important;
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  font-family: var(--font-new4k);
  color: #CCC;
  font-weight: 600;
}

.nuevoparrafo h4 {
  line-height: 25px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  font-family: var(--font-new4k);
}


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

.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-new4k);
  color: #888f97;
  font-size: 15px;
}

.nuevoparrafo ol > li {
  list-style-type: upper-hexadecimal;
  margin-left: 25px;
  color: #888f97;
  font-size: 15px;
  font-family: var(--font-new4k);
}

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

}


.nuevoparrafo ul > .ql-indent-1 {
  margin-bottom: 3px !important;
  margin-top: 1px !important;
  margin-left: 15px !important;
  font-family: var(--font-new4k);
  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;
  font-size: 15px;
  font-weight: 300 !important;
}




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

.nuevoparrafo h3{
	font-family: var(--font-new4k);
	/*width: 100%;
	background: #f00 !important;*/
	color: #555 !important;
}



/* ===== Título con pin en el EDITOR y en el CONTENIDO renderizado ===== */
.nuevoparrafo p.titulo-con-pin,
.nuevoparrafo p.titulo-con-pin {
  position: relative;
  padding-left: 2em;          /* Espacio para el ícono del pin */
  margin: 16px 0 8px 0;
  line-height: 1.4;
  padding-bottom: 5px;
  border-bottom: solid 1px #DDD;
  margin-bottom: 15px !important;
  box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.05);
  font-family: var(--font-new4k);
  font-weight: 500;
  color: #000;
}

/* Ícono del pin usando ::before (igual que las viñetas) */
.nuevoparrafo p.titulo-con-pin::before,
.nuevoparrafo p.titulo-con-pin::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 1.2em;               /* Tamaño del ícono */
  height: 1.2em;
  background-image: url('../../admin/assets/bullets/pin.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-family: var(--font-new4k);
}















/* ============================================================
   SOPORTE NUEVO: viñetas por clase en LI (persistente con Quill)
   ============================================================ */
.nuevoparrafo ul li[class^="ql-bullet-"],
.nuevoparrafo ul li[class^="ql-bullet-"]{
  list-style: none;
  position: relative;
  padding-left: 2.2em;
  line-height: 1.5;
}

.nuevoparrafo ul li[class^="ql-bullet-"]::before,
.nuevoparrafo ul li[class^="ql-bullet-"]::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1.05em;
  height: 1.05em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nuevoparrafo ul li.ql-bullet-x::before,
.nuevoparrafo ul li.ql-bullet-x::before { background-image: url('../bullets/x.png'); }

.nuevoparrafo ul li.ql-bullet-check::before,
.nuevoparrafo ul li.ql-bullet-check::before { background-image: url('../bullets/check.png') !important; }

.nuevoparrafo ul li.ql-bullet-doublecheck::before,
.nuevoparrafo ul li.ql-bullet-doublecheck::before { background-image: url('../bullets/double-check.png'); }

.nuevoparrafo ul li.ql-bullet-circle::before,
.nuevoparrafo ul li.ql-bullet-circle::before { background-image: url('../bullets/circle.png'); }

.nuevoparrafo ul li.ql-bullet-circle-gris::before,
.nuevoparrafo ul li.ql-bullet-circle-gris::before { background-image: url('../bullets/circle-gris.png'); }

.nuevoparrafo ul li.ql-bullet-dash::before,
.nuevoparrafo ul li.ql-bullet-dash::before { background-image: url('../bullets/dash.png'); }


/* ============================================================
   SOPORTE NUEVO: título persistente con data-title-pin="1"
   ============================================================ */
.nuevoparrafo p[data-title-pin="1"],
.nuevoparrafo p[data-title-pin="1"]{
  position: relative;
  padding-left: 2em;
  margin: 16px 0 8px 0;
  line-height: 1.7 !important;
  border-bottom: solid 1px #CCC;
  margin-bottom: 15px !important;
}

.nuevoparrafo p[data-title-pin="1"]::before,
.nuevoparrafo p[data-title-pin="1"]::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 1.2em;
  height: 1.2em;
  background-image: url('../../admin/assets/bullets/pin.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nuevoparrafo p[data-title-pin="1"] strong,
.nuevoparrafo p[data-title-pin="1"] strong{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  display: inline-block;
}
















/* Ajustes finos para SweetAlert2 */
.cch-swal-popup{
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;
}

.cch-swal-title{
  font-weight: 700 !important;
}

.cch-swal-confirm{
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
}

.cch-swal-cancel{
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
}



/* SweetAlert2 premium look */
.swal2-popup{
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;
}
.swal2-title{
  font-weight: 800 !important;
}
.swal2-confirm, .swal2-cancel{
  border-radius: 12px !important;
  font-weight: 700 !important;
}