@font-face {
	font-family: "DIN_Pro_Font_Family";
	src: url("Fonts/dinpro/DIN\ Pro\ Black\ 900.otf");
	src: url("Fonts/dinpro/DIN\ Pro\ 400.otf");
	src: url("Fonts/dinpro/DIN\ Pro\ Bold\ 700.otf");
	src: url("Fonts/dinpro/DIN\ Pro\ Condensed\ Medium\ 500.otf");
	src: url("Fonts/dinpro/DIN\ Pro\ Condensed\ Regular\ 400.otf");
	src: url("Fonts/dinpro/FontsFree-Net-DINPro-1.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "myriad_sv";
	src: url("Fonts/myriad_sv/Myriad\ Pro\ Black.otf");
	src: url("Fonts/myriad_sv/Myriad\ Pro\ Bold.ttf");
	src: url("Fonts/myriad_sv/Myriad\ Pro\ Light.otf");
	src: url("Fonts/myriad_sv/Myriad\ Pro\ Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Nunito";

	src: url("Fonts/Nunito/Nunito-Black.ttf");
	src: url("Fonts/Nunito/Nunito-Bold.ttf");
	src: url("Fonts/Nunito/Nunito-Light.ttf");
	src: url("Fonts/Nunito/Nunito-Medium.ttf");
	src: url("Fonts/Nunito/Nunito-Regular.ttf");
	src: url("Fonts/Nunito/Nunito-SemiBold.ttf");

	font-style: normal;
}

/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;1,6..12,200&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;0,1000;1,600;1,800&family=Open+Sans:wght@500&display=swap'); */

:root {
	--main-blue: #00379e;
	--light-bg: #eeeeee;
	--orange: #FFA168;

}

*,
*::after,
*::before {
	box-sizing: border-box;

}

html,
body {
	margin: 0;
	padding: 0;

	/* overflow: hidden; */
	/* overflow-x: hidden; */
	/* overflow-y: hidden; */
	font-family: "DINPro-Regular", "Trebuchet MS";
	/* font-family: "DIN_Pro_Font_Family"; */
	scroll-behavior: smooth;
}

.container {
	width: 100%;
	margin-top: 0;
	overflow: hidden;
}

p {
	/* font-family: "DINPro-Regular" !important; */
	font-size: 16px;
	/* letter-spacing: 1.5px; */
	line-height: 20px;
	font-weight: 400;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

.banner-container {
	/* background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/Homehero.png"); */
	width: 100%;
	background-size: cover;
	/* position: relative; */
	/* padding: 0 4rem; */
	padding: 0 4rem 8rem 4rem;
	background-repeat: no-repeat;

}

.home-banner-container-wrapper {
	background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/Homehero.png");
	background-repeat: no-repeat;
	width: 100%;
	/* background-size: 100% 100%;  */
	/* min-height: 100vh; */
	background-size: cover;
	display: block;
	overflow: hidden;

}

.about-banner-container-wrapper {
	background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/abouthero.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;

}
.about-banner-container-wrapper1 {
	background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/abouthero.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
max-height: 121px;
}
.rooms-banner-container-wrapper {
	background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/rooms-hero-image.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
}
.termscontainer p{
font-size: 17px;
font-family:'Nunito';
line-height: normal;

}
.contact-banner-container-wrapper {
	background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/contact-hero.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;
	background-size: cover;

}

.banner-container .logo {
	color: white;
	font-size: 35px;
	font-weight: bolder;
	letter-spacing: 2px;
	/* font-family: "DINPro-Regular", "Trebuchet MS"; */
	font-family: "DIN_Pro_Font_Family";
}

nav {
	font-family: "DIN_Pro_Font_Family";
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--light-bg);
	align-items: center;
	/* position: fixed; */
	width: 100%;
	z-index: 100;
	/* padding: 1rem 2rem; */
	padding-top: 1rem;
	padding-bottom: 5px;
}

nav ul {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-bottom: 0;
	padding: 0;
	margin: 0;
}

nav ul li a {
	color: white;
	font-size: 25px;
	line-height: 70px;
	text-decoration: none;
}

.mobile-menu-container {
	display: none;
}

.mobile-nav {
	display: none;
}

 .logo img {
  /* width: 70%; */
  width: 25%;
} 

/* ============================================banner content ==================================================*/
/* .container .banner-container {
  position: relative;
} */

.banner-content-wrapper {
	height: auto;
	display: block;
	align-items: center;
	width: 52%;
	color: white;
	/* position: absolute;
  	bottom: 14%;
  	left: 5%;
	padding-left: 2rem; */
	font-family: "DIN_Pro_Font_Family";
	overflow: hidden;
}

.banner-content {
	margin-top: 8rem;
	/* margin-left: 2rem; */
	padding-top: 12rem;
	line-height: 36px;
	/* padding-bottom: 4rem; */
	overflow: hidden;
}

.banner-content h1 {
	font-family: "DIN_Pro_Font_Family";
	font-weight: 800;
	font-size: 30px;
	letter-spacing: 1.5px;
	line-height: 35px;
	padding: 0;
	margin: 0;
}

.banner-content p {
	line-height: 20px;
	font-size: 16px;
	padding-bottom: 1rem;
}

.button-all {
	/* height: auto; */
	height: 35px;
	border: none;
	background: var(--orange);
	color: white;
	padding: 8px 60px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 21px;
	display: flex;
	justify-content: center;
	font-family: 'DIN_Pro_Font_Family';
	align-items: center;
	cursor: pointer;
	font-size: 15px;
}

/* cottage section*/
.container .cottage-container {
	margin: 0;
	padding: 2rem 2rem 4rem 2rem;
	/* background-color: var(--main-blue); */
	background-color: var(--light-bg);

}

.heading-flex-black {
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	align-items: center;
	gap: 1rem;


}

.heading-flex-white {
	display: flex;
	white-space: nowrap;
	/* Prevent line breaks */
	overflow: hidden;
	/* Hide overflowing content */
	text-overflow: ellipsis;
	/* align-items: center; */
	/* margin-top: 2rem; */
}

.say-hello-container .heading-flex-black,.gallery-section .heading-flex-black  {
	/* padding-left: 4rem; */
	padding: 1rem;
}

.heading-flex-black img {
	height: 30px;
	width: 30px;
	object-fit: contain;
}

.heading-flex-white img {
	height: 30px;
	width: 30px;
	object-fit: contain;
}

.heading-flex-black h3 {
	margin: 0;
	padding: 0;
	font-family: "DIN_Pro_Font_Family";
	font-size: 18px;
	font-weight: bolder;
	color: black;
	/* line-height: 20px; */
}

.heading-flex-white h3 {
	margin: 0;
	padding: 0;
	font-family: "DIN_Pro_Font_Family";
	font-size: 24px;
	font-weight: bolder;
	/* line-height: 20px; */
}

.section-heading-white {
	color: white;
	display: flex;
	flex-direction: row;
	/* align-items: center; */
	font-family: "DIN_Pro_Font_Family";
	padding: 4rem;
	padding-left: 2rem;
	line-height: 20px;
	justify-content: space-between;
	/* margin: 0 5rem; */
	letter-spacing: normal;
	margin-bottom: 3rem;
}

.section-heading-black {
	color: black;
	display: flex;
	flex-direction: row;
	/* padding: 3rem; */
	font-family: "DIN_Pro_Font_Family";
	padding: 4rem;
	gap: 2rem;
	/* align-items: center; */
	justify-content: space-between;
	letter-spacing: normal;
	align-items: flex-start;
}
.policy h3{
	font-family: "DIN_Pro_Font_Family";
	font-size: 18px;
	font-weight: bolder;
	color: black !important;
}
.section-heading-black h1 {
	width: 30%;
	font-size: 35px;
	font-weight: bolder;
}

.section-heading-black p {
	font-family: "DIN_Pro_Font_Family";
	width: 80%;
	font-size: 16px;
	color: black;
	margin: 0;
	/* line-height: 24px; */

}

.history-container .section-heading-black p {
	width: 95%;
}

.section-heading-white h1 {
	width: 30%;
	font-size: 35px;
	font-weight: bolder;
}

.section-heading-white p {
	font-family: "DIN_Pro_Font_Family";
	line-height: 20px;
	width: 68%;
	font-size: 16px;
	margin: 0;

}

/*--footer */
.container .footer-container {
	width: 100%;
	height: auto;
}

.footer-container-mobile {
	display: none;
}

.footer-logo-icons .logo {
	padding-top: 2rem;
}

.footer-logo-icons img {
	width: 50% !important;
}

.footer-logo-icons-mobile img {
	width: 40% !important;
	margin-left: 1rem;
	padding: 1rem 0;
}

.footer-container {
	font-family: "myriad_sv" !important;
	background: var(--main-blue);
	padding: 2rem 4rem 0 4rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);

	height: auto;
}

.footer-container a {
	text-decoration: none;
	line-height: 29px;
}

.footer-container p {
	/* font-weight: 100 !important; */
	font-size: 14px;
}

.footer-container h3 {
	font-family: "myriad_sv" !important;
	font-weight: bold;
}

.fa-facebook,
.fa-instagram ,.fa-youtube-play,.fa-linkedin{
	background: white;
	color: var(--main-blue);
	padding: 0.3rem;
	border-radius: 5px;
}

.footer-logo-icons .logo {
	color: white;
	font-size: 34px;
	font-weight: bold;
}

.footer-inner-wrapper {
	padding: 1rem;
	color: white;
	position: relative;

	font-family: "myriad_sv" !important;
}

.footer-links ul,
h3,
p,
a {
	color: white;
	padding: 0;
}

.footer-links h3 {
	/* margin-top: 3rem; */
}

.footer-container h3 {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.footer-properties ul {
	padding: 0;
}

/* .location-heading {
	margin-top: 4rem;
} */

.footer-inner-wrapper .form .input {
	padding: 1rem;
}

footer form {
	margin-top: 1rem;
}

.form-newsletter input[type="email"] {
	font-size: 12px;
	padding:0.5rem 1rem;
	background: var(--main-blue);
	color: white;
	line-height: 80%;
	width: 100%;
	/* border: none; */
	border: 1px solid white;
}

.form-newsletter ::placeholder :focus {
	color: white;
}

footer form button {
	margin-top: 1rem;
}

.newsletter-heading {
	font-family: "myriad_sv" !important;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
}
.footer-inner-wrapper h3{
	letter-spacing: 1px;
}
.footer-inner-wrapper .social-icons{
    /* margin-top: 8rem; */
	display: flex;
	
	/* align-items: center; */
	/* justify-content: center; */
	
}
.footer-social-inner {
	/* position: absolute;
  bottom: 1rem; */
	margin: 5rem 0;
	margin-left: 1rem;
	/* padding: 5rem 0; */
}

.social-icons a {
	margin-right: 9px;
	font-weight: bold;
	line-height: normal !important;
	
}

/*==================================rooms pagination slider===============================================*/
.pagination-container {
	/* padding-left: 2rem; */
	margin: 0 auto;
	padding: 0 2rem;
}

.pagination {
	display: flex;
	align-items: center;
	color: white;
	display: inline-flex;
}

.pagination ul {
	margin: 20px 20px;
}

.pagination ul li {
	display: inline-block;
	width: 32px;
	height: 32px;
	/* background-color: #EEEEEE; */
	border-radius: 50%;
	border-color: white;
	color: white;
	border: solid 1px white;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
}

.pagination ul li.active {
	background-color: white;
	color: #00379e;
	background-repeat: no-repeat;
}

.pagination-desc {
	background: #eeeeee;
	color: black;
	font-weight: bold;
}

.pagination-desc h3 {
	font-size: 18px;
}

.pagination-desc p {
	font-size: 16px;
}

/*==================================experiences slider===============================================*/
.experience-container,
.say-hello-container {
	background: var(--light-bg);
}

.experience-container h1 {
	margin-left: 2rem !important;
}

.experience-images h4 {
	color: black !important;
	/* position: absolute;
bottom: 10%; */
}

#experience-carousel {
	padding: 0 4rem 6rem 4rem;
	/* max-width: 80%; */
}

.experience-slider-wrapper {
	display: flex;
	/* flex-direction: column; */
	text-align: center;
	justify-content: center;
	padding: 0 0 4rem 0;
	gap: 2rem;
}

.experience-slider-left {
	width: 30%;
}

.experience-slider-left h4 {
	text-align: left;
}

.slider {
	display: flex;
	flex-direction: row;
	padding: 2rem;
	/* justify-content: space-around; */
	/* border: 2px solid black; */
	margin-top: -2rem;
	gap: 4rem;
}

/* .left-side img {
  width: 110%;
} */

.right-side img {
	/* border: 1px solid red; */
	width: 110%;
	/* padding-right: 3rem; */
}

/* .right-side {
  position: relative;
  right: 20%;
  padding-top: 5%;
} */



/* .arrows {
  position: relative;
  top: 35%;
} */

.description-box {
	background-color: #ffffff;
	width: 500px;
	height: auto;
	text-align: center;
	padding: 30px;
}

.slider-caption {
	/* line-height: 10px !important; */
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 10px;
}

.slider-text {
	padding: 20px;
	font-size: 14px;
	line-height: 20px;
}


.image p {
	color: var(--Black, #000);

	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	/* 111.111% */
	font-family: "DIN_Pro_Font_Family";
}

.pagination-dots {
	/* display: flex; */
	display: none;
	justify-content: center;
	margin-top: 10px;
}

.pagination-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ccc;
	margin: 3px;
	cursor: pointer;
}

.pagination-dot.active {
	background-color: #FF6D41;
}

#cont {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.experience-container {
		/* padding: 0 2rem; */
	}

	.slider {
		flex-direction: row;
		/* align-items: center; */
		padding: 1.5rem;
		gap: 2rem;
	}

	/* .left-side img,
  .right-side img {
    width: 100%;
  } */

	.image p {
		font-size: 1rem;
	}
}

@media screen and (max-width:480px) {
	#cont {
		display: block;
		/* margin-top: 20px; */
		/* margin-bottom: 20px; */
	}

	.carousel {
		display: none;
	}

	.experience-container {
		background: none;
		padding: 0 1rem;
	}

	.text {
		/* margin: auto; */
		display: flex;
		width: 70%;
		/* margin-left: 30px; */
		align-items: center;
		justify-content: flex-start;
		/* border: 2px solid blue; */
		margin: 0 1rem;
	}

	.text>p {
		color: #000;
		font-family: Nunito;
		font-size: 18px;
		font-weight: 700;
		padding-bottom: 2px;
		/* text-align: left; */
	}

	.text>p:nth-child(1) {
		/* text-decoration: underline; */
		border-bottom: 2px solid #FF6D41;
	}

	.text-button {
		border: 2px solid black;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: auto;
	}

	.butt {
		/* position: absolute; */
		position: relative;
		display: flex;
		cursor: pointer;
		align-items: center;
		/* justify-content: end; */
		gap: 5px;
		/* margin-bottom: -70px; */
		padding-top: 18px;
		margin-left: 350px;
		margin-bottom: -2rem;
	}

	.butt>div>img {
		width: 14px;
	}

	#img-cont {
		overflow: hidden;
		display: flex;
		width: 100%;
		margin: auto;
		transition: transform 0.5s ease;
		/* border: 2px solid red; */
	}

	.blurs {
		/* filter: blur(0.9px); */
		opacity: 0.4
	}

	.slide {
		flex: 0 0 480px;
		display: flex;
		flex-direction: column;
	}

	.slide-img {
		width: 100vw;
		/* height: 398px; */
		/* padding: 20px; */
		/* margin-left: 45px; */
		/* border: 2px solid green; */
	}

	.slide p {
		margin: 1rem 1rem 1.5rem 1rem;
		padding: 0 !important;
	}
}

@media screen and (max-width:376px) {
	.butt {
		margin-left: 320px;
		margin-top: -2px;
	}

	.text>p {
		font-size: 16px;
	}
}

@media screen and (max-width:321px) {
	.butt {
		margin-left: 260px;

	}
}


/*==================================TESTIMONIAL CONTENT========================*/
.testimonial-container-wrapper {
	position: relative;
	/* display: flex;
  flex-direction: row; */
}

.history-image-mobile {
	display: none;
}

.testimonial-container {
	display: flex;
	flex-direction: row;
	padding-left: 4rem;
	align-content: space-between;
}

.mobile-testimonial-content {
	display: none;
}

.testimonial-container h1 {
	font-family: "DIN_Pro_Font_Family";
	font-size: 35px;
	color: black;
	font-weight: bolder;
	/* margin-left: 2rem; */
	padding: 2rem;
}

.testimonial-container-left {
	flex: 25%;
}

.testimonial-content-container {
	height: auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial {
	position: relative;
	max-width: 530px;
	width: 100%;
	padding: 2rem;
	overflow: hidden;
}

.testimonial-name {
	font-family: "DIN_Pro_Font_Family";
	font-weight: bold;
	padding-bottom: 0.5rem;
	text-align: left !important;
}

.testimonial-content {
	background: var(--light-bg);
	width: 40%;
	padding: 3rem;
	position: absolute;
	bottom: 14%;
	left: 8%;
}

.testimonial-content p {
	color: black;
	font-family: "DIN_Pro_Font_Family";
	font-weight: 16px;
}

.testimonial-content .splide__pagination__page {
	visibility: hidden !important;
}

.testimonial-content .splide__arrow {
	position: absolute;
	top: 95%;
	opacity: 1;
}

.testimonial-content .splide__arrow.splide__arrow--prev {
	position: absolute;

	left: 89%;
}

.testimonial-content .splide__arrow.splide__arrow--next {
	position: absolute;
	right: 2%;
}

/* .testimonial .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 
  height: 100%;
  width: 100%;
} */
/* .slide p {
  font-family: "DIN_Pro_Font_Family";
  padding: 0 2rem;
  font-size: 16px;
  font-weight: 400;
  color: black;
} */

/* .slide .details {
  display: flex;
  flex-direction: column;
  align-items: center;
} */

/* swiper button css */
.nav-btn {
	/* height: 20px;
  width: 20px; */

	/* transform: translateY(80px); */
	/* transform: translate(20%,200%); */
	transform: translate(10%, 200%);

	transition: 0.2s;
}

/* .nav-btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
} */
.nav-btn::after,
.nav-btn::before {
	font-size: 20px;
	background: var(--main-blue);
	color: white;
	/* color:white; */
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 90% !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px !important;
	line-height: 0.8;
}

@media screen and (max-width: 768px) {
	.slide p {
		padding: 0 20px;
	}

	.nav-btn {
		display: none;
	}
}

/*==================================SAY HELLO ===============================================*/

.say-hello-container {
	padding: 2rem;
}

.say-hello-inner-container {
	display: flex;
	flex-direction: row;
	/* padding: 0 4rem 4rem 2rem; */
	padding: 0 2rem 2rem 2rem;
}

.say-hello-container p {
	color: black !important;
	font-family: "myriad_sv";
	letter-spacing: normal;
	/* font-size: 22px; */
	line-height: 24px;
}

.say-hello-form {
	overflow: hidden;
}

.say-hello-form input {
	margin: 1rem;
	padding: 15px 19px;
	display: block;
	border: none;
	font-size: 16px;
	width: 39%;
	color: #000;
	border: none;
	outline: none;
	font-family: 'myriad_sv';

}

.say-hello-inner-container .left {
	width: 30%;
	padding-top: 8rem;
	font-family: "myriad_sv";
	font-weight: bold;
	line-height: 20px;
	font-size: 18px;
}

.say-hello-inner-container .right {
	width: 70%;
	padding: 0 2rem;
}

/* #firstname,#lastname{
    display: inline-block;
   
   
} */

.name-section , .email-phone-sayhello{
	display: flex;
	flex-direction: row;
	/* width: 120%; */
}

.name-section input , .email-phone-sayhello input{
	flex: 1;
	/* Make both first name and last name inputs take equal width */
	margin-right: 0;
	margin-bottom: 0;
	/* Add some spacing between the inputs */
}

 #phone , #email{
	/* width: 100%; */
	/* Make the email input take full width */
	margin-bottom: 1rem;
	/* Add some spacing below the email input */
}

#sayhello-message {
	width: 100%;
	/* Make the message textarea take full width */
	border: none;
	/* Remove border */
	height: auto;
	/* Allow the height to adjust based on content */
	outline: none;
	/* Remove outline */
	padding: 1rem;
	/* Add padding for better readability */
	box-sizing: border-box;
	font-size: 16px;
	/* Include padding in the width calculation */
}

/* #message {
  padding-bottom: 4rem;
} */

.say-hello-form button {
	margin: 1rem;
	font-family: 'myriad_sv';
}

#sayhello-message {
	font-family: 'myriad_sv';
	margin-left: 1rem;
	padding: 15px 19px;
	margin-bottom: 1rem;
}

/*==================================about page===============================================*/

.about-content-container {
	display: flex;
	flex-direction: row;
	/* align-items: flex-start; */
}

.about-content-left h3 {
	font-family: "DIN_Pro_Font_Family" !important;
	font-size: 32px;
	font-weight: 400;
	color: black;
	padding: 1rem 3rem;
	margin-left: 2rem;
	margin-top: 0;
	padding-top: 0;
	/* line-height: 30px; */
	/* letter-spacing: 4px; */
}


.about-content-right {
	/* padding: 7rem 7rem 0 7rem; */
	background: white;
	/* width: 40%; */

}

.about-background-colour p {
	color: black;
	font-size: 16px;
	font-family: "DIN_Pro_Font_Family" !important;
	line-height: 24px;
	margin-bottom: 0;
}

.about-content-outer {
	display: flex;
	flex-direction: row;
}

.about-image-2-mob {
	display: none;
}

/* .activities-carousel-mobile-wrapper{
  display: none;
} */
.activities-content-wrapper {
	position: relative;
	/* display: grid; */
	/* grid-template-columns: repeat(2,1fr); */
	/* padding: 2rem 0; */
}

.activities-content-wrapper h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: black;
	font-family: "DIN_Pro_Font_Family" !important;
	width: 55%;
	padding: 0 2rem 2rem 4rem;
	margin: 0;
}

.activities-content-wrapper h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: black;
	font-family: "DIN_Pro_Font_Family" !important;
	width: 55%;
	text-decoration: underline;
	text-underline-offset: 3px;
	padding: 0 4rem;
}

.activities-content-wrapper p {
	font-size: 16px;

	font-weight: 400;
	color: black;
	font-family: "DIN_Pro_Font_Family" !important;
	width: 60%;
	padding: 0 4rem;
}

.activities-slider-wrapper {
	background: var(--light-bg);
	padding: 2rem 0 8rem 0;
	line-height: 20px;
}

.activities-images-right {
	position: absolute;
	top: 0%;
	right: 0%;
}

.activities .splide__arrow {
	position: absolute;
	top: 80%;
	opacity: 1;
}

.activities .splide__arrow.splide__arrow--prev {
	position: absolute;

	left: 4%;
}

.activities .splide__arrow.splide__arrow--next {
	position: absolute;
	right: 93%;
}

.activities .splide__pagination {
	position: absolute;
	bottom: 17%;
}

/*==================================history section===============================================*/

.history-container {
	background: var(--light-bg);
	padding-bottom: 1rem;
}

.history-container .section-heading-black {
	/* gap: 8rem; */
	/* width: 120%; */
}

.history-container .section-heading-black h2 {
	font-size: large;
	text-decoration: underline;
}

.history-content {
	background-color: white;

	margin: 0 5rem 4rem 5rem;
}

.history-content h3 {
	font-weight: 400;
	color: black;
	font-size: 32px;
	font-family: "DIN_Pro_Font_Family";
	padding: 2.5rem 2.5rem 0 2.5rem;
}

.history-content p {
	color: black;
	font-size: 16px;
	padding: 0 3rem;
	font-family: "DIN_Pro_Font_Family";
	/* padding: 0 2.5rem 1rem 2.5rem; */
}

/*==================================as a brand===============================================*/
.azora-brand-image {
	position: relative;
}

.azora-brand-mobile {
	display: none;
}

.brand {
	position: relative;
	background: var(--light-bg);
}

.brand-inner-section {
	font-family: "DIN_Pro_Font_Family";
	background: white;
	padding: 2rem 3rem;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
}

.brand-inner-section p {
	color: black;
	font-size: 16px;
	line-height: 24px;
}

/*==================================locations===============================================*/

.splide__slide img {
	/* width: 100%;
  height: auto !important; */
	/* height: 100%; */
}

/* .pagination-container .splide__list{

  height:auto !important;
  width:100%;;
} */
.locations {
	padding-right: 0 4rem;
	background-color: var(--light-bg);
}

.location-img-mob {
	display: none;
}

.location-img-lap {
	display: block;
}

.location-content-images {
	position: relative;
}

.location-content-images-mobile {
	display: none;
}

.location-content-images .splide__slide img {
	/* padding: 0 4rem; */
	/* padding: 4rem; */
	/* height: 70% !important; */
	width: 100%;
	height: 100% !important;
}

/* =====================for location readmore ==================*/
#text {
	display: none;
}

.location-desc p {
	color: black;
	font-family: "DIN_Pro_Font_Family" !important;
	font-size: 16px;
	/* letter-spacing: 1px; */
	font-weight: 400;
	line-height: 20px;
}

.location-desc {
	background: white;
	position: absolute;
	width: 40%;
	bottom: 20%;
	left: 10%;
	padding: 2rem;
}

.location-desc h3 {
	color: black;
	font-family: "DIN_Pro_Font_Family" !important;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

/* .splide__slide img{
  width:100%;height: auto !important;
} */
.location-content-images .splide__slide {
	padding: 0 5rem;
}

/*===================== readmore less ==========================*/
.learnmore {
	font-size: 1.1em;
	margin-top: 1.5em;
}

.learnmore .more,
.learnmore.show .dots {
	display: none;
}

.learnmore.show .more {
	display: inline;
}

.learnmore a {
	cursor: pointer;
	display: block;
	color: #00379e;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: bold;
}

.location-content-images .splide__arrow {
	position: absolute;
	top: 95%;
	opacity: 1;
}

.location-content-images .splide__arrow.splide__arrow--prev {
	position: absolute;

	left: 7%;
}

.location-content-images .splide__arrow.splide__arrow--next {
	position: absolute;
	right: 89.8%;
}

/*==================================ayatana as a brand===============================================*/

.ayatana-brand {
	background: var(--light-bg);
	/* padding: 4rem; */
}

.ayatana-brand h5 {
	color: black;
	font-size: 24px;
	font-family: "DIN_Pro_Font_Family";
	font-weight: 400;
	padding: 0 4rem;
	margin-top: 0;

	/* margin : 0 5rem;
 
  padding-left: 1rem; */
}

.ayatana-brand .section-heading-black p {
	padding: 0;
}

.ayatana-brand p {
	color: black;
	font-size: 16px;
	font-family: "DIN_Pro_Font_Family";
	padding: 0 4rem;
	letter-spacing: normal;
	/* letter-spacing: 1.2px; */
}

.ayatana-brand-slider-wrapper {
	/* padding: 0 4rem 4rem 4rem; */
	margin: 0 2rem;
}

@media screen and (max-width:480px) {
	.ayatana-brand-slider-wrapper {
		margin: 0;
	}

}

.ayatana-brand-slider-wrapper h4 {
	font-size: 18px;
	font-family: "DIN_Pro_Font_Family";
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 3px;
	/* margin-top: 1rem; */
	/* margin-left: 2rem; */
	padding-left: 2rem;
}

span.location-name {
	color: black;
	font-family: "DIN_Pro_Font_Family";
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
}

.ayatana-brand-slider-wrapper .splide__list {
	margin-bottom: 3rem !important;
}

/* .ayatana-brand-slider-wrapper .splide__track {
  overflow: visible;
} */

.ayatana-brand-slider-wrapper .splide__arrow {
	position: absolute;
	top: 100%;

	opacity: 1;
}

.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--prev {
	position: absolute;

	left: 2%;
}

.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--next {
	position: absolute;
	right: 94%;
}

.ayatana-brand-slider-wrapper .splide__pagination {
	position: absolute;
	/* top: 100%; */
}

/*==================================Room page===============================================*/

.rooms-container {
	/* padding: 5rem; */
}

.rooms-banner-heading .banner-content-wrapper {
	width: 88%;
}

.rooms-container p {
	color: black;
	font-family: "DIN_Pro_Font_Family";
	font-size: 18px;
	padding: 2rem;
	line-height: normal;
	margin: 0 2rem;
}

.rooms-content-tabs {
	background: var(--light-bg);
	padding: 2rem 2rem 4rem 2rem;
}

.rooms-content-tabs p {
	margin: 0;
}

/* .tab {
  
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  overflow: auto;
  white-space: nowrap;
 
} */
.tab {

	display: flex;
	gap: 2.5rem;
	/* justify-content: space-between; */
	justify-content: flex-start;
	overflow-x: hidden;
	white-space: nowrap;

}

/* Style the active tab */
.tab button.active {
	color: #00379e;
	/* Change text color to blue */

}

/* Style the next tab */
.tab button.next {
	color: #626262;
	/* Change text color to grey */
}

/* Style the rest of the tabs */
.tab button:not(.active):not(.next) {
	color: #626262;
	/* Change text color to a default color */
	opacity: 0.3;
	/* Set initial opacity for non-active tabs */
	transition: opacity 0.3s ease;
	/* Add transition for opacity */
}


.tablinks {

	font-family: "DIN_Pro_Font_Family";
	font-size: 33px;
	/* font-size: 30px; */
	font-weight: 600;
	letter-spacing: 1px;
	color: white;
	text-align: left;
	padding: 10px 15px;
	text-decoration: none;
	display: inline-block;
}

/* Style the buttons inside the tab */
.tab button {

	border: none;
	outline: none;
	cursor: pointer;
	padding: 0.5rem 1rem;
	/* padding: 0.5rem; */
	transition: 0.3s;
	color: #626262;

}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

/* Change background color of buttons on hover */
/* .tab button:hover {
  background-color: inherit;
  color: var(--main-blue);
} */

/* Create an active/current tablink class */
.tab button.active {
	border-bottom: 2px solid #00379e;
	/* text-underline-offset: 10px; */
	color: var(--main-blue) !important;
}

@media screen and (max-width:480px) {
	.tab button.active {
		border-bottom: 2px solid var(--orange);
		padding: 0;
		padding-bottom: 0;
	}

	.tab button {
		letter-spacing: 0;
		font-size: 18px;

	}

	.tab {
		display: flex;
		overflow-x: auto;
		/* padding-left: 10px; */

	}

	.tab::-webkit-scrollbar {
		width: 0;
		/* display: none; */

	}

	.tab::-webkit-scrollbar-track {
		background-color: transparent;
	}

	/* Optional: Customize scrollbar thumb color */
	.tab::-webkit-scrollbar-thumb {
		background-color: #eeeeee;
	}


}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 0 12px;

	border-top: none;
}

.cottage-content {
	display: flex;
	flex-direction: row;
	gap: 6rem;
	padding-top: 2rem;
	/* padding: 0 3rem 3rem 3rem; */
}

/* .cottage-content-inner-container{
    padding: 4rem;
  } */
.cottage-content-inner-container p {
	padding: 2rem 0;
	/* margin: 4rem 0; */
}

.cottage-content-inner {
	padding: 0 2rem;
	width: 100%;
}

.icons {
	display: flex;
	flex-direction: row;
	/* gap: 2rem; */
	justify-content: space-between;
	align-items: baseline;
	/* width: 80%; */
}

.icons img {
	width: 80%;
}

.icons-p-mobile {
	display: none;
}

.icons p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
	justify-content: center;
}

#clique-cottage {
	display: block;
	color: var(--main-blue);
}

/*==================================  rooms gallery section===============================================*/

.rooms-gallery-slider h3 {
	font-family: "DIN_Pro_Font_Family";
	font-size: 40px;
	width: 80%;
	padding: 0 4rem 2rem 4rem;
	color: black;
	font-weight: 100;
	/* margin: 0 4rem; */
}

.rooms-gallery-slider .heading-flex-black h2 {
	margin: 0;
	padding: 0;
	font-family: "DIN_Pro_Font_Family";
	font-size: 18px;
	font-weight: bolder;
	color: black;

}

.rooms-gallery-slider .heading-flex-black {
	/* margin-top: 1rem !important; */
}

.rooms-gallery-slider .heading-flex-black img {
	height: 30px;
	width: 30px;
	object-fit: contain;
}

.rooms-gallery-small-background {
	background: var(--light-bg);
	border-bottom: 1px solid white;
	padding: 50px;
	margin-top: 4rem;
}

.rooms-gallery-small-background h3 {
	font-family: "DIN_Pro_Font_Family";
	font-size: 21px !important;
	color: black;
	font-weight: 400;
	/* padding: 0 5rem;

    margin: 0 4rem; */
}

.rooms-gallery .cottage-content ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.splide__slide img {
	width: 100%;
	/* height: auto !important; */
	object-fit: cover;
}

.rooms-gallery-slider .splide__slide {
	opacity: 0.6;
	margin-right: 1rem !important;
}

.rooms-gallery-slider .splide__slide.is-active {
	opacity: 1;
}

.splide__arrow svg {
	fill: white !important;
	background: #00379e !important;
	padding: 0.2rem !important;
}

.splide__arrow {
	background: inherit !important;
}

.cottage-content .splide {
	/* padding:0 4rem 0 4rem; */
	visibility: visible !important;
}

.splide__pagination__page {
	background: black !important;
	height: 5px !important;
	width: 5px !important;
	/* opacity: 0.6 !important; */
}

.splide__pagination__page.is-active {
	background: var(--orange) !important;
}

.thumbnails {
	display: flex;
	/* margin: 1rem auto 0; */
	padding: 0;
	justify-content: center;
	margin: 0 2rem 0 0;
	padding: 1rem 2rem 1rem 0;
}

.pagination-container .splide__pagination {
	counter-reset: pagination-num;
	/* margin:2px; */
	width: 100%;
}

/* .pagination-container .splide__pagination .splide__pagination--ltr{
     width: 80%;
    } */
.pagination-container .splide__pagination__page:before {
	counter-increment: pagination-num;
	content: counter(pagination-num);
}

.pagination-container .splide__pagination__page {
	height: 30px !important;
	width: 30px !important;
	background-color: white !important;
	color: #00379e !important;
	border-color: #00379e;
	border: 1px solid #00379e;
	opacity: 1 !important;
	margin-right: 0.5rem;
	font-size: 14px;

	transition: none !important;
	/* position: absolute;
      left: 0; */
}

.pagination-container .splide__pagination__page.is-active {
	height: 22px !important;
	width: 22px !important;
	background-color: #00379e !important;
	color: white !important;
	border: 1px solid #00379e;
	transition: none !important;
	box-sizing: border-box;
	font-size: 12px;
}

.pagination-desc-rooms {
	display: flex;
	flex-direction: row;
	padding: 0;
	justify-content: space-between;
	background-color: white;
}

.pagination-desc-rooms p {
	/* padding: 0.2rem; */
	color: black;
	/* width: 90%; */
	/* font-size: 24px; */
	font-family: "DIN_Pro_Font_Family";
	line-height: 24.7px;
}

.arrow-container {
	background: var(--orange);
	padding: 2.2rem;
}

.arrow-container span {
	color: white;
	/* padding-left: 1rem; */
}

.pagination-desc-rooms .pagination-desc-left {
	margin-left: 2rem;
}

.pagination-desc-left h3 {
	color: black;
	font-family: 'DIN_Pro_Font_Family';
	/* font-size: 24px; */
}

.pagination-container .splide__arrow svg {
	visibility: hidden !important;
}

.pagination-container .splide__pagination {
	position: absolute;
	/* right: 88%; */
	bottom: 103%;
	justify-content: left;
}

.pagination-desc-rooms ul li {
	margin-right: 1rem;
}

.thumbnail {
	/* width: 80px;
  height: 80px; */
	overflow: hidden;
	list-style: none;
	margin-right: 10px;
	/* margin: 0 0.5rem; */
	cursor: pointer;
	opacity: 0.6;
}

.thumbnail.is-active {
	opacity: 1;
}

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

.rooms-gallery .splide {
	visibility: visible !important;
	padding: 0 4rem;
}

.rooms-gallery .splide__arrow {
	position: absolute;
	top: 95%;
	opacity: 1;
}

.rooms-gallery .splide__arrow.splide__arrow--prev {
	position: absolute;
	left: 92.5%;
}

.rooms-gallery .splide__arrow.splide__arrow--next {
	position: absolute;
	right: 4%;
}

/*==================================Contact page section===============================================*/
.contact-page-container {
	position: relative;
}

.contact-container-wrapper {
	position: relative;
	overflow: hidden;
}

.contact-page-inner-container {
	background: var(--main-blue);
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 0;

}

.contact-page-map {
	overflow: hidden;
	width: 100%;
	margin-top: 2rem;

}

.contact-page-nav-wrapper {
	/* padding: 0 4rem 0 2rem; */

}

nav.contact-nav-bar {
	/* background: var(--main-blue); */
	position: absolute;
	/* padding: 0 2rem; */
	/* top: 1px; */
	/* margin-top: 1rem; */
	width: 95%;
	margin-left: 2rem;
	/* padding: 0 4rem; */
	color: white;
	top: 0;
	padding-left: 2rem;
	padding-right: 2rem;
}

.contact-nav-bar .logo {
	font-size: 35px;
	font-weight: bolder;
	letter-spacing: 2px;
	/* font-family: "DINPro-Regular", "Trebuchet MS"; */
	font-family: "DIN_Pro_Font_Family";
	color: white;
}

.contact-page-form-new {
	line-height: 20px;
	border: none;
	/* margin: 0.5rem 0 0 1rem; */
	/* padding: 1rem; */
	width: 50%;

}

.contact-page-form-new p {
	font-family: "DIN_Pro_Font_Family";
	font-size: 14px;
	font-weight: 400;
	margin-left: 1rem;
	/* padding-bottom: 1rem; */
	/* margin-top: 2rem;
  padding-top: 2rem; */
}

.contact-page-form-new button {
	margin-left: 1rem;
	margin-top: 1rem;
	font-family: "DIN_Pro_Font_Family";
	font-size: 15px !important;
}

.contact-page-form-new input[type="text"],
.contact-page-form-new input[type="password"],
.contact-page-form-new input[type="email"],
.contact-page-form-new input[type="phone"],
.contact-page-form-new input[type="text"],
.contact-page-form-new input[type="message"],
.contact-page-form-new textarea {
	border: none;
	outline: none;
	color: black;
	font-size: 14px;

}

.contact-page-form--new input[type="text"]:focus,
.contact-page-form-new input[type="email"]:focus,
.contact-page-form-new input[type="phone"]:focus,
.contact-page-form-new textarea:focus {
	color: black;
	background-color: white;
}

.contact-page-form-new input:-webkit-autofill,
.contact-page-form-new textarea:-webkit-autofill {
	color: black !important;
	/* Set text color */
	background-color: white !important;
	/* Set background color */
}

.contact-page-form-new input {
	/* padding: 2px 10px; */
	margin: 0.8rem;
	font-family: "DIN_Pro_Font_Family";
	font-size: 14px;
	font-weight: 400;
	/* background-color: var(--main-blue); */
	border: none;
	border-bottom: 1px solid black !important;
}

.contact-page-form-new ::placeholder {
	color: black;
}

.email-phone,
.contactpage-name-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.contactpage-name-section {
	width: 100%;
}

.contact-page-section-right {
	padding-top: 4rem;
	overflow: hidden;
	/* margin-top: 1.4rem; */
}

.contact-page-map iframe {
	overflow: hidden;
}

.contact-page-map img {
	width: 100%;
	height: auto;
	padding: 0;
	margin-right: 6rem;
	padding-top: 1rem;
}

.contact-page-map-mobile {
	display: none;
	overflow: hidden;
}

/*==================================MEDIA QUERIES===============================================*/

/*==================================MEDIA QUERIES FOR TABLETS===============================================*/
@media screen and (max-width: 1100px) {
	.footer-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-inner-wrapper {
		margin-left: 1rem;
	}
}

@media screen and (max-width: 480px) {
	.footer-container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		padding-top: 2rem;
	}
}

/*================================== HOME PAGE===============================================*/
@media screen and (min-width: 769px) and (max-width: 820px) {
	.banner-container {
		padding: 2rem;
	}

	nav {
		padding: 0 1rem;
	}

	nav ul {
		gap: 30px;
	}

	nav ul li a {
		font-size: 23px;
	}

	nav .logo {
		font-size: 30px !important;
	}

	.banner-content-wrapper {
		width: 70%;
		padding-bottom: 3rem;
	}

	.banner-content {
		margin-top: 6rem;
		padding-top: 6rem;
		padding-bottom: 2rem;
	}

	.section-heading-black,
	.section-heading-white {
		padding: 1rem;
		/* flex-direction: column; */
		/* margin-left: 2rem; */

	}

	.section-heading-black h1,
	.section-heading-white h1 {
		width: 50%;
		font-size: 24px;
	}

	.section-heading-black p,
	.section-heading-white p {
		/* width:100%; */
		font-size: 14px;
		line-height: normal;
	}

	.history-container .section-heading-black {
		gap: 0;
		width: 100%;
	}

	.pagination-container .splide__list {
		height: auto !important;
		width: 100%;
	}

	/*===================================HOMEPAGE=================================*/


	.arrow-container {
		padding: 1rem;
		margin-top: 2rem;
	}

	.pagination-desc-left p {
		font-size: 14px;
	}

	.testimonial-container {
		flex-direction: column;
		padding: 0;
	}

	.testimonial-container-left {
		/* padding-left: 5rem; */
		margin-left: 3rem;
	}

	.testimonial-container h1 {
		padding: 0;
		font-size: 30px;
	}

	.testimonial-content {
		width: 53%;
		padding: 2rem;
	}

	.testimonial-container .heading-flex-black h3 {
		padding-bottom: 2rem;

	}

	.testimonial-content .splide__arrow.splide__arrow--prev {
		position: absolute;
		left: 86%;
	}

	.say-hello-inner-container {
		padding: 0;
	}

	.say-hello-container .heading-flex-black {
		padding-left: 0;
	}

	.say-hello-inner-container .left {
		width: 40%;
		margin-top: 3rem;
		margin-left: 1rem;
	}

	.about-content-container {
		flex-direction: column;
	}

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

	.about-content-right {
		padding: 0 2rem;
		position: relative !important;
		width: 100% !important;
	}

	.history-container .section-heading-black {
		gap: 0;
	}

	.history-content {
		margin: 0 2rem;
	}



	.location-content-images .splide__slide {
		padding: 0;
	}

	.location-content-images .splide__arrow.splide__arrow--prev {
		position: absolute;
		left: 4%;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--prev {
		left: 0%;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow.splide__arrow--next {
		left: 4%;
	}

	.tablinks {
		font-size: 30px;
		font-weight: 800;

	}

	.tab {
		gap: 2rem;

	}

	.cottage-content-inner {
		padding: 0 1rem 0 0;
	}

	.icons {
		gap: 1rem;
		width: 100%;
		margin-top: 2rem;
	}

	.rooms-container p {
		margin: 0;
	}

	.history-image-mobile {
		display: none;
	}

	.rooms-gallery h3 {
		margin: 0;
		font-size: 35px;
	}

	.rooms-gallery-slider h3 {
		width: 100%;
		padding: 0 2rem;
		/* margin: 2rem; */
	}

	.rooms-gallery .splide__arrow {
		top: 95%;
	}

	.rooms-gallery .splide__arrow.splide__arrow--next {
		right: 2%;
	}

	.rooms-gallery-small-background {
		padding: 2rem;
	}

	.rooms-gallery-small-background h3 {
		font-size: 35px;
	}

	.contact-page-inner-container {
		flex-direction: column;
	}

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

	.contact-page-section-right {
		padding: 0;
	}

	.contact-nav-bar {
		margin-top: 2rem;
	}

	.brand-inner-section {
		width: 100%;
		position: relative;
		padding: 1rem;
		font-size: 12px;
		right: 0;
	}

	.location-desc {
		width: 50%;
		bottom: 8%;
		padding: 1rem;
	}

	.location-content-images .splide__arrow {
		top: 85%;
	}

	.location-content-images .splide__arrow.splide__arrow--next {
		right: 45%;
	}

	.location-content-images .splide__arrow.splide__arrow--prev {
		left: 49%;
	}

	.ayatana-brand h3 {
		/* padding: 0 4rem; */
	}

	.ayatana-brand p {
		padding: 0 4rem;
	}

	.ayatana-brand h4 {
		padding: 0;
	}

	.activities-images-right {
		position: relative;
		padding-bottom: 2rem;
	}

	.activities .splide__pagination {

		bottom: 1%;
		right: 5%;
	}

	.activities-slider-wrapper h4 {
		width: 100%;
	}

	.activities-slider-wrapper p {
		width: 100%;
	}

	.activities-slider-wrapper {
		padding: 1rem 0;
	}

	.activities-content-wrapper h3 {
		width: 100%;
	}

	.activities .splide__arrow {
		top: 18%;
	}

	.activities .splide__arrow.splide__arrow--prev {
		left: 88%;
	}

	.activities .splide__arrow.splide__arrow--next {
		right: 6%;
	}

	.activities-carousel-mobile-wrapper {
		display: none;
	}

	.activities-content-wrapper {
		display: block;
	}

	/* .close{
  
    top: 30% !important;
    right: 2% !important;

 }  */
	.icons img {
		/* width: 70%; */
		height: auto;
		text-align: center;
		justify-content: center;
	}

	.rooms-content-tabs p {
		padding: 0;
	}

	.say-hello-form #firstname {
		margin-right: 0 !important;
	}

	.section-heading-black,
	.section-heading-white {
		gap: 2rem;
		padding: 2rem 0;
		margin-bottom: 2rem;
	}

	.heading-flex-black h3 {
		font-size: 25px;
	}

	.pagination-container .splide__pagination__page {
		width: 25px;
		height: 25px;
	}

	.pagination-desc-left h3 {
		font-size: 22px;
	}
}

@media screen and (min-width: 821px) and (max-width: 1024px) {

	.section-heading-black,
	.section-heading-white {
		padding: 2rem;
		gap: 2rem;
	}

	.splide__slide img {
		width: 100%;
		/* max-height: 80vh; */
	}

	.say-hello-form #firstname {
		margin-right: 0 !important;
	}

	.testimonial-content {
		width: 60%;
	}

	.banner-container {
		padding-bottom: 0;
	}

	.banner-content {
		padding-bottom: 2rem;
	}

	.banner-container nav {
		width: 105%;
	}
	.terms nav{
		width: 105%;
	}

	.banner-container nav ul {
		gap: 50px;
		font-size: 14px;
	}
.terms nav ul{
	gap: 50px;
		font-size: 14px;
}
	nav .logo {
		font-size: 32px;
	}

	.banner-content-wrapper {
		width: 80%;
	}

	.pagination-container {
		margin-top: 1rem;
		/* height: 70%; */
	}

	/* .modal-content img{
    width: 100%;
  } */
	.history-image-mobile {
		display: none;
	}

	.pagination-container .splide__list {
		width: 100%;
		height: auto !important;
	}

	.testimonial-container {
		padding: 0;
	}

	.about-content-container {
		flex-direction: column;
	}

	.about-content-outer {
		justify-content: space-evenly;
	}

	.about-content-right {
		padding: 0 2rem;
	}

	.history-container .section-heading-black {
		gap: 0;
	}

	.activities-carousel-mobile-wrapper {
		display: none;
	}

	.activities .splide__pagination {

		bottom: 15%;
		right: 20%;
	}

	/* .location-desc{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
} */
	.location-content-images .splide__slide {
		padding: 0;
	}

	.location-content-images .splide__slide img {
		height: 100%;
	}

	.rooms-container p {
		line-height: normal;
	}

	.tablinks {
		font-size: 30px;
	}

	.tabcontent p {
		padding: 0;
	}

	.cottage-content-inner {
		padding: 0 1rem 0 0;
		width: 200%;
	}

	.rooms-gallery-slider h3 {
		margin-top: 0;
		font-size: 36px;
		width: 100%;
	}

	.rooms-gallery .splide__arrow.splide__arrow--next {
		right: 2%;
	}

	.rooms-gallery .splide__arrow.splide__arrow--prev {
		left: 92%;
	}

	.rooms-gallery-small-background {
		padding: 4rem;
	}

	.contact-page-inner-container {
		flex-direction: column;
	}

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

	.contact-page-section-right {
		padding-top: 0;
		padding-bottom: 0;
	}

	.brand-inner-section {
		width: 60%;
		right: 0;
		padding: 1rem;
	}

	.activities-images-right img {
		height: 80%;
		width: 80%;
	}

	.activities-images-right {
		right: -20%;
		top: 30%;
	}

	.activities-slider-wrapper {
		padding-left: 0;
		padding-top: 0;
	}

	.activities-content-wrapper h4 {
		width: 50%;
		padding-top: 1rem;
	}

	.activities-content-wrapper p {
		width: 50%;
	}

	.activities-content-wrapper h3 {
		width: 100%;
	}

	.activities .splide__arrow.splide__arrow--next {
		right: 86%;
	}

	.activities .splide__arrow.splide__arrow--prev {
		left: 8%;
	}

	.activities .splide__arrow {
		top: 83%;
	}

	.icons img {
		width: 80%;
		height: auto;
	}

	.icons {
		text-align: center;
		align-items: flex-start;
		margin-top: 1rem;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--prev {
		left: 1%;
	}

	.ayatana-brand h5 {
		padding: 0;
		margin: 0 3rem;
	}

	.ayatana-brand p {
		padding: 0 3rem;
	}

	.modal-content .splide__slide img {

		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 768px) and (min-width: 481px) {

	.section-heading-black,
	.section-heading-white {
		padding: 2rem 1rem;
		gap: 2rem;
	}

	.ayatana-brand .section-heading-black {
		align-items: center;
		gap: 0;
	}

	.section-heading-black h1,
	.section-heading-white h1 {
		width: 45%;
	}

	.say-hello-form #firstname {
		margin-right: 0 !important;
	}

	.banner-content h1 {
		font-size: 25px;
		line-height: normal;
	}

	.banner-content-wrapper {
		width: 80% !important;
		padding-top: 4rem;
		padding-bottom: 2rem;
		margin-top: 4rem;
	}

	.banner-content {
		margin-top: 2rem !important;
		padding-top: 4rem !important;
		/* padding-top: 2rem; */
	}

	.banner-container nav ul {
		gap: 30px;
	}

	.terms nav ul{
		gap: 30px;
	}
	.banner-container .logo {
		font-size: 30px;
	}
.terms .logo{
	font-size: 30px;
}
	.banner-container {
		padding: 0 2rem;
	}
.terms{
	padding: 0 2rem;
}
	.banner-container nav ul li a {
		font-size: 28px;
	}
.terms nav ul li a{
	font-size: 28px;
}
	.button-all {
		font-size: 16px;
		/* width: 100%; */
		width: 55%;
		margin-bottom: 2rem;
	}

	.pagination-container {
		margin-top: 3rem;
		/* height: 50%; */
	}

	.pagination-container .splide__pagination {
		bottom: 102%;
	}

	.pagination-container .splide__list {
		height: auto !important;
	}

	.pagination-desc-left p {
		font-size: 18px;
	}

	.arrow-container {
		margin-top: 3rem;
		padding: 1rem;
	}

	.testimonial-container {
		flex-direction: column;
		padding: 0;
	}

	.testimonial-content {
		position: relative;
		width: 100%;
		padding: 2rem 2rem 0 2rem;
		left: 0;
	}

	.testimonial-container .heading-flex-black h3 {
		padding-bottom: 2rem;

	}

	.testimonial-container .heading-flex-black {
		padding-left: 1rem;
	}

	.footer-container {
		padding: 1rem;
	}

	.brand-inner-section {
		position: relative;
		width: 103%;
	}

	.location-content-images .splide__slide {
		padding: 0;
	}

	.location-desc {
		/* position: relative; */
		width: 54%;
		padding: 0 1rem;
		/* left: 0;
  top: 0; */
		bottom: 5%;
	}

	.location-content-images .splide__arrow {
		position: absolute;
		top: 95%;
		opacity: 1;
	}

	.location-content-images .splide__arrow.splide__arrow--prev {
		position: absolute;

		left: 87%;
	}

	.location-content-images .splide__arrow.splide__arrow--next {
		position: absolute;
		right: 6%;
	}

	.ayatana-brand p {
		padding: 1rem;
		margin-left: 1rem;
	}

	.ayatana-brand h3 {
		/* padding: 0 2rem; */
		font-size: 28px;
		letter-spacing: normal;
		margin-bottom: 0;
		white-space: nowrap;
		/* Prevent line breaks */
		/* Hide overflowing content */
		text-overflow: ellipsis;

	}

	.ayatana-brand-slider-wrapper {
		padding: 0;
	}

	.ayatana-brand-slider-wrapper .splide__arrow {
		position: absolute;
		/* top:95%; */
		bottom: 0;
		opacity: 1;
	}

	.ayatana-brand-slider-wrapper.splide__arrow.splide__arrow--prev {
		position: absolute;

		left: 100%;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--next {
		position: absolute;
		left: 7%;
	}

	.about-content-container {
		flex-direction: column;
	}

	.about-content-right {
		padding: 0 4rem;
	}

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

	.history-container .section-heading-black {
		gap: 4rem;
	}

	.history-content h3 {
		padding: 0 1rem;
	}

	.history-content p {
		padding: 0 1rem;
	}

	.history-content {
		margin: 0 2rem;
	}

	.say-hello-inner-container {
		padding: 0;
		gap: 2rem;
		margin-left: 2rem;
	}

	.tablinks {

		font-size: 28px;
	}

	.tab {
		gap: 1rem;

	}

	.rooms-container p {
		padding: 0 2rem;
	}

	.rooms-content-tabs p {
		padding: 0;
	}

	.icons {
		gap: 2rem;
	}

	.cottage-content {
		flex-direction: column;
		gap: 0;
	}

	.cottage-content-inner {
		width: 100%;
		/* padding: 0; */
	}

	.rooms-gallery-slider h3 {
		margin: 0;
		font-size: 35px;
		padding: 2rem;
		width: 100%;
	}

	.rooms-gallery-slider .splide__arrow.splide__arrow--prev {
		left: 85%;
	}

	.rooms-gallery-slider .splide__arrow.splide__arrow--next {
		right: 8%;
	}

	.rooms-gallery-small-background {
		padding: 2rem;
	}

	.rooms-gallery-small-background h3 {
		font-size: 35px;
	}

	.rooms-gallery-small-background .button-all {
		width: 50%;
	}

	.banner-container nav {
		display: none;
	}
.terms nav{
	display: none;
}
	.contact-nav-bar {
		display: none;
	}

	nav.mobile-nav {
		display: flex;
		/* padding-top: 1rem; */
		padding: 2rem;
		border: none;
	}

	.mobile-nav .logo {
		font-family: "Nunito";
		font-size: 24px;
		font-weight: bold;
		letter-spacing: normal;
	}

	.menu-icon {
		display: flex;
		flex-direction: column;
		cursor: pointer;
	}

	.bar1 {
		width: 35px;
		height: 2px;
		background-color: white;
		margin: 6px 0;
		transition: 0.4s;
	}

	.bar2 {
		width: 25px;
		height: 2px;
		background-color: white;
		margin: 0 8px;
		transition: 0.4s;
	}

	.mobile-menu-container {
		height: 100%;
		width: 100%;
		display: none;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		background-color: #00379e;
		padding: 8rem 0;
	}

	.mobile-menu-container content {
		position: relative;
		top: 25%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.mobile-menu-container a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: white;
		display: block;
		transition: 0.3s;
	}

	.mobile-menu-container a:hover,
	.mobile-menu-container a:focus {
		color: white;
	}

	.mobile-menu-container .close-icon {
		position: absolute;
		font-size: 40px;
		cursor: pointer;
		padding: 10px;
		position: fixed;
		top: 30px;
		right: 60px;
		color: white;
		color: white;
	}

	.mobile-menu-container ul {
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/* margin-top: 50%; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.mobile-menu-container ul li {
		margin: 30px 0;
		text-align: center;
		justify-content: center;
		font-size: 30px;
	}

	.contact-page-container .mobile-nav {
		position: absolute;
		padding: 2rem;
	}

	.contact-page-container .mobile-nav .logo {
		font-family: "Nunito";
		font-size: 24px;
		font-weight: bold;
		letter-spacing: normal;
		color: white;
	}

	.contact-page-inner-container {
		flex-direction: column;
	}

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

	.contact-page-section-right {
		padding-top: 0;
		padding-bottom: 0;
	}

	#activities-carousel {
		display: none;
	}

	.activities-carousel-mobile-wrapper {
		display: block;
		padding-bottom: 3rem;
	}

	.activities-carousel-mobile-wrapper p {
		color: black;
		font-family: "DIN_Pro_Font_Family";
		padding: 0
	}

	.activities-carousel-mobile-inner h3 {
		color: black;
		font-family: "DIN_Pro_Font_Family";
	}

	.activities-slider-wrapper-mobile {
		background: var(--main-blue);
		padding-bottom: 1rem;
	}

	.activities-slider-wrapper-mobile h4 {
		color: white;
		font-family: "DIN_Pro_Font_Family";
		text-decoration: underline;
		text-underline-offset: 2px;
		padding: 1rem;
	}

	.activities-slider-wrapper-mobile p {
		color: white;
		font-family: "DIN_Pro_Font_Family";
		padding: 0 1rem;
	}

	.activities-carousel-mobile-wrapper .splide__arrow {
		top: 102%;
	}

	.activities-carousel-mobile-wrapper .splide__arrow.splide__arrow--next {
		right: 6%;
	}

	.activities-carousel-mobile-wrapper .splide__arrow.splide__arrow--prev {
		left: 86%;
	}

	.activities-carousel-mobile-wrapper h3 {
		padding: 0 1rem;

	}

	.activities-carousel-mobile-wrapper p {
		padding: 0 1rem;
	}

	.activities-carousel-mobile-wrapper .splide__pagination {
		top: 101%;
	}

	/* .icons {
    text-align: center;
    justify-content: center;
    gap: 5rem;
  } */

	.icons img {
		width: 70%;
		height: auto;
	}

	.ayatana-brand h5 {
		padding: 0;
		margin: 0 2rem;
	}

	.modal-content {

		/* width: 90% !important ; */
	}

	.modal-content .splide__slide img {

		max-width: 90%;
		height: auto;
	}

	/* .close{
  
    top: 27% !important;
    right: 2% !important;

 }  */
}

/* @media screen and (min-width:938px){
  .pagination-container .splide__list{
    height: auto !important;
  }
} */
/* .splide__list{
  height: auto !important;
} */
@media screen and (max-width: 480px) {
	.button-all {
		width: 100%;
	}

	.banner-container {
		padding: 0 2rem 2rem 2rem;
	}

	.banner-container nav {
		display: none;
	}
.terms nav{
	display: none;
}
	.contact-nav-bar {
		display: none;
	}

	nav.mobile-nav {
		display: flex;
		padding-top: 1rem;
		border: none;
	}

	.mobile-nav .logo {
		font-family: "Nunito";
		font-size: 20px;
		font-weight: 700;
		letter-spacing: normal;
	}

	.menu-icon {
		display: flex;
		flex-direction: column;
		cursor: pointer;
	}

	.bar1 {
		width: 35px;
		height: 2px;
		background-color: white;
		margin: 0 0 6px 0;
		transition: 0.4s;
	}

	.bar2 {
		width: 25px;
		height: 2px;
		background-color: white;
		margin: 0 8px;
		transition: 0.4s;
	}

	.mobile-menu-container {
		height: 100%;
		width: 100%;
		display: none;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		background-color: #00379e;
		padding: 8rem 0;
	}

	.mobile-menu-container content {
		position: relative;
		top: 25%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.mobile-menu-container a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: white;
		display: block;
		transition: 0.3s;
	}

	.mobile-menu-container a:hover,
	.mobile-menu-container a:focus {
		color: white;
	}

	.mobile-menu-container .close-icon {
		position: absolute;
		font-size: 40px;
		cursor: pointer;
		padding: 10px;
		position: fixed;
		top: 30px;
		right: 60px;
		color: white;
		color: white;
	}

	.mobile-menu-container ul {
		padding: 0;
	}

	.mobile-menu-container ul li {
		margin: 30px 0;
		text-align: center;
		justify-content: center;
		font-size: 30px;
	}

	.contact-page-container .mobile-nav {
		position: absolute;
	}

	.banner-content-wrapper {
		width: 100%;
	}

	.banner-content h1 {
		font-size: 33px;
		font-family: "Nunito";
		font-weight: bold;
		letter-spacing: normal;
		line-height: 32px;
	}

	.banner-content p {
		font-family: "Nunito";
		font-size: 16px;
	}

	.banner-content {
		margin-top: 8rem;
		padding-top: 8rem;
		margin-left: 0;
	}

	.section-heading-black,
	.section-heading-white {
		flex-direction: column;
		font-family: "Nunito";
		padding: 0;
		margin-bottom: 1rem;
		margin-left: 0;
		/* padding-left: 1rem; */
	}

	.section-heading-white h1 {
		width: 100%;
		padding: 1rem;
		font-weight: 700;
		border-bottom: 1px solid white;
	}

	.section-heading-black h1 {
		width: 100%;
		padding: 0 1rem;
		/* padding: 0; */
		font-weight: 700;
		border-bottom: 1px solid black;
	}

	.section-heading-black p,
	.section-heading-white p {
		/* padding-left: 1rem; */
		margin-top: 1rem;
		width: 90%;
		font-family: "Nunito";
	}

	.about-content .section-heading-black,
	.section-heading-white {
		padding: 0 1rem;
		font-weight: 700;
	}

	.pagination-container {
		margin-top: 0;
		padding: 0;
		/* height: 60%; */
	}

	.pagination-desc-rooms {
		flex-direction: column;

	}

	.experience-container h1 {
		margin-left: 0;
	}

	.experience-container .section-heading-black {
		padding: 0;
		margin-top: 1rem;
	}

	.pagination-desc-left h3 {
		font-family: "Nunito";
		font-weight: 700;
	}

	.pagination-desc-left p {
		font-family: "Nunito";
		margin: 0;
		font-size: 16px;
		margin-bottom: 0.5rem;
	}

	.arrow-container {
		padding: 0;
		margin: 0;
		width: 20%;
		margin-left: 85%;
	}

	.arrow-container a {
		padding: 0.5rem;
	}

	.testimonial-content {
		display: none;
	}

	#pagination-carousel .splide__list {
		/* display: flex; */
		height: auto !important;
		width: 100%;
	}

	.pagination-container-for-mobile {
		display: flex;
		flex-direction: column-reverse;
	}

	.mobile-testimonial-content {
		background: var(--light-bg);
		width: 100%;
		padding: 3rem;
		display: block;
	}

	.mobile-testimonial-content-container {
		height: auto;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-testimonial-content p {
		color: black;
		font-family: "Nunito";

		font-weight: 16px;
	}

	.mobile-testimonial-content .testimonial-name {
		font-family: "Nunito";
		font-size: 18px;
		font-weight: 700;
	}

	.mobile-testimonial-content .splide__arrow {
		position: absolute;
		top: 95%;
		opacity: 1;
	}

	.mobile-testimonial-content .splide__arrow.splide__arrow--prev {
		position: absolute;

		left: 83%;
	}

	.mobile-testimonial-content .splide__arrow.splide__arrow--next {
		position: absolute;
		right: 2%;
	}

	.say-hello-inner-container {
		flex-direction: column-reverse;
		padding: 0;
	}

	.say-hello-container .left {
		display: none;
		width: 100%;
		padding-top: 0;
		margin-top: 0;
		font-family: "Nunito";
	}

	.say-hello-inner-container .right {
		width: 100%;
		padding: 0;
		margin: 0;
		font-family: "Nunito";
	}

	.say-hello-form .name-section {
		flex-direction: column;
		width: 100%;
	}
	.say-hello-form .email-phone-sayhello{
		flex-direction: column;
		width: 100%;
	}
	.say-hello-form input {
		width: 100%;
		margin-left: 0;
		font-family: "Nunito";
		font-size: 16px;
		color: black;
	}

	.say-hello-form .button-all {
		margin-left: 0;
		font-family: "Nunito";
		font-size: 18px;
		font-weight: bold;
	}

	.say-hello-form #email,
	#message , #phone {
		width: 100%;
		border: none !important;
	}
#email{
	margin-bottom: 0 !important;
}

	.footer-inner-wrapper {
		padding: 0;
	}

	.footer-social-inner {
		padding: 0;

		margin: 1rem 0 0 0;
	}

	.footer-container {
		padding: 0;
		font-family: "Nunito";
	}

	.footer-logo-icons .logo {
		padding: 2rem 0;
		font-family: "Nunito";
		font-size: 32px;
		font-weight: 700;
	}

	.footer-links a {
		font-family: "Nunito";
		/* font-size: 18px; */
	}

	.footer-container p {
		font-family: "Nunito";
		font-size: 18px;
		width: 80%;
	}

	.footer-container h3 {
		font-family: "Nunito";
		font-size: 18px;
		font-weight: 700;
	}

	.newsletter-heading {
		font-family: "Nunito";
		font-size: 28px;
		font-weight: 700;
	}

	.form-newsletter {
		width: 90%;
		padding-bottom: 2rem;
	}

	.about-content {
		background: var(--light-bg);
		padding: 1rem 1rem 2rem 1rem;
	}

	.history-container {
		background: none;
	}

	.about-content-container {
		flex-direction: column;
	}

	.about-content-right {
		padding: 0 2rem;
		margin: 0 1rem;
	}

	.about-content-left h3 {
		padding: 1rem;
		margin: 0;
		font-family: "Nunito" !important;
		font-size: 32px;
	}

	.about-content-outer {
		flex-direction: column;
		padding: 0 1rem;
	}

	.about-background-colour p {
		font-family: "Nunito" !important;
		font-size: 16px;
		padding-bottom: 1rem;
	}

	.brand-inner-section p {
		font-family: "Nunito";
		font-size: 16px;
	}

	.history-container h2 {
		font-family: "Nunito";
		font-size: 18px;
		font-weight: 700;
	}

	.history-content {
		margin: 0;
	}

	.history-container p {
		font-weight: 500;
		padding-left: 1rem;
	}

	.history-container h2 {
		padding-left: 1rem;
	}

	.history-content h3 {
		font-family: "Nunito";
		margin: 1rem;
		font-size: 32px;
		padding: 0.2rem;
	}

	.history-container .section-heading-black {
		padding: 0;
	}

	.brand-inner-section {
		width: 100%;
		position: relative;
		padding: 1rem;
		/* margin-left: 1rem; */
	}

	.location-content-images .splide__slide {
		padding: 0;
	}

	.location-desc {
		position: relative;
		width: 100%;

	}

	.location-content-images .splide__arrow {
		position: absolute;
		/* top:95%; */
		bottom: 0;
		opacity: 1;
	}

	.location-content-images.splide__arrow.splide__arrow--prev {
		position: absolute;

		left: 100%;
	}

	.location-content-images .splide__arrow.splide__arrow--next {
		position: absolute;
		left: 12%;
	}

	.ayatana-brand h3 {
		/* padding: 0 1rem; */
		font-size: 18px;
		font-family: "Nunito";
		/* margin-left: 1rem; */
		margin-top: 0;

	}

	.ayatana-brand p {
		padding: 0;
		font-family: "Nunito";
		/* margin-left: 1rem; */

	}

	.ayatana-brand h5 {
		padding: 0 !important;
		/* margin: 0 1rem; */
		margin: 0;
		font-family: "Nunito" !important;
		font-size: 25px;
	}

	.ayatana-brand-slider-wrapper {
		padding: 0;
	}

	.ayatana-brand-slider-wrapper h4 {
		padding: 1rem 0;
		margin: 0;
		font-family: "Nunito";
		font-weight: 700;
	}

	span.location-name {
		font-family: "Nunito";
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--prev {
		position: absolute;
		display: none;
		left: 86%;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--next {
		right: 2%;
		display: none;
	}

	.cottage-content {
		flex-direction: column;
		gap: 0;
		padding-top: 0;
	}

	.cottage-content-inner {
		width: 100%;
		padding: 0;
	}

	.tab button {
		font-family: "Nunito";
		color: grey;
		/* font-size: 18px; */
		font-weight: 700;
	}

	.tab button.active {
		color: black !important;
		/* text-decoration: underline; */
		/* text-decoration-color: var(--orange); */
		/* text-underline-offset: 6px; */

	}

	.rooms-container p {
		font-family: "Nunito";
		font-size: 16px;
		font-weight: 500;
	}

	.tabcontent {
		padding: 0;
	}

	.button-all {
		margin-bottom: 2rem;
	}

	.rooms-content-tabs {
		padding-bottom: 2rem;
	}

	.rooms-gallery-slider h3 {
		padding: 0;
		font-family: "Nunito";
		font-size: 28px;
		width: 100%;
	}


	.thumbnails {
		display: none;
	}

	.rooms-gallery-slider {
		padding: 2rem;
	}

	
	.rooms-gallery-small-background {
		padding: 1rem;
	}

	.rooms-gallery-small-background h3 {
		font-family: "Nunito";
		font-size: 32px;
	}

	.rooms-gallery-slider .splide__pagination__page {
		background: black !important;
		height: 5px !important;
		width: 5px !important;

		/* opacity: 0.6 !important; */
	}

	.rooms-gallery-slider .splide__pagination__page.is-active {
		background: var(--orange) !important;
	}

	.contact-page-inner-container {
		flex-direction: column;
	}

	.contact-page-container nav.mobile-nav {
		display: flex;
		padding: 1rem;
		border: none;
	}

	.contact-page-container .mobile-nav .logo {
		font-family: "Nunito";
		font-size: 20px;
		font-weight: bold;
		letter-spacing: normal;
		color: white;
	}

	.icons {
		gap: 0;
	}

	.cottage-content-inner-container p {
		margin-top: 0;
	}

	.contact-page-form {
		padding: 0;
		margin: 0;
	}

	.contact-page-form input {
		border: 1px solid white;
		padding: 8px 10px;
		font-family: "Nunito";
		font-size: 16px;
		text-decoration: none;


	}

	.contact-page-form ::placeholder {
		color: white;
		opacity: 0.5;
	}

	.contact-page-form #message {
		width: 91%;
	}

	.contact-page-form .button-all {
		width: 93%;
	}

	.contactpage-name-section,
	.email-phone {
		grid-template-columns: 1fr;
	}

	.testimonial-container {
		padding: 0;
		flex-direction: column;
	}

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

	.testimonial-container-left h1 {
		padding: 0;
		margin: 2rem;
		font-family: "Nunito";
	}

	/* .testimonial-container .heading-flex-black{
    margin: 2rem;
  }*/
	.say-hello-container .heading-flex-black {
		padding-left: 0;
	}

	#activities-carousel {
		display: none;
	}

	.activities-carousel-mobile-wrapper {
		display: block;
		padding-bottom: 3rem;
	}

	.activities-carousel-mobile-wrapper p {
		color: black;
		font-family: "Nunito";
		padding: 0
	}

	.activities-carousel-mobile-inner h3 {
		color: black;
		font-family: "Nunito";
	}

	.activities-slider-wrapper-mobile {
		background: var(--main-blue);
		padding-bottom: 1rem;
	}

	.activities-slider-wrapper-mobile h4 {
		color: white;
		font-family: "Nunito";
		text-decoration: underline;
		text-underline-offset: 2px;
		padding: 1rem 1rem 0 1rem;
	}

	.activities-slider-wrapper-mobile p {
		color: white;
		font-family: "Nunito";
		padding: 0 1rem;
	}

	.activities-carousel-mobile-wrapper .splide__arrow {
		top: 102%;
	}

	.activities-carousel-mobile-wrapper .splide__arrow.splide__arrow--next {
		right: 6%;
	}

	.activities-carousel-mobile-wrapper .splide__arrow.splide__arrow--prev {
		left: 82%;
	}

	.activities-carousel-mobile-wrapper h3 {
		padding: 0 1rem;

	}

	.activities-carousel-mobile-wrapper p {
		padding: 0 1rem;
	}

	.activities-carousel-mobile-wrapper .splide__pagination {
		top: 101%;
	}

	.rooms-gallery-slider .splide__arrow.splide__arrow--next {
		right: 8%;

	}

	.rooms-gallery-slider .splide__arrow.splide__arrow--prev {
		left: 76%;
	}

	.rooms-gallery-slider .splide__arrow {
		top: 106%;
	}

	#main-carousel {
		padding: 0;
	}

	#thumnail-carousel .splide__slide {
		opacity: 0.3;
	}

	.footer-container {
		display: none;
	}

	.footer-container-mobile {
		display: block;
		background: var(--main-blue);
		font-family: "Nunito";
		padding-bottom: 1rem;

	}

	.footer-container-mobile .logo {
		font-family: "Nunito";
		font-size: 32px;
		color: white;
		padding: 4rem 2rem 2rem 2rem;
		font-weight: 900;

	}

	.footer-inner-wrapper-mobile {
		padding: 0 1rem;
	}

	.footer-inner-wrapper-mobile ul {
		padding-left: 1rem;
		margin: 0;
		margin-top: 1rem;
		font-size: 24px;
	}

	.footer-inner-wrapper-mobile h3 {
		text-decoration: underline;
		text-underline-offset: 2px;
		font-weight: 700;
		font-size: 18px;
		padding-left: 1rem;
	}

	.footer-inner-wrapper-mobile p {
		padding-left: 1rem;
	}

	.newsletter-heading-mobile {
		color: white;
		font-weight: 700;
		font-size: 26px;
		margin-top: 1rem;
		/* width: 60%; */
		padding: 1rem 0;
	}

	.newsletter-heading-mobile p {
		font-size: 16px;
		/* padding-left: 1rem; */
	}

	.form-newsletter-mobile input[type="email"] {
		font-size: 16px;
		padding:0.8rem 1rem;
		background: var(--main-blue);
		color: white;
		line-height: 80%;
		width: 100%;
		text-decoration: none;
		/* border: none; */
		outline: none;
		border: 1px solid white;
	}

	.form-newsletter-mobile ::placeholder :focus {
		color: white;
	}
	.form-newsletter-mobile input::placeholder {
		color: white; /* Set placeholder color to white */
	}
	.footer-newsletter-mobile {
		padding: 0 1rem 1rem 1rem;

	}

	.footer-newsletter-mobile p {
		padding: 0;
	}

	.footer-properties-mobile p {
		font-size: 14px;
	}

	.contact-page-section-right {
		padding-bottom: 0;
	}

	.social-icons-mobile {
		padding-left: 1rem;
	}

	.tab {
		gap: 0.5rem;
		margin: 0;
	}

	.tablinks {
		font-size: 18px;
		font-weight: 700;
		font-family: "Nunito";
	}

	.tabcontent {
		font-family: "Nunito";
		font-size: 16px;
	}

	.rooms-container p {
		padding: 1rem;
		margin: 0;
	}

	.rooms-content-tabs p {
		padding: 0;
	}

	.cottage-content-inner-container .button-all {
		display: none;
	}

	.icons img {
		width: 60%;
		height: auto;
	}

	.icons p {
		padding: 0;
		font-size: 12px;
	}

	.icons {
		text-align: center;
	}

	.cottage-content-inner p {
		margin: 0;
		padding: 0;
		padding-bottom: 0.2rem;
	}

	.icons-p-lap {
		display: none;
	}

	.icons-p-mobile {
		display: block;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: 1rem !important;
	}

	/* .location-content-images-mobile{
  display: block;
}
.location-content-images{
  display: none;
}
.location-desc-mobile{
  background: var(--light-bg);
  padding: 1rem;
  margin-bottom: 4rem;
}
.location-desc-mobile p{
  color:black;
  font-family: "Nunito";
  font-size: 15px;
}
.location-desc-mobile h3{
  color: black;
  font-family: "Nunito";
  font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 2px;
} */
	#card-carousel-mobile .splide__pagination {
		right: 80%;
		bottom: 5%;
	}

	#card-carousel-mobile .splide__arrow {
		top: 94%;
		opacity: 0.7;
	}

	#card-carousel-mobile .splide__arrow :active {
		opacity: 1;
	}

	#card-carousel-mobile .splide__arrow.splide__arrow--prev {
		left: 82%;
	}

	.cottage-container {
		padding-top: 0;
	}

	.button-all {
		font-family: "Nunito";
		font-size: 18px;
	}

	.history-image-mobile {
		display: block;
	}

	.history-image {
		display: none;
	}

	.azora-brand-image {
		display: none;
	}

	.azora-brand-mobile {
		display: block;
		padding-top: 1rem;
	}

	.contact-page-map-mobile {
		display: block;
	}

	.contact-page-map {
		display: none;
	}

	.heading-flex-white {
		margin: 0;
		border-bottom: 1px solid white;
		padding-bottom: 0.6rem;
	}

	.heading-flex-black {
		margin-top: 1rem;
		border-bottom: 1px solid black;
		padding-bottom: 0.6rem;
		width: 100%;

	}

	.heading-flex-black h3,
	.heading-flex-white h3 {
		font-family: "Nunito";

	}

	.cottage-container .heading-flex-white h3 {
		margin-top: 0.3rem;
	}

	.rooms-gallery-slider .heading-flex-black h2 {
		font-family: "Nunito";
		text-decoration: none;
	}

	.image p {
		color: var(--Black, #000);
		font-family: 'Nunito';
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		/* 111.111% */
	}

	#main-carousel .splide__pagination {
		bottom: -15%;
	}
.rooms-gallery-small-background{
	margin-top: 2rem !important;
}
	.pagination-container .splide__pagination__page {
		top:785px;
	}

	.modal-content {

		width: 100% !important;
		padding: 20px !important;
	}

	.experience-container-outer {
		margin: 0 !important;
	}

	.modal-content .splide__slide img {

		max-width: 100%;
		height: auto;
	}

	.modal-content img {
		width: 100%;
	}

	.pagination-image-club {
		display: none !important;
	}

	.pagination-image-club-mobile {
		display: block !important;
		padding: 1rem 0;
	}

	.container .cottage-container {
		padding-bottom: 6rem;
		padding-left: 1rem;
        padding-right: 1rem;
		/* padding: 1rem 1rem 2rem 1rem; */
	}

	.about-image-2-lap {
		display: none;
	}

	.about-image-2-mob {
		display: block;
		padding: 0 1rem;
	}

	.rooms-gallery-slider .splide__arrow {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	/* .brand-inner-section{
    padding: 1rem;
    width: 60%;
  } */

	.activities-carousel-mobile-wrapper {
		display: none;
	}

	/* .pagination-container .splide__list{
    height: auto;
  } */
	.pagination-desc-rooms {
		justify-content: space-between;
	}

	.about-content-right {
		/* padding: 5rem 4rem 4rem 4rem; */
		padding: 4rem;
	}

	.history-image-mobile {
		display: none;
	}

	.cottage-container .splide__list {
		height: auto !important;
	}

	.tab {
		margin-left: 2rem;
	}

	.slider {
		gap: 4rem;
		padding: 2rem 4rem 4rem 4rem;
	}
}

@media screen and (min-width:1025px) and (max-width:1345px) {

	.about-content-left {
		width: 50%;

	}

	.about-content-outer {
		justify-content: space-around;
	}

	.activities-images-right {
		right: -8% !important;

	}

	.activities-images-right img {
		width: 95%;
		height: auto;
	}

	.activities-content-wrapper p {
		width: 57%;
	}

	/* .rooms-tabs-modal span.close{
    right: 20% !important;
    top: 21% !important;
  } */
	/* .rooms-tabs-modal span.close{
    right: 17%;
    top: 21% !important;
  } */
	.banner-container {
		padding-bottom: 2rem !important;
	}

	/* .contact-page-form .email-phone , .contactpage-name-section  {
    width: 80%;
  }
    .contact-page-message{
    width: 78% !important;
  } */
	.rooms-gallery .splide__arrow.splide__arrow--prev {
		left: 91%;
	}
}

@media screen and (min-width:1512px) {
	.banner-container {
		padding: 0 4rem 5rem 4rem;
	}

	.banner-content {
		margin-top: 11rem;
	}

	.section-heading-white {
		margin-bottom: 2rem;
	}

	.section-heading-black,
	.section-heading-white {
		justify-content: flex-start;
		gap: 4rem;
	}

	.about-content-left h3 {
		font-size: 28px;
		/* margin-left: 2rem; */
	}

	.rooms-gallery-small-background h3 {
		font-size: 35px;
	}
}

@media screen and (min-width:1900px) {
	.cottage-container .splide__list {
		height: auto !important;
	}

	.cottage-container {
		/* height: 250%; */
	}

	.contact-page-inner-container {
		justify-content: center;
	}

	.brand-inner-section {
		right: 14%;
	}
}

/* Modal Styles */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

/* Modal Content */
.modal-content {
	position: relative;
	background: #fff;
	padding: 20px;
	/* max-width: 800px; 
  width: 100%; */
	border-radius: 8px;

	/* width: 70%; */


}

.modal-content .splide__slide img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;

}

/* Close Button */
/* .rooms-tabs-modal .close {
  position: absolute;
  top: 17%;
  right: 24%;
  color: #000;
  font-size: 20px;
  cursor: pointer;
 z-index: 999;
} */
/* .cottage-container-mobile{
  display: none;
} */
/* Add more styles as needed */



.pagination-image-club-mobile {
	display: none;
}

/* .rooms-gallery-modal .close{
  top: 5% !important;
  right: 11% !important;
} */
@media screen and (min-width:768px) and (max-width:1024px) {
	.modal-content img {
		width: 100%;
	}

	.about-content-left h3 {
		padding: 1rem 2rem !important;
		margin-left: 0;
	}

	.about-background-colour p {
		padding: 1rem 0;
	}

	.ayatana-brand-slider-wrapper h4 {
		padding-left: 1rem;
	}

	.rooms-gallery #main-carousel {
		padding: 0 2rem;
	}

	.contact-page-form button {
		margin-top: 1rem;
	}

	.thumbnails {
		margin: 0 2.5rem 0 0;
	}
}


.modal-container {
	position: relative;

}

.close {
	position: absolute;
	top: 0;
	right: 1rem;
	z-index: 1000;
	cursor: pointer;
}

/* =============================animation css =============================== */
.button-all:hover {
	/* height: 30px; */
	transform: scale(0.9);
	transition: all 1s ease;
}

.arrow-container:hover {
	transform: scale(0.7);
	transition: all 1s ease;
}

.splide__arrow:hover {
	font-size: 14.5px;
	/* Adjust the size as needed */
}

.banner-content {
	animation: slide-in-left 1s linear, text-shadow-drop 1s linear;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	/* shorthand
		animation: focus-in-contract 1s linear 0s 1 normal none;*/
}

@keyframes slide-in-left {

	0% {
		transform: translateX(-1000px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes text-shadow-drop {

	0% {
		text-shadow: 0 0 0 transparent;
	}

	100% {
		text-shadow: -6px 6px 18px rgba(0, 0, 0, .35);
	}
}

/* heading animation */

[data-aos="tracking-in-expand"] {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	transition-duration: 5s;
	/* Adjust the duration to make the animation faster */
}

[data-aos="tracking-in-expand"].aos-animate {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.img-arrow:hover {
	height: 1.1rem;
	width: 1.1rem;
}

@media screen and (max-width:480px) {
	.home-banner-container-wrapper {
		background-image: url('https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/home-banner-mobile.png');
		height: 100vh;
	}

	.about-banner-container-wrapper {
		background-image: url('https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/about-banner-mob.png');
		height: 100vh;
	}

	.rooms-banner-container-wrapper {
		background-image: url('https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/rooms-banner-mob.png');

	}

	.location-desc-mobile {
		padding: 1rem !important;
	}

	.about-page-breaker-image {
		display: none;
	}

	.brand {
		padding: 0 2rem;
	}

	.locations {
		padding: 0 2rem;
	}

	.ayatana-brand {
		padding: 0 2rem;
	}

	.location-img-lap {
		display: none;
	}

	.location-img-mob {
		display: block;
	}

	.room-img-lap {
		display: none;
	}

	.room-img-mob {
		display: block;
		margin-top: 1rem;
	}

	#card-carousel-mobile .splide__arrow {
		display: none;
	}

	#card-carousel-mobile .splide__pagination {
		display: none;
	}

	.rooms-banner-heading .banner-content-wrapper {
		width: 100%;
	}

	.arrow-container span {
		margin-left: 0.5rem;
		font-size: 30px !important;
	}
}

.address-lap {
	width: 70%;
}

/* .room-img-lap{
  display: block;
} */
@media screen and (min-width:481px) {


	.room-img-mob {
		display: none;
	}
}

#card-carousel .splide__pagination {
	display: none !important;
}

#card-carousel .splide__arrow {
	display: none;
}

.page-wrapper {
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
	max-width: 100%;
}

.footer-page-wrapper {
	background-color: #00379e;
}

@media screen and (min-width: 640px) {
	.page-wrapper {
		max-width: 100%;
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media screen and (min-width: 768px) {
	.page-wrapper {
		max-width: 99.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.page-wrapper {
		max-width: 114rem;
		padding-left: 4px;
		padding-right: 4px;
	}
}

@media screen and (min-width: 1280px) {
	.page-wrapper {
		max-width: 138rem;
	}
}

@media screen and (min-width:481px) and (max-width:585px) {
	.experience-container .heading-flex-black h3 {
		font-size: 20px;
	}

	.image p {
		font-size: 12px;
	}
}

@media screen and (min-width:768px) and (max-width:820px) {

	.button-all {
		padding: 8px 20px !important;
	}
}

.icons-wrap {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.location-img-lap,
.location-img-mob {
	position: relative;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.781);
	/* Adjust the opacity as needed */
}

.coming-soon {
	position: absolute;
	font-family: "DIN_Pro_Font_Family";
	font-weight: 500;
	top: 50%;
	left: 50%;
	display: flex;
	text-align: center;
	justify-content: center;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 30px;/
}

@media screen and (max-width:480px) {
	.coming-soon {
		font-size: 17px;
	}

	.rooms-content-tabs {
		padding: 3rem 1rem ;
	}

	.cottage-content-inner {
		padding: 0;
	}

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

}

@media screen and (max-width:768px) {
	.coming-soon {
		font-size: 22px;
	}

	.location-content-images-mobile {
		display: block;
	}

	.location-content-images {
		display: none;
	}

	.location-desc-mobile {
		background: var(--light-bg);
		padding: 2rem;
		/* margin-bottom: 4rem; */
	}

	.location-desc-mobile p {
		color: black;
		font-family: "Nunito";
		font-size: 15px;
	}

	.location-desc-mobile h3 {
		color: black;
		font-family: "Nunito";
		font-weight: 700;
		font-size: 16px;
		text-decoration: underline;
		text-underline-offset: 2px;
	}

}

@media screen and (min-width:769px) and (max-width:1370px) {
	.location-desc {
		width: 54%;
	}

	/* .location-desc {
bottom: 10%;
} */
	.location-content-images .splide__slide img {
		height: 100vh;
	}
}

@media screen and (min-width:1445px) {
	.slider {
		justify-content: space-between !important;
	}
}

@media screen and (min-width:1000px) {


	.ayatana-brand-slider-wrapper h4 {
		margin: 2rem 0;
	}

	.ayatana-brand p {
		margin-bottom: 1rem;
	}

}

@media screen and (max-width:820px) and (min-width:600px) {


	.ayatana-brand h5 {
		/* padding: 0 2rem !important; */
		font-size: 24px;
	}

	.ayatana-brand p {
		padding: 0 1rem !important;
	}

	.ayatana-brand-slider-wrapper h4 {
		padding: 1rem 0;
	}
}

.ayatana-brand-slider-wrapper {
	padding-bottom: 4rem;
}

@media screen and (min-width: 769px) and (max-width: 820px) {
	.tablinks {
		font-size: 24px;
	}

	/* .icons p{
    font-size: 10px;
  } */
}

@media screen and (min-width:1345px) {
	.about-content-left {
		width: 60% !important;

	}
}

.say-hello-container {
	overflow: hidden;
}

.experience-container {
	overflow: hidden;
}

@media screen and (min-width:480px) {
	.rooms-content-tabs p {
		margin-top: 1rem;
	}


}

@media screen and (max-width:768px) {
	.icons-wrap {
		margin-top: 2rem;
	}
}

#card-carousel-mobile .splide__arrow {
	display: none !important;
}

#card-carousel-mobile .splide__pagination {
	display: none !important;
}

@media screen and (max-width:820px) {
	.pagination-container {
		padding: 0 !important;
	}

}

/* @media screen and (min-width:430px) {
  .pagination-container .splide__pagination__page {
    top: 740px;
}
 } */
.footer-logo-icons-mobile {
	padding-left: 1rem;
	padding-top: 2rem;
}

@media screen and (min-width:1200px) {
	#player-pool p {
		width: 81% !important;
	}

	#presidential-suite p {
		width: 78%;
	}
}

.rooms-gallery-small-background button {
	/* font-family: 'myriad_sv'; */
	letter-spacing: 1px;
}

@media screen and (max-width:1175px) {
	.contact-page-map {
		height: 150px !important;
	}
}

.nested-slider-pool .swiper-slide-active {
	opacity: 1 !important;
}

.nested-slider-breakfast .swiper-slide-active {
	opacity: 1 !important;
}

@media screen and (min-width:1024px) and (max-width:1190px) {
	.about-banner-container-wrapper .banner-content-wrapper {
		width: 68%;
	}
}

@media screen and (min-width: 769px) and (max-width: 820px) {
	.about-banner-container-wrapper .banner-content-wrapper {
		width: 78%;
	}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	.about-banner-container-wrapper .banner-content-wrapper {
		width: 90% !important;
	}
}

@media screen and (max-width:950px) {
	.say-hello-inner-container {
		padding: 0;
	}
}

@media screen and (max-width:768px) {
	.say-hello-container {
		padding: 1rem;
	}

	.say-hello-inner-container p {
		font-size: 14px;
	}
}

#ayatana-brand-carousel .custom-pagination {
	/* margin-top: 10px; */
	display: inline-block;
}

#ayatana-brand-carousel .custom-pagination .prev-btn,
#ayatana-brand-carousel .custom-pagination .next-btn {
	background-color: #ccc;
	border-radius: 50% !important;
	padding: 2px;
	border: none !important;
	cursor: pointer;

}


#ayatana-brand-carousel .custom-pagination .prev-btn.active,
.custom-pagination .next-btn.active {
	background-color: #FF6D41;
	border: none;

}

.custom-pagination-container {
	text-align: center;
}

#ayatana-brand-carousel .splide__pagination__page.is-active button {
	background-color: #FF6D41 !important
}

/* CSS for screens with a width up to 1366px by 768px */
@media screen and (min-width: 1366px) and (max-width:1500px) {

	/* Your CSS styles for this breakpoint */
	.banner-content-wrapper {
		width: 58%;
	}

	.about-content-left h3 {
		font-size: 26px;
	}

	.about-content-left {
		flex: 2;
	}

	.about-content-right {
		flex: 1;
	}

	.about-content-outer img {
		/* max-width: 50%;  */
		height: auto;
		/* Maintain the aspect ratio */
	}

	.about-background-colour p {
		font-size: 18px;

	}

	.about-content-right {
		/* padding: 2rem 3rem 2rem 3rem; */
		padding: 2rem;
	}

	.ayatana-brand h5 {
		font-size: 30px;
		margin-bottom: 2rem;
	}

	.banner-content h1 {
		font-size: 45px;
		line-height: 50px;
	}

	.tablinks {
		font-size: 35px;
	}

	.tab {
		gap: 2rem;
	}

	.rooms-gallery-slider h3 {
		width: 90%;
		font-size: 35px;
	}

	.thumbnail {
		margin-right: 10px;
	}

	.rooms-gallery-small-background {
		padding: 40px 60px;
		font-size: 30px;
	}

	.address-lap {
		width: 90%;
	}

	.banner-content {
		margin-top: 7rem;
		padding-top: 10rem;

	}

	.rooms-banner-heading .banner-content {
		margin-top: 6rem;
		padding-top: 8rem;
	}
}

.contact-page-form {
	position: relative;
}

.alert.alert-success {
	font-family: "DIN_Pro_Font_Family";
	color: green !important;
	position: absolute;
	padding-bottom: 1rem;
	bottom: 35%;
	right: 10%;
}

.alert.alert-danger {
	font-family: "DIN_Pro_Font_Family";
	font-size: 20px;
	color: red !important;
	padding-bottom: 1rem;
	position: absolute;
	bottom: 35%;
	right: 10%;
}

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

	.alert.alert-danger,
	.alert.alert-success {
		font-size: 16px;
		right: 8%;
	}
}

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

	.alert.alert-danger,
	.alert.alert-success {
		position: relative;
		margin: 0 1.5rem;
		padding: 0 2rem;
	}
}

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

	.alert.alert-danger,
	.alert.alert-success {
		padding-bottom: 2rem;
	}
}

.success-message {
	margin: 1rem 1rem 0 1rem !important;
}

.error-message {
	margin: 1rem 1rem 0 1rem !important;

}

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

	#sayhello-message {
		margin-left: 0;
		font-family: "Nunito";
		font-size: 16px;
	}
}

#contact-form-message {
	margin: 1rem;
	margin-top: 0;
	font-family: 'DIN_Pro_Font_Family';
	font-size: 14px;
	border-bottom: 1px solid black;
	width: 100%;
	width: calc(100% - 2rem);
	/* Adjust width for margin */
	/* padding: 15px 19px; */
}

.contact-form {
	overflow: hidden;
	padding: 0 2rem;
}

/* Remove background color for autofilled inputs */
input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
	background-color: transparent !important;
}

@media screen and (min-width:1024px) {
	.cottage-container .section-heading-black {
		padding-left: 2rem;
		margin-bottom: 2rem;
	}
}

@media screen and (min-width:820px) and (max-width:1180px) {
	.logo img {
		width: 80% !important;
	}
}

/* Media query for iPad Air landscape view */
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {

	.heading-flex-black h3 {
		font-size: 18px !important;
	}

	.section-heading-black p {
		line-height: normal;
		font-size: 22px;
	}

	.pagination-desc-rooms p {
		font-size: 20px;
	}

	.about-content-right {
		/* position: relative !important ; */
		width: 35% !important;
	}

	.brand-inner-section {
		width: 70% !important;
	}

	.location-desc {
		width: 70% !important;
		bottom: 5% !important;
	}

	.ayatana-brand-slider-wrapper .splide__arrow.splide__arrow--next {
		right: 93% !important;
	}

	.rooms-gallery .splide__arrow.splide__arrow--next {
		right: 4% !important;
	}

	.rooms-gallery .splide__arrow.splide__arrow--prev {
		left: 91% !important;
	}

	.img-arrow {

		margin-top: -6rem;
		z-index: 30;
		margin-left: 710px !important;
	}

	.description-box {
		top: 10% !important;
		padding: 20px !important;
		right: 2% !important;
	}

	.slider-text {
		padding: 10px 10px !important;
	}

	.contact-page-form-new {
		width: 100%;
	}
	.contact-page-form-new {
		position: relative !important;
		right: 0 !important;

		bottom: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.pagination-desc-rooms p {
		font-size: 16px;
		line-height: normal;
	}

	.about-content-right {
		position: relative !important;
		width: 100% !important;
	}

	.location-desc {

		width: 60% !important;
		bottom: 2% !important;
	}

	.rooms-gallery .splide__arrow.splide__arrow--next {
		right: 3% !important;
	}

	.description-box {
		width: 400px !important;
		padding: 20px !important;
		right: 2% !important;

	}

	.slider-text {
		font-size: 13px !important;
		line-height: 22px !important;
	}

	.slider-caption {
		font-size: 14px !important;
	}

	.img-arrow {
		margin-left: 700px !important;

	}
	.contact-page-form-new {
		position: relative !important;
		right: 0 !important;

		bottom: 0 !important;
	}
}

.experience-container-outer {
	background-color: white;
	margin: 4rem;
}

@media screen and (min-width:767px) and (max-width:1024px) {
	.heading-flex-black h3 {
		font-size: 18px !important;
	}

	.section-heading-black p {
		font-size: 16px !important;
		line-height: normal;
	}

	.experience-container-outer {
		margin: 1rem;
	}
}

@media screen and (min-width:820px) and (max-width:1200px) {
	.say-hello-container p {
		font-size: 16px;
	}
}

.contact-page-form-new {
	position: absolute;
	bottom: 5%;
	right: 5%;
	background-color: white;
	display: flex;
	flex-direction: column;
	max-width: 1200px;
}

.contact-page-form-new p {
	color: black;
	padding: 0 2rem;
	margin-top: 2rem;
}

.map-container {
	position: relative;
	height: 100%;

}

.map-container iframe {
	top: 0;
	left: 0;
	right: 100%;
	bottom: 100%;
}

@media screen and (max-width:820px) {
	.contact-page-form-new {
		position: relative;
		width: 100%;
		right: 0;
		bottom: 0;

	}

}

@media screen and (max-width: 480px) {
	.contact-page-form-new .button-all {
		width: 90% !important;
	}

	.contact-page-form-new p,
	.contact-page-form-new input {
		font-size: 14px;
	}

	.section-heading-black p {
		font-size: 17px;
		width: 100%;
		line-height: normal;
	}

	.pagination-desc-left h3 {
		font-size: 18px;
	}

	.contact-page-form-new p {
		width: 90%;
	}
}

@media screen and (max-width:920px) {
	.logo img {
		width: 100%;
	}
}

@media screen and (min-width:1366px) and (max-width:1496px) {
	.banner-content h1 {
		font-size: 32px;
	}
}

.new-about-design {
	position: relative;
}

.about-content-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	max-width: 1200px;
}

.about-content {
	background: var(--light-bg);
}

.about-background-colour p {
	margin: 0;
}

@media screen and (min-width:2000px) {
	.about-content-right {
		width: 100% !important;
	}

	.rooms-gallery .splide__arrow.splide__arrow--prev {
		left: 93% !important;
	}
}

@media screen and (max-width:480px) {
	.about-content-right {
		position: relative;
		width: 90% !important;
	}

	.about-background-colour p {
		margin-top: 1rem;
	}
}

@media screen and (max-width:768px) {
	.about-content-right {
		position: relative;
		width: 100%;
	}
}

@media screen and (min-width:820px) and (max-width:1180px) {

	.location-desc p,
	.location-desc h3 {
		font-size: 14px;
		line-height: normal;
	}

	.location-desc {
		width: 88%;
	}

	.cottage-content {
		/* flex-direction: column; */
		gap: 2rem;
	}

	.cottage-content .button-all {
		margin-top: 1rem;
	}

}

.rooms-headingline {
	font-size: 21px !important;
	padding: 3rem !important;
}

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

	.rooms-headingline {
		font-size: 21px !important;
		padding: 2rem !important;

	}

	.contact-banner-container-wrapper {
		background-image: url("https://d33m3g343o7hgb.cloudfront.net/azora-goa/images/contact-mob.png");
	}
}

@media screen and (max-width:768px) and (min-width:481px) {
	.rooms-headingline {
		padding: 2rem !important;
	}
}

.form-newsletter input::placeholder {
	color: white;
}


.left-side {
	width: 70% !important;

	position: relative;
}

.description-box {
	position: absolute;
	/* Change to absolute */
	top: 20%;
	right: 5%;
	z-index: 10;
	/* Add a z-index to make sure it's above the image */


}

.slider {
	position: relative;
}

.left-side .swiper img {
	width: 100%;
	overflow: hidden;
}

.arrows {
	display: flex;
	gap: 8px;
	position: relative;
}

.img-arrow {
	height: 1rem;
	/* aspect-ratio: 1/2; */
	cursor: pointer;
	margin-top: -5rem;
	position: absolute;
	margin-left: 960px;
}

.left-arrow {
	width: 1rem;
}

.right-arrow {
	width: 1rem;
}

@media screen and (max-width:480px) {
	.slider {
		display: none;
	}

	.pagination-desc-rooms .pagination-desc-left {
		margin-left: 1rem;
		height: 200px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.description-box {
		padding: 10px;
		width: 300px;
		right: 0;
		top: 13%;
	}

	.img-arrow {
		margin-left: 520px;
		margin-top: -3rem;
		z-index: 10;
	}

	.slider-text {
		padding: 5px;
		font-size: 10px;
		line-height: 15px;
	}

	.slider-caption {
		text-underline-offset: 3px;
		font-size: 13px;
	}
}

@media screen and (min-width:1500px) {
	.img-arrow {
		margin-left: 1000px;
		z-index: 50;
	}
}

@media screen and (min-width:1700px) {
	.img-arrow {
		margin-left: 1200px;
		z-index: 60;
	}
}

@media screen and (min-width:1900px) {
	.img-arrow {
		margin-left: 1400px;
		z-index: 70;
	}
}

@media screen and (min-width:2100px) {
	.img-arrow {
		margin-left: 1600px;
		z-index: 70;
	}
}

@media screen and (min-width:768px) and (max-width:820px) {
	.cottage-content {
		flex-direction: column;
		padding-top: 0;
	}

}

.ayatana-brand .section-heading-black {
	padding-bottom: 1rem !important;
	/* margin-left: -1rem; */
}

@media screen and (min-width:1200px) {
	.ayatana-brand .section-heading-black {
		margin-left: -1rem;
	}

	.cottage-content-inner-container {
		margin-top: 3.5rem;
	}

}

.icons-p-lap {
	margin-bottom: 1rem !important;
}

@media screen and (max-width:1200px) {
	.cottage-content-inner {
		padding: 0 !important;
	}
}

.roomgallery-mob {
	display: none;
}

@media screen and (max-width:480px) {
	.roomgallery-mob {
		display: block;
	}

	.roomgallery-lap {
		display: none;
	}

	.section-heading-black {
		gap: 0;
	}
	.footer-container-mobile li{
		font-size: 18px;
		line-height: 29px;
	}
	.ayatanaresorts a{
		font-size: 21px !important;
	}
	.locations .section-heading-black{
		padding-top: 1rem;
	}
	.rooms-gallery-slider .splide__slide{
		opacity: 1;
	}
}
.footer-newsletter{
	margin-top: 4rem;
}

@media screen and (max-width:1000px){
	.rooms-gallery-slider .splide__slide img {
	  width: 100vw;
	}
	}

	        /* Basic styles for the popup */
			.popup-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.5);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 9999; /* Ensure the popup is above other content */
			}
			.popup-content {
				background-color: #000;
		height: auto;
		max-width: 60%;
		max-height: 70%;
		overflow: hidden;
		box-shadow: 0 0 20px #0000004d;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
			}
			.popup-content img {
				max-width: 100%;
				height: auto;
			}
			.popup-close {
				position: absolute;
				top: 10px;
				right: 10px;
				font-size: 20px;
				cursor: pointer;
				color: white;
			}
			.popup-content .mobile-popup {
				display: none ;
			}
			.popup-content .desktop-popup {
					display: block;
				}
				.no-scroll {
				overflow: hidden;
			}
			/* Show mobile image on small screens */
			@media screen and (max-width: 480px) {
				.popup-content .desktop-popup {
					display: none;
				}
				.popup-content .mobile-popup {
					display: block;
				}
				.popup-content{
					max-width: 85%;
    max-height: 100%;
				}
				/* #ayatana-brand-carousel .splide__track .splide__list .splide__slide {
					margin-right: 0 !important;
					height: auto !important;
					align-items: center !important;
				}
				 */
				 
			}
			 @media screen and (min-width:768px) and (max-width:1024px){
				.popup-content{
					max-width: 80% ;
				}
				
			 }

			 .policy h3{
				font-family: "DIN_Pro_Font_Family";
				font-size: 18px;
				font-weight: bolder;
				color: black !important;
			}

			.terms{
				padding: 0 4rem 0 4rem !important;
				background:#00379e
			}

			.terms-content{
				padding:4rem;
				background-color: #eeeeee;
							}
			@media screen and (max-width: 700px) {
.terms{
	padding: 0 1rem 0 1rem !important;
}
.terms-content{
	padding: 4rem 1rem !important;
}
			}
			.termscontainer h2{
				margin-top: 0;
				/* padding-top: 2rem; */
			}
			@media screen and (min-width:815px) and (max-width:855px){
				.terms{
					padding: 1rem 2rem 0 2rem !important;
				}
			}