/* =====================================================
       RESET
       ===================================================== */

    .kd-faq-cta,
    .kd-faq-cta *,
    .kd-faq-cta *::before,
    .kd-faq-cta *::after {

      box-sizing:
        border-box;

    }


    /* =====================================================
       CTA
       ===================================================== */

    .kd-faq-cta {

      width:
        100%;

      max-width:
        100%;

      margin:
        0;

      padding:
        84px 0;

      background:
        #159A9C;

      color:
        #FFFFFF;

      font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

      overflow:
        hidden;

    }


    /* =====================================================
       CONTAINER
       ===================================================== */

    .kd-faq-cta-container {

      width:
        calc(100% - 48px);

      max-width:
        1180px;

      margin-left:
        auto;

      margin-right:
        auto;

      min-width:
        0;

    }


    /* =====================================================
       INNER
       ===================================================== */

    .kd-faq-cta-inner {

      display:
        flex;

      align-items:
        center;

      justify-content:
        space-between;

      width:
        100%;

      max-width:
        100%;

      min-width:
        0;

      gap:
        64px;

    }


    /* =====================================================
       LEFT
       ===================================================== */

    .kd-faq-cta-copy {

      flex:
        1 1 auto;

      min-width:
        0;

      max-width:
        780px;

    }


    /* =====================================================
       LABEL
       ===================================================== */

    .kd-faq-cta-label {

      margin:
        0 0 13px;

      font-size:
        11px;

      line-height:
        1.3;

      font-weight:
        700;

      letter-spacing:
        0.16em;

      text-transform:
        uppercase;

      color:
        rgba(255,255,255,0.70);

    }


    /* =====================================================
       TITLE
       ===================================================== */

    .kd-faq-cta-title {

      display:
        block;

      width:
        100%;

      max-width:
        760px;

      margin:
        0;

      padding:
        0;

      font-size:
        clamp(
          30px,
          3.2vw,
          44px
        );

      line-height:
        1.18;

      font-weight:
        700;

      letter-spacing:
        -0.035em;

      color:
        #FFFFFF;

      overflow-wrap:
        break-word;

    }


    /* =====================================================
       DESCRIPTION
       ===================================================== */

    .kd-faq-cta-text {

      width:
        100%;

      max-width:
        700px;

      margin:
        17px 0 0;

      padding:
        0;

      font-size:
        15px;

      line-height:
        1.8;

      color:
        rgba(255,255,255,0.88);

      overflow-wrap:
        break-word;

    }


    /* =====================================================
       CONTACT
       ===================================================== */

    .kd-faq-contact-note {

      width:
        100%;

      max-width:
        700px;

      margin:
        23px 0 0;

      padding:
        0;

      font-size:
        12px;

      line-height:
        1.7;

      color:
        rgba(255,255,255,0.65);

      overflow-wrap:
        break-word;

    }


    .kd-faq-contact-note a {

      color:
        #FFFFFF;

      font-weight:
        650;

      text-decoration:
        none;

    }


    .kd-faq-contact-divider {

      display:
        inline-block;

      margin:
        0 9px;

      color:
        rgba(255,255,255,0.38);

    }


    /* =====================================================
       RIGHT ACTION AREA
       ===================================================== */

    .kd-faq-cta-actions {

      flex:
        0 1 245px;

      width:
        245px;

      max-width:
        245px;

      min-width:
        0;

      display:
        flex;

      flex-direction:
        column;

      gap:
        10px;

      padding-left:
        28px;

      border-left:
        1px solid
        rgba(255,255,255,0.22);

    }


    /* =====================================================
       BUTTON
       ===================================================== */

    .kd-faq-button {

      display:
        flex;

      align-items:
        center;

      justify-content:
        center;

      width:
        100%;

      max-width:
        100%;

      min-width:
        0;

      min-height:
        51px;

      margin:
        0;

      padding:
        12px 18px;

      font-family:
        inherit;

      font-size:
        13px;

      line-height:
        1.35;

      font-weight:
        700;

      text-align:
        center;

      text-decoration:
        none;

      white-space:
        normal;

      overflow-wrap:
        break-word;

      border:
        1px solid transparent;

      border-radius:
        0;

      cursor:
        pointer;

      transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;

    }


    /* =====================================================
       PRIMARY
       ===================================================== */

    .kd-faq-button-primary {

      background:
        #FFFFFF;

      border-color:
        #FFFFFF;

      color:
        #27323C;

    }


    .kd-faq-button-primary:hover {

      background:
        #F4F7F7;

      border-color:
        #F4F7F7;

      color:
        #27323C;

      transform:
        translateY(-2px);

    }


    /* =====================================================
       SECONDARY
       ===================================================== */

    .kd-faq-button-secondary {

      background:
        transparent;

      border-color:
        rgba(255,255,255,0.68);

      color:
        #FFFFFF;

    }


    .kd-faq-button-secondary:hover {

      background:
        rgba(255,255,255,0.12);

      border-color:
        #FFFFFF;

      color:
        #FFFFFF;

      transform:
        translateY(-2px);

    }


    /* =====================================================
       TABLET
       <= 980px
       ===================================================== */

    @media (max-width: 980px) {

      .kd-faq-cta {

        padding:
          70px 0;

      }


      .kd-faq-cta-container {

        width:
          calc(100% - 40px);

        max-width:
          900px;

      }


      .kd-faq-cta-inner {

        gap:
          40px;

      }


      .kd-faq-cta-title {

        font-size:
          clamp(
            28px,
            4vw,
            38px
          );

      }


      .kd-faq-cta-text {

        font-size:
          14px;

      }


      .kd-faq-cta-actions {

        flex:
          0 1 215px;

        width:
          215px;

        max-width:
          215px;

        padding-left:
          22px;

      }

    }


    /* =====================================================
       TABLET / MOBILE
       <= 767px
       ===================================================== */

    @media (max-width: 767px) {

      .kd-faq-cta {

        padding:
          60px 0;

      }


      .kd-faq-cta-container {

        width:
          calc(100% - 32px);

        max-width:
          100%;

      }


      .kd-faq-cta-inner {

        display:
          flex;

        flex-direction:
          column;

        align-items:
          stretch;

        justify-content:
          flex-start;

        gap:
          30px;

      }


      .kd-faq-cta-copy {

        width:
          100%;

        max-width:
          100%;

        min-width:
          0;

      }


      .kd-faq-cta-label {

        margin-bottom:
          11px;

        font-size:
          10px;

        letter-spacing:
          0.14em;

      }


      .kd-faq-cta-title {

        width:
          100%;

        max-width:
          100%;

        font-size:
          29px;

        line-height:
          1.2;

        letter-spacing:
          -0.025em;

      }


      .kd-faq-cta-text {

        max-width:
          100%;

        margin-top:
          15px;

        font-size:
          14px;

        line-height:
          1.75;

      }


      .kd-faq-contact-note {

        max-width:
          100%;

        margin-top:
          20px;

        font-size:
          11px;

      }


      .kd-faq-cta-actions {

        display:
          flex;

        flex-direction:
          column;

        width:
          100%;

        max-width:
          100%;

        padding:
          25px 0 0;

        border-left:
          0;

        border-top:
          1px solid
          rgba(255,255,255,0.22);

        gap:
          9px;

      }


      .kd-faq-button {

        width:
          100%;

        max-width:
          100%;

        min-height:
          49px;

        padding:
          11px 16px;

        font-size:
          12px;

      }

    }


    /* =====================================================
       SMALL MOBILE
       <= 480px
       ===================================================== */

    @media (max-width: 480px) {

      .kd-faq-cta {

        padding:
          52px 0;

      }


      .kd-faq-cta-container {

        width:
          calc(100% - 28px);

      }


      .kd-faq-cta-title {

        font-size:
          27px;

      }


      .kd-faq-cta-text {

        font-size:
          13px;

      }


      .kd-faq-contact-note {

        font-size:
          10px;

      }


      .kd-faq-contact-divider {

        margin:
          0 6px;

      }

    }