body{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.page{
	min-height: calc(100vh - 140px);
}
.page-50{
	min-height: calc(50vh - 70px);
}
.navbar-brand{
	max-width: 250px;
}
@media(max-width: 525px){
	.page{
		min-height: calc(100vh - 164px);
	}
}
.icon{
	width: 50px;
}
/*links*/
.a {
	text-decoration: none;
	color: #000;
	position: relative;
	transition: color 0.3s ease; /* Smooth transition for color change */
}
.a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px; /* Adjust the height of the underline */
	background-color: #6a6a6a; /* Underline color */
	transition: width 0.3s ease; /* Smooth transition for the underline */
}
.a:hover {
	color: #6a6a6a;
}
.a:hover::after {
	width: 100%; /* Underline expands from left to right */
}
.al {
	text-decoration: none;
	color: #fff;
	position: relative;
	transition: color 0.3s ease; /* Smooth transition for color change */
}

.al::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px; /* Adjust the height of the underline */
	background-color: #fff; /* Underline color */
	transition: width 0.3s ease; /* Smooth transition for the underline */
}

.al:hover {
	color: #fff;
}

.al:hover::after {
	width: 100%; /* Underline expands from left to right */
}
.contact-bg {
	background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
	background-size: cover;
	position: relative;
}

.contact-bg::after {
	content: "";
	background: url('../image/contact-bg.png') no-repeat bottom left;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.bg-light{
	background-color: #fff!important;
}
.bg-light-grey{
	background-color: #ececec!important;
}
.bg-black-transparrent{
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px); /* For Safari */
}
.bg-white-transparrent{
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px); /* For Safari */
}
.bg-responsible-tourism{
	background-image: url('../image/responsible-tourism-light.jpg');
	background-size: cover;
	background-position: bottom right;
	background-attachment: fixed;
}