/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */

#tab1 {
  display: block;
}
#tab2 {
  display: none;
}
#tab3 {
  display: none;
}


/* Multi Step Form ends here */
    body
    {
        background-color: fafafa;
             /*   padding:10px 20px;*/
                background-color: #FAFAFA;
    }
    .formcontainer
    {
        border-radius: 10px;
        background-color: white;
        padding:20px;
        max-width: 900px;
    }
   .blueh
    {
        color:#0365FF;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 11px;
        font-weight: 600;
        text-align: left;

    }
        h4
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 24px;
        font-weight: 600;
                text-align: left;

    }
        h3
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 34px;
        font-weight: 650;
                text-align: center;
padding: 5px;

    }
        .subheading
    {
        color: rgba(51,51,51,0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-align: left;

}
        .fieldname
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin-top: 30px;
                text-align: left;

}
       input
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 12px;
        border-radius: 8px;
        border:1px solid rgba(51, 51, 51, 0.15);
        width:625px;
        max-width: 100%;
        
}
    input[type=text]:hover
    {
      border: #0365FF 2px solid;
    }
    input[type=text]:focus
        {
      border: #0365FF 2px solid;
    }
        .cnote
    {
        color: rgba(51,51,51,0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding-top: 10px;
}
.iconbtn
{
    background-color: white;
    color: #151515;
    float:right;
    border-radius: 8px;
            padding: 8px 12px;
            border: 1px solid rgba(51, 51, 51, 0.15);
}
.iconbtn:hover
{
    background-color: rgb(240, 240, 240);

}
.bluebtn
{
    background-color: #0365FF;
    color: white;
    margin: 10px;
            width:300px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid white;
              cursor: pointer;

}
.bluebtn:hover
{
    background-color: #0057e2;
}

.whitebtn
{
    background-color: white;
    color: #151515;
    margin: 10px;
            width:300px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid lightgray;
              cursor: pointer;

}
.whitebtn:hover
{
    background-color: rgb(241, 241, 241);

}
form
{
        width:700px;
        max-width: 100%;
}
.required
{
            color: rgba(51, 51, 51, 0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 12px;
        font-weight: 400;
        float:right;
}
        .textinfo
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight:normal;
        text-align: left;

}

li
{
display: inline;
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        border: rgba(51, 51, 51, 0.15) 1px solid;
        padding: 8px 16px;
        margin: 2px;
border-radius: 50px;
font-weight: 500;
text-align: center;
cursor: pointer;
max-width: 100%;
}
li:hover
{
background-color: rgb(245, 245, 245);
}

/*Toggle switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0365FF;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0365FF;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* Toggle switch ends here*/
/*home*/
.hometop
{
  background-color: #001A42;
  height: 250px;
  width: 100%;
}
.banner
{
  height: 150px;
}
.headertext
    {
        color: white;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 34px;
        font-weight: 600;
                text-align: center;
padding: 5px;

    }
    .homebtn
    {
          background-color: #0365FF;
    color: white;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 40px 5px;
            width:150px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid white;
              cursor: pointer;

    }
    .search
    {
        box-sizing: border-box;
          background-position: 5px 5px; 
          background-color:white;
        background-image: url('searchicon.png');
  background-repeat: no-repeat;
margin: 40px 5px;
  padding: 10px 10px 10px 40px;
    }
        h5
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
                text-align: left;
margin: 10px;
margin-top: 20px;
    }
    .listitem
    {
              color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
        font-weight: 600;
                text-align: left;
    }
        .listitemicon
    {
              color: rgba(51, 51, 51, 0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
        font-weight: 400;
                text-align: right;
                float: right;
    }
    /*Home page end*/
    /*Profile*/
    .navlinks
    {
      text-decoration: none;
        color: rgba(51, 51, 51, 0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;
                cursor: pointer;

    }
        .navlinkswhite
    {
      text-decoration: none;
        color: rgba(255, 255, 255, 0.7);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;
                cursor: pointer;

    }
        .textprofile
    {
      text-decoration: none;
        color: #151515; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;

    }
            .textprofilewhite
    {
      text-decoration: none;
        color: #ffffff; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;

    }
    .profilepic
    {
      border-radius: 500px;
      height: 240px;
      width: 240px;
      border: #0365FF 2px solid;
      margin-top: 20px;
      max-width: 240ps;      
      max-height: 240px;
    }
        .profilebtn
    {
          background-color: #0365FF;
    color: white;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            width:150px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid white;
              cursor: pointer;
              margin: 20px;

    }
       .profilecontainer
    {
        border-radius: 10px;
        background-color: white;
        padding:20px;
        margin: 20px 250px;
        max-width: 900px;
        text-align: left;
    }

   .navlinkscontainer

    {
        padding: 20px 500px;
        text-align: left;
    }
       .navlinkscontainerlight

    {
        padding: 20px 30px;
        text-align: left;
    }
    /*Sidebar*/

.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#001A42;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
}

.sidenav a {
  padding: 5px 10px;
  margin: 5px 10px;
          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-decoration: none;
  font-size: 16px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  font-weight: 600;
  width: 250px;
  max-width: 250px;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: -225px;
  font-size: 16px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
/*  padding: 16px;*/
}
  .sidenav 
  {
display: block;  
}
  #navtoggle
  {
    display: none;
  }
  /*
@media screen and (max-width: 1024px) {
  .sidenav 
  {
display: none;  
}
  #navtoggle
  {
    display: block;
  }
}*/
hr
{
color:darkgray;
}
.navpic
{
  border-radius: 25px;
}
.bottomprofile
{
bottom: 10px;
  position: absolute;
}
   /*Sidebar end*/
   /*job flow*/
   .flowcol
   {
    border: lightgray 1px solid;
    height: 1080px;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
   }
   .jobppic
   {
    width:48px;
    height:48px;
    border-radius: 5px;


   }
       .textprofile2
    {
      text-decoration: none;
        color: rgba(51, 51, 51, 0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 12px;
                font-weight: 400;

    }
           .textprofile3
    {
      text-decoration: none;
        color: rgba(51, 51, 51, 0.70);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 10px;
                font-weight: 400;
                border: lightgray 1px solid;
                border-radius:10px;
                background-color: lightgray;
                padding: 1px;
    }
    /*admin panel*/
    .cardlist
    {
        border-radius: 10px;
        background-color: white;
        padding:20px;
        max-width: 1500px;
        max-height: 500px;
margin: 20px;
    }
    .card
    {
      width: 200px;
      height: 200px;
      background-color: #F5F5F5;
      padding: 10px;
      margin: 10px;    
    }
        #usercards
     {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 250px;
    white-space:nowrap;
  display: flex;
 
    }
        .cardpic
    {
      border-radius: 500px;
      height: 75px;
      width: 75px;
      max-width: 150px;
    }
            .textcard2
    {
      text-decoration: none;
        color:#909090; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;

    }
    .seeall
    {
              font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;
      float: right;
      text-decoration: none;
      color: #0365FF;
    }
        .cardimage
    {
      width: 210px;
      height: 210px;
      border-radius: 10px;
      margin: 10px;     
    }
    .agencytop
{
  background-color: #0365FF;
  height: 200px;
  width: 100%;
}
.agencypic
{
       width: 200px;
      height: 200px;
      border-radius: 10px;
      margin: 20px;   
      margin-top: 100px;
}
.agencylinkscontainer
{
        padding:  20px;
        text-align: left;
}
.social
{
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;
  border-radius: 50px;
  color:#0365FF;
  padding: 10px;
  background-color: #e7eefa;
}
.upbtn
{
    background-color: white;
    color: #151515;
    margin: 10px;
            width:625px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid lightgray;
              cursor: pointer;

}
.upbtn:hover
{
    background-color: rgb(241, 241, 241);

}
/*job details*/
.whitetitle
{
        color: #ffffff;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 24px;
        font-weight: 600;
                text-align: left;
                padding: 20px;
}
.whitesubtitle
{
        text-decoration: none;
        color: #ffffff; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 400;
                                padding: 10px;

}
    .whitebtnrounded
    {
          background-color: #ffffff;
    color: #0365FF;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 20px 5px;
            width:150px;
        max-width: 100%;
    border-radius: 50px;
            padding: 8px 20px;
                       border: 1px solid #0365FF;
              cursor: pointer;
              float: right;

    }
   .comment
    {
        box-sizing: border-box;
          background-color:white;
margin: 40px 5px;
  padding: 10px 10px 10px 10px;
  border:lightgray 1px solid;
  width: 550px;
    }
       .comment:hover
       {
          border-style:none;

       }
              .comment:focus
       {
          border-style:none;

       }
       .commenticon
       {
  border:#0365FF 1px solid;
  color: #ffffff;
border-radius: 50px;
padding: 8px 12px;
background-color: #0365FF;
cursor: pointer;
       }

    .formcontainersm
    {
        border-radius: 10px;
        background-color: white;
        padding:20px;
        max-width: 900px;
        margin: 20px;
    }
           .commentbox
    {

        padding: 1px;
        border-radius: 8px;
        border:1px solid rgba(51, 51, 51, 0.15);
        width:550px;
        max-width: 100%;
        height: 70px;
        
}
.jobpic
{
        border-radius: 500px;
      height: 100px;
      width: 100px;
      border: #0365FF 2px solid;
      margin-top: 20px;
      max-width: 240ps;      
      max-height: 240px;
}
.commentright
{
  float:right;
    border:#0365FF 1px solid;
  color: #ffffff;
border-radius: 50px;
padding: 8px 12px;
background-color: #0365FF;
}
        .textcomment
    {
      text-decoration: none;
        color: #ffffff; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 12px;
                font-weight: 400;

    }
            .textcommentsm
    {
      text-decoration: none;
        color: lightgray; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 10px;
                font-weight: 400;

    }
    .yellowishbox
    {
    background-color: #FCF7E8;
    color: #E4991C;
    margin: 10px;
            width:625px;
        max-width: 100%;
    border-radius: 50px;
            padding: 10px 10px;

    }
        .greenishbox
    {
    background-color: #e8fcdf;
    color: green;
    margin: 10px;
            width:625px;
        max-width: 100%;
    border-radius: 50px;
            padding: 10px 10px;

    }
    .whitebtnsm
{
    background-color: white;
    color: #151515;
    margin: 10px;
            width:150px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
                       border: 1px solid lightgray;
              cursor: pointer;

}
.coupon
{
  float: right;
  padding: 10px;
  padding-top: 15px;
}
.payhere
{
  height: 16px;
  width: 16px;
  margin: 5px;
}
.notearea
{
  height:800px;
  width:625px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 400;
}
        .textjflow
    {
      text-decoration: none;
        color: #151515; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 12px;
                font-weight: 600;

    }
    .ditributehow
    {
      display: none;
    }
    .choosetem
    {
      display: none;

    }
    .upartwork
  {
          display: none;

  }
         textarea
    {
        color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 12px;
        border-radius: 8px;
        border:1px solid rgba(51, 51, 51, 0.15);
        width:625px;
        max-width: 100%;
        
}
    textarea:hover
    {
      border: #0365FF 2px solid;
    }
    textarea:focus
        {
      border: #0365FF 2px solid;
    }
        .textprofilea
    {
      text-decoration: none;
        color: #151515; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight: 600;
margin-left: 15px;
    }
            #agencycards
     {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 275px;
    white-space:nowrap;
  display: flex;
 
    }
       .carda
    {
      width: 200px;
      max-width: 200px;
      height: 275px;
      background-color: #F5F5F5;
      margin: 10px;    
    }
        .listitemjflow
    {
              color: #151515;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
        font-weight: 600;
                text-align: left;
                margin: 5px;
    }
    .jobflowscroll
    {
          overflow-y: scroll;
/*overflow: hidden;
    white-space:nowrap;*/
  display: flex;
  max-height: 1000px;
    }
    /*FAQs*/
    .caret
    {
      float: right;
    }
    .textprofile5
    {
      text-decoration: none;
        color: #151515; 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
                font-weight:normal;

    }
    .faqstyle
    {
      cursor: pointer;

    }
        .faqanswerstyle
    {
display: none;
    }
    .wastyle
    {
      text-decoration: none;
    }
            .qlink
    {
      width: 350px;
      border-radius: 10px;
      margin: 10px;     
    }
                .qlinkimg
    {
      width: 350px;
      border-radius: 10px;
      margin: 10px;     
    }
    #fl
    {
      display: none;
    }
        #wt
    {
      display: none;
    }
    #foldnote
     {
      display: none;
    }
                #templatecards
     {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 275px;
    white-space:nowrap;
  display: flex;
 
    }
    #subt
    {
      display:none;
    }
    .uploadedimg
    {
      width: 640px;
      height: 480px;
      display: none;
    }
            .cardsall
     {
  /*  overflow-x: scroll;
    overflow-y: hidden;
    height: 250px;*/
    white-space:nowrap;
  display:contents;
 
    }
    .formcontainersignin
    {
        border-radius: 10px;
        background-color: #071B3C;
        padding:20px;
        max-width: 500px;
        margin: 170px 100px;
    }
            .fieldnamegray
    {
        color: #394865;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin-top: 30px;
                text-align: center;

}
.signinheading
{
  text-align: center;
  color: white;
}
.signinimg
{
  height: 80px;
  width: 80px;
          border-radius: 25px;

}
.signininput
{
    background-color: #394865;
    color: white;
    margin: 10px;
            width:300px;
        max-width: 100%;
    border-radius: 8px;
            padding: 8px 12px;
              cursor: pointer;

}
.signininput:hover
{
                       border: 1px solid #0365FF;

}
.loginstatusnote
{
        color: red;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 14px;
}
#nextbtn1
{
display:none;
}

/*OTP*/
.otp-input-wrapper {
  width: 280px;
  text-align: left;
  display: inline-block;
}
.otp-input-wrapper input {
padding: 0;
width: 290px;
font-size: 30px;
font-weight: 600;
color: white;
background-color: transparent;
border: 0;
margin-left: 2px;
letter-spacing: 32px;
font-family: sans-serif !important;
}
.otp-input-wrapper input:focus {
  box-shadow: none;
  outline: none;
  border: none;
}
.otp-input-wrapper input:hover {
  box-shadow: none;
  outline: none;
  border: none;
}
.otp-input-wrapper svg {
  position: relative;
  display: block;
  width: 280px;
  height: 2px;
}

#otpfield
{
    display: none;
}

#otp_click
{
    display: none;
}