.anonymous {
  max-width: 496px;
  margin: 0 auto;
  padding: 30px;
}

.anonymous h1 {
  font-size: 1.875rem;
  text-transform: capitalize;
  color: #000;
}

.field--type-boolean .form-type-checkbox .form-check-input {
  width: 20px;
  height: 20px;
  position: relative;
  outline: auto;
  outline-color: #0000a0;
}

.field--type-boolean .form-type-checkbox .form-check-input:focus {
  outline: auto;
  outline-color: #0000a0;
  box-shadow: unset;
}

.field--type-boolean .form-type-checkbox label.option {
  margin-left: 10px;
}

.anonymous input {
  border: 1px solid #000;
  border-radius: 2px;
  color: #000;
}

.submit {
  width: 100%;
  color: #fff !important;
  height: 50px;
  margin-top: 10px;
  background-color: rgb(228 15 36);
  font-family: 'Pedigree-Light';
  border-radius: 30px !important;
  font-size: 1rem;
}

.submit:hover {
  background-color: rgb(228 15 36);
  color: #fff;
}

.submit:active {
  background-color: rgb(228 15 36) !important;
  color: #fff;
}

.forgotpassword a {
  color: #000;
}

.placeholder-image {
  background-image: url(../images/placeholder.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 100vh;
  background-position: bottom;
}

.register span a,
.register {
  color: #000;
  font-size: 1.125rem;
}

.contacthere span a,
.contacthere,
.user-register-form label.option a,
.user-register-form label.option {
  color: #000;
  font-size: 1.125rem;
}

.user-pass span {
  color: #000;
  font-size: 0.75rem;
  font-family: 'Pedigree-Light';
  text-align: left;
}

.user-pass p {
  font-size: 1.125rem;
}

.form-control {
  height: 50px;
  height: 50px;
  font-family: 'Pedigree-Unleashed';
  color: #000;
  background-color: #FEFBF2;
  border: 1px solid black !important;
  border-radius: 10px !important;
}

.form-type-textfield label,.form-type-email label, .form-type-phone-international label, .form-type-password label {
  display: inline;
  position: relative !important;
  background: #ffffff;
  top: 10px;
  left: 18px;
  padding: 0 10px !important;
}

.user-register-form input {
  border: 1px solid black;
  border-radius: 10px !important;
}
.user-register-form .js-form-type-password {
  max-width: 100% !important;
}
.user-register-form .js-form-type-phone-international label {
  z-index: 1;
}
.iti.iti--allow-dropdown {
  width: 100%;
}
.password-confirm {
  text-align: left;
}
.terms {
  color: #000 !important;
}
.terms a {
  color: #000;
  text-decoration: underline;
}
.block-social-auth-login .auth-link {
  display: none;
}
.user-register-form .register a {
  text-decoration: underline;
}
.bg-bottom-yellow {
  overflow: hidden;
}
.alert a {
  font-family: 'Pedigree-Light';
  font-size: 1.2rem !important;
}
.path-user .yellow-side-banner {
  margin-top: 9rem !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #FEFBF2 inset !important;
}
.form-check-input {
  appearance: auto;
}
@media only screen and (max-width: 767px) {
  .path-user .yellow-side-banner {
    margin-top: 0 !important;
  }
  .placeholder-image {
    height: 400px !important;
    background-size: contain;
  }

  .anonymous {
    text-align: center;
    margin-top: 20px;
  }
  .path-user .user-pass {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
  .path-verify-user .verify-user-form {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .path-user .yellow-side-banner {
    margin-top: 1rem !important;
  }
  .placeholder-image {
    height: 700px !important;
    background-size: contain;
    /*background-position: center !important;*/
  }
}

* {
  padding: 0;
  margin: 0;
}
body{
  overflow-x: hidden;
}
a,p{
  font-family: "Pedigree-Unleashed";
  font-size: 16px !important;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1{
  font-family: "Pedigree-UnleashedBlk";
}
label{
  font-family: "Pedigree-Unleashed";
  font-size: 18px;
}
.btn{
  border-radius: 10px;
}
.form-section{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  margin-top: 2rem;
}

.label-input{
  display: inline;
  position: relative;
  background:#ffffff;
  top: 10px;
  left: 18px;
  padding: 0 10px;
}
.input-field{
  border: 1px solid black !important;
  border-radius: 10px !important;
}
.form-control:focus {
  box-shadow: none !important;
  border: 1px solid black !important;
  background-color: #FEFBF2;
}
.frg-password{
  color: #F0AC03 !important;
  font-size: 18px;
  text-decoration: underline;
}
.frg-password:hover{
  color: #F0AC03;
}
.border-or span{
text-align: center;
display: block;
margin-top: -16px;
}
.border-or hr{
margin: 0 22%;
}
.border-or span p{
background: white;
display: inline-block;
padding:0 10px;
color: #737373;
font-size: 16px;
}
.form-submit{
  font-family: 'Pedigree-Unleashed';
  color: #ffffff !important;
  background-color: rgb(228 15 36) !important;
  font-size: 16px !important;
  border-radius: 30px !important;
  text-transform: uppercase;
  border: none !important;
}
.form-submit:hover{
  color: #ffffff !important;
}
.btn-facebook{
  font-family: "Pedigree-Unleashed";
  background-color: #435B91 !important;
  border: 1px solid #435B91 !important;
  color:#FFFFFF !important ;
  font-size: 15px !important;
}
.btn-facebook:hover{
  color:#FFFFFF ;
}
.btn-google{
  font-family: "Pedigree-Unleashed";
  background-color: #FFFFFFE0 !important;
  border: 1px solid black !important;
  font-size: 15px !important;
  color: #707070 !important;  
}
.btn-google:hover{
  color: #707070 !important;  
}
.register {
  color: #D00F24;
  font-size: 16px;
  text-align: left;
}
.register span a{
  color: black;
}
/* .bg-bottom-yellow{
  margin-top: -4%;
} */
.yellow-side-banner{
 float: right;
 margin-top: 10px !important;
}

.user-forgot-password {
  margin-bottom:5%;
}
/**register***/
.form-checkbox label {
font-size: 16px;
}
.form-checkbox a{
  color: #D00F24;
}

.modal-footer{
  border: none;
  justify-content: center;
}
.user-login-form label,.verify-user-form label {
  display: inline;
  position: relative;
  background: #ffffff;
  top: 10px;
  left: 18px;
  padding: 0 10px;
}
.float-right {
  float: right;
}
@media only screen and (min-width: 1200px) {
  .bg-bottom-yellow{
      background-image: url(../images/yellow-bg.png);
      background-repeat: no-repeat;
      background-position-y: bottom;
}
}
@media only screen and (max-width: 992px) {
  .form-section{
      padding-left: 12rem !important;
      padding-right: 12rem !important;
  }

}
@media only screen and (max-width: 767px) {
  .form-section{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

}