.business h2,.comparison-row,.extrieve,.extrieve h2,.icon-box,.lightweight-sdk .info-card p{text-align:center}body,html{overflow-x:hidden!important}.grey-bg{background-color:#f0f4f5}.content-block{padding:30px 0}.trusted h5{font-weight:600;color:#333}.landing-page-banner{background-color:#f7fff3;position:relative;width:100%;height:100%;padding-bottom:0rem;padding-top:0rem;overflow:hidden}.btn-call,.btn-whatsapp{color:#fff;padding:10px 18px;transition:transform .2s;font-weight:700}.btn-call{background:#76c3d5;border:none;border-radius:30px}.btn-call:hover,.btn-whatsapp:hover{transform:scale(1.05)}.btn-whatsapp{background:#50802d;border:none;border-radius:30px}.form-control,.icon-box{border-radius:8px;transition:.3s}.icon-box{background:#e6f2e3;color:#50802d;height:120px;padding:10px 7px;cursor:pointer;min-width:76px}.icon-box:hover{background:#bee6b4;transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,230,118,.2)}.icon-box i{font-size:25px;margin-bottom:10px;display:block}.icon-box span{display:block;color:#06526f;font-size:12px;font-weight:700}.banner-icon-wrap{margin-top:40px}.banner-icon-wrap .col-md-2{flex-grow:1}.modal-header{background:#e2e2e2}.form-control{padding:12px 14px;border:1px solid #ddd}.form-control:focus{border-color:#bee6b4;box-shadow:0 0 8px rgba(0,230,118,.4)}.btn-submit{background:#50802d;border:none;border-radius:8px;padding:12px;font-weight:600;font-size:1rem;transition:.3s;color:#fff}.btn-submit:hover{background:#bee6b4;transform:translateY(-2px)}.object-fit-contain:hover{filter:grayscale(0%)}.slider-container.hero-logo-slider{overflow:hidden;position:relative;width:100%}.hero-logo-slider .slider-track{display:flex;width:max-content;will-change:transform;transition:none}.hero-logo-slider .slider-track:hover{animation-play-state:paused}.object-fit-contain{object-fit:contain;width:100%;height:35px;filter:grayscale(100%);transition:filter .3s}.hero-logo-slider .logo-item{flex:0 0 auto;margin-right:15px;padding:10px;display:flex;align-items:center;justify-content:center;min-width:100px}@media (max-width:768px){.logo-item{min-width:70px;margin-right:10px;padding:8px}.object-fit-contain{height:30px}.contact-item-block{margin-bottom:30px}.contact-item-block::after{left:125px;width:60%!important;height:5px!important}}.developers .feature{background-color:#fafafa;margin:.5rem 0}.business .row.display-flex,.developers .row.display-flex,.extrieve .row.display-flex{display:flex;flex-wrap:wrap}.business .row.display-flex>[class*=col-],.developers .row.display-flex>[class*=col-],.extrieve .row.display-flex>[class*=col-]{display:flex;flex-direction:column}.developers .row.display-flex>[class*=col-] .btn,.extrieve .row.display-flex>[class*=col-] .btn{width:-moz-max-content;width:max-content}.contact-information{padding:50px 12px;background:#e9e9e9;width:100%}.contact-item-block,.quick-capture-fix .row:not(:last-child){position:relative}.contact-item-block::after{content:"";position:absolute;right:0;bottom:0;width:5px;height:100%;background:#7dc96bba;border-radius:10px 0 15px}.contact-item-desc a{text-decoration:none;color:#06526f}.contact-item-desc a:hover{color:#54b5d4}.business .feature{background-color:#fff;margin:.5rem 0}.business .feature h6{color:#06526f;font-weight:400;font-size:1.2rem;margin:1.5rem 0}.business .row.display-flex>[class*=col-] .btn{width:max-content}.business .feature-icon img,.extrieve .feature-icon img{width:60px}.quick-capture-fix .container.overflow-hidden{overflow-y:visible!important}.challenge-col-header{background:#f1f3f5;font-weight:600;width:25%}.comparison-row{border-bottom:1px solid #fff;display:flex}.comparison-row>div{padding:16px;flex:1}.comparison-header{font-weight:700;gap:3px;border-radius:6px}.comparison-header div{margin-bottom:2px;border-radius:10px 0px}.challenge-col{font-weight:600;width:25%;background:#fafafa}.negative{background:#f5f5f5;font-weight:500}.highlight{background:#e8f7e8;font-weight:600;color:#0a7d13}.comparison-header-col{background-color:#f0f4f5!important;color:#06526f!important;border-right:1px solid #fff!important}.green-header{background-color:#d3e7c4!important}.pricing{background:#fffce1;border-right:1px solid #f1e89682}.quick-capture-fix .row{margin:0}.quick-capture-fix .col-md-6{padding:15px}.info-card{border-radius:30px 0 50px;background:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto!important}.image-card{display:flex;justify-content:center;align-items:center;height:100%}.image-card img{width:100%;max-width:350px;height:auto;display:block}.lightweight-sdk .info-card h2,.quick-capture-fix .info-card h2{font-size:25px}.lightweight-sdk .info-card{align-items:center}.quick-capture-fix .row:nth-child(odd){background:#f9f9f9;border-radius:1rem;padding:20px}.feature-box{border:1px solid #eaeaea;border-radius:15px;padding:30px;background:#fff;transition:box-shadow .3s}.feature-box:hover{box-shadow:0 6px 25px rgba(0,0,0,.1)}.feature-item{padding:8px 10px;border-radius:8px;transition:background .3s}.feature-item:hover{background:rgba(25,135,84,.08)}.icon-animate{font-size:1.3rem;transition:transform .3s,color .3s}.feature-item:hover .icon-animate{transform:scale(1.2) rotate(5deg);color:#198754}.image-wrapper{overflow:hidden;width:75%;display:inline-block}.image-wrapper img{transition:transform .5s}.extrieve{color:#032b38}.extrieve .btn{margin:0 auto}.extrieve h4,.extrieve h5{font-size:1.5rem;color:#06526f;font-weight:400}@media (min-width:768px){.extrieve,.extrieve h2{text-align:left}.extrieve .btn{margin:0}}.extrieve .feature{margin:.5rem 0;background-color:#fff}.reviews .feature{background-color:#fafafa}.reviews img{max-width:130px;margin-bottom:20px}ul.small-ratings{margin:0 0 1rem;padding:0;list-style:none}ul.small-ratings li{color:#b1b1b1;padding-right:.2rem!important}ul.small-ratings li.active{color:#539633}.faq .accordion{--bs-accordion-bg:#f0f4f5}.faq .nav-tabs{border:0}.faq .nav-tabs .nav-link{font-size:1.1rem;color:#3F464B;border-top-left-radius:0;border-top-right-radius:0;border:0;position:relative;background-color:#f8fafa;cursor:pointer}.faq .nav-tabs .nav-link.active{background-color:#ddd}.faq .nav-tabs .nav-link.active:after{content:"";position:absolute;left:0;top:100%;width:0;height:0;border-right:15px solid transparent;border-top:15px solid #ccc;clear:both}.accordion-body{background-color:#fafafafa}.buy-app .icon-box i{font-size:35px}.buy-app .icon-box span{font-size:16px}.buy-app .icon-box{height:130px}.shadow{background-color:#f6f6f6;box-shadow:unset!important}.banner-icon-wrap .icon-box span{height:45px;min-height:45px}.buy-app .icon-box.svg-icon span{margin-top:10px}.get-custom-quote{background:#e6f2e3}.get-custom-quote-btn{font-size:15px;padding:5px 10px;max-width:200px;width:100%}@media screen and (max-width:768px){.banner-icon-wrap .icon-box span{height:0;min-height:0;margin-bottom: 26px;}.banner-icon-wrap .icon-box{height:95px}.buy-app .icon-box{height:115px!important}.meet-kimora .feature{align-items:center}.info-card p,.landing-banner-left,.landing-banner-right,.meet-kimora .feature h3,.meet-kimora .feature p,.scanning-sdk .feature h3{text-align:center}.meet-kimora .feature h3{height:45px;display:flex;align-items:center}.info-card{align-items:center!important}.DPI-counts p,.SDK-knows p{width:75%!important}.landing-banner-left h4{width:100%!important}.get-custom-quote .row{text-align:center!important}}.icon-box-thank-you i{font-size:100px}@media (max-width: 767px) {
    h2 {
        text-align: center;
    }
    h4 {
        text-align: center;
    }
}


/* Lead form */

.ex-header-form {
    display: flex;
    align-items: center;
}

.ex-header-form-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.ex-form-head-row {
    position: relative;
    width: 100%;
}

.ex-form-head__field{
    display: block;
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    color: #111827;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1rem;
    width: 100%;
}

.ex-head-input-icon {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #777;
}

.ex-phone-row {
    display: flex;
    align-items: center;
}

.ex-selected-option {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 6px 0 0 6px;
    background: #fff;
    cursor: pointer;
}

.ex-phone-row .ex-form__field {
    border-left: none;
    border-radius: 0 6px 6px 0;
    width: 140px;
}

.ex-module-header-button {
    height: 38px;
    padding: 0 16px;
    background: #50802D;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    width: 100%;
}

.ex-module-button:hover {
    background: #4338ca;
}


.ex-message-row {
    width: 140px;
}

.ex-header-textarea {
    height: 38px;
    resize: none;
    overflow: hidden;
    transition: height 0.2s ease;
    padding-top: 8px;
}

/* Expand on focus */
.ex-header-textarea:focus {
    height: 90px;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.ex-selected-option_header{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.75rem;
    border: 1px solid #d1d5db;
    border-right-width: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    background-color: #f9fafb;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    font-size: 1rem;
}

.banner-icon-wrap{
    margin-top: unset;
}

.banner-lead-form{
    background-color: #defbd0;
    border-radius: 12px;
    padding: 10%;
}
.ex-country-options_header{
    z-index: 10;
  width: 100%;
  background-color: white;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
  border-radius: 0.375rem;
  margin-top: 0.25rem;
  max-height: 15rem;
  overflow-y: auto;
}

.ex-country-options_header .ex-country-name_header{
    color: #1f2937;
    font-size: 0.875rem;
  }

.ex-country-option_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    cursor: pointer;
}

.ex-search-box_header {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    background-color: white;
    font-size: 0.875rem;
  }

  .ex-country-option_header:hover {
    background-color: #f3f4f6;
  }

  .ex-form__group_header{
    width:100%
  }

  .ex-error-message_header{ color: #ef4444; font-size: 0.75rem; margin-top: 0.25rem; display: flex; align-items: center; }
  .ex-error-message_header .material-icons { font-size: 0.75rem; margin-right: 0.25rem; }

  .ex-form-head__field{
    background-color: white;
  }

  .ex-message-header{
    padding: 12px;
    border-radius: 12px;
  }

  .header-button{
    height: 48px;
  }

  .contact-sales-button{
    background: linear-gradient(135deg, #E63946 0%, #B23A48 100%);
    border: 1px solid;
    border-image: linear-gradient(135deg, #B23A48 0%, #E63946 100%);
    border-radius: 6px;
  }

  .contact-sales-button:hover{
    background: linear-gradient(135deg, #B23A48 0%, #E63946 100%);
  }

  .btn-contact {
    padding: 10px 24px;
    background: transparent;
    color: #50802D;
    border: 2px solid #50802D;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-contact:hover {
    background: #50802D;
    color: white;
}

.btn-try {
    padding: 10px 24px;
    background: #dc2626;
    color: white;
    border: 2px solid #dc2626;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-try:hover {
    background: #b91c1c;
    border-color: #b91c1c;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.btn-nav-bar{
    font-size: 79%;
    padding: 2%;
}

/* .fixed-top{
    position: sticky;
} */

body{
    padding-top: unset;
}

.fixed-top{
    position: sticky;
    background: white;
}

body, html {
    overflow-x: unset !important;
}

.contact-premium {
    position: relative;
    padding: 90px 20px;
    overflow: hidden;
    background: #06526f;
    font-family: 'Lato', sans-serif;
  }

  /* Layered geometric background */
  .contact-premium::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 70% 80% at 110% 50%, rgba(80,128,45,0.35) 0%, transparent 60%),
      radial-gradient(ellipse 50% 60% at -10% 80%, rgba(80,128,45,0.2) 0%, transparent 55%);
    pointer-events: none;
  }

  /* Decorative large ring — top left */
  .contact-premium .deco-ring {
    position: absolute;
    top: -80px;
    left: -80px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.07);
    pointer-events: none;
  }

  /* Decorative smaller ring — bottom right */
  .contact-premium .deco-ring-2 {
    position: absolute;
    bottom: -60px;
    right: -60px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.07);
    pointer-events: none;
  }

  /* Vertical accent line */
  .contact-premium .deco-stripe {
    position: absolute;
    top: 0; bottom: 0;
    right: 18%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0.1) 60%, transparent);
    pointer-events: none;
  }

  .contact-premium .container {
    position: relative;
    z-index: 2;
  }

  /* ── Two-column layout ─────────────────────────────────────────── */
  .contact-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 60px;
    max-width: 960px;
    margin: 0 auto;
  }

  @media (max-width: 768px) {
    .contact-inner {
      grid-template-columns: 1fr;
      text-align: center;
      gap: 40px;
    }
    .contact-cta-col {
      display: flex;
      justify-content: center;
    }
    .contact-email-wrap {
      margin: 0 auto;
    }
    .contact-stats {
      justify-content: center;
    }
  }

  /* ── Left — Text content ───────────────────────────────────────── */
  .contact-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #a8d48a;
    margin-bottom: 18px;
  }

  .contact-label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 2px;
    background: #50802D;
    border-radius: 2px;
  }

  .contact-heading {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
  }

  .contact-heading span {
    color: #a8d48a;
  }

  .contact-subtext {
    font-size: 15px;
    color: rgba(255,255,255,0.65);
    line-height: 1.7;
    max-width: 420px;
    margin: 0 0 32px;
  }

  /* ── Email pill link ───────────────────────────────────────────── */
  .contact-email-wrap {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 100px;
    padding: 10px 20px 10px 10px;
    backdrop-filter: blur(6px);
    transition: background 0.25s, border-color 0.25s, transform 0.25s;
    text-decoration: none;
    max-width: fit-content;
  }

  .contact-email-wrap:hover {
    background: rgba(255,255,255,0.14);
    border-color: rgba(168,212,138,0.5);
    transform: translateY(-2px);
    text-decoration: none;
  }

  .contact-email-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #50802D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #fff;
  }

  .contact-email-text {
    display: flex;
    flex-direction: column;
  }

  .contact-email-tiny {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
    line-height: 1;
    margin-bottom: 2px;
  }

  .contact-email-addr {
    font-size: 14.5px;
    font-weight: 700;
    color: #a8d48a;
    line-height: 1.2;
    letter-spacing: 0.2px;
  }

  /* ── Right — CTA card ─────────────────────────────────────────── */
  .contact-cta-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 20px;
    padding: 36px 32px;
    text-align: center;
    min-width: 240px;
    backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
  }

  /* Green accent top strip */
  .contact-cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #50802D, #a8d48a);
    border-radius: 20px 20px 0 0;
  }

  .contact-cta-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: linear-gradient(135deg, #50802D, #3d6120);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    margin: 0 auto 18px;
    box-shadow: 0 8px 24px rgba(80,128,45,0.4);
  }

  .contact-cta-title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 6px;
  }

  .contact-cta-desc {
    font-size: 12.5px;
    color: rgba(255,255,255,0.5);
    margin: 0 0 22px;
    line-height: 1.5;
  }

  .contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #50802D;
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-decoration: none !important;
    padding: 12px 24px;
    border-radius: 10px;
    border: none;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 16px rgba(80,128,45,0.4);
  }

  .contact-btn:hover {
    background: #3d6120;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(80,128,45,0.5);
    text-decoration: none !important;
    color: #fff !important;
  }

  /* ── Trust stats ──────────────────────────────────────────────── */
  .contact-stats {
    display: flex;
    gap: 20px;
    margin-top: 36px;
    flex-wrap: wrap;
  }

  .contact-stat {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .contact-stat-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #50802D;
    flex-shrink: 0;
  }

  .contact-stat-text {
    font-size: 12.5px;
    color: rgba(255,255,255,0.5);
  }

  .contact-stat-text strong {
    color: rgba(255,255,255,0.85);
    font-weight: 700;
  }