.form {
max-width: 850px;
height: auto;
border-radius: 16px;
border: var(--border-light-blue);
background: var(--section-gradient);
padding: 40px;
padding-bottom: 0;
margin-block: var(--spacer-120);
font-family: "Sora", sans-serif;
h3 {
margin-bottom: 60px;
}
p {
margin-block: 30px;
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 25px;
label {
display: flex;
flex-direction: column;
gap: 25px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--text-black-primary);
.wpcf7-form-control-wrap {
.wpcf7-radio {}
}
}
.wpcf7-list-item {
label {
flex-direction: row;
gap: 8px;
input[type='radio'] {
width: 24px;
height: 24px;
accent-color: var(--bg-arcon-red);
}
}
&.first {
margin-left: 25px;
}
}
span {
input {
padding: 15px;
border-radius: 8px;
border: 1px solid #D8E5F4;
background: #FFF;
width: 100%;
font-family: "Sora", sans-serif;
color: var(--text-black-primary);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
input[type="email"] {
margin-top: 30px;
}
}
input[type='submit'] {
font-family: "Sora", sans-serif;
border-radius: 8px;
background: #E6323A;
padding: 16px 32px;
border: none;
color: #fff;
width: fit-content;
color: var(--text-white);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0;
}
}
@media screen and (max-width: 1024px) {
& {
max-width: 100%;
border-radius: 0;
border: none;
background: none;
padding: 0;
margin-block: 60px;
h3 {
font-size: 24px;
font-weight: 400;
line-height: 32px;
margin-bottom: 40px;
}
p {
span {
input[type="email"] {
margin-top: 10px;
}
}
input[type='submit'] {
width: 100%;
font-size: 14px;
line-height: 20px;
}
}
}
}
}