.user-signup {

border-radius: 14px;

background: #FFF;

box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.15);

padding: 30px;

}



.user-signupform .user-signup h1 {

color: #000;

font-family: Roboto;

font-size: 25px;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.user-signupform .user-signup p   {

color: #000;

font-family: Roboto;

font-size: 12px;

font-style: normal;

font-weight: 400;

line-height: normal;

}

.user-signupform .user-signup span a {

color: #2ED145;

font-family: Roboto;

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: normal;

}



.user-signupform .user-signup a    {

color: #000;

font-family: Roboto;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.user-signup  .btn-grad {

padding: 0.7rem 1rem;

display: inline-block;

color: #fff;

font-size: 16px;

font-weight: 400;

width: 200px !important;

font-style: normal;

border-radius: 5px;

border: 0;

font-family: 'Roboto';

background: #2ED145;

}



.user-signup input {

border-radius: 5px;

border: 1px solid #C6C6C6 !important;

background: #FFF;

}

.btn-grad:disabled {
    background-color: #1bbb31ab;
    color: #fff;
}

.btn-grad:hover
   {
    padding: 0.7rem 1rem;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    width: 160px !important;
    font-style: normal;
    border-radius: 10px;
    border: 0;
    font-family: 'Roboto';
    background:#2ED145;

}

.user-signup .btn-grad:hover
{
  padding: 0.7rem 1rem;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  width: 200px !important;
  font-style: normal;
  border-radius: 5px;
  border: 0;
  font-family: 'Roboto';
  background: #2ED145;

}

.user-signup label {

color: #000;



font-family: Roboto;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.hr {

border-bottom: 4px solid #868686 !important;

width: 124.188px;

height: 3px;

flex-shrink: 0;

margin: 0.6rem 0 !important;

}

.user-signupform img{

width: 100%;



height: 400px; 

}

.ped-right{

padding: 0px;

}

.techwix-subscribe-section-1 .subscribe-wrap {

background: #fff;

border-radius: 10px;

padding: 30px 35px;

padding-left: 40px;

margin-bottom: -75px;

position: relative;

margin-top: 60px;

box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.15);

}

.breadcrumbs {

padding: 40px 0 60px 0;

min-height: 200px;

height: 100%;

position: relative;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

}

.user-signup select{

border-radius: 5px;

border: 1px solid #C6C6C6;

background: #FFF;

width: 70px !important;

}

.user-signup .custom-select {

border-radius: 0.375rem 0 0 0.375rem;

color: #8E8E8E;

font-family: Roboto;

font-size: 13px;

font-style: normal;

font-weight: 400;

padding: 0px;

line-height: normal;

}

.modal {

display: none; /* Hidden by default */

position: fixed; /* Stay in place */

z-index: 1; /* Sit on top */

padding-top: 200px; /* Location of the box */

left: 0;

top: 0;

width: 100%; /* Full width */

height: 100%; /* Full height */

overflow: auto; /* Enable scroll if needed */

background-color: rgb(0,0,0); /* Fallback color */

background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

background-color: #fefefe;

margin: auto;

padding: 20px;

border: 0px solid #888;

width: 35%;

}

.modal-content .card-body img{

width: 161px;

height: 124px;

}



.modal-content .card-body h4{

color: #000;

font-family: Roboto;

font-size: 23px;

font-style: normal;

font-weight: 500;

line-height: normal;

}



.modal-content .card-body p{

color: #747474;



font-family: Roboto;

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.otp-field input {

height: 60px;

width: 60px;

border-radius: 6px;

outline: none;

font-size: 1.125rem;

margin-left: 20px;

text-align: center;

background: #F0F0F0;

border: 0px !important;

}

.otp-field input:focus {

box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

}

.otp-field input::-webkit-inner-spin-button,

.otp-field input::-webkit-outer-spin-button {

display: none;

}



.resend {

font-size: 12px;

}

 .areas_of_specialization .select2.select2-container{
    width: 100% !important;
    padding: .375rem .75rem; 
} 


#card {
 /* position: relative;
  top: 110px;*/
  width: 320px;
  display: block;
  margin: auto;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}

#upper-side {
    padding: 2em;
    background-color: #25c63b;
    display: block;
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#checkmark {
  font-weight: lighter;
  fill: #fff;
  margin: -3.5em auto auto 20px;
}

#status {
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1em;
  margin-top: -.2em;
  margin-bottom: 0;
}

#lower-side {
  padding: 2em 2em 5em 2em;
  background: #fff;
  display: block;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.message {
  margin-top: -.5em;
  color: #757575;
  letter-spacing: 1px;
}

#contBtn {
  position: relative;
  top: 1.5em;
  text-decoration: none;
  background: #25c63b;
  color: #fff;
  margin: auto;
  padding: .8em 3em;
  -webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
  -moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
  box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
  border-radius: 25px;
  -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
}

#contBtn:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
  -moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
  box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
  -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}