
        .form-horizontal{
            font-family: 'Quicksand', sans-serif;
            width: 100%;
            padding: 30px 15px 75px;
            border-radius: 30px 0 30px 0;
            box-shadow: 4px 4px 0 #fff, 6px 6px 0 #e7e7e7,-4px -4px 0 #fff,-6px -6px 0 #e7e7e7;
        }
        .form-horizontal .heading{
            color: #333;
            font-size: 35px;
            text-align: center;
            margin: 0 0 30px 0;
        }
        .form-horizontal .form-group{
            width: 80%;
            margin: 0 auto 10px;
            position: relative;
        }
        .form-horizontal .form-group>i{
            color: rgba(0,0,0,0.2);
            font-size: 25px;
            position: absolute;
            left: 8px;
            top: 7px;
        }
        .form-horizontal .form-control{
            color: #0097e6;
            font-size: 14px;
            height: 42px;
            box-shadow: none;
            
        }
        .form-control::placeholder{
            color: rgba(0,0,0,0.2);
            font-size: 15px;
            text-transform: uppercase;
        }
        .form-horizontal .form-control:focus{
            box-shadow: none;
            border-color: #0097e6;
        }
        .form-horizontal .form-terms{
            color: #909090;
            font-size: 14px;
            width: 80%;
            margin: 0 auto 10px;
        }
        .form-horizontal .form-terms input[type="checkbox"]{
            margin: 3px 5px 0 0;
            display: inline-block;
        }
        .form-horizontal .form-terms a{ color: #0097e6;text-decoration: none;}
        .form-horizontal .form-terms a:hover{ text-decoration: underline; }
        .form-horizontal .btn{
            color: #fff;
            background-color: #0097e6;
            font-size: 16px;
            padding: 7px 30px;
            margin: 0 0 10px;
            border-radius: 25px;
            border: 2px solid transparent;
            display: inline-block;
            /* float: left; */
            transition: all 0.5s;
        }
        .form-horizontal .btn:focus,
        .form-horizontal .btn:hover{
            color: #0097e6;
            background-color: #fff;
            border: 2px solid #0097e6;
        }
        .form-horizontal .form-login{
            color: #606060;
            font-size: 14px;
            margin: 10px 0;
            display: inline-block;
            /* float: right; */
        }
        .form-horizontal .form-login a{ color: #0097e6;text-decoration: none;}
        .form-horizontal .form-login a:hover{ text-decoration: underline; }

        .form-horizontal .form-footer:before{
            content: 'OR';
            color: #0097e6;
            background-color: #fff;
            font-weight: 600;
            text-align: center;
            line-height: 31px;
            height: 35px;
            width: 35px;
            margin: -35px auto 0;
            border: 3px solid #0097e6;
            border-radius: 50%;
            display: block;
        }
        .form-horizontal .form-footer span{
            color: #fff;
            font-size: 17px;
            margin: 0 0 15px 0;
            display: block;
        }
        .form-horizontal .social{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .form-horizontal .social li{
            display: inline-block;
            margin: 0 3px;
        }
        .form-horizontal .social a{
            color: #0097e6;
            background-color: #fff;
            text-decoration: none;
            font-size: 18px;
            text-align: center;
            line-height: 36px;
            height: 40px;
            width: 40px;
            border: 2px solid transparent;
            border-radius: 50%;
            transition: all 0.5s;
        }
        .form-horizontal .social a:hover{
            color: #fff;
            background-color: #0097e6;
            border-color: #fff;
        }
        @media screen and (max-width:576px) {
            .form-horizontal .form-group .btn,
            .form-horizontal .form-group .form-login{
                text-align: center;
                display: block;
                float: none;
                margin: 0 auto 15px;
            }
        }
    