body
{
    background-image: url("https://s3.ap-south-1.amazonaws.com/cdn.cn/cn_login.png");
    background-color:#0A1C3E;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    height:auto;
}
#left_sidee{
    top:-120px;

}
#otp
{
    font-family:'Lato', sans-serif;
    font-weight:700;
    color:white;
}
.left_info
{
    width: 65%;
}
.content
{
    /* margin-top:150px; */
    margin:9%;
}

.login_side
{
    /* background-color:white; */
    padding:35px;
    /* border-radius:10px; */
    /* box-shadow: 2px 5px 4px #2C2E45; */

    /*text-align:center;*/
}
#headingg
{
    font-family:'Lato', sans-serif;
    font-weight:700;
    font-size:34px;
    /*text-align:center;*/
    color:#212121;
}
input {
  outline: 0;
  border-width: 0 0 2px;
  border-color: black;
  width:60%;
}
input:focus {
  border-color: green
}
.text
{
    font-family:'Lato', sans-serif;

    font-size:15px;
    /*text-align:center;*/

    color: black !important;
    font-weight: 400 !important;
}
.btn-style, .btn-style:hover, .btn-style:active, .btn-style:focus
{
    border-radius:25px;
    border-radius: 25px;
    /* color: #FFCE08; */
    /* background-color: #FFCE08;
    border-color: #FFCE08; */
    color:rgb(250, 246, 246);


    background-color: #178BFF;
    background-image:linear-gradient(45deg, #178BFF, #2300DA);
    /* width:100%; */
    height: 45px;
}

.card
{
    padding-top:20px;
    padding-bottom:20px;
}
#edit_num{
  color: #1CABC2;
  font-size: 21px;
  cursor: pointer;
}
#num{
  font-size: 21px;
}
#resend
{
    font-family:'Lato', sans-serif;
    font-weight:500;
    font-size:18px;
    /*text-align:center;*/
    color:#1CABC2;
    margin-bottom:2px;
    cursor: pointer;


}
a
{
    text-decoration: none;
}


#partitioned {
  /*margin-left: 15px;*/
  /*padding-left:15px;*/
  letter-spacing: 22px;
}

::placeholder {
  letter-spacing: 0px !important;
  /*padding-left: 0px !important;*/
}
::-ms-input-placeholder { /* Edge */
    letter-spacing: 0px !important;
}

#divInner{
  left: 0;
  position: sticky;
}

#divOuter{
  width: 190px;
  overflow: hidden;
}


@media only screen and (max-width: 1024px)
{
   .login_side
   {
       padding:15px;
   }

   input
   {
       width:70%;
   }
}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{
      .left_info
    {
        height:100%;
        width:100%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 600px)
{
    .col-sm-5
    {
        max-width:100%;
        margin-left:30%;
    }


}
@media only screen and (min-width: 768px) and (max-width: 1000px){
    .col-md-5
    {
        max-width:100%;
        margin-left:34%;
    }
    input
    {
        width:90%;
    }
}