*{
    padding: 0;

    margin: 0;

    border: 0;
}

*, *:before, *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus, :active{outline: none;}
a:focus, a:active{outline: none;}

nav,footer,header,aside{display: block;}

html, body{
    height: 100%;
    width: 100%;
    font-style: 100%;
    line-height: 1;
    font-style: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input, button, textarea{font-family: inherit;}

input::-ms-clear{display:none;}

button{cursor: pointer;}

button::-moz-focus-inner{padding: 0;border: 0;}

a, a:visited{text-decoration: none;}

a:hover{text-decoration: none;}

ul li{list-style-type: none;}

img{vertical-align: top;}

h1,h2, h3, h4, h5, h6{font-style: inherit; font-weight: 400;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
}
header {
    z-index: 10000;
    position: fixed;
    top: 0;
    width: 100%;
    padding-left: 50px;
    align-items: center;
    height: 80px;
    display: flex;
    flex-direction: row;
    background: #0D0D0D;
    justify-content: space-between;
    .logo {
        width: 100px;
        height: 100px;
    }
    .h-text{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        color: #fff;
        gap: 80px;
		p{
			font-size: 17px;
    		color: #fff;
        	gap: 80px;
		}
        .lang {
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: row;
            gap: 10px;
            .img-lang {
            justify-content: center;
            align-items: center;
                width: 30px;
                height: 25px;
            }
        }
    }
    .button {
        display: flex;
        flex-direction: column;
        width: 300px;
        height: 80px;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        color: #FFF;
        font-weight: 600;
        background: linear-gradient(87.79deg, #0099FA 0%, #002ED9 100%);
    }
}
footer {
    height: 770px;
    background-color: #063764;
    padding-top: 80px;
    padding-left: 102px;
    padding-right: 102px;
    padding-bottom: 70px;
    .risk{
        display: flex;
        flex-direction: column;
        gap: 10px;
        .risk-h1{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 7px;
            img{
                width: 29px;
                height: 29px;
            }
            p{
                color: #96AEC1;
                font-size: 15px;
                font-weight: 700;
            }
        }
        p{
            color: #96AEC1;
            font-size: 13px;
            line-height: 1.8;
        }
    }
    .rules{
        display: flex;
        flex-direction: column;
        margin-top: 50px;
        color: #96AEC1;
        line-height: 1.8;
        font-size: 13px;
        gap: 15px;
    }
    .links{
        margin-top: 55px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        div{
            height: 22px;
            border-bottom: solid 1px #0099FA;
            color: white;
            font-size: 16px;
        }
    }
    .logo{
        margin-top: 140px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        img{
            text-align: center;
            width: 100px;
            height: 100px;
        };
        .right{
            display: flex;
            flex-direction: row;
            gap: 17px;
            align-items: center;
            p{
                color: #96AEC1;
                font-size: 13px;
            }
            img{
                width: 40px;
                height: 40px;
            }
        }
    }
}

main{
	display: flex;
	flex-direction: column;
	.hh{
		text-align: center;
		height: 407px;
		padding-top: 207px;
		padding-left: 102px;
		padding-bottom: 109px;
		background: linear-gradient(104.8deg, #02274B 0%, #0F487C 100%);
		color: white;
		font-size: 50px;
	}
	.txt{
		padding-top: 60px;
		padding-bottom: 128px;
		padding-left: 102px;
		padding-right: 102px;
		display: flex;
		flex-direction: column;
		gap: 28px;
		color:#3A4A68;
		font-size: 17px;
	}
}

@media (max-width: 1600px) {
    header {
        z-index: 10;
        position: fixed;
        top: 0;
        width: 100%;
        padding-left: 50px;
        align-items: center;
        height: 80px;
        display: flex;
        flex-direction: row;
        background: #0D0D0D;
        justify-content: space-between;
        .logo {
            width: 100px;
            height: 100px;
        }
        .h-text{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            font-size: 17px;
            color: #fff;
            gap: 80px;
            .lang {
                justify-content: center;
                align-items: center;
                display: flex;
                flex-direction: row;
                gap: 10px;
                .img-lang {
                justify-content: center;
                align-items: center;
                    width: 30px;
                    height: 25px;
                }
            }
        }
        .button {
            display: flex;
            flex-direction: column;
            width: 300px;
            height: 80px;
            justify-content: center;
            align-items: center;
            font-size: 17px;
            color: #FFF;
            font-weight: 600;
            background: linear-gradient(87.79deg, #0099FA 0%, #002ED9 100%);
        }
    }
    footer {
        background-color: #063764;
        padding-top: 80px;
        padding-left: 102px;
        padding-right: 102px;
        padding-bottom: 70px;
        .risk{
            display: flex;
            flex-direction: column;
            gap: 10px;
            .risk-h1{
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 7px;
                img{
                    width: 29px;
                    height: 29px;
                }
                p{
                    color: #96AEC1;
                    font-size: 15px;
                    font-weight: 700;
                }
            }
            p{
                color: #96AEC1;
                font-size: 13px;
                line-height: 1.8;
            }
        }
        .rules{
            display: flex;
            flex-direction: column;
            margin-top: 50px;
            color: #96AEC1;
            line-height: 1.8;
            font-size: 13px;
            gap: 15px;
        }
    }
}

@media (max-width: 800px) {
    header {
		position: relative;
        padding-left: 25px;
		padding-right: 25px;
        align-items: center;
        height: 80px;
        display: flex;
        flex-direction: row;
        background: #0D0D0D;
        justify-content: space-between;
        .logo {
            width: 100px;
            height: 100px;
        }
        .h-text{
			width: auto;
            font-size: 17px;
            color: #fff;
            gap: 50px;
			.p{
				display: none;
			}
			.hhh{
				display: none;
			}
            .lang {
                justify-content: center;
                align-items: center;
                display: flex;
				position: absolute;
				right: 25px;
                flex-direction: row;
                gap: 10px;
                .img-lang {
                justify-content: center;
                align-items: center;
                    width: 30px;
                    height: 25px;
                }
            }
        }
        .button {
			display: none;
            flex-direction: column;
            width: 100px;
            height: 50px;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            color: #FFF;
			border-radius: 12px;
            font-weight: 600;
            background: linear-gradient(87.79deg, #0099FA 0%, #002ED9 100%);
        }
    }
	main{
		display: flex;
		flex-direction: column;
		.hh{
			text-align: center;
			height: auto;
			padding-top: 50px;
			padding-left: 25px;
			padding-bottom: 70px;
			padding-right: 25px;
			background: linear-gradient(104.8deg, #02274B 0%, #0F487C 100%);
			color: white;
			font-size: 40px;
		}
		.txt{
			padding-top: 60px;
			padding-bottom: 70px;
			padding-left: 25px;
			padding-right: 25px;
			display: flex;
			flex-direction: column;
			gap: 28px;
			color:#3A4A68;
			font-size: 17px;
		}
	}
	footer {
		height: auto;
		background-color: #063764;
		padding-top: 70px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 70px;
		.risk{
			display: flex;
			flex-direction: column;
			gap: 10px;
			text-align: center;
			justify-content: center;
			align-items: center;
			.risk-h1{
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: 7px;
				img{
					width: 29px;
					height: 29px;
				}
				p{
					color: #96AEC1;
					font-size: 15px;
					font-weight: 700;
				}
			}
			p{
				color: #96AEC1;
				font-size: 13px;
				line-height: 1.8;
			}
		}
		.rules{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			margin-top: 30px;
			color: #96AEC1;
			line-height: 1.8;
			font-size: 13px;
			gap: 15px;
		}
		.links{
			margin-top: 35px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 15px;
			div{
				text-align: center;
				width: auto;
				height: 22px;
				border-bottom: solid 1px #0099FA;
				color: white;
				font-size: 16px;
			}
		}
		.logo{
			margin-top: 40px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 40px;
			img{
				text-align: center;
				width: 100px;
				height: 100px;
			};
			.right{
				display: flex;
				flex-direction: column;
				gap: 40px;
				align-items: center;
				p{
					color: #96AEC1;
					font-size: 13px;
				}
				img{
					width: 40px;
					height: 40px;
				}
			}
		}
	}
}