.elementor-1197 .elementor-element.elementor-element-82dc1b3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ---------- STRUCTURAL REFINEMENTS ---------- */
/* C4+C5 form one continuous gradient CTA: hide the duplicate eyebrow on the button row. */
.cs1197-cta-btns::before{display:none !important;}
.cs1197-cta-btns{padding-top:0 !important;}
/* "What Changed" (2nd h2 in the Solution card) renders as a subheading. */
.cs1197-solution .elementor-widget-text-editor h2:nth-of-type(2){
  font-size:clamp(1.7rem,3.2vw,2.4rem) !important;
  margin-top:2.8rem !important;
}
/* Demo-note callout lives in the Solution card's text editor. */
.cs1197-solution .elementor-widget-text-editor em{
  display:block;
  background:#F0F9FF;
  border-left:4px solid #00E0FF;
  border-radius:0 14px 14px 0;
  padding:18px 22px;
  margin-top:28px;
  color:#33475F !important;
  font-size:.98rem;
  line-height:1.65;
}/* ===== Premium redesign — Case Study: Service Business + AI Follow-up (page 1197) ===== */
/* Scoped to cs1197-* classes, applied only to this page's containers. */
.cs1197-hero,
.cs1197-sec,
.cs1197-cta{
  --cs-navy:#0B1220;
  --cs-ink:#101C33;
  --cs-body:#3C4761;
  --cs-cyan:#00E0FF;
  --cs-blue:#2563EB;
  --cs-purple:#7C3AED;
  --cs-tint:#F2F6FF;
}
.cs1197-hero img,.cs1197-sec img,.cs1197-cta img{max-width:100%;}

/* ---------- HERO ---------- */
.cs1197-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(620px 620px at 88% 8%, rgba(0,224,255,.16), rgba(0,224,255,0) 65%),
    radial-gradient(760px 760px at 6% 100%, rgba(124,58,237,.22), rgba(124,58,237,0) 65%),
    linear-gradient(135deg,#0B1220 0%,#0D1830 52%,#1D1542 100%) !important;
  padding:clamp(84px,10vw,150px) 24px clamp(70px,8vw,120px) !important;
}
.cs1197-hero::before{
  content:"CASE STUDY \00B7 DEMO CONCEPT";
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  max-width:1120px;
  margin:0 auto 22px;
  color:#00E0FF;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
}
.cs1197-hero > *{
  width:100%;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.cs1197-hero h1{
  position:relative;
  z-index:1;
  color:#FFFFFF !important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:clamp(2.6rem,5.6vw,4.25rem);
  line-height:1.08;
  letter-spacing:-.5px;
  margin:0 0 22px;
}
.cs1197-hero .elementor-widget-text-editor{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.84) !important;
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  line-height:1.7;
}
.cs1197-hero .elementor-widget-text-editor p{margin:0;}

/* ---------- CONTENT BANDS + CARDS ---------- */
.cs1197-sec{
  position:relative;
  padding:clamp(60px,7vw,100px) 24px !important;
}
.cs1197-problem{background:#FFFFFF !important;}
.cs1197-solution{background:#F2F6FF !important;}
.cs1197-outcome{background:#FFFFFF !important;}
.cs1197-sec::after{
  content:"";
  position:absolute;
  top:clamp(30px,4vw,54px);
  bottom:clamp(30px,4vw,54px);
  left:max(18px,calc((100% - 1180px)/2));
  right:max(18px,calc((100% - 1180px)/2));
  background:#FFFFFF;
  border-radius:24px;
  box-shadow:0 18px 45px rgba(16,28,51,.08);
  transition:transform .3s ease,box-shadow .3s ease;
  pointer-events:none;
}
.cs1197-sec:hover::after{
  transform:translateY(-4px);
  box-shadow:0 30px 60px rgba(37,99,235,.16);
}
.cs1197-sec > *{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1010px;
  margin-left:auto;
  margin-right:auto;
  transition:transform .3s ease;
}
.cs1197-sec:hover > *{transform:translateY(-4px);}
.cs1197-sec::before{
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  max-width:1010px;
  margin:0 auto 16px;
  color:#00E0FF;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:13px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  transition:transform .3s ease;
}
.cs1197-sec:hover::before{transform:translateY(-4px);}
.cs1197-problem::before{content:"THE CHALLENGE";}
.cs1197-solution::before{content:"THE SOLUTION";}
.cs1197-outcome::before{content:"THE OUTCOME";}
.cs1197-sec h2{
  color:#101C33 !important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:clamp(2rem,4.2vw,3.1rem);
  line-height:1.12;
  letter-spacing:-.5px;
  margin:0 0 18px;
}
.cs1197-sec .elementor-widget-text-editor{
  color:#3C4761 !important;
  font-size:clamp(1.02rem,1.5vw,1.15rem);
  line-height:1.75;
}
.cs1197-sec .elementor-widget-text-editor p{margin:0 0 1em;}
.cs1197-sec .elementor-widget-text-editor p:last-child{margin-bottom:0;}
.cs1197-outcome .elementor-widget-text-editor em{
  display:block;
  background:#F0F9FF;
  border-left:4px solid #00E0FF;
  border-radius:0 14px 14px 0;
  padding:18px 22px;
  margin-top:28px;
  color:#33475F !important;
  font-size:.98rem;
  line-height:1.65;
}

/* ---------- FINAL CTA ---------- */
.cs1197-cta{
  display:block;
  position:relative;
  overflow:hidden;
  text-align:center;
  background:
    radial-gradient(620px 620px at 85% 15%, rgba(0,224,255,.28), rgba(0,224,255,0) 62%),
    radial-gradient(720px 720px at 10% 100%, rgba(255,255,255,.14), rgba(255,255,255,0) 60%),
    linear-gradient(135deg,#2563EB 0%,#4F46E5 55%,#7C3AED 100%) !important;
  padding:clamp(72px,9vw,130px) 24px !important;
}
.cs1197-cta::before{
  content:"GET STARTED";
  display:block;
  color:#00E0FF;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  margin:0 auto 20px;
}
.cs1197-cta h2{
  color:#FFFFFF !important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:clamp(2.2rem,4.8vw,3.6rem);
  line-height:1.1;
  letter-spacing:-.5px;
  max-width:900px;
  margin:0 auto 18px;
}
.cs1197-cta .elementor-widget-text-editor{
  color:rgba(255,255,255,.9) !important;
  font-size:clamp(1.05rem,1.6vw,1.2rem);
  line-height:1.7;
  max-width:660px;
  margin:0 auto 36px;
}
.cs1197-cta .elementor-widget-text-editor p{margin:0;}
.cs1197-cta .elementor-widget-button{
  display:inline-block;
  margin:8px;
  vertical-align:middle;
}

/* ---------- BUTTONS ---------- */
.cs1197-cta .elementor-button{
  font-family:'Montserrat',sans-serif !important;
  font-weight:700 !important;
  font-size:1.02rem;
  border-radius:999px !important;
  padding:17px 40px !important;
  line-height:1.4;
  transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease !important;
}
.cs1197-cta a.elementor-button:not([href*="wa.me"]){
  background:linear-gradient(135deg,#2563EB 0%,#00D1F5 100%) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 14px 30px rgba(20,60,180,.35);
}
.cs1197-cta a.elementor-button:not([href*="wa.me"]):hover,
.cs1197-cta a.elementor-button:not([href*="wa.me"]):focus-visible{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(0,180,230,.45);
  color:#FFFFFF !important;
}
.cs1197-cta a.elementor-button[href*="wa.me"]{
  background:rgba(255,255,255,.14) !important;
  color:#FFFFFF !important;
  border:2px solid rgba(255,255,255,.9) !important;
  box-shadow:none;
}
.cs1197-cta a.elementor-button[href*="wa.me"]:hover,
.cs1197-cta a.elementor-button[href*="wa.me"]:focus-visible{
  background:#FFFFFF !important;
  color:#2563EB !important;
  border-color:#FFFFFF !important;
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(9,20,60,.25);
}
.cs1197-cta a:focus-visible{outline:3px solid #00E0FF;outline-offset:3px;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:768px){
  .cs1197-sec::after{left:12px;right:12px;border-radius:18px;}
  .cs1197-hero::before,.cs1197-sec::before,.cs1197-cta::before{letter-spacing:2px;font-size:12px;}
}
@media (max-width:560px){
  .cs1197-cta .elementor-widget-button{display:block;max-width:440px;margin:10px auto;}
  .cs1197-cta .elementor-button{width:100%;}
  .cs1197-cta .elementor-button{padding:16px 28px !important;}
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
  .cs1197-sec::after,.cs1197-sec::before,.cs1197-sec > *,
  .cs1197-cta .elementor-button{transition:none !important;}
  .cs1197-sec:hover::after,.cs1197-sec:hover::before,.cs1197-sec:hover > *,
  .cs1197-cta .elementor-button:hover{transform:none !important;}
}
/* Tighten the button row: it continues the CTA gradient started above. */
.cs1197-cta.cs1197-cta-btns{padding-top:0 !important;}/* End custom CSS */