.elementor-3838 .elementor-element.elementor-element-5d1a34b{--display:flex;}.elementor-3838 .elementor-element.elementor-element-5d1a34b.e-con{--e-con-transform-translateY:134px;}.elementor-3838 .elementor-element.elementor-element-d79a0f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 150px) 0px;}@media(max-width:767px){.elementor-3838 .elementor-element.elementor-element-d79a0f4{padding:0vw 0vw 0vw 0vw;}}/* Start custom CSS for html, class: .elementor-element-d79a0f4 */:root {
      --bg:#f9fafb;
      --text:#111827;
      --subtext:#4b5563;
      --accent-btn:#203738;
      --accent-btn-hover:#518F8B;
      --glass: rgba(0,0,0,0.04);
      --radius:14px;
      --gap:20px;
      --container-max:1100px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }

    *{box-sizing:border-box;}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      display:flex;
      align-items:flex-start;
      justify-content:center;
      min-height:100vh;
    }

    .cta-wrap{
      width:100%;
      max-width:var(--container-max);
      background:#fff;
      border-radius:18px;
      padding:40px;
      box-shadow:0 6px 30px rgba(0,0,0,0.1);
      display:flex;
      align-items:flex-start;
      background-image:radial-gradient(circle, rgba(0,0,0,0.03) 1px, transparent 1px);
      background-size:20px 20px;
    }

    .cta{
      display:flex;
      gap:var(--gap);
      align-items:flex-start;
      padding:20px;
      border-radius:var(--radius);
      flex:1;
    }

    .cta__text{
      flex:1 1 50%;
      min-width:280px;
    }
    .eyebrow{
      display:inline-block;
      background:var(--glass);
      color:var(--subtext);
      font-size:13px;
      padding:6px 10px;
      border-radius:999px;
      margin-bottom:12px;
    }
    h1{
      margin:0 0 14px 0;
      font-size:30px;
      line-height:1.3;
      color:var(--text);
    }
    p{
      margin:0 0 20px 0;
      color:var(--subtext);
      font-size:16px;
      line-height:1.6;
    }

    .cta__actions{
      display:flex;
      gap:12px;
      align-items:center;
      flex-wrap:wrap;
    }
    .btn-primary{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:var(--accent-btn);
      border:none;
      color:#fff;
      padding:14px 22px;
      border-radius:12px;
      font-weight:600;
      cursor:pointer;
      box-shadow:0 6px 20px rgba(0,0,0,0.15);
      transition:background .2s ease, transform .12s ease, box-shadow .12s ease;
      text-decoration:none;
    }
    .btn-primary:hover{background:var(--accent-btn-hover);}
    .btn-primary:active{transform:translateY(1px);}

    .cta__media{
      width:500px;
      flex:0 0 50%;
      border-radius:16px;
      overflow:hidden;
      position:relative;
      min-width:200px;
      background:#f3f4f6;
      border:1px solid rgba(0,0,0,0.05);
    }
    .cta__media img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .badge{
      position:absolute;
      left:16px;
      top:16px;
      background:rgba(0,0,0,0.55);
      padding:8px 12px;
      border-radius:999px;
      font-size:13px;
      color:#fff;
      backdrop-filter:blur(6px);
    }

    /* ✅ Tablet and below */
    @media (max-width:880px){
      .cta{
        flex-direction:column-reverse;
        align-items:center;
        text-align:center;
        padding:24px 20px;
        gap:30px;
      }
      .cta__text{
        width:100%;
      }
      h1{
        font-size:26px;
      }
      p{
        font-size:15px;
      }
      .cta__media{
        width:100%;
        min-height:260px;
      }
      .badge{
        left:50%;
        transform:translateX(-50%);
      }
    }

    /* ✅ Mobile (up to iPhone 12 Pro Max 390px) */
    @media (max-width:599px){
      .cta-wrap{
        padding:20px 14px;
      }
      .cta{
        padding:16px 0;
        gap:24px;
      }
      h1{
        font-size:22px;
        line-height:1.3;
      }
      p{
        font-size:15px;
        line-height:1.5;
      }
      .btn-primary{
        width:100%;
        font-size:15px;
        padding:12px;
      }
      .cta__media{
        min-height:220px;
        border-radius:12px;
      }
    }

    /* ✅ Very small phones */
    @media (max-width:380px){
      h1{font-size:20px;}
      p{font-size:14px;}
      .btn-primary{font-size:14px;padding:10px;}
    }/* End custom CSS */