/*
Theme Name: Tema7-Blisq-Tema-7
Theme URI: http://blisq.pt
Author: Blisq
Author URI: http://blisq.pt
Description: Tema desenvolvido para uso exclusivo da Blisq Creative
Version: V7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Blisq
Text Domain: Blisq
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Inter:wght@100..900&display=swap');

:root {
	--color-dark: #1A1A1A;
	--color-light: #FBF7EE;
	--header-height: 95px;
}

::selection {
	background-color: #ada797;
	color: var(--color-dark);
}
.otgs-development-site-front-end{
    display:none;
}    

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	transition: all .2s;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

html.overflow {
	overflow: hidden;
}

body {
	font-family: "Inter", sans-serif;
	overflow-x: hidden;
	color: var(--color-dark);
	background-color: var(--color-light);
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
}

h2 {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
}

h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.6px;
}

h4 {
	color: #1A1A1A;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	/* 136.364% */
	letter-spacing: -0.44px;
}

button {
	border: none;
}

input,
textarea {
	font-family: "Inter", sans-serif;
	color: var(--color-dark);
	resize: none;
	font-size: 15px;
	font-weight: 300;
	line-height: 16px;
	/* 106.667% */
	letter-spacing: -0.3px;
	border: none;
	background-color: transparent;
}

textarea:focus,
input:focus {
	outline: none;
}

input[type="checkbox"] {
	appearance: none;
	height: 20px;
	width: 20px;
	border: 1px solid var(--color-dark);
	cursor: pointer;
	flex: 0 0 20px;
}

.input-check {
	display: block;
	height: 20px;
	width: 20px;
	position: relative;
	top: 2px;
}

input[type="checkbox"]:checked~span {
	height: 18px;
	width: 19px;
	background-image: url(assets/images/icons/icon-checkbox.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	pointer-events: none;
}

/* input[type="checkbox"]:checked {
	background-color: var(--color-dark);
} */

label>a:hover {
	text-decoration: underline;
}

.contact-link,
.general-content li,
p {
	font-size: 15px;
	font-weight: 300;
	line-height: 166.667%;
	letter-spacing: -0.3px;
}

p a {
	font-weight: 500;
}

p a:hover {
	text-decoration: underline;
}

/* p:not(:first-of-type) {
	margin-top: 10px;
} */

address {
	font-style: normal;
}

address>span {
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	/* 164.286% */
	letter-spacing: -0.28px;
	display: block;
}

small {
	color: #A6A6A6;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: -0.22px;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
}

[data-aos=fade-up] {
	transform: translate3d(0, 15px, 0);
}

/* Backgrounds */

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

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

.bg-light-secondary {
	background-color: #F3EDE1;
}

/* Colors */

.color-dark {
	color: var(--color-dark);
}

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

.color-light-secondary {
	color: #D6CAAE;
}

.color-white {
	color: #fff;
}

/* Containers */

.container-lg {
	max-width: 1594px;
	margin: 0 auto;
}

.container-md-secondary {
	max-width: 1434px;
	margin: 0 8% 0 auto;
}

.container-md {
	max-width: 1365px;
	margin: 0 auto;
}

.container {
	max-width: 1275px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.container-sm {
	max-width: 667px;
	margin: 0 auto;
}

.max-width-sm {
	max-width: 627px;
}

.max-width-sm-secondary {
	max-width: 465px;
}

.max-width-md {
	max-width: 790px;
}

.heading-max-width-sm {
	max-width: 280px;
}

.padding-section {
	padding: 60px 0 80px 0;
}

.padding-section-lg {
	padding: 90px 0 120px 0;
}

.general-section {
	background-color: #F3EDE1;
	padding: 150px 0 60px 0;
}

.general-excerpt {
	margin-top: 20px;
}

.uppercase {
	text-transform: uppercase;
}

.general-excerpt>p {
	color: #1A1A1A;
	font-size: 21px;
	font-weight: 300;
	line-height: 34px;
	/* 161.905% */
	letter-spacing: -0.42px;
}

.general-content h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	/* 133.333% */
	letter-spacing: -0.6px;
	margin-bottom: 10px;
}

.general-content .wp-caption {
	width: 100% !important;
	margin-bottom: 20px;
}

.general-content .wp-caption>img {
	width: 100%;
	max-height: 40vh;
	object-fit: cover;
	border-radius: 10px;
}

.wp-caption-text {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 25px;
	/* 178.571% */
	letter-spacing: -0.28px;
	margin-top: 5px;
}

.general-content h2:not(:first-child) {
	margin-top: 30px;
}

.general-content>ol>li,
.general-content>p {
	margin-bottom: 20px;
}

.general-content>ul {
	list-style: disc;
	margin: 0 0 20px 20px;
}

.general-content>ol {
	margin-left: 20px;
}

.general-content>ol>li>ol {
	margin: 15px 20px;
	list-style: lower-alpha;
}

/* Buttons */
.btn-primary {
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	/* 133.333% */
	letter-spacing: -0.3px;
	padding: 9px 26px;
	border-radius: 43px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	height: fit-content;
}

.btn-primary:hover {
	background-color: #000;
	color: #fff;
}

.btn-dark {
	color: var(--color-light);
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	line-height: 17.662px;
	/* 120.591% */
	text-transform: uppercase;
	padding: 12px 22px;
	border: 1px solid var(--color-dark);
	background: var(--color-dark);
	width: fit-content;
	height: fit-content;
	position: relative;
	cursor: pointer;
}

.btn-dark:hover {
	background-color: transparent;
	color: var(--color-dark);
}

.btn-light {
	color: var(--color-dark);
	font-size: 14px;
	display: block;
	font-weight: 600;
	line-height: 17.662px;
	/* 120.591% */
	text-transform: uppercase;
	padding: 12px 22px;
	border: 1px solid transparent;
	background: #DFD7C8;
	width: fit-content;
	height: fit-content;
}

.btn-light:hover {
	border-color: #DFD7C8;
	background-color: #ebe5db;
}

.btn-share {
	background-color: transparent;
	cursor: pointer;
	scale: 1;
}

.btn-share.shared>img {
	filter: invert(1);
}

.btn-share:hover {
	scale: 1.1;
}

.btn-secondary {
	color: #000;
	text-shadow: 0px 0px 250px #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	/* 123.077% */
	letter-spacing: -0.26px;
	display: flex;
	align-items: center;
	gap: 20px;
	white-space: nowrap;
}

.btn-secondary::after {
	content: '';
	background-image: url(assets/images/icons/icon-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 84px;
	height: 15px;
	display: block;
	transition: all .2s;
}

.btn-secondary:hover::after {
	transform: translateX(10px);
}

.btn-contact {
	background-color: #EFE7DA;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-dark);
	font-size: 13px;
	font-weight: 700;
	line-height: 14px;
	/* 107.692% */
	text-transform: uppercase;
	column-gap: 10px;
	padding: 12px;
	position: relative;
}

.btn-contact:hover {
	background-color: #d4caba;
}

.btn-contact::after {
	content: '';
	height: 18px;
	width: 18px;
	background-image: url(assets/images/icons/icon-whatsapp.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.btn-card {
	color: #1A1A1A;
	font-size: 12px;
	font-weight: 500;
	line-height: 13.57px;
	/* 113.083% */
	text-transform: uppercase;
	background: #E5DDCF;
	padding: 10px 15px;
	border: 1px solid transparent;
	text-align: center;
}

.btn-card:hover {
	background: #cfc6b7;
}

.btn-card.secondary {
	border-color: #1A1A1A;
	background: transparent;
}

.btn-card.secondary:hover {
	background-color: #000;
	color: #fff;
}

.btn-book {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.btn-book>a {
	width: 100%;
}

.btn-book span {
	font-size: 11px;
	font-weight: 400;
	line-height: 11px;
	/* 100% */
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border: 1px solid #B6AC98;
	border-top: none;
	position: relative;
	top: -25px;
	z-index: -1;
}

.btn-book:hover span {
	top: 0;
}

/* 404 */
.banner-404 {
	min-height: 85vh;
	display: flex;
	align-items: center;
}

.container-404 {
	max-width: 725px;
	margin: 0 auto;
	padding: 60px 0;
}

.content-404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.content-404>h1 {
	color: #000;
	text-shadow: 0px 0px 44.5px #73C9CC;
	font-size: 23px;
	font-weight: 700;
	line-height: 40px;
	/* 173.913% */
	letter-spacing: -0.46px;
	text-transform: uppercase;
}

.title-404 {
	color: #FBF7EE;
	font-family: "Caveat Brush";
	font-size: 212px;
	font-weight: 400;
	line-height: 115.867px;
	/* 54.654% */
	letter-spacing: -10.6px;
	text-transform: lowercase;
	margin: 16px 0 46px 0;
}

.p-404 {
	color: #F3EDE1;
	font-size: 21px;
	font-weight: 300;
	line-height: 29px;
	/* 138.095% */
	letter-spacing: -0.42px;
	text-align: center;
	max-width: 458px;
	margin-bottom: 14px;
}

/* Banner */

.banner {
	min-height: 436px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: calc(100px + var(--header-height)) 0 25px 0;
}

.banner-after {
	position: relative;
}

.banner.banner-gallery {
	min-height: 709px;
}

.banner-secondary {
	min-height: 194px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: calc(50px + var(--header-height)) 0 25px 0;
}

.banner-secondary::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background: linear-gradient(0deg, rgba(26, 26, 26, 0.40) 0%,
			rgba(26, 26, 26, 0.40) 100%),
		radial-gradient(108.64% 287.37% at 22.02% 113.81%,
			rgba(33, 33, 33, 0.67) 0%,
			rgba(33, 33, 33, 0.00) 100%);
	height: 100%;
	width: 100%;
}

.banner-description {
	margin-top: 10px;
}

.banner-description,
.banner-description>p {
	font-size: 28px;
	font-weight: 300;
	line-height: 35px;
	/* 125% */
	letter-spacing: -0.56px;
}

.banner-description-md {
	max-width: 530px;
}

.banner-description-md>p {
	font-size: 21px;
	text-shadow: 0px 0px 40px #000;
	font-weight: 300;
	line-height: 30px;
	/* 129.412% */
	letter-spacing: -0.42px;
}

.banner-description-sm>p {
	font-size: 17px;
	font-weight: 300;
	line-height: 22px;
	/* 129.412% */
	letter-spacing: -0.34px;
}

.buttons-flex {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* Flex & Grid */
.d-flex {
	display: flex;
	column-gap: 25px;
	row-gap: 20px;
	flex-wrap: wrap;
}

.d-flex.col-gap-md {
	column-gap: 6%;
	row-gap: 35px;
}

.d-flex.col-gap-lg {
	column-gap: 16%;
	row-gap: 35px;
}

.flex-column {
	flex-direction: column;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.flex-content-sm {
	flex: 0 0 34%
}

.flex-content-md {
	flex: 0 0 42%;
}

.flex-content-50 {
	flex: 0 0 50%;
}

.flex-content-lg {
	flex: 0 0 60%;
}

.flex-content h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	/* 137.5% */
	letter-spacing: -0.32px;
	position: relative;
}

.content-h4-ml h4~*,
.content-h4-ml h4 {
	margin-left: 20px;
}

.flex-content h4::before {
	content: '';
	position: absolute;
	left: -20px;
	top: 5px;
	background-image: url(assets/images/icons/icon-check.svg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}

.flex-content em {
	color: #7C7C7C;
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	/* 150% */
	letter-spacing: -0.28px;
	font-style: normal;
}

.flex-content .btn-card {
	width: fit-content;
}

.flex-1 {
	flex: 1;
}

.flex-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.flex-content.content-h4-ml {
	gap: 0;
}

.flex-content.content-h4-ml h3 {
	margin: 10px 0 5px 0;
}

.flex-content.content-h4-ml h4 {
	margin: 20px 0 5px 20px;
}

.flex-content.content-h4-ml .btn-card.secondary {
	margin: 30px 0 0 5px;
}

.flex-content ul {
	list-style: disc;
	flex-direction: column;
	display: flex;
	margin-left: 35px;
	gap: 6px;
}

.flex-content li {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.3px;
}

.grid-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

.grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.grid-2 {
	display: grid;
	grid-template-columns: 48% 47%;
	column-gap: 5%;
}

.grid-2-fr {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

/* Margins */
.mb-10 {
	margin-bottom: 10px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mx-25 {
	margin: 25px 0;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-auto {
	margin-top: auto;
}

.mt-50n {
	margin-top: -50px;
}

.mx-8 {
	margin: 8px 0;
}

/* Paddings */
.pt-125 {
	padding-top: 125px;
}

.pb-125 {
	padding-bottom: 125px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pt-75 {
	padding-top: 75px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pt-25 {
	padding-top: 25px;
}

.pb-25 {
	padding-bottom: 25px;
}

/* Margins Negativo */
.ml-10n {
	margin-left: -10%;
}

.ml-20n {
	margin-left: -20%;
}

.ml-25n {
	margin-left: -25%;
}

.mr-10n {
	margin-right: -10%;
}

.contact-whatsapp {
	position: fixed;
	bottom: 10%;
	right: 8%;
	/* opacity: 0; */
	/* visibility: hidden; */
	z-index: 2;
}

/* .contact-whatsapp.show {
	opacity: 1;
	visibility: visible;
} */

.contact-whatsapp:hover {
	scale: 1.05;
}

figure>img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.figure-top {
	position: relative;
	top: -100px;
}


/* Header */
header {
	transition: all .5s;
}

header.scroll-down {
	transform: translateY(-100px);
}

.only-mobile,
.menu-mobile {
	display: none;
}

.header-top-icon {
	display: block;
	animation: peace 1s forwards;
}

@keyframes peace {
	0% {
		scale: 1;
		rotate: 0;
	}

	50% {
		scale: 1.1;
		rotate: 15deg;
	}

	100% {
		scale: 1;
		rotate: 0;
	}
}

.header-top>div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 5px 0;
}

.header-top p {
	color: var(--color-light);
	text-align: center;
	text-shadow: 0px 0px 250px #000;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.77px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	gap: 10px;
}

.change-language {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
}

.change-language>a {
	color: var(--color-light);
	font-size: 10px;
	font-weight: 300;
	line-height: 21.706px;
	/* 217.063% */
	display: block;
	height: 100%;
	padding: 0 8px;
	display: flex;
	align-items: center;
}

.change-language>a:hover,
.change-language>a.active {
	background-color: var(--color-light);
	color: var(--color-dark);
	font-weight: 600;
	text-decoration-line: underline;
}

header {
	box-shadow: 0px -19px 126.5px 0px rgba(170, 163, 149, 0.5);
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FBF7EE;
	z-index: 3;
}

.header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 6px;
	column-gap: 15px;
	row-gap: 7px;
	flex-wrap: wrap;
	position: relative;
}

#menu-header {
	display: flex;
	align-items: center;
	column-gap: 25px;
}

#menu-header>.header-button {
	display: none;
}

#menu-header>li {
	position: relative;
	padding: 20px 0;
}

#menu-header>li.menu-item-has-children::after {
	content: '';
	width: 8px;
	height: 6px;
	background-image: url(assets/images/icons/icon-menu-header.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
}

#menu-header>li .sub-menu {
	position: absolute;
	background-color: #FBF7EE;
	padding: 14px;
	border-top: 3px solid #1B1B1B;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	min-width: 135px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#menu-header>li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(20px);
}

#menu-header>li .sub-menu a {
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	/* 135.714% */
	letter-spacing: -0.14px;
}

#menu-header>li .sub-menu a:hover {
	text-shadow: 0 0 #000;
}

#menu-header>li>a {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	line-height: 23.128px;
	/* 155.045% */
	letter-spacing: 0.448px;
	text-transform: uppercase;
	position: relative;
}

#menu-header>li>a:hover {
	text-shadow: 0 0 #000;
}

#menu-header>li.current-menu-item>a::after {
	content: '';
	position: absolute;
	bottom: -25px;
	width: 100%;
	height: 3px;
	display: block;
	background-color: #000;
}

.header-button {
	color: var(--color-light);
	font-size: 14px;
	font-weight: 600;
	line-height: 17.662px;
	/* 120.591% */
	text-transform: uppercase;
	background-color: var(--color-dark);
	padding: 12px 20px;
}

.header-button:hover {
	background-color: #000;
}

/* Footer */
footer {
	background-color: #F3EDE1;
	padding-top: 95px;
}

.footer-bottom>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#menu-bottom {
	display: flex;
	align-items: center;
	column-gap: 30px;
	flex-wrap: wrap;
	padding: 4px 0 7px 0;
}

#menu-bottom>li>a {
	color: var(--color-light);
	font-size: 12px;
	font-weight: 300;
	line-height: 23px;
	/* 191.667% */
	letter-spacing: -0.24px;
}

#menu-bottom>li>a:hover {
	color: #fff;
	text-shadow: 0 0 #fff;
}

.footer-grid {
	display: grid;
	grid-template-columns: auto auto auto 30%;
	/* grid-template-columns: auto 25% auto 30%; */
	padding-bottom: 60px;
	column-gap: 5%;
}

.footer-contact-info {
	display: flex;
	flex-direction: column;
	position: relative;
}

.footer-coordinates>span {
	font-family: "Caveat Brush";
	font-size: 34px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.7px;
	display: block;
	color: #DED8CA;
}

.footer-coordinates:hover > span{
	color: var(--color-dark);
}

.footer-coordinates>small {
	color: #9A9384;
	font-size: 11px;
	font-weight: 300;
	line-height: 12px;
	/* 109.091% */
	letter-spacing: -0.22px;
}

.footer-contact {
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.footer-contact>a {
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	/* 164.286% */
	letter-spacing: -0.28px;
	display: block;
}

.footer-faq {
	border-radius: 10px;
	border: 1px solid var(--color-dark);
	padding: 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer-subscribe h3,
.footer-faq h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	/* 130% */
	letter-spacing: -0.4px;
	max-width: 55%;
}

.footer-subscribe span,
.footer-faq span {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	/* 112.5% */
	letter-spacing: -0.32px;
}

.footer-subscribe {
	padding: 25px;
	background-color: #E5E0D5;
	border-radius: 10px;
	margin-bottom: 15px;
}

.footer-subscribe form {
	padding: 0;
	background-color: transparent;
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	row-gap: 8px;
}

.form-footer-subscribe input {
	height: 52px;
	padding: 14px 16px;
	color: var(--color-dark);
	font-size: 14px;
	font-weight: 600;
	line-height: 21.254px;
	/* 151.815% */
	border: 1px solid var(--color-dark);
	border-radius: 10px;
	width: 100%;
}

.form-footer-subscribe input::placeholder {
	color: #B6AE9A;
}

.form-footer-subscribe button {
	border-radius: 10px;
	background-color: var(--color-dark);
	color: #F3EDE1;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	/* 151.815% */
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 16px;
	cursor: pointer;
}

.form-footer-subscribe button:hover {
	background-color: #CDC6B7;
	color: var(--color-dark);
}

.footer-faq-button {
	font-size: 14px;
	font-weight: 500;
	line-height: 21.254px;
	/* 151.815% */
	text-transform: uppercase;
	padding: 15px;
	border: 1px solid var(--color-dark);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-faq-button:hover {
	background-color: #CDC6B7;
	border: 1px solid #CDC6B7;
}

#menu-footer {
	columns: 2;
	column-gap: 25%;
}

#menu-footer>li {
	margin-bottom: 20px;
}

#menu-footer .sub-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 8px;
}

.footer-social-media-title,
#menu-footer>li>a {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	/* 144.444% */
	display: block;
	letter-spacing: -0.36px;
}

#menu-footer a {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	/* 128.571% */
	letter-spacing: -0.28px;
}

#menu-footer a:hover {
	text-shadow: 0 0 black;
}

.footer-blog {
	min-height: 228px;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	border-radius: 10px;
	padding: 25px;
	align-items: flex-end;
}

.footer-blog:hover {
	filter: brightness(1.1);
}

.footer-blog>span {
	color: var(--color-light);
	text-shadow: 0px 0px 73.9px #000;
	font-size: 31px;
	font-weight: 700;
	line-height: 37px;
	/* 119.355% */
	letter-spacing: -0.62px;
	max-width: 240px;
}

.footer-awards {
	display: flex;
	gap: 20px;
	padding: 0 10px;
	flex-wrap: wrap;
}

.footer-awards>img {
	max-width: 16%;
	height: fit-content;
}

.footer-social-media {
	display: flex;
	align-items: center;
	gap: 10px
}

.footer-social-media img{
	width: 40px;
	height: 100%;
	aspect-ratio: 1;
}

.footer-social-media>a:hover {
	scale: 1.1;
}

.footer-flex {
	display: flex;
	align-items: center;
	margin: 20px 0;
	padding: 0 10px;
	flex-wrap: wrap;
	gap: 10px;
	column-gap: 25px;
	row-gap: 10px;
}

.footer-flex a {
	color: #A9A59D;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	/* 128.571% */
	letter-spacing: -0.28px;
}

.footer-flex a:hover {
	color: var(--color-dark);
}
.blisq {
    margin: 10px auto;
}
.footer-bottom {
    padding: 10px 0;
}
/* Frontpage */
.frontpage-video {
	margin-top: 60px;
	position: relative
}

.frontpage-video video {
	width: 100%;
	max-height: 800px;
	object-fit: cover;
}

.frontpage-video::before,
.frontpage-video::after {
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	height: 20px;
	width: 100%;
	background-image: url(assets/images/masks/mask-good-vibes.webp);
}

.frontpage-video::before {
	bottom: auto;
	top: 0;
	background-image: url(assets/images/masks/mask-good-vibes-before.webp);
}

.frontpage-video-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.frontpage-video-button::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 51%;
	width: 48px;
	height: 65px;
	background-image: url(assets/images/icons/icon-play-button.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
}

.frontpage-video-button>img {
	animation: rotate 30s infinite linear;
}

@keyframes rotate {
	from {
		rotate: 0;
	}

	to {
		rotate: 360deg
	}
}

.frontpage-video-button.invisible {
	opacity: 0;
}

#frontpage-video {
	cursor: pointer;
}

.frontpage-banner {
	min-height: 105vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 110px 0 45px 0;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.frontpage-banner-text {
	position: absolute;
	right: 5%;
	color: #FBF7EE;
	font-family: "Caveat Brush";
	font-size: 292px;
	font-weight: 400;
	line-height: 160px;
	/* 54.795% */
	letter-spacing: -14.6px;
	text-transform: lowercase;
	rotate: -90deg;
	animation: bannerText 30s linear infinite alternate;
}

.frontpage-banner-text::before {
	content: attr(data-title);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FBF7EE;
	font-family: "Caveat Brush";
	font-size: 427px;
	font-weight: 400;
	line-height: 160px;
	/* 37.471% */
	letter-spacing: -21.35px;
	text-transform: lowercase;
	color: transparent;
	white-space: nowrap;
	right: -8%;
	position: absolute;
	animation: bannerText 20s linear infinite alternate;
}

.frontpage-banner-text.second {
	right: -10%;
	animation: bannerTextInvert 30s linear infinite alternate;
}

.frontpage-banner-text.second::before {
	animation: bannerTextInvert 20s linear infinite alternate;
}

@keyframes bannerText {
	from {
		transform: translateX(50%);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes bannerTextInvert {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(50%);
	}
}

.frontpage-banner-container {
	max-width: 1488px;
	margin: 0 auto;
	z-index: 1;
}

.frontpage-banner-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.frontpage-banner-grid {
	display: grid;
	grid-template-columns: 45% 50%;
	gap: 5%;
}

.frontpage-banner-right>img {
	margin-top: -100px;
	width: 100%;
	height: auto;
}

.frontpage-banner h1 {
	color: #F9F8F3;
	font-family: "Caveat Brush";
	font-size: 157px;
	font-weight: 400;
	line-height: 115.867px;
	/* 73.75% */
	letter-spacing: -7.855px;
	text-transform: lowercase;
	margin-bottom: 30px;
	max-width: 90%;
}

.frontpage-banner-left>p {
	color: rgba(249, 248, 243, 0.80);
	text-shadow: 0px 0px 200px #000;
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	/* 152.941% */
}

.frontpage-search {
	border-radius: 10px;
	background: #0d0d0db3;
	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.30);
	backdrop-filter: blur(2px);
	padding: 40px 30px;
	margin-top: 35px;
}

.frontpage-search-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
	align-items: flex-end;
}

.frontpage-search-grid input {
	width: 100%;
	border-bottom: 1px solid var(--color-light);
	padding-bottom: 14px;
	margin-top: 9px;
	color: var(--color-light);
	font-size: 14px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=date] {
	cursor: pointer;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]~div {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: 40%;
}

input[type=number]~div>span {
	background-image: url(assets/images/icons/icon-arrow-number.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
	background-size: 10px;
	background-position: center;
	padding: 7px;
}

input[type=number]~div.input-guest-contact {
	top: -2px;
}

input[type=number]~div.dark>span {
	filter: invert(1);
}

input[type=number]~div>span:last-child {
	scale: -1;
}
.copyright{
    color: var(--color-light);
    font-size: 12px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: -0.24px;
}
.frontpage-search-grid a {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.frontpage-search-grid input::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

.frontpage-search-grid input::-webkit-datetime-edit {
	color: #757575;
}

.frontpage-search-grid label {
	color: #FBF7EE;
	font-size: 15px;
	font-weight: 700;
	line-height: 16px;
	/* 106.667% */
	letter-spacing: -0.3px;
}

.frontpage-benefit {
	padding: 30px;
	border-radius: 10px;
}

.frontpage-benefit:hover {
	background-color: #F3EDE1;
}

.frontpage-benefit:hover .btn-secondary::after {
	transform: translateX(10px);
}

.frontpage-package-container {
	max-width: 1125px;
	margin: 0 auto;
}

.frontpage-sm-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 403px;
	row-gap: 10px;
	margin: 0 auto 30px auto;
	text-align: center;
}

.frontpage-package-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

.frontpage-package-grid>a {
	background-repeat: no-repeat;
	background-size: cover;
	height: 305px;
	width: 100%;
	padding: 22px 25px;
	display: flex;
	align-items: flex-end;
	border-radius: 15px;
	padding: 22px;
	position: relative;
	overflow: hidden;
}

.frontpage-package-grid>a:hover {
	filter: brightness(1.1);
}

.frontpage-package-grid>a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top,
			rgba(0, 0, 0, 0.70) 0%,
			rgba(102, 102, 102, 0.00) 100%);
	border-radius: 15px;
}

.frontpage-package-grid>a span {
	color: #F3EDE1;
	font-size: 25px;
	font-weight: 600;
	line-height: 27.176px;
	/* 105.882% */
	letter-spacing: -0.513px;
}

.frontpage-package-grid.visible>a:nth-child(even) {
	animation: packages-desalinate 1s forwards;
}

@keyframes packages-desalinate {
	from {
		margin-top: 0
	}

	to {
		margin-top: 30px;
	}
}

.frontpage-package-grid>a>div {
	display: flex;
	flex-direction: column;
	z-index: 1;
	row-gap: 10px;
}

.frontpage-package-grid .btn-secondary::after {
	filter: invert(1);
}

.frontpage-package-grid>a:hover .btn-secondary::after {
	transform: translateX(10px);
}

.frontpage-hostel-surf {
	padding: 130px 0 150px 0;
}

.frontpage-vibes {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	position: relative;
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	aspect-ratio: 25 / 10;
}

.frontpage-vibes::before,
.frontpage-vibes::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 100%;
	background-image: url(assets/images/masks/mask-good-vibes.webp);
}

.frontpage-vibes::before {
	bottom: auto;
	top: 0;
	background-image: url(assets/images/masks/mask-good-vibes-before.webp);
}

.frontpage-vibes span {
	color: #FBF7EE;
	font-family: "Caveat Brush";
	font-size: 500px;
	font-style: normal;
	font-weight: 400;
	line-height: 360px;
	/* 71.713% */
	letter-spacing: -25.1px;
	text-transform: lowercase;
	white-space: nowrap;
	animation: goodvibes 30s linear infinite;
}

@keyframes goodvibes {
	from {
		transform: translateX(90%);
	}

	to {
		transform: translateX(-100%);
	}
}

.frontpage-vibes figure {
	position: absolute;
	bottom: 0;
	left: 52%;
	width: 100%;
	height: auto;
	display: flex;
	transform: translateX(-50%);
	transition: all 2s;
}

.frontpage-vibes.visible figure {
	left: 50%;
}

.frontpage-faq-grid {
	display: grid;
	grid-template-columns: 18% 1fr;
	column-gap: 5%;
	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */
}

.frontpage-faq-grid-right {
	display: flex;
	column-gap: 20px;
	position: relative;
	overflow-x: auto;
	scrollbar-width: none;
	padding-left: 30px;
	cursor: url('assets/images/btn-drag.svg'), auto;
}

.frontpage-faq-grid-right::-webkit-scrollbar {
	display: none;
}

.frontpage-faq-grid-left {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

.frontpage-faq-grid-left::before {
	content: '';
	position: absolute;
	right: -90%;
	top: 0;
	z-index: 2;
	width: 200px;
	height: 100%;
	background: linear-gradient(to right, #FBF7EE 0%, rgb(251 247 238) 15%, rgba(251, 247, 238, 0.00) 100%);
}

.frontpage-faq-card {
	flex-wrap: nowrap;
	flex: 0 0 300px;
	/* cursor: grab; */
}

.grab-container.active {
	scale: .95;
}

.grab-container.active .frontpage-faq-card {
	pointer-events: none;
}

.frontpage-faq-card>h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	/* 138.889% */
	letter-spacing: -0.36px;
	padding: 25px 45px 25px 25px;
	background-color: #F3EDE1;
	border-radius: 10px;
	z-index: 1;
	position: relative;
}

.frontpage-faq-card>div {
	padding: 20px 0 0 25px;
}

.grab-container.active .frontpage-faq-card>div {
	transform: translateY(-40px);
}

.frontpage-faq-card>div>p {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	/* 171.429% */
	letter-spacing: -0.28px;
}

.frontpage-testimonial {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0 100px 0;
}

.testimonials-boxes {
	overflow-x: hidden;
	scrollbar-width: none;
}

.testimonials-boxes .owl-item.active:not(.center) {
	scale: .9;
}


.testimonials-boxes .owl-dots {
	position: relative;
	align-items: baseline;
	transform: none;
	top: 0;
	left: 0;
	margin-top: 90px;
}

.testimonials-boxes .owl-dots .owl-dot {
	height: 1px;
	width: 50px;
	box-shadow: none;
	border-radius: 0;
	background-color: #FBF7EE !important;
}

.testimonials-boxes .owl-dots .owl-dot.active {
	height: 2px;
	width: 50px;
	background-color: #FBF7EE !important;
}

.testimonial-box {
	background-image: url(assets/images/masks/mask-texture-testimonial.webp);
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 40px 30px;
	/* flex: 0 0 478px; */
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
}

.testimonial-box::after {
	content: '';
	position: absolute;
	bottom: -28px;
	left: 20px;
	width: 35px;
	height: 30px;
	display: block;
	background-image: url(assets/images/masks/mask-texture-testimonial.webp);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}

.testimonials-boxes .owl-stage {
	display: flex;
}

.testimonial-box>figure {
	display: flex;
	gap: 5px;
}

.testimonial-box img {
	width: fit-content;
}

.testimonial-box>p {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	/* 171.429% */
	letter-spacing: -0.28px;
}

.testimonial-box>span {
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
	/* 117.647% */
	letter-spacing: -0.34px;
}

/* Frontpage Instagram */
.frontpage-instagram {
	overflow: hidden;
}

.frontpage-instagram-grid {
	display: grid;
	/*grid-template-columns: 50% 45%;
	gap: 5%;*/
}

.frontpage-instagram-content {
	max-width: 70%;
	padding: 110px 0 150px 0;
	align-content: space-evenly;
}

.frontpage-instagram-text {
	max-width: 75%;
}

.frontpage-instagram-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	margin-top: 30px;
}

.frontpage-instagram-items>a {
	padding: 20px;
	border-radius: 10px;
	border: 1px solid var(--color-dark);
	min-height: 205px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	overflow: hidden;
}

.frontpage-instagram-items>a h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	/* 111.111% */
	letter-spacing: -0.36px;
}

.frontpage-instagram-items>a:hover .btn-secondary::after {
	transform: translateX(10px);
}

.frontpage-instagram-items .btn-secondary::after {
	all: unset;
}

.frontpage-instagram-items .btn-secondary {
	justify-content: space-between;
	opacity: 0;
}

.modality-items>a .btn-secondary::after,
.frontpage-instagram-items .btn-secondary::after {
	content: '';
	width: 40px;
	height: 15px;
	background-image: url(assets/images/icons/icon-arrow-instagram.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .2s;
}

.frontpage-instagram-items>a:hover .btn-secondary {
	opacity: 1;
}

.frontpage-instagram-items>a>div {
	transform: translateY(25px);
}

.frontpage-instagram-items>a:hover>div {
	transform: translateY(0);
}

.frontpage-instagram-gallery {
	display: grid;
	/*
	grid-template-columns: 1fr 1fr 1fr;*/
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	gap: 10px;
}

.frontpage-instagram-gallery> figure {
	background-color: #e3dac9;
	  /*  max-height: 232px;*/
	 aspect-ratio: 1/1;
	     display: flex;
}
.frontpage-instagram-gallery> figure a {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.frontpage-instagram-gallery> figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.frontpage-instagram-gallery> figure video {
    width: 100%;  /* Define a largura total do contêiner */
    height: 100%; /* Define a altura total do contêiner */
    object-fit: cover;  /* Preenche o contêiner com o vídeo, cortando o excesso */
    display: block;  /* Remove espaços brancos ao redor do vídeo */
}
.frontpage-instagram-gallery>figure:nth-child(3n + 2) {
/*	transform: translateY(-25px);*/
}

.frontpage-instagram-gallery>figure:nth-child(3n + 1),
.frontpage-instagram-gallery>figure:nth-child(3n) {
/*	transform: translateY(25px);*/
}

/* Surf School */
.surf-school-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Careers */
.careers-flex>div {
	flex: 0 0 30%;
}

.careers-form {
	border-radius: 10px;
	border: 1px solid var(--color-dark);
	flex: 0 0 50%;
}

.content-flex>div {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

.content-flex>figure>img {
	margin-left: -10%;
	width: 100%;
	height: auto;
}

.card {
	transition: all 1s;
	display: flex;
	flex-direction: column;
	position: relative;
}

.card>figure {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 3 / 2;
}

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

.card-content {
	margin-top: -5px;
	padding: 15px 20px 20px 20px;
	border: 1px solid #000;
	border-top: none;
	background: #FBF7EE;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.card-content h2 {
	color: var(--color-dark);
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	/* 144.444% */
	letter-spacing: -0.36px;
}

.card-description p {
	color: var(--color-dark);
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	/* 158.333% */
	letter-spacing: -0.24px;
}

.card-secondary {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.card-secondary>figure {
	width: 100%;
	max-height: 450px;
	background-color: #E5DDCF;
	border-radius: 10px;
}

.card-secondary>figure>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	transition: all .5s;
	position: relative;
	top: 0;
	object-position: top;
}

.card-secondary:hover>figure>img {
	top: 35px;
	scale: .85;
	rotate: -6deg;
}

.card-secondary h3 {
	color: #1A1A1A;
	font-size: 26px;
	font-weight: 700;
	line-height: 23px;
	/* 88.462% */
	letter-spacing: -0.52px;
	position: relative
}

.card-secondary-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.card-secondary h3::before {
	content: attr(data-small-name);
	color: #F3EDE1;
	font-size: 80px;
	font-weight: 700;
	line-height: 76px;
	/* 95% */
	letter-spacing: -1.6px;
	position: absolute;
	top: -50px;
	right: 5px;
	z-index: -1;
}

.card-secondary h3.card-small-name::before {
	color: #E5DDCF;
}

.card-secondary .btn-secondary {
	opacity: 0;
}

.card-secondary:hover .btn-secondary {
	opacity: 1;
}

.school-type-price-info {
	color: #8E8575;
	font-size: 10px;
	font-weight: 300;
	line-height: 13px;
	/* 130% */
	letter-spacing: -0.2px;
	flex: 0 0 56%;
}

.school-type-price {
    border-radius: 6px;
    border: 1px solid #1A1A1A;
    padding: 8px;
    display: flex;
    flex-direction: column;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    height: fit-content;
    letter-spacing: -0.36px;
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: #FBF7EE;
}

.school-type-price>span {
	color: #1A1A1A;
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	/* 133.333% */
	letter-spacing: -0.18px;
}

/* Form */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: all 5000s ease-in-out 0s;
	-webkit-text-fill-color: var(--color-dark) !important;
}

form {
	background-color: var(--color-light);
	padding: 45px 40px;
	height: fit-content;
}

.input-field {
	position: relative;
	border-bottom: 1px solid var(--color-dark);
	margin-bottom: 28px;
	min-height: 32px;
	flex: 1;
}

.input-field>label {
	color: var(--color-dark);
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	/* 106.667% */
	letter-spacing: -0.3px;
	position: absolute;
	left: 0;
	top: 0;
}

select.error ~ .chosen-container .chosen-single>span,
label.input-field-title.error,
.input-field>label.error {
	color: #f56f6f;
}

.input-field>label.label-secondary {
	position: relative;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	display: block;
}

.input-field>textarea:focus,
.input-field>input:focus {
	outline: none;
}

.input-field>input {
	width: 100%;
	height: 100%;
	padding-bottom: 12px;
}

.input-field input[type="file"] {
	display: none;
}

.input-field>textarea {
	height: 180px;
	width: 100%;
	padding-bottom: 12px;
}

.input-field>textarea.textarea-small {
	height: 100px;
}

.input-field>textarea:not(:placeholder-shown)+label,
.input-field>textarea:focus+label,
.input-field>input:not(:placeholder-shown)+label,
.input-field>input:focus+label {
	color: rgba(26, 26, 26, 0.5);
	font-size: 11px;
	font-weight: 300;
	line-height: 11px;
	/* 100% */
	letter-spacing: -0.22px;
	top: -15px;
}

.input-flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 20px;
}

.input-field-title {
	color: var(--color-dark);
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.3px;
}

.file-button {
	background-color: #F0EADD;
	font-size: 11px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: -0.22px;
	text-transform: uppercase;
	padding: 4px 30px 4px 10px;
	background-image: url(assets/images/icons/icon-upload.svg);
	background-size: 10px;
	background-position: 90%;
	background-repeat: no-repeat;
	margin-top: -10px;
	cursor: pointer;
	position: relative;
}

.file-button:hover {
	background-position: 90% 8px;
}

.file-button.file::before {
	content: '';
	position: absolute;
	height: 18px;
	width: 18px;
	background-image: url(assets/images/icons/icon-checkbox.svg);
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	top: 6px;
	right: 5px;
	background-color: #fff;
	border-radius: 10px;
	filter: invert(1);
}

.send-button {
	background-color: var(--color-dark);
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	/* line-height: 13.57px; */
	letter-spacing: -0.22px;
	text-transform: uppercase;
	padding: 10px 50px 10px 30px;
	background-image: url(assets/images/icons/icon-send.svg);
	background-size: 18px;
	background-position: 70px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.send-button.disable {
	pointer-events: none;
	cursor: not-allowed;
	background-color: #8E8575;
}

.send-button:hover {
	background-position: 75px;
}

.form-footer>div,
.form-footer {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 5px;
}

.form-footer>div {
	flex: 1;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.form-footer>div>div {
	display: flex;
	column-gap: 15px;
	row-gap: 10px;
	align-items: center;
}

.response-ajax {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	top: 20px;
}

.label-checkbox {
	color: var(--color-dark);
	font-size: 13px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.26px;
}

/* Blog */
.end-article>span {
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	/* 100% */
	letter-spacing: -0.286px;
}

.end-article.small>span {
	color: var(--color-light);
	font-size: 12px;
	font-weight: 300;
	line-height: 12px;
	/* 100% */
	letter-spacing: -0.24px;
}

.blog-banner {
	background-image: url(assets/images/masks/mask-blog.webp);
	background-repeat: no-repeat;
	padding-top: 135px;
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 285px 285px;
	gap: 20px;
	margin-top: 30px;
}

.blog-highlight {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	row-gap: 5px;
}

.blog-highlight::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 34%, rgba(0, 0, 0, 0.70) 80%);
	border-radius: 10px;
	transition: all .2s;
}

.blog-highlight:hover::after {
	backdrop-filter: contrast(1.2);
}

.blog-highlight>h3 {
	color: var(--color-light);
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	z-index: 1;
}

.blog-highlight:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.blog-highlight:first-child>h3 {
	font-size: 35px;
	font-weight: 700;
	line-height: 40px;
	/* 114.286% */
	letter-spacing: -0.7px;
}

.blog-highlight:last-child {
	grid-column: span 2;
}

.blog-highlight-description {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 1;
	column-gap: 10px;
}

.blog-highlight-description>p {
	color: var(--color-light);
	font-size: 17px;
	font-weight: 300;
	line-height: 22px;
	/* 129.412% */
	letter-spacing: -0.34px;
	flex: 1;
}

.blog-card {
	border-radius: 10px;
	background-color: #F3EDE1;
}

.blog-card h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.4px;
}

.blog-card figure {
	width: 100%;
	height: 195px;
	overflow: hidden;
	display: flex;
	border-radius: 10px;
}

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

.blog-card:hover img {
	scale: 1.05;
}

.blog-card-content {
	padding: 25px 20px;
}

.blog-card-content>div {
	font-size: 12px;
	margin-bottom: 17px;
}

#blog-select {
	padding: 0;
}

/* Select Chosen */
.chosen-container {
	width: 160px !important;
	position: relative;
}

.chosen-contact~.chosen-container {
	width: 100% !important;
}

.chosen-contact~.chosen-container .chosen-drop {
	top: 30px;
}

.chosen-single {
	border-radius: 43px;
	border: 1px solid #000;
	padding: 9px 26px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.chosen-contact~.chosen-container .chosen-single {
	border: none;
	padding: 0;
	padding-bottom: 15px;
}

.chosen-single>span {
	color: var(--color-dark);
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.3px;
}

.chosen-contact~.chosen-container .chosen-single>span {
	font-weight: 600;
}

.chosen-contact~.chosen-container .chosen-single>div>b {
	height: 6px;
	width: 10px;
}

.chosen-single>div>b {
	height: 4px;
	width: 8px;
	background-image: url(assets/images/icons/icon-select.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

.chosen-search {
	display: none;
}

.chosen-drop {
	display: none;
	position: absolute;
	border-radius: 10px;
	background: #FBF7EE;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
	width: 100%;
	z-index: 1;
	padding: 10px 0;
	top: 45px;
}

.active-result {
	cursor: pointer;
	padding: 10px 20px;
	font-weight: 400;
}

.active-result.result-selected {
	background-color: #F0EADD;
	font-weight: 600;
}

.chosen-with-drop .chosen-drop {
	display: flex;
	flex-direction: column;
	max-height: 380px;
	overflow-y: auto;
}

/* width */
.chosen-with-drop .chosen-drop::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.chosen-with-drop .chosen-drop::-webkit-scrollbar-track {
	background-color: #E5E0D5;
	border-radius: 10px;
}

/* Handle */
.chosen-with-drop .chosen-drop::-webkit-scrollbar-thumb {
	background: var(--color-dark);
	border-radius: 10px;
}

/* Single Blog */
.banner-single-blog {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 135px 0 50px 0;
	position: relative;
}

.banner-single-blog h1 {
	letter-spacing: -0.8px;
}

.banner-single-blog::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.7) 100%);
}

.banner-single-blog-content {
	height: 360px;
	z-index: 1;
	position: relative;
}

.the-excerpt>p {
	font-size: 20px;
	font-weight: 600;
	line-height: 31px;
	/* 155% */
	letter-spacing: -0.4px;
}

.tp-package {
	padding: 115px 0;
	background-color: #F3EDE1;
}

.package-grid {
	display: grid;
	grid-template-columns: 20% 1fr;
	column-gap: 50px;
}

.tp-package-grid {
	display: grid;
	grid-template-columns: 14% 1fr;
	column-gap: 50px;
}

.package-grid-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.package-grid-list>a {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
	min-height: 295px;
	display: flex;
	align-items: flex-end;
	position: relative;
	border-radius: 14px;
}

.package-grid-list>a:hover {
	filter: brightness(1.1);
}

.package-grid-list>a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 14px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.70) 0%, rgba(102, 102, 102, 0.00) 100%);
}

.package-grid-list span {
	font-size: 24px;
	font-weight: 600;
	line-height: 105%;
	letter-spacing: -0.482px;
	z-index: 1;
}

.fs-lg {
	font-size: 19px;
	font-weight: 300;
	line-height: 27px;
	/* 142.105% */
	letter-spacing: -0.38px;
}

.content-p-lg>p,
.fs-md {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	/* 147.059% */
	letter-spacing: -0.34px;
}

/* Group Lessons */
.lesson-card {
	display: flex;
	border-radius: 10px;
	background-color: #FBF7EE;
	box-shadow: 0 0 34px #DBD2C2;
}

.lesson-card>a {
	flex: 0 0 48%;
	display: flex;
	height: 100%;
	width: auto;
	border-radius: 10px;
	overflow: hidden;
}

.lesson-card>a:hover img {
	scale: 1.1;
	rotate: -5deg;
	filter: brightness(1.1);
}

.lesson-card figure {
	display: flex;
	height: auto;
	width: 100%;
}

.lesson-card>div {
	flex: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.lesson-card>div>p {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	/* 150% */
	letter-spacing: -0.24px;
	margin-top: 0;
	margin-bottom: 5px;
}

.lesson-feature {
	display: grid;
	grid-template-columns: 45% 1fr;
	margin-top: 26px;
	column-gap: 15px;
	margin-top: auto;
}

.lesson-feature p {
	display: flex;
	flex-direction: column;
	font-size: 9px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.18px;
	margin-top: 0;
}

.lesson-feature p strong {
	font-size: 10px;
}

.lesson-feature>div {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 8px;
}

#transport {
	margin-left: -10px;
}

.lesson-prices {
	display: grid;
	column-gap: 15px;
	grid-template-columns: 45% 1fr;
	margin-top: 15px;
}

.lesson-price {
	display: flex;
	flex-direction: column;
}

.lesson-price>label {
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
	/* 120% */
	letter-spacing: -0.2px;
	border-radius: 2px;
	background-color: #E2D7C4;
	padding: 3px 4px;
	width: fit-content;
	text-transform: uppercase;
}

.lesson-price>small {
	font-size: 9px;
	font-weight: 300;
	line-height: 8.752px;
	/* 97.243% */
	letter-spacing: -0.18px;
	margin-top: 5px;
}

#low-season {
	border-radius: 7px;
	border: 1px solid #1A1A1A;
	padding: 8px;
}

#low-season>span {
	font-size: 20px;
	font-weight: 700;
	line-height: 24.797px;
	/* 123.985% */
	letter-spacing: -0.4px;
}

#high-season>span {
	font-size: 32px;
	font-weight: 700;
	line-height: 28px;
	/* 87.5% */
	letter-spacing: -0.64px;
	margin: 3px 0 8px 0;
}

#high-season.lesson-price>label {
	font-size: 11px;
}

.lesson-buttons {
	display: grid;
	grid-template-columns: 45% 1fr;
	gap: 15px;
	margin-top: 14px;
}

.lesson-buttons .btn-dark,
.lesson-buttons .btn-contact {
	font-size: 12px;
	line-height: 13.57px;
	white-space: nowrap;
	/* 113.083% */
}

.lesson-buttons .btn-dark {
	width: 100%;
	text-align: center;
}

.lesson-buttons .btn-contact::after {
	height: 12px;
	width: 12px;
}

/* Paginação */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 13px;
	margin-top: 30px;
}

.pagination>span {
	font-size: 18px;
	font-weight: 500;
	line-height: 29px;
	/* 161.111% */
	letter-spacing: -0.36px;
	height: 38px;
	width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EEE7DA;
	border-radius: 50%;
}

.pagination a.page-numbers {
	font-size: 13px;
	font-weight: 500;
	line-height: 29px;
	/* 223.077% */
	letter-spacing: -0.26px;
}

.pagination a.page-numbers:hover {
	font-weight: 700;
}

.pagination a.page-numbers.prev,
.pagination a.page-numbers.next {
	all: unset;
	width: 40px;
	height: 15px;
	background-image: url(assets/images/icons/icon-pagination.svg);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all .2s;
}

.pagination a.page-numbers.prev {
	scale: -1;
}

.pagination a.page-numbers.prev:hover,
.pagination a.page-numbers.next:hover {
	transform: translateX(3px);
}

/* Activities */
.section-activities {
	padding: 70px 0 105px 0;
}

.banner-after-secondary-md,
.banner-after-secondary,
.relative {
	position: relative;
}

.banner-after-secondary::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(26, 26, 26, 0.50) 0%, rgb(26 26 26 / 10%) 100%);
	background-blend-mode: darken;
}

.banner-after::after,
.video-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg,
			rgba(26, 26, 26, 0.50) 0%,
			rgba(26, 26, 26, 0.50) 100%);
	background-blend-mode: darken;
}

.video-banner::after {
	background: linear-gradient(to right,
			rgba(26, 26, 26, 0.0) 0%,
			rgba(26, 26, 26, 0.50) 80%);
}

/* Sustainability  */
.sustainability-block:nth-child(even) {
	margin: 40px 0 65px auto;
}
.sustainability-block svg{
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
}

.sustainability-block.visible svg{
	animation: dash 5s linear forwards;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

.sustainable-block{
	background-image: url(assets/images/masks/mask-sustainable-before.svg);
	background-size: cover;
}

.community {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 150px;
}

.community-content {
	max-width: 34%;
	padding: 170px 0 110px 0;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.community::before {
	content: '';
	position: absolute;
	top: -135px;
	left: 0;
	bottom: -1px;
	right: 0;
	background-image: url(assets/images/masks/mask-sustainable.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}

/* Facility */
.facility-grid {
	display: grid;
	grid-template-columns: 29% 1fr;
	column-gap: 40px;
	margin-top: 36px;
}

.beach-grid {
	display: grid;
	grid-template-columns: 20% 1fr;
	column-gap: 50px;
}

.beach-section {
	padding: 120px 0;
}

.facility-grid-secondary {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.facility-content {
	display: flex;
	flex: 0 0 50%;
	align-items: flex-start;
	position: relative
}

.facility-content figure>img {
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.facility-content p {
	font-size: 13px;
	font-weight: 300;
	line-height: 21px;
	/* 161.538% */
}

.facility-content:nth-child(4n+3),
.facility-content:nth-child(4n+4) {
	flex-direction: row-reverse;
}

.facility-content>div {
	padding: 25px 30px;
}

.facility-content>figure {
	flex: 0 0 50%;
	height: 100%;
}

.facility-sticky{
	gap: 5px;
	height: fit-content;
	position: sticky;
	top: 30px;
}

.facility-menu {
	border-radius: 10px;
	border: 1px solid #1A1A1A;
	padding: 25px;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

.facility-menu.secondary {
	background-color: #F3EDE1;
	border: none;
}

.facility-menu li {
	color: #1A1A1A;
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	/* 176.471% */
	letter-spacing: -0.34px;
	white-space: nowrap;
}

.facility-item h4{
	display: none;
}

.facility-menu li:hover {
	text-shadow: 0 0 #000;
}

.facility-menu li.selected {
	font-size: 18px;
	font-weight: 600;
}

.facility-item {
	display: flex;
	justify-content: space-between;
	column-gap: 45px;
	margin-bottom: 30px;
}

.facility-item:nth-of-type(odd) > div  {order:1;}
.facility-item:nth-of-type(odd) > figure  {order:0;}

.facility-item>div {
	flex: 0 0 35%;
}

.facility-item>div p {
	font-size: 14px;
}

.facility-item>div>p>strong {
	margin: 16px 0 6px 0;
	display: block;
}

.modality-section {
	margin-top: 150px;
}

.modality-items {
	display: flex;
	gap: 10px;
	counter-reset: items;
	flex-wrap: wrap;
}

.modality-items a>div {
	position: absolute;
    top: 55%;
	width: 80%
}

.modality-items a img{
	margin-bottom: 2px;
	scale: 1.1;
	transform-origin: bottom;
}

.modality-items a {
	flex: 0 0 180px;
	padding: 20px;
	min-height: 205px;
	border-radius: 10px;
	border: 1px solid #1A1A1A;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	position: relative;
}

/* .modality-items a::before {
	counter-increment: items;
	content: counters(items, ".", decimal-leading-zero);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.16);
	color: transparent;
	font-family: "Caveat Brush";
	font-size: 175px;
	font-weight: 400;
	line-height: 195px;
	letter-spacing: -8.75px;
	text-transform: lowercase;
	position: absolute;
	top: -65px;
	left: -20px;
}
*/

.modality-items a:hover>div {
	top: 20px;
	transition: all 1s;
}

.modality-items a:hover p {
	opacity: 1;
}

.modality-items a:hover>div img{
	display: none;
}

.modality-items a h4 {
	font-size: 19px;
	font-weight: 700;
	line-height: 20px;
	/* 111.111% */
	letter-spacing: -0.36px;
}

.modality-items a h4::before {
	display: none;
}

.modality-items a p {
	margin: 7px 0 10px;
	color: #7B776F;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	/* 153.846% */
	letter-spacing: -0.26px;
	opacity: 0;
}


/* Gallery */
.gallery-section {
	margin-top: -380px;
	padding-bottom: 100px;
}

.gallery-item {
	display: flex;
	margin-bottom: 20px;
	overflow: hidden;
	opacity: 0;
	transform: translateY(50px);
	transition: 1s;
}

.gallery-item.visible {
	opacity: 1;
	transform: translateY(0);
}

.gallery-item.same-line-0 {
	margin-top: 100px;
}

.gallery-item.same-line-2 {
	padding-top: 50px;
}

.gallery-item img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/* .gallery-item img:hover {
	filter: brightness(1.1)
} */

/* Rooms */
.single-room-package-gallery {
	position: sticky;
	top: 20px;
	height: fit-content;
}

.single-room-package-thumbnail {
	display: grid;
	overflow-x: auto;
	gap: 10px;
	scrollbar-width: none;
	grid-auto-flow: column;
	grid-auto-columns: 150px;
	cursor: url('assets/images/btn-drag.svg'), auto;
}

.single-room-package-thumbnail>figure:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.room-package-after::after {
	content: '';
	height: 310px;
	width: 100px;
	background: linear-gradient(to left, #FBF7EE 0%, rgb(251 247 238) 15%, rgba(251, 247, 238, 0.00) 100%);
	display: block;
	position: absolute;
	bottom: 0;
	right: -5px;
	pointer-events: none;
}

.single-room-package-thumbnail.active>figure {
	pointer-events: none;
}

.single-room-package-thumbnail::-webkit-scrollbar {
	display: none;
}

.single-room-package-image {
	margin-bottom: 10px;
}

.single-room-package-image>img {
	border-radius: 10px;
	height: 500px;
}

.single-room-package-thumbnail>figure {
	flex: 0 0 150px;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
}

.single-room-package-thumbnail>figure>img {
	aspect-ratio: 1;
	display: block;
	border-radius: 10px;
}

.single-room-package-thumbnail>figure.active {
	border: 1px solid var(--color-dark);
}

.additional-info {
	border-radius: 10px;
	background-color: #E5DDCF;
	padding: 25px 30px 30px 30px;
}

.additional-info.secondary {
	background-color: #F3EDE1;
	padding-top: 15px;
}

.additional-info-content {
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	/* 185.185% */
}

#mostpopular {
	position: absolute;
	background-color: #2D2920;
	padding: 6px 26px 6px 9px;
	z-index: 2;
	border-radius: 7px;
	color: #FBF7EE;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	/* 107.692% */
	text-transform: uppercase;
	top: 20px;
	left: -10px;
	background-image: url(assets/images/icons/icon-star.svg);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 95%;
}

.package-most-popular {
	background-color: #2D2920;
	padding: 6px 26px 6px 9px;
	border-radius: 7px;
	color: #FBF7EE;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	/* 107.692% */
	text-transform: uppercase;
	background-image: url(assets/images/icons/icon-star.svg);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 95%;
	white-space: nowrap;
	width: fit-content;
}

.card-room-package {
	background-color: #FBF7EE;
	border-radius: 10px;
	box-shadow: 0px 0px 33px #DBD2C2;
	min-width: 100%;
	position: relative;
}

.card-room-package img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 10px;
	height: 100%;
}

.card-room-package-excerpt p {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	/* 133.333% */
	letter-spacing: -0.24px;
	margin: 4px 0 12px 0;
}

.digital-nomad-custom-card {
	background-color: #E4DDCE;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	padding: 40px 30px 25px 30px;
	position: relative;
	overflow: hidden;
}

.digital-nomad-custom-card:hover .btn-secondary::after {
	transform: translateX(10px);
}

.digital-nomad-custom-card::after {
	content: 'custom';
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.16);
	font-family: "Caveat Brush";
	font-size: 175px;
	font-style: normal;
	font-weight: 400;
	line-height: 195px;
	letter-spacing: -8.75px;
	text-transform: lowercase;
	position: absolute;
	top: -29px;
	right: 50px;
	rotate: -90deg;
	transform-origin: right;
}

.digital-nomad-custom-card>p {
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	/* 127.778% */
	letter-spacing: -0.36px;
}

.card-package-info,
.card-room-info {
	display: flex;
	flex-wrap: wrap;
	column-gap: 6px;
	row-gap: 10px;
}

.card-package-info>div,
.card-room-info>div {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

.card-package-info>div:not(:last-child),
.card-room-info>div:not(:last-child) {
	border-right: 1px solid #D9CEBA;
	padding-right: 12px;
}

.card-room-package-footer {
	display: flex;
	gap: 15px;
	margin-top: 15px;
}

.card-package-info strong,
.card-room-info strong {
	font-size: 13px;
	font-weight: 700;
	line-height: 15px;
	/* 115.385% */
	letter-spacing: -0.26px;
}


.card-package-info span,
.card-room-info span {
	font-size: 11px;
	font-weight: 300;
	line-height: 12px;
	/* 110% */
	letter-spacing: -0.2px;
}

.card-room-package-content {
	padding: 14px 20px 20px 20px;
}

.breadcrumb {
	font-size: 14px;
	font-weight: 400;
	line-height: 11.782px;
	/* 84.158% */
	margin-bottom: 35px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.breadcrumb a {
	display: flex;
	align-items: center;
	gap: 15px;
}

.breadcrumb a:hover {
	text-shadow: 0 0 #fff;
}

.breadcrumb a:not(:last-child):after {
	content: '';
	height: 8px;
	width: 6px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(assets/images/icons/icon-breadcrumb-separator.svg);
}

article img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}


/* Owl Carousel */
.owl-dots {
	position: absolute;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 50%;
	transform: translateX(-50%);
	gap: 15px;
}

.owl-dots .owl-dot {
	height: 7px;
	width: 7px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.60);
	border-radius: 50%;
	background-color: #fbf7eec0 !important;
}

.owl-dots .owl-dot.active {
	height: 8px;
	width: 8px;
	background-color: #fbf7ee !important;
}

.owl-nav.disabled {
	display: none;
}

/* Single Room */
body.page-template-page-activities,
body.single-package,
body.single-room {
	overflow-x: unset;
}

.single-room-form {
	border-radius: 10px;
	background-color: #F3EDE1;
	padding: 20px;
	margin: 15px 0 20px 0;
}

.single-room-form .btn-dark {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-room-form .btn-contact {
	background: #DFD9CB;
}

.single-room-form .btn-contact:hover {
	background: #D4CEC1;
}

.single-room-package-content p {
	font-size: 17px;
	font-weight: 300;
	line-height: 29px;
	/* 170.588% */
}

.single-room-package-content p em{
	font-size: 12px;
	color:#1B1B1B;
}

.flex-content-md p:not(:first-child),
.single-room-package-content p:not(:first-child) {
	margin-top: 15px;
}

.single-room-package-content p strong {
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
	/* 142.857% */
}

.single-room-package-content ul {
	/* columns: 2; */
	/* gap: 25px; */
	margin-left: 30px;
	list-style-type: disc;
	margin-top: 15px;
}

.single-room-package-content li {
	font-size: 15px;
	line-height: 25px;
	/* 166.667% */
	letter-spacing: -0.3px;
	margin-bottom: 5px;
}

.single-room-package-content li em {
	color: #716C61;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.24px;
	display: block;
	font-style: normal;
}

.single-room-package-content h2 {
	font-size: 21px;
	font-weight: 700;
	line-height: 34px;
	/* 161.905% */
	letter-spacing: -0.42px;
}

.single-room-package-content ul.amenities-list {
	list-style: none;
	display: flex;
	columns: auto;
	margin: 0;
	flex-wrap: wrap;
	gap: 10px;
}

.single-room-package-content ul.amenities-list>li {
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	/* 178.571% */
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E8E3D8;
	padding: 0 12px;
}

/* Package */
.btn-from-price {
	border: 1px solid #2D2920;
	display: flex;
	flex-direction: column;
	font-size: 22px;
	font-weight: 700;
	line-height: 25px;
	/* 113.636% */
	letter-spacing: -0.44px;
	height: fit-content;
	padding: 12px 15px;
	align-items: flex-end;
	position: relative;
	rotate: 2deg;
}

.btn-from-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.05);
	display: block;
	rotate: -7deg;
}

.btn-from-price small {
	font-size: 10px;
	font-weight: 300;
	line-height: 12px;
	/* 120% */
	letter-spacing: -0.2px;
}

.package-card {
	min-height: 360px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	overflow: hidden;
	position: relative;
}

.package-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(26, 26, 26, 00) 0%, rgba(26, 26, 26, 0.50) 100%);
}

.package-card:hover {
	filter: contrast(1.1);
}

.package-card:hover>div {
	transform: translateY(0);
}

.package-card:hover .btn-secondary {
	opacity: 1;
	visibility: visible;
}

.package-card>div {
	transform: translateY(30px);
	z-index: 1;
}

.package-card .btn-secondary {
	color: #fff;
	opacity: 0;
	visibility: hidden;
}

.package-card .btn-secondary::after {
	filter: invert(1);
}

.package-card h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 25.508px;
	/* 105.882% */
	letter-spacing: -0.482px;
	margin-bottom: 14px;
}

.included-grid {
	padding-top: 18px;
	display: flex;
	gap: 30px;
	align-items: flex-start;
	padding-bottom: 6px;
	border-bottom: 1px solid #D9CEBA;
}

.included-grid>img {
	margin-top: -5px;
}

.included-grid>div {
	width: 100%;
}

.included-grid h4 {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	/* 178.571% */
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.included-grid h4::after {
	content: '';
	background-image: url(assets/images/icons/icon-arrow-included.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 10px;
	height: 5px;
	scale: -1;
	rotate: 0;
	transition: all .2s;
}

.included-grid.toggle h4::after {
	rotate: -180deg;
}

.included-grid h4~* {
	display: none;
}

.included-grid.toggle h4~* {
	display: block;
}

.included-grid p {
	color: #878279;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	/* 164.286% */
	letter-spacing: -0.28px;
}

/* Gallery */
.columns-4 {
	columns: 4;
	gap: 20px;
}

/* Retreat */
.retreat-content {
	padding: 180px 0 142px 0;
	max-width: 475px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	position: relative;
	z-index: 1;
}

.retreat-section {
	margin: 160px 0 110px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	background-position: top;
}

.retreat-content::before {
	content: '';
	position: absolute;
	top: -75px;
	left: -300px;
	bottom: 0;
	right: 0;
	background-image: url(assets/images/masks/mask-retreat.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	width: 225%;
	z-index: -1;
}

.cowork-section {
	position: relative;
	min-height: 580px;
	margin-top: 125px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.cowork-section::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(assets/images/masks/mask-cowork.webp);
	height: calc(100% + 80px);
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
}

.cowork-section::after {
	content: attr(data-title);
	position: absolute;
	top: 50%;
	right: 14%;
	transform: translateY(-50%);
	text-align: right;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FBF7EE;
	font-family: "Caveat Brush";
	font-size: 288px;
	font-weight: 400;
	line-height: 153px;
	/* 53.125% */
	letter-spacing: -14.4px;
	color: transparent;
	text-transform: lowercase;
	max-width: 760px;
	rotate: -4deg;
}

.cowork-video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: brightness(0.7);
}

.cowork-content {
	max-width: 465px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.retreat-section::after {
	content: attr(data-title);
	text-align: right;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FBF7EE;
	color: transparent;
	font-family: "Caveat Brush";
	font-size: 288px;
	font-weight: 400;
	line-height: 153px;
	/* 53.125% */
	letter-spacing: -14.4px;
	text-transform: lowercase;
	position: absolute;
	transform: translate(-35%, -50%) rotate(-4deg);
	max-width: 760px;
	top: 50%;
	right: 0;
	z-index: 0;
}

.card-organize {
	border-radius: 10px;
	background-color: #F3EDE1;
	padding: 25px 30px;
}

.card-organize>h4 {
	color: #1A1A1A;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	/* 136.364% */
	letter-spacing: -0.44px;
	margin: 20px 0 10px 0;
}

.card-organize p {
	color: #1A1A1A;
	font-size: 13.5px;
	font-weight: 300;
	line-height: 25px;
	/* 185.185% */
}

.card-organize p em {
	color: #939393;
	font-size: 12px;
	font-weight: 300;
	line-height: 25px;
	font-style: normal;
}

/* About Us */
.about-us-our-team {
	padding: 85px 0;
	overflow: hidden;
}

.about-us-quote {
	margin-top: 15px;
}

.about-us-quote p {
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.34px;
}

.about-us-quote span {
	color: rgba(26, 26, 26, 0.42);
}

.about-us-value {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 160px 0 140px 0;
	margin-top: 175px;
}

.about-us-values {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 25px;
	max-width: 80%;
	margin: 0 auto;
}

.about-us-values>div {
	color: var(--color-light);
	text-align: center;
	font-family: "Caveat Brush";
	font-size: 118px;
	font-weight: 400;
	line-height: 70px;
	/* 59.322% */
	letter-spacing: -5.9px;
	text-transform: lowercase;
}

.about-us-values>span {
	color: #FFF;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	line-height: 22px;
	/* 129.412% */
	letter-spacing: 1.53px;
	text-transform: uppercase;
}

.figure-about-us-our-team {
	position: relative;
	z-index: 0;
}

.figure-about-us-our-team::before {
	content: '';
	position: absolute;
	right: -80px;
	top: -150px;
	display: block;
	height: calc(100% + 300px);
	aspect-ratio: 1 / 1;
	background-color: #E5DDCF;
	border-radius: 50%;
	z-index: -1;
}

.about-us-awd {
	max-width: 995px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.about-us-awd>ul {
	width: 100%;
	justify-content: space-between;
}

.about-us-dp {
	background-color: #F3EDE1;
}

.about-us-dp-grid {
	display: grid;
	grid-template-columns: 60% 1fr;
	align-items: center;
}

.about-us-dp-right {
	position: relative;
	max-width: 465px;
}

.about-us-dp-grid>figure {
	display: flex;
	height: 100%;
	overflow-y: hidden;
	max-height: 660px;
}

.about-us-dp-grid>figure>img {
	object-position: 0 5%;
}

.about-us-dp-right::before {
	content: "“";
	color: var(--color-dark);
	font-size: 163px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	/* 12.27% */
	letter-spacing: -3.26px;
	position: absolute;
	top: 0;
	left: -8px;
}

.about-us-dp-right>p {
	font-size: 20px;
	font-weight: 300;
	line-height: 34px;
	/* 170% */
	letter-spacing: -0.4px;
}

.about-us-dp-right>p>em {
	color: #98948e;
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
	/* 117.647% */
	letter-spacing: -0.34px;
	font-style: normal;
}

/* Contact */
.contact-map-right {
	display: none;
}

.contact-grid {
	display: grid;
	min-height: 100vh;
	grid-template-columns: 45% 55%;
	padding-top: 95px;
}

.contact-map {
	position: absolute;
	bottom: -1px;
	z-index: 1;
	right: -12%;
	height: 52vh;
	width: auto;
	pointer-events: none;
}

.contact-grid-left {
	transition: none;
	background-color: var(--color-dark);
	animation: fadeIn forwards;
	padding-top: 100px;
	position: relative
}

.contact-grid-right {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.contact-grid-right-content>h2 {
	color: #F3EDE1;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	/* 133.333% */
	letter-spacing: -0.6px;
	margin-left: 40px;
}

.contact-info {
	max-width: 268px;
}

.contact-header {
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	/* 106.667% */
	letter-spacing: -0.3px;
	margin-bottom: 7px;
}

.contact-small {
	color: #828282;
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
	/* 192.308% */
	letter-spacing: -0.26px;
	display: block;
}

.contact-subtitle {
	margin-bottom: 87px;
}

.contact-subtitle>p {
	font-size: 21px;
	font-weight: 300;
	line-height: 30px;
	/* 142.857% */
	letter-spacing: -0.42px;
}

.contact-form {
	position: relative;
	border-radius: 10px;
	width: 680px;
	z-index: 1;
}

.contact-form::after {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	width: 170px;
	height: 45px;
	background-image: url(assets/images/masks/mask-tape.webp);
	background-size: cover;
	background-repeat: no-repeat;
	rotate: 35deg;
}

/* Accessibility */
.overflow-hidden {
	overflow: hidden;
}

.private-lesson-after,
.section-accessibility figure {
	z-index: 0;
	position: relative;
	display: flex;
}

.private-lesson-after::after,
.section-accessibility figure::after {
	right: -90%;
	content: attr(data-title);
	position: absolute;
	bottom: 0;
	text-align: center;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #e4ddcf8a;
	font-family: "Caveat Brush";
	font-size: 288px;
	color: transparent;
	font-weight: 400;
	line-height: 151px;
	letter-spacing: -14.4px;
	text-transform: lowercase;
	pointer-events: none;
	z-index: -1;
}

.section-accessibility figure::before {
	content: '';
	position: absolute;
	top: -20%;
	left: 10%;
	width: 90%;
	height: 140%;
	border-radius: 50%;
	display: block;
	background-color: #e4ddcf;
	z-index: -1;
}

.private-lesson-after::after {
	right: -50%;
	width: max-content;
	bottom: -80px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		visibility: hidden;
	}

	to {
		opacity: 1;
		visibility: visible;
	}
}

/* FAQ */
.faq-banner {
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 170px;
}

.faq-section {
	min-height: 50vh;
}

.faq-mobile{
	display: none;
}

.menu-faq {
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: absolute;
	left: 15%;
}

.menu-faq li {
	color: #1A1A1A;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	/* 128.571% */
	letter-spacing: -0.28px;
	cursor: pointer;
}

.menu-faq li:hover {
	color: #C2BAAA;
}

.menu-faq li.active {
	font-weight: 800;
}

.faq-item {
	display: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #8E8575;
	position: relative;
}

.faq-item>h2 {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	/* 144.444% */
	padding-bottom: 15px;
	cursor: pointer;
	position: relative;
	padding-right: 60px;
	padding-left: 20px;
}

.faq-item>h2::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	background-image: url(assets/images/icons/icon-faq.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 6px;
	scale: -1;
	transform: translateY(50%);
}

.faq-item>h2.toggle {
	padding: 25px 60px 25px 20px;
	border-radius: 10px;
	background-color: #F3EDE1;
}

.faq-item>h2.toggle::after {
	scale: 1;
	transform: translateY(-50%);
}

.faq-item>div {
	display: none;
	padding: 15px 25px 20px 25px;
}

.faq-item>h2.toggle~div,
.faq-item.visible {
	display: block;
}

@media screen and (min-width: 1921px) {
	.contact-grid {
		min-height: 90vh;
	}

	.frontpage-faq-grid-left::before {
		right: -80%;
	}

	.cowork-section::before {
		left: 10%;
	}

	.community::before {
		right: 14%;
	}
}

@media screen and (min-height: 1180px) {
	/* .contact-grid-right {
		align-items: flex-start;
	}

	.frontpage-banner {
		min-height: 60vh;
	}

	.frontpage-banner-right>img {
		margin-top: 0;
	} */

	/* .frontpage-banner {
		min-height: 85vh;
	} */

	.frontpage-banner-right>img {
		margin-top: 0;
	}
}

@media screen and (min-height: 1280px) {
	.frontpage-banner {
		min-height: 60vh;
	}
}

@media screen and (min-width: 2400px){
    .frontpage-banner {
        min-height: 80vh; 
    }
}

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

	.retreat-content::before {
		width: 205%;
	}

	.retreat-section::after {
		font-size: 260px;
	}

	.contact-map {
		left: 0;
	}

	.frontpage-instagram-content {
		padding-right: 6%;
		max-width: 100%;
	}

	.cowork-section::before {
		left: -120px;
	}

	.cowork-section::after {
		font-size: 240px;
		right: auto;
		max-width: 670px;
		left: 45%;
	}

}

@media screen and (max-width: 1680px) {
	h1 {
		font-size: 38px;
	}

	.container-lg {
		padding: 0 6%;
	}

	.container-md-secondary {
		margin: 0 auto;
	}

	.banner {
		min-height: 385px;
	}

	.banner-description,
	.banner-description>p {
		font-size: 26px;
		line-height: 1.5;
	}

	.ml-10n {
		margin-left: 0;
	}

	.mr-10n {
		margin-right: 0;
	}

	.change-language {
		right: 6%;
	}

	/* Frontpage */
	.frontpage-vibes span {
		font-size: 330px;
		letter-spacing: -10px;
	}

	/* Geral */
	.general-content h2 {
		font-size: 28px;
		line-height: 1.5;
	}

	/* Footer */
	.footer-subscribe form {
		flex-direction: column;
		row-gap: 10px;
	}

	.form-footer-subscribe button {
		margin-left: 0;
	}

	#menu-footer {
		gap: 30px;
	}

	.footer-blog>span {
		font-size: 26px;
		line-height: 1.2;
		max-width: 50%;
	}

	/* Blog */
	.blog-highlight:first-child>h3 {
		font-size: 33px;
		line-height: 1.3;
	}

	.banner-single-blog-content {
		height: 290px;
	}

	/* Accessibility */
	.section-accessibility figure::after {
		font-size: 240px;
		right: -70%;
	}

	.private-lesson-after::after {
		font-size: 240px;
		right: -25%;
	}

	/* Faq */
	.menu-faq {
		left: 10%;
	}

	/* Community */
	.community::before {
		top: -125px;
		background-position: 45vw;
	}

	.community-content {
		padding: 160px 0 80px 0;
	}

	/* Package */
	.package-card {
		min-height: 330px;
	}

	/* About Us*/
	.about-us-values>span {
		font-size: 22px;
	}

	.about-us-values>div {
		font-size: 100px;
	}
}

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

	/* Frontpage Banner */
	.frontpage-banner-container {
		padding: 0 6%;
	}

	.frontpage-banner h1 {
		line-height: .8;
		font-size: 135px;
		max-width: 85%;
		letter-spacing: -5px;
	}

	.frontpage-banner-text {
		font-size: 265px;
	}

	.frontpage-banner-text::before {
		font-size: 295px;
	}

	.frontpage-banner-text.second {
		right: -20%;
	}

	.frontpage-banner-text {
		right: 0;
	}

	.frontpage-search-grid {
		grid-template-columns: 1fr 1fr;
	}

	/* Cowork */
	.cowork-section::before {
		left: -185px;
	}

	.cowork-section::after {
		font-size: 195px;
		max-width: 525px;
		left: 710px;
		line-height: 145px;
	}

	/* About Us */
	.about-us-dp-grid>figure {
		max-height: 585px;
	}

}

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

	.container-md-secondary {
		padding: 0 6%;
	}

	.content-flex>figure>img {
		margin-left: 0;
	}

	.package-grid-list span {
		font-size: 20px;
	}

	.retreat-section::after {
		transform: translate(-15%, -50%) rotate(-4deg);
	}

	.menu-faq {
		left: 6%;
	}
}

@media screen and (max-width: 1460px) {
	h1 {
		font-size: 36px;
	}

	h3 {
		font-size: 28px;
		line-height: 1.3;
	}

	.banner {
		min-height: 340px;
	}

	.banner-description-md>p {
		font-size: 19px;
	}

	.banner-after-md {
		position: relative;
	}

	.banner-after-md::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(0deg,
				rgba(26, 26, 26, 0.50) 0%,
				rgba(26, 26, 26, 0.50) 100%);
		background-blend-mode: darken;
	}

	.container-md {
		padding: 0 6%;
		position: relative;
		z-index: 1;
	}

	.flex-1-md {
		flex: 1;
		/* display: flex; */
	}

	.flex-50-md {
		flex: 0 0 48%;
	}

	.about-us-our-team-content {
		max-width: 35%;
	}

	.ml-25n {
		margin-left: 0;
	}

	.figure-top{
		top: -35px;
	}

	/* 404 */
	.title-404 {
		font-size: 175px;
	}

	/* Frontpage */
	.frontpage-faq-grid {
		padding-left: 6% !important;
	}

	.frontpage-search-grid a {
		padding: 10px;
		width: 100%;
	}

	.frontpage-search-grid {
		gap: 18px;
	}

	.frontpage-video video {
		aspect-ratio: 16 / 9;
	}

	.frontpage-video-button {
		scale: .9;
		transform-origin: left;
	}

	/* Header */
	#menu-header>li>a {
		font-size: 14px;
	}

	.custom-logo {
		width: 230px;
		height: fit-content;
	}

	/* Blog */
	.blog-highlight>h3 {
		font-size: 24px;
		line-height: 1.3;
	}

	.blog-highlight:first-child>h3 {
		font-size: 30px;
	}

	.blog-grid {
		grid-template-rows: 230px 230px;
	}

	.blog-banner {
		padding-top: 60px;
	}

	.banner-single-blog-content {
		height: 230px;
	}

	/* Retreat */
	.card-organize>h4 {
		font-size: 20px;
		line-height: 26px;
	}

	/* Activities */
	.card-secondary>figure {
		max-height: 330px;
	}

	.card-secondary h3::before {
		font-size: 60px;
	}

	/* Contact Us */
	.contact-grid {
		grid-template-columns: 40% 60%;
	}

	.contact-grid-right-content>h2 {
		font-size: 28px;
	}

	.contact-form {
		max-width: 600px;
	}

	.contact-subtitle {
		margin-bottom: 50px;
	}

	.contact-subtitle>p {
		font-size: 18px;
	}

	.contact-grid-left {
		padding-top: 60px;
	}

	.additional-info {
		padding: 25px;
	}

	/* Accessibility */
	.section-accessibility figure::after {
		font-size: 210px;
		bottom: -40px;
		right: -60vw;
	}

	.private-lesson-after::after {
		font-size: 210px;
	}

	.community-content {
		max-width: 47%;
	}

	.community::before {
		background-position: 40vw;
	}

	/* Cowork */
	.modality-content {
		padding: 80px 0;
	}

	/* Footer */
	.footer-grid {
		grid-template-columns: auto auto auto 24%;
	}

	/* Sustainability */
	.sustainability-block svg,
	.sustainability-block img {
		width: 150px;
		height: auto;
	}

	/* Press & Partners */
	.press-partners-logo {
		width: 20%;
	}

	/* About US*/
	.about-us-dp-right {
		padding: 50px 0;
	}

	.about-us-dp-right::before {
		font-size: 120px;
		top: 50px;
	}

	.about-us-dp-right>p {
		font-size: 18px;
	}

	.about-us-dp-grid>figure {
		max-height: 560px;
	}

	.about-us-dp-grid>figure>img {
		object-position: 0 top;
	}

}

@media screen and (max-width: 1376px) {
	.contact-link, .general-content li, p {
		font-size: 14px;
	}

	h1 {
        font-size: 33px;
    }

	h2{
		font-size: 17px;
	}

	h3 {
        font-size: 23px;
        line-height: 1.3;
    }

	h4 {
		font-size: 18px;
        line-height: 1.5;
	}

	.banner-description,
	.banner-description>p {
		font-size: 24px;
	}

	.container {
		padding: 0 6%;
	}

	.flex-content-50 {
		flex: 0 0 45%;
	}

	.ml-20n {
		margin-left: -7%;
	}

	/* Header */
	#menu-header>li.menu-item-has-children::after {
		width: 6px;
		height: 4px;
		right: -8px;
	}

	.banner-description-md>p {
        font-size: 18px;
    }

	#menu-header {
		column-gap: 15px;
	}
	.header-button {
		font-size: 12px;
		padding: 12px;
	}

	.custom-logo {
		width: 200px;
	}

	#menu-header>li>a {
		font-size: 12px;
	}

	/* Packages */
	.flex-content-lg {
		flex: 0 0 50%;
	}

	/* Faq*/
	.faq-item>h2 {
		font-size: 16px;
	}

	/* Geral */
	.general-content h2 {
		font-size: 26px;
	}

	.general-excerpt>p {
		font-size: 19px;
		line-height: 1.7;
	}

	/* Footer */
	.footer-grid {
		grid-template-columns: auto 1fr 40%;
		column-gap: 7%;
		row-gap: 5%;
	}

	.footer-subscribe-faq {
		grid-column: span 3;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 25px;
		column-gap: 5%;
	}

	.footer-subscribe {
		margin-bottom: 0;
	}

	/* About */
	.about-us-awd img {
		width: 100%;
		height: auto;
	}

	.about-us-dp-right>p {
		font-size: 18px;
	}

	.about-us-dp-right {
		padding-right: 6%;
	}

	.about-us-value {
		padding: 100px 0 70px 0;
		margin-top: 85px;
	}

	/* Retreat */
	.retreat-section::after {
		font-size: 205px;
		max-width: 500px;
		transform: translate(-35%, -50%) rotate(-4deg);
	}

	.retreat-content {
		padding: 120px 0;
	}

	/* Contact */
	.contact-grid-right,
	.contact-grid-left {
		padding-top: 50px;
	}

	/* Facility */
	.facility-menu li {
		font-size: 15px;
		line-height: 1.5;
	}

	.facility-item>div {
		flex: 0 0 45%;
		margin-top: 15px;
	}

	.facility-menu li.selected {
		font-size: 17px;
	}

	.facility-grid-secondary {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.facility-content {
		flex-direction: column;
		justify-content: flex-end;
	}

	.facility-content:nth-child(4n+3),
	.facility-content:nth-child(4n+4) {
		flex-direction: column;
	}

	.facility-content:nth-child(3n+2) {
		flex-direction: column-reverse;
	}

	.facility-content>figure,
	.facility-content>div {
		min-height: 340px;
		display: flex;
		flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
	}

	/* Surf School */
	.lesson-buttons {
		grid-template-columns: 100%;
		row-gap: 10px;
	}

	/* Package */
	.package-card {
		min-height: 300px;
		background-position: center;
	}

	.card-room-package,
	.card-room-package-content{
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.card-package-info, .card-room-info{
		margin-bottom: 10px;
	}

	.card-room-package-footer{
		margin-top: auto;
	}

	.btn-from-price {
		position: absolute;
		right: 6%;
	}

	/* Frontpage */
	.frontpage-video video {
        aspect-ratio: 12 / 5;
    }

	.frontpage-video-button {
        scale: .7;
        transform-origin: top left;
    }

	.card-secondary>figure {
        max-height: 285px;
    }

	.frontpage-banner-grid {
        grid-template-columns: 50% 45%;
        gap: 5%;
    }

	.frontpage-page-search{
		padding: 25px 30px;
	}

	.frontpage-search-grid input{
		font-size: 11px;
	}

	.frontpage-search-grid{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.frontpage-benefit {
		display: flex;
		flex-direction: column;
	}

	.frontpage-benefit>img {
		width: 60px
	}

	.frontpage-benefit>p {
		margin-bottom: 15px;
	}

	.frontpage-benefit>.btn-secondary {
		margin-top: auto;
	}

	.frontpage-hostel-surf {
		padding: 80px 0 90px 0;
	}

	.frontpage-vibes span {
		font-size: 235px;
	}

	.frontpage-vibes {
		aspect-ratio: 20 / 9;
	}

	.frontpage-banner h1 {
		max-width: 60%;
		font-size: 100px;
	}

	.frontpage-banner-grid {
		grid-template-columns: 45% 45%;
		gap: 10%;
	}

	.frontpage-banner-text {
		right: -10%;
	}

	.frontpage-banner-text.second {
		right: -30%;
	}

	/* Cowork */
	.cowork-section {
		min-height: 445px;
		margin-top: 90px;
	}

	.cowork-section::before {
		left: -125px;
		width: 65%;
		background-size: contain;
		background-position: bottom;
	}

	.cowork-section::after {
		left: auto;
		right: 10%;
	}

	/* Rooms */
	.additional-info>img {
		height: 60px;
		width: 60px;
	}

	.additional-info {
		padding: 15px 25px 20px 25px;
	}

	/* Blog */
	.blog-highlight-description>p {
		flex: 100%;
	}

}

@media screen and (max-width: 1350px) {
	/* Frontpage */
	.frontpage-search-grid {
        grid-template-columns: 1fr 1fr;
    }

	.frontpage-search-grid input{
		font-size: 13px;
	}
}

@media screen and (max-height: 1080px) {

	.frontpage-banner-right>img {
		margin-top: 0;
	}
}

@media screen and (max-width: 1280px) {
	h1 {
		font-size: 34px;
	}

	h3 {
		font-size: 26px;
	}

	h4 {
		font-size: 19px;
	}

	.banner {
		min-height: auto;
		padding: calc(60px + var(--header-height)) 0 60px 0;
	}

	.careers-flex>div {
		flex: 0 0 40%;
	}

	.input-field-title,
	.input-field>label {
		font-size: 14px;
	}

	.padding-section-lg {
		padding: 70px 0 100px 0;
	}

	.tp-package {
		padding: 90px 0;
	}

	.figure-top {
		top: -25px;
	}

	/* 404 */
	.title-404 {
		font-size: 170px;
	}

	/* Frontpage */
	.frontpage-banner h1 {
		font-size: 90px;
		letter-spacing: -4px;
	}

	.frontpage-faq-grid-left::before {
		right: -110%;
	}

	.frontpage-video-button {
		scale: .6;
		transform-origin: left top;
	}

	.frontpage-package-container {
		padding: 0 6%;
	}

	.frontpage-package-grid>a span {
		font-size: 22px;
	}

	.frontpage-banner-text {
		font-size: 230px;
	}

	.frontpage-instagram-gallery {
		/*margin-left: -10%;*/
	}

	.frontpage-instagram-grid {
		/*grid-template-columns: 45% 50%;*/
	}

	.frontpage-search-grid {
		grid-template-columns: 1fr 1fr;
	}

	.frontpage-search-grid a {
		grid-column: auto;
		grid-row: auto;
	}

	/* Geral */
	.general-content h2 {
		font-size: 24px;
	}

	.general-excerpt>p {
		font-size: 18px;
	}

	.the-excerpt>p {
		font-size: 18px;
	}

	.fs-lg {
		font-size: 17px;
		line-height: 1.2;
	}

	.content-p-lg>p,
	.fs-md {
		font-size: 15px;
		line-height: 1.2;
	}

	/* Footer */
	.footer-social-media-title,
	#menu-footer>li>a {
		font-size: 16px;
	}

	.footer-blog>span {
		font-size: 26px;
	}

	/* Blog */
	.blog-highlight>h3 {
		font-size: 22px;
	}

	.blog-highlight:first-child>h3 {
		font-size: 26px;
	}

	.blog-card h3 {
		font-size: 18px;
	}

	/* Single Blog */
	.package-grid-list>a {
		min-height: 235px;
	}

	.banner-single-blog-content {
		height: auto;
	}

	/* About Us */
	.about-us-dp-grid>figure {
		max-height: 450px;
	}

	.about-us-dp-right>p {
		font-size: 16px;
		line-height: 1.7;
	}

	.about-us-dp-right::before {
		font-size: 100px;
	}

	/* Retreat */
	.retreat-section::after {
		font-size: 160px;
		max-width: 390px;
		line-height: 0.8;
	}

	/* Contact */
	.contact-grid-right-content>h2 {
		font-size: 26px;
	}

	.contact-map {
		left: -65px;
	}

	/* Accessibility */
	.section-accessibility figure::after {
		display: none;
	}

	/* FAQ */
	.faq-mobile{
		display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
		padding: 30px 0;
		margin-bottom: 30px;
		flex-wrap: wrap;
	}

	.faq-mobile > h2{
		font-size: 15px;
		font-weight: 700;
		line-height: 19px; /* 126.667% */
		letter-spacing: -0.3px;
	}

	.faq-section{
		padding-top: 0 !important;
	}

	.faq-mobile .active-result{
		font-size: 12px;
	}

	.faq-mobile .chosen-container {
		width: 280px !important;
	}

	.menu-faq {
		display: none;
		/* position: relative;
		flex-direction: row;
		flex-wrap: wrap;
		left: 0;
		margin-bottom: 50px; */
	}

	.community::before {
		background-position: 32vw;
	}

	/* Rooms */
	.single-room-package-content p strong {
		font-size: 18px;
	}

	.single-room-package-content p {
		font-size: 15px;
	}
}

@media screen and (max-width: 1180px) {
	.pt-125 {
		padding-top: 100px;
	}

	.pb-125 {
		padding-bottom: 100px;
	}

	
	/* Header */
	.header-navigation,
	.header-button {
		display: none;
	}

	#menu-header>li {
		padding: 0 50px;
		width: 100%;
	}

	#menu-header>li.menu-item-has-children::after {
		right: 55px;
		top: 10px;
		width: 14px;
		height: 8px;
	}

	.header-navigation {
		display: flex;
		position: absolute;
		top: 0;
		right: -100vw;
		height: calc(100vh - 29px);
		width: 50vw;
		z-index: 2;
		padding: 100px 0;
		opacity: 0;
		transition: all .8s;
		visibility: hidden;
		background-color: #F3EDE1;
		background-size: 50%;
		background-blend-mode: difference;
		background-position: bottom right;
		background-image: url(assets/images/icons/icon-footer.webp);
		background-repeat: no-repeat;
		overflow-y: auto;
	}

	.header-navigation.open {
		right: -65px;
		opacity: 1;
		visibility: visible;
		box-shadow: -5px 5px 5px #00000040;
	}

	#menu-header {
		flex-direction: column;
		row-gap: 30px;
		align-items: flex-start;
		width: 100%;
		overflow-y: auto;
	}

	#menu-header>li>a {
		font-size: 18px;
		display: block;
		padding-bottom: 15px;
		border-bottom: 1px solid #D7D1C7;
	}

	#menu-header>.header-button {
		display: block;
		margin: 0 50px;
		width: calc(100% - 100px);
	}

	#menu-header>.header-button>a {
		color: #fff;
		display: block;
		background-color: var(--color-dark);
		padding: 15px;
		text-align: center;
		border-bottom: none;
	}

	#menu-header>.header-button>a:hover {
		background: #000;
	}

	/* Menu Mobile */
	.only-mobile {
		display: block;
	}

	.menu-mobile {
		width: 40px;
		height: 15px;
		z-index: 2;
		position: relative;
		cursor: pointer;
		display: flex;
	}

	.menu-mobile span {
		height: 3px;
		background-color: var(--color-dark);
		width: 100%;
		display: block;
		position: absolute;
		border-radius: 3px;
	}

	.menu-mobile span:first-child {
		top: 0;
		left: 0;
	}

	.menu-mobile span:last-child {
		bottom: 0;
	}

	.open~.menu-mobile span:first-child {
		transform: rotate(45deg);
		top: 10px;
	}

	.open~.menu-mobile span:last-child {
		transform: rotate(-45deg);
		bottom: 2px;
	}

	#menu-header>li .sub-menu {
		width: calc(100% + 100px);
		gap: 20px;
		background-color: #E5E0D4;
		position: relative;
		display: none;
		padding: 20px 55px;
		margin-left: -50px;
	}

	#menu-header>li:hover .sub-menu {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-5px);
	}

	#menu-header>li .sub-menu.show {
		visibility: visible;
		opacity: 1;
		display: flex;
	}

	#menu-header>li.current-menu-item>a::after {
		bottom: 0;
	}

	#menu-header>li .sub-menu a {
		font-size: 18px;
		display: block;
		text-align: left;
	}

	/* Lesson */

	.lesson-card {
		flex-direction: column;
		background-color: transparent;
		box-shadow: none;
		height: fit-content;
	}

	.lesson-card>a {
		aspect-ratio: 3 / 2;
	}

	.lesson-card>div {
		background-color: #FBF7EE;
		border-radius: 10px;
		box-shadow: 0 0 34px #DBD2C2;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.lesson-feature {
		margin-top: 10px;
	}

	.lesson-buttons {
		grid-template-columns: 45% 1fr;
	}

	.grid-2-fr{
		grid-template-columns: 1fr 1fr 1fr;
	}

	/* 404 */
	.title-404 {
		font-size: 150px;
	}

	/* Frontpage */
	.frontpage-search-grid {
		grid-template-columns: 1fr 1fr;
	}

	.frontpage-instagram-items>a {
		min-height: 190px;
	}

	.frontpage-instagram-items>a h4 {
		font-size: 16px;
	}

	.frontpage-instagram-content {
		padding: 80px 6% 90px 0;
	}

	/* About Us*/
	.about-us-value {
		background-position: right;
	}

	.about-us-values>div {
		font-size: 90px;
	}

	.about-us-values>span {
		font-size: 19px;
		line-height: 24px;
	}

	/* Cowork */
	.cowork-content {
		max-width: 25%;
	}

	.cowork-section::after {
		font-size: 165px;
		max-width: 430px;
		line-height: 115px;
		width: 100%;
	}

	.cowork-section {
		min-height: 385px;
	}

	/* Modality */
	.modality-flex {
		flex-direction: column;
	}

	.modality-section {
		padding: 75px 0;
	}

	.modality-items {
		column-gap: 20px;
	}

	.modality-items a {
		flex: 0 0 30%;
	}

	.modality-content {
		padding: 30px 0 0 0;
	}

	.modality-items a {
		justify-content: flex-start;
	}

	.modality-items a>div {
		display: flex;
		flex-direction: column;
		height: 100%;
		position: relative;
		top: 0;
		width: 100%;
		align-items: flex-start;
	}

	.modality-items a:hover>div{
		top: 0;
	}

	.modality-items a:hover>div img{
		display: block;
	}

	.modality-items a>div .btn-secondary {
		margin-top: auto;
	}

	.modality-items a p {
		opacity: 1;
	}
}

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

	:root{
		--header-height: 85px;
	}

	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 16px;
		line-height: 1.2;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 18px;
		line-height: 1.4;
	}

	.grid-2-fr,
	.grid-4,
	.grid-3 {
		grid-template-columns: 1fr 1fr;
	}

	.pt-100 {
		padding-top: 65px;
	}

	.pt-125 {
		padding-top: 80px;
	}

	.pb-125 {
		padding-bottom: 80px;
	}

	.pb-100 {
		padding-bottom: 65px;
	}

	.pt-75 {
		padding-top: 50px;
	}

	.banner-description,
	.banner-description>p {
		font-size: 22px;
	}

	.banner-description-md>p {
		font-size: 18px;
		line-height: 1.5;
	}

	form {
		padding: 30px;
	}

	.btn-dark {
		font-size: 12px;
	}

	.additional-info>img {
		height: 50px;
		width: 50px;
	}

	.contact-whatsapp{
		right: 6%;
	}

	/* Frontpage */
	.frontpage-faq-card>h4 {
		font-size: 16px;
	}

	.frontpage-package-grid>a:last-child {
        margin-right: 6%;
    }

	.frontpage-faq-grid-left{
		padding-right: 6%;
	}

	.frontpage-package-grid {
		grid-template-columns: 100%;
		display: flex;
        overflow-x: auto;
		margin-left: -6%;
		min-width: 100vw;
		scrollbar-width: none;
		cursor: url('assets/images/btn-drag.svg'), auto;
	}

	.frontpage-package-grid.active > a{
		pointer-events: none;
	}

	.frontpage-package-grid::-webkit-scrollbar{
		display: none;
	}

	.frontpage-package-grid>a{
		flex: 0 0 285px;
		height: 285px;
	}

	.frontpage-package-grid.visible>a:nth-child(even) {
		animation: none;
	}

	.frontpage-package-grid>a:first-child{
		margin-left: 6%;
	}

	.frontpage-instagram-items>a>div {
		transform: translateY(0);
	}

	.frontpage-video video {
        aspect-ratio: 16 / 9;
    }

	.frontpage-instagram-items .btn-secondary {
		opacity: 1;
	}

	.frontpage-faq-grid {
		grid-template-columns: 100%;
		row-gap: 35px;
	}

	.frontpage-faq-grid-left {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.frontpage-package-grid>a:nth-child(even) {
		margin-top: 0;
	}

	.frontpage-banner-text:first-child {
		display: none;
	}

	.frontpage-banner-text.second {
		right: -25%;
	}

	.frontpage-banner-left>p {
		font-size: 15px;
	}

	.frontpage-banner h1 {
		max-width: 80%;
	}

	.frontpage-instagram-content {
		padding: 55px 6% 55px 0;
	}

	#search-guests,
	.frontpage-search-grid>a {
		grid-column: span 2;
	}

	/* Careers */
	.careers-flex>div {
		flex: 0 0 45%;
	}

	/* Frontpage */
	.testimonials-boxes {
		overflow-x: visible;
	}

	.testimonials-boxes .owl-item.active:not(.center) {
		scale: 1;
	}

	.frontpage-faq-grid-right {
		margin-left: -6%;
		padding-left: 0;
	}

	.frontpage-faq-card:first-child {
		padding-left: 6%;
	}

	/* Geral */
	.general-content h2 {
		font-size: 22px;
	}

	.general-excerpt>p {
		font-size: 17px;
	}

	/* Footer */
	footer {
		padding-top: 45px;
	}

	.footer-coordinates>span {
		font-size: 32px;
	}

	.footer-contact-info>div:first-child {
		flex: 0 0 50%;
	}

	.footer-contact-info>div:last-child {
		display: flex;
		flex-direction: column;
		margin-top: auto;
		margin-bottom: 15px;
	}

	.footer-subscribe form {
		flex-direction: row;
	}

	.footer-blog>span {
		max-width: 100%;
	}

	.form-footer-subscribe button {
		margin-left: -15px;
	}

	/* Blog */
	.padding-section {
		padding: 55px 0 40px 0;
	}

	.blog-grid {
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.blog-highlight:first-child {
		grid-column: auto;
	}

	.blog-highlight:last-child {
		grid-column: span 2;
	}

	.blog-highlight {
		min-height: 220px;
		background-position: top;
	}

	.blog-highlight>h3 {
		font-size: 20px;
	}

	.blog-highlight:first-child>h3 {
		font-size: 22px;
	}

	.blog-highlight-description>p {
		font-size: 15px;
	}

	/* Single Blog */
	.tp-package-grid,
	.package-grid {
		grid-template-columns: 100%;
		row-gap: 30px;
	}

	.package-grid-list span {
		font-size: 18px;
	}

	.school-type-price-info {
		flex: 1;
	}

	.figure-about-us-our-team::before {
		right: -15px;
		top: -70px;
		height: calc(100% + 140px);
	}

	/* Facility */
	.facility-grid {
		grid-template-columns: 26% 1fr;
	}

	/* About Us */
	.about-us-dp-grid>figure {
		max-height: 350px;
	}

	.about-us-awd {
		padding: 0 6%;
	}

	.about-us-awd>ul {
		justify-content: center;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}

	.about-us-dp-right>p {
		font-size: 15px;
		line-height: 1.5;
	}

	.about-us-dp-grid {
		grid-template-columns: 50% 1fr;
	}

	.about-us-dp-right {
		padding: 50px 6% 50px 0;
	}

	.about-us-dp-right::before {
		font-size: 85px;
		top: 40px;
	}

	/* Retreat */
	.card-secondary>figure {
		flex: 0 0 175px;
	}

	.retreat-section::after {
		font-size: 160px;
		max-width: 390px;
		line-height: 0.8;
		top: 0;
		transform: translate(-35%, 15%) rotate(-4deg);
	}

	.retreat-content::before {
		width: 180%;
		background-size: cover;
		left: -210px;
		right: auto;
		top: -125px;
		bottom: -60px;
	}

	.retreat-section {
		margin: 90px 0;
		padding-top: 230px;
		overflow: hidden;
	}

	.retreat-content {
		padding: 115px 0 70px 0;
	}

	/* Activities */
	.card-secondary {
		flex-direction: row;
		gap: 15px;
	}

	.card-secondary h3::before {
		font-size: 60px;
		top: -25px;
		right: 0;
	}

	.card-secondary:hover>figure>img {
		top: 0;
	}

	/* Sustainability */
	.figure-top~.flex-content {
		padding: 50px 0;
	}

	.community::before {
		background-position: 25vw bottom;
	}

	/* Contact Us */
	input[type=number]~div.input-guest-contact {
		display: none;
	}

	.contact-grid {
		grid-template-columns: 42% 58%;
		min-height: auto;
		padding-top: 75px;
	}

	.contact-form {
		max-width: 500px;
	}

	.contact-grid-right-content>h2 {
		font-size: 24px;
		position: relative;
	}

	.contact-map {
		height: auto;
		left: -10vw;
	}

	/* Surf School */
	.private-lesson-after::after {
		font-size: 185px;
	}

	/* Room */
	.single-room-package-content p {
		font-size: 15px;
		line-height: 1.5;
	}

	.single-room-package-content h2,
	.single-room-package-content p strong {
		font-size: 18px;
		line-height: 1.2;
	}

	.input-field>label.label-secondary {
		font-size: 12px;
	}

	.community-content {
		padding: 90px 0 60px 0;
	}

	/* Frontpage */
	.frontpage-testimonial {
		padding: 65px 0;
	}

	/* Cowork */
	.modality-section {
		margin-top: 60px;
		padding: 45px 0;
	}

	.cowork-section::before {
		width: 75%;
		left: -220px;
	}

	/* Gallery */
	.banner {
		padding: calc(40px + var(--header-height)) 0 75px 0;
	}

}

@media screen and (max-width: 980px) {
	.grid-2 {
		grid-template-columns: 100%;
		row-gap: 35px;
	}

	.room-package-after::after {
		height: 150px;
	}

	/* 404 */
	.title-404 {
		font-size: 125px;
		letter-spacing: -6px;
		margin: 0;
		margin-bottom: 15px;
	}

	/* Frontpage */
	.frontpage-video-button {
		scale: .4;
	}

	.frontpage-instagram-content {
		padding: 55px 6%;
		z-index: 1;
	}

	.frontpage-instagram-gallery {
		margin-left: 0;
		order: 1;
		/*margin-top: -90px;*/
	}

	.frontpage-instagram-items>a {
		background-color: #f3ede1;
	}

	.frontpage-instagram-gallery>figure {
		height: 100%;
		aspect-ratio: 1;
	}

	.frontpage-instagram-gallery>figure:nth-child(3n) {
		/*transform: translateY(-55px);*/
	}

	.frontpage-instagram-grid {
		gap: 0;
	}

	/* Contact */
	.contact-small{
		color: #fff;
		font-size: 9px;
	}

	.frontpage-instagram-grid,
	.contact-grid {
		grid-template-columns: 100%;
	}

	.contact-map {
		display: none;
	}

	.contact-grid-right {
		background-image: none !important;
		background-color: var(--color-dark);
		margin-top: -200px;
		padding: 0 6%;
	}

	.contact-grid-right-content,
	.contact-form {
		width: 100%;
		max-width: 100%;
	}

	.contact-form {
		padding: 50px 40px;
		border: 1px solid var(--color-dark);
	}

	.contact-info {
		max-width: 100%;
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.contact-info>address {
		flex: 0 0 30%;
	}

	.contact-grid-left {
		padding-bottom: 50px;
		padding-left: 6% !important;
		background-image: url(assets/images/bg-contact.webp);
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 500px;
	}

	.contact-map-right {
		display: block;
		margin-top: -14%;
		width: 125%;
		margin-left: -6%;
		height: auto;
	}

	/* Surf School */
	.private-lesson-after::after {
		font-size: 160px;
	}

	/* Packages */
	.single-room-package-gallery {
		position: relative;
	}

	.single-room-package-thumbnail {
		display: flex;
	}

	.single-room-package-image>img {
		height: 400px;
	}

	.single-room-package-gallery::after {
		height: 155px;
	}

	.included-grid {
		padding-bottom: 11px;
	}

	/* Facility */
	.banner-after-secondary-md::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(to bottom, rgba(26, 26, 26, 0.50) 0%, rgb(26 26 26 / 10%) 100%);
		background-blend-mode: darken;
	}

	.facility-menu {
		padding: 20px;
	}

	.facility-grid {
		grid-template-columns: 240px 1fr;
	}

	.facility-grid-secondary {
		grid-template-columns: 100%;
	}

	.facility-content,
	.facility-content:nth-child(4n+3),
	.facility-content:nth-child(4n+4),
	.facility-content:nth-child(3n+2) {
		flex-direction: row;
	}

	.facility-content:nth-child(even) {
		flex-direction: row-reverse;
	}

	.facility-content>figure {
		width: 100%;
	}

	/* About Us */
	.about-us-dp-grid>figure {
		margin-left: -14%;
	}

	/* Cowork */
	.cowork-section::before {
		left: -180px;
	}

	/* Footer */
	.footer-grid {
		grid-template-columns: auto auto auto;
	}

	/* Sustainability */
	.sustainability-block svg,
	.sustainability-block img {
		width: 110px;
	}

	.d-flex.col-gap-lg {
		column-gap: 10%;
	}

	/* Rooms */
	body.single-room {
		overflow-x: hidden;
	}

	.breadcrumb {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 850px) {
	h1 {
		font-size: 30px;
	}

	/* Geral */
	.general-section {
		padding: 130px 0 50px 0;
	}

	.blog-highlight-description>p,
	.general-content li,
	p {
		font-size: 14px;
	}

	.the-excerpt>p {
		font-size: 16px;
		line-height: 1.4;
	}

	/* Footer */
	.footer-faq-button {
		padding: 10px;
	}

	.footer-faq h3 {
		font-size: 18px;
		line-height: 1.2;
	}

	.footer-coordinates>span {
		font-size: 26px;
	}

	.footer-blog>span {
		font-size: 24px;
		max-width: 65%;
	}

	.footer-grid {
		grid-template-columns: auto auto;
	}

	.footer-subscribe-faq {
		grid-column: auto;
		grid-template-columns: 100%;
	}

	.footer-subscribe form {
		flex-direction: column;
	}

	.form-footer-subscribe button {
		margin-left: 0;
	}

	/* Retreat */
	.retreat-content::before {
		width: 180%;
		top: -25%;
		bottom: -125px;
	}

	.retreat-content {
		padding: 80px 0 50px 0;
	}

	/* Activities */
	.facility-item:nth-of-type(odd) > div  {order:0;}
	.facility-item:nth-of-type(odd) > figure  {order:0;}

	.beach-grid{
		grid-template-columns: 150px 1fr;
		column-gap: 35px;
	}

	.facility-menu li.selected {
		font-size: 14px;
    }

	.card-secondary h3 {
		font-size: 24px;
	}

	.card-secondary h3::before {
		font-size: 75px;
		top: -40px;
	}

	.facility-item>div {
		margin-top: 0;
	}

	/* Facility */
	.facility-item {
		flex-direction: column;
		row-gap: 30px;
	}

	/* Gallery */
	.columns-4 {
		columns: 3;
	}

	/* Surf School */
	#high-season>span {
		font-size: 28px;
	}

	.lesson-card>div {
		min-height: auto;
		margin: 0;
		width: 100%;
	}

	.lesson-card figure {
		aspect-ratio: 3 / 2;
	}

	.community::before {
		top: -130px;
		background-position: 22vw bottom;
		background-size: contain;
	}

	.community-content {
		padding: 50px 0 40px 0;
	}

	/* Frontpage */
	.frontpage-banner-grid {
		grid-template-columns: 100%;
		gap: 5%;
	}

	.frontpage-banner {
		overflow: hidden;
		padding: 125px 0 100px 0;
		justify-content: flex-start;
		min-height: fit-content;
	}

	.frontpage-banner-right>img {
		margin-top: 0;
	}

	.frontpage-banner h1 {
		font-size: 130px;
		max-width: 65%;
	}

	.frontpage-banner-text.second {
		right: 0;
		white-space: nowrap;
		rotate: none;
		top: auto;
		bottom: 20%;
	}

	.frontpage-search-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#search-guests,
	.frontpage-search-grid>a {
		grid-column: auto;
	}

	.frontpage-search-grid a {
		grid-column: 3;
		grid-row: 2;
	}

	/* About Us*/
	.about-us-dp-grid>figure {
		margin-left: 0;
		max-height: 100%;
		display: none;
	}

	.about-us-dp-grid {
		grid-template-columns: 100%;
	}

	.about-us-dp-right {
		padding: 75px 6% 50px 6%;
		max-width: 100%
	}

	.about-us-dp-right::before {
		left: 5%;
		top: 65px;
	}

	/* Cowork */
	.cowork-section::before {
		left: -140px;
		width: 80%;
	}

	.package-grid-list>a {
		min-height: 190px;
	}

	.cowork-section::after {
		font-size: 140px;
		max-width: 330px;
	}

	/* Activities */
	.tp-package {
		padding: 75px 0;
	}

	.tp-package-grid>.d-flex>a {
		position: absolute;
		right: 6%;
	}

	/* Cowork */
	.modality-items a {
		flex: 0 0 48%;
	}


}

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

	/* Activities */
	.card-secondary>figure {
		max-height: 300px;
	}

	.card-secondary {
		flex-direction: column;
	}

	/* Header */
	.header-navigation.open {
        right: -49px;
	}

	.header-container {
		padding-bottom: 6px;
	}

	.header-navigation {
		width: 100vw;
		top: 60px;
		height: calc(100vh - 75px);
		padding: 45px 0 90px 0;
	}
}

@media screen and (max-width: 768px) {
	h1 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	#menu-header>li>a {
		font-size: 18px;
	}

	.banner-description,
	.banner-description>p {
		font-size: 20px;
	}

	.banner-description-md>p {
		font-size: 16px;
	}

	.container-sm {
		padding: 0 6%;
	}

	.padding-section {
		padding: 45px 0 55px 0;
	}

	/* Header */
	.header-navigation.open {
        right: -46px;
	}

	/* Careers */
	.careers-form,
	.careers-flex>div {
		flex: 0 0 100%;
	}

	.careers-flex>div {
		display: flex;
		gap: 15px;
	}

	.content-flex>div {
		flex: 0 0 60%;
	}

	/* 404 */
	.title-404 {
		font-size: 105px;
	}

	.p-404 {
		font-size: 18px;
	}

	/* Blog */
	.blog-card-content {
		padding: 25px 20px;
	}


	.blog-card figure {
		height: auto;
		max-height: 150px;
	}

	.blog-highlight>h3 {
		font-size: 18px;
	}

	/* Sustainability */
	.community::before {
		background-position: 14vw bottom;
	}

	/* Single Blog */
	.package-grid-list {
		grid-template-columns: repeat(4, 195px);
		overflow-x: auto;
		min-width: 100vw;
		padding-right: 6%;
		margin-left: -7%;
		padding-left: 6%;
		scrollbar-width: none;
		cursor: url('assets/images/btn-drag.svg'), auto;
	}

	.package-grid-list::-webkit-scrollbar {
		display: none;
	}

	.package-grid-list.active>a {
		pointer-events: none;
	}

	.package-grid-list>a {
		min-height: 200px;
	}

	/* About Us */
	.about-us-dp-right>p {
		font-size: 15px;
	}

	/* Retreat */
	.retreat-section::after {
		font-size: 135px;
		max-width: 310px;
	}

	/* Contact */
	.contact-grid-right-content>h2 {
		font-size: 22px;
	}

	/* Surf School */
	.private-lesson-after::after {
		font-size: 140px;
		bottom: -115px;
	}

	.grid-2-fr {
		grid-template-columns: 1fr;
	}

	.lesson-card {
		flex-direction: row;
		height: auto;
	}

	.lesson-card>a {
		aspect-ratio: auto;
		flex: 0 0 40%;
	}

	.lesson-card figure {
		aspect-ratio: auto;

	}

	/* Frontpage */
	.frontpage-package-grid>a {
        flex: 0 0 235px;
        height: 235px;
    }

	.frontpage-vibes span {
        font-size: 160px;
    }

	.frontpage-vibes figure {
		width: 115%;
	}

	.frontpage-vibes {
		aspect-ratio: 16 / 9;
	}

	.frontpage-search-grid {
		grid-template-columns: 1fr 1fr;
	}

	#search-guests,
	.frontpage-search-grid>a {
		grid-column: span 2
	}

	.frontpage-search-grid a {
		grid-column: span 2;
		grid-row: auto;
	}

	/* Cowork */
	.cowork-section::before {
		left: 0;
		width: 100%;
	}

	.cowork-content {
		max-width: 40%;
	}

	.cowork-section>div {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cowork-section::after {
		font-size: 140px;
		max-width: 100%;
		z-index: 1;
		top: auto;
		bottom: -15px;
		transform: translateY(0);
		right: 5%;
	}

	/* Gallery */
	.banner.banner-gallery {
		min-height: 335px;
	}

	.gallery-section {
		margin-top: -85px;
	}

	.gallery-item {
		margin-bottom: 10px;
		transform: translateY(20px);
	}

	.columns-4 {
		gap: 10px;
	}

	/* Careers */
	/* .form-footer>div{
		align-items: center;
	} */
	.input-check {
		top: 0;
	}
}

@media screen and (max-width: 680px) {
	h1 {
		font-size: 26px;
	}

	.pb-50 {
		padding-bottom: 30px;
	}

	.mb-55 {
		margin-bottom: 40px;
	}

	.d-flex.sm-flex-col {
		flex-direction: column;
	}

	.d-flex.sm-flex-col-reverse {
		flex-direction: column-reverse;
	}

	.figure-top {
		margin-bottom: -35px;
	}

	.figure-top~.flex-content {
		padding: 0;
	}

	/* Geral */
	.general-content h2 {
		font-size: 22px;
	}

	.general-excerpt>p {
		font-size: 17px;
	}

	.fs-lg {
		font-size: 15px;
	}

	.pt-75,
	.pt-100 {
		padding-top: 50px;
	}

	.pt-125 {
		padding-top: 65px;
	}

	.pb-125 {
		padding-bottom: 65px;
	}

	.pb-75,
	.pb-100 {
		padding-bottom: 50px;
	}

	.banner-description-md>p {
		font-size: 15px;
	}

	/* Header */
	.header-navigation.open {
		right: -7%;
	}

	.faq-banner {
		padding-top: 140px;
	}

	/* Footer */
	.footer-blog>span {
		font-size: 22px;
	}

	.footer-subscribe-faq {
		grid-column: span 2;
		grid-template-columns: 1fr 1fr;
		grid-row: 3;
	}

	.footer-grid {
		row-gap: 25px;
	}

	.footer-blog-awards-content {
		grid-column: span 2;
	}

	/* Blog */
	.blog-card figure {
		max-height: 150px;
	}

	/* About Us*/
	.figure-about-us-our-team::before {
		right: 50%;
		top: 40px;
		transform: translateX(50%);
	}

	.about-us-dp-grid>figure {
		display: block;
	}

	.about-us-dp-right {
		padding: 30px 6% 50px 6%;
	}

	.about-us-dp-right::before {
		top: 20px;
	}

	.about-us-values {
		row-gap: 0;
	}

	.about-us-value {
		padding: 60px 0;
		margin-top: 45px;
	}

	.about-us-values>div {
		font-size: 75px;
	}

	.about-us-values>span {
		font-size: 16px;
	}

	/* Contact */
	.contact-info {
		max-width: 100%;
	}

	.contact-map {
		height: 150px;
	}

	/* Surf School */
	.private-lesson-after::after {
		right: 0;
		bottom: -90px;
	}

	/* FAQ */
	.faq-item>h2 {
		font-size: 16px;
	}

	/* Facility */
	.facility-content>figure,
	.facility-content>div {
		min-height: auto;
	}

	.facility-content>figure {
		position: relative;
		z-index: 1;
	}

	.beach-section {
		padding: 75px 0;
	}

	.facility-grid {
		grid-template-columns: 210px 1fr;
		column-gap: 25px;
	}

	.community::before {
		top: -130px;
		background-size: 115%;
		background-position: 0 bottom;
	}

	.community-content {
		max-width: 65%;
	}

	.facility-grid-secondary {
        display: flex;
        flex-direction: column;
		row-gap: 25px;
	}

	.facility-content:nth-child(even),
	.facility-content:nth-child(3n+2),
	.facility-content:nth-child(4n+3),
	.facility-content:nth-child(4n+4),
	.facility-content {
		flex-direction: column-reverse;
	}

	.facility-content h4 {
		margin: 10px 0;
	}

	.facility-content>figure>img {
		height: 100%;
		border-radius: 10px;
		aspect-ratio: 3 / 2;
	}

	.facility-content>div {
		background-color: var(--color-light);
		border-radius: 10px;
		box-shadow: -4px 4px 10px 0px rgb(0 0 0 / 10%);
		z-index: 1;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: -5px;
	}

	.beach-grid {
		grid-template-columns: 100%;
		row-gap: 15px;
	}

	/* Frontpage */
	.frontpage-banner h1 {
		font-size: 115px;
	}

	.frontpage-hostel-surf {
		padding: 45px 0 40px 0;
	}

	.frontpage-benefit {
		padding: 20px;
	}

	.frontpage-benefit>img {
		width: 65px;
		height: 65px;
	}

	.frontpage-package-grid>a {
        flex: 0 0 260px;
        height: 260px;
    }

	.frontpage-video-button {
        scale: .5;
    }

	/* Cowork */
	.cowork-section {
		min-height: 500px;
	}

	.cowork-section>div {
		margin-top: 180px;
	}

	.cowork-content {
		max-width: 45%;
	}

	.cowork-section::after {
		font-size: 120px;
		max-width: 50%;
		z-index: 0;
		top: 10%;
		bottom: auto;
		transform: translateY(0);
		right: 5%;
		line-height: .7;
		letter-spacing: -10px;
	}

	.sustainable-block {
		margin-top: 55px;
	}

	/* About US*/
	.about-us-our-team-content {
		max-width: 100%;
	}

	.about-us-our-team {
		padding: 50px 0 40px 0;
	}

	/* Activities */

	.facility-sticky{
		position: relative;
		top: 0;
	}

	.facility-menu.secondary{
		display: none;
	}

	.facility-item h4{
		display: block;
	}

	.sustainable-block{
		background-image: none;
	}
}

@media screen and (max-width: 610px) {
    .footer-break{
               flex-wrap: wrap;
    }
    
	.lesson-card {
		flex-direction: column;
		height: fit-content;
	}

	/* .lesson-card>div {
		width: 90%;
		margin: -200px auto 0 auto;
	} */

	.lesson-card figure {
		aspect-ratio: 3 / 2;
	}

	.lesson-card>div {
		margin-top: -5px;
	}

	.frontpage-instagram-items {
		grid-template-columns: 1fr 1fr;
	}

	.frontpage-instagram-gallery {
		/*margin-top: -235px;*/
	}

	.package-content {
		padding-right: 30%;
	}
}

@media screen and (max-width: 580px) {
	.content-404 {
		padding: 0 6%;
	}

	/* Geral */
	.contact-grid-right-content>h2,
	.general-content h2 {
		font-size: 20px;
	}

	.contact-form .chosen-single>span,
	.input-field-title,
	.input-field>label {
		font-size: 12px;
	}

	.active-result {
		font-size: 14px;
	}

	/* Frontpage */
	.frontpage-banner h1 {
		max-width: 80%;
	}

	/* Footer */
	.footer-contact-info>div:last-child{
		flex-direction: column-reverse;
		margin-bottom: 0 !important;
        gap: 10px;
        margin-top: inherit;
	}
	.footer-contact-info  .footer-contact-mail{
        margin-bottom: 0 !important;
    }
	.footer-logo-icon{
		display: none;
	}

	.footer-awards {
		padding: 0;
		align-items: center;
		justify-content: space-between;
		gap: 10px
	}

	.footer-grid {
		grid-template-columns: 100%;
	}

	.change-language {
		display: none;
	}

	.footer-subscribe-faq {
		grid-column: auto;
		grid-template-columns: 100%;
		row-gap: 10px;
		grid-row: 2;
	}

	.footer-contact-info {
		flex-direction: row;
		column-gap: 20px;
	}

	.footer-blog-awards-content {
		grid-column: auto;
	}

	/* Careers */
	.careers-flex>div {
		display: block;
	}

	.content-flex>div {
		margin-bottom: 20px;
	}

	/* Blog */
	.blog-highlight>h3,
	.blog-card h3 {
		font-size: 16px;
	}

	.blog-highlight:first-child>h3 {
		font-size: 20px;
	}

	/* About Us */
	.about-us-dp {
		background-size: cover;
	}

	/* Contact */
	.contact-grid-right {
		margin-top: -120px;
	}

	.contact-form {
		max-width: 100%;
	}

	/* Facility */
	.facility-grid {
		grid-template-columns: 100%;
		row-gap: 25px;
	}

	.facility-menu {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.facility-menu li {
		flex: 0 0 195px;
	}

	/* Template Part Package */
	.tp-package {
		padding: 60px 0;
	}

	/* Frontpage */
	.frontpage-video::before {
		top: -20px;
	}

	.frontpage-video::after {
		bottom: -15px;
	}

	.frontpage-vibes span {
		font-size: 145px;
		letter-spacing: -5px;
	}

	.frontpage-vibes::before,
	.frontpage-vibes::after {
		background-position: bottom;
	}

	/* Cowork */
	.modality-items>a {
		flex: 0 0 48%;
	}

	.cowork-content {
		max-width: 55%;
	}

	.cowork-section::before {
		left: -35%;
		width: 125%;
	}

	.cowork-section>div {
		justify-content: flex-start;
	}

	/* Sustainability */
	.sustainability-block svg,
	.sustainability-block img {
		width: 90px;
	}

	.community {
		margin-top: 50px;
	}

	.community-content {
		max-width: 100%;
		padding: 70px 0;
	}

	.community-content>* {
		color: var(--color-light);
	}

	.community::before {
		top: 0;
		background-position: 0;
		background-size: auto;
		height: 100%;
		width: 100%;
		left: 0;
		background-image: none;
		background-color: #1a1a1acc;
	}

	/* Press & Partners */
	.press-partners-logo {
		width: 40%;
	}
    .footer-contact-info {
        display: flex;
        columns: 2;
    }
    .footer-contact {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }
    .footer-contact-info>div:last-child {
        flex-direction: column;
        margin-bottom: 0;
        gap: 10px;
        margin-top: 6px;
    }   
    .footer-contact-info-one{
        order:0;
    }
    .footer-contact-info-two{
        order:1;
    }    
	.footer-contact-info-one address{
        display: flex;
        flex-wrap: wrap;
        column-gap: 3px; 
	}

}

@media screen and (max-width: 530px) {
	.padding-section-lg {
		padding: 50px 0;
	}

	.mt-60 {
		margin-top: 30px;
	}

	/* Blog */
	.blog-grid,
	.grid-3,
	.grid-4 {
		grid-template-columns: 100%;
	}

	.blog-highlight:first-child>h3 {
		font-size: 18px;
	}

	.contact-grid-right-content>h2 {
		margin-left: 0;
		line-height: 1.2;
		max-width: 45%;
	}

	/* About Us */
	.about-us-quote span,
	.about-us-quote p {
		font-size: 15px;
	}

	.blog-highlight:last-child,
	.blog-highlight:first-child {
		grid-row: auto;
		grid-column: auto;
	}

	.about-us-awd>ul {
		display: flex;
	}

	.about-us-awd li {
		flex: 0 0 25%;
	}

	/* Retreat */
	.retreat-section {
		margin: 60px 0;
	}

	/* Gallery*/
	.columns-4 {
		columns: 2;
	}

	.gallery-item.same-line-0 {
		margin-top: 50px;
	}

	.gallery-item {
		margin-bottom: 15px;
	}

	.gallery-section {
		padding-bottom: 50px;
	}

	/* Packages */
	.digital-nomad-custom-card {
		min-height: 210px;
	}

	.digital-nomad-custom-card::after {
		top: -60px;
		right: auto;
		rotate: none;
		transform-origin: unset;
		left: -10px;
	}

	.additional-info.secondary {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		padding: 20px;
	}

	.additional-info.secondary img {
		width: 55px;
		height: 55px;
	}

	.btn-from-price {
		font-size: 18px;
		padding: 10px;
	}

	/* Frontpage */
    .frontpage-package-grid>a {
        flex: 0 0 220px;
        height: 220px;
    }

	.frontpage-package-grid>a span {
		font-size: 20px;
	}

	.frontpage-banner h1 {
		max-width: 75%;
		font-size: 100px;
	}

	.frontpage-benefit {
		padding: 0;
		padding-bottom: 15px;
	}

	/* Rooms */
	.single-room-package-thumbnail>figure {
		flex: 0 0 110px;
	}

	.single-room-package-image>img {
        height: auto;
        aspect-ratio: 1;
    }

	.single-room-package-gallery::after {
        height: 120px;
    }

	/* Cowork */
	.cowork-section::after {
		font-size: 108px;
		right: 10%;
	}

	.cowork-section {
		align-items: flex-end;
	}

	.cowork-section>div {
		margin-top: 0;
		margin-bottom: 80px;
	}

	/* Activity */
	.facility-menu.secondary {
		overflow-x: auto;
		flex-wrap: nowrap;
		column-gap: 20px;
		scrollbar-width: none;
	}

	.facility-menu.secondary li {
		flex: 1;
		white-space: nowrap;
	}

	.send-button {
		width: 100%;
		background-position: 60%;
	}

	.form-footer {
		row-gap: 15px;
	}

	/* Frontpage */
	.frontpage-banner {
		padding: 115px 0 50px 0;
	}

	.frontpage-banner-grid {
		gap: 14px;
	}

	.frontpage-banner-left {
		order: 1;
	}

	.room-package-after::after {
        height: 120px;
    }
}

@media screen and (max-width: 440px) {
    .file-button {
        margin: 10px 0;
    }
    html{
            margin-top: 89px !important;
    }
	/* .banner-description-md>p {
		font-size: 14px;
	} */
	.pt-75,
	.pt-100,
	.pt-50 {
		padding-top: 38px;
	}

	.pb-75,
	.pb-50 {
		padding-bottom: 38px;
	}

	.send-button {
		width: 100%;
		background-size: 22px;
		background-position: 65%;
		padding: 12px 50px 10px 30px;
	}

	.banner {
		padding: 120px 0 35px 0;
		background-position-y: top;
	}

	/* Rooms */
	.single-room-package{
		padding-top: 8px;
	}

	/* Header */
	.header-navigation.open {
		right: -25px;
		width: 100vw;
	}

	#menu-header {
		row-gap: 20px;
	}

	#menu-header>li>a {
		font-size: 15px;
	}

	/* 404 */
	.title-404 {
		font-size: 85px;
	}

	.banner-404 {
		min-height: 65vh;
	}

	/* Gallery */
	.gallery-item.same-line-0 {
		margin-top: 0;
	}

	/* Footer */
	.footer-contact-info{
		justify-content: space-between;
	}

	.footer-coordinates>span {
        font-size: 36px;
    }

	.footer-coordinates>small{
		margin-top: 20px;
	}

	#menu-bottom {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 0;
	}

    #menu-bottom {
        display: flex;
        padding: 0;
        justify-content: center;
    }

    span.copyright {
                margin: 8px auto;
    }

    .blisq {
        margin: 0 auto;
    }   

	.footer-bottom>div{
		align-items: flex-start;
	}

	.footer-bottom{
		padding: 10px 0;
	}

	/* Frontpage */
	.frontpage-package-grid>a {
        flex: 0 0 250px;
        height: 250px;
    }

	.card-secondary>figure {
        max-height: 250px;
	}

	.frontpage-vibes{
		overflow: visible;
	}

	.frontpage-vibes::before {
		top: -20px;
	}

	.frontpage-vibes::after{
		bottom: -20px;
	}

	.frontpage-vibes span {
        font-size: 100px;
        letter-spacing: -5px;
        line-height: 1;
    }

	.frontpage-banner h1 {
		max-width: 95%;
	}

	.frontpage-instagram-items {
		grid-template-columns: 1fr;
	}

	.frontpage-instagram-items>a {
		min-height: 110px;
	}

	.frontpage-instagram-gallery {
		display: flex;
	/*	margin-top: -90px;*/
		overflow-x: auto;
	}

	.frontpage-instagram-gallery>figure {
		flex: 0 0 245px;
	}

	.frontpage-instagram-text {
		max-width: 100%;
	}

	.frontpage-instagram-gallery>figure:nth-child(3n + 1),
	.frontpage-instagram-gallery>figure:nth-child(3n + 2),
	.frontpage-instagram-gallery>figure:nth-child(3n) {
		/*transform: translateY(0);*/
	}

	.frontpage-search-grid {
		gap: 15px;
	}

	.frontpage-search-grid label,
	.frontpage-search-grid input {
		font-size: 12px;
	}

	.frontpage-search-grid input {
		padding-bottom: 10px;
	}

	/* Footer */
	.footer-faq {
		display: flex;
		max-width: 100%;
	}

	.footer-faq>div {
		margin-bottom: 15px;
	}

	.footer-coordinates {
		bottom: 0;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.retreat-section::after {
		transform: translate(-15%, 15%) rotate(-4deg);
		letter-spacing: -9.5px;
	}

	/* Contact */
	.contact-grid-left {
		padding: 50px 6% !important;
		row-gap: 0;
		min-height: 700px;
	}

	.contact-subtitle{
		margin-bottom: 40px;
	}

	.contact-grid-right {
		margin-top: -270px;
	}

	.contact-info {
		flex-direction: column;
		row-gap: 0;
	}

	.contact-form {
		padding: 30px 20px;
	}

	.contact-map {
		height: 125px;
	}

	.form-footer {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 20px;
	}

	.contact-form::after {
		right: -25px;
		width: 120px;
		height: 35px;
	}

	.input-field {
		width: 100%;
	}

	.input-flex {
		flex-direction: column;
	}

	/* Accessibility */
	.section-accessibility figure::after {
		right: -40px;
		font-size: 115px;
		letter-spacing: -10px;
	}

	/* FAQ */
	.faq-item>h2 {
		font-size: 14px;
		line-height: 1.5;
	}

	/* Surf School */
	.lesson-card>div {
		margin: 0;
		width: 100%;
	}

	.lesson-card figure {
		aspect-ratio: 3 / 2;
	}

	/* Packages */
	.single-room-package-content ul {
		columns: auto;
	}

	.btn-book {
		flex: 0 0 100%;
	}

	.btn-book span {
		top: 0;
	}

	/* Cowork */
	.cowork-content {
		max-width: 65%;
	}

	.cowork-section::before {
		width: 140%;
	}

	.cowork-section::after {
		font-size: 90px;
		right: 10%;
		top: 20%;
		letter-spacing: -8px;
	}

	/* Sustainability */
	.sustainability-block svg,
	.sustainability-block img {
		width: 80px;
	}

	.sustainability-block:nth-child(even) {
		margin: 30px 0 45px auto;
	}

	.sustainability-block {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 18px !important;
	}

	.header-top p {
		font-size: 8px;
	}

	.faq-mobile{
		margin-bottom: 0;
	}

}

@media screen and (max-width: 375px) {
	.footer-coordinates>small {
        margin-top: 10px;
    }

	.lesson-buttons {
		grid-template-columns: 100%;
	}

	.footer-contact-info {
		flex-direction: column;
	}

	.footer-contact-info>div:last-child {
		margin-bottom: 0;
	}

	.facility-content>div {
		background-color: transparent;
		width: 100%;
		margin: 0 auto;
		padding: 25px 0;
		border-radius: 0;
		box-shadow: none;
	}

	.cowork-content {
		max-width: 70%;
	}

	.sustainability-block svg,
	.sustainability-block img {
		width: 55px;
	}

	.contact-map {
		display: none;
	}

	.chosen-single>span{
		font-size: 13px;
	}
}