.three_column_form_block h2 {
    font-size: var(--text-40);
    text-align: center;
    font-weight: 600;
}


.three_column_form_block .container{
    padding: 5rem 0;
}

.three_column_form_block .page_container{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.three_column_form_block .page_container form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;

}
.three_column_form_block .form_actions_row{
    grid-column: 1 / -1;
    text-align: center;
}

.three_column_form_block .field-row{
    position: relative;
}
.three_column_form_block .field-row.full_width{
    grid-column: 1 / -1;
}

.three_column_form_block .g-recaptcha{
    margin: 0 auto;
    grid-column: 1 / -1;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}






/*.three_column_form_block input[type="submit"],*/
/*.three_column_form_block .button {*/
/*    display: inline-block;*/
/*    padding: 1rem 2.5rem;*/
/*    border: 1px solid #fff;*/
/*    border-radius: 3.5rem;*/
/*    background: #ffffff00;*/
/*    color: var(--alternative-title-color);*/
/*    cursor: pointer;*/
/*    transition: all 0.2s;*/
/*    text-transform: uppercase;*/
/*}*/
/*.three_column_form_block input[type="submit"]:hover,*/
/*.three_column_form_block .button:hover {*/
/*    background: var(--text-hover-color);*/
/*}*/


/*c8c3c3*/



.combined_forms_block{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.combined_forms_block .three_column_form_block h2 {
    color: var(--alternative-title-color);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
}

.combined_forms_block .three_column_form_block textarea,
.combined_forms_block .three_column_form_block select,
.combined_forms_block .three_column_form_block input[type="text"],
.combined_forms_block .three_column_form_block input[type="number"],
.combined_forms_block .three_column_form_block input[type="email"]{
    border: 2px solid var(--alternative-title-color);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
}



.combined_forms_block .three_column_form_block input[type="checkbox"]{
    position: absolute;
    display: block;
    z-index: -1;
    overflow: hidden;
    opacity: 1;
}

.combined_forms_block .three_column_form_block input[type="checkbox"] + label{
    /*padding-left: 25px;*/
    /*width: 25px;*/
    position: relative;
    display: block;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
    text-align: start;
}
.combined_forms_block .three_column_form_block input[type="checkbox"] + label + label{
    padding-left: 35px;
    display: inline-block;
}
.combined_forms_block .three_column_form_block input[type="checkbox"] + label + label a{
    color: var(--alternative-title-color);
}
.combined_forms_block .three_column_form_block input[type="checkbox"] + label + label a:hover{
     color: var(--text-hover-color)
}

.combined_forms_block .three_column_form_block input[type="checkbox"] + label:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: var(--alternative-title-color);
    height: 26px;
    width: 26px;
    top: 3px;
    left: 0;
    font-size: 14px;
    line-height: 26px;

    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
}
.combined_forms_block .three_column_form_block input[type='checkbox']:checked + label:before{
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}


.combined_forms_block .three_column_form_block input[type="submit"],
.combined_forms_block .three_column_form_block .submit-btn,
.combined_forms_block .three_column_form_block .button{
    border: 1px solid var(--alternative-title-color);
    border-radius: 3.5rem;
    background: none;
    color: var(--alternative-title-color);
    cursor: pointer;
    transition: all 0.2s;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding: 1rem 2.5rem;
}
.combined_forms_block .three_column_form_block input[type="submit"]:hover,
.combined_forms_block .three_column_form_block .submit-btn:hover,
.combined_forms_block .three_column_form_block .button:hover {
    border: 1px solid var(--text-hover-color);
    box-shadow: 0 0 10px var(--text-hover-color), 0 0 20px var(--text-hover-color);
    color: var(--text-hover-color);
    /*background: var(--text-hover-color);*/
}


.combined_forms_block {
    padding: 5rem 0;
}
.combined_forms_block .three_column_form_block .container{
    padding: 0;
}


.combined_forms_block .combined_forms_nav{
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
    gap: 25px;
    flex-wrap: wrap;
}
.combined_forms_block .combined_forms_nav a{
    border: 1px solid var(--alternative-title-color);
    border-radius: 3.5rem;
    background: none;
    color: var(--alternative-title-color);
    cursor: pointer;
    transition: all 0.2s;
    text-transform: uppercase;
    box-shadow: none;
}
.combined_forms_block .combined_forms_nav a.active{
    display: inline-block;
    padding: 1rem 2.5rem;
    border: 1px solid var(--text-hover-color);
    border-radius: 3.5rem;
    background: var(--text-hover-color);
    color: var(--alternative-title-color);
    cursor: pointer;
    transition: all 0.2s;
    text-transform: uppercase;
    box-shadow: 0 0 27px 6px rgba(218, 34, 63, 0.63);
}

.combined_forms_block .combined_forms_list .form_block{
    display: none;
}
.combined_forms_block .combined_forms_list .form_block.active{
    display: block;
}
.combined_forms_block .form-response{
    text-align: center;
    color: var(--alternative-title-color);
}
.combined_forms_block .form-response .success-message{
        font-size: var(--text-40);
}
.combined_forms_block .form-response .error-message{
    color: var(--alternative-title-color);
}
.combined_forms_block .form-response > div{
    margin-top: 20px;
}

@media (max-width: 880px) {
    .three_column_form_block .page_container form {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 600px) {
    .three_column_form_block h2 {
        font-size: var(--text-32);
        text-align: center;
        font-weight: 600;
    }
}