body

{

    background:#ffffff;

}



.card0 {

    box-shadow: 0px 4px 8px 0px #7575753b;

    border-radius: 0px;

}



.card2 {

    margin: 0px 40px;

}

.sign-up-left

{

        background: #f3f3f5;

            padding: 0;

}

.contact .btn:hover

{

    background: black;

    border: none;

}

.form-floating>label

{

    top: -6px;

    padding: 0px;

    font-size: 18px;

}
.ip
{
    text-align:center;
    color:black;
    font-size: 14px;
}

.form-select

{

    border-left: none;

    border-top: none;

    border-right: navajowhite;

    border-radius: 0px;

    padding: 0px;

    color:#9a9797;

    line-height: 40px;

    position: relative;

    bottom: 0;

    font-size: 14px;
    border-radius: 0;
    height: 43px;
    border: none;
    border: 1px solid #e6e6e6;
    background: white !important;
    box-shadow: none;
    background: none;
    padding: 0px 6px;

}

.form-select:focus {

    border-color: #cccccc;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}

.forgot-card

{

    width: 50%;

    margin: 0 auto;

}

.logo {

    width: 200px;

    height: 100px;

    margin-top: 20px;

    margin-left: 35px;

}

.nav-pills .nav-link.active

{

    background: #000000;

    color: #ffffff;

    font-weight: 700;

    font-size: 18px;

        padding: 10px 0px;

}

.tb1

{

    margin: 0 auto;

    width: 50%;

}

.nav-pills .nav-link

{

   width: 100%;

   border-radius: 0px; 

       width: 100%;

    border-radius: 0px;

    color: #000000;

    background-color:#ffffff;

    font-weight: 700;

    font-size: 18px;

        padding: 10px 0px;

}

.mrg

{

 margin: 0 auto;

}



.image {

    width: 100%;

    height: auto;

}



.border-line {

    border-right: 1px solid #EEEEEE;

}



.facebook {

    background-color: #3b5998;

    color: #fff;

    font-size: 18px;

    padding-top: 5px;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    cursor: pointer;

}



.twitter {

    background-color: #1DA1F2;

    color: #fff;

    font-size: 18px;

    padding-top: 5px;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    cursor: pointer;

}



.linkedin {

    background-color: #2867B2;

    color: #fff;

    font-size: 18px;

    padding-top: 5px;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    cursor: pointer;

}



.line {

    height: 1px;

    width: 45%;

    background-color: #E0E0E0;

    margin-top: 10px;

}



.or {

    width: 10%;

    font-weight: bold;

}



.text-sm {

    font-size: 14px !important;

}



::placeholder {

    color: #BDBDBD;

    opacity: 1;

    font-weight: 300

}



:-ms-input-placeholder {

    color: #BDBDBD;

    font-weight: 300

}



::-ms-input-placeholder {

    color: #BDBDBD;

    font-weight: 300

}



input, textarea {

    padding: 10px 12px 10px 12px;

    border: 1px solid lightgrey;

    border-radius: 2px;

    margin-bottom: 5px;

    margin-top: 2px;

    width: 100%;

    box-sizing: border-box;

    color: #2C3E50;

    font-size: 14px;

    letter-spacing: 1px;

}



input:focus, textarea:focus {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 1px solid #304FFE;

    outline-width: 0;

}



button:focus {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    outline-width: 0;

}



a {

    color: inherit;

    cursor: pointer;

}



.btn-blue {

    background-color: #1A237E;

    width: 150px;

    color: #fff;

    border-radius: 2px;

}



.btn-blue:hover {

    background-color: #000;

    cursor: pointer;

}



.bg-blue {

    color: #fff;

    background-color: #1A237E;

}



@media screen and (max-width: 991px) {

    .logo {

        margin-left: 0px;

    }



    .image {

        width: 300px;

        height: 220px;

    }



    .border-line {

        border-right: none;

    }



    .card2 {

        border-top: 1px solid #EEEEEE !important;

        margin: 0px 15px;

    }

}

.hed-etick

{

    text-align: center;

    margin-top: 20px;

    font-size: 32px;

    font-weight: 700;

    color:#000000;

    margin-bottom: 20px;

}

.contact-h {

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 40px;

    color: #EC407A;

}

.contact .form-group {

    margin-bottom: 20px;

}

.bg

{

    background-image: url("reg-img.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.contact .form-control {

    border-radius: 0;
height: 43px;
    border: none;

       border: 1px solid #e6e6e6;
background: white !important;
    box-shadow: none;

    background: none;

        padding: 0px 0px;

}

.contact .btn-primary {

     background-color:#000000;

    border-color: #ffffff;

    border-radius: 0;

    text-transform: uppercase;

    font-weight: bold;

width: 50%;

    color: #ffffff;

    display: block;

        margin: 0 auto;

}

.log-with-goog

{

        width: 100% !important;

    text-transform: capitalize !important;

    background: #d34836 !important;

    border: #d34836 !important;

    color: white !important;

}

.log-with-face

{

       width: 100% !important;

    text-transform: capitalize !important;

    background: #0866ff !important;

    border: #0866ff !important;

    color: white !important;

}

.log-with

{

        color: black;

    margin-top: 0px;

    font-weight: 600;

    font-size: 18px;

    text-align: center;

}

.all-redy

{

        color: #7a7a7a;

    margin-top: 8px;

        text-align: center;

}

.all-redy a 

{

    color: black;

}

.contact .btn {

    padding: 12px 15px;

}

.group {

    position: relative;

    margin-bottom: 45px;

}

input:focus {

    outline: none;

}



.form-area form

{

    padding: 30px;

}

label {

    color:#b8bfc2;

    font-size: 16px;

    font-weight: normal;

    position: absolute;

    pointer-events: none;

    left: 0px;
    top: -5px;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all;

}

input:focus ~ label,

input:valid ~ label {

  /*  top: 0px;

    font-size: 13px;

    color: black;*/

}

.bar {

    position: relative;

    display: block;

    width: 100%;

}

.bar:before,

.bar:after {

    content: '';

    height: 2px;

    width: 0;

    bottom: 3px;

    position: absolute;

    background:black;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all;

}

.bar:before {

    left: 50%;

}

.bar:after {

    right: 50%;

}

input[type=text]:focus

{

    border: 0px !important;

}

input:focus ~ .bar:before,

input:focus ~ .bar:after {

    width: 50%;

}

.highlight {

    position: absolute;

    width: 100px;

    top: 25%;

    left: 0;

    pointer-events: none;

    opacity: 0.5;

}

/* active state */



input:focus ~ .highlight {

    -webkit-animation: inputHighlighter 0.3s ease;

    -moz-animation: inputHighlighter 0.3s ease;

    animation: inputHighlighter 0.3s ease;

}

/* ANIMATIONS ================ */



@-webkit-keyframes inputHighlighter {

    from {

        background: #5264AE;

    }

    to {

        width: 0;

        background: transparent;

    }

}

@-moz-keyframes inputHighlighter {

    from {

        background: #5264AE;

    }

    to {

        width: 0;

        background: transparent;

    }

}

@keyframes inputHighlighter {

    from {

        background: #5264AE;

    }

    to {

        width: 0;

        background: transparent;

    }

}

.text-group textarea {

    display: block;

    background: none;

    padding: 0.125rem 0.125rem 0.0625rem;

    border-width: 0;

    border-color: transparent;

    line-height: 1.9;

    width: 100%;

    -webkit-transition: all 0.28s ease;

    transition: all 0.28s ease;

    box-shadow: none;

    color: white;

}

.text-group textarea:focus ~ .input-label,

.text-group textarea:valid ~ .input-label,

.text-group textarea.form-file ~ .input-label,

.text-group textarea.has-value ~ .input-label {

    font-size: 14px;

    ;

    color: black;

    top: -1rem;

    left: 0;

}

.text-group textarea:focus ~ .input-label {

    color: black;

}

.text-group textarea:focus ~ .bar::before {

    width: 100%;

    left: 0;

}

.text-group {

    position: relative;

    margin-top: 2.25rem;

    margin-bottom: 4.25rem;

}
.email-faild-wrp
{
    padding: 50px 0px;
}
.email-faild-wrp img
{
        width: 27%;
    margin: 0 auto;
}
.email-faild-wrp .card{
    width: 56%;
    margin: 0 auto;
    padding: 50px 20px;
    box-shadow: 0 10px 30px 0 rgb(0 60 179 / 5%);
    border: none;
    
}
.email-faild-wrp  h3 
{
    font-size: 23px;
    color: black;
    margin-top: 20px;
}
.reg-wrp-main .btn-primary
{
    padding: 12px 10px;
    width: 17%;
}
.reg-wrp-main input
{
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #b8bfc2 !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0px 0px !important; 
}