:root { --gold: #bd9d5b; }
#pro-firmy-form{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:20px;
	background-color:#faf8f2;
	box-sizing:border-box;
	padding:40px;
}

/* Layout */
.form-field-container{
	display:flex;
	flex-direction:column;
	gap:14px;
	width:100%;
	padding-left:20px;
	border-left:solid 2px #bd9d5b
}
.form-row{
	display:grid;	
}
.form-two-rows{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.radios.form-two-rows{
	background-color:#ffffff;
}
.file-label{
	display:grid;
	width:100%;
	align-items:center;
}

/* Fields */
#pro-firmy-form input,
#pro-firmy-form textarea {
	width: 100%;
	padding:16px;
	border: none;
	background-color:#ffffff;
	color:#282828;
	border-radius:0px;
}
#pro-firmy-form input::placeholder,
#pro-firmy-form textarea::placeholder {
  color: #aaaaaa;
  
}

.radio-label{
	display:flex;
	align-items:center;
	gap:20px;
	width: 100%;
	padding:16px;
	font-size:18px;
	border: none;
	background-color:#ffffff;
	color:#282828;
	border-radius:0px;
	position:relative;
}
.radio-span {
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 2px solid var(--gold);
	border-radius: 50%;
	vertical-align: middle;
	cursor: pointer;
	aspect-ratio:1/1;
}
.radio-span.selected {
	background-color: var(--gold);
	background-image: url(../assets/fajfka-white.svg);
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.radio-label-text{
	display:flex;
	flex-direction:column;
	line-height:20px;
}
.radio-label-text-sub{
	font-size:14px;
} 

.form-row.consent{
	display:flex;
	width:100%;
	background:transparent;
}
.term-label{
	display:flex;
	align-items:center;
	gap:20px;
	width: 100%;
	padding:16px;
	font-size:18px;
	border: none;
	background-color:transparent;
	color:#282828;
	border-radius:0px;
	position:relative;
}
.checkbox-span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid var(--gold);
	border-radius: 50%;
	vertical-align: middle;
	cursor: pointer;
	aspect-ratio:1/1;
}
.checkbox-span.selected {
	background-color: var(--gold);
	background-image: url(../assets/fajfka-white.svg);
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}
.checkbox-label-text{
	display:flex;
	flex-direction:column;
	line-height:20px;
}
.terms-input{
	position:absolute;
	left:-9999px;
	opacity:0;
}
.form-row.submit{
	justify-content:end;
}
#pro-firmy-form button {
	background: transparent;
	color: var(--gold);
	border:solid 2px #bd9d5b!important;
	font-size:20px;
	text-transform:uppercase;
	font-weight:500;
	padding: 12px 36px;
	border: none;
	cursor: pointer; 
	width:250px;
}
#pro-firmy-form button:hover{
	background-color:#bd9d5b;
	color:#ffffff;
}

.success-message{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
	padding:30px 0;
}
.success-message h2{
	color: #be9d5b;
	font-weight: 600;
    font-size: 58px;
    letter-spacing: 3px;
}
.success-message h3{
	color: #be9d5b;
	font-weight: 600;
    font-size: 1.5em;
    letter-spacing: 3px;
}
.success-message img{
	width:100px;
	margin-bottom:20px;
}
.success-message-text{
	color: #be9d5b;
	font-size:22px;
}
.success-message-action{
	color: #be9d5b;
	font-size:22px;
}

@media (max-width: 768px) {
	.form-two-rows{
		grid-template-columns:1fr;
	}
	.pro-firmy-contact-ico img{
		margin-top:10px!important;
		width:24px!important;
	} 
	.pro-firmy-contact-text{
		font-size:24px!important;
		margin:10px 0 0 0!important;
	}
	#pro-firmy-form{
		padding:10px;
	}
	.form-field-container{
		padding-left:0;
		border:none;
	}
}