/* header */


/*@media only screen and (min-width: 1440px) {*/
	#header-figma
	{
		position: absolute;
		width: 1404px;
		height: 844px;
		left: calc(50% - 1404px/2);
		top: 14px;

		background: #C9C9C9;
		border-radius: 20px;
	}

	/* 380824 1 */
	.back-top-land
	{
		position: absolute;
		width: 1404px;
		height: 929px;
		left: 0px;
		bottom: -373.56px;

		background: url(../img/380824.png);
	}


	/* Rectangle 3 */
	.rectangle-3
	{
		position: absolute;
		width: 1404px;
		height: 844px;
		left: 0px;
		top: 0px;
		z-index: 1;
		border-radius: 20px;

		background: linear-gradient(180deg, #FFEFAA 0%, rgba(255, 239, 170, 0) 173.28%);
	}

	.top-menu
	{
		/*overflow: auto;*/
		gap: 10%;
		height: 10%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.top-menu-div
	{
		height: 29px;
	}

	#top-navbar
	{
		/* nav */

		box-sizing: border-box;

		/* Auto layout */
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 16px 24px;
		gap: 24px;
		/*float: left;*/

		position: relative;
		width: 100%;
		height: 59px;

		background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
		border: 1px solid #E9E9E9;
		box-shadow: 0px 0px 0px 2px rgba(117, 164, 255, 0.15);
		border-radius: 40px;

	}

	#top-item-active
	{
		/* Container */

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

		width: 56px;
		height: 27px;


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

	}

	.top-item
	{
		/* Container */

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

		/*width: 126px;*/
		height: 27px;


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

	}

	.top-item a
	{
		/* Nav Link */

		height: 27px;

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 27px;
		/* identical to box height */

		color: #3D3D3D;


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

	}

	#top-navbar .active a
	{
		/* Nav Link */

		/*width: 56px;*/
		height: 27px;

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 800;
		font-size: 18px;
		line-height: 27px;
		/* identical to box height */

		color: #ED9455;


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

	}

	/* Container */
	.consult-button
	{
		/* Container */

		box-sizing: border-box;

		/* Auto layout */
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 16px 24px;
		gap: 24px;

		background: #FFFFFF;
		border: 1px solid #E9E9E9;
		box-shadow: 0px 0px 0px 2px rgba(117, 164, 255, 0.15);
		border-radius: 40px;

	}

	.consult-text
	{
		/* Nav Link */

		width: 94px;
		height: 27px;

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 27px;
		/* identical to box height */

		color: #3D3D3D;

		/* Inside auto layout */
		flex: none;
		order: 0;
		flex-grow: 0;
	}
	#group-2-jadi
	{
		/* Headline */

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 500;
		font-size: 33.5765px;
		line-height: 120%;
		text-align: right;
		/* or 40px */
		letter-spacing: -0.02em;

		color: #212121;


	}

	#group-2-ntn
	{
		/* Headline */

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 120%;
		text-align: right;
		/* identical to box height, or 24px */
		letter-spacing: -0.02em;

		color: #636363;


	}

	/* Group 3 */
	.group-3
	{
		/* Group 3 */

		position: absolute;
		width: 1139.12px;
		height: 392.71px;
		left: 132.44px;
		/*top: calc(50% - 392.71px/2 - 34.15px);*/


	}

	#group-3-tagline
	{
		/* Headline */

		position: absolute;
		width: 1015px;
		height: 30px;
		left: calc(50% - 1015px/2 + 11.5px);
		top: 416.5px;

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

		color: #717171;
	}

	#group-3-wa
	{
		/* Button Container */

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

		position: absolute;
		width: 291.14px;
		height: 67.71px;
		left: calc(50% - 291.14px/2);
		top: 516.5px;

		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

	}

	#group-3-container
	{
		/* Button Container */

		/* Auto layout */
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		padding: 19.3452px 29.0178px;
		gap: 12.09px;

		width: 291.14px;
		height: 67.71px;

		background: #ED9455;
		border-radius: 48.363px;

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

	}

	#group-3-text
	{
		/* Button Text */

		width: 192px;
		height: 33px;

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 700;
		font-size: 21.7633px;
		line-height: 33px;
		/* identical to box height */

		color: #FFFFFF;


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

	}

	#group-3-wa-icon
	{
		/* Cib Whatsapp */

		width: 29.02px;
		height: 29.02px;


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

	#group-3-title
	{
		/* Headline */

		position: absolute;
		width: 1139.12px;
		height: 178px;
		left: calc(50% - 1139.12px/2);
		top: 191.5px;

		font-family: 'Poppins';
		font-style: normal;
		font-weight: 500;
		font-size: 74px;
		line-height: 120%;
		/* or 89px */
		text-align: center;
		letter-spacing: -0.02em;

		color: #212121;
	}

	#icon-left
	{
		/* Code */

		position: absolute;
		width: 73px;
		height: 73px;
		left: 77.26px;
		top: 286.47px;


	}

	#icon-left-group
	{
		/* Group */

		position: absolute;
		left: 0%;
		right: 0%;
		top: 0%;
		bottom: 0%;
	}

	#icon-left-img
	{
		/* Vector */

		position: absolute;
		left: 3.16%;
		right: 3.16%;
		top: 10.85%;
		bottom: 10.86%;

	}

	#icon-left-space
	{
		/* Vector */

		position: absolute;
		left: 0%;
		right: 0%;
		top: 0%;
		bottom: 0%;
	}

	#icon-right
	{
	/* Chart Mixed */

		position: absolute;
		width: 60px;
		height: 60px;
		left: 1252.06px;
		top: 292.97px;


	}

	#icon-right-group
	{
		/* Group */

		position: absolute;
		left: 5.26%;
		right: 5.26%;
		top: 5.26%;
		bottom: 0%;


	}

	#line
	{
		/* Vector 1 */

		position: absolute;
		width: 458.02px;
		height: 34.26px;
		left: 654.58px;
		top: 452.67px;

		/*border: 5px solid #FFFFFF;*/

	}
/*}*/

@media only screen and (max-width: 1440px) {
  /* For mobile phones: */
  #header-figma
  {
  	margin-left: 8%;
  }
  .top-menu {
    gap: 5%;
    margin-right: -5%;
  }
}

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

  .top-menu {
    gap: 1%;
    margin-right: 2%;
  }
}

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

  .top-menu {
    gap: 5%;
    margin-right: 2%;
  }
}

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

  .top-menu {
    gap: 5%;
    margin-right: 2%;
  }

  #icon-left, #icon-right, .group-3
  {
  	margin-left: 3%;
  }
}

@media only screen and (max-width: 930px) {
  /* For mobile phones: */
  #header-figma
  {
  	margin-left: 23%;
  	border-radius: 0px;
  }

  .rectangle-3
  {
  	border-radius: 0px;
  }

  .top-menu {
    gap: 5%;
    margin-right: 3%;
  }

  #icon-left, #icon-right, .group-3
  {
  	margin-left: 2%;
  }
}

@media only screen and (max-width: 910px) {
  /* For mobile phones: */
  #header-figma
  {
  	margin-left: 20%;
  	border-radius: 20px;
  }

  .rectangle-3
  {
  	border-radius: 20px;
  }

  .top-menu {
    gap: 3%;
    margin-right: 0%;
  }

  #icon-left, #icon-right
  {
  	margin-left: 3%;
  }

  .group-3
  {
  	width: 900px;
  	margin-left: 13%;
  }
}

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

  .top-menu {
    gap: 3%;
    margin-left: 7%;
  }

  #icon-left, #icon-right
  {
  	margin-top: 80px;
  }

  #icon-left
  {
  	margin-left: 12%;
  }

  #icon-right
  {
  	margin-left: -3%;
  }
}

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

  .top-menu {
    gap: 3%;
    margin-left: 10%;
  }

  .group-3
  {
  	margin-left: 15%;
  }
}

@media only screen and (max-width: 700px) {
  /* For mobile phones: */
  #header-figma
  {
  	margin-left: 24%;
  }

  .top-menu, #icon-left, .group-3
  {
  	margin-left: 15%;
  }
}

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

  .top-menu, #icon-left, .group-3
  {
  	margin-left: 18%;
  }

  .top-menu
  {
  	gap: 1%;
  }

  #icon-right
  {
  	margin-left: 1%;
  }
}

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

  #top-navbar, #app-consult
  {
  	display: none;
  }

  #app-title
  {
  	margin-left: -60%;
  }

  #app-menu-burger
  {
  	/* Menu Burger Horizontal Svg */

		/* Auto layout */
		display: flex !important;
		flex-direction: row;
		align-items: center;
		padding: 10px;
		gap: 10px;

		position: absolute;
		width: 64px;
		height: 64px;
		margin-right: -70%;
		top: 20px;

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

  }

  #app-menu-burger img
  {
  	width: 80%;
  	margin-left: 10%;
  }

  .group-3
  {
  	margin-top: -5%;
  	margin-left: 18%;
  }

  #icon-left
  {
  	margin-left: 30%;
  	margin-top: 7%;
  }

  #icon-right
  {
  	margin-left: -7%;
  	margin-top: 7%;
  }

  #group-3-title
  {
  	width: 870px;
  	margin-left: 18%;
  }

  #group-3-tagline
  {
  	margin-top: 8%;
  	width: 670px;
  	margin-left: 20%;
  }

  #group-3-wa
  {
  	margin-top: 10%;
  }
}

@media only screen and (max-width: 490px) {
	#app-title
	{
		margin-left: -50%;
	}

	#app-menu-burger
	{
		margin-left: -2%;
	}

	.group-3
	{
		margin-left: 20%;
	}
}

@media only screen and (max-width: 420px) {
	#app-title
	{
		margin-left: -40%;
	}

	#app-menu-burger
	{
		margin-left: -5%;
	}

	.group-3
	{
		margin-left: 22%;
	}

	#icon-left
	{
		margin-left: 33%;
	}

	#icon-right
	{
		margin-left: -2%;
	}
}

@media only screen and (max-width: 340px) {
	#app-title
	{
		margin-left: -30%;
	}

	.group-3
	{
		margin-left: 23%;
	}

	#icon-left
	{
		margin-left: 34%;
	}

	#icon-right
	{
		margin-left: -2%;
	}
}