/*
    Theme Name: The Breeders Showcase
    Author: Whetham Solutions
    Author URI: https://whethamsolutions.com
    Description: Wordpress theme for The Breeders Showcase. Use of this theme outside of this company's website is strictly prohibited.
    Template: ion
    Text Domain: tbs
*/

:root {

  --heading: "arboria", sans-serif;
  --font: "circe-rounded", sans-serif;

  --font-size: clamp(16.00px, 1.25vw, 24.00px);
  --font-size--h1: clamp(35px, 3.12vw, 60.00px);
  --font-size--h2: clamp(30px, 2.55vw, 49.00px);
  --font-size--h3: clamp(21px, 2.14vw, 41.00px);
  --font-size--h4: clamp(18px, 1.77vw, 34.00px);
  --font-size--h5: clamp(18px, 1.51vw, 29.00px);
  --font-size--h6: clamp(16.00px, 1.25vw, 24.00px);
  --font-size--small: clamp(12.67px, 0.99vw, 19.00px);
  
  --light: #EFF5FE;
  --dark: #2C3666;
  --blue-light: #D3E4FF;
  --darker: #0B1029;
  --text: #6B6D75;
  --blue: #688CC7;
  --orange: #FBB361;
  --primary: var(--orange);
  --secondary: var(--blue-light);

  --line-height: 1.5;

  --spacing: clamp(83.33333333333333px, 6.510416666666667vw, 125px);

  --button-background--primary: var(--primary);
  --button-background--secondary: var(--secondary);
  --button-border-width: 0px;
  --button-padding--left: clamp(24.67px, 1.93vw, 36px);
  --button-padding--right: clamp(24.67px, 1.93vw, 36px);
  --button-padding--top: clamp(7.33px, 1vw, 12px);
  --button-padding--bottom: clamp(7.33px, 1vw, 12px);
  --button-radius: 150px;
  --button-text--size: clamp(16.00px, 1.25vw, 24.00px);
  --button-text--weight: 700;
  --button-text--letter-spacing: 0px;
  --button-text--casing: none;
  --button-text--colour: #0B1029;
  --button-hover--color: #fff;
}

body, .pg-section, .hero {
  overflow-x: clip !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 0.9;
  letter-spacing: clamp(-1px, -0.052083333333333vw, -0.66666666666667px);
  font-weight: 900;
  color: var(--dark);
}

h1, h2 {
  letter-spacing: clamp(-2px, -0.10416666666667vw, -1.3333333333333px);
}


.link-button a, html .button, html .elementor-button, html .elementor-form .elementor-button, html .woocommerce #respond input#submit, html .woocommerce #respond input#submit.alt, html .woocommerce a.button, html .woocommerce a.button.alt, html .woocommerce button.button, html .woocommerce button.button.alt, html .woocommerce input.button, html .woocommerce input.button.alt {
  text-shadow: clamp(0.66666666666667px, 0.052083333333333vw, 1px) clamp(0.66666666666667px, 0.052083333333333vw, 1px) rgba(255,255,255,0.2);
}

.link-button a:hover, .link-button a:focus, html .button:hover, html .button:focus, html .button.secondary:hover, html .button.secondary:focus, html .button.ghost:hover, html .button.ghost:focus, html .elementor-form .elementor-button:hover, html .elementor-form .elementor-button:focus, html .elementor-button:hover, html .elementor-button:focus, html .woocommerce #respond input#submit:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce a.button:hover, html .woocommerce a.button.alt:hover, html .woocommerce button.button:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button:hover, html .woocommerce input.button.alt:hover, html .woocommerce a.button:focus, html .woocommerce a.button.alt:focus, html .woocommerce button.button:focus, html .woocommerce button.button.alt:focus, html .woocommerce input.button:focus, html .woocommerce input.button.alt:focus, html .elementor-element.elementor-button-info .elementor-button:hover, html .elementor-element.elementor-button-info .elementor-button:focus, html .elementor-element.elementor-button-success .elementor-button:hover, html .elementor-element.elementor-button-success .elementor-button:focus {
  text-shadow: clamp(0.66666666666667px, 0.052083333333333vw, 1px) clamp(0.66666666666667px, 0.052083333333333vw, 1px) rgba(255,255,255,0);
}

.elementor-button:visited {
  color: var(--darker) !important;
}

.elementor-button:visited:hover,.elementor-button:visited:focus {
  color: #fff !important;
}


#header {
  backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,1);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: clamp(8px, 0.625vw, 12px) clamp(20px, 1.5625vw, 30px)
}

.admin-bar #header {
  top: 32px;
}

.elementor-editor-active #header {
  top: 0;
  position: relative;
}

#header.active {
  background-color: rgba(255,255,255,0.9);
}

#header .navigation li:first-child {
  margin-right: auto;
}

#header .navigation li:first-child a {
  width: clamp(75px, 8.75vw, 168px);
  height: auto;
  position: relative;
  top: clamp(2px, 0.15625vw, 3px);
}

#header.active .navigation li:first-child a {
  width: clamp(76.666666666667px, 5.9895833333333vw, 115px);
  height: clamp(56px, 4.375vw, 84px);
}

#header .navigation li:first-child a svg {
  width: 100%;
  height: auto;
}

#header .navigation li:not(:last-child, :first-child) a {
  color: var(--dark);
  font-weight: 700;
  font-family: var(--heading);
  padding: clamp(6.6666666666667px, 0.52083333333333vw, 10px) clamp(5px, 1.25vw, 24px);
  line-height: 1;
  font-size: clamp(14px, 1.25vw, 24px);
}

#header .navigation li.link-button {
  margin-left: clamp(10px, 1.0416666666667vw, 20px);
  position: relative;
  top: clamp(2px, 0.15625vw, 3px);
}

#header .navigation li:not(:last-child, :first-child) a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0px;
  background: var(--orange);
  height: 4px;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 100px;
  transition: all 0.3s;
}

#header .navigation a {
  position: relative;
}

#header .navigation li:not(:last-child, :first-child) a:hover:after, 
#header .navigation li:not(:last-child, :first-child) a:focus:after, 
#header .navigation li:not(:last-child, :first-child).current-menu-item a:after {
  width: 40px;
}

.hero li {
  color: var(--dark);
}

.hero li svg {
  width: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
  height: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
  margin-right: clamp(9.3333333333333px, 0.72916666666667vw, 14px) !important;
}

.hero li:nth-child(2) {
  margin: clamp(9.3333333333333px, 0.72916666666667vw, 14px) 0;
}

.hero ul {
  margin: clamp(20px, 1.5625vw, 30px) 0 clamp(46.666666666667px, 3.6458333333333vw, 70px) !important;
}

.hero h1 {
  margin-top: clamp(20px, 5.2083333333333vw, 100px);
}

.hero img {
  max-width: calc(100% + clamp(100px, 7.8125vw, 150px)) !important;
  margin-left: -60px;
  max-height: 82vh;
  width: auto;
}


.features, .features h2 {
  color: #fff;
}

.features .features-intro {
  padding: 0 0 clamp(30px, 2.34375vw, 45px);
}

.features .features-intro p {
  font-weight: 300;
  margin: clamp(2.6666666666667px, 0.20833333333333vw, 4px) 0 0;
}

.features {
  overflow: hidden !important;
}

.features #features {
  position: relative;
  top: 8px;
}

.features .features-options .feature-option .feature-option-icon {
  background-color: var(--blue);
  width: clamp(61.333333333333px, 4.7916666666667vw, 92px);
  height: clamp(61.333333333333px, 4.7916666666667vw, 92px);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 clamp(61.333333333333px, 4.7916666666667vw, 92px);
  margin-right: clamp(13.333333333333px, 1.0416666666667vw, 20px);
  transition: var(--transition);
}

.features .features-options .feature-option.active .feature-option-icon {
  background-color: var(--orange);
}

.features .features-options .feature-option .feature-option-icon svg {
  height: auto;
  width: clamp(30.666666666666668px, 2.3958333333333335vw, 46px);
}

.features .features-options .feature-option {
  display: flex;
  align-items: center;
  max-width: clamp(263.33333333333px, 20.572916666667vw, 395px);
  line-height: 1.25;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.features .features-options .feature-option:nth-child(1), .features .features-options .feature-option:nth-child(2), .features .features-options .feature-option:nth-child(3), .features .features-options .feature-option:nth-child(4) {
  flex-direction: row-reverse;
  text-align: right;
}

.features .features-options .feature-option:nth-child(1) .feature-option-icon, .features .features-options .feature-option:nth-child(2) .feature-option-icon, .features .features-options .feature-option:nth-child(3) .feature-option-icon, .features .features-options .feature-option:nth-child(4) .feature-option-icon {
  margin-right: 0;
  margin-left: clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

.features .features-options .feature-option:after {
  content: "";
  display: block;
  width: clamp(73.333333333333px, 5.7291666666667vw, 110px);
  height: clamp(2px, 0.15625vw, 3px);
  background-color: var(--blue);
  position: absolute;
  top: 0;
  left: clamp(-110px, -5.7291666666667vw, -73.333333333333px);
  bottom: 0;
  margin: auto;
  transition: var(--transition);
}

.features .features-options .feature-option:nth-child(1):after, .features .features-options .feature-option:nth-child(2):after, .features .features-options .feature-option:nth-child(3):after, .features .features-options .feature-option:nth-child(4):after {
  right: clamp(-110px, -5.7291666666667vw, -73.333333333333px);
  left: auto;
}

.features .features-options .feature-option.active:after {
  background-color: var(--orange);
}

.features .features-phone {
    width: 460px;
    height: 758px;
    position: relative;
    padding: clamp(13.333333333333px, 1.0416666666667vw, 20px);
    overflow: hidden;
    padding-bottom: 0 !important;
}

.features .features-phone:before {
  content: '';
  display: block;
  width: 460px;
  height: 782px;
  background-image: url(i/phone-shell-cutoff.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}

.features .features-phone .features-phone-gallery .slick-list {
  border-radius: clamp(56px, 4.375vw, 84px) clamp(56px, 4.375vw, 84px) 0 0 !important;
}

.features .features-phone .features-phone-gallery img {
  max-width: 397px !important;
  margin: 0 auto;
  display: block !important;
}

.features {
  background-image: url(i/glow.png?v=2);
  background-size: cover;
  background-position: bottom center;
}

.features-options {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(4, auto);
  justify-content: center;
  align-items: start;
}

.features-options .feature-option:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.features-options .feature-option:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.features-options .feature-option:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}
.features-options .feature-option:nth-child(4) {
  grid-column: 1;
  grid-row: 4;
}

.features-options .features-phone {
  grid-column: 2;
  grid-row: 1 / span 4;
  z-index: 10;
}

.features-options .feature-option:nth-child(6) {
  grid-column: 3;
  grid-row: 1;
}
.features-options .feature-option:nth-child(7) {
  grid-column: 3;
  grid-row: 2;
}
.features-options .feature-option:nth-child(8) {
  grid-column: 3;
  grid-row: 3;
}
.features-options .feature-option:nth-child(9) {
  grid-column: 3;
  grid-row: 4;
}

.features-options .feature-option:nth-child(1),
.features-options .feature-option:nth-child(2),
.features-options .feature-option:nth-child(3),
.features-options .feature-option:nth-child(4) {
  position: relative;
  left: clamp(-50px, -2.6041666666667vw, -20px);
}

.features-options .feature-option:nth-child(6),
.features-options .feature-option:nth-child(7),
.features-options .feature-option:nth-child(8),
.features-options .feature-option:nth-child(9) {
  position: relative;
  right: clamp(-50px, -2.6041666666667vw, -20px);
}

.features .features-options .feature-option:nth-child(1), .features .features-options .feature-option:nth-child(6) {
  margin-top: clamp(53.333333333333px, 4.1666666666667vw, 80px);
}

.success-stories img {
  max-width: calc(100% + clamp(66.666666666667px, 5.2083333333333vw, 100px)) !important;
  margin-left: clamp(-130px, -6.7708333333333vw, -86.666666666667px);
  position: relative;
  top: clamp(20px, 1.5625vw, 30px);
}

.beliefs .elementor-icon-box-wrapper {
    background-color: #fff;
    padding: clamp(36.666666666667px, 2.8645833333333vw, 55px);
    border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px);
    box-shadow: 0 clamp(5.3333333333333px, 0.41666666666667vw, 8px) clamp(16px, 1.25vw, 24px) #D6E5FB;
    height: 100%;
}

.beliefs .elementor-widget-icon-box {
  height: 100%;
}

.beliefs .beliefs-mid {
  margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
}

.beliefs.beliefs-mid {
  padding: clamp(40px, 3.125vw, 60px) clamp(20px, 1.5625vw, 30px) clamp(30px, 2.34375vw, 45px);
}

.beliefs {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.app-list h2, .app-list {
  color: #fff;
}

.app-list p {
  margin: clamp(10px, 0.78125vw, 15px) 0 0;
}

.app-list ul.elementor-icon-list-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  left: clamp(20px, 1.5625vw, 30px);
  margin: 0 0 clamp(60px, 4.6875vw, 90px);
  padding: 0 clamp(10px, 4.6875vw, 90px) !important;
}

.app-list ul.elementor-icon-list-items li {
  flex: 0 0 25%;
  max-width: 25%;
  margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px);
}


.app-list ul.elementor-icon-list-items li svg {
  width: clamp(20.666666666667px, 1.6145833333333vw, 31px) !important;
  height: clamp(20.666666666667px, 1.6145833333333vw, 31px) !important;
  margin-right: clamp(6.6666666666667px, 0.52083333333333vw, 10px) !important;
}

.app-list img {
  margin: 0 0 clamp(-80px, -4.1666666666667vw, -53.333333333333px);
}

.app-list {
  margin-bottom: clamp(33.333333333333px, 2.6041666666667vw, 50px) !important;
}

.start-lead {
  border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
  overflow: hidden !important;
  padding: clamp(166.66666666667px, 13.020833333333vw, 250px) clamp(20px, 1.5625vw, 30px) clamp(46.666666666667px, 3.6458333333333vw, 70px) !important;
}

.start-lead h3 {
  color: #fff;
}

.start-lead-wrap .e-con-inner {
  padding-left: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
  padding-right: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
}

#footer span.elementor-button-content-wrapper {
    align-items: center;
}

#footer span.elementor-button-content-wrapper svg {
    margin-right: clamp(3.3333333333333px, 0.26041666666667vw, 5px);
}

#footer .elementor-button {
    margin: 0 clamp(3.3333333333333px, 0.26041666666667vw, 5px);
}

#footer h3 {
    margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

.support-notice li.elementor-icon-list-item a {
  display: inline;
  font-weight: 700;
  text-decoration: underline;
  color: var(--dark);
}

.support-notice li.elementor-icon-list-item a:hover,
.support-notice li.elementor-icon-list-item a:focus {
  color: var(--blue);
}

.support-notice li.elementor-icon-list-item svg {
  width: clamp(14.666666666667px, 1.1458333333333vw, 22px);
  height: clamp(13.333333333333px, 1.0416666666667vw, 20px);
  position: relative;
  top: clamp(-2px, -0.10416666666667vw, -1.3333333333333px);
  margin-right: clamp(1.3333333333333px, 0.10416666666667vw, 2px);
}

.support-notice ul.elementor-icon-list-items li {
  font-size: clamp(13px, 0.78125vw, 15px);
  color: var(--dark);
  line-height: 1;
  align-items: flex-start !important;
}

.support-notice.lg ul.elementor-icon-list-items li {
  font-size: var(--font-size);
}

.support-notice.lg li.elementor-icon-list-item svg {
  width: clamp(25.333333333333px, 1.9791666666667vw, 38px);
  height: clamp(24px, 1.875vw, 36px);
  margin-right: clamp(5.3333333333333px, 0.41666666666667vw, 8px);
}

.support-notice.lg li.elementor-icon-list-item svg * {
  fill: var(--orange);
}

#footer ul.elementor-icon-list-items {
  margin: clamp(33.333333333333px, 2.6041666666667vw, 50px) 0 0;
}


#footer .logo svg {
  width: clamp(150.66666666667px, 11.770833333333vw, 226px) !important;
  height: clamp(109.33333333333px, 8.5416666666667vw, 164px) !important;
}

#footer .copyright {margin: clamp(30px, 4.1666666666667vw, 80px) auto 0;padding: clamp(30px, 4.1666666666667vw, 80px) 0 0;border-top: clamp(0.66666666666667px, 0.052083333333333vw, 1px) solid #ddd;}

@media (min-width: 991px) {
  #footer .copyright {
    width: clamp(603.33333333333px, 47.135416666667vw, 905px) !important;
  }
}

#footer .copyright p {
    font-size: clamp(12.666666666667px, 0.98958333333333vw, 19px);
}

#footer .copyright p span:first-of-type, #footer .copyright p span.ion_link_separator {
    display: block;
    line-height: 1;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
}

#footer .copyright p a {
    color: var(--dark);
    text-decoration: underline;
    font-weight: 700;
}

#footer .copyright p a:hover, #footer .copyright p a:focus {
    color: var(--blue);
}

#footer .copyright p a:last-child {
    margin: clamp(20px, 1.5625vw, 30px) 0 0;
    display: block;
}

.faqs-options {
  text-align: center;
}

.faqs-options h2 {
  color: #fff;
}

.faqs-options ul {
  list-style: none;
  margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 clamp(33.333333333333px, 2.6041666666667vw, 50px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faqs-options ul li {
  margin: 0 clamp(3.3333333333333px, 0.26041666666667vw, 5px) !important;
}

.faqs-options ul li a {
  font-size: clamp(12.666666666667px, 0.98958333333333vw, 19px);
  color: #fff;
  border: clamp(0.66666666666667px, 0.052083333333333vw, 1px) solid #fff;
  border-radius: clamp(66.666666666667px, 5.2083333333333vw, 100px);
  display: inline-block;
  padding: clamp(7.3333333333333px, 0.57291666666667vw, 11px) clamp(13.333333333333px, 1.0416666666667vw, 20px) clamp(6px, 0.46875vw, 9px);
  line-height: 1;
  text-shadow: 0 clamp(1.3333333333333px, 0.10416666666667vw, 2px) rgba(255,255,255,0);
}

.faqs-options ul li a:hover, .faqs-options ul li a:focus {
  border-color: var(--orange);
  color: var(--orange);
}

.faqs-options ul li a.active {
  color: var(--dark);
  text-shadow: clamp(0px, 0vw, 0px) clamp(1.3333333333333px, 0.10416666666667vw, 2px) rgba(255,255,255,0.2);
  border-color: var(--orange);
  background-color: var(--orange);
}

.faqs-questions .faq h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: var(--font-size--h4);
  transition: var(--transition);
  cursor: pointer;
  padding-right: 41px;
  padding-left: 51px;
  position: relative;
}

.faqs-questions .faq h3:hover {
  opacity: 0.7;
}

.faqs-questions .faq h3 .faq-icon {
  width: clamp(24px, 1.875vw, 36px);
  height: clamp(24px, 1.875vw, 36px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}

.faqs-questions .faq h3 .faq-icon * {
  transition: var(--transition);
  fill: var(--blue-light);
}

.faqs-questions .faq.active h3 .faq-icon * {
  fill: var(--orange);
}

.faqs-questions .faq h3 .faq-arrow {
  transition: var(--transition);
  transform-origin: center;
  transform: rotate(0deg);
  width: clamp(17.333333333333332px, 1.3541666666666667vw, 26px);
  height: clamp(10px, 0.78125vw, 15px);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}

.faqs-questions .faq.active h3 .faq-arrow {
  transform: rotate(180deg);
}

.faq {
  display: none;
}

.faq.visible {
  display: block;
}

.faq:not(:last-child) {
  margin: 0 0 clamp(20px, 1.5625vw, 30px);
  padding: 0 0 clamp(20px, 1.5625vw, 30px);
  border-bottom: clamp(0.66666666666667px, 0.052083333333333vw, 1px) solid rgba(255,255,255,0.1);
}

.faq .faq-content {
  padding-top: clamp(10px, 0.78125vw, 15px);
  color: #fff;
  display: none;
}

#download-app {
  display: none;
}


.elementor-popup-modal .dialog-message {
  width: clamp(800px, 54.6875vw, 1050px) !important;
}

#download-modal .modal-content {
  padding: clamp(26.666666666667px, 2.0833333333333vw, 40px) clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

#download-modal .elementor-button-info {margin-right: clamp(6.6666666666667px, 0.52083333333333vw, 10px);}

#download-modal ol {
  list-style: none;
  margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 clamp(43.333333333333px, 3.3854166666667vw, 65px);
  padding: 0;
  position: relative;
}

#download-modal ol li {
  position: relative;
  z-index: 10;
  padding-left: clamp(33.333333333333px, 2.6041666666667vw, 50px);
  font-size: var(--font-size--small);
  color: var(--dark);
  padding-top: clamp(3.3333333333333px, 0.26041666666667vw, 5px);
}

#download-modal ol li strong {
  background: var(--orange);
  color: var(--darker);
  font-family: var(--heading);
  font-size: clamp(14px, 1.09375vw, 21px);
  width: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  height: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  display: block;
  border-radius: 100%;
  text-align: center;
  line-height: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  position: absolute;
  top: 0;
  left: 0;
}

#download-modal ol li a {
  font-weight: 700;
  color: var(--dark);
  text-decoration: underline;
}

#download-modal ol li a:hover, #download-modal ol li a:focus {
  color: var(--blue);
}

#download-modal ol:before {
  width: clamp(2px, 0.15625vw, 3px);
  height: clamp(145px, 11.979166666667vw, 230px);
  background: var(--orange);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: clamp(10.666666666667px, 0.83333333333333vw, 16px);
}

#download-modal .elementor-button svg {
  position: relative;
  top: clamp(0.66666666666667px, 0.052083333333333vw, 1px);
}

#download-modal span.elementor-button-content-wrapper {
  align-items: center;
  font-size: var(--font-size--small);
}

#download-modal .support-notice {
  margin-top: clamp(20px, 1.5625vw, 30px);
}

.success-stories .elementor-widget-testimonial-carousel .swiper-slide {
  padding: 0 !important;
}

.success-stories .elementor-main-swiper {
  margin: 0 !important;
  z-index: 100;
}

.success-stories .elementor-widget-testimonial-carousel .elementor-testimonial__text {
  font-size: var(--font-size) !important;
  font-style: normal;
  line-height: var(--line-height);
}

.success-stories .elementor-widget-testimonial-carousel .elementor-testimonial__image img {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  top: 0;
  left: 0;
}

.success-stories .elementor-testimonial__image {
  width: clamp(33.333333333333px, 2.6041666666667vw, 50px);
  height: clamp(33.333333333333px, 2.6041666666667vw, 50px);
}

.success-stories cite.elementor-testimonial__cite {
  display: flex;
  font-size: var(--font-size--small);
  color: var(--dark);
  flex-direction: row;
  align-items: center;
  line-height: 1;
  margin-left: clamp(8px, 0.625vw, 12px) !important;
}

.success-stories cite.elementor-testimonial__cite:after {
  content: '';
  display: block;
  width: clamp(74px, 5.78125vw, 111px);
  height: clamp(12px, 0.9375vw, 18px);
  background-image: url(i/icons/icon-stars.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  top: clamp(-3px, -0.15625vw, -2px);
  margin-left: clamp(10px, 0.78125vw, 15px);
}

.success-stories .elementor-testimonial__footer {
  margin: clamp(24px, 1.875vw, 36px) 0 0 !important;
}

.success-stories .elementor-swiper:before {
  z-index: 1;
  content: '';
  display: block;
  width: clamp(32.666666666667px, 2.5520833333333vw, 49px);
  height: clamp(24px, 1.875vw, 36px);
  background-image: url(i/icons/icon-quote.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: clamp(-3px, -0.15625vw, -2px);
  left: clamp(-16px, -0.83333333333333vw, -10.666666666667px);
}

.success-stories .swiper-pagination .swiper-pagination-bullet {
  width: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  height: clamp(3.3333333333333px, 0.26041666666667vw, 5px);
  border-radius: 0;
  background: #E7E2DE;
  opacity: 1;
  margin: 0 clamp(3.3333333333333px, 0.26041666666667vw, 5px) 0 0 !important;
  transition: var(--transition);
}

.success-stories .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}

.success-stories .swiper-pagination {
  text-align: left;
  line-height: 1;
  clear: both;
  position: relative;
  margin: clamp(32px, 2.5vw, 48px) 0 0;
  top: 0;
}

.pg-title {
  background-color: var(--dark);
  background-image: url(i/pg-title-bg.svg);
  background-repeat: no-repeat;
  background-position: 104% center;
  margin: clamp(105.33333333333px, 8.2291666666667vw, 158px) 0 0 !important;
  padding: clamp(66.666666666667px, 5.2083333333333vw, 100px) clamp(20px, 1.5625vw, 30px);
}

.pg-title h1 {
  color: #fff;
}

.pg-title h1 + p {
  color: var(--orange);
}

.how-works {
  text-align: center !important;
}

.how-works a {
  font-weight: 600;
  color: var(--dark);
  text-decoration: underline !important;
}

.how-works a:hover, .how-works a:focus {
  color: var(--blue);
}

.how-works h3 {
  margin: clamp(23.333333333333px, 1.8229166666667vw, 35px) 0 clamp(8.6666666666667px, 0.67708333333333vw, 13px);
}

.how-works h3 + p {padding: 0 clamp(6.6666666666667px, 0.52083333333333vw, 10px);}

.how-works img {
  width: auto;
  max-height: 52vh;
}

.no-app-yet {
  padding: clamp(33.333333333333px, 2.6041666666667vw, 50px) !important;
  background-color: var(--light);
  border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
  margin-bottom: clamp(72px, 5.625vw, 108px) !important;
}

.about-content h2,
.no-app-yet h2 {
  margin: 0 0 clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

.no-app-yet .elementor-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background-color: var(--darker) !important;
  border-color: var(--darker) !important;
  color: #fff;
  text-shadow: none;
  margin-left: clamp(6px, 0.46875vw, 9px);
  font-size: clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

.no-app-yet .elementor-button-text {
  line-height: 1;
  display: flex;
  align-items: center;
}

.no-app-yet .no-app-yet-text {
  width: clamp(436px, 34.0625vw, 654px);
  color: var(--dark);
  line-height: 1.5;
  margin-right: auto;
}

.no-app-yet .elementor-button:hover, .no-app-yet .elementor-button:focus {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

.no-app-yet .elementor-button svg {
  width: clamp(18.666666666667px, 1.4583333333333vw, 28px) !important;
  height: clamp(18.666666666667px, 1.4583333333333vw, 28px) !important;
  margin-right: clamp(1.3333333333333px, 0.10416666666667vw, 2px);
  position: relative;
  top: clamp(0.66666666666667px, 0.052083333333333vw, 1px);
}

.customer-intro .elementor-icon-list-items svg {
  width: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
  height: clamp(38.666666666667px, 3.0208333333333vw, 58px) !important;
  margin-right: clamp(9.3333333333333px, 0.72916666666667vw, 14px) !important;
}

.customer-intro .elementor-icon-list-items li {
  font-size: var(--font-size--small);
  align-items: flex-start;
}

.customer-intro .elementor-icon-list-items li strong {
  color: var(--dark);
  font-weight: 700;
  display: block;
  font-size: var(--font-size);
  line-height: 1;
  margin: 0 0 clamp(3.3333333333333px, 0.26041666666667vw, 5px);
}

.customer-intro .elementor-icon-list-items {
  max-width: clamp(343.33333333333px, 26.822916666667vw, 515px);
  margin: clamp(33.333333333333px, 2.6041666666667vw, 50px) 0 0 !important; 
}

.customer-intro .elementor-icon-list-items li:not(:last-child) {
  margin: 0 0 clamp(24.666666666667px, 1.9270833333333vw, 37px);
}

.customer-intro h2 {
  margin: 0 0 clamp(10px, 0.78125vw, 15px);
  line-height: 1;
}

.customer-intro p, .customer-intro h2 {
  max-width: clamp(520px, 40.625vw, 780px);
}

.breeder-intro {
  overflow-x: hidden !important;
}

.breeder-intro img {
  max-width: clamp(600px, 78.802083333333vw, 1513px) !important;
  z-index: -1;
  position: absolute;
  bottom: clamp(-100px, -5.2083333333333vw, -66.666666666667px);
  left: clamp(-100px, -18.75vw, -480px);
}

.customer-lead h2 {
  margin-top: clamp(-30px, -1.5625vw, -20px);
}

.customer-lead h2, .customer-lead li, .customer-lead li a {
  color: #fff;
}

.customer-lead li a {
  font-weight: 700;
  text-decoration: underline;
}

.customer-lead li a:hover, .customer-lead li a:focus {
  color: var(--orange);
}

.customer-lead ol {
  list-style: none;
  margin: clamp(20px, 1.5625vw, 30px) 0 clamp(40px, 3.125vw, 60px);
  padding: 0;
}

.customer-lead .elementor-button {
  margin-right: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

html .bg-dark .elementor-button:hover, html .bg-dark .elementor-button:focus {
  background-color: #fff !important;
  text-shadow: none !important;
  border-color: #fff !important;
  color: var(--darker) !important;
} 

.customer-lead li:not(:last-child) {
  margin: 0 0 clamp(26.666666666667px, 2.0833333333333vw, 40px);
}

.customer-lead li strong {
  font-family: var(--heading);
  font-weight: 900;
  font-size: var(--font-size--h4);
  color: var(--darker);
  background: var(--blue-light);
  border-radius: 100%;
  width: clamp(38.666666666667px, 3.0208333333333vw, 58px);
  height: clamp(38.666666666667px, 3.0208333333333vw, 58px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}

.customer-lead li {
  position: relative;
  padding-left: clamp(51.333333333333px, 4.0104166666667vw, 77px);
}


.owners-intro img {
  height: clamp(625px, 53.333333333333vw, 1024px) !important;
  width: auto !important;
  max-width: unset !important;
  z-index: -1;
  position: absolute;
  top: calc(100% + clamp(-100px, -5.208333333333333vw, -30px));
  margin: auto;
  left: clamp(-90px, -7.8125vw, -200px);
}

.simple-page h2,
.owner-tips h2 {
  margin: 0 0 clamp(8.6666666666667px, 0.67708333333333vw, 13px);
}

.owner-tips h2 + p {
  margin: 0 0 clamp(36.666666666667px, 2.8645833333333vw, 55px);
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title, .owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title + div[role="region"] {
  border: none;
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title h3 {
  font-size: var(--font-size--h3);
  padding-right: 10px;
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title + div[role="region"] p {
  color: var(--text);
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title {
  padding: clamp(30px, 2.34375vw, 45px);
  border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px);
  background: #EFF5FE;
}

.owner-tips .e-n-accordion-item:not(:last-child) {
  margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title + div[role="region"] {
  padding: clamp(10px, 0.78125vw, 15px) clamp(30px, 2.34375vw, 45px) clamp(30px, 2.34375vw, 45px);
  border-radius: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) clamp(13.333333333333px, 1.0416666666667vw, 20px);
  background: #EFF5FE;
}

.owner-tips .elementor-widget-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {
  border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px) clamp(13.333333333333px, 1.0416666666667vw, 20px) 0 0;
  padding-bottom: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

.about-content .image-pull-right img {
  margin-right: clamp(-130px, -6.7708333333333vw, -86.666666666667px);
  max-width: calc(100% + clamp(66.666666666667px, 5.2083333333333vw, 100px));
}

.about-content .image-pull-left img {
  max-width: clamp(623.33333333333px, 48.697916666667vw, 935px);
  margin-left: clamp(-350px, -18.229166666667vw, -233.33333333333px);
}

.about-outro h4 {
  margin: 0 auto;
  line-height: 1 !important;
  max-width: clamp(630.66666666667px, 49.270833333333vw, 946px);
}

.elementor-form .elementor-field:not(.elementor-form .elementor-field.elementor-select-wrapper, .elementor-form .elementor-field.elementor-acceptance-field), .elementor-field-group .elementor-select-wrapper select {
  border: clamp(0.66666666666667px, 0.052083333333333vw, 1px) solid #a8a8a8 !important;
  border-radius: clamp(6px, 0.46875vw, 9px);
  padding: clamp(10px, 0.78125vw, 15px) clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
  line-height: 1;
}

.elementor-form textarea.elementor-field:not(.elementor-form .elementor-field.elementor-select-wrapper, .elementor-form .elementor-field.elementor-acceptance-field) {
  height: clamp(163.33333333333px, 12.760416666667vw, 245px) !important;
  resize: none;
  padding: clamp(13.333333333333px, 1.0416666666667vw, 20px) !important;
  margin: 0 0 clamp(10px, 0.78125vw, 15px) !important;
}

.captcha-note {
  margin: 0;
  text-align: left;
  padding-right: clamp(53.333333333333px, 4.1666666666667vw, 80px);
}

.support-box .elementor-widget-container {
  background-color: var(--light);
  border-radius: clamp(13.333333333333px, 1.0416666666667vw, 20px);
  padding: clamp(26.666666666667px, 2.0833333333333vw, 40px) clamp(35px, 2.8645833333333vw, 55px) 0 clamp(36.666666666667px, 2.8645833333333vw, 55px);
}

.support-box .elementor-widget-container h3 {
  margin: 0 0 clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

.support-box .elementor-widget-container h3 + p {
  margin: 0 0 clamp(10px, 0.78125vw, 15px);
}

.support-box .elementor-widget-container img {
  max-width: clamp(300px, 33.854166666667vw, 650px);
  border-radius: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) 0;
  display: block;
  float: right;
  margin-right: clamp(-55px, -2.8645833333333335vw, -36.666666666666664px);
}

.home .elementor-location-header {
  position: relative;
  z-index: 10;
}

.home .elementor-location-footer,
.home main {
  position: relative;
  z-index: 2;
}

.home .bubble {
  background-image: url(i/blur-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  z-index: 1;
}

.home .bubble.bubble-1 {
  width: clamp(333.33333333333px, 26.041666666667vw, 500px);
  height: clamp(333.33333333333px, 26.041666666667vw, 500px);
  top: 11%;
  left: clamp(-250px, -13.020833333333vw, -166.66666666667px);
}

.home .bubble.bubble-2 {
  width: clamp(533.33333333333px, 41.666666666667vw, 800px);
  height: clamp(533.33333333333px, 41.666666666667vw, 800px);
  right: clamp(-400px, -20.833333333333vw, -266.66666666667px);
  top: clamp(1133.3333333333px, 88.541666666667vw, 1700px);
}
.home .bubble.bubble-3 {
  width: clamp(333.33333333333px, 26.041666666667vw, 500px);
  height: clamp(333.33333333333px, 26.041666666667vw, 500px);
  top: clamp(3528.6666666667px, 275.67708333333vw, 5293px);
  left: clamp(-250px, -13.020833333333vw, -166.66666666667px);
}

.home .bubble.bubble-4 {
  width: clamp(533.33333333333px, 41.666666666667vw, 800px);
  height: clamp(533.33333333333px, 41.666666666667vw, 800px);
  right: clamp(-400px, -20.833333333333vw, -266.66666666667px);
  top: clamp(3062px, 239.21875vw, 4593px);
}

.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper {
  padding: 0 !important;
}

#footer .copyright p span:first-of-type, #footer .copyright p span.ion_link_separator {
  color: #000 !important;
}
.start-lead {
  background: #000;
}
.captcha-note p {
  color: var(--text);
}
.elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg {
  width: clamp(50px, 5.208333333333333vw, 100px);
  height: clamp(50px, 5.208333333333333vw, 100px);
}

.elementor-popup-modal .dialog-message {
  max-width: 90vw !important;
}

.dialog-type-lightbox {
  z-index: 99999999 !important;
}

.customer-intro .elementor-icon-list-items svg ellipse {
  fill: #FBB361 !important;
}

.customer-intro .elementor-icon-list-items svg path {
  fill: rgb(44, 54, 102) !important;
}

@media (max-width: 1367px) {
  #download-modal ol li br {
    display: none;
  }




}

@media (max-width: 1199px) {

  .hero img {
    margin-left: clamp(-150px, -7.8125vw, -100px);
    position: relative;
    z-index: -1;
  }

  .hero .elementor-widget-text-editor {
    z-index: 10;
    position: relative;
  }

  .success-stories img {
    max-width: 100% !important;
    left: 0;
    margin: 0 !important;
  }

  .success-stories .e-con-inner {
    align-items: flex-start !important;
  }

}

@media (max-width: 1024px) {
  .elementor-254 .elementor-element.elementor-element-5b56e5c::before, .elementor-254 .elementor-element.elementor-element-5b56e5c > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-5b56e5c > .e-con-inner > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-5b56e5c > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-5b56e5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-5b56e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-position: 20px 20px !important;
  }
}

@media (max-width: 991px) {

  .features .features-phone, .features .features-phone:before {
    width: 250px;
    height: 426px !important;
  }

  .features .features-phone .features-phone-gallery .slick-list {
    border-radius: 20px 20px 0 0 !important;
    max-width: 225px;
  }


  .features .features-options .feature-option .feature-option-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px;
  }

  .features .features-options .feature-option .feature-option-icon svg {
    width: 22px;
  }

  .hero h1 br {
    display: none;
  }

  .app-list ul.elementor-icon-list-items li {
    flex: 0 0 33%;
    max-width: 33%;
  }

  .breeder-intro img {
    max-width: 500px !important;
  }

  .drop991 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .drop991 > .e-con-inner > .elementor-element {
    width: 100% !important;
  }

  .customer-lead .content-right {
    order: -1;
    padding: 0 0 40px !important;
  }

  .customer-lead img {
    max-width: 300px !important;
  }

  .customer-lead .btn-group {
    justify-content: center !important;
  }

  .customer-lead h2 {
    text-align: center;
  }

  .home .bubble {
    display: none;
  }

}

@media (max-width: 767px) {
  #wpadminbar {
    display: none !important;
  }
  li.mobile-logo a {
    max-width: 75px;
    display: flex;
  }
  #header, .admin-bar #header {
    top: 0 !important;
    position: fixed !important;
    z-index: 9999999 !important;
    padding: 10px 15px !important;
    background-color: #FFF !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
  }
  .mobile-button a {
    display: flex;
    flex-direction: column;
  }
  .mobile-button a span {
    line-height: 1;
  }
  #menu-item-197 {
    display: none;
  }
  #header .navigation {
    position: fixed;
    top: 76px;
    left: 0;
    right: 0;
    width: 100%;
  }
  #header .navigation li {
    margin: 0 !important;
    width: 100% !important;
    position: unset !important;
    top: unset !important;
  }
  #header .navigation li a {
    display: block !important;
    padding: 15px !important;
    background-color: var(--dark) !important;
    color: #FFF !important;
    border-bottom: 1px solid #FFF !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: var(--heading) !important;
  }
  #header .navigation li:not(:last-child, :first-child) a:after {
    content: none;
  }
  #header .navigation li a:hover,
  #header .navigation li a:focus,
  #header .navigation li.current-menu-item > a {
    background-color: var(--primary) !important;
    color: var(--dark) !important;
  }
  .hero, .pg-title {
    margin-top: 76px !important;
  }
  .admin-bar .hero, .admin-bar .pg-title {
    margin-top: calc(76px - 46px) !important;
  }
  .admin-bar .hero, .hero,
  .admin-bar .pg-title, .pg-title {
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
  }
  .admin-bar .pg-title, .pg-title {
    padding: 75px 30px !important;
  }
  .features .features-options .feature-option:after {
    content: none;
  }
  .features .features-options .feature-option {
    flex-direction: column !important;
    text-align: center !important;
    grid-gap: 10px !important;
  }
  .features .features-options .feature-option:nth-child(1), .features .features-options .feature-option:nth-child(6) {
    margin-top: 0;
  }
  .content-img {
    order: -1 !important;
    margin: 0 0 20px !important;
  }
  .success-stories * {
    text-align: center;
  }
  .success-stories .elementor-testimonial__footer {
    justify-content: center !important;
  }
  .success-stories .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .beliefs-mid > .e-con-inner > .elementor-element:not(:last-child),
  .beliefs > .e-con-inner > .elementor-element:not(:last-child),
  .start-lead-wrap > .e-con-inner > .elementor-element:not(:last-child),
  .how-works > .e-con-inner > .elementor-element:not(:last-child) {
    margin: 0 0 30px !important;
  }
  .app-list ul.elementor-icon-list-items li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .app-list ul.elementor-icon-list-items {
    left: 0;
    padding: 0 !important;
  }
  .app-list p br {
    display: none;
  }
  .faqs-options ul {
    flex-wrap: wrap;
    grid-gap: 10px;
  }
  .faqs-options ul li {
    margin: 0 !important;
  }
  .start-lead-wrap .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .app-list ul.elementor-icon-list-items li .elementor-icon-list-text {
    padding-right: 10px;
  }
  .pg-title h1, .pg-title h1 + p,
  .no-app-yet h2, .no-app-yet p {
    text-align: center;
  }
  .pg-title h1 + p {
    line-height: 1.3;
    margin-top: 8px;
  }
  .no-app-yet .elementor-element {
    justify-content: center;
    grid-gap: 10px 0;
  }
  .drop-img .content-img {
    display: none !important;
  }
  .drop-img .content-text {
    width: 100% !important;
  }
  .customer-intro .elementor-icon-list-items {
    max-width: 100%;
  }
  .support-box .elementor-widget-container img {
    display: block !important;
    max-width: 100% !important;
    float: unset !important;
    margin: 0 0 0 35px !important;
  }
  .elementor-element.elementor-element-5b56e5c.e-con-full.e-flex.e-con.e-child {
    height: 150px;
  }
  .mobile-button:last-of-type {
    display: none !important;
  }
  .mobile-button {
    margin: 0 !important;
  }
  .captcha-note {
    padding-right: 0;
  }
  .captcha-note p {
    text-align: center;
  }
  .e-form__buttons {
    justify-content: center !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 500px) {
  .app-list ul.elementor-icon-list-items li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .customer-lead .btn-group .elementor-button {
    display: block !important;
    margin: 3px !important;
    width: 250px !important;
  }
}

@media (max-width: 767px) {
  .features-options .features-option {
    display: none !important;
  }

  .features .features-options .feature-option {
    display: none;
  }

  html .features .features-phone, html .features .features-phone:before {
    width: 205px !important;
    height: 347px !important;
    margin: 0 auto;
  }

  .features .features-phone .features-phone-gallery .slick-list {
    max-width: 182px !important;
  }

  .features .features-phone .features-phone-gallery img {
    max-width: 182px !important;
    margin: 0 !important;
  }

  .features-options {
    display: block !important;
  }

  .feature-options-mobile .feature-option {
    background: var(--blue);
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    padding: 30px;
    max-width: 80%;
    margin: 0 auto !important;
  }


  .feature-options-mobile .slick-arrow {
    border: none;
    font-size: 0;
    background-color: transparent;
    outline: 0;
    transition: all 0.3s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 200;
    cursor: pointer;
  }

  .feature-options-mobile .slick-arrow.slick-prev { background-image: url(i/icons/icon-prev.svg?v=2); left: 0; }
  .feature-options-mobile .slick-arrow.slick-next { background-image: url(i/icons/icon-next.svg?v=2); right: 0; }


  .features #features {
    top: 0;
  }

  .features {
    padding-bottom: var(--spacing) !important;
  }

  .feature-options-mobile .feature-option svg {
    width: auto;
    height: 50px !important;
    margin: 0 0 8px;
  }

  .feature-options-mobile {
    margin-top: -2px;
    z-index: 100;
  }

  html .admin-bar .hero, html .hero {
    padding-bottom: 0 !important;
    padding-top: 40px !important;
  }

  .hero img {
    margin: 0 auto !important;
    z-index: 1;
    max-width: 320px !important;
    max-height: unset;
  }

  .hero ul.elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 30px !important;
  }

  .hero ul.elementor-icon-list-items li {
    display: block !important;
    max-width: 30%;
    flex: 0 0 30% !important;
    margin: 0 !important;
  }

  .hero ul.elementor-icon-list-items li .elementor-icon-list-icon svg {
    margin: 0 auto 10px !important;
    width: 50px !important;
    max-width: unset !important;
    height: 50px !important;
  }

  .hero .elementor-icon-list-text {
    text-align: center;
    display: block;
    line-height: 1.25;
    font-size: 13px;
    padding: 0 10px !important;
  }

  .hero h1 {
    display: block;
    text-align: center;
    font-size: 30px;
    margin-top: 0;
    letter-spacing: -1px;
  }

  .hero .elementor-button {
    display: none !important;
  }

  #download-app {
    display: inline-block;
    font-size: 20px !important;
    padding: 16px 30px !important;
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto !important;
    max-width: 200px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.325);
  }

  #download-app .elementor-button-text:after {
    content: " App";
    display: inline;
  }

  .mobile-navigation li.mobile-button svg * {
    fill: var(--dark) !important;
  }

  #download-modal span.elementor-button-content-wrapper {
    font-size: var(--font-size);
  }

  .faq .faq-content {
    padding-left: 51px;
  }

}


@media (max-width: 420px) {

  .hero img {
    max-width: 270px !important;
  }

}

@media (min-width: 768px) {
  .feature-options-mobile {
    display: none;
  }
}