@import url('styles.css');

.contact{
    background: var(--primary-5)!important;
}

.contact h1{
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-100);
}

.contact p{
    font-size: 0.9rem;
    color : var(--black-50)
}

.contact .form-container{

    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.048);
}

.zcwf_title{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-100)!important;
    margin-bottom: 30px;
}

.zcwf_lblTopBottom .zcwf_col_fld input[type=text], .zcwf_lblTopBottom .zcwf_col_fld textarea{
    width: 100%!important;
    font-size: 0.9rem!important;
    font-weight: 500!important;
    padding: 10px 10px;
    color: var(--black-50);
}

form .zcwf_col_lab{
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "Manrope"!important;
    
}

.zcwf_col_fld_slt{
    width: 100%!important;
    height: 40px!important;
    font-size: 0.9rem!important;
    font-weight: 500!important;
    padding: 10px 10px;
    color: var(--black-50);
}

.zcwf_col_fld option:hover{
    background-color: var(--secondary-100)!important;
    color: white!important;
}

.zcwf_col_fld a{
    color: var(--primary-100);
    transition: all 0.25s ease-in-out;
}

.zcwf_col_fld a:hover{

    color: var(--secondary-100);

} 

#crmWebToEntityForm > form > div:nth-child(15) > div.zcwf_col_fld{
    display: flex!important;
    flex-direction: row;
    justify-content:stretch;
}

.zcwf_col_fld .zcwf_button{
    width: 100%!important;
    text-decoration: none;
    padding: 12px 10px!important;
    border-radius: 5px;
    border: 1px solid var(--primary-100)!important;
    background: white;
    color: var(--primary-100);
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    max-width: none!important;
}

.zcwf_col_fld .zcwf_button:hover{
    background-color: var(--primary-100);
    color: white;
}


.zcwf_col_fld #formsubmit{
    width: 100%!important;
    text-decoration: none!important;
    padding: 12px 10px!important;
    border-radius: 5px!important;
    border: none!important;
    background: var(--secondary-100)!important;
    color: var(--primary-100)!important;
    font-size: 1rem!important;
    font-weight: 600!important;
    transition: all 0.25s ease-in-out!important;
    max-width: none!important;
}

.zcwf_col_fld #formsubmit:hover{
    background-color: var(--primary-100)!important;
    color: var(--secondary-100)!important;
}







/* .contact h4{
    font-size: 1rem;
    font-weight: 700;
    color: var(--secondary-100);
}
.contact h2{
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-100);
}
.contact form{
    width: 100%;
}

.contact label{
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--black-50);
}

.contact input{
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--black-50);
    padding: 10px 10px;
}

.contact select{
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--black-50);
    padding: 10px 10px;
}

.contact option{
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--black-50);
    padding: 10px 10px;
}

.contact textarea{
    width: 100%;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--black-50);
    border: 1px solid rgba(0, 0, 0, 0.226);
    padding: 10px 10px;
}

.contact button{
    width: 100%;
    padding: 15px 10px;
    border: none;
    background: var(--secondary-100);
    color: var(--primary-100);
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.25 ease-in-out;
}

.contact button:hover{

    background: var(--primary-100);
    color: var(--secondary-100);

} */




.faq h1{
    font-weight: 700;
    font-size: 2rem;
    color: var(--primary-100);
}

.faq .btn{
    width: 100%;
    font-weight: 600;
    color: var(--primary-100);
    border-color: var(--primary-100);
    border: solid 1px;
    padding: 0.75rem 1rem;
    margin-right: 10px;
}

.faq .btn:hover{
    color: white;
    background: var(--primary-100);
}

.accordion button{
    font-weight: 700;
    color: var(--primary-100)!important;
    font-size: 1rem;
}

.accordion-button:not(.collapsed){
    background-color : white;
}



.accordion-button:focus{
    border-color:  white!important;
    box-shadow: none!important;
}

@media only screen and (max-width : 578px){
    #crmWebToEntityForm{
        padding: 25px 5px!important;
    }
}