.elementor-22344 .elementor-element.elementor-element-22ecd6e{--display:flex;}.elementor-22344 .elementor-element.elementor-element-2a7e2c6{--spacer-size:100px;}.elementor-22344 .elementor-element.elementor-element-3c90697{--display:flex;}.elementor-22344 .elementor-element.elementor-element-e837abc{--display:flex;}.elementor-22344 .elementor-element.elementor-element-121afca{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-b2daffe */:root{
      --bg:#ffffff;
      --text:#111827; /* slate-900 */
      --muted:#6b7280; /* gray-500 */
      --accent:#111827;
      --gap: clamp(16px, 3vw, 32px);
      --page-max: 1200px;
    }

    .case-study{
      margin-inline:auto;
      max-width: 1200px;
    }

    /* Header (logo + category) */
    .cs-header{
      display:flex; align-items:center; justify-content:space-between;
      font-size:14px; letter-spacing:.05em; text-transform:uppercase;
      color:var(--muted);
      margin-bottom: var(--gap);
    }
    .brand{display:flex; align-items:center; gap:.5rem; font-weight:600; color:var(--text)}
    .brand span.small{font-weight:500; color:var(--muted)}

    /* Two-column layout */
    .cs-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: var(--gap);
      align-items: stretch;
    }

    /* LEFT */
    .cs-left{
      /*background:#fff;*/
      padding: 0 15px 0 0;
      /*box-shadow: 0 10px 30px rgba(0,0,0,.06);*/
      display:flex; flex-direction:column; gap: clamp(16px, 2vw, 24px);
    }
    .cs-index{font-size: clamp(28px, 6vw, 56px); font-weight:800; margin:0}
    .cs-title{font-size: clamp(22px, 4vw, 40px); font-weight:700; letter-spacing:.01em; margin:0}

    .specs{display:grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap:6px; font-size:14px}
    .specs dt{color:var(--text); font-weight:700}
    .specs dd{margin:0; color:var(--muted)}

    .cs-desc{margin:0; color:#374151}

    .plan{
      margin-top:auto;
      background:#f8fafc; border:1px solid #e5e7eb; border-radius:5px;
      overflow:hidden;
    }
    .plan img{display:block; width:100%; height:auto}

    /* RIGHT */
    .cs-right{
      position:relative; overflow:hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
      min-height: 520px;
      background: #e5e7eb;
      display:grid; place-items:stretch;
    }
    aside.cs-right img {
    border-radius: 5px;
}
    .hero-img{width:100%; height:100%; object-fit:cover; display:block}
    .hero-badge{
      position:absolute; top:12px; right:12px; padding:6px 10px; font-size:12px;
      text-transform:lowercase; color:#fff; background: rgba(17,24,39,.6); backdrop-filter: blur(6px);
      border-radius:999px;
    }

    /* Tiny print style */
    @media print {
      .case-study{max-width:100%; padding:0}
      .cs-left, .cs-right{box-shadow:none}
    }

    /* Responsive */
    @media (max-width: 980px){
      .cs-grid{grid-template-columns: 1fr}
      .cs-right{min-height: 340px; padding-top:16px;}
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-246104b */.two-row-gallery img{
    border-radius: 5px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a471201 */.two-row-gallery .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width:1200px;
  margin:0 auto;
}

.two-row-gallery .row-1 img {
  width: 100%;
  height: auto;
  display: block;
}

.two-row-gallery .row-2 .col {
  flex: 1 1 25%; /* 4 columns on desktop */
  gap:16px;
  padding:16px 0;
}

.two-row-gallery .row-2 img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive: stack images on small screens */
@media (max-width: 768px) {
  .two-row-gallery .row-2 .col {
    flex: 1 1 100%; /* full width per image */
  }
}


.two-row-gallery .row-1 img {
  width: 100%;
  height: auto;
  display: block;
}
.row.row-2 {
    gap: 16px;
}

/*.two-row-gallery .row-2 .col {*/
  flex: 1 1 25%; /* 4 columns on desktop */
/*  padding: 5px;*/
/*}*/

.two-row-gallery .row-2 img {
  width: 100%;
  height: auto;
  display: block;
}
section.two-row-gallery img {
    border-radius:5px;
}

/* Responsive: stack images on small screens */
@media (max-width: 768px) {
  .two-row-gallery .row-2 .col {
    flex: 1 1 100%; /* full width per image */
  }
  .two-row-gallery .row-2 .col {
  padding: 0!important;
}
}/* End custom CSS */