.elementor-8023 .elementor-element.elementor-element-c4921d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 100px;--row-gap:20px;--column-gap:100px;--flex-wrap:nowrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8023 .elementor-element.elementor-element-c4921d4:not(.elementor-motion-effects-element-type-background), .elementor-8023 .elementor-element.elementor-element-c4921d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3F1;}.elementor-8023 .elementor-element.elementor-element-02918e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-b642fc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8023 .elementor-element.elementor-element-b642fc4 .elementor-heading-title{font-family:"bricolage-grotesque-48", Sans-serif;font-size:53px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8023 .elementor-element.elementor-element-a14805c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 100px;--row-gap:20px;--column-gap:100px;--flex-wrap:nowrap;--padding-top:0em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-8023 .elementor-element.elementor-element-983e4e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-6fe88ab{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-f59446d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-e616467{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-8d50803{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-e24f6a8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-b1f8986{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-f550445{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-51c75b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-ac95ce5{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-3e5911d{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-dad4feb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-c8a2f4c{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-038bbe2{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-be89985{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-94933b1{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-e4e0c34{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-50da5b1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-1aa7bb5{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-358c68b{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-319dc4f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-e297125{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-29cf5ac{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-741ae9e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-fb172e7{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-9ac24ca{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-b473d9f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-3264e3e{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-76eebd0{padding:0px 0px 0px 0px;}.elementor-8023 .elementor-element.elementor-element-dbe6f1d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8023 .elementor-element.elementor-element-538f51a{padding:0px 0px 10px 0px;}.elementor-8023 .elementor-element.elementor-element-6fa5211{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-8023 .elementor-element.elementor-element-c4921d4{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--flex-wrap:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-8023 .elementor-element.elementor-element-b642fc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-8023 .elementor-element.elementor-element-b642fc4 .elementor-heading-title{font-size:37px;}.elementor-8023 .elementor-element.elementor-element-a14805c{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--flex-wrap:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-8023 .elementor-element.elementor-element-c4921d4{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:35px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-8023 .elementor-element.elementor-element-b642fc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-8023 .elementor-element.elementor-element-b642fc4 .elementor-heading-title{font-size:25px;}.elementor-8023 .elementor-element.elementor-element-a14805c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:35px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-8023 .elementor-element.elementor-element-c4921d4{--content-width:1350px;}.elementor-8023 .elementor-element.elementor-element-02918e2{--width:56%;}.elementor-8023 .elementor-element.elementor-element-a14805c{--content-width:1350px;}.elementor-8023 .elementor-element.elementor-element-983e4e0{--width:25%;}.elementor-8023 .elementor-element.elementor-element-6fe88ab{--width:52%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8023 .elementor-element.elementor-element-02918e2{--width:100%;}.elementor-8023 .elementor-element.elementor-element-983e4e0{--width:100%;}.elementor-8023 .elementor-element.elementor-element-6fe88ab{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-c4921d4 *//* ============================================================
   KIJO DIGITAL — TRAVEL / TOUR OPERATOR PAGE · GLOBAL CSS
   ------------------------------------------------------------
   WHERE TO PASTE:
   Elementor (top-left hamburger) → Site Settings → Custom CSS
   …or, for this page only: Edit page → Page Settings (gear,
   bottom-left) → Advanced → Custom CSS.

   HOW THE CLASSES ARE USED:
   You add the short class name to a widget in its
   Advanced tab → "CSS Classes" field. e.g. put  k-title  on
   every section Heading, k-eyebrow on the small label, k-sub
   on the intro paragraph. The card sections (k-compare, k-feat,
   k-io) come from the HTML snippets file — paste those into an
   "HTML" widget and this CSS styles them automatically.

   NOTE: keep the @import on the FIRST line or the fonts won't load.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ---------- 1. DESIGN TOKENS ---------- */
:root{
  --k-bg:#F5F2EC;
  --k-bg-2:#FBF9F3;
  --k-surface:#FFFFFF;
  --k-ink:#161611;
  --k-ink-2:#3A352F;
  --k-muted:#6B655C;
  --k-line:#E6E0D2;
  --k-pos:#2E7D55;
  --k-neg:#B4503F;
  --k-dark:#141210;
  --k-on-dark:#F2EEE6;
  --k-gold:#C68A2E;
  --k-r:18px;
  --k-display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --k-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --k-mono:'Space Mono',ui-monospace,monospace;
}

/* =========================================================
   2. REUSABLE HELPER CLASSES  (add via widget → CSS Classes)
   ========================================================= */

/* --- k-eyebrow : the small mono label above every title --- */
.k-eyebrow,
.k-eyebrow .elementor-heading-title,
.k-eyebrow .elementor-icon-list-text,
.k-eyebrow .elementor-widget-container{
  font-family:var(--k-mono)!important;
  font-size:.72rem!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--k-muted)!important;
}

/* --- k-title : ONE class for EVERY section heading --- */
.k-title,
.k-title .elementor-heading-title{
  letter-spacing:-.02em!important;
  line-height:1.04!important;
  color:var(--k-ink)!important;
  font-size:clamp(1.8rem,3.4vw,2.7rem)!important;
}
/* bigger variant for the hero H1 — add  k-title k-title--xl  */
.k-title--xl,
.k-title--xl .elementor-heading-title{
  font-size:clamp(2.2rem,4.6vw,3.6rem)!important;
}

/* --- k-sub : the intro paragraph under a title --- */
.k-sub,
.k-sub p,
.k-sub .elementor-widget-container{
  color:var(--k-ink-2)!important;
  font-size:1.02rem!important;
  line-height:1.65!important;
}

/* --- k-center : center a title block (optional) --- */
.k-center{ text-align:center!important; }
.k-center .elementor-widget-container{ margin-left:auto; margin-right:auto; }

/* --- k-def / k-key : the Definition & Key-takeaway boxes --- */
.k-def, .k-key{
  border:1px solid var(--k-line);
  border-radius:14px;
  padding:22px 26px;
  max-width:860px;
  margin:0 auto;
}
.k-def{ background:var(--k-surface); border-left:3px solid var(--k-pos); }
.k-key{ background:var(--k-bg-2); }
.k-def .elementor-heading-title,
.k-key .elementor-heading-title{
  font-family:var(--k-mono)!important; font-size:.68rem!important;
  letter-spacing:.12em!important; text-transform:uppercase!important;
  font-weight:400!important; margin-bottom:8px!important;
}
.k-key .elementor-heading-title{ color:var(--k-pos)!important; }
.k-def .elementor-heading-title{ color:var(--k-muted)!important; }

/* =========================================================
   3. COMPONENT: COMPARISON CARD  (The specialist difference)
   Paste the matching HTML into an HTML widget.
   ========================================================= */
.k-compare{
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--k-r);padding:clamp(28px,4vw,48px);
  max-width:1000px;margin:0 auto;
  box-shadow:0 24px 56px -44px rgba(20,18,16,.4);
  font-family:var(--k-body);
}
.k-compare__cols{ display:grid;grid-template-columns:1fr 1fr;gap:40px; }
.k-compare__label{
  font-family:var(--k-mono);font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:8px;
}
.k-compare__col--no  .k-compare__label{ color:var(--k-neg); }
.k-compare__col--yes .k-compare__label{ color:var(--k-pos); }
.k-compare__col ul{ list-style:none;margin:0;padding:0; }
.k-compare__col li{
  display:flex;gap:12px;align-items:flex-start;
  padding:13px 0;border-top:1px solid var(--k-line);
  font-size:.95rem;color:var(--k-ink-2);line-height:1.5;
}
.k-compare__col li:first-child{ border-top:0; }
.k-mark{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;font-size:.7rem;font-weight:700;margin-top:1px;
}
.k-mark--no{ background:rgba(180,80,63,.12);color:var(--k-neg); }
.k-mark--yes{ background:rgba(46,125,85,.14);color:var(--k-pos); }
@media(max-width:900px){ .k-compare__cols{ grid-template-columns:1fr;gap:26px; } }

/* =========================================================
   4. COMPONENT: FEATURES GRID  (Features every travel website needs)
   ========================================================= */
.k-feat{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:1040px;margin:0 auto;font-family:var(--k-body);
}
.k-feat__item{
  display:flex;gap:12px;background:var(--k-surface);
  border:1px solid var(--k-line);border-radius:12px;padding:16px 18px;
}
.k-feat__item .k-tick{
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  background:rgba(46,125,85,.14);color:var(--k-pos);
  display:grid;place-items:center;font-size:.64rem;font-weight:700;margin-top:2px;
}
.k-feat__item b{
  font-family:var(--k-display);font-weight:600;font-size:.92rem;
  color:var(--k-ink);display:block;
}
.k-feat__item span{
  font-size:.8rem;color:var(--k-muted);display:block;margin-top:2px;
}
@media(max-width:900px){ .k-feat{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .k-feat{ grid-template-columns:1fr; } }

/* =========================================================
   5. COMPONENT: SERVICES GRID  (What we build – and why it works)
   Each row is a clickable link.
   ========================================================= */
.k-io{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--k-line);border:1px solid var(--k-line);
  border-radius:var(--k-r);overflow:hidden;max-width:1040px;margin:0 auto;
}
.k-io__row{
  background:var(--k-bg-2);display:grid;grid-template-columns:52px 1fr;
  gap:16px;padding:26px 28px;text-decoration:none;transition:background .2s ease;
}
.k-io__row:hover{ background:var(--k-surface); }
.k-io__no{ font-family:var(--k-mono);font-size:.8rem;color:var(--k-pos);padding-top:2px; }
.k-io__b h4{
  font-family:var(--k-display);font-weight:700;font-size:1.05rem;
  letter-spacing:-.01em;color:var(--k-ink);margin:0 0 6px;
}
.k-io__b p{ font-family:var(--k-body);font-size:.9rem;color:var(--k-muted);margin:0;line-height:1.55; }
@media(max-width:820px){ .k-io{ grid-template-columns:1fr; } }

/* =========================================================
   6. COMPONENT: INTEGRATION TAGS  (optional)
   ========================================================= */
.k-tags{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  max-width:840px;margin:0 auto;font-family:var(--k-mono);
}
.k-tags span{
  font-size:.74rem;letter-spacing:.03em;color:var(--k-ink-2);
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:999px;padding:.6em 1.05em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a14805c *//* ============================================================ */
/* KIJO DIGITAL — Numbered content section                      */
/* ============================================================ */

.kj-lead {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: 1.05rem;
  color: #3A352F;
  margin: 0 0 8px;
  line-height: 1.65;
}

.kj-section {
  padding-top: 38px;
  margin-top: 38px;
  border-top: 1px solid #E6DFD4;
}

.kj-section:first-of-type {
  border-top: 0;
  margin-top: 26px;
  padding-top: 0;
}

/* Target the widget wrapper AND its inner <p> so this beats
   the more generic ".kj-section p" rule below (higher specificity,
   not order-dependent). */
.kj-section .kj-section__no,
.kj-section .kj-section__no p {
  font-family: 'Space Mono', ui-monospace, SFMono-Regular, monospace;
  font-size: .74rem;
  color: #C68A2E;
  letter-spacing: .1em;
  line-height: 1.4;
  margin: 0 0 8px;
}

.kj-section h2 {
  font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.08;
  font-size: 1.4rem;
  color: #15120F;
  margin: 0 0 14px;
}

.kj-section p {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  color: #3A352F;
  font-size: .98rem;
  line-height: 1.65;
  margin: 0 0 14px;
}

.kj-section p:last-child {
  margin-bottom: 0;
}/* End custom CSS */