﻿   body {
            background: #f6f6f6;
        }

        .form-control {
            text-align: center;
            font-size: 18px !important;
            height: 60px !important;
            border-radius: 0px;
            border: 1px solid #e7e7e7 !important;
            background-color: #fff;
        }


        .btnOTP {
            font-size: 18px !important;
            height: 55px !important;
            border-radius: 0px;
            background-color: #000000;
            color: #fff;
            transition: all 0.6s ease;
            width:100%;
        }


            .btnOTP:hover {
                background: rgb(126, 78, 159);
                color: #fff;
            }







        input[type="text"]:focus,
        input[type="password"]:focus {
            box-shadow: none;
            outline: 0 none;
        }



        .btnLogin {
            background: rgb(126, 78, 159);
            color: #fff;
            font-size: 18px !important;
            height: 50px !important;
            border-radius: 0px;
            transition: all 0.6s ease;
            width:100%;
        }





            .btnLogin:hover {
                background: #696969;
            }


        hr {
            background-color: black;
            height: 1px;
            border: 0;
        }

        a {
            height: 90% !important;
            font-size: 13px;
        }


        .fb {
            background: #3b5998;
            transition: all 0.6s ease;
            width: 100%;
            padding: 7px;
            margin: 10px 0;
            float: left;
            cursor: pointer !important;
            text-decoration: none !important;
            text-align: center;
            color: #FFF;
        }

            .fb:hover {
                background: #16326d;
                color: #FFF;
            }

            .fb > img {
                padding-right: 20px;
            }

            .fb > span {
                font-size: 18px !important;
            }


        .gmail {
            background: #c73e2e;
            transition: all 0.6s ease;
            width: 100%;
            padding: 7px;
            margin: 10px 0;
            float: left;
            cursor: pointer !important;
            text-decoration: none !important;
            text-align: center;
            color: #FFF;
        }





            .gmail:hover {
                background: #9f1606;
                color: #FFF;
            }

            .gmail > img {
                padding-right: 20px;
            }

            .gmail > span {
                font-size: 18px !important;
            }
.previous {
    background-color: rgb(126, 78, 159) !important;
  color: #FFF;

   text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}
  .round {
  border-radius: 50%;
}
  .previous:hover {
    
  color: #FFF;
  text-decoration: none;
  
}

@media (min-width: 1280px) {
    h2 {
        font-size: 1.9rem;
    }
}

@media (min-width: 1024px) {
    h2 {
        font-size: calc(1.325rem + .28vw);
    }
}