@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
/* line 4, app/assets/stylesheets/landing-agents.scss */
.font-serif {
  font-family: Lora, "Times New Roman", Times, serif;
}

/* line 8, app/assets/stylesheets/landing-agents.scss */
.bg-agents-beige {
  background-color: #f9f8f5;
}

/* line 12, app/assets/stylesheets/landing-agents.scss */
.bg-agents-dark {
  background-color: #2e2e2e;
}

/* line 16, app/assets/stylesheets/landing-agents.scss */
.bg-agents-tan {
  background-color: #E7E3D7;
}

/* line 20, app/assets/stylesheets/landing-agents.scss */
.bg-agents-paper-200 {
  background-color: #eeede8;
}

/* line 24, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-dark {
  background-color: white;
  border-color: #111111;
  border-width: 1px;
  color: #111111;
}

/* line 31, app/assets/stylesheets/landing-agents.scss */
.btn-landing-dark {
  background-color: black;
  color: white;
}

/* line 36, app/assets/stylesheets/landing-agents.scss */
.btn-landing-dark:hover {
  color: white;
}

/* line 40, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-dark:hover {
  background-color: #F5F5F5;
}

/* line 44, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-light {
  background-color: #2e2e2e;
  border-color: white;
  border-width: 1px;
  color: white;
}

/* line 51, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-light:hover {
  background-color: #111111;
  color: white;
}

/* line 56, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-light-gray {
  background-color: white;
  border-color: #E0E0E0;
  border-width: 1px;
  color: #111111;
}

/* line 63, app/assets/stylesheets/landing-agents.scss */
.btn-outline-landing-light-gray:hover {
  background-color: #F5F5F5;
}

/* line 67, app/assets/stylesheets/landing-agents.scss */
.btn-landing-light-hover-pill {
  background-color: transparent;
  color: #111111;
}

/* line 72, app/assets/stylesheets/landing-agents.scss */
.btn-landing-light-hover:hover {
  background-color: #f2efe8;
}

/* line 76, app/assets/stylesheets/landing-agents.scss */
.charcoal-700 {
  color: #646159;
}

/* line 80, app/assets/stylesheets/landing-agents.scss */
.flickity-button {
  background-color: white !important;
  color: #111111 !important;
  border-radius: 50% !important;
}

/* line 86, app/assets/stylesheets/landing-agents.scss */
.flickity-button:hover {
  background-color: #F5F5F5 !important;
}

/* line 90, app/assets/stylesheets/landing-agents.scss */
.flickity-button-icon {
  fill: #111111 !important;
}

/* line 94, app/assets/stylesheets/landing-agents.scss */
.flickity-prev-next-button.previous {
  display: none !important;
}

/* line 98, app/assets/stylesheets/landing-agents.scss */
.flickity-prev-next-button.next {
  right: 20px !important;
}

/* line 102, app/assets/stylesheets/landing-agents.scss */
.t--agent-carousel-card:hover {
  border: 2px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #998EFF 0%, #6366f1 28%, #e9637B 60%, #F0E39D 100%) border-box;
  border-radius: 0.5rem;
}