/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

html, body { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; }
.eok-logo { height: 42px; }
video { max-width: 100%; height: auto; }
video.eok-rounded { border-radius: 20px; }
button.eok-cta { font-weight: bold;  }
a.eok-cta { font-weight: bold;  }
span.eok-cta-sub { display: block; font-size: 13px; color: #baffd9; font-weight: normal; }
span.eok-cta-sub-head { display: block; font-size: 10px; color: #baffd9; font-weight: normal; }
.eok-hero { color: #fff; }
.eok-trust-teaser { padding: 0px 25px; }
img.eok-zoom:hover { 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); 
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
p.lead strong { font-weight: bold; }
span.eok-green-span { color: #00ab4d; font-weight: 500; }
span.eok-italic-span { font-style: italic; }
.eok-grey-bg { background-color: #f7f7f7; }
.eok-number { display: block; font-weight: 700; font-size: 1.3rem; margin-botto: 0px; }
span.eok-stat-more { color: #0d6efd; text-decoration: underline; cursor: pointer; }
.eok-stat-box { border-radius: 10px; padding: 10px 5px; }
#more {display: none;} #more1 {display: none;} #more2 {display: none;}
.eok-strat-txt { font-size: .9rem; }
.eok-testimonials { background-color: #ebfbf6; }
img.eok-trustpilot { height: 45px; margin-right: 10px; position: relative; top: -6px; }
a.eok-trust-link { color: #00b67a; font-weight: bold; text-decoration: none; }
.eok-testimonials h4 { font-weight: bold; }
.eok-reviewname { font-style: italic; }

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.bf-so-box { padding: 30px; background-color: #f0f0f0; margin-bottom: 20px; border-radius: 20px; font-size: .8rem; }
.bf-so-box:hover {
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
.bf-so-box i { display: block; font-size: 1.7rem; margin-bottom: 12px; }
.bf-box-up { position: relative; top: -30px; }
.bf-box-down { position: relative; top: 30px; }
.bf-color-accent { color: #81C18F; }
span.so-box-head { display: block; font-weight: bold; font-size: 1.2rem; margin-bottom: 10px; }
mark {
  background-color: #81C18F;
    background: linear-gradient(180deg, transparent 60%, rgba(129, 193, 143, .6) 0, rgba(129, 193, 143, .6));
    color: #81C18F;
    color: var(--color--text-dark);
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 480px) { 
  span.so-box-head { font-size: .8rem!important; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-left: 0.8rem; padding-right: 0.8rem; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
  .eok-sm-hide { display: none; }
  .bf-box-down { position: relative; top: 0px; }
  .bf-so-box {
      width: 46%;
      float: left;
      margin: 2%;
    }
  span.so-box-head { font-size: 1rem; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }