@charset "utf-8";
/* CSS Document */
html{
	scroll-padding-top:100px;
}
body{
	font-family: "Noto Sans", sans-serif;
  	font-optical-sizing: auto;
	font-size:18px;
}
nav{
	z-index:100;
	position:fixed;
	top:0;
	left:0;
	right:0;
	max-width:1375px;
	padding:15px 30px;
	margin:18px auto 0px auto;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0 0 11.7px 0 rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px)
}
.header__box{
	z-index:1;
	width:100%;
	height:712px;
	background:	url('../img/top_bg.png') no-repeat center/cover #ffffff;
}
main{
	max-width:1280px;
	margin:0px auto;
}
main > section:first-child{
	padding:50px 0px;
	row-gap:24px;
}
main > section{
	padding:50px 0px;
	row-gap:36px;
}
h2{
	color: #1C3963;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: 1px;
	position: relative;
	padding: 0px 0px 0px 20px;
}
h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 54px;
	background: url('../img/h2_decoration.png') no-repeat center;
	background-size: cover;
}
main > section > .introduction > p{
	color:#10223C;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
	letter-spacing: 0.36px;
	margin:0px;
	padding:0px;
}
footer{
	padding:64px 0px 24px 0px;
	background: #F3F3F7;
	row-gap:46px;
}
.logo{
	max-width:409px;
	max-height:39px;
}
.navLinks{
	gap:30px;
	padding:0;
	margin:0;
}
.navLinks li{
	list-style-type:none;
	text-decoration:none;
}
.navLinks__item{
	text-decoration:none;
	padding:4px 7px;
	font-size:14px;
	font-weight:700;
	letter-spacing:0.28px;
	color:#002552;
	line-height:150%;
	text-align:center;
	height:100%;
}
.header__inner{
	/*border:1px solid red;*/
	max-width:1280px;
	height:100%;
	margin:0px auto 0px auto;
	padding-top:100px;
	position:relative;
}
.header__inner p{
	position:absolute;
	top:calc(100px + 14%);
	left:0%;
	margin:0px;
	color: #1C3963;
	font-size: 44px;
	font-style: italic;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 1px;
}
.top_parts1{
	position:absolute;
	top:calc(100px + 8%);
	right:-8%;
	width:40%;
	height:auto;
}
.top_parts2{
	position:absolute;
	top:calc(100px + 32%);
	left:28%;
	width:40%;
	height:auto;
}
.top_parts3{
	position:absolute;
	top:calc(100px + 78%);
	left:-4%;
	width:40%;
	height:auto;
}
.top_parts4{
	position:absolute;
	top:calc(100px + 45%);
	left:0;
	right:0;
	width:100%;
	height:auto;
}
.top_parts5{
	position:absolute;
	top:calc(100px + 70%);
	right:-5%;
	width:40%;
	height:46px;
}
.information{
	text-decoration:none;
	width:248px;
	height:60px;
}
.introduction{
	row-gap:16px;
	padding-bottom:16px;
}
.pointBox{
	border-radius: 5px;
	border: 1px solid #7CA4D6;
	background: #FFF;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
	padding:30px;
	height:100%;
	row-gap:19px;
}
.pointBox__number{
	color: #CF455D;
	font-family:"Roboto";
	font-size: 34px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.68px;
	margin:0px;
}
.pointBox__number > span{
	font-size: 20px;
	font-style: italic;
	line-height: 130%;
	margin-right:4px;
}
.pointBox__topText{
	color:#124A9D;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
	/* letter-spacing: 0.48px;*/
	margin:0px;
}
.pointBox__image{
	border-radius:5px;
}
.pointBox__mainText{
	padding:0px;
	margin:0px;
	font-size: 16px;
}
.serviceBox{
	padding:35px 70px;
	border-radius: 10px;
	background-color: #F3F3F7;
}
.serviceBox__inner{
	row-gap:5px;
}
.serviceBox__item{
	gap:32px;
	padding-bottom:16px;
	border-bottom:1px solid #B0BFD1;
}
.serviceBox__item:last-child{
	border:none;
}
.serviceBox__image{
	width:100px;
	height:100px;
}
.serviceBox__number{
	color: #CF455D;
	text-align: center;
	text-shadow: 1px 1px 5.3px rgba(255, 255, 255, 0.65), 1px 1px 1.3px rgba(255, 255, 255, 0.96);
	font-family: Roboto;
	font-size: 34px;
	font-style: italic;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.68px;
	margin:0px;
}
.serviceBox__number > span{
	text-shadow: 1px 1px 5.3px rgba(255, 255, 255, 0.65), 1px 1px 1.3px rgba(255, 255, 255, 0.96);
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 100%;
	margin:0px 4px 0px 0px;
}
.serviceBox__topText{
	color: #124A9D;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.6px;
	margin:0px;
	padding:0px;
}
.serviceBox__mainText{
	color: #002552;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 0.32px;
	margin:0px;
}
.needsBox{
	--bs-gutter-x:10px;
	--bs-gutter-y:10px;
	padding:50px 40px;
	background:
		linear-gradient(90deg, rgba(16, 39, 88, 0.71) 37.02%, rgba(28, 66, 146, 0.71) 100%),
		url('../img/case_bg.png') center/cover no-repeat;
	border-radius:12px;
}
.needsBox__inner{
	row-gap:22px;
	height:100%;
	padding:15px 30px;
	border-radius: 5px;
	border: 1px solid #7CA4D6;
}
.needsBox__inner__title{
	gap:10px;
}
.needsBox__inner__number{
	width:41px;
	height:auto;
}
.needsBox__inner__topText{
	margin:0;
	padding:0;
	color:#124A9D;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 0.4px;
}
.needsBox__inner__mainText{
	margin:0;
	padding:0;
	color: #10223C;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
}
.caseBox__title{
	color: #FFF;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 1px;
}
.caseBox__inner{
	padding:16px 20px;
	row-gap:15px;
	border-radius: 5px;
	border: 1px solid #8094AB;
	background: rgba(255, 255, 255, 0.95);
	height:100%;
}
.caseBox__inner__top{
	row-gap:10px;
}
.caseBox__inner__number{
	margin-left:auto;
	width:75px;
	height:auto;
}
.caseBox__inner__table th{
	padding:0px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	width:1%;
	padding-right:30px;
	white-space:nowrap;
	color:#2B5E9D;
}
.caseBox__inner__table td{
	font-size:16px;
	color:#002552;
	gap:10px;
}
.caseBox__inner__table td>img{
	width:19px;
	height:auto;
}
.caseBox__inner__bottom{flex-wrap:wrap;}
.caseBox__inner__bottom>.caseBox__inner__table td[colspan="2"]>div{
	gap:5px;
}
.caseBox__inner__bottom>.caseBox__inner__table td[colspan="2"]>div span:first-child{
	flex:1;
}
.caseBox__inner__bottom>.caseBox__inner__table td[colspan="2"]>div span:last-child{
	white-space:nowrap;
}
.caseBox__inner__person{
	width:80px;
	height:80px;
}
.processBox{
	--bs-gutter-x:27px;
}
.processBox__left{
	row-gap:24px;
}
.processBox__right>.row{
	row-gap:10px;
}
.processBox__inner{
	padding:32px 20px!important;
	border-radius: 5px;
	border: 1px solid #7CA4D6;
	background: #F7F9FF;
	gap:20px;
	row-gap:20px;
}
.processBox__inner__left{ 
	width:225px;
}
.processBox__number{
	color: #CF455D;
	font-family:"Roboto";
	font-size: 34px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.68px;
	margin:0px;
}
.processBox__number > span{
	font-size: 20px;
	line-height: 130%;
	margin-right:4px;
}
.processBox__inner__right{
	width:calc(100% - 225px);
}
.processBox__inner__right p{
	color: #10223C;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 0.14px;
	margin:0px;
}
.processBox__title{
	color:#124A9D;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 0.36px;
	margin:0px;
}
footer>section:first-child{
	max-width:656px;
	margin:0px auto;
	row-gap:24px;
}
footer>section:nth-child(2){
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
footer>section>h2+p {
	color:#002552;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
	letter-spacing: 0.32px;
	margin:0px;
}
.informationBox{
	background-color:#FFFFFF;
	border:1px solid #A1AFC0;
	border-radius:5px;
	padding:25px 50px;
	margin-bottom:29px;
}
.informationBox>p{
	color:#002552;
	font-size:16px;
	⁨⁨line-height:200%;
	letter-spacing:0.36px;
	margin:0px;
}
.copyright{
	color: #002552;
	text-align: center;
	font-family: "Noto Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	letter-spacing: 0.24px;
}
.footer__link__item a {
	color:#4052A9;
	text-decoration:none;
	display:block;
	border:1px solid #B2B2C5;
	padding:13px 18px;
	font-size:13px;
	border-radius:4px;
	height:100%;
}
.footer__link__item a:hover {
	background-color:#0c4878;
	color:#FFFFFF;
}
.footer__link__item a:hover  img{
	content:url('../img/footer_links_arrow_on.png');
}
.footer__link__item span{
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}
.footer__link__item img{
	width:14px;
	height:14px;
}