:root {
      --green: #16a34a;
      --green-d: #15803d;
      --green-bright: #2fe08a;
      --blue: #1d6fe0;
      --blue-d: #1559be;
      --ink: #15212e;
      --body: #46566a;
      --muted: #7c8a99;
      --bg: #fff;
      --soft: #f5f9fb;
      --line: #e6ecf1;
      --dark: #0b1320;
      --dline: #22344a;
      --dmuted: #94a8bd;
      --label: #1fb6d4;
      --radius: 16px
    }

.new-footer-pages-fds{


    body {
      margin: 0;
      background: var(--bg);
      color: var(--body);
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased
    }

    a {
      color: inherit
    }

    .fp-wrap {
      max-width: 1380px;
      margin: 0 auto;
      padding: 0 28px
    }

    .fp-section {
      padding: 84px 0
    }

    h1,
    h2,
    h3,
    h4 {
      font-family: "Poppins", sans-serif;
      color: var(--ink);
      margin: 0;
      letter-spacing: -.02em;
      line-height: 1.15
    }


            h1 {
            font-size: 45px !important;
            font-style: normal !important;
            font-weight: 700 !important;
            line-height: 1.15 !important;
        }

        h2 {
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 38px !important;
            line-height: normal !important;

            color: #062b47;
            text-transform: initial !important;
            /* letter-spacing: .5px !important; */
            line-height: 1.15 !important;

        }

        h3 {
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 22px !important;
            line-height: normal !important;
            margin-bottom: 0px !important;
        }

        h4 {
            font-size: 20px !important;
            font-weight: 600 !important;
        }

        p {
            font-size: 14px !important;
            line-height: normal !important;
            text-align: left !important;
        }


    .fp-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .16em;
      color: var(--label);
      margin-bottom: 18px
    }

    .fp-eyebrow b {
      color: var(--green)
    }

    .fp-h2 {
      font-size: 36px;
      font-weight: 700;
      max-width: 820px
    }

    .fp-h2 em {
      font-style: normal;
      color: var(--green)
    }

    .fp-lead {
      font-size: 17px;
      color: var(--body);
      max-width: 680px;
      margin: 16px 0 0
    }

    .fp-btn {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      font-weight: 600;
      font-size: 15px;
      text-decoration: none;
      padding: 14px 26px;
      border-radius: 10px;
      cursor: pointer;
      border: 0;
      transition: background .18s, transform .18s
    }

    .fp-btn svg {
      width: 17px;
      height: 17px
    }

    .fp-green {
      background: var(--green);
      color: #fff;
      box-shadow: 0 8px 22px -10px rgba(22, 163, 74, .7)
    }

    .fp-green:hover {
      background: var(--green-d);
      transform: translateY(-1px)
    }

    .fp-ghost {
      background: #fff;
      color: var(--ink);
      border: 1px solid var(--line)
    }

    .fp-ghost:hover {
      border-color: var(--green);
      color: var(--green)
    }

    .fp-topbar {
      background: var(--ink);
      color: #cfe8d8;
      text-align: center;
      font-size: 12.5px;
      letter-spacing: .04em;
      padding: 8px 16px;
      font-weight: 500
    }

    .fp-topbar b {
      color: var(--green-bright)
    }

    .fp-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, .92);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--line)
    }

    .fp-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 74px;
      position: relative
    }

    .fp-logo {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-size: 20px;
      color: var(--ink);
      text-decoration: none;
      letter-spacing: -.02em
    }

    .fp-logo span {
      color: var(--green)
    }

    .fp-navlinks {
      display: flex;
      gap: 26px
    }

    .fp-navlinks a {
      font-size: 15px;
      font-weight: 500;
      color: var(--ink);
      text-decoration: none
    }

    .fp-navlinks a:hover {
      color: var(--green)
    }

    .fp-burger {
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 10px;
      color: var(--ink);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      margin-left: 12px
    }

    .tp-crumb {
      font-size: 13px;
      color: var(--muted);
      padding: 18px 0 0
    }

    .tp-crumb a {
      color: var(--muted);
      text-decoration: none
    }

    .tp-crumb a:hover {
      color: var(--green)
    }

    .tp-crumb b {
      color: var(--ink);
      font-weight: 600
    }

    .tp-hero {
      padding: 40px 0 60px;
      background: radial-gradient(800px 360px at 88% -10%, #e9f7ef 0, transparent 60%)
    }

    .tp-hero-grid {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 50px;
      align-items: center
    }

    .tp-pill {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #fff2ec;
      color: #e2562a;
      border: 1px solid #ffd9c9;
      font-family: "Poppins", sans-serif;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      padding: 6px 13px;
      border-radius: 100px;
      margin-bottom: 20px
    }

    .tp-pill svg {
      width: 13px;
      height: 13px
    }

    h1.tp-h1 {
      font-size: 44px;
      font-weight: 800;
      line-height: 1.08
    }

    h1.tp-h1 em {
      font-style: normal;
      color: var(--green)
    }

    .tp-hero p {
      font-size: 18px;
      color: var(--body);
      max-width: 560px;
      margin: 20px 0 28px
    }

    .tp-btns {
      display: flex;
      gap: 14px;
      flex-wrap: wrap
    }

    .tp-feed {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      box-shadow: 0 30px 60px -30px rgba(20, 40, 70, .28);
      overflow: hidden
    }

    .tp-feed-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 18px;
      border-bottom: 1px solid var(--line);
      background: var(--soft)
    }

    .tp-feed-top b {
      font-family: "Poppins", sans-serif;
      font-size: 13px;
      color: var(--ink)
    }

    .tp-live {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 600;
      color: var(--green)
    }

    .tp-live i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 0 rgba(22, 163, 74, .5);
      animation: p 1.8s infinite
    }

    @keyframes p {
      0% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, .5)
      }

      70% {
        box-shadow: 0 0 0 9px rgba(22, 163, 74, 0)
      }

      100% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0)
      }
    }

    .tp-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 13px 18px;
      border-bottom: 1px dashed var(--line);
      font-size: 13.5px;
      gap: 14px
    }

    .tp-row:last-child {
      border-bottom: 0
    }

    .tp-row .pf {
      font-weight: 600;
      color: var(--ink)
    }

    .tp-row .it {
      color: var(--muted);
      font-size: 12.5px
    }

    .tp-row .pr {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      color: var(--ink);
      text-align: right;
      white-space: nowrap
    }

    .tp-row .pr .old {
      color: var(--muted);
      font-weight: 400;
      text-decoration: line-through;
      margin-right: 6px;
      font-size: 12px
    }

    .tp-up {
      color: #e2562a
    }

    .tp-down {
      color: var(--green)
    }

    .fp-grid3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      margin-top: 46px
    }

    .fp-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 28px;
      transition: border-color .2s, transform .2s, box-shadow .2s
    }

    .fp-card:hover {
      border-color: #cfe6d8;
      transform: translateY(-3px);
      box-shadow: 0 20px 40px -28px rgba(20, 40, 70, .35)
    }

    .fp-ico {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
      background: #e9f7ef;
      color: var(--green)
    }

    .fp-ico svg {
      width: 22px;
      height: 22px
    }

    .fp-card h3 {
      font-size: 18px;
      margin-bottom: 9px
    }

    .fp-card p {
      font-size: 14.5px;
      color: var(--body);
      margin: 0
    }

    .tp-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      margin-top: 44px
    }

    .tp-stat {
      background: var(--soft);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 26px
    }

    .tp-stat b {
      font-family: "Poppins", sans-serif;
      font-size: 28px;
      font-weight: 800;
      color: var(--ink);
      display: block;
      line-height: 1;
      margin-bottom: 6px
    }

    .tp-stat span {
      font-size: 14px;
      color: var(--body)
    }

    .fp-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 24px
    }

    .fp-chip {
      font-size: 13px;
      color: var(--ink);
      background: var(--soft);
      border: 1px solid var(--line);
      border-radius: 100px;
      padding: 7px 15px;
      text-decoration: none
    }

    .fp-chip:hover {
      border-color: var(--green);
      color: var(--green)
    }

    .tp-country {
      font-size: 13.5px;
      font-weight: 600;
      color: var(--ink);
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 100px;
      padding: 8px 16px;
      text-decoration: none
    }

    .tp-country:hover {
      border-color: var(--green)
    }

    .fp-steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      margin-top: 44px
    }

    .fp-step-n {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: var(--ink);
      color: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      display: grid;
      place-items: center;
      margin-bottom: 16px
    }

    .fp-step h4 {
      font-size: 17px;
      margin-bottom: 8px
    }

    .fp-step p {
      font-size: 14px;
      color: var(--body);
      margin: 0
    }

    .tp-related {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 40px
    }

    .tp-rel {
      display: block;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 18px;
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      color: var(--ink);
      transition: border-color .15s, transform .15s
    }

    .tp-rel:hover {
      border-color: var(--green);
      color: var(--green);
      transform: translateY(-2px)
    }

    .tp-rel span {
      display: block;
      font-size: 11px;
      font-weight: 600;
      color: #e2562a;
      text-transform: uppercase;
      letter-spacing: .08em;
      margin-bottom: 7px
    }

    .fp-faq {
      width: 100%;
      margin: 42px auto 0
    }

    .fp-faq details {
      border-bottom: 1px solid var(--line);
      padding: 6px 0
    }

    .fp-faq summary {
      list-style: none;
      cursor: pointer;
      padding: 18px 4px;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      font-size: 17px;
      color: var(--ink);
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center
    }

    .fp-faq summary::-webkit-details-marker {
      display: none
    }

    .fp-faq summary::after {
      content: "+";
      font-size: 22px;
      color: var(--green);
      font-weight: 400
    }

    .fp-faq details[open] summary::after {
      content: "\2013"
    }

    .fp-faq p {
      font-size: 15px;
      color: var(--body);
      margin: 0 4px 20px
    }

    .tp-cta {
      background: linear-gradient(120deg, #0b1320, #13314a);
      border-radius: 22px;
      color: #fff;
      padding: 48px;
      text-align: center
    }

    .tp-cta h2 {
      color: #fff;
      font-size: 30px;
      max-width: 700px;
      margin: 0 auto 14px
    }

    .tp-cta p {
      color: #aebfd0;
      max-width: 560px;
      margin: 0 auto 26px
    }

    @media(max-width:980px) {
      .tp-hero-grid {
        grid-template-columns: 1fr
      }

      .fp-grid3,
      .fp-steps,
      .tp-stats {
        grid-template-columns: repeat(2, 1fr)
      }

      .tp-related {
        grid-template-columns: repeat(2, 1fr)
      }

      h1.tp-h1 {
        font-size: 34px
      }

      .fp-h2 {
        font-size: 28px
      }

      .fp-navlinks {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 0 0 12px 12px;
        flex-direction: column;
        gap: 0;
        padding: 8px 0;
        display: none;
        box-shadow: 0 22px 34px -22px rgba(0, 0, 0, .35)
      }

      .fp-navlinks.open {
        display: flex
      }

      .fp-navlinks a {
        padding: 13px 24px
      }

      .fp-burger {
        display: flex
      }
    }

    @media(max-width:600px) {
      .fp-section {
        padding: 56px 0
      }

      .fp-grid3,
      .fp-steps,
      .tp-stats,
      .tp-related {
        grid-template-columns: 1fr
      }

      h1.tp-h1 {
        font-size: 29px
      }

      .tp-cta {
        padding: 30px
      }
    }

    @media(prefers-reduced-motion:reduce) {
      * {
        animation: none !important;
        transition: none !important
      }
    }

    .fds-footer {
      --green: #16a34a;
      --ink: #2b3a4a;
      --muted: #6a7787;
      --line: #e7ecf1;
      --label: #4bb6d4;
      background: #fff;
      color: var(--ink);
      font-family: "Inter", sans-serif;
      font-size: 15px;
      border-top: 1px solid var(--line)
    }

    .fds-footer * {
      box-sizing: border-box
    }

    .fds-inner {
      max-width: 1240px;
      margin: 0 auto;
      padding: 50px 28px 0
    }

    .fds-cols {
      display: grid;
      grid-template-columns: repeat(5, 1fr) 1.25fr;
      gap: 28px;
      padding: 36px 0
    }

    .fds-label {
      font-family: "Poppins", sans-serif;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-size: 12px;
      font-weight: 600;
      color: var(--label);
      margin: 0 0 18px
    }

    .fds-list {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .fds-list li {
      margin-bottom: 11px
    }

    .fds-list a {
      color: var(--ink);
      text-decoration: none;
      font-size: 14px
    }

    .fds-list a:hover {
      color: var(--green)
    }

    .fds-brand {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-size: 20px;
      margin: 0 0 14px
    }

    .fds-brand span {
      color: var(--green)
    }

    .fds-tagline {
      color: var(--muted);
      max-width: 340px;
      font-size: 14px
    }

    .fds-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      padding: 20px 0 32px;
      font-size: 13px;
      color: var(--muted);
      border-top: 1px solid var(--line)
    }

    .fds-bottom-links {
      display: flex;
      gap: 22px
    }

    .fds-bottom-links a {
      color: var(--muted);
      text-decoration: none
    }

    .fds-bottom-links a:hover {
      color: var(--green)
    }

    @media(max-width:1080px) {
      .fds-cols {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px
      }
    }

    @media(max-width:760px) {
      .fds-cols {
        grid-template-columns: repeat(2, 1fr)
      }
    }

     @media (max-width: 640px) {
    h1 {
      font-size: 24px !important;
    }

    h2 {
      font-size: 20px !important;
    }

    h3 {
      font-size: 18px !important;
    }

    p {
      font-size: 14px !important;
    }

}

    @media(max-width:560px) {
      .fds-cols {
        grid-template-columns: 1fr
      }
    }
}