#section-three
{
	/* Frame 34 */

	position: absolute;
	width: 1500px;
	height: 600px;
	left: calc(50% - 1500px/2);
	top: 1696px;


}

#section-three-container
{
	/* Rectangle 8 */

	position: absolute;
	width: 1404px;
	height: 882px;
	left: calc(50% - 1404px/2);
	top: 0px;

	background: #F2F2F2;
	border-radius: 20px;

}

#section-three-title
{
	/* Container */

	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	/*gap: 419px;*/

	position: absolute;
	width: 1169px;
	height: 172px;
	left: 117.5px;
	top: 50px;


}

#section-three-first-title
{
	/* Headline */

	width: 560.59px;
	height: 172px;

	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 72px;
	line-height: 120%;
	/* or 86px */
	letter-spacing: -0.02em;

	color: #212121;


	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;

}

#section-three-first-desc
{
	/* Paragraph */

	width: 564px;
	height: 52px;
	margin-left: 20px;

	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 120%;
	/* or 26px */
	letter-spacing: -0.02em;

	/* sub tittle */
	color: #686868;


	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;

}

#s3r1
{
	/* Frame 23 */

	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 20px;

	position: absolute;
	width: 1170px;
	height: 228px;
	left: 117px;
	top: 250px;

}

.s3rc
{
	/* Container */

	box-sizing: border-box;

	width: 575px;
	height: 228px;

	background: #FFFFFF;
	border-radius: 20px;

	/* Inside auto layout */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 1;
}

.s3rc-container
{
	/* Frame 24 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 12px;

position: absolute;
width: 521px;
height: 164px;
margin-left: 24px;
top: 32px;

}

.s3rc-back-dot
{/* Mask group */

position: absolute;
width: 470.31px;
height: 256.58px;
/*right: 0px;*/
margin-left: 100px;
margin-top: 0.38px;

}

.s3rc-number
{
	/* Headline */

width: 521px;
height: 72px;

font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 72px;
line-height: 100%;
/* identical to box height, or 72px */
letter-spacing: -0.02em;

color: #ED9455;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}

.s3rc-title
{
/* Headline */

width: 521px;
height: 30px;

font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 100%;
/* identical to box height, or 30px */
letter-spacing: -0.02em;

color: #212121;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.s3rc-desc
{
	/* Headline */

width: 521px;
height: 38px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
/* or 19px */
letter-spacing: -0.02em;

color: #717171;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;

}

#s3r2
{
	/* Frame 24 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 20px;

position: absolute;
width: 1170px;
height: 212px;
left: 117px;
top: 520px;

}


@media only screen and (max-width: 1440px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 8%;
  }
}

@media only screen and (max-width: 1300px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 10%;
  }
}

@media only screen and (max-width: 1220px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 13%;
  }
}

@media only screen and (max-width: 1150px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 15%;
  }
}

@media only screen and (max-width: 1080px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 20%;
  	width: 1390px;
  }
}

@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 23%;
  	width: 1344px;
  }

  #section-three-container
  {
  	border-radius: 0px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 3%;
  }
}

@media only screen and (max-width: 930px) {
  /* For mobile phones: */
  #section-three
  {
  	margin-left: 31%;
  	width: 1351px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 0%;
  }
}

@media only screen and (max-width: 910px) {
  /* For mobile phones: */

  #section-three
  {
  	margin-left: 28%;
  	width: 1357px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 2%;
  }
}

@media only screen and (max-width: 875px) {
  /* For mobile phones: */

  #section-three
  {
  	width: 1359px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 3%;
  }
}

@media only screen and (max-width: 850px) {
  /* For mobile phones: */

  #section-three
  {
  	width: 1368px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 4%;
  }
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */

  #section-three
  {
  	width: 1382px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 5%;
  }
}

@media only screen and (max-width: 780px) {
  /* For mobile phones: */

  #section-three
  {
  	width: 1382px;
  }

  #section-three-title, #s3r1, #s3r2
  {
  	margin-left: 6%;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */

  #section-three
  {
  	margin-left: 34%;
  }
}

@media only screen and (max-width: 700px) {

  #section-three
  {
  	margin-left: 35%;
  	width: 1375px;
  }

  #section-three-title
  {
  	margin-left: 7%;
  	display: block;
  }

  #section-three-first-title
  {
  	width: 900px;
  	height: 120px;
  	margin-left: 12%;
  }

  #section-three-first-desc
  {
  	width: 1000px;
  	margin-left: 9%;
  }

  #s3r1, #s3r2
  {
  	margin-left: 6%;
  }

  #section-three-container
  {
  	width: 1390px;
  }

  .s3rc, .s3rc-container
  {
  	width: 200px;
  }
}

@media only screen and (max-width: 680px) {

  #section-three
  {
  	margin-left: 36%;
  	width: 1367px;
  }
}

@media only screen and (max-width: 650px) {
  #section-three
  {
  	margin-left: 39%;
  	width: 1332px;
  }

	#s3r1, #s3r2
	{
		margin-left: 13%;
		width: 1000px;
	}

	.s3rc-back-dot
	{
		margin-left: 15px;
	}

	.s3rc-desc
	{
		width: 421px;
	}
}

@media only screen and (max-width: 635px) {
  #section-three
  {
  	margin-left: 38%;
  	width: 1332px;
  }

  #section-three-container
  {
 		width: 1401px;
  }

  #section-three-title
  {
  	margin-left: 8%;
  }

	#s3r1, #s3r2
	{
		margin-left: 14%;
	}
}

@media only screen and (max-width: 620px) {
  #section-three
  {
  	margin-left: 36%;
  }

  #section-three-container
  {
 		width: 1414px;
  }

  #section-three-title
  {
  	margin-left: 9%;
  }

	#s3r1, #s3r2
	{
		margin-left: 15%;
	}
}

@media only screen and (max-width: 610px) {
  #section-three-container
  {
 		width: 1418px;
  }
}

@media only screen and (max-width: 580px) {
  #section-three
  {
  	margin-left: 36%;
  }

  #section-three-title
  {
  	margin-left: 11%;
  	width: 1000px;
  }

	#s3r1, #s3r2
	{
		margin-left: 17%;
	}
}

@media only screen and (max-width: 550px) {
  #section-three
  {
  	margin-left: 35%;
  }

  #section-three-container
  {
 		width: 1428px;
  }

  #section-three-title
  {
  	margin-left: 13%;
  	width: 1000px;
  }

	#s3r1, #s3r2
	{
		margin-left: 18%;
	}
}

@media only screen and (max-width: 540px) {
  #section-three-container
  {
 		width: 1431px;
  }
}

@media only screen and (max-width: 520px) {
  #section-three-container
  {
 		width: 1433px;
  }
}

@media only screen and (max-width: 510px) {
  #section-three-title
  {
  	margin-left: 16%;
  	width: 990px;
  }

  #section-three-first-desc
  {
  	width: 990px;
  }

	#s3r1, #s3r2
	{
		margin-left: 20%;
	}

	.s3rc-number, .s3rc-title
	{
		width: 421px;
	}
}

@media only screen and (max-width: 470px) {
  #section-three-container
  {
 		width: 1436px;
  }

  #section-three-title
  {
  	margin-left: 19%;
  	width: 990px;
  }

  #section-three-first-desc
  {
  	margin-left: 7%;
  	width: 930px;
  }

	#s3r1, #s3r2
	{
		margin-left: 25%;
		width: 900px;
	}

	.s3rc-back-dot
	{
		margin-left: -32px;
	}
}

@media only screen and (max-width: 460px) {
  #section-three-container
  {
 		width: 1440px;
  }

  #section-three-first-desc
  {
  	margin-left: 5%;
  }
}

@media only screen and (max-width: 430px) {
  #section-three-first-desc
  {
  	margin-left: 9%;
  }
}

@media only screen and (max-width: 410px) {
  #section-three-container
  {
 		width: 1444px;
  }

	#s3r1, #s3r2
	{
		margin-left: 27%;
	}
}

@media only screen and (max-width: 385px) {
	#section-three-title
	{
		margin-left: 20%;
	}

  #section-three-first-desc
  {
  	margin-left: 9%;
  }
}

@media only screen and (max-width: 375px) {
  #section-three-container
  {
 		width: 1447px;
  }
}

@media only screen and (max-width: 360px) {
	#section-three-title
	{
		margin-left: 21%;
	}

	#s3r1, #s3r2
	{
		margin-left: 28%;
	}
}

@media only screen and (max-width: 350px) {
  #section-three-container
  {
 		width: 1450px;
  }
}

@media only screen and (max-width: 335px) {
  #section-three-container
  {
 		width: 1454px;
  }

	#section-three-title
	{
		margin-left: 22%;
	}

  #section-three-first-desc
  {
  	margin-left: 33%;
  	width: 470px;
  	text-align: center;
  }

	#s3r1, #s3r2
	{
		margin-left: 31%;
		width: 850px;
	}

	.s3rc-back-dot
	{
		margin-left: -60px;
	}

	.s3rc-number, .s3rc-title, .s3rc-desc
	{
		width: 380px;
	}
}