:root{
    --ink:#0b0b0b;
    --bg:#ffffff;
    --soft:#f4f4f4;
    --soft-2:#ededed;
    --line:#d9d9d9;
    --muted:#6b6b6b;
    --accent:#0b0b0b;
    --radius:2px;
    --container: 1180px;
    /* Heading / display family — Avant Garde Gothic Std Book (fallback: Jost, geometric sans) */
    --font-head: 'ITC Avant Garde Gothic Std Book', 'ITC Avant Garde Gothic Std', 'Jost', 'Outfit', system-ui, sans-serif;
    /* Body family — same per brand */
    --font-body: 'ITC Avant Garde Gothic Std Book', 'ITC Avant Garde Gothic Std', 'Jost', 'Outfit', system-ui, sans-serif;
    --body-color: rgb(33,37,41);
    --body-size: 15px;
    --body-lh: 22px;
    --head-size: 37px;
    --head-lh: 45px;
    --head-weight: 500;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--body-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:400;font-size:var(--body-size);line-height:calc(var(--body-lh) / var(--body-size))}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  ul{margin:0;padding:0;list-style:none}
  button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
  
  .bg-white.p-2 img {display: unset;}

  /* ── Top contact bar ───────────────────── */
  .topbar{
    background:#fff;
    font-size:13px;
    color:#111;
    padding:14px 18px;
    display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;
    border-bottom:1px solid #f0f0f0;
  }
  .topbar .item{display:inline-flex;gap:8px;align-items:center}
  .topbar svg{width:16px;height:16px}

  /* ── Header ─────────────────────────────── */
  /*header.site{*/
  /*  background:#000;color:#fff;padding:22px 18px;*/
  /*  display:flex;align-items:center;justify-content:space-between;gap:12px;*/
  /*  position:sticky;top:0;z-index:50;*/
  /*}*/
  /*.logo{*/
  /*  background:#fff;color:#000;padding:14px 22px;*/
  /*  font-weight:500;letter-spacing:.12em;font-size:22px;*/
  /*  display:inline-flex;align-items:center;*/
  /*}*/
  /*.logo span{font-weight:300;letter-spacing:.24em}*/
  /*.logo .e3{font-weight:500}*/
  /*nav.primary{display:none}*/
  /*nav.primary a{font-size:14px;letter-spacing:.02em;opacity:.9;font-weight:300}*/
  /*nav.primary a:hover{opacity:1}*/
  /*.hamburger{width:44px;height:44px;display:grid;place-items:center}*/
  /*.hamburger div{width:28px;height:2px;background:#fff;position:relative}*/
  /*.hamburger div::before,.hamburger div::after{content:"";position:absolute;left:0;width:28px;height:2px;background:#fff}*/
  /*.hamburger div::before{top:-9px}*/
  /*.hamburger div::after{top:9px}*/

  /*@media(min-width:900px){*/
  /*  .hamburger{display:none}*/
  /*  nav.primary{display:flex;gap:32px;align-items:center}*/
  /*}*/

  /* ── Section scaffolding ────────────────── */
  .wrap{max-width:var(--container);margin:0 auto;padding:0 20px}
  section{padding:80px 0}
  @media(min-width:900px){section{padding:120px 0}}

  .eyebrow{
    text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:#111;font-weight:400;
    margin-bottom:18px;display:inline-block;
  }
  .eyebrow.light{color:rgba(255,255,255,.85)}

  h1,h2,h3,h4{margin:0;font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:-.005em;line-height:1.15;color:#0b0b0b}
  h1{font-size:clamp(44px, 8vw, 84px);font-weight:200}
  .section-title{font-size:clamp(36px, 5vw, 56px);font-weight:300;max-width:18ch}
  .rule{width:88px;height:2px;background:#111;margin:22px 0 28px}
  .rule.light{background:#fff}

  .lede{font-size:clamp(17px,1.6vw,19px);color:#1a1a1a;max-width:62ch;font-weight:300}

  /* ── Hero ────────────────────────────────── */
  .hero{
    position:relative;
    background:#000;
    color:#fff;
    padding:80px 0 160px;
    overflow:hidden;
  }
  .hero-inner{position:relative;z-index:2}
  .hero-head{display:flex;gap:80px;padding:10px 0 40px;position:relative;z-index:2}
  .hero-head .eyebrow{color:rgba(255,255,255,.7)}
  .hero-head h1{max-width:16ch;color:#fff;font-weight:var(--head-weight)}
  .hero-head h1 em{font-style:normal;font-weight:var(--head-weight);display:block;color:rgba(255,255,255,.85)}
  .hero-lede{margin-top:28px;max-width:58ch;color:rgba(255,255,255,.8);font-size:calc(var(--body-size) + 2px);line-height:1.6}
  
      /* Mobile + Tablet */
    @media (max-width: 1024px) {
      .hero-head {
        display: block;
      }
    }

  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
  .btn{
    display:inline-flex;align-items:center;gap:12px;
    padding:16px 26px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
    border-radius:0;font-weight:400;transition:all .2s ease;
  }
  .btn.primary{background:#000;color:#fff;border:1px solid #000}
  .btn.primary:hover{background:#1f1f1f}
  .btn.ghost{background:transparent;color:#000;border:1px solid #000}
  .btn.ghost:hover{background:#000;color:#fff}
  .hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.6)}
  .hero .btn.ghost:hover{background:#fff;color:#000}
  .hero .btn.primary{background:#fff;color:#000;border-color:#fff}
  .hero .btn.primary:hover{background:rgba(255,255,255,.9)}
  .btn.on-dark{background:#fff;color:#000;border:1px solid #fff}
  .btn.on-dark:hover{background:transparent;color:#fff}
  .btn.ghost-light{background:transparent;color:#fff;border:1px solid #fff}
  .btn.ghost-light:hover{background:#fff;color:#000}

.contact-form .btn.primary{
    background:#fff;
    color:#000;
    border:1px solid #fff;
}

.contact-form .btn.primary:hover{
    background:transparent;
    color:#fff;
    border-color:#fff;
}

  .arrow-btn{
    width:52px;height:52px;border-radius:50%;border:1px solid #222;
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
    transition:all .2s;background:transparent;
  }
  .arrow-btn:hover{background:#000;color:#fff}
  .arrow-btn.light{border-color:#fff;color:#fff}
  .arrow-btn.light:hover{background:#fff;color:#000}
  .arrow-btn svg{width:18px;height:18px}

  /* Stats strip — on dark hero */
  .stats{
    display:grid;gap:1px;background:rgba(255,255,255,.12);
    grid-template-columns:1fr;margin-top:64px;
    border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);
  }
  @media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}}
  .stat{background:#000;padding:28px 22px}
  .stat .num{font-family:var(--font-head);font-size:40px;font-weight:var(--head-weight);letter-spacing:-.01em;line-height:1;color:#fff}
  .stat .lbl{margin-top:10px;font-size:12px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.18em}
  .stat .sub{margin-top:6px;font-size:13px;color:rgba(255,255,255,.75)}

  /* Hero visual — on dark hero */
  .hero-visual{
    margin-top:56px;position:relative;
    background:rgba(255,255,255,.04);
    padding:40px 20px;min-height:320px;
    display:grid;place-items:center;
    border:1px solid rgba(255,255,255,.08);
  }
  .hero-visual .placeholder{
    width:100%;max-width:860px;aspect-ratio:16/9;
    background:
      repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 10px, rgba(255,255,255,.02) 10px 20px);
    border:1px solid rgba(255,255,255,.1);
    display:grid;place-items:center;color:rgba(255,255,255,.55);font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.12em;
  }
  .hero-visual .placeholder span{background:#000;padding:8px 14px;border:1px solid rgba(255,255,255,.14)}

  /* ── Synthesis — soft curve on top to exit dark hero ── */
  .synthesis{
    background:#fff;position:relative;
    padding-top:40px;z-index:2;
  }
  .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap}
  .section-head .arrow-btn{margin-top:10px}

  .two-col{display:grid;grid-template-columns:1fr;gap:40px;margin-top:40px}
  @media(min-width:900px){.two-col{grid-template-columns:1fr 1fr;gap:80px}}

  .body-copy p{margin:0 0 20px;font-size:16px;color:#222;max-width:58ch}
  .body-copy p:last-child{margin-bottom:0}

  .vessel-illo{
    position:relative;background:#fafafa;border:1px solid #eee;
    display:grid;place-items:center;padding:0px;
  }
  .vessel-illo .placeholder{
    aspect-ratio:4/5;width:100%;max-width:320px;
    background:repeating-linear-gradient(0deg,#f0f0f0 0 8px,#f6f6f6 8px 16px);
    border:1px solid #e5e5e5;display:grid;place-items:center;
    color:#8a8a8a;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-align:center;padding:20px;
  }
  .vessel-illo .placeholder span{background:#fafafa;padding:8px 12px;border:1px solid #e5e5e5}

    /* Tablet */
    @media (max-width: 991px){
        .vessel-illo{
            padding:0px;
        }
    }
    
    /* Mobile */
    @media (max-width: 767px){
        .vessel-illo{
            padding:0px;
        }
    }

  /* Scale cards */
  .scale-grid{
    margin-top:80px;display:grid;grid-template-columns:1fr;gap:1px;background:#ededed;
    border:1px solid #ededed;
  }
  @media(min-width:720px){.scale-grid{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:1100px){.scale-grid{grid-template-columns:repeat(4,1fr)}}
  .scale-card{background:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:18px;min-height:150px;position:relative}
  .scale-card .tag{
    font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.15em;color:#6b6b6b;
    text-transform:uppercase;
  }
  .scale-card h3{font-family:var(--font-head);font-size:22px;font-weight:var(--head-weight);line-height:1.25}
  .scale-card .vol{font-size:15px;color:#111;font-weight:400;margin-top:-6px}
  .scale-card .moc{display:none;font-size:12px;color:#6b6b6b;text-transform:uppercase;letter-spacing:.12em}
  .scale-card p{display:none;font-size:14px;color:#333;line-height:1.55;margin:0;flex:1}
  .scale-card .index{
    position:absolute;top:20px;right:22px;font-size:11px;color:#bbb;
    font-family:ui-monospace,monospace;letter-spacing:.1em;
  }

  /* ── Features (dark) — soft curve top ───── */
  .features{
    background:#000;color:#fff;position:relative;
    padding:80px 0 120px;
    z-index:3;
  }
  .features .wrap{position:relative;z-index:2}
  .features .eyebrow{color:rgba(255,255,255,.75)}
  .features h2{color:#fff;font-size:clamp(var(--head-size),4.5vw,54px);max-width:20ch;font-weight:var(--head-weight);line-height:1.22}

  .feat-grid{margin-top:60px;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.14)}
  @media(min-width:720px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:1100px){.feat-grid{grid-template-columns:repeat(3,1fr)}}
  .feat{
    padding:34px 32px 42px;
    border-right:1px solid rgba(255,255,255,.14);
    border-bottom:1px solid rgba(255,255,255,.14);
    position:relative;min-height:260px;
  }
  @media(min-width:1100px){.feat:nth-child(3n){border-right:0}}
  @media(max-width:1099px) and (min-width:720px){.feat:nth-child(2n){border-right:0}}
  @media(max-width:719px){.feat{border-right:0}}
  .feat .n{
    font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.45);
    margin-bottom:24px;display:block;
  }
  .feat h3{font-family:var(--font-head);font-size:20px;font-weight:var(--head-weight);margin-bottom:14px;color:#fff;max-width:20ch;line-height:1.3}
  .feat p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.6;margin:0;max-width:38ch}
  .feat .ic{
    width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;
    display:grid;place-items:center;margin-bottom:22px;
  }
  .feat .ic svg{width:20px;height:20px;stroke:#fff}

  .make-india{
    margin-top:60px;padding:36px 32px;border:1px solid rgba(255,255,255,.16);
    display:grid;grid-template-columns:1fr;gap:20px;
  }
  @media(min-width:900px){.make-india{grid-template-columns:auto 1fr;gap:40px;align-items:center}}
  .make-india .pill{
    display:inline-flex;align-items:center;gap:10px;padding:10px 16px;
    border:1px solid rgba(255,255,255,.35);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  }
  .make-india p{margin:0;color:rgba(255,255,255,.8);font-size:15px;max-width:68ch;line-height:1.6}

  /* ── Automation — soft curve on top ──────── */
  .automation{
    background:#fff;padding:60px 0 100px;
    position:relative;
    z-index:4;
  }
  .auto-hero-img{
    margin:36px 0 0;
    max-width:480px;
    aspect-ratio:4/3;
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    background-image:
      linear-gradient(45deg,#e6e6e6 25%,transparent 25%),
      linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#e6e6e6 75%),
      linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);
    background-size:20px 20px;
    background-position:0 0,0 10px,10px -10px,-10px 0;
    background-color:#f4f4f4;
    border:1px solid #e4e4e4;
  }
  .auto-hero-img .ph-inner{
    background:#fff;padding:16px 22px;border:1px solid #ddd;
    display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;
  }
  .auto-hero-img .ph-label{
    font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:#111;
  }
  .auto-hero-img .ph-dim{
    font-family:ui-monospace,monospace;font-size:10px;color:#888;letter-spacing:.06em;
  }
  .auto-top{display:grid;grid-template-columns:1fr;gap:40px;align-items:flex-end}
  @media(min-width:900px){.auto-top{grid-template-columns:1.1fr 1fr;gap:80px}}
  .auto-top .section-title{max-width:20ch}
  .auto-top .lede{margin-top:22px}

  .auto-visual{
    margin-top:60px;background:#0d0d0d;color:#fff;padding:40px;
    display:grid;grid-template-columns:1fr;gap:40px;align-items:center;min-height:420px;
    position:relative;overflow:hidden;
  }
  @media(min-width:900px){.auto-visual{grid-template-columns:1fr 1.3fr;padding:60px}}

  .recipe-mock{
    background:#111;border:1px solid rgba(255,255,255,.1);padding:24px;font-family:ui-monospace,monospace;
    font-size:12px;color:rgba(255,255,255,.72);line-height:1.7;
  }
  .recipe-mock .bar{display:flex;gap:6px;margin-bottom:18px}
  .recipe-mock .bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
  .recipe-mock .step{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
  .recipe-mock .step:last-child{border-bottom:0}
  .recipe-mock .step .dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.6;flex:0 0 auto}
  .recipe-mock .step .k{color:#fff;opacity:.9;min-width:110px}
  .recipe-mock .step .v{color:rgba(255,255,255,.55)}
  .recipe-mock .step .t{margin-left:auto;color:rgba(255,255,255,.45)}
  .recipe-mock .run{
    margin-top:14px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;
    border:1px solid rgba(255,255,255,.3);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#fff;
  }
  .recipe-mock .run .blink{width:8px;height:8px;border-radius:50%;background:#9bff9b;animation:pulse 1.3s infinite}
  @keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}

  .feat-list{margin-top:30px;display:grid;grid-template-columns:1fr;gap:14px}
  @media(min-width:720px){.feat-list{grid-template-columns:1fr 1fr}}
  .feat-list li{
    padding:18px 20px;border:1px solid #e8e8e8;font-size:14px;color:#222;display:flex;gap:14px;align-items:flex-start;
    background:#fff;
  }
  .feat-list li::before{
    content:"";width:6px;height:6px;background:#111;margin-top:8px;flex:0 0 auto;
  }

  /* ── Trusted by — soft curve on top ──────── */
  .trusted{
    background:#f5f5f5;padding:80px 0 120px;
    position:relative;
    z-index:5;
  }
  .trusted h2{font-size:clamp(var(--head-size),4vw,44px);font-weight:var(--head-weight);max-width:22ch;line-height:1.22}
  .trusted .row{
    margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e5e5e5;
    border:1px solid #e5e5e5;
  }
  @media(min-width:720px){.trusted .row{grid-template-columns:repeat(4,1fr)}}
  @media(min-width:1100px){.trusted .row{grid-template-columns:repeat(4,1fr)}}
  .client{
    background:#f5f5f5;padding:38px 24px;display:grid;place-items:center;min-height:120px;
    font-weight:500;letter-spacing:.12em;color:#222;text-transform:uppercase;font-size:13px;text-align:center;
  }
  .client small{display:block;font-weight:300;font-size:10px;letter-spacing:.2em;color:#888;margin-top:4px}

  /* ── CTA Close — soft curve on top ────────── */
  .cta-close{
    background:#000;color:#fff;padding:80px 0 140px;position:relative;
    z-index:6;
  }
  .cta-close .wrap{position:relative;z-index:2}
  .cta-close h2{font-size:clamp(var(--head-size),5vw,64px);font-weight:var(--head-weight);max-width:18ch;color:#fff;line-height:1.22}
  .cta-close .lede{color:rgba(255,255,255,.78);max-width:62ch;margin-top:22px;font-size:17px}
  .cta-close .hero-ctas{margin-top:44px}

  /* ── Contact — soft curve on top ──────────── */
  .contact{background:#f5f5f5;padding:80px 0 120px;position:relative;
    z-index:7;
  }
  .contact h2{font-size:clamp(var(--head-size),5vw,56px);font-weight:var(--head-weight);letter-spacing:.02em;line-height:1.22}
  .contact .form, .contact-form .form{margin-top:50px;display:grid;grid-template-columns:1fr;gap:0}
  @media(min-width:720px){.contact .form, .contact-form .form{grid-template-columns:1fr 1fr;gap:0 48px}}
  .field{display:flex;align-items:center;gap:14px;border-bottom:1px solid #cacaca;padding:18px 2px;transition:border-color .2s}
  .field:focus-within{border-color:#fff}
  .field svg{width:20px;height:20px;flex:0 0 auto;color:#fff}
  .field input,.field textarea{
    border:0;outline:none;background:transparent;flex:1;font:inherit;color:#fff;font-size:15px;padding:4px 0;resize:none;
  }
  .field.full{grid-column:1/-1}
  .contact .btn, .contact-form .form{margin-top:36px;align-self:flex-start}

  /* ── Footer ─────────────────────────────── */
  /*footer.site{background:#000;color:rgba(255,255,255,.78);padding:60px 0 40px;font-size:13px}*/
  /*footer .cols{display:grid;grid-template-columns:1fr;gap:30px}*/
  /*@media(min-width:720px){footer .cols{grid-template-columns:2fr 1fr 1fr}}*/
  /*footer h4{font-size:14px;color:#fff;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px;font-weight:400}*/
  /*footer a{display:block;padding:6px 0;color:rgba(255,255,255,.7)}*/
  /*footer a:hover{color:#fff}*/
  /*footer .bottom{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5)}*/

  /* Breadcrumb */
  .crumbs{padding:18px 0;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.5);position:relative;z-index:3}
  .crumbs a{color:rgba(255,255,255,.5)}
  .crumbs a:hover{color:#fff}
  .crumbs span{color:#fff}

  /* ── Tweaks panel ────────────────────────── */
  #tweaks{
    position:fixed;right:20px;bottom:20px;z-index:9999;
    background:#fff;border:1px solid #e0e0e0;box-shadow:0 20px 60px rgba(0,0,0,.18);
    width:320px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto;
    display:none;font-family:var(--font-body);
  }
  #tweaks.on{display:block}
  #tweaks .hd{padding:16px 18px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
  #tweaks .hd b{font-family:var(--font-head);font-weight:500;font-size:14px;letter-spacing:.15em;text-transform:uppercase}
  #tweaks .bd{padding:14px 18px 20px}
  #tweaks label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#666;margin:14px 0 6px}
  #tweaks input[type=range]{width:100%}
  #tweaks input[type=color]{width:48px;height:32px;border:1px solid #ddd;padding:0;background:#fff;cursor:pointer}
  #tweaks .row{display:flex;gap:10px;align-items:center}
  #tweaks .row .val{font-family:ui-monospace,monospace;font-size:11px;color:#444;min-width:52px;text-align:right}
  #tweaks select{width:100%;padding:8px;border:1px solid #ddd;font:inherit;font-size:13px;background:#fff}
  #tweaks .x{cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border:1px solid #eee;font-size:14px}
  
  
.client img {
    max-height: 80px;
    width: auto;
    object-fit: contain;
    /*filter: grayscale(100%);*/
    opacity: .85;
    transition: all .3s ease;
    margin-bottom: 15px;
}

.auto-hero-img{
    margin:36px 0 0;
    width:100%;
    max-width:480px;
    aspect-ratio:4/3;
    position:relative;
    overflow:hidden;
    border:1px solid #e4e4e4;
    background:#000;
}

.auto-hero-video{
    /*position:absolute;*/
    inset:0;
    width:100%;
    /*height:100%;*/
}

.auto-hero-video video{
    width:100%;
    height:100%;
    display:block;
    /*object-fit:cover; */
    object-fit:contain;
}

@media (max-width: 900px){
    .auto-hero-img{
        max-width:100%;
    }
}

.two-wrap-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
}

.wrap.two-wrap{
    margin:0;
}

/* Tablet & Mobile */
@media (max-width: 991px){
    .two-wrap-container{
        flex-direction:column;
        gap:60px;
        align-items:flex-start;
    }

    .wrap.two-wrap{
        width:100%;
    }
}

/* Mobile */
@media (max-width: 767px){
    .cta-close.two-wrap-container{
        padding-top:60px;
        padding-bottom:60px;
    }

    .two-wrap-container{
        gap:40px;
    }

    .wrap.two-wrap h2{
        margin-bottom:20px;
    }
}