body
{
	margin: 0px;
}

.c
{
	clear:both;
}

.page
{
	max-width: 1300px;
	margin: 0 auto;
}

.page2
{
	max-width: 1600px;
	margin: 0 auto;
}

.block1
{
	width: 100%;
	float: left;
	position: relative;
	float: left;
	width: 100%;
	height: 781px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1920px 792px;
	background-image: url(img2/piggy-hero.png);
}

.block1 .img1
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.block1 .text1
{
	width: 336px;
	font-family: Viga;
	font-size: 80px;
	font-weight: 400;
	line-height: 88px;
	letter-spacing: 0.5px;
	text-align: left;
	color: var(--Brand-Primary, #1D2350);
	margin-top: 250px;
	font-weight: bold;
}

.block1 .text2
{
	font-family: Manrope;
	font-size: 28px;
	font-weight: 600;
	line-height: 45px;
	letter-spacing: 0px;
	text-align: left;
	width: 608px;
	color: var(--Brand-Primary, #1D2350);
	margin-top: 20px;
	margin-bottom: 40px;
}

.block1 .contact
{
	text-decoration: none;
	width: 152px;
	height: 52px;
	padding: 13px, 32px, 13px, 32px;
	border-radius: 8px;
	gap: 8px;
	background: #FF8A48;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 800;
	line-height: 52px;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
}

.block2
{
	background: linear-gradient(113.33deg, rgba(99, 102, 241, 0.4) 1.8%, rgba(255, 138, 72, 0.4) 86.68%);
	height: 728px;
	float: left;
	width: 100%;
	margin-top: 600px;
}

.block2 .canva
{
	height: 728px;
	float: left;
	width: 100%;
	position: relative;
}

.block2 .phone
{
	position: absolute;
	bottom: 0px;
	width: 718px;
}

.block2 .rect
{
	width: 689px;
	padding: 76px 48px 76px 48px;
	border-radius: 14px;
	gap: 28px;
	padding: 75px;
	box-sizing: border-box;
	position: absolute;
	top: -150px;
	right: 0px;
	background: #FFFFFF;
	box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06), 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.10);
}

.block2 .text1
{
	color: #FF8A48;
	font-family: Viga;
	font-size: 68px;
	font-weight: 400;
	line-height: 71px;
	letter-spacing: 3.130000114440918px;
	text-align: justified;
}

.block2 .text2
{
	font-family: Manrope;
	font-size: 18px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0px;
	text-align: left;
	color: #565973;
	margin-top: 30px;
	margin-bottom: 40px;
}

.block2 .create
{
	text-decoration: none;
	width: 205px;
	height: 52px !important;
	line-height: 52px;
	display: block;
	padding: 13px, 32px, 13px, 32px;
	border-radius: 8px;
	gap: 8px;
	background: #1D2350;
	color: #fff;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;

}

.block3
{
	float: left;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
}

.block3 .text1
{
	color: var(--Brand-Primary, #1D2350);
	text-align: justify;
	font-feature-settings: 'clig' off, 'liga' off;
	-webkit-text-stroke-width: 2.130000114440918;
	-webkit-text-stroke-color: var(--Brand-Primary, #1D2350);
	font-family: Viga;
	font-size: 68.02px;
	font-style: normal;
	font-weight: 400;
	line-height: 104%; /* 70.741px */
	letter-spacing: 3.13px;
	text-transform: uppercase;
	float: left;
	font-weight: bolder;
	margin-top: 80px;
}

.block3 .text2
{
	margin-top: 40px;
	color: var(--Brand-Primary, #1D2350);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	float: left;
}

.block3 .texts
{
	float: left;
	width: 592px;
}

.block3 .mont
{
	float: right;
	height: 537px;
}


.block4
{
	float: left;
	width: 100%;
	margin-top: 80px;
}

.block4 .rect
{
	position: relative;
	display: flex;
	width: 476px;
	padding: 64px 40px 40px 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-radius: 8px;
	border: 1px solid var(--Gray-300, #E2E5F1);
	box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
	margin-bottom: 55px;
}

.block4 .text1
{
	color: var(--Gray-900, #0B0F19);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 33.6px */
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 28ppx;
	background-image: url(img2/arrow-circle.svg);
	padding-right: 36px;
}

.block4 .text2
{
	color: var(--Gray-700, var(--primary-text, #565973));
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
}

.block4 .square
{
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--System-Warning, #FF8A48);
	position: absolute;
	top: -40px;
	left: 40px;
}

.block4 .square.s1
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/launch.svg);
}

.block4 .square.s2
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/analytics.svg);
}

.block4 .square.s3
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/timer.svg);
}

.block4 .goleft
{
	float: left;
	width: 50%;
}

.block4 .text3
{
	color: var(--Brand-Primary, #1D2350);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Viga;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 52px */
}

.block4 .text4
{
	color: var(--Gray-700, var(--primary-text, #565973));
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 28.8px */
	margin-top: 30px;
	margin-bottom: 50px;
	width: 597px;
}

.block5
{
	background: linear-gradient(187deg, #FFF 5.39%, #F3F6FF 78.66%);
	float: left; 
	width: 100%;
	margin-top: 70px;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 120px;
}

.block5 .text1
{
	color: var(--Brand-Primary, #1D2350);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Viga;
	font-size: 68.02px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 88.426px */
}

.block5 .text2
{
	color: var(--primary-text, #565973);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 28.8px */
	margin-top: 20px;
	margin-bottom: 20px;
}

.block5 .rect
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 80px;
	display: flex;
	width: 330px;
	padding: 64px 40px 40px 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-radius: 8px;
	background: var(--White, #FFF);
	box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
	position: relative;
	float: left;
	z-index: 1;
}

.block5 .text3
{
	color: var(--Gray-900, #0B0F19);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 33.6px */
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 28ppx;
	background-image: url(img2/arrow-circle-2.svg);
	padding-right: 36px;
}

.block5 .text4
{
	color: var(--Gray-700, var(--primary-text, #565973));
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
}

.block5 .square
{
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--Brand-Primary, #1D2350);
	position: absolute;
	top: -40px;
	left: 40ppx;
}

.block5 .square.s1
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/cms.svg);
}

.block5 .square.s2
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/mobile-app.svg);
}

.block5 .square.s3
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-image: url(img2/web-development.svg);
}

.block5 .biz
{
	width: calc(100% + 300px);
	position: absolute;
	bottom: 0px;
	left: -150px;
	z-index: 0;
}

.block5 .layer
{
	position: relative;
	float: left;
	width: 100%;
	height: 460px;
}

.block6
{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 120px;
}

.block6 .text1
{
	color: var(--Gray-900, #0B0F19);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Viga;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 67.2px */
}

.block6 .rect
{
	width: 100%;
	height: 400px;
	flex-shrink: 0;
	border-radius: 20px;
	background: var(--Brand-Gradient, linear-gradient(113deg, rgba(99, 102, 241, 0.40) 1.8%, rgba(255, 138, 72, 0.40) 86.68%));
	margin-top: 200px;
}

.block6 .square
{
	text-align: left;
	margin-top: -100px;
	display: inline-block;
	width: 380px;
	padding: 24px;
	border-radius: 8px;
	background: var(--White, #FFF);
	box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
	gap: 12px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.block6 .quote
{
	display: flex;
	width: 52px;
	height: 52px;
	padding: 14px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: var(--Brand-Primary, #1D2350);
	box-shadow: 0px 8px 18px -8px rgba(99, 102, 241, 0.90);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
	background-image: url(img2/quote.svg);
	position: absolute;
	top: -26px;
	right: 46px;
}

.block6 .text2
{
	color: var(--Gray-900, #0B0F19);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 33.6px */
	float: left;
	width: 100%;
}

.block6 .text3
{
	color: var(--Gray-700, var(--primary-text, #565973));
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 25.6px */
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.block6 .text4
{
	color: var(--Gray-700, var(--primary-text, #565973));
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.block6 .avatar
{
	float: left;
	height: 64px;
	width: 64px;
	border-radius: 50%;
	display: block;
}

.block6 .avatar2
{
	float: left;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: block;
}

.block6 .text5
{
	float: left;
	width: calc(100% - 64px);
	height: 64px;
	line-height: 64px;
	color: var(--Gray-800, #33354D);
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	padding-left: 10px;
	box-sizing: border-box;
}

.block6 .text6
{
	color: var(--Gray-900, #0B0F19);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 22.4px */
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	background-image: url(img2/bxs-badge-check.svg);
	padding-right: 32px;
	float: left;
	padding-left: 5px;
	box-sizing: border-box;
}

.block6 .text7
{
	color: #9397AD;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%; /* 20.8px */
	float: left;
	width: calc(100% - 40px);
	padding-left: 5px;
	box-sizing: border-box;
	margin-top: -3px;
}

.block6 .avtxt
{
	float: left;
	width: 100%;
}

.block6 .likeline
{
	float: left;
	width: 100%;
	margin-top: 15px;
}

.block6 .like
{
	color: var(--Gray-600, #9397AD);
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	background-image: url(img2/bx-like.svg);
	padding-left: 24px;
	float: left;
	line-height: 14px;
}

.block6 .votes
{
	color: #33354D;
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
	float: left;
	padding-right: 6px;
	line-height: 14px;
}