.elementor-41085 .elementor-element.elementor-element-e1a6932{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-6af3be6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-61e90be{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-dfe14bf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-051ce67{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-f551548{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-42b618d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-bffddc4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-343da3d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41085 .elementor-element.elementor-element-5e4c624{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-41085:not(.elementor-motion-effects-element-type-background), body.elementor-page-41085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-41085 .elementor-element.elementor-element-42b618d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-ea4f305 *//* ==================================================
   Hero Section
================================================== */
.page-title {
  transition: opacity 1s ease-in-out;
}

/* ==================================================
   TYPOGRAPHY SYSTEM — Standardized with !important
================================================== */
body {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.page-title {
  color: #303669 !important;
  font-weight: 800 !important;
}

.lp-section-title {
  font-size: 30px !important;
  margin-bottom: 30px !important;
  text-align: center !important;
}

.subheadline {
  font-size: 19px !important;
  color: #333 !important;
  line-height: 1.6 !important;
  margin-bottom: 40px !important;
  text-align: center !important;
}

.section-text,
.card-text,
.feature-text p {
  font-size: 16px !important;
  color: #555 !important;
  line-height: 1.6 !important;
}

.cta-note {
  font-size: 14px !important;
  color: #c8cce5 !important;
}

.testimonial-text {
  font-size: 16px !important;
  color: #333 !important;
  line-height: 1.6 !important;
}

.testimonial-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

.testimonial-name span {
  font-size: 14px !important;
  color: #666 !important;
}

@media (max-width: 600px) {
  .lp-section-title {
    font-size: 24px !important;
  }

  .subheadline {
    font-size: 17px !important;
  }

  .section-text,
  .card-text,
  .feature-text p,
  .testimonial-text {
    font-size: 15px !important;
  }
}

/* ==================================================
   HERO SECTION — Intro & Value Cards
================================================== */
.hero-section {
  padding: 100px 20px;
  background-color: #FCFCFC;
  text-align: center;
}

.hero-content {
  max-width: 850px;
  margin: 0 auto;
}

.hero-section h1 {
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #111;
}

/* ==================================================
   Container
================================================== */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: stretch; /* equal height cards */
  margin-bottom: 34px;
}

/* ==================================================
   Card
================================================== */
.value-card {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 14px;
  padding: 20px; /* equal padding all around */
  flex: 1 1 240px; /* responsive width */
  max-width: 320px; /* default cap */
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.value-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: #ddd;
}
.value-card:active { transform: translateY(-1px); }
.value-card:focus-within {
  outline: 3px solid rgba(245,166,35,.35);
  outline-offset: 2px;
}

/* ==================================================
   Icon
================================================== */
.card-icon {
  font-size: 30px;
  margin-bottom: 10px;
  line-height: 1;
}
.card-icon svg { display: block; margin: 0 auto; }

/* ==================================================
   Text & Lists
================================================== */
.card-text {
  font-size: 16px;
  color: #333;
  line-height: 1.55;
}

.value-card .card-text strong {
  display: block;
  font-weight: 800;
  font-size: 18px;     /* bigger than body text */
  margin-bottom: 12px; /* more breathing room */
  color: #111;         /* keep dark for contrast */
}


.value-card .card-text ul {
  margin: 0; /* remove top gap under title */
  padding-left: 18px; /* neat native bullets */
  text-align: left;   /* easier to scan */
}

.value-card .card-text li {
  margin: 8px 0; /* comfortable vertical spacing between bullets */
}

/* Before card bullet color */
.card-container > .value-card:first-child .card-text li::marker { color: #b3261e; }
/* After card bullet color */
.card-container > .value-card:last-child  .card-text li::marker { color: #18794e; }

/* ==================================================
   Equal-width fix for before/after rows
================================================== */
.card-container:has(.transition-arrow) .value-card {
  flex: 1 1 0;       /* both grow equally */
  max-width: none;   /* remove 320px cap */
}
.card-container:has(.transition-arrow) .transition-arrow {
  flex: 0 0 40px;    /* fixed arrow space */
}




/* ==================================================
   Middle arrow (CSS-controlled)
================================================== */
.transition-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #555;
  padding: 0;
  min-width: 34px;
}
.transition-arrow::before { content: "→"; }
@media (max-width: 860px) {
  .transition-arrow::before { content: "↓"; }
}

/* ==================================================
   Mobile tweaks
================================================== */
@media (max-width: 860px) {
  .card-container { gap: 14px; }
  .value-card { flex: 1 1 100%; max-width: 100%; }
  .transition-arrow { flex: 0 0 auto; font-size: 1.6rem; padding: 4px 0; }
}

/* ==================================================
   Reduced motion
================================================== */
@media (prefers-reduced-motion: reduce) {
  .value-card,
  .cta-button-hero { transition: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1a6932 */=====================================
   Cards / Posts
===================================== */
/* Warna hover judul post */
.elementor-46599 .elementor-element.elementor-element-2fe1a68 .elementor-post__title a:hover {
  color: #ff3e81;
}

/* CTA buttons: works for custom + Elementor */
.cta-button-hero,
.elementor-button-wrapper :is(a.elementor-button, .elementor-button, button.elementor-button) {
  display: inline-block;
  padding: 20px 40px;
  height: 60px;
  border: 2px solid rgb(48,54,105);
  border-radius: 10px;
  background: rgb(58,136,236);
  color: #fff;
  font: 500 16px/16px Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color .25s ease, box-shadow .25s ease;
}


/* Hover */

.cta-button-hero:hover,
.elementor-button-wrapper :is(a.elementor-button, .elementor-button, button.elementor-button):hover {
  background-color: #ff3e81;
  color: #fff;
  box-shadow: 0 10px 24px rgba(79,128,225,.22);
}

/* Keep border & white text on all states*/ 
.cta-button-hero:focus,
.cta-button-hero:active,
.cta-button-hero:visited,
.elementor-button-wrapper :is(a.elementor-button, .elementor-button, button.elementor-button):is(:focus, :active, :visited) {
  border: 2px solid rgb(48,54,105);
  color: #fff;
  outline: none;
}


/* Accessible focus ring */
.cta-button-hero:focus-visible,
.elementor-button-wrapper :is(a.elementor-button, .elementor-button, button.elementor-button):focus-visible {
  box-shadow: 0 0 0 3px rgba(79,128,225,.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4bea18 *//* ======================================
   ABOUT SECTION — Tentang Saya
====================================== */
.about-section {
  background-color: #ffffff;
  padding: 100px 20px;
}

.about-container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 30px;
}

.about-text {
  flex: 1;
  text-align: center;
  max-width: 700px;
}

.about-text .lp-section-title {
  margin-bottom: 24px;
  text-align: center;
}

.about-text .section-text {
  color: #555;
  font-size: 16px !important;
  line-height: 1.6;
  text-align: center;
}

.about-image {
  flex: 1;
  text-align: center;
  margin-top: 30px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.about-image img {
  max-width: 100%;
  max-height: 460px;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
}

.image-caption {
  font-size: 14px;
  color: #777;
  margin-top: 10px;
  font-style: italic;
}

/* Desktop Layout */
@media (min-width: 900px) {
  .about-container {
    flex-direction: row;
    align-items: center;
    gap: 60px;
  }

  .about-text {
    text-align: left;
  }

  .about-text .lp-section-title {
    text-align: left !important;
  }

  .about-text .section-text {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4683f04 *//* ==================================================
   Alur Kerja — Polished UI/UX (3 cards)
================================================== */
:root{
  --workflow-bg:#f7f8fc;
  --card-bg:#fff;
  --ink-1:#111;
  --ink-2:#56585f;
  --border:#e9e9f1;
  --shadow:0 4px 16px rgba(10,22,70,.06);
  --shadow-hover:0 10px 28px rgba(10,22,70,.12);
  --brand:#303669;
  --accent:#3a88ec;
}

/* Section (limit whole section width) */
.workflow-section{
  padding:88px 0;
  max-width:1140px;
  margin:0 auto;
}
.workflow-section .container{
  max-width:100%;
  margin:0 auto;
  text-align:center;
  box-sizing:border-box;
  padding-inline: clamp(16px, 4vw, 24px);
}

/* Grid: 3 columns on desktop, 2 on tablets, 1 on mobile */
.workflow-timeline{
  display:grid;
  grid-template-columns: repeat(3, minmax(280px,1fr));
  gap:26px;
  margin-top:18px;
  position:relative;
}

/* Card */
.workflow-step{
  position:relative;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  text-align:center;
  padding:22px 20px 20px;
  display:flex; flex-direction:column; align-items:center;
  min-height:230px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  opacity:0; transform: translateY(6px);
  animation: wf-fade .5s ease forwards;
}
.workflow-step:nth-child(2){ animation-delay:.05s; }
.workflow-step:nth-child(3){ animation-delay:.10s; }

@keyframes wf-fade{ to{ opacity:1; transform:none; } }

.workflow-step:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  border-color:#ddd;
}
.workflow-step:focus-within{
  outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);
  outline-offset:2px;
}

/* Decorative top accent */
.workflow-step::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:4px; border-radius:16px 16px 0 0;
  background: linear-gradient(90deg, var(--accent), var(--brand));
  opacity:.85;
}

/* Hide legacy number bubble */
.step-icon{ display:none; }

/* Title & copy */
.step-title{
  font-size:18px; font-weight:800; color:var(--ink-1);
  margin:4px 0 10px;
}
.workflow-step p{
  font-size:15px; line-height:1.65; color:var(--ink-2);
  margin:0; max-width:34ch;
}

/* Desktop arrows between cards (only on wide screens) */
@media (min-width:1280px){
  .workflow-step:not(:last-child)::after{
    content:"";
    position:absolute; top:50%; right:-18px; transform: translateY(-50%);
    border-width: 7px 0 7px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #cfd3df;
  }
}

/* Responsiveness */
@media (max-width:1279px){
  .workflow-timeline{ grid-template-columns: repeat(2, minmax(260px,1fr)); gap:24px; }
  .workflow-step::after{ display:none; } /* hide arrows when wrapping */
}
@media (max-width:900px){
  .workflow-timeline{ grid-template-columns: 1fr; }
}
@media (max-width:560px){
  .workflow-section{ padding:72px 0; }
  .workflow-timeline{ gap:20px; }
  .step-title{ font-size:17px; }
  .workflow-step p{ font-size:14.5px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .workflow-step{ transition:none; animation:none; opacity:1; transform:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0520948 *//* ============================
   Fit Client Section (Final Flexbox)
=============================== */
:root {
  --fit-bg: #fafbff;
  --ink-1: #111;
  --ink-2: #555;
  --border: #eceef7;
  --ok: #18794e;
  --cta: #3a88ec;
}

section.fit-client-section ul.fit-client-list {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 16px auto;
  grid-template-columns: 1fr;
  box-sizing: border-box;
}


/* Section wrapper */
.fit-client-section {
  background: var(--fit-bg);
  padding: 80px 0;
}

/* Responsive container */
.fit-client-section .container {
  max-width: 1100px;
  margin: 0 auto;
  padding-inline: clamp(16px, 4vw, 40px);
  box-sizing: border-box;
}

/* Flex layout */
.fit-client-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

/* Illustration area */
.fit-client-illustration {
  flex: 1 1 360px;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fit-client-illustration img {
  width: 100%;
  max-width: 480px;
  height: auto;
  display: block;
  border-radius: 12px;
  filter: drop-shadow(0 8px 22px rgba(17, 24, 39, 0.07));
}

/* Text container */
.fit-client-text {
  flex: 1 1 320px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--ink-2);
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Checklist list */
.fit-client-list {
  margin: 17px 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--ink-2);
}

/* Checklist item */
.fit-client-list li {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: start;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 4px 14px rgba(10, 22, 70, 0.05);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
  will-change: transform, box-shadow, border-color;
}
.fit-client-list li strong {
  color: var(--ink-1);
}
.fit-client-list li:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(10, 22, 70, 0.08);
  border-color: #e2e6f3;
}

/* Check icon */
.check-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e8f5ef;
  border: 1px solid #cfe8dc;
  margin-top: 2px;
}
.check-icon i {
  color: var(--ok);
  font-size: 12px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .fit-client-layout {
    flex-direction: column;
  }

  .fit-client-illustration {
    order: -1;
    justify-content: center;
  }

  .fit-client-text,
  .fit-client-list {
    font-size: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  .fit-client-list li {
    padding: 12px;
  }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .fit-client-list li {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1aef0b8 *//* =============================
   Enhanced Testimonial Section
============================= */
.testimonial-section {
  background-color: #ffffff;
  padding: 100px 20px;
  box-sizing: border-box;
  text-align: center;
}

.testimonial-section .lp-section-title {
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.testimonial-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 50px;
  align-items: center;
}

.testimonial-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: 800px;
  width: 100%;
}

.testimonial-avatar {
  background-color: #0073e6;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.testimonial-bubble {
  background-color: #fdfdfd;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05);
  text-align: left;
}

.testimonial-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 14px;
  font-style: italic;
}

.testimonial-name {
  font-size: 15px;
  font-weight: 600;
  color: #222;
}

.testimonial-name span {
  font-weight: normal;
  color: #888;
}

@media (max-width: 600px) {
  .testimonial-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .testimonial-bubble {
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c35486 *//* ==================================================
   Solusi Section
================================================== */

.solutions-section {
  background-color: #f5f5f5;
  padding: 100px 20px;
}

.solutions-section .container {
  max-width: 1140px;
  margin: 0 auto;
  box-sizing: border-box;
}

.lp-section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 60px;
}

/* Grid layout */
.solutions-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}

/* Card */
.solution-card {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 16px;
  padding: 30px;
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.solution-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

/* Card Header: icon + text */
.solution-header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* Icon styling */
.solution-icon {
  font-size: 32px;
  background-color: #2c3366;
  color: #ffffff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Text section inside card */
.solution-text {
  flex: 1;
}

/* Title */
.solution-title {
  font-size: 18px;
  font-weight: 700;
  color: #2c3366;
  margin: 0 0 10px 0;
}

/* Description */
.solution-benefit {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin: 0 0 20px 0;
}

/* CTA Text Link */
.solution-link {
  display: inline-block;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #3a88ec;
  text-decoration: none;
  transition: color 0.2s ease;
}

.solution-link:hover {
  color: #2c3366;
}

/* Coming soon link style */
.solution-link.coming-soon {
  background-color: #ddd;
  color: #666;
  cursor: not-allowed;
  text-decoration: none;
  pointer-events: none;
  padding: 6px 12px;
  border-radius: 6px;
}

/* ============================
   Responsive: Mobile Layout
=============================== */
@media (max-width: 768px) {
  .solutions-grid {
    flex-direction: column;
    gap: 24px;
  }

  .solution-card {
    width: 100%;
    padding: 24px;
  }

  .lp-section-title {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }

  .solution-title {
    font-size: 16px;
  }

  .solution-benefit {
    font-size: 14px;
  }

  .solution-link {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36c08c3 *//* ====================================
   CTA SECTION — Final Call to Action
==================================== */
.cta-section {
  width: 100%;
  background-color: #2C3366;
  color: #ffffff;
  padding: 100px 20px 80px 20px;
  box-sizing: border-box;
  text-align: center;
}

.cta-container {
  max-width: 700px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Headline */
.cta-title {
  font-size: clamp(1.6rem, 5vw, 2.4rem) !important;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff !important;
  line-height: 1.3;
  opacity: 1;
  transition: opacity 0.5s ease;
}

/* CTA Button */
.cta-button {
  background-color: #FFEA00;
  color: #2C3366;
  font-size: clamp(1rem, 2.8vw, 1.1rem);
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-flex; /* so icon aligns with text */
  align-items: center;
  gap: 10px; /* space between icon and text */
  transition: background 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.cta-button:hover {
  background-color: #f5d900;
  color: #2C3366;
}

/* WhatsApp icon inside button */
.wa-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
}

/* Note below CTA */
.cta-note {
  font-size: clamp(0.85rem, 2.5vw, 0.95rem);
  margin-top: 10px; /* Increased spacing from button */
  color: #ffffff;
  opacity: 0.85;
  line-height: 1.5;
}/* End custom CSS */