/* Start:/local/templates/main/template_styles.css?17459235328175*/

#banner-action{
display:flex;
width:100%;
max-width:1160px;
padding:12px 20px;
align-items:flex-start;
align-content:flex-start;
flex-wrap:wrap;
border-radius:12px;
background:#F4F5F7;
margin:0 auto 40px;
justify-content:space-between;

}
#banner-action .left{
display:flex;
min-width:280px;
max-width:540px;
align-items:center;
align-content:center;
gap:12px;
flex:1 0 0;
flex-wrap:wrap;
}
#banner-action .left .title{
color:#0057FF;
font-family:Inter;
font-size:32px;
font-style:normal;
font-weight:700;
line-height:38px;
letter-spacing:-0.64px;
}
#banner-action img{
display:flex;
border-radius:9999px;
min-width:280px;
max-width:400px;
flex-direction:column;
align-items:flex-start;
flex:1 0 0;
}

.large-info{
	font-size:172px;
	font-weight:700;
	line-height:70.023%;
	letter-spacing:-9.9px;
	color:var(--bg20)
}
header.main{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between
}
header.main .maininfo{
	max-width:460px;
	margin:20px 0 var(--margin-main)
}
header.main .maininfo form{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between
}
header.main .maininfo form > *{
	width:100%;
	max-width:48%
}
header.main .banner{
	max-width:460px;
	height:fit-content;
	max-width:calc(100% - 460px - 50px);
	margin-top:-5px
}
header.main .banner img{
	width:100%
}
#helped{
	padding:20px;
	text-align:center;
	background:var(--bg10);
	max-width:378px;
	margin:0 auto;
	font-size:18px;
	font-weight:700;
	line-height:26px;
	color:var(--text05);
	border-radius:12px
}
#helped .update{
	width:52px;
	justify-content:center;
	overflow:hidden;
	display:inline-flex
}

#features{
	margin-bottom:var(--margin-main)
}
#features ul{
	display:flex;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
	justify-content:space-between
}
#features ul li{
	width:100%;
	max-width:32.5%;
	background:var(--bg10);
	border-radius:12px;
	padding:12px 24px 24px;
	font-weight:700;
	font-size:18px;
	line-height:26px
}
#features ul li img{
	display:block;
	max-width:64px;
	margin-bottom:12px
}

#team{
	display:flex;
	width:100%;
	justify-content:space-between;
	margin-bottom:var(--margin-main)
}
#team .maininfo,
#team .picture{
	max-width:48%;
	overflow:hidden;
	border-radius:12px
}
#team .picture .banner{
	object-fit:cover;
	width:100%;
	max-width:unset;
	min-height:100%;
	background-position:center
}

#check-pts{
	max-width:960px;
	padding:var(--padding-main);
	display:flex;
	background:var(--bg20);
	border-radius:12px;
	margin-bottom:var(--margin-main)
}
#check-pts h2,
#check-pts form{
	width:100%;
	max-width:48%
}
#check-pts form input{
	margin-top:0;
	max-width:100%;
	background:#fff
}
#check-pts form .button{
	width:100%
}


#process{
	margin-bottom:var(--margin-main)
}
#process ol.primary,
#process ol.secondary{
	list-style:none;
	padding:0;
	margin:0
}
#process ol.primary{
	padding-left:var(--padding-main);
	margin-left:var(--padding-main-neg);
	border-left:1px solid #D7DAE0
}
#process ol.primary .button-heading{
	margin-bottom:20px
}
#process ol.primary .button-heading:before{
	content:"";
	height:1px;
	width:var(--padding-main);
	background:#D7DAE0;
	left:var(--padding-main-neg);
	bottom:13px;
	position:absolute;
	display:block
}
#process ol.secondary{
	margin:20px 0 40px
}
#process ol.secondary > li{
	counter-increment:number;
	position:relative;
	padding-left:44px;
	margin-bottom:20px
}
#process ol.secondary > li ul li{
	margin-top:12px
}
#process ol.secondary > li:before{
	content:counter(number);
	display:flex;
	width:32px;
	height:32px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#D7DAE0;
	position:absolute;
	left:0;
	top:-4px
}

#get-lead{
	background:#F4F5F7;
	border-radius:12px;
	padding:var(--padding-main);
	margin-bottom:var(--margin-main)
}
#get-lead .h2{
	text-align:center;
	max-width:740px;
	margin:0 auto 20px
}
#get-lead .description{
	color:var(--text04);
	max-width:740px;
	margin:0 auto 20px;
	text-align:center
}
#get-lead .button{
	margin:0 auto
}

#order{
	display:flex;
	width:100%;
	margin-bottom:var(--margin-main);
	justify-content:space-between;
	background:#F4F5F7;
	border-radius:12px;
	padding:var(--padding-main)
}
#order .button-heading{
	margin-bottom:26px
}
#order input[type=checkbox],
#order input[type=radio]{
	appearance:none;
	background:var(--text04);
	margin-right:8px;
	border-radius:4px;
	cursor:pointer;
	display:block;
	min-width:24px;
	min-height:24px;
	border:2px solid var(--text01);
	position:relative
}
#order input[type=checkbox]:checked,
#order input[type=radio]:checked{
	background:var(--maincolor)
}
#order input[type=checkbox]:checked:after,
#order input[type=radio]:checked:after{
	content:"";
	position:absolute;
	width:12px;
	height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	border-radius:2px;
	left:4px;
	top:4px;
	transform:rotate(135deg);
}

#order header,
#order form{
	width:100%;
	max-width:48%
}
#order header .h1{
	margin-bottom:12px
}
#order header .description{
	color:var(--text03);
	margin-bottom:20px;
	font-size:18px
}
#order header img{
	border-radius:12px;
	filter:grayscale(1) brightness(1.1);
	width:100%
}
#order .documents .options{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:.5rem 0;
	border-radius:10px
}
#order .documents .options label{
	display:flex;
	align-items:center;
	cursor:pointer;
	font-size:.9rem;
	font-weight:500;
	user-select:none
}
#order form input:not([type="checkbox"]),
#order form select{
	background:#fff;
	margin-top:0;
	margin-bottom:16px
}
#order form input[name=documents],
#order form input[name=fast]{
	width:48px;
	height:24px;
	background:url("/images/icons/switch-off.svg") no-repeat;
	border:none
}
#order form input[name=documents]:checked,
#order form input[name=fast]:checked{
	background:url("/images/icons/switch-on.svg") no-repeat
}
#order form .documents label span.price{
	padding-left:.5rem;
	font-size:.875rem;
	opacity:.6
}

#order form .files .description li{
	padding:.15rem 0
}
#order form .files{
	display:none;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%
}
#order form .files .description{
	width:100%;
	margin:1rem 0 0;
	font-size:.875rem;
	background:#f6f6f6;
	padding:0 1rem .5rem;
	border-radius:12px
}
#order form .files .file-input{
	width:100%;
	margin:1rem 0 0;
	text-align:center
}

#order form .error{
	display:none;
	font-size:.9rem;
	color:red;
	font-weight:500;
	margin:-1rem 0 1rem
}
#order form .error.active{
	display:block
}
#order form .button{
	margin-top:16px
}
#order form .description{
	font-size:14px;
	color:var(--text04);
	margin-top:20px
}


.checkbox-fields{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-top:8px
}
.checkbox-fields .title{
	font-weight:600
}
.checkbox-fields .inputs{
	display:flex;
	flex-wrap:wrap;
	gap:16px
}
.checkbox-fields .inputs label{
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	user-select:none
}


@media(max-width:1200px){
	.large-info{
		font-size:14.8vw
	}
}
@media(max-width:992px){
	.large-info{
		font-size:15.5vw
	}
	header.main .maininfo,
	header.main .banner{
		max-width:100%
	}
	header.main .banner{
		margin-top:5px
	}
	header.main .maininfo{
		order:1;
		margin-top:0
	}
	
	#team{
		flex-wrap:wrap
	}
	#team .maininfo,
	#team .picture{
		max-width:100%;
		margin:0 auto
	}
	#team .picture .banner{
		max-width:100%;
		min-height:unset;
		margin:20px auto 0;
		object-fit:unset
	}
}
@media(max-width:768px){
	#banner-action{
		flex-wrap:wrap;
		max-width:576px;
		gap:24px
	}
	.large-info{
		font-size:15.9vw
	}
	#features ul,
	#check-pts,
	#order{
		flex-wrap:wrap
	}
	#features ul li,
	#check-pts h2,
	#check-pts form,
	#order header,
	#order form{
		max-width:100%;
		margin-bottom:20px
	}
	#team .banner{
		width:100%
	}
	#order form .button{
		width:100%
	}
}
@media(max-width:576px){
	.large-info{
		font-size:16.3vw
	}
}
@media(max-width:428px){
	.large-info{
		letter-spacing:-4px;
		font-size:15.2vw
	}
}
@media(max-width:375px){
	.large-info{
		letter-spacing:-4px;
		font-size:15.4vw
	}
	header.main .maininfo form{
		flex-wrap:wrap
	}
	header.main .maininfo form>*{
		max-width:100%
	}
	header.main .maininfo form .button{
		margin-top:20px
	}
	#helped .color-main{
		letter-spacing:-.07px
	}
}
/* End */


/* Start:/css/style.css?17607100783166*/
:root{
	--container-spacing:var(--spacing-7);
	--container-spacing-neg:var(--spacing-neg-7);
	--container-width-max:1200px;
	--container-width-text:765px;
	--container-width:clamp(320px, 100%, calc(var(--container-width-max) - calc(var(--container-spacing) * 2)));

	--radius-none:0;
	--radius-xxs:4px;
	--radius-xs:8px;
	--radius-sm:12px;
	--radius-md:24px;
	--radius-lg:32px;
	--radius-rounded:50%;
}
*{
	box-sizing:border-box;
	scroll-margin-top:var(--spacing-10)
}
body{
	vertical-align:baseline;
	overflow-x:hidden;
	background-color:var(--bg-surface-02);
	margin:0;
	padding:0;
	border:0;
	outline:0 none;
	font:var(--body-m-regular);
	color:var(--text-body-02-inverse);
	position:relative
}
a{
	color:var(--text-link-default);
	text-decoration:none;
	transition:color .4s, background-color .4s
}
a:hover{
	color:var(--text-link-hover)
}
a:active{
	color:var(--text-link-active)
}
a.link{
	color:var(--text-link-default);
	text-decoration:none;
	transition:color .4s, background-color .4s;
	width:fit-content;
	font-weight:var(--font-weight-medium);
	border-bottom:1px solid transparent
}
a.link:hover{
	color:var(--text-link-hover);
	border-color:var(--text-primary-hover)
}
a.link:active{
	color:var(--text-link-active)
}
table{
	border-spacing:0
}
img{
	width:100%;
	max-width:100%;
	height:auto
}
strong,
th{
	font-weight:inherit;
	text-align:inherit
}
address,
var{
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	display:inline
}
p{
	margin:var(--spacing-4) 0
}
button{
	appearance:none;
	border:0;
	padding:0;
	cursor:pointer;
	font-family:var(--font-primary);
	background:inherit;
	font:inherit;
}
::-webkit-scrollbar{
	width:var(--spacing-1);
	height:var(--spacing-2)
}
body::-webkit-scrollbar{
	width:var(--spacing-2);
	height:var(--spacing-2)
}
::-webkit-scrollbar-track{
	background:var(--surface-03);
	border-radius:var(--radius-xs)
}
::-webkit-scrollbar-thumb{
	background:var(--surface-06);
	border-radius:var(--radius-xs);
	cursor:grab
}

.iframe-16-9{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:56.25%
}
.responsive-iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%
}

iframe{
	max-width:100%;
	border:0
}
.text-bold{
	font-weight:var(--font-weight-bold)
}
.hide{
	clip:rect(1px,1px,1px,1px);
	height:1px;
	overflow:hidden;
	position:absolute;
	white-space:nowrap;
	width:1px!important;
	z-index:-1000;
	-webkit-user-select:none;
	user-select:none
}
.w100{
	width:100%
}
.overflow-hidden{
	overflow:hidden
}
.line-clamp{
	overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical	
}
textarea{
	resize:none;
	width:100%;
	font-size:var(--font-size-l);
	min-height:5rem;
	border-radius:var(--radius-m);
	border:2px solid var(--border-light);
	background:var(--surface-white);
	padding:var(--spacing-3);
	font-family:var(--font-primary),Arial,Helvetica,sans-serif
}
select{
	font:inherit;
	letter-spacing:inherit;
	word-spacing:inherit;
	cursor:pointer
}
/* End */
/* /local/templates/main/template_styles.css?17459235328175 */
/* /css/style.css?17607100783166 */