/** 
* Css file for the onboarding page
*/
.call_expert ul {
    text-align: left;
    margin-left: 1rem;
}
.footer_button {
    flex-direction: row-reverse
}

.footer_button a{
    border-radius: 6px;
}
.footer_button a.prev{
    color: #061C2A;
}
.footer_button a.next, a.final_question_upper{
    background: #1D8DD4;
    border-color: #1D8DD4;
    color: #fff;
}
a.final_question_upper{
    float: right;
    margin-right: 40px;
    border: 1px solid rgba(213, 213, 213, 1);
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 2rem;
}
.main_onboarding ul[aria-label="Pagination"]{
    display: none;
}
.onboard_input {
    max-width: 580px;
    margin: 0 auto;
}
.onboard_input div input{
    width: auto;
}
.onboard_input div{
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    padding: 14px 16px;
    text-align: left;
    margin-bottom: 16px;
}
.onboard_input div:hover{
    border: 1px solid rgba(29, 141, 212, 1);
    background: rgba(29, 141, 212, 0.1);
}
.onboard_input div:hover input,
.onboard_input div:hover label{
    color: #1D8DD4;
    accent-color: #1D8DD4;
}
.call_expert {
    display: flex;
    width: 100%;
    max-width: 580px;
    justify-content: space-around;
    align-items: center;
    justify-self: center;
    background: rgba(29, 141, 212, 0.1);
    border-radius: 8px;
    padding: 16px;
}
div#maralytics_resources {
    width: 100%;
}
div#maralytics_resources input{
    width: 0px;
}
div#maralytics_resources div{
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 15px;
}
div#maralytics_resources div a{
    font-size: 18px;
}
div#role_with_marketing,
#type_of_app_used{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
div#role_with_marketing div input,
#type_of_app_used div input{
    width: 0;
}
div#role_with_marketing div,
#type_of_app_used div{
    border: 1px solid #D5D5D5;
    padding: 14px 16px;
    border-radius: 4px;
    cursor: pointer;
}
div#role_with_marketing div label,
#type_of_app_used div label{
    cursor: pointer;
}
div#role_with_marketing div.checked,
#type_of_app_used div.checked{
    background: rgba(29, 141, 212, 0.1);
    border: 1px solid rgba(29, 141, 212, 1);
    color: rgba(29, 141, 212, 1);
}
select#select_industry {
    width: 100%;
    max-width: 516px;
    margin: 0 auto;
    margin-top: 32px;
    border: 1px solid #D5D5D5;
    background-color: transparent;
    color: #061C2A;
    border-radius: 4px;
}
.main_onboarding {
    box-shadow: 0px 0px 4px 0px rgba(11, 88, 255, 0.16);
}
.step_body1{
    padding-bottom: 50px;
}
.footer_button {
    margin-top: 7em;
/* 			position: absolute; */
    bottom: 0%;
    width: 100%;
    display: flex;
    max-width: 1180px;
    justify-content: space-between;
    box-shadow: 0px -4px 12px 0px rgba(11, 88, 255, 0.16);
    padding: 17px;
}

.footer_button a{
    border: 1px solid rgba(213, 213, 213, 1);
    padding: 10px 16px;
    display: block;
}
.step_body{
    min-height: 55vh;
}
.step_body input{
    width: 50%;
}
.step_body input[name="Business Name"]{
    width: 100%;
}
.step_body1{text-align: center;}
.icon_and_text{display: flex; width: 100%; max-width: 650px; justify-content: space-between;justify-self: center;}
.main_onboarding .steps ul{
    display: flex;
    gap: 5px;
}
.main_onboarding .steps ul li{
    display: block;
}
.main_onboarding .steps ul li a{display: none;}
.main_onboarding .steps ul li{
    background: #F3F3F3;
    height: 10px;
    width: 100%;
    max-width: 10%;
}
.main_onboarding .steps ul li.current{
    background: #57585B;
}
.main_onboarding .steps ul li.done{
    background: #1D8DD4;
}

@media only screen and (max-width: 760px){
    .icon_and_text {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }    
}