/*
Theme Name: Induxe Child
Theme URI: //demo.casethemes.net/induxe/
Author: CaseThemes
Author URI: //themeforest.net/user/case-themes/portfolio
Description: Induxe is Unique, clean, modern and professional Sass Landing WordPress Theme. Induxe is built with Bootstrap 4, Redux Framework and WPBakery Page Builder, the best page builder on the market you can use today. Induxe is Compatible with Desktop, Laptop, Tablet, Mobile has been tested on real devices. It’s well organized, customizable and very easy to use.  
Version: 2.5
License: ThemeForest
License URI: //themeforest.net/licenses
Template: induxe
Text Domain: induxe-child
Tags: creative agency, design agency, digital marketing, digital marketing agency, marketing agency, marketing expert, PPC, seo, seo agency, SEO Marketing, SMM, Social Marketing, social media
*/
/* ===========================
   Leatherex UI (Light Theme)
   Root namespace: .lfx
   =========================== */

.lfx{
  --lfx-bg:#ffffff;          /* page background */
  --lfx-bg2:#f6f8fb;         /* light section tint / hero wash */
  --lfx-card:#ffffff;        /* card background */
  --lfx-border:#e6e9ef;      /* soft borders */
  --lfx-muted:#5b6371;       /* secondary text */
  --lfx-text:#1b2330;        /* primary text */
  --lfx-brand:#ffb200;       /* accent */
  --lfx-eco:#2bb673;         /* eco accent */
  --lfx-max:1100px;
  --lfx-r:18px;
  --lfx-sh:0 8px 24px rgba(16,24,40,.06);  /* light shadow */
  color:var(--lfx-text);
  background:var(--lfx-bg);
}
.lfx *{box-sizing:border-box}

/* Layout */
.lfx .lfx-container{max-width:var(--lfx-max);margin:auto;padding:0 20px}
.lfx .lfx-grid{display:grid;gap:24px}
.lfx .lfx-grid-2{grid-template-columns:1fr}
.lfx .lfx-grid-3{grid-template-columns:1fr}
@media(min-width:900px){
  .lfx .lfx-grid-2{grid-template-columns:1fr 1fr}
  .lfx .lfx-grid-3{grid-template-columns:repeat(3,1fr)}
}

.lfx .lfx-section{padding:64px 0;background:var(--lfx-bg)}
.lfx .lfx-section-sm{padding:40px 0}

/* Cards */
.lfx .lfx-card{
  background:var(--lfx-card);
  border:1px solid var(--lfx-border);
  border-radius:var(--lfx-r);
  padding:24px;
  box-shadow:var(--lfx-sh)
}
.lfx .lfx-card-tight{padding:18px}

/* Hero (light wash) */
.lfx .lfx-hero{
  position:relative; padding:96px 0 72px; overflow:hidden;
  background:
    radial-gradient(900px 500px at 10% -20%, rgba(255,178,0,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 120%, rgba(43,182,115,.10), transparent 60%),
    var(--lfx-bg2);
  border-bottom:1px solid var(--lfx-border);
}
.lfx .lfx-hero-title{
  margin:0 0 12px;
  font-size:clamp(28px,4vw,44px);
  line-height:1.1; letter-spacing:.2px; color:var(--lfx-text)
}
.lfx .lfx-lead{
  color:var(--lfx-muted);
  font-size:clamp(16px,2.2vw,19px);
  margin:8px 0 0; max-width:740px
}
.lfx .lfx-kicker{
  display:inline-block; padding:6px 10px; border-radius:999px;
  background:rgba(255,178,0,.12);
  border:1px solid rgba(255,178,0,.35);
  color:#8a5a00; font-weight:600; letter-spacing:.3px; font-size:12px; text-transform:uppercase
}

/* Headings & text helpers */
.lfx .lfx-h2{font-size:clamp(22px,3.2vw,30px); margin:0 0 6px; color:var(--lfx-text)}
.lfx .lfx-sub{color:var(--lfx-muted); margin:0 0 20px}
.lfx .lfx-small{font-size:14px; color:var(--lfx-muted)}

/* Lists with checkmarks */
.lfx .lfx-list{display:grid; gap:14px; padding:0; margin:0; list-style:none}
.lfx .lfx-list li{display:grid; grid-template-columns:28px 1fr; gap:12px; align-items:flex-start}
.lfx .lfx-list li::before{
  content:"✔"; display:inline-grid; place-items:center; width:28px; height:28px;
  border-radius:50%; background:rgba(43,182,115,.12); border:1px solid rgba(43,182,115,.35);
  color:#137a4c; font-size:14px; line-height:1
}

/* Pills (countries etc.) */
.lfx .lfx-pills{display:flex; flex-wrap:wrap; gap:10px}
.lfx .lfx-pill{
  padding:8px 12px; border-radius:999px;
  background:#f3f5f9; border:1px solid var(--lfx-border); color:var(--lfx-text)
}

/* Stats */
.lfx .lfx-stats{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
@media(min-width:700px){.lfx .lfx-stats{grid-template-columns:repeat(2,1fr)}}
.lfx .lfx-stat{
  text-align:center; padding:18px; border-radius:14px;
  background:#f9fbff; border:1px solid var(--lfx-border)
}
.lfx .lfx-stat b{display:block; font-size:28px; color:#0f1728}
.lfx .lfx-stat span{color:var(--lfx-muted); font-size:13px}

/* Badges */
.lfx .lfx-badges{display:flex; gap:12px; flex-wrap:wrap}
.lfx .lfx-badge{
  padding:8px 10px; border-radius:10px; font-size:13px;
  background:#f3f5f9; border:1px solid var(--lfx-border); color:var(--lfx-text)
}
.lfx .lfx-badge-eco{
  background:rgba(43,182,115,.10);
  border-color:rgba(43,182,115,.35);
  color:#0e6f47
}

/* Timeline */
.lfx .lfx-tl{position:relative; padding-left:22px}
.lfx .lfx-tl::before{
  content:""; position:absolute; left:8px; top:0; bottom:0; width:2px; background:var(--lfx-border)
}
.lfx .lfx-tl-item{position:relative; padding:10px 0 10px 14px}
.lfx .lfx-tl-item::before{
  content:""; position:absolute; left:-3px; top:18px; width:10px; height:10px; border-radius:50%;
  background:var(--lfx-brand); box-shadow:0 0 0 3px rgba(255,178,0,.25)
}

/* Process steps */
.lfx .lfx-step{display:grid; grid-template-columns:56px 1fr; gap:14px; align-items:flex-start}
.lfx .lfx-step-num{
  width:56px; height:56px; border-radius:14px; display:grid; place-items:center;
  background:#f3f5f9; border:1px solid var(--lfx-border); font-weight:700; font-size:18px; color:#0f1728
}

/* Tables */
.lfx .lfx-table{
  width:100%; border-collapse:collapse; overflow:hidden; border-radius:14px; box-shadow:var(--lfx-sh)
}
.lfx .lfx-table th,.lfx .lfx-table td{
  padding:14px 16px; border-bottom:1px solid var(--lfx-border); text-align:left; color:var(--lfx-text)
}
.lfx .lfx-table th{background:#f7f9fc; font-weight:600}
.lfx .lfx-table tr:last-child td{border-bottom:none}

/* Buttons */
.lfx .lfx-cta{
  margin-top:28px; display:inline-block; text-decoration:none; color:#111827;
  background:linear-gradient(180deg,#ffd473,#ffb200);
  padding:12px 18px; font-weight:700; border-radius:12px;
  box-shadow:0 6px 16px rgba(255,178,0,.35)
}
.lfx .lfx-cta--ghost{
  background:#ffffff; color:#111827; border:1px solid var(--lfx-border)
}

/* Dividers */
.lfx .lfx-sep{
  border:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--lfx-border),transparent);
  margin:36px 0
}


.lfx .lfx-card-tight svg,
.lfx .lfx-card-tight i {
  display:inline-block;
  margin-bottom:8px;
  transition:transform .3s ease;
}
.lfx .lfx-card-tight:hover svg,
.lfx .lfx-card-tight:hover i {
  transform:scale(1.1);
}
.lfx .lfx-filter-btn.active{background:var(--lfx-eco);color:#fff;border-color:var(--lfx-eco)}