@charset "UTF-8";
/* CSS Document */
*
{ 
 margin:0;
 padding: 0;
 box-sizing: border-box;
}
.navbar{
	height: 80px;
	width: 100%;
	background:black;
	float: center;
}
	
.navbar ul{
	float: center;
}
.navbar ul li{
	list-style: none;
	margin: 0 8px;
	display: inline-block;
	line-height: 80px;
	float: center;
}
.navbar ul li a{
	text-decoration: none;
	color:#2FCDDA;
	font-size: 18px;
	padding: 6px 13px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font: bold;
	transition: 1s;
}
.navbar .active ul li{
	color:aqua
}
.navbar ul li a:hover{
	background:#25C9DD;
	color:black;
	border-radius: 2px;
}
.banner
{ 
	position: relative;
	width: 100%;
	height: 100vh;
	background:#03D3E1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner img
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	opacity: 0.25; 
}
.banner .content
{
	position:relative;
	max-width: 750px;
	text-align: center;
}
.banner .content h2
{
	color:black;
	font-size: 100px;
	font-family: flegrei, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 700;
	
}
.banner .content p
{
	color: black;
	font-size: 18px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.btn 
{
  background-color: black;
  color: white;
  padding: 20px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 15px;
  margin-top: 30px;

}
.btn {
  transition-duration: 0.4s;
}

.btn:hover {
  background-color:#1AC8E0; 
  color:black;
}

.banner header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 40px 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1000;
}


.ABOUT
{
	position:relative;
	width: 100;
	display: flex;
}
.ABOUT .content
{
	background:black;
	padding: 200px;
	width: 50%;
	text-align: center;
	
}
.ABOUT .heading
{
	color:#03D3E1;
	font-size: 30-px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom:10px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.ABOUT .text
{
	color: #03D3E1;
	font-size: 16px;
	font-weight: 300px;
	letter-spacing: 1px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.ABOUT .image2
{
	background:url("Images/image3.jpg");
	width: 50%;
	background-size: cover;
	background-position: center;
}
.btn2 
{
  background-color: black;
  color: white;
  padding: 20px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 15px;
  margin-top: 30px;

}
.btn2 {
  transition-duration: 0.4s;
}

.btn2:hover {
  background-color:#1AC8E0; 
  color:black;
}
.LINEUP
{
	position:relative;
	width: 100;
	display: flex;
	align-content: center;
}
.LINEUP .info
{
	background: #03D3E1;
	padding: 100px;
	width: 100%;
	text-align: center;
}
.heading2
{
	color: black;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom:10px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.information
{
	color: black;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.Packages
{
	background:white;
	padding: 100px;
	text-align: center;
}
.Packages .heading
{
	font-size: 25px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.Packages .text
{
	font-size: 20px;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	margin-top: 30px;
}
.Packages .containter
{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 60px;
}

.Packages .containter .box img
{
	max-width: 210px;
	width: 255px;
}
.Packages .containter .box h2
{
	font-weight: 500px;
	font-size: 20px;
	margin-top: 20px;
	letter-spacing: 1px;
	color:#03D3E1;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.Packages .box p
{
	font-weight: 500px;
	font-size: 10px;
	margin-top: 12px;
	letter-spacing: 1px;
	color:#03D3E1;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.VIP
{
	background:black;
	width: 100%;
	padding: 100px;
	padding-top: 300px;
	margin-top:-300px;
	display: space-between;
	font-size: 30px;
	color:#03D3E1;
	align-content: center;
	
}
.VIP .VIPinfor .heading
{
	align-content: center;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-size: 25px;
	text-align: center;
}
.VIP .VIPinfor .text
{ 
	font-family: itc-avant-garde-gothic-pro, sans-serif;
   	font-size: 20px;
	text-align: center;
	margin-top: 30px;
	align-content: center;
}
.testimonials
{
	postion: relative;
	padding: 100px;
	background: white;
	text-align: center;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.testimonials .container2
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	flex-wrap: wrap;
}
.testimonials .container2 .content2
{
	background:#02D3E1;
	padding: 60px 50px;
	width: 550px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.testimonials .container2 .content2 h2
{
	font-size: 25px;
}
.testimonials .container2 .content2 p
{
	font-style: italic;
}
.testimonials .container2 .content2 h3
{
	width: 100%;
	text-align: end;
	
}
.footer{
	background:#02D3E1;
	padding: 20px 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer p
{
	font-size: 20px;
	color:black;
	font-family: flegrei, sans-serif;
}
.footer ul
{
	display:flex;
	justify-content: center;
	align-items: center;
}
.footer ul li
{
	list-style: none;
}
.footer ul li a
{
	text-decoration: none;
	display: inline-block;
	margin: 0 10px;
	
}
.footer ul li a img
{
	fliter: invert(1);
	max-width: 20px;
	
}
.footer .spotify
{
	width: 30px;
}
.footer .instagram
{
	width: 18px;
}
.footer .youtube
{ 
	width: 17px;

}
@media (max-width: 991px)
{
	.navbar{
		width: 100%;
	}
	.navbar ul{
		text-size: 05px;
		padding:inherit;
		
	}
	.banner header
	{
		padding: 20px 50px;
	}
	.banner .content h2{
		font-size: 50px;
	}
	.banner .content p{
		color: black;
		font-size: 20px;
	}
	.ABOUT
	{
		flex-direction: column;
	}
	.ABOUT .content
	{
		width: 100%;
		padding: 50px 50px;
		min-height: 400px;
	}
	.ABOUT .image2
	{
		width: 100%;
		padding: 75px;
		min-height: 400px;
	}
	.ABOUT .text{
		text-align: center;
		padding:inherit;
	}
	.Packages
	{
		padding: 50px;
	}
	.Packages .containter
	{
		justify-content: center;
		margin-top: 20px;
	}
	.Packages .box
	{
		margin: 20px;
		width: 300px;
		height: 350;
	}
	.testimonials
	{
		padding:50px;
	}
	.testimonials .content2
	{
		padding: 60px 40px;
		max-width: 550px;
		margin-bottom: 40px;
	}
	.testimonials .content2:last-child
	{
		margin-bottom: 0px;
	}
	
	
}.instagram {
}
.youtube {
}