@font-face {

	font-family: play-regular;

	src: url("../fonts/Play-Regular.ttf");

	font-display: swap;

}



@font-face {

	font-family: play-bold;

	src: url("../fonts/Play-Bold.ttf");

	font-display: swap;

}



@font-face {

	font-family:jost-regular;

	src: url("../fonts/Jost-Regular.ttf");

	font-display: swap;

}



@font-face {

	font-family:jost-medium;

	src: url("../fonts/Jost-Medium.ttf");

	font-display: swap;

}



@font-face{

	font-family: jost-semibold;

	src: url("../fonts/Jost-SemiBold.ttf");

	font-display: swap;

}



@font-face {

	font-family:jost-light;

	src: url("../fonts/Jost-Light.ttf");

	font-display: swap;

}



@font-face {

	font-family:jost-bold;

	src: url("../fonts/Jost-Bold.ttf");

	font-display: swap;

}

@font-face {
	font-family: Cruyff Sans Bold;
	src: url("../fonts/CruyffSans-Bold.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Light;
	src: url("../fonts/CruyffSans-Light.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Regular;
	src: url("../fonts/CruyffSans-Regular.woff2");
	font-display: swap;
}

@font-face {
	font-family: Cruyff Sans Medium;
	src: url("../fonts/CruyffSans-Medium.woff2");
	font-display: swap;
}

body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,a{

	padding: 0;

	margin: 0;

	box-sizing: border-box;

}



a{

	text-decoration: none;

}





/*footer*/

footer{

	background-color: #002A2D;

	position: relative;

}



.footer-top-container{

	display: flex;

	border-bottom: 1px solid #777777;

	align-items: center;

	padding: 2rem 0;

	flex-wrap: wrap;

}



.footer-logo-wrapper{

	width: 25%;

}



.footer-menu-wrapper {

	width: 60%;

}

#footer_menu {

	display: flex;

	list-style: none;

}

.footer-arrow-wrapper{

	position: fixed;
	right: 7%;
	z-index: 9999;
	bottom: 5%;

}



.footer-bottom-container{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	padding: 3rem 0 5rem;

	font-size: 90%;

	font-family: Poppins;

}



.footer-menu-wrapper a {

	color: #C1EAEE;

	font-size: 105%;

	font-family: Poppins;

	padding-right: 4rem ;

}

.all-right-wrapper p{

	font-size: 110%;

	color: #C1EAEE;

}



.all-right-wrapper{

	width: 35%;

}



.privacy-content-wrapper a{

	font-size: 110%;

	color: #C1EAEE;

	padding-right: 4rem;

}



.privacy-content-wrapper{

	display: flex;

	align-items: center;

	width: 45%;

}



.footer-social-wrapper a{

	padding: 0 4px;

}



.social-wrapper{

	width: 30%;

	text-align: right;

}



.footer-social-wrapper a img{

	width: 100%;

	height: auto;

	aspect-ratio: auto 27/27;

	max-width: 8%;

}



.footer-social-wrapper a:last-child{

	padding-right: 0;

}



.footer-logo-wrapper a img{

	width: 100%;

	height: auto;

	aspect-ratio: auto 200/96;

	max-width: 70%;

}



.footer-arrow-wrapper a img{

	width: 100%;

	height: auto;

	aspect-ratio: auto 50/50;


}

#footer p.design-developed {

	color: grey;

	font-size: 12px;

	padding: 0.5rem 0 0;

	font-family: Poppins;

}

#footer p.design-developed a {

	color: grey;

	text-decoration: none;

}

@media screen and (min-width: 320px) and (max-width: 568px) { 

	.footer-logo-wrapper{

		width: 100%;

		text-align: center;

		padding-bottom: 2rem;

	}

	.footer-menu-wrapper{

		width: 100%;

		display: block;

		text-align: center;

	}

	.footer-arrow-wrapper{

		width: 100%;

		position: absolute;

		top: 7%;

		right: 2%;
		text-align: right;
	}

	.all-right-wrapper{

		width: 100%;

		text-align: center;

		padding-top: 1.5rem;

	}

	.footer-menu-wrapper a{

		padding-right: 0;

		padding-bottom: 1rem;

		display: inline-block;

		font-size: 100%;

	}

	.privacy-content-wrapper{

		width: 100%;

		justify-content: center;

		padding-top: 2rem;

	}

	.social-wrapper{

		width: 100%;

		text-align: center;

		border-bottom:1px solid #777777 ;

		padding-bottom: 2rem;

	}

	.footer-bottom-container{

		flex-wrap: wrap;

		flex-direction: column-reverse;

	}



	.footer-top-container{

		border-bottom: none;

		padding: 2rem 0 1rem;

	}

	.footer-logo-wrapper a img{

		max-width: 60%;

	}



	.footer-arrow-wrapper a img{

		max-width: 9%;

	}



	.footer-bottom-container{

		padding: 0 0 3rem;

	}

	.privacy-content-wrapper a{

		padding: 0 1rem;

		border-right: 1px solid #C1EAEE;

		line-height: 1;

		font-size: 100%;

	}

	.privacy-content-wrapper a:last-child{

		border-right: none;

	}

	.all-right-wrapper p{

		font-size: 100%;

	}

	#footer_menu {

		display: block;

	}

	footer {

		position: relative;

	}

}

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

	.footer-logo-wrapper{

		width: 100%;

		text-align: center;

		padding-bottom: 2rem;

	}

	.footer-menu-wrapper{

		width: 100%;

		display: block;

		text-align: center;

	}

	.footer-arrow-wrapper{

		width: 100%;

		position: absolute;

		top: 7%;

		right: 8%;
		text-align: right;

	}

	.all-right-wrapper{

		width: 100%;

		text-align: center;

		padding-top: 2.5rem;

	}

	.footer-menu-wrapper a{

		padding-right: 0;

		padding-bottom: 2rem;

		display: inline-block;

		font-size: 160%;

	}

	.privacy-content-wrapper{

		width: 100%;

		justify-content: center;

		padding-top: 4rem;

	}

	.social-wrapper{

		width: 100%;

		text-align: center;

		border-bottom:1px solid #777777 ;

		padding-bottom: 4rem;

	}

	.footer-bottom-container{

		flex-wrap: wrap;

		flex-direction: column-reverse;

		padding: 0 0 7rem;

	}

	.footer-top-container{

		border-bottom: none;

		padding: 2rem 0 1rem;

	}

	.footer-logo-wrapper a img{

		max-width: 60%;

	}



	.footer-arrow-wrapper a img{

		max-width: 9%;

	}



	.privacy-content-wrapper a{

		padding: 0 1rem;

		border-right: 1px solid #C1EAEE;

		line-height: 1;

		font-size: 160%;

	}

	.privacy-content-wrapper a:last-child{

		border-right: none;

	}

	.all-right-wrapper p{

		font-size: 160%;

	}

	.footer-social-wrapper a{

		padding: 0 10px;

	}

	#footer_menu {

		display: block;

	}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.footer-logo-wrapper{

		width: 100%;

		text-align: center;

		padding-bottom: 2rem;

	}

	.footer-menu-wrapper{

		width: 100%;

		display: block;

		text-align: center;

	}

	.footer-arrow-wrapper{

		width: 100%;

		position: absolute;

		top: 7%;

		right: 8%;
		text-align: right;
	}

	.all-right-wrapper{

		width: 100%;

		text-align: center;

		padding-top: 2.5rem;

	}

	.footer-menu-wrapper a{

		padding-right: 0;

		padding-bottom: 2rem;

		display: inline-block;

		font-size: 160%;

	}

	.privacy-content-wrapper{

		width: 100%;

		justify-content: center;

		padding-top: 4rem;

	}

	.social-wrapper{

		width: 100%;

		text-align: center;

		border-bottom:1px solid #777777 ;

		padding-bottom: 4rem;

	}

	.footer-bottom-container{

		flex-wrap: wrap;

		flex-direction: column-reverse;

		padding: 0 0 7rem;

	}



	.footer-top-container{

		border-bottom: none;

		padding: 2rem 0 1rem;

	}

	.footer-logo-wrapper a img{

		max-width: 60%;

	}



	.footer-arrow-wrapper a img{

		max-width: 9%;

	}



	.privacy-content-wrapper a{

		padding: 0 1rem;

		border-right: 1px solid #C1EAEE;

		line-height: 1;

		font-size: 160%;

	}

	.privacy-content-wrapper a:last-child{

		border-right: none;

	}

	.all-right-wrapper p{

		font-size: 160%;

	}

	.footer-social-wrapper a{

		padding: 0 10px;

	}

	#footer_menu {

		display: block;

	}

}



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

	.all-right-wrapper {

		width: 35%;

	}

	.privacy-content-wrapper {

		width: 35%;

	}

	.social-wrapper {

		width: 30%;

	}
	.footer-menu-wrapper a{
		padding-right: 3rem;
	}

}



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



}



@media screen and (min-width: 1600px) and (max-width: 1999px) { 



	.footer-menu-wrapper a{

		font-size: 130%;

	}

	.all-right-wrapper p{

		font-size: 130%;

	}

	.privacy-content-wrapper a{

		font-size: 130%;

	}

} 



@media screen and (min-width: 2000px) and (max-width: 2499px) { 

	.footer-menu-wrapper a{

		font-size: 130%;

	}

	.all-right-wrapper p{

		font-size: 130%;

	}

	.privacy-content-wrapper a{

		font-size: 130%;

	}

} 



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

	.footer-menu-wrapper a{

		font-size: 130%;

	}

	.all-right-wrapper p{

		font-size: 130%;

	}

	.privacy-content-wrapper a{

		font-size: 130%;

	}

}