@import "fonts.css";

body {
    margin-bottom: 0;
    background-color: #f8f8f8;
}

.Login-label {
    font-family: Poppins Regular;
    color: #113a5a;
    font-size: 17px;
}


.forgotpass {
    font-family: Poppins Regular;
    font-size: 17px;
    color: #9badbc;
    text-decoration: none;
}

.img-btn {
    border-style: none;
    background-color: white;
}

.checking {
    font-family: Poppins Light;
    color: #113a5a;
    font-size: 14px;
}

.Submitbtn {
    font-family: Popppins bold;
    color: #ffffff;
    font-size: 18px;
    background-color: #2bade3;
    border-style: none;
}

.Signup {
    font-family: Popppins bold;
    color: #2bade3;
    font-size: 18px;
    border-style: none;
    text-decoration: none;
}

.Login {
    font-family: Popppins bold;
    color: #33b0e2;
    font-size: 18px;
    border-style: none;
    text-decoration: none;
}

.textcon {
    font-family: Popppins bold;
    font-size: 18px;
    border-style: none;
}


#email, #pass, #username, #fullname, #address1, #address2, #zipcode, #city, #state, #country, #telephone, #mobile, #securityQuestion, #passowrdAnswer, #confirmpass {
    border-style: none;
    box-shadow: #E5E4E2 1px 3px;
}

.Submitbtn:hover {
    color: #ffffff;
}

/*.backImg {
    background-image: url("/Image/img.jpg");
}
*/
.form-check-input:checked[type=checkbox] {
    background-image: none;
}

.form-check-input:checked {
    background-color: #2bade3;
    border: none;
}

.head-img {
    background-color: white;
}

@media (max-width:990px) {
    .Login {
        font-family: Poppins Regular;
        color: #113a5a;
        font-size: 14px;
    }

    .checking {
        font-family: Poppins Light;
        color: #113a5a;
        font-size: 12px;
    }

    .Submitbtn {
        font-family: Popppins bold;
        color: #ffffff;
        font-size: 15px;
    }
}

@media (max-width:320px) {
    .checking {
        font-size: 11px;
    }

    .logo {
        height: 60px;
        width: 230px;
    }

    .head-img {
        display: none;
    }
}

@media (max-width:425px) {

    .head-img {
        display: none;
    }
}

@media(max-width:1400px) {
    .head-img {
        height: 520px;
        width: 520px;
    }
}

@media (min-width: 992px) {
    .form-container {
        margin-left: 29px;
    }
}

@media only screen and (min-width:990px) and (max-width: 1024px) {
    .head-img {
        height: 400px;
        width: 400px;
    }
}