body {

	p {
		margin-bottom: 12px !important;
	}

	//ipad pro
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
		.ipad-padding {
			padding: 5px !important;
			font-size: 12px;
		}

		.lg\:text-1\.5xl {
			font-size: 1rem !important;
		}
	}

	label {
		content: "First name";
		color: black;
		font-family: Poppins;
		font-weight: bold;
	}

	//dynamic logo
	.js-project-logo {
		width: 100%;
	}

	//iphone 5
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
		.js-project-logo {
			width: 75%;
		}
	}
	//ipad
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		.js-project-logo {
			width: 100%;
		}
	}
	//ipad pro
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
		.js-project-logo {
			width: 100%;
		}
	}

	.form-signup-holder {
		a {
			color: #00a9dd;
		}

		p {
			text-align: center;
			font-style: italic;
			color: #949694;
			font-size: 12px;
			line-height: 15px;
			margin-top: 25px;
			margin-bottom: 12px;
			padding: 0 5px;
		}

		border: solid 2px #fff;
		background-color: #fff;

		.intgrtn-form-signup {
			.intgrtn-input-holder {
				.intgrtn-label {
					color: #000;
					font-size: 18px;
					margin-bottom: 0.5rem;
				}

				.intgrtn-input {
					border: 1px solid #B4B3B3;
					border-radius: 5px;
					max-width: 100%;
					font-size: 1.25rem;
					padding: 0.75rem;
					box-sizing: border-box;
					color: #000;
					display: block;

					&.intgrtn-input-phone {
						border-left: 1px solid #B4B3B3 !important;
						border-top-right-radius: 0 !important;
						border-bottom-right-radius: 0 !important
					}

					&.intgrtn-area-flags-holder {
						border-right: 1px solid #B4B3B3 !important;
					}

					&.intgrtn-invalid {
						background-color: rgba(255, 0, 0, 0.2);
					}

					.intgrtn-areas-dropdown {
						color: black;

						@media all and (max-width: 768px) {
							width: 260px;
							right: -20px;
						}
					}
				}

				.intgrtn-input-message-error {
					width: 100%;
					margin-top: 0.25rem;
					font-size: 80%;
					text-align: start;
					color: #dc3545;
				}
			}

			.has-btn-generate-password {
				display: none;
			}

			.intgrtn-btn-submit-holder {
				.intgrtn-btn-submit {
					border-color: transparent;
					color: #fff;
					text-align: center;
					min-height: 56px;
					text-transform: inherit;
					width: 100%;
					font-weight: bold;
					font-size: 18px;
					background: rgba(229, 149, 0, 1);
					box-shadow: 0 4px 9px rgb(0 0 0 / 25%);
					border-radius: 5px;
					height: auto;

				}
			}
		}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		.form-signup-holder {
			margin-left: auto;
			margin-right: auto;
		}
	}
	@media only screen and (max-device-width: 768px) {
		.form-signup-holder {
			margin-left: auto;
			margin-right: auto;
		}
	}


	.footer {
		padding: 20px 0;

		a {
			color: #00a9dd;
			text-decoration: none;
		}

		.container-custom {
			max-width: 1080px;
			margin: auto;
			padding: 0 15px;

			.footer-ul, .footer-ul a {
				@media all and (max-width: 768px) {
					flex-direction: column;
					justify-content: center;
					text-align: center;
					margin-top: 8px;
				}

				display: flex;
				justify-content: space-between;
				margin-top: 30px;

				li {
					text-decoration: none;

					a {
						color: #9f9fa0;
						font-size: 16px;
						text-transform: uppercase;
						text-decoration: none;
					}
				}
			}

			p {
				color: #9f9fa0;

				a {
					color: #00a9dd;
					text-decoration: none;
				}
			}
		}
	}
}

.intgrtn-basic-message-layout-holder {
	a {
		color: #00a9dd;
	}
}

.input-investment-sum-wrapper {
	position: relative;

	.currency-symbol {
		position: absolute;
		top: 5%;
		left: 2%;
	}

	.input-investment-sum {
		padding: .75rem .75rem .75rem 1.75rem;
	}
}

.submit-button {
	@media all and (max-width: 768px) {
		text-align: center;
		padding: 5px;
	}
}

.intgrtn-modal-holder {
	.intgrtn-modal {
		.intgrtn-modal-title{
			color: #000;
			font-size: 24px;
			font-weight: bold;
		}
		.intgrtn-modal-body {
			.title-policy {
				color: #000;
				font-size: 24px;
				font-weight: bold;
			}

			.intgrtn-basic-message-layout-holder {
				a {
					color: #0082f3;
				}
			}
		}
	}
}
