.pill-input-container {
    display: flex;
    align-items: self-end;
    border-radius: 8px;
    overflow: hidden;
    height: 48px;
    background-color: #14151a;
    border: 1px solid #646b82;
    max-width: 480px;
    width: 100%;
    padding-right: 4px;
    padding-left: 8px;
    margin: 24px 0 0;
    padding-bottom: 4px;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0px 0px 85px 12px rgba(0,0,0, 0.3);
    transition: border 0.3s ease-out;
  }

  #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    background-color:none!important;
    color: #FF1515 !important;
}

#mc_embed_signup div.mce_inline_error {
  background-color:transparent!important;
  color:#FF1515!important;
}

.asterisk {
  color:#FF1515!important;
}

/* Active state for selected text field */
    .pill-input-container:focus-within {
        font-family: 'Montserrat', sans-serif;
        transition: border 0.3s ease-out;
    border: 1px solid var(--blue-light);
    cursor: pointer;
}

.pill-input-container:hover {
    transition: border 0.3s ease-out;
    border: 1px solid var(--blue-light);
    cursor: pointer;
}

.bookdemo form {
  /* display: block;
  position: relative;
  text-align: left; */
  margin: 20px 0!important;
}

.bookdemo p {
 font-size: 1rem!important;
}

.bookdemo * #mc-embedded-subscribe {
  border:1px solid var(--blue-light)!important;
}
  
  input[type="email"] {
    flex: 1;
    border: none;
    padding: 10px;
    font-size: 15px;
    outline: none;
    background: none;
    color: var(--primary-light);
    font-family: 'Montserrat', sans-serif;
  }

  input[type="email"]:focus {
    color: var(--primary-light);
    flex: 1;
    border: none;
    padding: 10px;
    font-size: 15px;
    outline: none;
    background: none;
    font-family: 'Montserrat', sans-serif;
  }

  /* Clear placeholdet text when input is focused */
    input[type="email"]:focus::placeholder {
        color: transparent;
    }

/* color placeholder text in input field */
    input[type="email"]::placeholder {
        color: var( --light-gray-01);
        font-family: 'Montserrat', sans-serif;
    }

  input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: none !important;
    color: fieldtext !important;
    font-family: 'Montserrat', sans-serif;
  }

  
  .pill-button {
    background-color: var(--blue-light);
    color: var(--dark-01);
    border: none;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  }
  
  .pill-button:hover {
    color: var(--dark-01);
    background-color: var(--dt-light-01);
    transition: background-color 0.3s ease-out;
  }

  input::before {
    content: url(../img/star-icon.svg;);
    width: 20px;
    height: 20px;
  }