/*
 * Page Styles
 * ------------------------------------------------------------------------------------------------
*/
.section-title {
	margin-bottom: 25px;
}
.section-title span {
	color: #6138BD;
}







/*
 * Section Top
 * ------------------------------------------------------------------------------------------------
*/
.section-top {
	padding-top: 62px;
	padding-bottom: 174px;
}
.section-top .container {
	position: relative;
}
.section-top .page-title {
	max-width: 730px;
	margin-bottom: 25px;
}
.section-top .page-title span {
	color: #6138BD;
	font-weight: 600;
}
.section-top .page-subtitle {
	max-width: 500px;
}
.section-top .wrap-button {
	display: inline-block;
	margin-top: 90px;
	position: relative;
}
.section-top .wrap-button .button-help-text {
	position: absolute;
	top: -15px;
	right: -50px;
	color: #576181;
	font-family: 'Ink Free', sans-serif;
	font-style: normal;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	transform: rotate(-5.57deg) translateX(100%);
	width: 325px;
}
.section-top .wrap-button .button-help-text:before {
	content: '';
	display: block;
	background-color: transparent;
	background-image: url('data:image/svg+xml,%3Csvg width="155" height="52" viewBox="0 0 155 52" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.882 30.3206C17.7684 30.4561 19.6233 30.6303 21.5097 30.7658C23.9368 30.9098 24.212 28.2801 22.1004 27.749C16.0421 26.3699 9.94827 24.9948 3.85046 23.585C1.58892 23.0008 0.101738 24.4699 1.19165 26.136C5.23111 31.5729 9.26661 36.9752 13.3061 42.4122C14.7552 44.3883 19.3994 42.5233 17.8162 40.9487C16.4341 38.9298 15.0205 36.9496 13.6029 34.9348C41.0576 52.5827 64.8038 54.1523 87.107 49.3914C105.125 45.5416 120.813 38.6225 134.585 26.2695C142.289 19.3851 148.639 11.3563 153.916 2.43196C155.044 0.0208857 152.395 -0.484003 151.516 0.950716C144.176 11.9717 135.577 21.4161 125.347 28.8701C113.697 37.4344 102.298 42.2131 88.1272 44.7806C62.0354 49.4479 37.9996 44.4002 15.882 30.3206Z" fill="%23D2D2D2"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 155px;
	height: 52px;
	position: absolute;
	left: -50px;
	bottom: -10px;
	transform: translateY(100%);
}
.section-top .sec_top_img {
	position: absolute;
	top: 50px;
	right: 0;
	width: 590px;
}
@media (max-width: 1199px) {
	.section-top {
		padding-bottom: 100px;
	}
	.section-top .page-subtitle {
		max-width: 430px;
	}
	.section-top .wrap-button {
		margin-top: 60px;
	}
	.section-top .wrap-button .button-help-text {
		font-size: 20px;
		font-weight: 400;
		line-height: 26px;
		right: -35px;
		width: 250px;
	}
	.section-top .wrap-button .button-help-text:before {
		left: -30px;
	}
	.section-top .sec_top_img {
		top: 100px;
		width: 500px;
	}
}
@media (max-width: 991px) {
	.section-top {
		padding-top: 15px;
		padding-bottom: 50px;
	}
	.section-top .page-subtitle {
		max-width: 100%;
	}
	.section-top .wrap-button {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.section-top .wrap-button .button-help-text {
		position: static;
		color: #576181;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		width: 100%;
		max-width: 320px;margin: 20px auto 0;
		transform: none;
	}
	.section-top .wrap-button .button-help-text:before {
		display: none;
	}
	.section-top .sec_top_img {
		position: static;
		width: 590px;
		margin-top: 35px;
	}
}






/*
 * Section Login
 * ------------------------------------------------------------------------------------------------
*/
.section-login {
	background-color: #F7F8F9;
	padding-top: 55px;
	padding-bottom: 60px;
}
.section-login .container {
	position: relative;
	z-index: 1;
}
.section-login:before {
	content: '';
	display: block;
	background-image: url(../../img/rhombics_left_bottom.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 372px;
	height: 239px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.section-login:after {
	content: '';
	display: block;
	background-image: url(../../img/rhombics_right_top.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 372px;
	height: 239px;
	position: absolute;
	top: 0;
	right: 0;
}
.section-login .section-title {
	text-align: center;
}
.section-login .wrap-button {
	display: block;
	text-align: center;
}
@media (max-width: 767px) {
	.section-login {
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.section-login:before {
		display: none;
	}
	.section-login .site_outline_btn {
		width: auto;
		min-width: 210px;
	}
}





/*
 * Section Lead Types
 * ------------------------------------------------------------------------------------------------
*/
.section-lead-types {
	padding-top: 130px;
	padding-bottom: 60px;
	overflow: hidden;
}
.section-lead-types .container {
	display: flex;
}
.section-lead-types .col-text {
	width: 50%;
	padding-right: 40px;
}
.section-lead-types ul {
	column-count: 2;
	margin-top: 20px;
	margin-bottom: 30px;
}
.section-lead-types li {
	margin-bottom: 20px;
}
.section-lead-types li a {
	color: inherit;
}
.section-lead-types li a:hover {
	color: #6138BD;
}
.section-lead-types .col-image {
	position: relative;
	width: 50%;
}
.section-lead-types .col-image:after {
	content: '';
	display: block;
	background-color: #f7f8f9;
	position: absolute;
	left: -156px;
	bottom: -493px;
	width: 60vw;
	height: 500px;
	-webkit-transform: skew(-36deg);
	-moz-transform: skew(-36deg);
	-ms-transform: skew(-36deg);
	-o-transform: skew(-36deg);
	transform: skew(-36deg);
	z-index: -1;
}
.section-lead-types .col-image .section-img {
	width: 561px;
	margin-top: -50px;
}
@media (max-width: 1199px) {
	.section-lead-types {
		padding-top: 60px;
	}
	.section-lead-types .container {
		align-items: center;
	}
	.section-lead-types ul {
		column-count: auto;
	}
	.section-lead-types .col-image .section-img {
		margin-top: 0;
	}
}
@media (max-width: 991px) {
	.section-lead-types {
		padding-bottom: 0;
	}
	.section-lead-types .container {
		display: block;
	}
	.section-lead-types .column {
		width: 100%;
		padding: 0;
	}
	.section-lead-types .col-image:after {
		display: none;
	}
	.section-lead-types .col-image .section-img {
		display: block;
		margin: 20px auto 0;
	}
}
@media (max-width: 767px) {
	.section-lead-types {
		padding-top: 50px;
		padding-bottom: 0;
	}
}





/*
 * Section How It Works
 * ------------------------------------------------------------------------------------------------
*/
.section-how-it-works {
	background: #F7F8F9;
	padding-top: 75px;
	padding-bottom: 60px;
}
.section-how-it-works .container {
	display: flex;
	flex-wrap: wrap;
}
.section-how-it-works .column {
	width: 50%;
}
.section-how-it-works .col-text {
	padding-right: 40px;
}
.section-how-it-works .list-title {
	margin-top: 10px;
	margin-bottom: 30px;
}
.section-how-it-works .list {
	column-count: 2;
	padding-left: 0;
}
.section-how-it-works .list li {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	vertical-align: middle;
}
.section-how-it-works .list li:before {
	display: none;
}
.section-how-it-works .list li .wrap-item {
	display: inline-block;
}
.section-how-it-works .list li img {
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
	float: left;
}
.section-how-it-works .list li h5 {
	display: table-cell;
	color: #576181;
	vertical-align: middle;
}
.section-how-it-works .box-wrap {
	position: relative;
	width: 100%;
	margin-top: 105px;
}
.section-how-it-works .box-wrap .part-circle {
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="147" height="145" viewBox="0 0 147 145" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M147 0C65.8 -3.51257e-06 3.53775e-06 64.9048 0 145L36.96 145C36.96 85.0667 86.24 36.4571 147 36.4571L147 0Z" fill="url(%23paint0_linear_145_696)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_145_696" x1="147" y1="72.5" x2="3.20228e-06" y2="72.5" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2334F8EC"/%3E%3Cstop offset="1" stop-color="%232EAD8F"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 147px;
	height: 145px;
	position: absolute;
	top: -45px;
	left: -45px;
}
.section-how-it-works .box {
	background: #FFFFFF;
	position: relative;
	border-radius: 16px;
	width: 100%;
	padding: 50px 20px 55px;
	text-align: center;
	z-index: 1;
}
.section-how-it-works .box-wrap-inner {
	max-width: 570px;
	margin: 0 auto;
}
.section-how-it-works .box-title {
	margin-bottom: 20px;
}
.section-how-it-works .wrap-button {
	margin-top: 30px;
}
.section-how-it-works .box-text {
	margin-top: 40px;
}
@media (max-width: 1199px) {
	.section-how-it-works .list {
		column-count: auto;
	}
	.section-how-it-works .list li {
		margin-bottom: 15px;
	}
}
@media (max-width: 767px) {
	.section-how-it-works {
		padding-top: 50px;
		padding-bottom: 15px;
	}
	.section-how-it-works .container {
		display: block;
	}
	.section-how-it-works .column {
		width: 100%;
	}
	.section-how-it-works .col-list {
		margin-top: 30px;
	}
	.section-how-it-works .box-wrap {
		margin-top: 40px;
	}
	.section-how-it-works .box-wrap .part-circle {
		display: block;
		background-image: url('data:image/svg+xml,%3Csvg width="60" height="59" viewBox="0 0 60 59" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M60 3.8147e-06C26.8571 2.381e-06 -6.1899e-06 26.4095 -7.62939e-06 59L15.0857 59C15.0857 34.6133 35.2 14.8343 60 14.8343L60 3.8147e-06Z" fill="url(%23paint0_linear_196_1355)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_196_1355" x1="60" y1="29.5" x2="-2.5117e-06" y2="29.5" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2334F8EC"/%3E%3Cstop offset="1" stop-color="%232EAD8F"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 59px;
		height: 60px;
		position: absolute;
		top: -16px;
		left: -16px;
	}
	.section-how-it-works .box {
		padding: 40px 20px 40px;
	}
}







/*
 * Section Prospects
 * ------------------------------------------------------------------------------------------------
*/
.section-prospects {
	padding-top: 130px;
}
.section-prospects .container {
	display: flex;
	align-items: center;
}
.section-prospects .column {
	width: 50%;
}
.section-prospects .col-image .image {
	width: 590px;
}
@media (max-width: 1199px) {
	.section-prospects {
		padding-top: 70px;
	}
}
@media (max-width: 991px) {
	.section-prospects .container {
		display: flex;
		flex-direction: column-reverse;
	}
	.section-prospects .column {
		width: 100%;
	}
	.section-prospects .col-image {
		text-align: center;
	}
	.section-prospects .col-image .image {
		display: inline-block;
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.section-prospects {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}






/*
 * Section When Working
 * ------------------------------------------------------------------------------------------------
*/
.section-when-working {
	padding-top: 50px;
	padding-bottom: 154px;
}
.section-when-working .columns {
	display: flex;
	justify-content: space-between;
}
.section-when-working .columns .column {
	max-width: 530px;
}
@media (max-width: 1199px) {
	.section-when-working {
		padding-top: 0;
		padding-bottom: 70px;
	}
	.section-when-working .columns .column {
		max-width: 48%;
	}
}
@media (max-width: 767px) {
	.section-when-working {
		padding-bottom: 55px;
	}
	.section-when-working .columns {
		display: block;
	}
	.section-when-working .columns .column {
		max-width: 100%;
	}
	.section-when-working .columns .column + .column {
		margin-top: 15px;
	}
}







/*
 * Section About
 * ------------------------------------------------------------------------------------------------
*/
.section-about {
	background-color: #28115C;
	color: #FFF;
	padding-top: 55px;
	padding-bottom: 100px;
	overflow: hidden;
}
.section-about:before {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="150" height="151" viewBox="0 0 150 151" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M150 150.315C150 67.7707 82.8571 0.880897 1.32008e-05 0.88089L9.88177e-06 38.453C62 38.453 112.286 88.5492 112.286 150.315L150 150.315Z" fill="url(%23paint0_linear_66_1107)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_66_1107" x1="75" y1="150.315" x2="75" y2="0.880896" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2328115C"/%3E%3Cstop offset="1" stop-color="%23482498"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 150px;
	height: 151px;
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.section-about:after {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.52588e-05 0.282214C7.9669e-06 82.827 67.1429 149.717 150 149.717L150 112.145C88 112.145 37.7143 62.0485 37.7143 0.282217L1.52588e-05 0.282214Z" fill="url(%23paint0_linear_66_1108)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_66_1108" x1="75" y1="0.28222" x2="75" y2="149.717" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2328115C"/%3E%3Cstop offset="1" stop-color="%23482498"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.section-about .container {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
.section-about .column {
	width: 50%;
}
.section-about .col-image .image {
	width: 479px;
}
.section-about .col-text {
	padding-left: 50px;
}
.section-about .section-title {
	color: #FFF;
}
.section-about .wrap-button {
	display: inline-block;
	margin-top: 90px;
	position: relative;
}
.section-about .wrap-button .button-help-text {
	color: #7E62BC;
	position: absolute;
	top: -15px;
	right: -50px;
	font-family: 'Ink Free', sans-serif;
	font-style: normal;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	transform: rotate(-5.57deg) translateX(100%);
	width: 325px;
}
.section-about .wrap-button .button-help-text:before {
	content: '';
	display: block;
	background-color: transparent;
	background-image: url('data:image/svg+xml,%3Csvg width="154" height="52" viewBox="0 0 154 52" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.0553 30.1675C16.9417 30.303 18.7966 30.4772 20.6831 30.6127C23.1102 30.7567 23.3853 28.127 21.2738 27.5959C15.2154 26.2168 9.1216 24.8417 3.0238 23.4319C0.76226 22.8477 -0.724922 24.3168 0.364987 25.9829C4.40445 31.4198 8.43995 36.8221 12.4794 42.2591C13.9286 44.2352 18.5727 42.3703 16.9896 40.7957C15.6075 38.7767 14.1938 36.7966 12.7762 34.7817C40.2309 52.4296 63.9772 53.9992 86.2803 49.2383C104.298 45.3885 119.986 38.4694 133.758 26.1164C141.462 19.232 147.813 11.2032 153.089 2.27889C154.217 -0.13219 151.569 -0.637079 150.689 0.79764C143.35 11.8186 134.75 21.2631 124.52 28.717C112.87 37.2813 101.471 42.0601 87.3005 44.6275C61.2088 49.2948 37.173 44.2472 15.0553 30.1675Z" fill="%23402A73"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 155px;
	height: 52px;
	position: absolute;
	left: -50px;
	bottom: -10px;
	transform: translateY(100%);
}
@media (max-width: 1199px) {
	.section-about .col-image .image {
		width: 430px;
	}
	.section-about .col-text {
		padding-left: 25px;
	}
}
@media (max-width: 991px) {
	.section-about:before {
		left: 0;
		bottom: 0;
	}
	.section-about:after {
		top: 0;
		right: 0;
	}
	.section-about .container {
		display: block;
	}
	.section-about .column {
		width: 100%;
	}
	.section-about .col-image {
		text-align: center;
		margin-bottom: 40px;
	}
	.section-about .col-image .image {
		display: inline-block;
		width: auto;
	}
	.section-about .col-text {
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	.section-about {
		padding-top: 35px;
		padding-bottom: 15px;
	}
	.section-about:before,
	.section-about:after {
		display: none;
	}
	.section-about .wrap-button {
		display: block;
		text-align: center;
		margin-top: 40px;
	}
	.section-about .wrap-button .site_white_btn {
		width: 100%;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-about .wrap-button .button-help-text {
		position: static;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		width: 100%;
		max-width: 320px;
		margin: 20px auto 0;
		transform: none;
	}
	.section-about .wrap-button .button-help-text:before {
		display: none;
	}
}






/*
 * Section Marketing
 * ------------------------------------------------------------------------------------------------
*/
.section-marketing {
	padding-top: 130px;
}
.section-marketing .columns {
	display: flex;
	justify-content: space-between;
}
.section-marketing .columns .column {
	position: relative;
	width: 46%;
}
.section-marketing .columns .section-subtitle {
	color: #576181;
	margin-bottom: 50px;
}
.section-marketing .list-item h5 {
	color: #576181;
}
.section-marketing .columns .list-items {
	display: block;
}
.section-marketing .columns .list-item {
	display: flex;
	align-items: center;
	position: relative;
}
.section-marketing .columns .list-item + .list-item {
	margin-top: 35px;
}
.section-marketing .columns .list-item .wrap-icon {
	position: relative;
}
.section-marketing .columns .list-item:not(:last-child) .wrap-icon:before {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="3" height="24" viewBox="0 0 3 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="1.5" cy="1.5" r="1.5" fill="%23D9D8E2"/%3E%3Ccircle cx="1.5" cy="22.5" r="1.5" fill="%23D9D8E2"/%3E%3Cpath d="M1.5 1.5V22.5" stroke="%23D9D8E2" stroke-dasharray="2 2"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 3px;
	height: 24px;
	position: absolute;
	left: 26px;
	bottom: -29px;
}
.section-marketing .columns .list-item img {
	margin-right: 20px;
}
.section-marketing .circle-image {
	width: 250px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.section-marketing .columns ul {
	margin-top: 20px;
	margin-bottom: 30px;
}
.section-marketing .columns ul li {
	margin-bottom: 20px;
}
.section-marketing .columns ul li a {
	color: inherit;
}
.section-marketing .columns ul li a:hover {
	color: #6138BD;
}
@media (max-width: 1199px) {
	.section-marketing .circle-image {
		width: 297px;
	}
}
@media (max-width: 767px) {
	.section-marketing {
		padding-top: 70px;
		padding-bottom: 60px;
	}
	.section-marketing .columns {
		display: block;
	}
	.section-marketing .columns .column {
		width: 100%;
	}
	.section-marketing .columns .section-subtitle {
		margin-bottom: 35px;
	}
	.section-marketing .columns .list-items {
		margin-bottom: 35px;
	}
}












