@import 'src/Components/GlobalStyles/colors';
@import 'src/Components/GlobalStyles/mixins';

form.container {
	max-width: 703px;
	margin: 54px auto auto;

	&.embed {
		max-width: 100%;
	}

	.noborder {
		background: white;
		color: var(--primary-color);
		padding: 10px 3px 7px 3px;
		border-bottom: 1px solid var(--primary-color);
	}

	a {
		margin-bottom: 20px;
		text-decoration: none;
		color: var(--primary-color);
	}

	& > div {
		margin-bottom: 17px;

		& > div:first-child {
			//padding-left: 0 !important;
		}

		& > div:last-child {
			//padding-right: 0 !important;
		}
	}

	.country {
		padding-right: 0;

		.shortDropdown {
			//width: fit-content;
			max-width: 100px;

			form {
				border-radius: 50%;
			}
		}
	}

	.phone {
		padding-left: 0;

		label {
			//visibility: hidden;
		}
	}

	.cards {
		margin-top: 31px;
		//margin-bottom: 87px;

		.cardsWrapper {
			max-width: 703px;

			.card {
				margin: 0;
				width: auto;
				height: max-content;

				&:first-of-type {
					margin-right: 12px;
				}

				&:nth-of-type(2) {
					margin-left: 12px;
				}
			}
		}
	}
}

.button {
	min-width: 337px;
	background-color: var(--primary-color);
	padding: 15px 0;
	border-radius: 10px;
	font-size: 18px;
	border: none;
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
	max-height: 53px;
	color: white;
}

.errorCompany,
.errorName,
.errorPrefix,
.errorNumber,
.errorIndustry {
	outline: 1px solid red !important;
	color: red;
}

.goBackBtn {
	background-color: transparent;
	margin-bottom: 20px;
	text-decoration: none;
	color: var(--primary-color);
	border: 0;
}

.inputAsDropdown {
	position: relative;

	&::after {
		content: '';
		position: absolute;
		top: 47px;
		right: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0;
		border-color: #757575 transparent transparent;
	}
}