@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/NeueHaasDisplay-Light.eot');
    src: url('fonts/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
        url('fonts/NeueHaasDisplay-Light.woff') format('woff'),
        url('fonts/NeueHaasDisplay-Light.ttf') format('truetype'),
        url('fonts/NeueHaasDisplay-Light.svg#NeueHaasDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Light.woff2') format('woff2'),
        url('fonts/Gilroy-Light.woff') format('woff'),
        url('fonts/Gilroy-Light.ttf') format('truetype'),
        url('fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



div, img, a, ul, li, span, h1, h2, h3, h4, h5 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	border: 0;
	outline: none!important;
}
.clear {
	clear: both;
}
a {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover, a:focus {
	text-decoration: underline;
	color:inherit;
}


img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* ==========================================================================
   General
   ========================================================================== */



*, ::after, ::before {
  box-sizing: border-box;
}
html, body{
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	padding: 0px;
	margin: 0;
 font-family: 'Neue Haas Grotesk Display Pro';
font-weight: normal;
font-size: 16px;
letter-spacing: 0.04em;
color: #fff;
	word-break: break-word;
background-image: url(images/bg.webp) ;
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: #0D3935;
display: flex;
flex-direction: column;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	text-transform: capitalize;
	padding: 0;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

h1 {
	 font-family: 'Gilroy';
font-weight: 300;
font-size: 28px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
}

ul {
	margin-left: 15px;
	margin-bottom: 1.5rem;
	line-height: inherit;
}
ul li {
	list-style: disc;
	padding-left: 0px;
}
ol {
	margin-left: 15px;
	margin-bottom: 1.5rem;
	padding: 0;
	line-height: inherit;
}
ol li {
	list-style: decimal;
	padding-left: 0;
}
p {
	margin-bottom: 1.5rem;
}






.site-cover-container{
	width: 100%;
	height: 100%;
	padding: 60px 30px;
	position: revert;
}
.site-btm-img{
	width: 100%;
	position: fixed;

	left: 0;
	right: 0;
	bottom: 0;
	max-height: 50px;
	overflow: hidden;
}

.site-btm-img img {
	width: 100%;
	height: auto;
	display: block;
}

.site-content{
	width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  max-width: 890px;
  gap: 60px 0;
}

.cover-logo {
	max-width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
  margin-top: auto;

}
.cover-title h1{
	display: flex;
	align-items: center;
	gap: 45px;
}
.cover-title h1:before, .cover-title h1:after{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='50' height='50.001' fill='none' stroke='%23707070' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(-958 -538)'%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(958 538)'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cline id='Line_3' data-name='Line 3' x2='45.37' transform='translate(2.317 24.722)' fill='none' stroke='%235c9d7a' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_4' data-name='Line 4' y2='45.37' transform='translate(24.722 2.317)' fill='none' stroke='%235c9d7a' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: contain;
aspect-ratio: 1/1;
width: 50px;
flex: 0 0 auto;
}

.cover-footer{
	margin-bottom: auto;
  margin-top: auto;
  display: flex;
  justify-content: center;
}

.cover-footer ul{
	padding: 0;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.cover-footer ul li{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}
.cover-footer ul li:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='50' height='50.001' fill='none' stroke='%23707070' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(-958 -538)'%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(958 538)'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cline id='Line_3' data-name='Line 3' x2='45.37' transform='translate(2.317 24.722)' fill='none' stroke='%235c9d7a' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_4' data-name='Line 4' y2='45.37' transform='translate(24.722 2.317)' fill='none' stroke='%235c9d7a' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: contain;
aspect-ratio: 1/1;
width: 11px;
flex: 0 0 auto;
margin-right: 15px;
}




	 

	 @media (max-width: 767.98px) {
body {
	
background-image: url(images/phone-bg.webp);
background-position: center center;
background-size: cover;

}
h1{
	font-size: 22px;
}

.site-cover-container{
	padding-bottom: 0;
}
.cover-logo{
	max-width: 256px;
	margin-top: 0;
}

.cover-title h1{
	flex-direction: column;
	gap: 30px;
}
.cover-footer{
	padding-bottom: 80px;
}
.cover-title h1::before, .cover-title h1::after{
	width: 30px;
}
	 }