/*add a shadow to all the buttons*/
.btn-action {
  box-shadow: 0px 4px 8px 0px var(--shade-trans-40);
}
.hs_recaptcha {
  display: none;
}
/* search */
#searchwp-form-1 .swp-input {
  border-radius: 100px !important;
}
#searchwp-form-1 input[type=submit] {
  font-size: 16px;
  border-radius: 100px !important;
  border: none;
  width: 120px;
  text-align: center;
}
/* header */
a, .btn--action {
  transition: 0.3s;
}
.main-menu {
  margin-right: 2rem;
}
.fr-logo {
  min-width: 26rem;
}
.main-menu a {
  display: block;
  padding: 15px;
  word-break: none;
}
@media (max-width: 990px) {
  .main-menu {
    font-size: var(--text-s);
  }
}
/*Bg angled Variables*/
--bg-angled-color: var(--primary);
/* hero */
.hero-text-wrapper {
  max-width: 500px;
}
.hero-title {
  font-size: 5rem;
  padding-bottom: var(--space-l);
}
.hero-subtitle {
  font-size: var(--text-l);
  font-weight: bold;
}
.hero-subtitle a {
  font-weight: bold;
}
/* CTA */
.cta-blue-box {
  padding: var(--space-xl);
}
.cta-box {
  background-color: var(--primary);
  padding: var(--space-xl);
}
.cta-box h3 {
  color: var(--white);
  padding-bottom: var(--space-m);
}
/* titles and text */
.highlight {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #dfeaf2 50%);
}
.fps-title {
  padding-bottom: var(--space-m);
}
p:last-of-type {
  margin-bottom: var(--space-m);
}
p a, table a {
  border-bottom: 3px solid var(--action-ultra-light);
}
.fps-text-wrapper {
  max-width: 60rem;
}
/* sidebar */
.blog-sidebar {
  /*width: 40%;*/
}
.sidebar-cta {
  background-color: var(--primary-ultra-light);
  padding: var(--space-l);
}
/* tables */
table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  /*table-layout: fixed;*/
}
table tr:first-child {
  background-color: var(--secondary);
  color: white;
}
table ul li {
  text-align: left;
}
table ol li {
  text-align: left;
}
.ztable tr:first-child {
  background-color: var(--secondary-light);
}
@media screen and (max-width: 899px) {
  /* Styles for screens below 900 pixels */
  /* Add more styles as needed */
  table {
    overflow: scroll;
  }
}
table td {
  vertical-align: middle;
  min-width: 70px;
  border: 1px solid black;
}
table ul {
  padding-top: 0;
  margin-top: 0;
}
.borders td {
  border: 1px solid black;
}
.fps_seo_table, .fps_table, table {
  width: 100%;
  margin: 1rem 0;
  border: 0;
}
tr:nth-child(even) {
  background-color: #f7f7f7;
}
.fps_seo_table td, .fps_table td, table td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #f1f1f1;
}
.review_table td {
  border: 1px solid black;
}
.review_table tr:nth-child(2) td {
  text-align: left;
}
.rank_table td:nth-child(1) {
  width: 8%;
}
.list_table tr:nth-child(n+2) td:nth-last-child(1) {
  text-align: left;
}
.list_table td {
  font-size: small;
}
.list_table td {
  border: 1px solid black;
}
.list_table2 td {
  width: 10%;
}
.list_table2 td:nth-child(1) {
  width: 5%;
}
.list_table2 td:nth-last-child(1) {
  width: 18%;
}
.list_table2 td:nth-last-child(2) {
  width: 18%;
}
.callout_box td {
  border: 1px solid black;
  background-color: lightyellow;
  text-align: left;
  color: black;
}
.callout_box_2 {
  border: 1px solid black;
  background-color: lightyellow;
}
.callout_box_2 tr:nth-child(n+2) {
  text-align: left;
}
/* images */
.fps-page-image {
  width: 70%;
  padding-bottom: 20px;
}
/* footer */
#brx-footer {
  margin-top: 60px;
}
.footer-angle {
  margin-top: 10rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 6rem;
}
.footer-column {
  margin-bottom: 40px;
}
.footer-copyright {
  font-size: var(--text-xs);
}
.footer-title {
  font-weight: bold;
}
.footer-links a {
  color: var(--white);
  font-size: var(--text-s);
  display: block;
  margin-bottom: 10px;
}
.footer-social-icon {
  padding: 8px;
  margin-right: 10px;
  border-radius: 100px;
  background-color: #fff;
}
.footer-social-icon:hover {
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  table {
    display: block;
    font-size: 0.6em;
    /*overflow-x: auto;*/
  }
  .fps_seo_table td, .fps_table td, table td {
    padding: 5px;
  }
  .fr-logo {
    min-width: 18rem;
    width: 18rem;
  }
  .footer-logo {
    max-width: 20rem;
  }
}
/* contact form */
.hs-input {
  border-radius: 100px !important;
  border: none !important;
}
.hs-button {
  background: #e65c4f;
  border: none;
  border-radius: 100px;
  width: 100%;
  color: #fff;
}