body.font-poppins {
  line-height: 1.6;
  font-size: 16px;
  font-weight: 400;
  color: #404040;
  font-family: 'Poppins';
  margin: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 1s;
}

a {
  color: #0074db;
  text-decoration: none;
}

.wrapper {
  max-width: 1120px;
  margin: 0 auto;
}

.logo-00 {
  height: 50px;
  margin: 4px 0;
}

.logo-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.top-menu {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background: white;
  z-index: 100;
  border-bottom: 1px solid #98cfff80;
}

.top-menu .menu-item {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}

.top-menu .menu-item a {
  padding-top: 8px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  color: #021e80;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.2s;
  text-decoration: none;  
}

.top-menu .menu-item-current a {
  padding-top: 7px;
  border-top-width: 1px;
  border-top-style: solid;
}

.top-menu .menu-item:hover a {
  color: #fa5e15;
  border-color: #fa5e15;
}

.top-menu i.menu {
  color: #021e80;
  display: block;
  margin: 5px 10px;
  cursor: pointer;
}

.top-menu i.menu:hover {
  color: #fa5e15;
}

@media(max-width: 420px){
  .top-menu ul {
    padding-inline-start: 0;
  }

  .logo-link > span {
    font-size: 24px !important;
  }
}

footer.page-footer {
  background-color: #021e80;
}

footer.page-footer .footer-top {
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

footer.page-footer .brand {
  color: white;
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

footer.page-footer .address {
  color: white;
  letter-spacing: 1px;
}

footer.page-footer .social svg {
  width: 32px;
  height: 32px;
  color: white;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

footer.page-footer .copyright {
  color: rgba(255,255,255,0.3);
  font-size: 16px;
}

footer.page-footer .doc-links a {
  color: rgba(255,255,255,0.3);
  font-size: 14px;
}

ul.mobile-menu {
  padding-inline-start: 0;
}

.mobile-menu li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}

.mobile-menu a {
  font-size: 32px;
  color: #021e80;
  font-weight: 400;
  padding: 8px;
}

.mobile-menu a:hover {
  color: #fa5e15;
}

@media(max-width: 420px){
  .q-px-xl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }  
}

@media(max-width: 479px){
  section.hero h1 {
    font-size: 21px;
  }

  section.hero p {
    font-size: 14px;
  }
}

.plan-card {
  max-width: 460px;
  margin: 0 auto;
}

@media(max-width: 599px) {
  .plan-card {
    max-width: calc(100vw - 48px);
  }

  .q-field {
    max-width: calc(100vw - 60px);
  }
}

.space-gradient {
  background: linear-gradient(90deg,white, rgba(23,112,185,0.75), #01579b);
}

.question {

}

.question:not(:first-child) {
  margin-top: 8px;
}

.question header {
  font-weight: 700;
  margin: 4px 0;
}

.bg-custom-orange {
  background: #f26638;
}

.text-custom-orange {
  color: #f26638;
}

.dev-placeholder {
  border: 0 !important;
}

@media(max-width: 599px) {
  .q-list {
    min-width: none;
  }
}

.adaptive-btn {
  margin-left: 16px;
}

@media(max-width: 520px) {
  .adaptive-btn {
    padding: 0 8px; 
    margin-left: 4px;
  }
}

ul.top {
  margin-left: 0;
}

@media(max-width: 1099px) {
  .q-card.horizontal {
    width: 100% !important;
    min-width: auto !important;
  }
}

section#main {
  margin-top: 74px;
  
  color: white;
  min-height: 560px;
  padding: 16px 0;
  position: relative
}

section#main h1 {
  margin-bottom: 15px;
  margin-top: 60px;
  font: 700 36px 'Poppins';
  color: #ffffff;  
  line-height: 1.5;
}

section#main .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: brightness(0.6) contrast(1.2);
  background: url(../images/seo/us-map-01.jpg) no-repeat center center / cover;
}

section#main .wrapper {
  z-index: 1;
  position: relative;
}

section#main .buttons {
  padding: 15px 0;
}

section#filters {
  padding: 64px 0;
}

section#filters .cell {
  border: 1px solid #404040;
  border-radius: 2rem;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #404040;
  font-size: 18px;
  font-weight: 400;
}

section#filters svg {
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  fill: #f26638;
}

section#filters .value {
  font-weight: 700;
  font-size: 20px;
  padding: 16px 0 0 0;
}

section#filters .caption {
  font-weight: 500;
  font-size: 0.75rem;
}

section#cities {
  background: #3a7ed2;
  padding: 64px 0;
}

section#cities .q-card {
  border-radius: 2rem;
}

section#cities .card-aside {
  position: absolute; height: calc(100% - 16px); width: calc(100% - 16px);
}

section#cities h2 {
  font: 700 26px 'Poppins';
}

section#cities .h2 {
  font: 700 26px 'Poppins';
  margin-block-start: 16px;
  margin-block-end: 0.6em;
}

section#counties {
  background: #01579b;
  padding: 64px 0;
}

section#counties .q-card {
  border-radius: 2rem;
}

section#counties .card-aside {
  position: absolute; height: calc(100% - 16px); width: calc(100% - 16px);
}

section#counties h2 {
  font: 700 26px 'Poppins';
}

section#counties .h2 {
  font: 700 26px 'Poppins';
  margin-block-start: 16px;
  margin-block-end: 0.6em;
}

@media(max-width: 1023px) {
  section#counties .card-aside {
    position: relative;
    max-height: 70vh;
    width: 100%;
  }

  section#cities .card-aside {
    position: relative;
    max-height: 70vh;
    width: 100%;
  }
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #01579b;
  border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

section#faq {
  padding: 64px 0;
}

section#faq h2 {
  font: 700 26px 'Poppins';
}

section#free-trial-cta .trial-card {
  min-height: 300px;
  background: #f26638;
  color: white;

  border-radius: 2rem;
  padding-left: 16px;
}

section#free-trial-cta .trial-card h2 {
  font: 500 40px 'Poppins';
}

section#free-trial-cta .trial-image {
  border-radius: 50%;
  position: absolute;
}

section#free-trial-cta .trial-image-1 {
  background: url(../images/seo/real-estate-pro-00.jpg) no-repeat center center / cover;
  z-index: 1;
  width: 240px;
  height: 240px;
  top: -40px;
}

section#free-trial-cta .trial-image-2 {
  background: url(../images/seo/real-estate-pro-01.jpg) no-repeat center center / cover;
  z-index: 2;
  width: 320px;
  height: 320px;
  right: 0;
  top: -32px;
}

section#free-trial-cta .trial-image-3 {
  background: url(../images/seo/real-estate-pro-02.jpg) no-repeat center center / cover;
  z-index: 3;
  top: 120px;
  left: 70px;
  width: 200px;
  height: 200px;
}

@media (max-width: 1023px) {
  section#free-trial-cta .trial-card h2 {
    font: 500 32px 'Poppins';
  }
}

@media (max-width: 640px) {
  section#free-trial-cta .trial-image-2 {
    display: none;
  }
}

@media (max-width: 599px) {
  section#free-trial-cta .trial-card {
    min-height: unset;
  }
}

section#tax-sale-rules {
  color: white;
  background: var(--q-secondary);
  border-bottom: 2px solid white;
  padding: 3em 0;
}

section#tax-sale-rules h2 {
  font: 700 36px 'Poppins';
  line-height: 1.5;
}

section#tax-sale-rules header {
  font: 400 20px 'Poppins';
  margin-bottom: 16px;
}

section#wholesale h2 {
  font: 700 32px 'Poppins';
  line-height: 1.5;
  margin-top: 0;
  text-align: right;
}/* Increase hero padding on mobile to account for taller header with GET ACCESS button */
@media(max-width: 767px) {
  section.hero {
    padding-top: 140px;
  }
}
