@charset "UTF-8"; 
	* {
box-sizing: border-box; 
	margin: 0; 
	padding: 0; 

	}
/* Body */
	body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	/* padding: 40px 20px; */
	font-style: normal; 
	font-weight: 200; 
	display: flex; 
	flex-direction: column; 
	min-height: 100vh; 
	justify-content: center; 
	align-items: center; 
	background-color:rgb(255, 255, 255); 
	}
	.verification-card {
	background: #ffffff; 
	border: 1px solid #e2e8f0; 
	border-radius: 16px; 
	padding: 32px 24px; 
	text-align: center; 
	max-width: 400px; 
	width: 100%; 
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
	position: relative; 
	overflow: hidden; 
	}

	.verification-card::before {
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: linear-gradient(135deg, rgba(219, 237, 255, 0.3) 0%, rgba(207, 226, 255, 0.2) 100%); 
	opacity: 0; 
	transition: opacity 0.3s ease; 
	pointer-events: none; 
	}

	.verification-card:hover {
	border-color: #94a3b8; 
	transform: translateY(-4px); 
	box-shadow: 
	    0 20px 25px -5px rgba(0, 0, 0, 0.1),
	    0 10px 10px -5px rgba(0, 0, 0, 0.04); 
	}

	.verification-card:hover::before {
	opacity: 1; 
	}

	.verification-figure {
	margin: 0 0 24px 0; 
	}

	.verification-image {
	max-height: 96px; 
	width: auto; 
	display: block; 
	margin: 0 auto 12px auto; 
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); 
	}
	.brand-intro {
	background-color: white; 
	border: 1px solid #e0e0e0; 
	border-radius: 8px; 
	padding: 30px; 
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
	flex: 1; /* Занимает оставшееся пространство */
	min-height: 400px; /* Больше чем боковые секции */
	text-align: start; 
	}
		 
	.image-caption {
	font-size: 12px; 
	color: #64748b; 
	font-weight: 500; 
	margin: 0; 
	text-transform: uppercase; 
	letter-spacing: 0.5px; 
	}

	.card-header {
	font-size: 16px; 
	line-height: 1.6; 
	color: #01436e; 
	margin: 0 0 28px 0; 
	font-weight: 500; 
	}

	.validation-code {
	font-weight: 700; 
	color: #01436e; 
	background: rgba(1, 67, 110, 0.08); 
	padding: 2px 6px; 
	border-radius: 4px; 
	font-family: 'Courier New', monospace; 
	letter-spacing: 0.5px; 
	}

	.validation-button {
	background: linear-gradient(
	    135deg,
	    #0070be 0%,
	    #0163a8 50%,
	    #004c7f 100%
	); 
	border: none; 
	color: #ffffff; 
	padding: 14px 32px; 
	border-radius: 50px; 
	font-size: 16px; 
	font-weight: 600; 
	text-decoration: none; 
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	min-width: 160px; 
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
	position: relative; 
	overflow: hidden; 
	box-shadow: 0 4px 14px 0 rgba(1, 99, 168, 0.3); 
	}

	.validation-button::before {
	content: ''; 
	position: absolute; 
	top: 0; 
	left: -100%; 
	width: 100%; 
	height: 100%; 
	background: linear-gradient(
	    90deg,
	    transparent,
	    rgba(255, 255, 255, 0.2),
	    transparent
	); 
	transition: left 0.5s; 
	}

	.validation-button:hover {
	transform: translateY(-2px); 
	box-shadow: 
	    0 8px 25px 0 rgba(1, 99, 168, 0.4),
	    0 4px 10px 0 rgba(0, 0, 0, 0.1); 
	color: #ffffff; 
	text-decoration: none; 
	}

	.validation-button:hover::before {
	left: 100%; 
	}

	.validation-button:active {
	transform: translateY(-1px); 
	}

	/* Responsive design */
	@media (max-width: 480px) {
	.verification-card {
	    padding: 24px 20px; 
	    margin: 16px; 
	}
	
	.card-header {
	    font-size: 15px; 
	}
	
	.validation-button {
	    padding: 12px 24px; 
	    font-size: 15px; 
	    min-width: 140px; 
	}
	}

	/* Fade-in animation */
	@keyframes fadeInUp {
	from {
	    opacity: 0; 
	    transform: translateY(30px); 
	}
	to {
	    opacity: 1; 
	    transform: translateY(0); 
	}
	}

	.verification-card {
	animation: fadeInUp 0.6s ease-out; 
	}







/* Container */
.container {
    display: flex; 
    align-items: flex-start; 
    gap: 20px; 
    max-width: 1800px; 
    /*width: 90%; */
    margin: 30px auto 0; 
    padding: 0 20px; 
    flex: 1; 
    background-color: #FFFFFF; 

}
@media (max-width: 768px) {
	.container {
	    flex-direction: column; 
	    gap: 15px; 
	}
	
	.verification-card {
	    flex: none; 
	}
}

.container-custom {
  background-color: #fff; 
  max-width: 550px; 
  margin: 16px auto; 
  display: flex; 
  flex-direction: column; 
  /*align-items: center; */
  justify-content: center; 
  border: 1px solid #d3ddeb; 
  padding: 24px; 
  border-radius: 15px; 
}

.container-in {
  width: 90vw; 
  max-width: 550px; 
  margin: 16px auto; 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  justify-content: center; 
  border: 1px solid #d3ddeb; 
  padding: 24px; 
  border-radius: 15px; 
}

/* Navigation */
header {
	/* background-color: #0066cc; */
	/* border-bottom: 1px solid #004891; */
	background-color: #f8f9fa; 
	border-bottom: 1px solid #e0e0e0; 
	padding: 20px; 
	width: 100%; 
	height: 120px; 
}
header h1 {
	color: #333; 
	text-align: center; 
	font-size: 28px; 
	}
.logo {
	color: #fff; 
	font-weight: bold; 
	text-align: center; 
	width: 10%; 
	float: left; 
	margin-top: 15px; 
	margin-left: 25px; 
	letter-spacing: 4px; 
}
nav {
	float: left; 
	width: 50%; 
	text-align: left; 
	margin-right: 25px; 
}
header nav ul {
	list-style: none; 
	float: left; 
}
nav ul li {
	float: left; 
	color: #FFFFFF; 
	font-size: 14px; 
	margin-right: 25px; 
	letter-spacing: 2px; 
	font-weight: bold; 
	transition: all 0.3s linear; 
}
ul li a {color: #FFFFFF; text-decoration: none; }
ul li:hover a {color: #2C9AB7; }

a{color:#b1cfd3; text-decoration:none; background-color:transparent; -webkit-text-decoration-skip:objects}
a:hover{color:#0056b3; text-decoration:underline}
a:visited {color:#b1cfd3; text-decoration:none; background-color:transparent; -webkit-text-decoration-skip:objects}
a:not([href]):not([tabindex]){color:inherit; text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit; text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}

.hero_header {
	color: #FFFFFF; 
	text-align: center; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	letter-spacing: 4px; 
}
/* Hero Section */
.hero {
	background-color: #B3B3B3; 
	padding-top: 150px; 
	padding-bottom: 150px; 
}
.light {
	font-weight: bold; 
	color: #717070; 
}
.tagline {
	text-align: center; 
	color: #FFFFFF; 
	margin-top: 4px; 
	font-weight: lighter; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}
/* About Section */
.text_column_l {width: 18%; line-height: 25px; padding-left: 20px; padding-right: 20px; color: #A3A3A3; }
.text_column_c {width: 50%; line-height: 25px; padding-left: 20px; padding-right: 20px; color: #A3A3A3; }
.text_column_p {width: 90%; line-height: 25px; padding-left: 20px; padding-right: 20px; color: #A3A3A3; }
.text_column_r {width: 18%; line-height: 25px; padding-left: 20px; padding-right: 20px; color: #A3A3A3; }
.img__verification{max-height:95px; margin:10px auto; }
.item__header{font-size:15px; color:#01436e; }
.span {font-weight: bold; color:#01436e; }


.item{padding:10px 10px; text-align:center; border-radius:10px; transition:.3s; flex-direction:column; justify-content:flex-end; align-items:flex-end; }
.item.first,.item.second{border:1px solid #cfe2ff; transition:.3s; height:450px; vertical-align:text-top; }

.item.first:hover,.item.second:hover{border:none; text-decoration:none; background:#dbedff; box-shadow:inset 3px 3px 5px 0 rgba(255,255,255,.9),inset -3px -3px 5px rgba(0,0,0,.1); transform:scale(1.02)}

.item.first{order:2; margin-bottom:16px}
.item.second{order:3; margin-bottom:16px; }

.intro__logo{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0!important; align-self:inherit; order:1; margin:0 8px}
.header-logo__img{margin-bottom:2px; max-width:300px; text-align: center; }
.download_img{margin-bottom:2px; max-width:422px; text-align: center; }
IMG.displayed {display: block; margin-left: auto; margin-right: auto; }
.logo-slogan {color: #9bafcc; font-style: italic; font-size: 1.8rem; font-weight: 300; }
.wrapper {text-align: center; }
.left {float: left; height: 250px; }
.right {float: right; height: 250px; }
.center {display: inline-block; overflow: hidden; }

.default-btn{background:linear-gradient( 0deg,#0070be 53.65%,rgba(0,112,190,0.53) 82.81%,#0070be 95.83% ); border:1px solid #0163a8; text-decoration:none; color:#fff; padding:.5rem 0.05rem; border-radius:50rem; display:flex; align-items:center; justify-content:center; font-weight:normal; font-size:1.1rem; transition:.2s; min-width:10rem; width:fit-content; margin:0 auto; text-align:center; width:-moz-fit-content}
.default-btn:hover{transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,.15); color:#fff; text-decoration:none}
.item__link{margin-bottom:0.8rem; width:-moz-fit-content; width:fit-content; padding:.4rem 2rem}


/* .container{min-width:992px!important}*/
.default-btn__icon{margin-right:.5rem}

.about {
	padding-left: 25px; 
	padding-right: 25px; 
	padding-top: 35px; 
	display: inline-block; 
	background-color: #FFFFFF; 
	margin-top: 0px; 
}
/* Stats Gallery */
.stats {
	color: #717070; 
	margin-bottom: 5px; 
}
.gallery {
	clear: both; 
	display: inline-block; 
	width: 100%; 
	background-color: #FFFFFF; 
	/* [disabled]min-width: 400px; 
*/
	padding-bottom: 35px; 
	padding-top: 0px; 
	margin-top: -5px; 
	margin-bottom: 0px; 
}
.thumbnail {
	width: 25%; 
	text-align: center; 
	float: left; 
	margin-top: 35px; 
}
.gallery .thumbnail h4 {
	margin-top: 5px; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px; 
	color: #52BAD5; 
}
.gallery .thumbnail p {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	color: #A3A3A3; 
}

/* More info */
p {color: #5e5e5e; /*background-color: #FFFFFF; */}
p {padding-left: 30px; padding-right: 30px; text-align: justify; line-height: 25px; font-weight: lighter; margin-left: 20px; margin-right: 20px; }

.cards {width: 100%; height: auto; max-width: 400px; max-height: 200px; }
.button {
	width: 200px; 
	margin-top: 40px; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	padding-top: 20px; 
	padding-right: 10px; 
	padding-bottom: 20px; 
	padding-left: 10px; 
	text-align: center; 
	vertical-align: middle; 
	border-radius: 0px; 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: 2px; 
	border: 3px solid #FFFFFF; 
	color: #FFFFFF; 
	transition: all 0.3s linear; 
}
.button:hover {
	background-color: #FEFEFE; 
	color: #C4C4C4; 
	cursor: pointer; 
}
.copyright {
	text-align: center; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	background-color: #717070; 
	color: #FFFFFF; 
	text-transform: uppercase; 
	font-weight: lighter; 
	letter-spacing: 2px; 
	border-top-width: 2px; 
}
.footer_banner {
	background-color: #B3B3B3; 
	padding-top: 60px; 
	padding-bottom: 60PX; 
	margin-bottom: 0px; 
	background-image: url(../images/pattern.png); 
	background-repeat: repeat; 
}

.hidden {display: none; }

/* Mobile */
@media (max-width: 320px) {
.logo {
	width: 100%; 
	text-align: center; 
	margin-top: 13px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
}
.container header nav {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	width: 100%; 
	float: none; }

nav ul li {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	width: 100%; 
	text-align: center; 
}
.text_column {
	width: 100%; 
	text-align: justify; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
}
.thumbnail {
	width: 100%; 
}

}
.parallax {
	text-align: center; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 40%; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	width: 100%; 
	font-size: 18px; 
}
.parallax_description {
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	width: 90%; 
	margin-top: 25px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 12px; 
	float: none; 
	text-align: center; 
}
.tagline {
	margin-top: 20px; 
	line-height: 22px; 
}
.hero_header {
	padding-left: 10px; 
	padding-right: 10px; 
	line-height: 22px; 
	text-align: center; 
}


/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%; 
	text-align: center; 
	align-items: center; 
	margin-top: 13px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	color: #043745; 
}
.container header nav {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	width: 100%; 
	float: none; 
	overflow: auto; 
	display: inline-block; 
	background: #52bad5; 
}
header nav ul {
	padding: 0px; 
	float: none; 
}
nav ul li {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	width: 100%; 
	text-align: center; 
	padding-top: 8px; 
	padding-bottom: 8px; 
}
.text_column {width: 100%; text-align: left; padding-top: 0px; padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
}
.thumbnail {width: 100%; }
}
.parallax {
	text-align: center; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 40%; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	width: 100%; 
	font-size: 18px; 
}
.parallax_description {
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	margin-top: 30%; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	float: none; 
	width: 100%; 
	text-align: center; 
}
.thumbnail {
	width: 50%; 
}
.parallax {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-top: 20%; 
}
.parallax_description {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	width: 100%; 
	padding-top: 30px; 
}


/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {width: 100%; }
.thumbnail {width: 50%; }
.text_column {width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
}

.bottom {margin: 50px 0px 0px 0px; width: 100%; display: inline-block; background:linear-gradient(92.04deg,#0070be 0%,#0162a1 100%); 	/*float: none; */}
	
footer {
	padding-bottom: 25px; 
	text-align: center; 
	line-height: 25px; 
	font-weight: lighter; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding:15px; 
	background-color: #006eba; 
	color:#b1cfe3
	height: 180px; 
	width: 100%; 
	margin-top: 40px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column; 
	}

	.footer h3 {
	font-size: 24px; 
	margin-bottom: 15px; 
	}

	.footer p {
	font-size: 16px; 
	text-align: center; 
	line-height: 1.5; 
	}


.disclaimer-p {
  color: rgb(153, 191, 196);
  text-align: center;
  margin-top: 20px;
}


.footer__disclaimer{text-align:center; max-width:80%; margin:0 auto; margin-bottom:1rem}
.footer-nav__copyright{font-size:14px; text-align:center; color: #b1cfd3; /*font-weight:100*/}

a:link {color: #b1cfd3; }
a:hover {color: #f8f8f8; }
.top {vertical-align: top; }

h1{color: #01436e; font-size:20px; font-weight: bold; margin-bottom: 20px; }
h2{color: #01436e; font-size:18px; font-weight: bold; margin-bottom: 16px; }


.text-description:last-of-type {
  margin-bottom: 16px; 
}
.steps-header {
  font-size: 14px; 
  display: flex; 
  flex-direction: column; 
  flex-wrap: wrap; 
  font-weight: bold; 
  line-height: 1.2; 
  color: #01436e; 
  margin-bottom: 8px; 
}

.steps-header label {
  text-align: left; 
  color: #fff; 
  font-weight: bold; 
  font-size: 15px; 
  text-transform: uppercase; 
  background-color: #0070be; 
  display: inline-block; 
  padding: 4px 5px; 
  border-radius: 3px; 
  /*margin-right: 8px; */
  margin: 10px 50px 3px 3px; 
  line-height: 1; 
  width: fit-content; 
}
.steps-text {
  text-align: left; 
  font-size: 14px; 
  margin-bottom: 16px; 
  padding-bottom: 12px; 
  border-bottom: 1px solid #e3eeff; 
}
.footer-text {
  font-size: 14px; 
  line-height: 1.5; 
}
.center_verif {
text-align:  center; 
}
.container-horizontal {
	display: flex; 
	justify-content: center; 
	text-align: left; 
    }
    .default-btn {
    display: inline-block; 
    margin: 0 5px; 
	/* margin-right: 10px; /* adds some indentation between buttons */
	font-size: 16px; 
	}