/********** Template CSS **********/
            :root {
            --primary: #f2c001;
            --light: #F3F6F9;
            --dark: #191C24;
            }
            /*** Spinner ***/
            #spinner {
            opacity: 0;
            visibility: hidden;
            transition: opacity .5s ease-out, visibility 0s linear .5s;
            z-index: 99999;
            }
            #spinner.show {
                transition: opacity .5s ease-out, visibility 0s linear 0s;
                visibility: visible;
                opacity: 1;
            }
            /*** Button ***/
            .btn {
                transition: .5s;
            }
            .btn-square {
                width: 38px;
                height: 38px;
            }
            .btn-sm-square {
            width: 32px;
            height: 32px;
            }
            .btn-lg-square {
            width: 48px;
            height: 48px;
            }
            .btn-square,
            .btn-sm-square,
            .btn-lg-square {
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            border-radius: 50px;
            }
            /*** Layout ***/
            
            .btn-primary{
                background-color: #ad0d01;
                border-color: #ad0d01;;
            }
            .btn-primary:hover{
                background-color: #ad0d01;
                opacity:0.9;
                border-color: #ad0d01;;
                
            }
            .login-or {
            position: relative;
            color: black;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            }
            .span-or {
            display: block;
            position: absolute;
            left: 40%;
            top: -2px;
            margin-left: -25px;
            background-color: #fff;
            width: 120px;
            text-align: center;
            color: black;
            }
            .hr-or {
            /* height: 1px; */
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            color: black;
            }
            .google {
            color:#666;
            width:100%;
            height:40px;
            text-align:center;
            outline:none;
            border: 1px solid lightgrey;
            }
            form .error {
            color: #ff0000;
            }
            #second{display:none;}    
            .learn-geeta-header{
                color: #fff;
            }
            .card-header{
/*                background-color: #f2c001;*/
/*                color: darkgray;*/
            }
            .card-body{
                 padding: .75rem!important; 

            }
            /* Chrome, Safari, Edge, Opera */
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }

            /* Firefox */
            input[type=number] {
              -moz-appearance: textfield;
            }