* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



:root {

	--resizer: 1440;

}



body {

	font-family: 'Inter', sans-serif;

	background-color: #13285d;

	

}



main {

	position: relative;

	display: flex;

	flex-direction: column;

	width: 100%;

	height: 100%;

}



.container {

	margin: 0 auto;

	max-width: calc(1280vw / var(--resizer) * 100);

	width: 100%;

}



header {

	position: absolute;

	top: calc(32vw / var(--resizer) * 100);

	display: flex;

	justify-content: space-between;

	align-items: center;

	left: 50%;

	transform: translateX(-50%);

	margin: 0 auto;

	padding: calc(20.5vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);

	max-width: calc(1280vw / var(--resizer) * 100);

	width: 100%;

	background-color: #13285d;

	border-radius: calc(15vw / var(--resizer) * 100);

}



header .logo {

	width: auto;

	height: calc(30vw / var(--resizer) * 100);

}



header .logo p {

	width: inherit;

	height: inherit;

}

header .logo img {

	width: auto;

	height: 100%;

}

header nav {

	display: flex;

	align-items: center;

	gap: 15px;

}



header nav ul {

	display: flex;

	list-style: none;

}

header nav ul li {

	margin: 0 0 0 calc(30vw / var(--resizer) * 100);

	font-size: calc(16vw / var(--resizer) * 100);

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	color: #ffffff;

	transition: 0.5s all linear;

}

header nav ul li:hover {

	color: #00ffff;

}

header nav ul li a {

	text-decoration: none;

	color: inherit;

}

header nav ul li:first-child {

	margin: 0;

}

header nav .burger {

	display: none;

}



.intro {

	padding: calc(156vw / var(--resizer) * 100) 0

		calc(121vw / var(--resizer) * 100) 0;

	background: url('../img/bg.webp') center / cover no-repeat;

}

.intro .row {

	display: flex;

	flex-direction: column;

	max-width: calc(678vw / var(--resizer) * 100);

}

.intro .row h1 {

	position: relative;

	font-family: 'Montserrat', sans-serif;

	font-size: calc(64vw / var(--resizer) * 100);

	font-style: italic;

	font-weight: 900;

	line-height: 104.9%;

	text-transform: uppercase;

	color: #ffffff;

	z-index: 2;

}

.intro .row h1 span {

	position: relative;

}

.intro .row h1 span::after {

	content: '';

	position: absolute;

	top: 0;

	left: -5%;

	width: 110%;

	height: 100%;

	border-radius: calc(16vw / var(--resizer) * 100);

	background-color: #00ffff;

	z-index: -1;

	transform: skew(-7deg);

}

.intro .row p {

	margin: calc(16vw / var(--resizer) * 100) 0 0 0;

	font-size: calc(16vw / var(--resizer) * 100);

	font-style: normal;

	font-weight: 400;

	line-height: 155%;

	color: #ffffff;

}

.intro .row a, .button{

	align-self: flex-start;

	margin: calc(25vw / var(--resizer) * 100) 0 0 0;

	padding: calc(25vw / var(--resizer) * 100) calc(45vw / var(--resizer) * 100);

	border-radius: calc(10vw / var(--resizer) * 100);

	background: #00ffff;



	font-family: 'Inter', sans-serif;

	font-size: calc(16vw / var(--resizer) * 100);

	font-style: normal;

	font-weight: 500;

	line-height: normal;

	color: #13285d;

	text-decoration: none;

	transition: 0.5s all linear;

}

.intro .row a:hover, .button:hover {

	transform: scale(1.1);

}



.cnt {

	padding: calc(32vw / var(--resizer) * 100) 0 0 0;

}

.cnt .row {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.cnt .l {

	margin: 0 0 calc(104vw / var(--resizer) * 100) 0;

	max-width: calc(522vw / var(--resizer) * 100);

}

.cnt .r {

	margin: 0 0 calc(104vw / var(--resizer) * 100) 0;

	max-width: calc(630vw / var(--resizer) * 100);

}



.cnt h2 {

	margin: 0 0 calc(30vw / var(--resizer) * 100) 0;

	font-size: calc(32vw / var(--resizer) * 100);

	font-style: italic;

	font-weight: 900;

	line-height: 104.9%;

	text-transform: uppercase;

	color: #ffffff;

}

.cnt h3 {

	margin: 0 0 calc(30vw / var(--resizer) * 100) 0;

	font-size: calc(26vw / var(--resizer) * 100);

	font-style: italic;

	font-weight: 900;

	line-height: 104.9%;

	text-transform: uppercase;

	color: #ffffff;

}

.cnt p,

.cnt li,

.cnt td {

	font-size: calc(16vw / var(--resizer) * 100);

	font-style: normal;

	font-weight: 400;

	line-height: 155%;

	color: #d4daed;

}



.cnt p {

	margin: 0 0 calc(15vw / var(--resizer) * 100) 0;

}

.flag {

	border: 1px solid #fff;

	padding: 0 3px;

}

.flag p {

	width: 25px;

	height: 25px;

}

.cnt ul,

.cnt ol {

	margin: 0 0 calc(15vw / var(--resizer) * 100) 0;

	padding: 0 0 0 calc(30vw / var(--resizer) * 100);

}

.table {

	width: 100%;

	overflow: auto;

}

p img {

	width: 100%;

	height: 100%;

}

table {

	margin: 0 0 calc(15vw / var(--resizer) * 100) 0;

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

}



tr {

	min-width: calc(413vw / var(--resizer) * 100);

}



td {

	border-radius: calc(7vw / var(--resizer) * 100);

	padding: calc(6vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);

}



tr:nth-child(even) {

	background: linear-gradient(99deg, #0ff 0%, #0c2a58 100%);

}



tr:nth-child(odd) {

	background: linear-gradient(135deg, #0c2a58 0%, #0ff 100%);

}



th:nth-child(odd) {

	padding: calc(6vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);

	border-radius: calc(7vw / var(--resizer) * 100);

	color: #eef3ff;

	background: linear-gradient(99deg, #085454 0%, #0c2a58 100%);

}



th:nth-child(even) {

	padding: calc(6vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);

	border-radius: calc(7vw / var(--resizer) * 100);

	color: #eef3ff;

	background: linear-gradient(135deg, #0c2a58 0%, #085454 100%);

}



tr:nth-child(even) td {

	color: #13285d !important;

}



footer {

	display: flex;

	margin: 0 auto calc(33vw / var(--resizer) * 100) auto;

	padding: calc(25.5vw / var(--resizer) * 100);

	max-width: calc(1280vw / var(--resizer) * 100);

	width: 100%;

	background: linear-gradient(99deg, #0ff 0%, #0c2a58 100%);

	border-radius: calc(15vw / var(--resizer) * 100);

	flex-direction:column;

}



footer .logo {

	display: none;

	width: auto;

}



footer .logo p {

	width: inherit;

	height: inherit;

}

footer .logo img {

	width: 100%;

	height: 100%;

}

footer ul {

	display: flex;

	justify-content: center;

	margin: 0 auto;

	list-style: none;

}

footer ul li {

	margin: 0 calc(15vw / var(--resizer) * 100);

	font-size: calc(16vw / var(--resizer) * 100);

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	color: #ffffff;

	transition: 0.5s all linear;

}

footer ul li a {

	color: inherit;

	text-decoration: none;

}



footer ul li:hover {

	color: #090d19;

}



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

	header {

		position: relative;

		top: auto;

		left: auto;

		transform: none;

		margin: 0 auto;

		padding: 20px 14px;

		max-width: 100%;

		border-radius: 0;

	}



	header nav ul {

		padding: 10px 15px 20px 15px;

		position: absolute;

		top: -1000%;

		left: 0;

		background-color: #13285d;

		flex-direction: column;

		z-index: 99999;

		width: 100%;

		transition: 0.5s all linear;

	}

	header.active nav ul {

		top: 60px;

	}

	header nav ul li:first-child {

		margin: 0 0 20px 0;

	}

	header nav ul li {

		margin: 0 0 20px 0;

		font-size: 12px;

	}

	header nav .burger {

		display: block;

		width: 25px;

		height: 8px;

		background: url('../img/burger.svg') center / cover no-repeat;

		border: none;

		transition: 0.5s all linear;

	}

	header.active nav .burger {

		width: 25px;

		height: 25px;

		background: url('../img/close.svg') center / cover no-repeat;

	}



	header .logo {

		height: 15px;

	}



	.intro {

		padding: 98px 0 45px 0;

	}

	.container {

		max-width: 100%;

		padding: 0 15px;

	}



	.intro .row {

		max-width: 100%;

	}

	.intro .row h1 {

		font-size: 33.849px;

	}

	.intro .row p {

		margin: 13px 0 0 0;

		font-size: 12px;

	}

	.intro .row a, .button {

		margin: 13px 0 0 0;

		padding: 15px 25px;

		border-radius: 10px;

		background: #00ffff;

		font-size: 12px;

	}

	.cnt {

		padding: 20px 0 0 0;

	}

	.cnt .row {

		flex-direction: column;

	}

	.cnt .r {

		margin: 0 0 20px 0;

		max-width: 100%;

	}

	.cnt .l {

		margin: 0;

		max-width: 100%;

	}

	.cnt h2 {

		margin: 0 0 20px 0;

		font-size: 20px;

	}

	.cnt h3 {

		margin: 0 0 20px 0;

		font-size: 18px;

	}

	.cnt p,

	.cnt li,

	.cnt td {

		font-size: 12px;

	}

	table {

		margin: 0 0 15px 0;

		width: 100%;

	}



	footer {

		flex-direction: column;

		margin: 0;

		padding: 14px;

		max-width: 100%;

		width: 100%;

		border-radius: 0;

	}

	footer .logo {

		display: none;

	}

	footer ul {

		margin: 20px 0 0 0;

		justify-content: space-between;

		flex-wrap: wrap;

	}

	footer ul li {

		margin: 0 15px 0 0;

		font-size: 12px;

	}

}





.anchor__menu a {

	color:#d4daed;

	text-decoration: none;

}

.anchor__menu a:hover {

	color:#00ffff;

}





.dropdown {

  position: relative;

  display: inline-block;

      margin-left: 30px;

      color:#fff;

 

}



.dropdown-main{

    display:flex;

    align-items: center;

}



.dropdown-main img{

    margin-right:5px;

    width:20px;

    height:14px;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 60px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 100;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: flex;

  align-items: center;

}



.dropdown-content a img{

    margin-right:5px;

    width:20px;

    height:14px;

}



.dropdown-content a:hover {

  background-color: #ddd;

}



.header ul li{

    margin-bottom:0;

}





@media(max-width:1000px){

    .dropdown{

        margin-right: 20px;

        margin-left:0}





.dropdown-content {



    top: 40px;





}}





    .hrefs img {

width: 20px;

margin-right: 10px;

height:14px;



}



.hrefs a {

display: flex;

align-items: center;

color: #fff;

text-decoration: none;

font-size: 13px;

margin: 0px 10px;

margin-bottom: 15px;

}

.hrefs {

display: flex;

width: 100%;

justify-content: space-evenly;

flex-wrap:wrap;

}



.footer__copyright{

margin-top:20px;

}



@media(max-width:1000px){

.hrefs {

display: flex;

flex-wrap: wrap;

align-items: center;

flex-direction: column;

margin-top: 0px;

}



.hrefs a {



margin-bottom: 10px;

}

}