@font-face {
    font-family: Goldoni;
    src: url(Goldoni.otf);
  }

.auth-page{
    padding:10px;
background: #f7f6f6;
margin: 20px 0px;
border-radius: 7px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
max-width: 1040px;


}
.row-auth{
    display:grid;

    grid-template-columns:repeat(2, 1fr);
    gap: 1rem;
}
.col{
    border-radius: 7px;
}
.colimg{
    margin: 3.1rem 0px;
    background-image: url('/storage/images/register.jpg');
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.col-auth{
    flex-basis: 50%;
    min-width: 250px;
}

.reset{
    margin: 150px auto !important;
    background: #f8f6f1 !important;
    max-width: 900px !important;
    text-align: center;
    padding:80px;
    border-radius: 7px;
    min-height: 300px;
}
button{
    cursor: pointer;
    border:none
}
.success{
    padding:10px;
    color:green;
    font-weight: 600;
}

.quest a{
    display: inline-block;
color:var(--black);
width: 100%;
padding:13px;
background-color: var(--main);
transition: all 0.3s ;
margin-left: auto;
margin-right: auto;

text-align: center;
border-radius: 7px;
cursor: pointer;



}
.quest a:hover{

  background-color: var(--black);
  color: var(--main);
}
.remember{
    display: flex;
    margin-top:5px;
    margin-left:2px;
    
}
.remember .form-check-input{
    appearance:searchfield;
    -webkit-appearance: searchfield;
-moz-appearance: searchfield;
margin-top: 0.4rem;
    width: 2rem;
}
.forgot{
    color:var(--black);
    margin-left:10px
}
.form-reset{
    width: 70%;
    padding:10px;
    border: 1px solid var(--main);
}

input{
    color: var(--black);
    border:none;
    background: rgba(14, 14, 14, 0.178);
    border-radius: 4px;
}
.small-input-flex{
    display: flex;
}
input:focus{
    border: 1px solid var(--text);
}
.colauth{
    padding:50px
}
.btn-auth{
    display: inline-block;
   background: var(--black);
    color: var(--main);
    border:1px solid var(--black);
    padding:10px;
    cursor: pointer;
    margin: 30px 0;
    border-radius: 7px;
    width: 100%;
    font-size: 1rem;
    font-weight:400;
    transition: all 0.3s ease;
}
.btn-auth-check{
    background: none !important;
    color:var(--black)
}
.btn-auth:hover{
    transform:scale(1.01);
    background-color: #222;
}
input:focus{
    border: 1px solid var(--main) !important;
}
.auth-page .authname{
    margin-top:50px;
    text-align: center;
    margin-bottom:30px;
    font-weight: 600;
    font-size: 4rem;
color:var(--black)
}
.auth-page h2{
    text-align: center;
    font-weight: 500;
}
form{
    color: var(--black);
}
.small-input-row label{
    display: block;
    margin: .4rem 0;

  }

  .small-input-row{
    display: inline-block;
    margin: 15px 8px

  }
  .big-input-row label{
    display: block;
    margin: .4rem 0;

  }
/*   input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    border: 1px solid var(--mainlight);
    -webkit-text-fill-color: var(--text);
    -webkit-box-shadow: 0 0 0px 1000px #222 inset;
    transition: background-color 5000s ease-in-out 0s;
  } */
  .big-input-row small{
  padding:0 !important;
  font-size: 0.5rem;
  color:var(--text) !important

  }
  .big-input-row{
    display: inline-block;

    width: 100%;

  }
  .errorTxt p .iconify{
    margin-right: 5px;
  }
  .warning{
      color: darkgoldenrod;
  }
  .errorInput{
    border:1px solid rgb(255, 66, 66);
    border-left:3px solid rgb(255, 66, 66);
   
}

.successInput{
    border:1px solid var(--mainlight);
    border-left:3px solid var(--mainlight);
 
}
  .big-input{
      margin:15px 0;
  }
  .small-input-row input{
      padding: 0.5rem;
  }
  .big-input-row input{
    padding: 0.5rem;
    width: 100%;

}
.fb-content svg{
    width: 23px;
    float: left;
    color: #fff !important;

}
.fb-content p{
    text-align: center;
    font-weight: 500 !important;
    color:#fff;
}
.fb-content{

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    background:  #3b5998;
    padding:13px;
    transition: all 0.1s ease;
}
.fb-content:hover{
    box-shadow: 0 0 3px 3px rgba(181, 181, 182, 0.2);
    transform: scale(1.01);
}

.google-content,.fb-content{
    border-radius:16px;
}
.buttony{
margin:15px 0px;

}
.google-content svg,.fb-content svg{
    margin-top: 0.1rem;
}
.google-content svg{
    width: 23px;
    float: left;

}
.google-content p{
    text-align: center;
    font-weight: 500 !important;
    color:#686868;
}
.google-content{

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);

    background: #fff;
    padding:13px;
    transition: all 0.1s ease;
}
.hidden{
    display: none;
}
.google-content:hover{
    box-shadow: 0 0 3px 3px rgba(181, 181, 182, 0.2);
    transform: scale(1.01);
}
.textys{
    color: var(--text);
    margin:50px;
    text-align: center;

}
.block-wrap #logo{
    width: 100px;
    fill:#f8f6f1
}
.block-wrap{
    padding:50px;
    height: 100%;
    border-radius: 7px;
background: rgba(0, 0, 0, 0.711);
}