*{

    padding: 0;
    margin: 0;
}

body {

    background-color: #34393F;
    /* background-color: #ffffff; */
}

.registration-data-wrap {

}

.img-section {

    display: none;
}

.registration-sec {

    

}

.co-logo {

    font-size: 60px;
    /* padding: 3px 0px; */
    color: #9AA2AD;
}


.co-name {

    color: rgb(229, 231, 231);
    /* padding: 10px 0px 3px 0px; */

}

.co-system {

    font-size: 12px;
    color: #9AA2AD;
    padding-bottom: 5px;

}

.log-links {

    font-size: 12px;
}

.form-signup {

    display: grid;
    margin-top: 40px !important;

}

.register-btn-area {

    width: 98%;
    margin: 0 auto;
}

.cust-dropdown {

    /* height: 58px !important; */
}





#hidden_speciality {

    display: none;
}

#provider_address {

    display: none;
}

#hidden_service {

    display: none;
}

#hidden_gender {

    display: none;
}

.form-control.is-invalid {
    
    border-color: #dc3545;
}


@media only screen and (min-width: 667px) {


}

@media only screen and (min-width: 768px) {

    .form-signup {

        width: 98%;
        margin: 0 auto;
        margin-top: 40px !important;
        grid-template-columns: 1fr 1fr;
        column-gap: 5px;
        
    }

    .co-logo {

        font-size: 70px;

    }

    .register-btn-area {

        width: 400px;
        
    }

  

}

@media only screen and (min-width: 992px) { 


    .log-links {

        font-size: 1rem;
    }

}


@media only screen and (min-width: 1024px) {

    .form-signup {


        width: 89%;
        column-gap: 15px;
        
    }

    /* .register-btn-area {

        width: 300px;
        
    } */
    

}


@media (min-width:1281px) { /* hi-res laptops and desktops */ 


    body {

        background-color: #ffffff;
    }

    .registration-wrapper{

        /* height: 100vh; */
        /* background-color: aqua; */
        /* display: flex;
        align-items: center;
        justify-content: center; */


    }

    .registration-data-wrap {

        display: grid;
        grid-template-columns: 1.5fr 2.3fr;
        
    
    }

    .img-section {

        display: inline-block;
        padding-left: 10px;
    }

    .reg-img {

        width: 90%;
        height: 400px;
        /* margin-top: 250px; */
        /* background-color: red; */
    }

    .register-labels {

        font-size: 55px;
        line-height: 1.25em;
    }

    .main-titles {

        color: var(--light-color);
    }

    .sm-sub-titles {
        font-size: 21.36px;
        /* font-weight: 300; */
    }
    

    .data-area {

        width: 90%;
        /* height: 80vh; */
        height: 80%;
        /* margin-top: 10%; */
        margin: 0 auto;
        background-color: #34393F;
        border-top-left-radius: 8%;
        border-bottom-right-radius: 8%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        /* margin-top: 100px; */
    }
   

}