/* Body */

    body{

    font-family: Work Sans;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 180%;  

    }

    /* H2 */

    h2{color: var(--branding-grey, #3D3D3D);

    font-family: Work Sans;

    margin-bottom: 20px;

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: capitalize;}

    /* H6 */

    h6{color: var(--branding-grey, #3D3D3D);

    font-family: Work Sans;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px; }

    /* p */

    p{color: var(--branding-grey, #3D3D3D);

    font-family: Work Sans;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 180%;}

    #zip_code_nl,#zip_code {

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-post.svg);

        background-repeat: no-repeat;

        background-position: 96%;

        padding-right: 25px;

    }

    .recaptcha-button-section {

        margin: 10px 0px 40px 0px;

        display: flex;

        gap: 20px;

        align-items: center;

        justify-content: space-between;

    }

    .login-form-body h2 {

        color: var(--branding-brand, #2E66B2);

        font-weight: 700;

        margin-top:30px;

    }

    .login-form-body .col-md-6 {

        flex: 0 0 auto;

        width: 48%;

    }

        .form-row {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        gap:20px;

        align-items:center;

        justify-content:space-between;

    }

    ::placeholder{color: var(--branding-grey, #3D3D3D) !important;

    font-family: Work Sans !important;

    font-size: 16px !important;

    font-style: normal !important;

    font-weight: 400 !important;

    line-height: 20px !important;}

    .col-form-label{color: var(--branding-grey, #3D3D3D);

    font-family: Work Sans;

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;}

    .multiselect {

        height: 110px;

        /*border: solid 1px #c0c0c0;*/

        overflow: auto;

    }

    .privacy-check, .firebase-check {

        display: flex;

        align-items: baseline;gap: 10px;

    }

    .lottie-bg{

        background-size:cover !important;

        background:url('https://vakmangids.com/new_web/wp-content/uploads/2023/08/subtle-prism-2-1.png');

        height: 600px;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        border-radius: 20px;

        position: fixed;

        width: 550px;

        top: 80px;

    }

    .lottie-bg h3{color: var(--branding-grey, #3D3D3D);

    text-align: center;

    font-family: Work Sans;

    font-size: 32px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;width: 392px;}

    .lottie-bg h3 span{color: var(--branding-brand, #2E66B2);

    font-family: Work Sans;

    font-size: 32px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;}

    input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {border:0;border-bottom: 1px solid var(--accent-brightness-b-1, #4D84D1) !important;border-radius:0px;

    }

    .btn-form-border{

        border-radius: 100px !important;

        border: 1px solid var(--branding-brand, #2E66B2) !important;

        background: var(--branding-white, #FFF);

/*        color: #2E66B2 !important;*/

        padding: 14px 32px !important;

        font-family: Work Sans;

        font-size: 16px !important;

        font-style: normal;

        font-weight: 500;

        line-height: 20px !important;

        display: flex;

        justify-content: center;

        gap: 10px;

        align-items: center;


    }

        input[type=submit] {

        background-color: #56657100;

        border-radius: 5px 5px 5px 5px;

        padding: 0;

        color: #2E66B2;

        border: 0;

        line-height: 35px;

    }

    .form-control:focus {

        color: #212529;

        background-color: #e8f0fe;

        border-color: #86b7fe00;

        outline: 0;

        box-shadow: none;

    }

    .radios_ct, .radios{gap:30px;}

    .login-form-body {

        width: 660px;

        margin: auto;

        margin-top: 84px;

    }

    #business-name {

    background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-company.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }



    #first-name, #last-name{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-user.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }



    #email{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-mail.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #phone{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-phone.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    /* #email_code{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-otp.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    } */

    #password, #password-confirm{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-password.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #street{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-street.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #number{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-house.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #postcode{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-post.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #city{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-location-1.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }

    #radius{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-radius.svg);

    background-repeat: no-repeat;

    background-position: 98%;

    padding-right: 25px;

    }

    #website{

        background-image: url(https://vakmangids.com/new_web/wp-content/uploads/2023/08/ic-company.svg);

    background-repeat: no-repeat;

    background-position: 96%;

    padding-right: 25px;

    }


    .submit-btn-main{
        border-radius: 100px !important;

        border: 1px solid var(--branding-brand, #2E66B2) !important;

        background: var(--branding-white, #FFF);

        color: #2E66B2 !important;

        padding: 14px 37px 14px 62px !important;

        font-family: Work Sans;

        font-size: 16px !important;

        font-style: normal;

        font-weight: 500;

        line-height: 20px !important;

        display: flex;

        justify-content: center;

        gap: 10px;

        align-items: center;
    }


    .submit-btn-main:hover{
          border-radius: 100px;
            border: 1px solid #2E66B2;
            background: #4D84D1 !important;
            color: #fff !important;
    }


     .btn-form-border:hover img{
        filter: brightness(0) invert(1);
     }
    

    .btn-form-border:hover {
            border-radius: 100px;
            border: 1px solid #2E66B2;
            background: #4D84D1;
            color: #fff !important;
    }

    .btn-form-border:active {
    color:white !important;
    background: #4D84D1 !important;
    }

    .submit-btn{
        display: flex;
    }

    .submit-btn:hover{
        color: #fff;
    }

    .submit-btn:hover img{
        filter: brightness(0) invert(1);
    }

   .submit-btn img{
    position: absolute;
    margin-top: 0.9%;
    margin-left: 2%;
   }

   .submit-btn img:hover{
        filter: brightness(0) invert(1) !important;
   }
    



    @media (max-width:1100px){

        .login-form-body {

        width: auto;

    }



    @media (max-width:1000px){

    .login-form-body {   

        padding: 0px 20px;

        

    }

        

    .col-md-5 {

        width: 100%;

        }

    .col-md-7 {

        width: 100%;

    }

    .lottie-bg {

        height: 700px;

    }

    .login-form-body h2 {

        margin-top: 30px;

    }

    .col-md-12 {

        width: 100%;

    }

    }




  @media only screen and (max-width: 768px) {
   .lottie-bg{
    position: unset;
    width: 100%;
    margin-top: 20px;
   }

   .submit-btn img {
    position: absolute;
    margin-top: 1.7%;
    margin-left: 4%;
}
}





    @media (max-width:600px){

    ::-webkit-input-placeholder{

        font-size: 11px !important;

    }

    .postcode label {

        display: none;

    }

    .zip_code_city label {

    

        display: none;

    }

    .huisnummer label {

        display: none;

    }

    .login-form-body .col-md-6 {

        width: 100%;

    }

    .form-row {

        flex-direction: column;

        gap: 0px;

    }

    .recaptcha-button-section {

        margin: 10px 0px 20px 0px;

        gap: 20px;

        flex-direction: column;

        align-items: center;

    }

    .submit-btn img {
    position: absolute;
    margin-top: 2.7%;
    margin-left: 6%;
}


    }

    @media (max-width:400px){

    .lottie-bg h3 {

        width: 280px;

    }

    }