.consultant-search{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.consultant-search .back-white{
    background: #FFFFFFF2 0% 0% no-repeat padding-box;
    padding: 3rem;
    max-width: 60rem;
    border-radius: 6px;
    margin:0 auto;
    
}

.consultant-search .copy{
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
    border-top: 2px solid var(--gray-shade6);
    padding-top: var(--global--spacing-vertical);
}
.consultant-search .form .error {
    border: 2px solid red;
}

.consultant-search .form .error-message {
    color: red;
}

.consultant-search .form .field{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
    max-width: 30%;
    margin: 0 auto;
}

.consultant-search .form-inp{
    border: 1px solid var(--gray-shade6);
    border-radius: 5px;
    height: 50px;
    margin-bottom: .4rem;
    margin-top: .8rem;
}

.consultant-search .form-inp:focus{
    outline: 0;
}

/*Multi background color css*/


.consultant-search.background-green{
    background-color: var(--bggreen);
    
}

.consultant-search.background-default{
    background-color: var(--bgred);
}
   

.consultant-search.background-blue{
    background-color: var(--bgblue);
   
}

.consultant-search.background-purple{
    background-color: var(--bgpurple);
  
}


.consultant-search.background-yellow{
    background-color: var(--bgyellow);
   
}

/*Multi background color css*/


/*Multi color button css*/

.consultant-search.accent-green input.primary{
    background-color: var(--bggreen);
    color:var(--white);
    border:2px solid var(--bggreen);
    }

.consultant-search.accent-green input.primary:hover{
    border:2px solid var(--bggreen);
     color:var(--bggreen);
    background: var(--bwhite);
}

.consultant-search.accent-default input.primary{
    background-color: var(--bgred);
    color:var(--white);
    border:2px solid var(--bgred);
}

.consultant-search.accent-default input.primary:hover{
    border:2px solid var(--bgred);
     color:var(--bgred);
    background: var(--bwhite);
}

.consultant-search.accent-blue input.primary{
    background-color: var(--bgblue);
    color:var(--white);
    border:2px solid var(--bgblue);
}

.consultant-search.accent-blue input.primary:hover{
    border:2px solid var(--bgblue);
     color:var(--bgblue);
    background: var(--white);
}


.consultant-search.accent-purple input.primary{
    background-color: var(--bgpurple);
    color:var(--white);
    border:2px solid var(--bgpurple);
}


.consultant-search.accent-purple input.primary:hover{
    border:2px solid var(--bgpurple);
     color:var(--bgpurple);
    background: var(--white);
}


.consultant-search.accent-yellow input.primary{
    background-color: var(--bgyellow);
    color:var(--white);
    border:2px solid var(--bgyellow);

}

.consultant-search.accent-yellow input.primary:hover{
    border:2px solid var(--bgyellow);
     color:var(--bgyellow);
    background: var(--white);
}


.consultant-search.accent-green input.outline{
    border:1px solid var(--bggreen);
    color:var(--bggreen);
    background: transparent;
}



.consultant-search.accent-default input.outline{
    border:2px solid var(--bgred) ;
     color:var(--bggred);
    background: transparent;
}

.consultant-search.accent-blue input.outline{
    border:2px solid var(--bgblue);
     color:var(--bgblue);
     background: transparent;
    
}

.consultant-search.accent-purple input.outline{
    border:2px solid var(--bgpurple);
    color:var(--bgpurple);
     background: transparent;
}


.consultant-search.accent-yellow button.outline{
    border:2px solid var(--bgyellow);
     color:var(--bgyellow);
    background: transparent;
}

.consultant-search.accent-yellow button.outline:hover{
    border:2px solid var(--bgyellow);
     color:var(--bwhite);
    background: bgyellow;
}

.consultant-search input.primary, .consultant-search input.outline{
    padding: 15px 25px;
    border-radius: 4px;
    font-family: "din-2014", sans-serif;
    text-decoration: none;
    font-size: 20px;
    border: 0;
   margin-top: var(--global--spacing-vertical);
}

/*Multi color button css*/