/* =================================================================
  TABLE OF CONTENTS
  -----------------------------------------------------------------
  1.0 Global & Typography
  2.0 Section & Container
  3.0 Header & Title Styles
  4.0 Card Styles
  5.0 Split Layout (Text/Image)
  6.0 Grid & List Styles
  7.0 Responsive Media Queries
================================================================= */

/* =================================================================
  1.0 Global & Typography
================================================================= */
:root {
  --kc-primary: #605dba;
  --kc-light: #f8f9fb;
  --kc-dark: #343f52;
  --kc-text: #60697b;
  --kc-border: #eef2f7;
  --kc-shadow: rgba(0, 0, 0, 0.06);
}

.karnataka-body {
  font-family: "Inter", sans-serif;
  color: var(--kc-text);
  background-color: #fff;
}

/* =================================================================
  2.0 Section & Container
================================================================= */
.kc-section {
  padding: 2.5rem 0;
  overflow: hidden;
}

.kc-section.bg-light {
  background-color: var(--kc-light);
}

.kc-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* =================================================================
  3.0 Header & Title Styles
================================================================= */
.kc-section-header {
  text-align: center;
  margin-bottom: 2rem;
}

.kc-section-header .kc-subtitle {
  text-transform: uppercase;
  color: var(--kc-primary);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.kc-section-header .kc-title {
  color: var(--kc-dark);
  font-size: 2.25rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.kc-section-header .kc-description {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.1rem;
}/* =================================================================
  4.0 Card Styles
================================================================= */
.kc-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.kc-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid var(--kc-border);
  box-shadow: 0 4px 12px var(--kc-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
}
.kc-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.kc-card-icon-wrapper {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.kc-card-icon {
  width: 2rem;
  height: 2rem;
}
.kc-card-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--kc-dark);
  margin-bottom: 0.75rem;
}
.kc-card-text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--kc-text);
}
/* =================================================================
  5.0 Split Layout (Text/Image)
================================================================= */


.kc-split-layout.reverse .kc-split-text {
  order: 2;
}

.kc-split-layout.reverse .kc-split-image {
  order: 1;
}

.kc-split-text .kc-subtitle {
  text-transform: uppercase;
  color: var(--kc-primary);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.kc-split-text h3.kc-split-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--kc-dark);
  margin-bottom: 1rem;
}

.kc-split-text h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--kc-dark);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.kc-split-text p {
  line-height: 1.7;
  margin-bottom: 1rem;
}

.kc-checklist {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
}

.kc-checklist li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
}

.kc-checklist li::before {
  content: '✓';
  font-family: 'Unicons';
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--kc-primary);
  font-weight: bold;
  background-color: #eef2ff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.kc-image-placeholder {
  width: 100%;
  height: 100%;
  min-height: 350px;
  background-color: #eef2ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #aab0bc;
  border: 2px dashed #d6dcf0;
}

.kc-image-placeholder span {
  background-color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
}
/* =================================================================
  6.0 Grid & List Styles
================================================================= */
.kc-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  text-align: center;
}

.kc-feature-item h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--kc-dark);
  margin-bottom: 0.5rem;
}

.kc-docs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.kc-doc-item {
  background-color: #ffffff;
  border: 1px solid var(--kc-border);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  color: var(--kc-dark);
  transition: all 0.3s ease;
  position: relative;
  padding-left: 2.5rem;
}

.kc-doc-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px var(--kc-shadow);
  border-color: var(--kc-primary);
}

.kc-doc-item::before {
  content: '✓';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--kc-primary);
  font-weight: bold;
}

/* CTA Section */
.kc-cta-section {
  padding: 4rem 0;
  background: linear-gradient(135deg, var(--kc-primary), #7b78e5);
  color: #ffffff;
  text-align: center;
}

.kc-cta-title {
  color: #ffffff;
  font-size: 2.25rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.kc-cta-text {
  color: #eef0ff;
  font-size: 1.1rem;
  max-width: 700px;
  margin: 0 auto 1rem;
  line-height: 1.7;
}

.kc-cta-text a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
}

.kc-cta-text a:hover {
  text-decoration: none;
}
/* =================================================================
  7.0 Responsive Media Queries
================================================================= */
@media (max-width: 992px) {
  .kc-section {
    padding: 3.5rem 0;
  }

  .kc-title {
    font-size: 2rem;
  }

  .kc-card-grid,
  .kc-feature-grid,
  .kc-docs-grid {
    grid-template-columns: 1fr;
  }

  .kc-split-layout,
  .kc-split-layout.reverse {
    grid-template-columns: 1fr;
  }

  .kc-split-layout.reverse .kc-split-text,
  .kc-split-layout .kc-split-text {
    order: 1;
  }

  .kc-split-layout.reverse .kc-split-image,
  .kc-split-layout .kc-split-image {
    order: 2;
  }
}

@media (max-width: 768px) {
  .kc-section {
    padding: 3rem 0;
  }

  .kc-section-header .kc-title {
    font-size: 1.75rem;
  }
  
  .kc-split-text h3.kc-split-title {
    font-size: 1.75rem;
  }

  .kc-cta-title {
    font-size: 1.75rem;
  }

  .kc-docs-grid {
    grid-template-columns: 1fr;
  }
}

/* =================================================================
  8.0 Hero Section Redesign & Fixes
================================================================= */

/* Main hero container: Establishes a centered, max-width context for the content. */
.hero-modern .hero-content-wrapper {
  display: grid;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 16px;
  align-items: center;
  gap: 2rem;
}

/* Left-aligns text content within the hero section for a cleaner look. */
.hero-modern .hero-text-container,
.hero-modern .hero-title,
.hero-modern .hero-subtitle {
  text-align: left;
}

/* Form container adjustments */
.hero-modern .hero-form-container {
  width: 100%;
}

/* 
  Core form styling: Overrides utility classes to ensure consistent design.
  Sets a white background, adds padding, a soft shadow, and rounded corners.
*/
.hero-modern .hero-form-container > div {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff !important;
  padding: 1.5rem !important;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  border: 1px solid #eef2f7;
}

/* =================================================================
  9.0 Hero Section Responsive
================================================================= */

/* Desktop Layout (lg and up) */
@media (min-width: 992px) {
  .hero-modern .hero-content-wrapper {
    grid-template-columns: 1fr 450px; /* Creates the two-column layout */
    gap: 4rem;
  }
}

/* Tablet & Mobile Layout (md and down) */
@media (max-width: 991px) {
  .hero-modern .hero-content-wrapper {
    padding: 3rem 16px;
    text-align: center; /* Center-aligns text for a better mobile view */
  }

  .hero-modern .hero-text-container,
  .hero-modern .hero-title,
  .hero-modern .hero-subtitle {
    text-align: center;
  }
  
  .hero-modern .hero-buttons {
    justify-content: center; /* Centers the CTA buttons */
  }

  .hero-modern .hero-form-container {
    margin-top: 2.5rem; /* Adds space between the text and form when stacked */
  }
}
/* ================================
   HOW IT’S DONE – PROCESS SECTION
================================ */

.how-its-done {
  padding: 3rem 1rem;
  background: #f8f9fc;
}

.how-its-done .container {
  max-width: 1200px;
  margin: auto;
}

/* Header */
.section-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 3rem;
}

.section-tag {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 1px;
  font-weight: 600;
  color: #605dba;
  margin-bottom: 0.6rem;
}

.section-header h2 {
  font-size: 2rem;
  color: #1f2340;
  margin-bottom: 0.6rem;
}

.section-header p {
  color: #60697b;
  font-size: 1rem;
}

/* Grid */
.process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
}

/* Card */
.process-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.4rem 1.3rem;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.process-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
}

.process-icon {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.process-card h4 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1f2340;
  margin-bottom: 0.4rem;
}

.process-card p {
  font-size: 0.95rem;
  color: #60697b;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 991px) {
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .process-grid {
    grid-template-columns: 1fr;
  }

  .how-its-done {
    padding: 3rem 1rem;
  }
}

/* ===============================
   DIGITAL & EASY – VISUAL UPGRADE
   CSS ONLY (NO HTML CHANGE)
================================ */

/* SECTION BASE */
.digital-easy,
.digital-easy-section {
  background: linear-gradient(180deg, #f8f9fc 0%, #ffffff 100%);
  padding: 3.5rem 1rem;
}

/* CONTAINER WIDTH CONTROL */
.digital-easy .container,
.digital-easy-section .container {
  max-width: 1200px;
  margin: auto;
}

/* CARD / COLUMN COMMON TARGET */
.digital-easy .card,
.digital-easy-section .card,
.digital-easy .feature-box,
.digital-easy-section .feature-box {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.6rem 1.4rem;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* HOVER EFFECT */
.digital-easy .card:hover,
.digital-easy-section .card:hover,
.digital-easy .feature-box:hover,
.digital-easy-section .feature-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(96,93,186,0.18);
}

/* GRADIENT ACCENT LINE (TOP) */
.digital-easy .card::before,
.digital-easy-section .card::before,
.digital-easy .feature-box::before,
.digital-easy-section .feature-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #605dba, #8b88ff);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.digital-easy .card:hover::before,
.digital-easy-section .card:hover::before,
.digital-easy .feature-box:hover::before,
.digital-easy-section .feature-box:hover::before {
  opacity: 1;
}

/* ICON / IMAGE ANIMATION */
.digital-easy img,
.digital-easy i,
.digital-easy svg {
  transition: transform 0.35s ease;
}

.digital-easy .card:hover img,
.digital-easy .card:hover i,
.digital-easy .card:hover svg {
  transform: scale(1.08) rotate(-1deg);
}

/* HEADINGS */
.digital-easy h3,
.digital-easy h4 {
  color: #1f2340;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

/* TEXT */
.digital-easy p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #60697b;
}

/* GRID TIGHTEN (REMOVE EXTRA GAPS) */
.digital-easy .row,
.digital-easy-section .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
  .digital-easy,
  .digital-easy-section {
    padding: 2.5rem 1rem;
  }

  .digital-easy .card,
  .digital-easy-section .card {
    padding: 1.4rem 1.2rem;
  }
}
/* =========================================
   WHAT IS A GAZETTE NAME CHANGE – UPGRADE
   CSS ONLY (NO HTML CHANGE)
========================================= */

/* SECTION WRAPPER */
.karnataka-foundation,
.what-is-gazette,
.gazette-meaning {
  background: #ffffff;
  padding: 3.5rem 1rem;
}

/* CENTER HEADING AREA */
.karnataka-foundation h2,
.what-is-gazette h2 {
  font-size: 2rem;
  font-weight: 800;
  color: #1f2340;
  margin-bottom: 0.6rem;
}

.karnataka-foundation > p,
.what-is-gazette > p {
  max-width: 760px;
  margin: 0 auto 2.8rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #60697b;
}

/* CARD GRID TIGHTEN */
.karnataka-foundation .row,
.what-is-gazette .row {
  --bs-gutter-x: 1.8rem;
  --bs-gutter-y: 1.8rem;
}

/* CARD STYLE */
.karnataka-foundation .card,
.what-is-gazette .card {
  background: #ffffff;
  border-radius: 18px;
  padding: 2rem 1.8rem;
  box-shadow: 0 14px 40px rgba(0,0,0,0.06);
  transition: all 0.35s ease;
  height: 100%;
  position: relative;
}

/* LEFT ACCENT STRIP (CORPORATE TOUCH) */
.karnataka-foundation .card::before,
.what-is-gazette .card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #605dba, #8b88ff);
  border-radius: 18px 0 0 18px;
  opacity: 0.85;
}

/* ICON CONTAINER */
.karnataka-foundation .card .icon,
.what-is-gazette .card .icon,
.karnataka-foundation .card img,
.what-is-gazette .card img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(96,93,186,0.1);
  margin-bottom: 1rem;
  transition: transform 0.35s ease;
}

/* CARD TITLE */
.karnataka-foundation .card h3,
.what-is-gazette .card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2340;
  margin-bottom: 0.5rem;
}

/* CARD TEXT */
.karnataka-foundation .card p,
.what-is-gazette .card p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #60697b;
}

/* HOVER EFFECT (SOFT & CORPORATE) */
.karnataka-foundation .card:hover,
.what-is-gazette .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 28px 70px rgba(96,93,186,0.18);
}

.karnataka-foundation .card:hover .icon,
.what-is-gazette .card:hover .icon,
.karnataka-foundation .card:hover img,
.what-is-gazette .card:hover img {
  transform: scale(1.08);
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
  .karnataka-foundation,
  .what-is-gazette {
    padding: 2.6rem 1rem;
  }

  .karnataka-foundation h2,
  .what-is-gazette h2 {
    font-size: 1.6rem;
  }

  .karnataka-foundation .card,
  .what-is-gazette .card {
    padding: 1.6rem 1.4rem;
  }
}
.kc-card,
.process-card,
.digital-easy .card {
  position: relative;
  overflow: hidden;
}
.kc-card::after,
.process-card::after,
.digital-easy .card::after {
  content: "";
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(96, 93, 186, 0.12),
    rgba(139, 136, 255, 0.12)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 0;
}
.kc-card:hover::after,
.process-card:hover::after,
.digital-easy .card:hover::after {
  opacity: 1;
}
.kc-card > *,
.process-card > *,
.digital-easy .card > * {
  position: relative;
  z-index: 1;
}
html, body{
  max-width: 100%;
  overflow-x: hidden;
}
.digital-easy,
.karnataka-section,
.how-its-done {
  max-width: 100%;
  overflow-x: hidden;
}
.kc-image-placeholder {
  width: 100%;
  max-width: 100%;
  min-height: 260px;
  height: auto;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .kc-section,
  .karnataka-section,
  .digital-easy,
  .how-its-done {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .kc-container,
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* =========================================================
   DIGITAL & EASY + TIMELINE – MOBILE & OVERFLOW FIX
   CSS ONLY | NO HTML CHANGE
========================================================= */

/* ------------------------
   GLOBAL MOBILE SAFETY
------------------------- */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================================================
   DIGITAL & EASY SECTION FIX
========================================================= */

.kc-section .kc-split-layout {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}

/* 50–50 desktop */
.kc-split-text,
.kc-split-image {
  flex: 0 0 50%;
  max-width: 50%;
}

/* image safety */
.kc-split-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

/* text compact */
.kc-split-text p {
  font-size: 0.95rem;
  line-height: 1.65;
}

/* =========================================================
   TIMELINE & INVESTMENT FIX
========================================================= */

.kc-section.bg-light .kc-split-layout {
  align-items: flex-start;
}

/* checklist overflow fix */
.kc-checklist {
  padding-left: 0;
  margin-top: 0.6rem;
}

.kc-checklist li {
  padding-left: 1.6rem;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* =========================================================
   MOBILE VIEW – MAIN FIX
========================================================= */

@media (max-width: 768px) {

  /* STACK PROPERLY */
  .kc-split-layout {
    flex-direction: column !important;
    gap: 1.6rem;
  }

  .kc-split-text,
  .kc-split-image {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* IMAGE CUT FIX */
  .kc-split-image img {
    max-height: 260px;
    object-fit: cover;
  }

  /* REMOVE EXTRA SIDE SPACE */
  .kc-section {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .kc-container {
    padding-left: 0;
    padding-right: 0;
  }

  /* TEXT SIZE OPTIMIZATION */
  .kc-split-title {
    font-size: 1.6rem;
  }

  .kc-split-text h4 {
    font-size: 1rem;
    margin-top: 1.1rem;
  }

  .kc-split-text p {
    font-size: 0.93rem;
  }
}

/* =========================================================
   SMALL MOBILE (EXTRA SAFE)
========================================================= */

@media (max-width: 480px) {

  .kc-split-title {
    font-size: 1.45rem;
  }

  .kc-split-image img {
    max-height: 220px;
  }
}
/* =========================================================
   KARNATAKA PAGE – FINAL HARD FIX
   Solves:
   ✔ Image overflow
   ✔ Mobile cut
   ✔ Grid / flex clash
   ✔ Padding / margin chaos
   ✔ Row–column issue (mam wala)
========================================================= */

/* ---------- GLOBAL SAFETY ---------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Images can NEVER overflow */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---------- SECTION NORMALIZATION ---------- */
.kc-section {
  width: 100%;
  overflow: hidden;
}

.kc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* ---------- SPLIT LAYOUT (ROW/COLUMN FIX) ---------- */
.kc-split-layout {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}

/* 50–50 desktop (mam wali baat yahin solve hoti hai) */
.kc-split-text,
.kc-split-image {
  flex: 0 0 50%;
  max-width: 50%;
}

/* ---------- IMAGE CONTAINER FIX ---------- */
.kc-split-image {
  width: 100%;
  overflow: hidden;
}

/* VERY IMPORTANT: remove nested growth */
.kc-split-image > img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain; /* DOCUMENT IMAGE SAFE */
  border-radius: 14px;
}

/* ---------- TIMELINE ALIGN ---------- */
.kc-section.bg-light .kc-split-layout {
  align-items: flex-start;
}

/* ---------- DOCUMENT LIST SAFETY ---------- */
.kc-checklist,
.kc-docs-grid {
  max-width: 100%;
}

/* ---------- MOBILE HARD FIX ---------- */
@media (max-width: 768px) {

  /* Stack layout */
  .kc-split-layout {
    flex-direction: column;
    gap: 1.5rem;
  }

  .kc-split-text,
  .kc-split-image {
    width: 100%;
    max-width: 100%;
  }

  /* IMAGE CUT FIX (THIS IS THE CORE) */
  .kc-split-image > img {
    max-height: 500px;
    object-fit: contain;
    margin: 0 auto;
  }

  /* Remove side overflow caused by containers */
  .kc-section {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .kc-container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------- SMALL MOBILE EXTRA SAFETY ---------- */
@media (max-width: 480px) {
  .kc-split-image > img {
    max-height: 220px;
  }
}