@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,italic|Bebas+Neue:400");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  font-family: 'Lato', sans-serif;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

.faq-border {
  border-bottom: 1px solid #d1d5db; /* border-b border-gray-300 */
}

.trial-button-border {
  max-height: 46px;
  box-sizing: border-box;
  border-radius: 3.75rem;
  border: 1px solid #747474;
}

.continue-button-border {
  max-height: 46px;
  box-sizing: border-box;
  border-radius: 99rem;
  border: 1px solid #747474;
  display: flex;
  width: 12rem;
  padding: 0.5rem 4rem 0.375rem 4.0625rem;
  justify-content: center;
  align-items: center;
}

.italic {
    font-style: italic;
}

/* Diagonal clip for hero background (hides lower part at an angle) */
@media (min-width: 1536px) {
  .hero-diagonal-clip {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 70%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 70%);

    height: 916px;
  }
}