body {
	.top-intgrtn-signup-form-wrapper {
		background: #fff !important;
		padding: 15px;
	}

	.intgrtn-form-signup {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.intgrtn-input-holder {
			flex: 100%;
			position: relative;

			.intgrtn-input {
				margin-bottom: 0;
				font-size: 12px;
				border: 2px solid #d6e7ff;
				border-radius: .4rem;
				transition: border .2s;
				background: #fff;
				position: relative;
				box-shadow: none;
				padding: 14px;

				&.intgrtn-area-flags-holder {
					padding: 10px;
				}

				&:focus ~ label.intgrtn-label {
					opacity: 1;
					top: -5px;
					left: 10px;
					transition: top .5s;
					z-index: 3
				}

				.intgrtn-areas-dropdown {
					width: 270px;
					left: unset;
				}

				.intgrtn-areas-dropdown {
					@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
						width: 250px;
					}
				}
			}

			&.intgrtn-input-holder-first-name, &.intgrtn-input-holder-last-name {
				@media all and (max-width: 768px) {
					flex: 100%;
				}
				flex: 0 0 49%;
			}

			.intgrtn-label {
				opacity: 0;
				position: absolute;
				font-size: 8px;
				background: #fff;
				padding-left: 5px;
				padding-right: 5px;
				color: #363636;
				top: 5px;
				z-index: -3;
			}

			.intgrtn-input-message-error {
				font-size: 12px;
			}
		}

		.intgrtn-btn-submit-holder {
			flex: 100%;
			max-width: 100%;

			.intgrtn-btn-submit {
				border: 0;
				box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
				width: 100%;
				height: 72px;
				border-radius: 6px;
				margin-top: 1px;
				cursor: pointer;
				font-family: MontserratExtra, sans-serif;
				font-size: 1.2rem;
				text-transform: uppercase;
				font-weight: 800;
				background-color: #efefef;
				color: #000;
			}
		}
	}

	.disclaimer-wrapper {
		.form-disclaimers {
			font-size: 12px;
		}
	}

	.disclamer-white {
		.disclaimer-wrapper {
			.form-disclaimers {
				color: #fff;

				a {
					color: #6bacff;
				}
			}
		}
	}

	.section-5[_ngcontent-rao-c2] .claim-btn[_ngcontent-rao-c2] {
		@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
			padding: 10px 60px;
			&:after {
				right: 30px;
			}
			&:before {
				left: 30px;
			}
		}
	}

	.section-7 {
		.box-card {
			img {
				@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
					width: 50%;
				}
			}
		}
	}

	.section-9 {
		.signUpForm-bottom {
			@media all and (max-width: 768px) {
				width: 100%;
			}
			width: 65%;
		}
	}

	.footer-ul {
		@media all and (max-width: 768px) {
			padding: 0;
			justify-content: space-evenly;
		}
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		font-size: 12px;
		font-weight: 500;
		font-style: italic;
		color: #3696f5;

		li {
			list-style: none;
			text-decoration: none;
		}
	}

	.section-1[_ngcontent-rao-c2] {
		padding: 60px 0;
	}

	.user_status {
		@media all and (max-width: 768px) {
			display: none;
		}
		display: block;
	}

	.modal-signup {
		@media all and (max-width: 768px) {
			max-height: 550px;
		}
		max-width: 800px;
		max-height: 600px;
		background-color: #fff;
		font-size: 14px;
		margin: auto;
		padding: 20px 30px !important;
		text-align: center;
		z-index: 10001;

		h1 {
			@media all and (max-width: 768px) {
				font-size: 38px;
			}
			color: #000;
		}

		main {
			padding: 20px 0;
			@media all and (max-width: 768px) {
				padding: unset;
			}

			.broker-info {
				@media all and (max-width: 768px) {
				}
				padding: 0 20px;
				text-align: center;
				//width: 100%;
				.modal-logo {
					@media all and (max-width: 768px) {
						padding: 20px;
					}
				}
			}


			.logo {
				@media all and (max-width: 768px) {
					padding-top: 40px;
				}
				height: 200px;
				padding-top: 50px;

				img {
					vertical-align: middle;
					max-width: 300px;
				}
			}

			.broker-advantages {
				padding-top: 20px;

				.item {
					text-align: left;

					.icon {
						@media all and (max-width: 768px) {
							width: 100%;
							text-align: center;
						}
						//display: inline-block;

						img {
							width: 50px;
						}
					}

					.text {
						@media all and (max-width: 768px) {
							text-align: center;
						}
						display: inline-block;
						text-align: left;
					}
				}
			}
		}

		.modal-button-hide-mobile {
			display: block;
			@media all and (max-width: 768px) {
				display: none;
			}
		}

		.modal-button-show-mobile {
			display: none;
			@media all and (max-width: 768px) {
				display: block;
			}
		}

		.start-trading-button {
			background-color: rgb(24, 167, 248);
			color: white;
			font-size: 22px;
			font-weight: bold;
			line-height: 1em;
			padding: 10px;
			width: 500px;
			max-width: 100%;
			border: 0;
			outline: 0;
			border-radius: 4px;
			cursor: pointer;

			&:hover {
				background-color: rgb(24, 167, 248) !important;
				color: white !important;
			}
		}

		.js-intgrtn-modal-loader {
			display: none;
			height: 60px;
			width: 100%;
		}
	}
}
