@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
html{
	height: 100%;
	width: 100%;
	margin: 0;
	-webkit-overflow-scrolling:touch;
}
body{
	margin: 0;
	background: #ffffff;
	color: #000000;
	font-size: 16px;
	line-height: 1.2;
	font-family: 'Manrope', sans-serif;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	min-height: 100%;
	min-width: 320px;
}
h1, h2, h3, h4, h5, h6{
	margin: 0 0 16px 0;
	font-weight: 900;
	color: #2b3139;
	line-height: 1.3;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 32px;
}
h3{
	font-size: 28px;
}
h4{
	font-size: 26px;
}
h5{
	font-size: 24px;
}
h6{
	font-size: 18px;
}
p {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
	margin: 0 0 30px 0;
}
p:last-child{
	margin-bottom: 0px;
}
strong{
	font-weight: 500;
}
p a{
	text-decoration: underline;
	color: #004394;
}
p a:hover{
	text-decoration: none;
}
p:last-child{
	margin-bottom: 0;
}
img{
	display: block;
	max-width: 100%;
}
a{
	outline: none;
	text-decoration: none;
	font-weight: 500;
	color: #004394;
}
ul , ol{
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
li{
	list-style: none;
}
ol{
	padding: 0 0 0 20px;
}
ol li{
	list-style: decimal;
}
/* buttons */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	margin: 0; /* 2 */
}
button{
	margin:0;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	overflow:visible;
	width:auto;
	outline: none;
	box-shadow: none;
}
button:hover , button:focus , button:active{
	outline: none;
	box-shadow: none;
	text-decoration: none;
}
.green-btn{
	color: #FFF;
	font-weight: 600;
	border-radius: 0px 20px;
	background: #5F6614;
	transition: 0.3s;
	margin: 0 auto 0;
}
.green-btn:hover{
	background: #929f0d;
}
.green-btn:active , .green-btn:focus{
	background: #68700f;
}

/* inputs */
input{
	outline: none;
	border: none;
}
.b-input{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px 0;
}
.b-input:last-child{
	margin: 0;
}
.b-input__label{
	width: 180px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex-shrink: 0;
}
.b-input__wrap{
	position: relative;
	flex-grow: 1;
}
.b-input__text{
	width: 100%;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #CCC;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-input__text::-webkit-input-placeholder{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	opacity: 0.7;
}
.b-input__text:-moz-placeholder{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	opacity: 0.7;
}
textarea{
	width: 100%;
	height: 128px;
	background: #ffffff;
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px 32px;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #2b3139;
	outline: none;
	resize: none;
}
.b-textarea{
	width: 100%;
	min-height: 70px;
	height: auto;
	max-height: 128px;
}
.b-textarea::-webkit-input-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #2b3139;
	opacity: 0.75;
}
.b-textarea:-moz-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #2b3139;
	opacity: 0.75;
}

/* checkbox , radio */
.b-checkbox{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
}
.b-checkbox__delete{
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 14px;
	flex-shrink: 0;
}
.b-checkbox__delete svg style{
	transition: 0.3s;
}
.b-checkbox__delete:hover svg path{
	stroke: #ed4c5c;
}
.b-checkbox:hover .b-checkbox__delete{
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.b-checkbox input[type="checkbox"]{
	/*display: none;*/
	opacity: 0;
}
.b-checkbox label{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	cursor: pointer;
}
.b-checkbox input[type="checkbox"] + label span{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
.b-checkbox input[type="checkbox"]:checked + label span{
	background: #fff url("../img/check.svg") center no-repeat;
}
.b-checkbox label i{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	color: #000;
}
.b-checkbox label i a{
	text-decoration-line: underline;
	color: #000;
}


/* checkbox_radio */
.b-checkbox_radio{

}
.b-checkbox_radio input[type="radio"]{
	/*display: none;*/
	opacity: 0;
}
.b-checkbox_radio label{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	cursor: pointer;
}
.b-checkbox_radio input[type="radio"] + label span{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
.b-checkbox_radio input[type="radio"]:checked + label span{
	background: #fff url("../img/check.svg") center no-repeat;
}
.b-checkbox_radio label i{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	color: #000;
}
.b-checkbox_radio label i a{
	text-decoration-line: underline;
	color: #000;
}


/* radio */
.b-radio{

}
.b-radio input[type="radio"]{
	display: none;
}
.b-radio input[type="radio"] + label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
}
.b-radio input[type="radio"] + label span{
	width: 26px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #CCC;
	border-radius: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 8px;
	cursor: pointer;
}
.b-radio input[type="radio"] + label span:after{
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
}
.b-radio input[type="radio"]:checked + label span{
	background: #fff;
	border-color: #000;
}
.b-radio input[type="radio"]:checked + label span:after{
	opacity: 1;
	visibility: visible;
}
.b-radio input[type="radio"] + label i{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.4px;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

select{
	outline: none;
}
.b-mobile{
	display: none;
}
.container{
	max-width: 1230px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 0;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* End Total css ====*/
.b-container{
	overflow: hidden;
}
/* -------------- page index -------------- */
.header{
	background: #fff;
	padding: 30px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}
.header{
	position: fixed;
}
.header .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__right{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nav{
	margin: 0 30px 0 0;
}
.nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 30px;
}
.nav ul li{

}
.nav ul li a{
	display: block;
	font-weight: 500;
	font-size: 13px;
	color: #123360;
	transition: 0.2s;
}
.nav ul li a span{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: -0.03em;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	min-width: 20px;
	height: 20px;
	padding: 0 3px;
	margin: 0 0 0 5px;
}
.nav ul li a span.nav__green{
	background: #4bc0af;
	display: none;
}
.nav ul li a span.nav__yellow{
	background: #f6ca2c;
	color: #003462;
	display: none;
}
.nav ul li a span.nav__blue{
	background: #003462;
}
.nav ul li a:hover{
	color: #4bc0af;
}
.header__btn{
	border-radius: 223px;
	width: 170px;
	height: 46px;
	background: #123360;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
	transition: 0.2s;
}
.header__btn:hover{
	background: #4bc0af;
}
.header__login{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #123360;
	border: 1px solid #123360;
	border-radius: 223px;
	width: 46px;
	height: 46px;
	transition: 0.2s;
}
.header__login:hover{
	background: #4bc0af;
	border-color: #4bc0af;
}
/* -------------- main -------------- */
.main{
	position: relative;
	height: 851px;
}
.main:after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.57;
}
.main video{
	margin: 0 auto 0;
	width: 100%;
	height: 851px;
	object-fit: cover;
}
.main__container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 240px 0 0 0;
	z-index: 2;
}
.main__title{
	font-weight: 600;
	font-size: 56px;
	line-height: 1.14286;
	color: #123360;
	margin: 0 0 40px 0;
	padding: 0 0 0 50px;
}
.main__sub{
	font-weight: 500;
	font-size: 36px;
	line-height: 1.33333;
	color: #000;
	padding: 0 0 0 50px;
}
.main .btn{
	display: none;
}
/* -------------- welcome -------------- */
.section{
	padding: 120px 0;
}
.section_bg{
	background: #f1f8f7;
}
.section__head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 18px;
	margin: 0 0 40px 0;
}
.section__head-box{
	border-radius: 2px;
	width: 32px;
	height: 32px;
	background: #4bc0af url("../img/k.svg") center no-repeat;
}
.section__head span{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.77778;
	text-transform: uppercase;
	color: #4bc0af;
}
.section__wrapper{

}
.title{
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	color: #123360;
	margin: 0 0 40px 0;
}
.welcome .title{
	max-width: 820px;
}
.welcome__wrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 34px;
}
.welcome__wrap-left{
	max-width: 820px;
}
.welcome__wrap-left p{
	margin: 0 0 40px 0;
	max-width: 794px;
}
.btn{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #123360;
	border: 1px solid #123360;
	border-radius: 223px;
	width: 243px;
	height: 70px;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	gap: 0 5px;
	transition: 0.2s;
}
.btn:hover{
	background: #4bc0af;
	border-color: #4bc0af;
}
.welcome__wrap-right{
	box-shadow: 0 0 10px 0 rgba(75, 192, 175, 0.1);
	background: #fff;
	border-radius: 10px;
	padding: 32px 30px;
}
.welcome__wrap-right span{
	display: block;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.8;
	color: #000;
	margin: 0 0 20px 0;
}
.welcome__wrap-right b{
	display: block;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #003462;
}

/* -------------- services -------------- */
.services{

}
.services__container{
	display: flex;
	justify-content:  space-between;
	align-items: flex-start;
	margin: 0 0 120px 0;
}
.services__left{
	max-width: 550px;
}
.services__left p{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
}
.services__right{
	flex-shrink: 0;
	max-width: 532px;
	position: relative;
}
.services__anim{
	width: 209px;
	height: 147px;
	position: absolute;
	border-left: 2px solid #F8D637;
	border-bottom: 2px solid #F8D637;
	border-bottom-left-radius: 4px;
	bottom: 47px;
	left: 82px;
}

.yellow-arrow-left {
	position: absolute;
	width: 14px;
	height: 14px;
	bottom: -8px;
	right: 0;
	background: url("../img/service__arrow.svg") no-repeat;
	animation: yellow-arrow 5s linear infinite
}
.yellow-arrow-2 {
	animation-delay: -1s
}
.yellow-arrow-3 {
	animation-delay: -2s
}
.yellow-arrow-4 {
	animation-delay: -3s
}
.yellow-arrow-5 {
	animation-delay: -4s
}
.yellow-arrow-6 {
	animation-delay: -5s
}

@keyframes yellow-arrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	1% {
		opacity: 1
	}

	50% {
		-webkit-transform: translate(-201px);
		transform: translate(-201px)
	}

	52% {
		-webkit-transform: translate(-201px) rotate(90deg);
		transform: translate(-201px) rotate(90deg)
	}

	99% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate(-201px,-195px) rotate(90deg);
		transform: translate(-201px,-140px) rotate(90deg)
	}
}


.services__local{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 60px;
	max-width: 1065px;
	margin: 0 auto 0;
}
.services__local-img{
	max-width: 800px;
}
.countries{

}
.countries.xs{
	display: none;
}
.countries__title{
	font-weight: 500;
	font-size: 28px;
	line-height: 1.14286;
	color: #003462;
	margin: 0 0 34px 0;
}
.countries__item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
}
.countries__item:not(:last-child){
	margin: 0 0 5px 0;
}
.countries__item svg{

}
.countries__item span{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.77778;
	color: #4bc0af;
}
/* -------------- performance -------------- */
.performance{
	padding-top: 0px;
}
.performance .title{
	text-align: center;
	margin: 0 0 60px 0;
}
.performance .row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.performance .col{
	width: 25%;
	padding-left: 20px;
	padding-right: 20px;
}
.performance__item{

}
.performance__item-top{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
	margin: 0 0 30px 0;
}
.performance__item-img{
	width: 80px;
	height: 80px;
	background: #f1f8f7;
	border-radius: 100%;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.performance__item-top span{
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
}
.performance__item p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}



/* -------------- industries -------------- */
.industries{

}
.industries__wrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 40px;
}
.industries__wrap > div{
	width: 50%;
}
.industries__sub{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	margin: 0 0 40px 0;
}
.industries__wrap-right span{
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
	margin: 0 0 30px 0;
}
.industries__row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 100px 0 0 0;
}
.industries__item{
	width: 240px;
	margin: 0 0 0 -80px;
	flex-shrink: 0;
}
.industries__item:first-child{
	margin: 0;
}
.industries__item-img{
	margin: 0 0 20px 0;
}
.industries__item-img img{
	border-radius: 100%;
}
.industries__item span{
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	text-align: center;
	color: #143356;
}
.industries__xs{
	display: none;
}
/* -------------- partnerships -------------- */
.partnerships{

}
.partnerships .title{
	font-weight: 700;
	font-size: 48px;
	line-height: 1.16667;
	color: #003462;
}
.partnerships__container{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 120px;
}
.partnerships__left{

}
.partnerships__left-wrap{
	max-width: 551px;
}
.partnerships__sub{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	margin: 0 0 40px 0;
}
.partnerships__item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 20px;
	max-width: 462px;
}
.partnerships__item:not(:last-child){
	margin: 0 0 30px 0;
}
.partnerships__item:before{
	content: "";
	background: url("../img/check-duotone.svg") center no-repeat #4bc0af;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.partnerships__item p{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
}
.partnerships__item p b{
	font-weight: 600;
}
.partnerships__right{
	flex-grow: 1;
	position: relative;
}
.partnerships__block{
	position: absolute;
	top: 0;
	right: 0;
	width: 600px;
	height: 592px;
	background: url("../img/partnerships__map.svg") top 194px center no-repeat;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.partnerships__phone{
	width: 261px;
	height: 496px;
	background: url("../img/phone.svg") center top 25px no-repeat #fff;
	padding: 56px 30px 0 30px;
	position: relative;
	border: 10px solid #0D0D0D;
	border-radius: 30px;
	overflow: hidden;
	z-index: 3;
}
.partnerships__phone:after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 39px;
	background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.8) 50%, #f5f5f5 100%);
	border-radius: 5px 5px 0 0;
	z-index: 5;
}
.partnerships__phone-card{
	margin: 0 0 20px 0;
	position: relative;
	z-index: 2;
}
.partnerships__phone-card img{
	margin: 0 auto 0;
}
.partnerships__phone-list{
	position: relative;
	z-index: 2;
}
.partnerships__phone-title{
	font-weight: 500;
	font-size: 11px;
	color: #999;
	margin: 0 0 10px 0;
}
.partnerships__phone-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	background: #f5f5f5;
	padding: 0 10px;
	height: 46px;
}
.partnerships__phone-item.yellow{
	background: #f8d537;
}
.partnerships__phone-item:not(:last-child){
	margin: 0 0 2px 0;
}
.partnerships__phone-item b{
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: #000;
}
.partnerships__phone-item span{
	display: block;
	font-weight: 500;
	font-size: 12px;
	text-align: right;
	color: #999999;
	transition: 0.3s;
}
.partnerships__phone-item.yellow .partnerships__phone-item span{
	color: #85721B;
}
.partnerships__phone-content{
	overflow: hidden;
}



.payments-phone-ill.not-on-viewport .arrow,.payments-phone-ill.not-on-viewport .dollar {
	animation-play-state: paused!important
}

.payments-phone-ill .line {
	position: absolute
}

.payments-phone-ill .line:before {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ffd400
}

.payments-phone-ill .line .arrow,.payments-phone-ill .line .dollar {
	position: absolute;
	opacity: 0
}

.payments-phone-ill .line .dollar {
	width: 30px;
	height: 30px;
	background: url("../img/dollar.svg") no-repeat;
}

.payments-phone-ill .line_1 {
	left: 77px;
	bottom: 62px;
	width: 92px;
	height: 151px;
	background: url("../img/line-1.svg") no-repeat;
}

.payments-phone-ill .line_1:before {
	top: -4px;
	left: -3px
}

.payments-phone-ill .line_1 .arrow {
	top:  0;
	left: -6px;
	width: 14px;
	height: 14px;
	animation: payments-phone-ill__line-arrow_1 4s linear infinite;
	background: url("../img/arrow-down.svg") no-repeat;
}

.payments-phone-ill .line_1 .dollar {
	top: -9px;
	left: -15px;
	animation: payments-phone-ill__line-dollar_1 4s linear infinite
}

.payments-phone-ill .line_1 div:nth-child(2) {
	animation-delay: -1s
}

.payments-phone-ill .line_1 div:nth-child(3) {
	animation-delay: -2s
}

.payments-phone-ill .line_1 div:nth-child(4) {
	animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_1 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	10% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(137px);
		transform: translateY(137px)
	}

	55% {
		-webkit-transform: translate(6px,143px) rotate(-90deg);
		transform: translate(6px,143px) rotate(-90deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(120px,143px) rotate(-90deg);
		transform: translate(120px,143px) rotate(-90deg)
	}
}

@keyframes payments-phone-ill__line-dollar_1 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	10% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(137px);
		transform: translateY(137px)
	}

	56% {
		-webkit-transform: translate(6px,143px);
		transform: translate(6px,143px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(120px,143px);
		transform: translate(120px,143px)
	}
}

.payments-phone-ill .line_2 {
	left: 4px;
	top: 194px;
	width: 166px;
	height: 94px;
	background: url("../img/line-2.svg") no-repeat;
}

.payments-phone-ill .line_2:before {
	top: -3px;
	left: -4px
}

.payments-phone-ill .line_2 .arrow {
	top: -6px;
	left: -24px;
	width: 14px;
	height: 14px;
	animation: payments-phone-ill__line-arrow_2 4s linear infinite;
	background: url("../img/arrow-right.svg") no-repeat;
}

.payments-phone-ill .line_2 .dollar {
	top: -15px;
	left: -32px;
	animation: payments-phone-ill__line-dollar_2 4s linear infinite
}

.payments-phone-ill .line_2 .arrow:nth-child(2) {
	animation-delay: -1s
}

.payments-phone-ill .line_2 .dollar:nth-child(3) {
	animation-delay: -2s
}

.payments-phone-ill .line_2 .arrow:nth-child(4) {
	animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	10% {
		opacity: 1
	}

	35% {
		-webkit-transform: translate(122px);
		transform: translate(122px)
	}

	40% {
		-webkit-transform: translate(128px,6px) rotate(90deg);
		transform: translate(128px,6px) rotate(90deg)
	}

	65% {
		-webkit-transform: translate(128px,82px) rotate(90deg);
		transform: translate(128px,82px) rotate(90deg)
	}

	70% {
		-webkit-transform: translate(134px,91px) rotate(0deg);
		transform: translate(134px,91px) rotate(0deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(252px,94px) rotate(0deg);
		transform: translate(252px,94px) rotate(0deg)
	}
}

@keyframes payments-phone-ill__line-dollar_2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	10% {
		opacity: 1
	}

	35% {
		-webkit-transform: translate(122px);
		transform: translate(122px)
	}

	40% {
		-webkit-transform: translate(128px,6px);
		transform: translate(128px,6px)
	}

	65% {
		-webkit-transform: translate(128px,82px);
		transform: translate(128px,82px)
	}

	70% {
		-webkit-transform: translate(134px,91px);
		transform: translate(134px,91px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(252px,94px);
		transform: translate(252px,94px)
	}
}

.payments-phone-ill .line_3 {
	top: 4px;
	right: 146px;
	width: 154px;
	height: 92px;
	background: url("../img/line-3.svg") no-repeat;
}

.payments-phone-ill .line_3:before {
	left: -3px;
	bottom: -4px;
	display: none;
}

.payments-phone-ill .line_3 .arrow {
	right: -6px;
	top: -11px;
	width: 14px;
	height: 14px;
	animation: payments-phone-ill__line-arrow_3 4s linear infinite;
	background: url("../img/arr-down.svg") no-repeat;
}

.payments-phone-ill .line_3 .dollar {
	right: -15px;
	top: -16px;
	animation: payments-phone-ill__line-dollar_3 4s linear infinite
}

.payments-phone-ill .line_3 .dollar:nth-child(2) {
	animation-delay: -1s
}

.payments-phone-ill .line_3 .arrow:nth-child(3) {
	animation-delay: -2s
}

.payments-phone-ill .line_3 .dollar:nth-child(4) {
	animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_3 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	5% {
		opacity: 1;
		transform: translate(0,15px);
	}
	10% {
		opacity: 1;
		transform: translate(0,30px);
	}
	20% {
		opacity: 1;
		transform: translate(-5px,60px) rotate(90deg);
	}
	30% {
		opacity: 1;
		transform: translate(-50px,60px)  rotate(90deg);
	}
	40% {
		opacity: 1;
		transform: translate(-100px,60px)  rotate(90deg);
	}
	50% {
		opacity: 1;
		transform: translate(-152px,60px)  rotate(90deg);
	}
	52% {
		opacity: 1;
		transform: translate(-152px,75px) rotate(0deg);
	}
	to {
		opacity: 1;
		transform: translate(-152px,260px) rotate(0deg);
	}
}

@keyframes payments-phone-ill__line-dollar_3 {
	0% {
		opacity: 0;
		transform: translate(0,0);
	}
	5% {
		opacity: 1;
		transform: translate(0,15px);
	}
	10% {
		opacity: 1;
		transform: translate(0,30px);
	}
	20% {
		opacity: 1;
		transform: translate(-5px,60px);
	}
	30% {
		opacity: 1;
		transform: translate(-50px,60px) ;
	}
	40% {
		opacity: 1;
		transform: translate(-100px,60px) ;
	}
	50% {
		opacity: 1;
		transform: translate(-152px,60px) ;
	}
	52% {
		opacity: 1;
		transform: translate(-152px,75px);
	}
	to {
		opacity: 1;
		transform: translate(-152px,260px);
	}
}

.payments-phone-ill .line_4 {
	top: 149px;
	right: 4px;
	width: 167px;
	height: 49px;
	background: url("../img/line4.svg") no-repeat;
}

.payments-phone-ill .line_4:before {
	display: none;
}
.payments-phone-ill .line_4:after{
	position: absolute;
	content: "";
	bottom: -3px;
	right: 0;
	background: #f8d637;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}
.payments-phone-ill .line_3:after{
	position: absolute;
	content: "";
	top: -7px;
	right: -3px;
	background: #f8d637;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}



.payments-phone-ill .line_4 .arrow {
	bottom: -5px;
	right: -4px;
	width: 10px;
	height: 14px;
	animation: payments-phone-ill__line-arrow_4 4s linear infinite;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42MjQgNy41ODRMMTEuMjIzLjUxOEEuNS41IDAgMDExMiAuOTM0djE0LjEzMmEuNS41IDAgMDEtLjc3Ny40MTZMLjYyNCA4LjQxNmEuNS41IDAgMDEwLS44MzJ6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+")
}

.payments-phone-ill .line_4 .dollar {
	bottom: -12px;
	right: -13px;
	animation: payments-phone-ill__line-dollar_4 4s linear infinite
}

.payments-phone-ill .line_4 .arrow:nth-child(2) {
	animation-delay: -1s
}

.payments-phone-ill .line_4 .dollar:nth-child(3) {
	animation-delay: -2s
}

.payments-phone-ill .line_4 .arrow:nth-child(4) {
	animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_4 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}

	10% {
		opacity: 1
	}

	25% {
		-webkit-transform: translate(-76px) rotate(0deg);
		transform: translate(-76px) rotate(0deg)
	}

	30% {
		-webkit-transform: translate(-76px,-6px) rotate(90deg);
		transform: translate(-76px,-6px) rotate(90deg)
	}

	45% {
		-webkit-transform: translate(-76px,-31px) rotate(90deg);
		transform: translate(-76px,-31px) rotate(90deg)
	}

	50% {
		-webkit-transform: translate(-80px,-46px) rotate(0deg);
		transform: translate(-80px,-46px) rotate(0deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-198px,-46px) rotate(0deg);
		transform: translate(-198px,-46px) rotate(0deg)
	}
}

@keyframes payments-phone-ill__line-dollar_4 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	10% {
		opacity: 1
	}

	25% {
		-webkit-transform: translate(-76px);
		transform: translate(-76px)
	}

	30% {
		-webkit-transform: translate(-76px,-6px);
		transform: translate(-76px,-6px)
	}

	45% {
		-webkit-transform: translate(-76px,-31px);
		transform: translate(-76px,-31px)
	}

	50% {
		-webkit-transform: translate(-80px,-46px);
		transform: translate(-80px,-46px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-198px,-46px);
		transform: translate(-198px,-46px)
	}
}

.payments-phone-ill .line_5 {
	bottom: 103px;
	right: 4px;
	width: 165px;
	height: 229px;
	background: url("../img/line5.svg") no-repeat;
}

.payments-phone-ill .line_5:before {
	top: -3px;
	right: -4px
}

.payments-phone-ill .line_5 .arrow {
	top: -6px;
	right: -4px;
	width: 10px;
	height: 14px;
	animation: payments-phone-ill__line-arrow_5 4s linear infinite;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42MjQgNy41ODRMMTEuMjIzLjUxOEEuNS41IDAgMDExMiAuOTM0djE0LjEzMmEuNS41IDAgMDEtLjc3Ny40MTZMLjYyNCA4LjQxNmEuNS41IDAgMDEwLS44MzJ6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+")
}

.payments-phone-ill .line_5 .dollar {
	top: -15px;
	right: -16px;
	animation: payments-phone-ill__line-dollar_5 4s linear infinite
}

.payments-phone-ill .line_5 .dollar:nth-child(2) {
	animation-delay: -1s
}

.payments-phone-ill .line_5 .arrow:nth-child(3) {
	animation-delay: -2s
}

.payments-phone-ill .line_5 .dollar:nth-child(4) {
	animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_5 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}

	10% {
		opacity: 1;
		-webkit-transform: translate(-30px) rotate(0deg);
		transform: translate(-30px) rotate(0deg)
	}

	15% {
		-webkit-transform: translate(-60px,0px) rotate(-90deg);
		transform: translate(-60px,0px) rotate(-90deg)
	}

	65% {
		-webkit-transform: translate(-60px,226px) rotate(-90deg);
		transform: translate(-60px,226px) rotate(-90deg)
	}

	70% {
		-webkit-transform: translate(-66px,226px) rotate(0deg);
		transform: translate(-66px,226px) rotate(0deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-160px,226px) rotate(0deg);
		transform: translate(-160px,226px) rotate(0deg)
	}
}

@keyframes payments-phone-ill__line-dollar_5 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	10% {
		opacity: 1;
		-webkit-transform: translate(-30px);
		transform: translate(-30px)
	}

	15% {
		-webkit-transform: translate(-60px,0px);
		transform: translate(-60px,0px)
	}

	65% {
		-webkit-transform: translate(-60px,226px);
		transform: translate(-60px,226px)
	}

	70% {
		-webkit-transform: translate(-66px,226px);
		transform: translate(-66px,228px)
	}
	to {
		opacity: 1;
		-webkit-transform: translate(-160px,226px) ;
		transform: translate(-160px,228px)
	}
}

.partnerships__row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 120px 0;
	gap:  0 120px;
}
.partnerships__row-left{
	max-width: 601px;
	padding: 20px 0 0 0;
}
.partnerships__row-title{
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	color: #003462;
	margin: 0 0 40px 0;
}
.partnerships__row-sb{
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	margin: 0 0 40px 0;
}

.partnerships__row-left ul li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
}
.partnerships__row-left ul li:not(:last-child){
	margin: 0 0 10px 0;
}
.partnerships__row-left ul li:before{
	content: "";
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: url("../img/check-black.svg") center no-repeat #f1f8f7;
}


.partnerships__bottom{
	margin: 120px auto 120px;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	text-align: center;
	color: #003462;
	background: #f2f8f7;
	border-radius: 10px;
	max-width: 900px;
	padding: 31px 31px;
}



.partnerships__wrapper{
	margin: 120px 0 0 0;
}
.partnerships__wrapper-title{
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	color: #003462;
	margin: 0 0 40px 0;
}
.partnerships__wrapper-row{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.partnerships__wrapper-left{
	max-width: 461px;
}
.partnerships__wrapper-sb{
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	margin: 0 0 40px 0;
}
.partnerships__box{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 20px;
}
.partnerships__box:not(:last-child){
	margin: 0 0 20px 0;
}
.partnerships__box-number{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #4bc0af;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.77778;
	text-align: center;
	color: #fff;
	position: relative;
}
.partnerships__box-number:after{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background: #4bc0af;
	width: 2px;
	height: 50px;
}
.partnerships__box-text{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
}
.partnerships__box-text b{
	font-weight: 600;
}
.partnerships__box:last-child .partnerships__box-number:after{
	display: none;
}
/* -------------- power -------------- */
.power{

}
.power__top{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 60px 0;
	gap: 0 166px;
}
.power__top-left{
	max-width: 600px;
}
.power__sb{
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
}
.power__row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -20px;
	gap: 20px 0;
}
.power__row .col{
	padding: 0 20px;
	width: 25%;
}
.power__item{

}
.power__item-ico{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: url("../img/check-duotone.svg") center no-repeat #4bc0af;
	margin: 0 0 20px 0;
}
.power__item-text{

}
.power__item-text b{
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	margin: 0 0 10px 0;
}
.power__item-text p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}
/* -------------- vault -------------- */
.vault{
	padding-top: 0px;
}
.vault__top{
	margin: 0 0 60px 0;
	text-align: center;
}
.vault__top .title{
	margin: 0 0 20px 0;
}
.vault__top p{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
	color: #000;
}
.vault__container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px 60px;
}
.vault__wrap{
	max-width: 560px;
}
.vault__wrap ul li:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #fff url("../img/check-black.svg") center no-repeat;
}
.vault__wrap ul li{
	font-weight: 600;
	font-size: 18px;
	line-height: 1.77778;
	color: #000;
	padding: 0 0 0 60px;
	position: relative;
}
.vault__wrap ul li:not(:last-child){
	margin: 0 0 30px 0;
}
/* -------------- option -------------- */
.option{

}
.option__head{
	margin: 0 0 60px 0;
	text-align: center;
}
.option__head .title{
	margin: 0 0 20px 0;
}
.option__head p{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
	color: #000;
}

.option__row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -20px 80px -20px;
	gap: 20px 0;
}
.option__row .col{
	width: 25%;
	padding: 0 20px;
}
.option__item{

}
.option__item-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #f1f8f7;
	border: 3px solid  #4bc0af;
	margin: 0 0 20px 0;
}
.option__item-text{

}
.option__item-text b{
	display: block;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	margin: 0 0 10px 0;
}
.option__item-text p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}

.option__title{
	text-align: center;
	margin: 0 0 40px 0;
}
.option__title-item{
	font-weight: 700;
	font-size: 28px;
	line-height: 1.14286;
	color: #003462;
	margin: 0 0 20px 0;
}
.option__title p{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}
.option__wrapper{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 140px;
}
.option__wrapper-title{
	font-weight: 700;
	font-size: 20px;
	line-height: 1.8;
	color: #000;
	margin: 0 0 40px 0;
}
.option__wrapper-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 15px;
}
.option__wrapper-item:not(:last-child){
	margin: 0 0 10px 0;
}
.option__wrapper-img{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #f1f8f7;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}
.option__wrapper-item span{
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 2.5;
	color: #000;
}
.option__block{
	background: #f2f8f7;
	border-radius: 10px;
	max-width: 800px;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	text-align: center;
	color: #003462;
	padding: 30px 50px;
	margin: 60px auto 40px;
}
.option__bottom{
	display: flex;
	justify-content: center;
	align-items: center;
}










/* -------------- contact -------------- */
.contact{
	padding: 80px 0;
}
.contact__wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 50px;
}
.contact__left{
	width: 100%;
	max-width: 551px;
}
.contact__item:not(:last-child){
	margin: 0 0 20px 0;
}
.contact__item-label{
	font-weight: 600;
	font-size: 18px;
	line-height: 1.77778;
	color: #123360;
	margin: 0 0 10px 0;
}
.contact__item-input{
	border-radius: 5px;
	width: 100%;
	height: 60px;
	background: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #123360;
	padding: 0 20px;
}
.contact__item-input::-webkit-input-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #999;
}
.contact__item-input:-moz-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #999;
}
.contact__item-textarea{
	border-radius: 5px;
	width: 100%;
	height: 175px;
	background: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #123360;
	padding: 20px 20px 0 20px;
	border: none;
}
.contact__item-textarea::-webkit-input-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #999;
}
.contact__item-textarea:-moz-placeholder{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #999;
}
.contact__img{
	padding: 42px 0 0 0;
}
.contact__img img{
	border-radius: 20px;
	max-width: 599px;
	margin: 0 0 20px 0;
}
.contact__img span{
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.77778;
	text-align: center;
	color: #123360;
}
.contact__form-btn{
	width: 240px;
	height: 60px;
	margin: 35px 0 0 0;
}
/* -------------- footer -------------- */
.footer{
	background: #123360;
	padding: 60px 0;
}
.footer .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer__nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 30px;
}
.footer__nav ul li a{
	display: block;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	transition: 0.2s;
}
.footer__nav ul li a:hover {
	color: #4bc0af;
}
/* -------------- form -------------- */
.form-page{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.form-page .header{
	position: relative;
}
.form{
	background: #f1f8f7;
	padding: 60px 0 100px 0;
	flex-grow: 1;
}
.form__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 40px 0;
}
.form__top-title{
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	color: #123360;
}
.form__top-step{
	border-radius: 5px;
	width: 100px;
	height: 48px;
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 3;
	text-align: center;
	color: #143356;
}
.form__top-step span{
	color: #4bc0af;
}

.form__block{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	border-radius: 5px;
}
.form__block:not(:last-child){
	margin: 0 0 40px 0;
}
.form__block-title{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	padding: 21px 40px;
	border-bottom: 2px solid #f1f8f7;
}
.form__block-wrap{
	padding: 30px 40px 40px 40px;
}
.form .row{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -21px;
	margin-right: -21px;
	gap: 30px 0;
}
.form .col{
	padding-left: 21px;
	padding-right: 21px;
}
.form .col-4{
	width: 33.333333%;
}
.form .col-6{
	width: 50%;
}
.form .col-12{
	width: 100%;
}
.form__item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*height: 100%;*/
}
.form__item-title{
	font-weight: 500;
	font-size: 16px;
	color: #000;
	margin: 0 0 15px 0;
}
.form__item-title.mb-28{
	margin-bottom: 28px;
}
.input-height{
	min-height: 48px;
}
.form__item-input{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	background: #f1f8f7;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #003462;
	padding: 0 20px;
}
.form__item-input::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #a9bcba;
}
.form__item-input-moz-placeholder{
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #a9bcba;
}
.b-select{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	color: #123360;
	padding: 0 20px;
	cursor: pointer;
	background: #f1f8f7 url(../img/select-arrow.svg);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	-ms-appearance: none;
	appearance: none !important;
}
.form__btns{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0 20px;
}
.form__btns-wrap{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0 20px;
}
.btn-save{
	border-radius: 30px;
	width: 200px;
	height: 60px;
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.77778;
	text-align: center;
	color: #143356;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s;
}
.btn-save:hover{
	background: #4bc0af;
	color: #fff;
}
.btn.sm{
	border-radius: 30px;
	width: 200px;
	height: 60px;
}
.form__block-check{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 60px;
}
.btn-save.green{
	background: #4bc0af;
	color: #fff;
}
.btn-save.green:hover{
	background: #4BAB9D;
}
.form__item-container{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
}
.form__item-container .form__item-wrap{
	width: 420px;
}
.btn-upload{
	border-radius: 5px;
	width: 120px;
	height: 48px;
	font-size: 16px;
	font-weight: 500;
}
.form__item-container .form__item-input{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.form__item-container .form__item-input span{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.form__item-container .form__item-input input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.form__item-wrap.file-selected .form__item-input span{
	color: #003462;
}
.form__files{
	margin: 20px 0 0 0;
}
.form__file{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.form__file:not(:last-child){
	margin: 0 0 10px 0;
}
.form__file-img{
	width: 32px;
	height: 32px;
	background: url("../img/file.svg") center no-repeat;
	margin: 0 10px 0 0;
}
.form__file-name{
	font-weight: 500;
	font-size: 14px;
	color: #000;
}
.form__file-del{
	margin: 0 0 0 24px;
	width: 16px;
	height: 16px;
	background: url("../img/close.svg") center no-repeat;
}
.form__file-del:hover{
	background: url("../img/close_red.svg") center no-repeat;
	background-size: 10px;
}
.form__block_files .form__block-wrap{
	padding-top: 30px;
	padding-bottom: 30px;
}
.form__block_files .form__block-wrap:not(:last-child){
	border-bottom: 2px solid #f1f8f7;
}

/* -------------- admin-page -------------- */
.admin-page{

}
.admin-page .content {
	min-height: 100vh; /* Устанавливаем минимальную высоту по умолчанию */
}

.admin-page{
	min-width: 1600px;
}
.admin-page .container{
	width: 1230px;
	max-width: 1230px;
}
.admin-page .header{
	position: relative;
}
.content{
	padding: 60px 0 100px 0;
	background: #f1f8f7;
}
.content__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 40px 0;
}
.content__title{
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	color: #003462;
}
.content__top-right{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 20px;
}
.content__select{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
}
.content__select-title{
	font-weight: 600;
	font-size: 16px;
	color: #000;
}
.content__select .default-select{
	width: 200px;
}
.content__select .ts-dropdown{
	background: #fff;
}
.content__select .ts-control{
	background: #fff url(../img/select-down.svg) right 20px center no-repeat !important;
	background-size: 21px !important;
}

.content__search{
	position: relative;
	width: 300px;
}
.content__search-input{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	background: #fff;
	padding: 0 30px 0 20px;
	font-weight: 500;
	font-size: 14px;
	color: #003462;
}
.content__search-input::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.content__search-input-moz-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.content__search-btn{
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

.content__table{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	padding: 40px;
	border-radius: 5px;
}
.content__table table{
	width: 100%;
	border-collapse: collapse;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.content__table th{
	background: #003462;
	height: 60px;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.23077;
	text-align: left;
	color: #fff;
	padding: 0 20px;
	border-right: 1px solid #4e6687;
}
.content__table th:last-child{
	border-right: 1px solid #003462;
}
.content__table th:nth-child(5) ,
.content__table th:nth-child(6) ,
.content__table th:nth-child(7){
	text-align: center;
}

.content__table tr:nth-child(even) td{
	background: #f5f6f9;
}
.content__table td{
	height: 50px;
	padding: 0 20px;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.23077;
	color: #000;
	border-bottom: 1px solid #dbdfe9;
	border-right: 1px solid #dbdfe9;
}
.content__table td:first-child{
	border-left:  1px solid #dbdfe9;
}
.content__table td:nth-child(5) ,
.content__table td:nth-child(6) ,
.content__table td:nth-child(7){
	text-align: center;
}
.td-messages{
	border-radius: 2px;
	min-width: 26px;
	height: 26px;
	background: #4bc0af;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.23077;
	text-align: center;
	color: #fff;
	padding: 0 3px;
}
.table_hovered tr:hover td{
	background: #fcf9f0;
	cursor: pointer;
}
.pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 20px;
	margin: 40px 0 0 0;
}
.pagination__btn{
	border: 1px solid #dbdfe9;
	border-radius: 5px;
	width: 48px;
	height: 48px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
}
.pagination ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 2px;
}
.pagination ul li span{
	width: 48px;
	height: 48px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #000;
}
.pagination ul li a{
	border: 1px solid #dbdfe9;
	border-radius: 5px;
	width: 48px;
	height: 48px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #000;
	transition: 0.3s;
}
.pagination ul li a:hover , .pagination__btn:hover{
	border-color: #003462;
}
.pagination ul li a.active{
	background: #003462;
	color: #ffffff;
}
.pagination__btn:active{
	background: #003462;
}
.pagination__btn:active svg path{
	stroke: #fff;
}


.content__btns{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 6px;
}
.content__btn , .content__back{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 3;
	text-align: center;
	color: #003462;
	border-radius: 5px;
	width: 140px;
	height: 48px;
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	gap: 0 12px;
	transition: 0.3s;
}
.content__btn:hover{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #4bc0af;
	color: #fff;
}
.content__btn.active{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #003462;
	color: #fff;
}


.content__back{
	width: 120px;
}
.content__back:hover{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #003462;
	color: #fff;
}
.content__back:hover svg path{
	fill: #fff;
}
.content__wrapper{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	gap: 0 40px;
}
.aside{
	position: relative;
	width: 360px;
	flex-shrink: 0;
	box-shadow: 0 0 10px 0 #e4f1ef;
	border-radius: 5px;
	background: #fff;
	padding: 20px 0 40px 0;
}
.aside__container:not(:last-child){
	margin: 0 0 60px 0;
}
.aside__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 30px 20px 40px;
	margin: 0 0 30px 0;
	border-top: 2px solid #f1f8f7;
}
.aside__top-title{
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
	color: #000;
	text-transform: capitalize;
}
.aside__top-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	border: 2px solid #DBDFE9;
	border-radius: 5px;
}
.aside__wrapper{
	padding: 0 40px;
}
.aside__wrapper_check{
	padding-left: 16px;
}
.aside__block{

}
.aside__block ul:not(:last-child){
	margin: 0 0 40px 0;
}
.aside__block ul li , .aside__block ul li a{
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}
.aside .b-checkbox:not(:last-child){
	margin: 0 0 10px 0;
}
.aside .b-checkbox label i{
	font-weight: 500;
	font-size: 13px;
	line-height: 1.38462;
	color: #000;
	padding: 3px 0 0 0;
}
.file__ico{
	width: 24px;
	height: 24px;
	background: url("../img/file2.svg") center no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin: 0 5px 0 0;
}
.aside__select{
	margin: 40px 0 0 0;
}
.aside__select-title{
	font-weight: 600;
	font-size: 16px;
	color: #000;
	margin: 0 0 15px 0;
}
.aside__select-bottom{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0 0;
	align-items: center;
}
.aside__select-bottom .btn{
	width: 120px;
	height: 48px;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: #fff;
}


.content__right{
	flex-grow: 1;
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	border-radius: 5px;
	min-height: 1326px;
}
.content__right .aside__top{
	padding: 21px 40px;
	margin: 0;
}

.chat{
	position: relative;
}
.chat__wrapper{
	padding: 40px;
	height: 1158px;
	overflow: auto;
}
.chat__item{
	display: flex;
	flex-direction: column;
}
.chat__item-container{
	max-width: 660px;
}
.chat__item:not(:last-child){
	margin: 0 0 40px 0;
}
.chat__item-top{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 0 20px 0;
}
.chat__item-user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
}
.chat__item-ico{
	background: #4bc0af url("../img/k1.svg") center no-repeat;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}
.chat__item-name{
	font-weight: 600;
	font-size: 18px;
	line-height: 1.33333;
	color: #003462;
}
.chat__item-desc{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14286;
	color: #999;
}
.chat__item-date{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14286;
	text-align: right;
	color: #999;
}
.chat__item-content{
	background: #f1f8f7;
	border-radius: 5px;
	padding: 20px;
	min-width: 660px;
}
.chat__item-content p{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #000;
}
.chat__item-content p:not(:last-child){
	margin: 0 0 20px 0;
}
.chat__file{
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0 0 0;
	border-top: 1px solid #ccdbd9;
	gap: 0 5px;
}
.chat__file:first-child{
	border: none;
	padding: 0;
}
.chat__file-name{
	font-weight: 600;
	font-size: 14px;
	line-height: 1.14286;
	text-align: right;
	color: #003462;
	cursor: pointer;
}
.chat__file-ico{
	background: url("../img/file2.svg") no-repeat;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
.chat__file:hover .chat__file-name{
	text-decoration: underline;
}
.chat__item.ansver{
	align-items: flex-end;
}
.chat__item.ansver .chat__item-top{
	flex-direction: row-reverse;
}
.chat__item.ansver .chat__item-user{
	flex-direction: row-reverse;
}
.chat__item.ansver .chat__item-content{
	text-align: right;
}
.chat__item.ansver .chat__file{
	justify-content: flex-end;
}
.chat__scroll{
	position: absolute;
	bottom: 162px;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid #d6e5e3;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background: url("../img/angle-down.svg") center no-repeat #f1f8f7;
	transition: 0.3s;
}
.chat__scroll:hover{
	border-color: #003462;
	background: url('../img/angle-down_wh.svg') center no-repeat #003462;
}
.chat__bottom{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 40px;
	border-top: 2px solid #f1f8f7;
}
.chat__input{
	flex-grow: 1;
	border: 1px solid #d6e5e3;
	border-radius: 30px;
	height: 60px;
	background: #f1f8f7;
	padding: 18px 20px 0 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #003462;
}
.chat__input::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #a9bcba;
}
.chat__input:-moz-placeholder{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #a9bcba;
}
.input__file-wrapper {
	position: relative;
}
.input__file-hidden {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: -1;
}
.input__file {
	margin: 0 10px;
	border: 1px solid #d6e5e3;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	background: #f1f8f7;
	transition: background-color 0.3s ease;
}
.input__file:hover {
	background: #003462;
	border-color: #003462;
}
.input__file svg path{
	transition: 0.3s;
}
.input__file:hover svg path{
	transition: 0.3s;
	stroke: #fff;
}
.btn-send{
	width: 160px;
	height: 60px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.77778;
	text-align: center;
	color: #fff;
	gap: 0 10px;
	flex-shrink: 0;
}
.modal__bottom{
	display: flex;
	justify-content: flex-end;
	border-top: 2px solid #f1f8f7;
	padding: 30px 40px 40px 40px;
}



/* -------------- modal -------------- */
body.modal-open {
	padding-right: var(--scrollbar-width);
}
body.modal-open .header{
	padding-right: var(--scrollbar-width);
}
body.modal-open .modal-overlay{
	padding-right: var(--scrollbar-width);
}
.admin-page.modal-open  .header{
	padding-right: 0;
}
.modal-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 52 98 / 20%);
	z-index: 99999;
	overflow: auto;
	padding:  76px 0;
	display: none;
}
.modal-overlay::-webkit-scrollbar { width: 0; }
.modal-overlay { -ms-overflow-style: none; }
.modal-overlay { overflow: -moz-scrollbars-none; }
.modal-content{
	width: 100%;
	max-width: 800px;
	border-radius: 5px;
	background: #fff;
	margin: 0 auto 0;
	position: relative;
	box-shadow: 0 0 30px 0 rgba(0, 52, 98, 0.2);
}

.modal__title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 40px;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	border-bottom: 2px solid #f1f8f7;
}
.modal__content{
	padding: 30px 40px 40px 40px;
}
.modal__item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 20px;
}
.modal__item:not(:last-child){
	margin: 0 0 10px 0;
}
.modal__item-name{
	font-weight: 600;
	font-size: 16px;
	color: #000;
	width: 120px;
	flex-shrink: 0;
	padding: 14px 0 0 0;
}
.modal__item-input{
	flex-grow: 1;
}
.modal__item-input textarea{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	width: 580px;
	height: 150px;
	background: #f1f8f7;
	font-weight: 500;
	font-size: 14px;
	color: #123360;
	padding: 20px;
}
.modal__item-input textarea::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.modal__item-input textarea:-moz-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.modal__item .chat__file{
	padding: 0;
	border: none;
}
.modal__item .chat__file:not(:last-child){
	margin: 0 0 10px 0;
}
.content__chat{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	border-radius: 5px;
}
.content__chat .chat__wrapper{
	height: 1185px;
}

.modal_login .modal-content{
	max-width: 600px;
}
.modal_login .modal__bottom{
	padding-top: 0px;
	border: none;
}
.modal_login .modal__item{
	gap: 0 30px;
}
.modal_login .modal__item-name{
	width: 90px;
}
.modal-close svg path{
	transition: 0.3s;
}
.modal-close:hover svg path{
	stroke: #003462
}

.ts-control{
	border: 1px solid #d6e5e3;
	border-radius: 5px;
	height: 48px;
	background: url("../img/select-down.svg") right 20px center no-repeat #f1f8f7 !important;
	background-size: 21px !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #003462;
	padding: 11px 20px;
}

.ts-dropdown, .ts-control, .ts-control input::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.ts-dropdown, .ts-control, .ts-control input:-moz-placeholder{
	font-weight: 500;
	font-size: 14px;
	color: #a9bcba;
}
.ts-dropdown, .ts-control, .ts-control input{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #003462;
}
.dropdown-active .ts-control{
	border-radius: 5px 5px 0 0;
}
.ts-dropdown{
	margin: 0;
	border: 1px solid #d6e5e3;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background: #f1f8f7;
	box-shadow: none;
	padding: 5px 10px 5px 20px;
}
.ts-dropdown .option{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #003462;
	padding: 5.6px 0
}
.ts-dropdown .option.selected{
	background: none !important;
	color: #4bc0af !important;
}
.ts-dropdown .option.active{
	background: none !important;
	color: #4bc0af !important;
}
.ts-dropdown .active{
	background: none !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #003462 !important;
}
.ts-dropdown .option:not(:last-child){
	border-bottom: 1px solid #d6e5e3;
}
.ts-dropdown-content{
	max-height: 252px;
	padding-right: 10px;
}
.ts-dropdown-content::-webkit-scrollbar{
	border-radius: 0px;
	height: 4px;
	width: 4px;
	background-color: rgba(255, 255, 255, 0);
}
.ts-dropdown-content::-webkit-scrollbar-track{
	border-radius: 0px;
}
.ts-dropdown-content::-webkit-scrollbar-thumb{
	background-color: #003462;
	border-radius: 0px;
	outline: none;
}
.default-select input{
	caret-color: transparent;
}
.icon-hover{
	transition: 0.3s;
}
.icon-hover svg path{
	transition: 0.3s;
}
.icon-hover:hover{
	border-color:  #003462;;
}
.icon-hover:hover svg path{
	stroke: #003462;
}

.aside__top-file{
	position: relative;
	display: inline-flex;
	cursor: pointer;
}

.aside__top-file input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: none;
}
.modal__edit .modal__item-name{
	width: 200px;
}
.modal__content-block:not(:last-child){
	margin-bottom: 50px;
}
.content__wrapper .tab-pane{
	flex-grow: 1;
}

.aside__top-add{
	font-weight: 600;
	font-size: 16px;
	line-height: 2.25;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-align: right;
	color: #4bc0af;
}
.aside__top-add:hover{
	text-decoration: none;
}
.content__wrap{
	padding: 40px
}
.credentials{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 10px;
}
.credentials:not(:last-child){
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dbdfe9;
}
.credentials__left ul{

}
.credentials__left ul li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71429;
	color: #000;
}
.credentials__left ul li span{
	width: 112px;
	flex-shrink: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.71429;
	color: #000;
}

.edit__btns{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 10px;
}
.edit__btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1.50px solid #dbdfe9;
	border-radius: 3px;
	min-width: 60px;
	height: 40px;
	font-weight: 700;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	color: #dbdfe9;
	padding: 0 16px;
	transition: 0.3s;
}
.edit__btn:hover{
	border-color: #003462;
	color: #003462;
}
.modal__addCredential .modal__item{
	gap: 0;
}
.modal__addCredential .modal__item-name{
	width: 180px;
}
.white-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 3;
	text-align: center;
	color: #003462;
	border-radius: 5px;
	min-width: 120px;
	height: 48px;
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #fff;
	transition: 0.3s;
	padding: 0 22px;
}
.white-btn:hover{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #003462;
	color: #fff;
}

.td__edit{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
}
.td__btn{
	border: 1.50px solid #dbdfe9;
	border-radius: 3px;
	width: 26px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.acquirers_table table thead th{
	width: 338px;
}
.acquirers_table table thead th:nth-child(4){
	width: 100px;
}

.acquirer__contacts{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 40px;
}
.acquirer__contacts-left{
	flex-grow: 1;
}
.acquirer__contacts .modal__item{
	gap: 0;
}
.acquirer__contacts .modal__item-name{
	width: 140px;
}
.acquirer__contacts:not(:first-child){
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px solid #dbdfe9;
}
.acquirer__contacts.last{
	display: none;
}
.acquirer__contacts.last.active{
	display: flex;
}
.add_contact.disabled{
	pointer-events: none;
	opacity: 0;
}

.content__box-bottom{
	display: flex;
	justify-content: flex-end;
}
.content__box:not(:last-child){
	margin-bottom: 40px;
}
.content__title.md{
	font-weight: 600;
	font-size: 24px;
}
.credentials__left ul li a{
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #4bc0af;
}
.credentials__left ul li a:hover{
	text-decoration: none;
}
.white_bg{
	background: #fff;
	box-shadow: 0 0 10px 0 #e4f1ef;
	border-radius: 5px;
}
.tab-pane{
	display: none;
}
.tab-pane.active{
	display: block;
}
.pt-0{
	padding-top: 0px;
}
.mb-20{
	margin-bottom: 20px;
}
.second-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	min-width: 200px;
	background: #4bc0af;
	height: 60px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.77778;
	text-align: center;
	color: #fff;
	transition: 0.3s;
}
.second-btn:hover{
	box-shadow: 0 0 10px 0 #e4f1ef;
	background: #4bab9d;
}

.error-wrapper {
	display: none;
	color: red
}

.w-600 {
	max-width: 600px;
}

.justify-center {
	justify-content: center;
}

.gap-15 {
	gap: 15px;
}

.error {
	border-color: #ff4444 !important;
}
label.error {
	color: #ff4444;
	font-size: 0.8em;
	margin-top: 5px;
	display: block;
}

.form__block-check.error {
	position: relative;
	padding: 15px;
	border: 2px solid #ff4444;
	border-radius: 4px;
	margin-top: 10px;
}

.form__block-check.error:after {
	content: "✓ Please select at least one option";
	color: #ff4444;
	font-size: 12px;
	position: absolute;
	bottom: -20px;
	left: 0;
}

.b-checkbox_radio.error label span,
.b-checkbox.error label span {
	border-color: #ff0000 !important;
}

.modal__item.keys {
	width: 100%;
	justify-content: space-between;
}

.key__last {
	display: none;
}

.key__last.active {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.add_key {
	font-weight: 600;
	font-size: 16px;
	line-height: 2.25;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-align: right;
	color: #4bc0af;
}

.flex-grow {
	flex-grow: 1;
}

.credentials___key:not(:last-child) {
	border-bottom: 1px solid #dbdfe9;
}

.toast {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 15px 20px;
	color: white;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	opacity: 0;
	transform: translateX(100%);
	transition: opacity 0.5s ease, transform 0.5s ease;
	z-index: 1000;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.toast.show {
	opacity: 1;
	transform: translateX(0);
}

.toast.error {
	background-color: #ff4444;
}

.form__block-check.error {
	border-color: #EF4231;
}

.toast.success {
	background-color: #00C851;
}

.modalToast {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.9);
	background: linear-gradient(135deg, #ffffff, #f9f9f9);
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	max-width: 400px;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modalToast.show {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);

}

hr {
	width: 90%;
	border: 0;
	height: 1px;
	background: #e0e0e0;
	margin: 10px 0;
}

.modal-button {
	margin-top: 20px;
	padding: 12px 30px;
	font-size: 16px;
	cursor: pointer;
	border: none;
	border-radius: 25px;
	background: #123360;
	color: white;
	transition: background 0.3s ease, transform 0.2s ease;
}

.modal-button:hover {
	background: linear-gradient(135deg, #0056b3, #007bff);
	transform: scale(1.05);
	background: #4bc0af;
}

.modal-button:active {
	transform: scale(0.95);
}
.modalToastTitle {
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	padding: 0 40px 0 40px;
}

.modalToastText {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	margin: 10px 0 20px 0;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.overlay.show {
	opacity: 1;
	visibility: visible;
}

#multiStepForm {
	display: none;
}

.loader {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	font-size: 24px;
	color: #333;
}

.empty {
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	color: #123360;
}

.nav ul li a span.nav__blue {
	display: none;
}

.modalToastButtons {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.modalToastButtons button {
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}

.btn:disabled {
	background: #12336066;
	border: 1px solid #12336069;
}

.chat__item-files {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px;
	border-top: 1px solid #ccdbd9;
	padding-top: 20px;
}

.ansver .chat__item-files {
	justify-content: flex-end;
}

.ansver .chat__item-name {
	text-align: end;
}


.chat__item-file {
	display: inline-flex;
	align-items: center;
}

.chat__files {
	padding: 0 40px 30px 40px;
	margin-top: -10px;
}

.no-message {
	padding-top: unset;
	border-top: unset;
}

.no-files {
	padding: 0 30px 0 40px;
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.75;
	color: #000;
}

.url-input-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.btn-add-url {
	background-color: #123360;
	color: white;
	border: none;
	padding: 4px 8px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-add-url:hover {
	background-color: #0f2a4d;
}

.btn-remove-url {
	background-color: #ff4d4d;
	color: white;
	border: none;
	padding: 4px 8px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-remove-url:hover {
	background-color: #cc0000;
}

.acq__modal {
	padding: 20px 20px 20px 0;
}

.credentials__left li {
	white-space: nowrap;
}

.select__all {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.select__box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aside__top-btn input[type="checkbox"]:checked + label span {
	background-color: #007BFF;
	border-color: #007BFF;
}

.aside__top-btn input[type="checkbox"]:checked + label span::after {
	content: '';
	position: absolute;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.modal__del {
	margin: 0;
}

.merchant_notes {
	padding: 10px;
}

.no_border{
	border-top: none;
}

.merch_table {
	padding: 0;
}

.modalMerch {
	margin: 10px 0 5px 0;
}

.file-group-title {
	font-weight: bold;
	margin-bottom: 15px;
}

.file-group-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-left: 10px;
}

.file-group {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 10px;
	background-color: #f1f8f7;
}

.no-files-group {
	color: #999;
	font-style: italic;
	text-align: center;
	padding: 20px;
}

.acquirer__history-fileWrapper {
	padding: 5px 0;
}

.acquirer__history-fileList {
	padding: 5px 0;
}

.acquirer__history-fileItem {
	padding: 5px 0;
}

.acquirer__payment-types__wrapper {
	display: flex;
	gap: 44px;
	padding: 15px 0;
}

.acquirer__payment-types__item {
	gap: 30px;
	display: flex;
	flex-direction: column;
}

.flex-direction-column {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.merch_table td {
	padding: 0 15px;
}

.footer-contact-info p{
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
}

.footer-contact-info p > a{
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
}

/* -------------- faq -------------- */
.inner-page{
	padding-right: 0;
}
.inner-page .header {
	position: static;
	padding: 10px 0;
	background: #093359;
}
.faq{
	padding: 150px 0;
	background: #f1f8f7;
}
.faq__title{
	font-weight: 500;
	font-size: 50px;
	color: #4ec7b2;
	margin: 0 0 40px 0;
}
.faq__item{

}
.faq__item:not(:last-child){
	margin: 0 0 40px 0;
}
.faq__item-top{
	font-weight: 600;
	font-size: 26px;
	color: #093359;
	padding: 0 0 20px 0;
	position: relative;
	cursor: pointer;
	padding-right: 45px;
	border-bottom: 1px solid #b7c1cc;
}
.faq__item-top:after{
	position: absolute;
	top: 10px;
	right: 0;
	content: "";
	width: 32px;
	height: 17px;
	background: url("../img/arrow.svg") center no-repeat;
	transition: 0.3s;
}
.faq__item-top.active:after{
	transform: rotate(180deg);
}
.faq__item-container{
	display: none;
}
.faq__item-wrap{
	padding: 40px 0 0 0;
}
.faq__item-wrap.flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.faq__item-wrap ul{

}
.faq__item-wrap ul li{
	font-weight: 500;
	font-size: 19px;
	line-height: 1.57895;
	color: #093359;
}
.faq__item-wrap p{
	font-weight: 500;
	font-size: 19px;
	line-height: 1.57895;
	color: #093359;
}

/* -------------- text -------------- */
.text__block{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.text__block:not(:last-child){
	margin: 0 0 40px 0;
}
.text__block-title{
	font-weight: 600;
	font-size: 26px;
	color: #093359;
}
.text__block p{
	font-weight: 600;
	font-size: 19px;
	line-height: 1.57895;
	color: #093359;
	margin: 0;
}
.text__block  ul li{
	font-weight: 600;
	font-size: 19px;
	line-height: 1.57895;
	color: #093359;
	padding: 0 0 0 80px;
	position: relative;
}
.text__block  ul li:before{
	position: absolute;
	top: 10px;
	left: 55px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #093359;
}


.delete-merchant-btn {
	width: 100%;
	margin-top: 50px;
	padding: 8px 12px;
	background-color: #cc4b48;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: background-color 0.2s;
}

.delete-merchant-btn:hover {
	background-color: #b1403d;
}