:root{
                      --bgc: black;
                      --txt: black;
                      --buttontxt: white;
                      --buttonbg:rgb(77, 148, 255);
                      --disclaimer: black;
                  }
    html,body {
 background: linear-gradient(rgb(77, 148, 255) 1%, rgb(255, 255, 255) 23%);
         height: 100%;
    background-repeat:no-repeat;
                  }
        #langbar{
          margin-bottom: 5px;
        }
        #displayphotologo{
               background-image: url("https://liteoffersapps-eu1.s3.eu-central-1.amazonaws.com/img/mobile.png");

        height: 100px;
  background-size:100px 100px;

         background-repeat:no-repeat;
        background-position: center center;
         }
        
      
          #otpvcodeDiv img{
           display: none;
        }
        #phone{
          font-size: 20px;
          width: 70%;
          height: 50px;
border-top:none;
border-right:none;
border-left:none;
color: black !important;
          text-align: center;
        }
        #countrycode{
          font-size: 20px;
          color: black !important;
        }
        #pincode{
          font-size: 20px;
          color: black !important;
          width: 80%;
          height: 50px;
          text-align: center;
        }
        #btn-1{
 color: #fff !important;
text-transform: uppercase;
background: rgb(77, 148, 255);
padding: 14px;
margin-top:10px;
min-width: 170px;
border-radius: 50px;
display: inline-block;
border: none;
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;

        }
        #verifybtn{
 color: #fff !important;
text-transform: uppercase;
background: rgb(77, 148, 255);
padding: 14px;
min-width: 170px;
border-radius: 50px;
display: inline-block;
margin-top:10px;

border: none;
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
        }
        #head1{
color:#808080
        }
        #head2{
color:#808080      
  }
        #otpcheckbox{
color:#808080
        }
        #mideldisc{
text-align:center;
          margin-top: 10px;
          
          color:  #808080;
        }
    span{
text-align:center;
           
          color:  #808080 !important;
        }

        @media screen and (max-width: 768px) {
          #displayphotologo {
            height: 8rem !important;
        }
        }