@media only screen and (max-width: 1024px) {

    .btn-lg-success-fixed, .btn-lg-success-fixed:hover {
        text-decoration: none;
        padding: 20px 116px;
        justify-content: center;
        text-align: center;
        gap: 8px;
        border-radius: 8px;
        background: #00B779;

        /* Shadow/xs */
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
        color: #FFF;

        /* H3/Medium */
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 45px; /* 140.625% */
    }
  
    .btn-success {
        color: #fff;
        background: #00B779 !important;
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
        border-radius: 4px !important;
    }

    

    .title-txt-1 {
        color: #FFF;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .title-txt-2 {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .title-txt-3{
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .our-mission {
        padding: 60px 24px;
    }

    .p-txt-1 {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62px; /* 193.75% */
    }

    .kf-header {
        padding-top: 60px;
        background: #333;
        overflow: hidden;
      position: relative;
    }

    .kf-header-title {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .kf-header .bg-header {
      position: absolute;
      z-index: 0;
      right: 0;
      bottom: -30%;
      height: 60%;
    }

    .kf-header .container {
      position: relative;
      z-index: 1;
    }
    .bg-header .tab-content {
        padding-right: 24px;
    }

    .kf-header .tab-nav {
        padding: 8px;
        overflow: hidden;
        border-radius: 36px;
        background: #404040;
        display: inline-block;
    }

    .kf-header .tab-txt {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 71px; /* 221.875% */
        padding-top: 24px;
        padding-bottom: 48px;
        /*height: 900px;*/
    }

    .kf-header .tab-img {
        display: block;
        width: 100%;
    }

    .kf-header .nv-link {
        text-decoration: none;
        display: inline-block;
        padding: 8px 16px;
        border-radius: 46px;
        background: #585858;
        color: #FFF;

        /* Body/Regular */
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .kf-header .nv-link.active,
    .kf-header .nv-link:hover {
        background: #00B779;
    }


    .hiw-card .img {
        overflow: hidden;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        max-height: 400px;
    }

    .hiw-card img {
      width: 100%;
      max-width: 700px;
      object-fit: contain;
    }

    .hiw-card .row {
      padding: 52px 40px 20px;
    }

    .hiw-card {
        margin-bottom: 32px;
        border-radius: 16px;
        background: #FFF;

        /* Info Card */
        box-shadow: 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01), 0 5.95923px 8.93885px 0 rgba(68, 55, 0, 0.01), 0 45.68746px 80.44965px 0 rgba(68, 55, 0, 0.01), 0 99.32056px 174.80418px 0 rgba(68, 55, 0, 0.02), 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01);
    }

    .hiw-card .title {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .hiw-card .desc {
        color: #454545;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px; /* 193.798% */
    }

    .visualise {
        padding: 24px 24px 0 24px;
        overflow: hidden;
        border-radius: 16px;
    background:  linear-gradient(223deg, #00B779 2.67%, #087953 100%);
    box-shadow: 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01), 0 5.95923px 8.93885px 0 rgba(68, 55, 0, 0.01), 0 8.93885px 16.88449px 0 rgba(68, 55, 0, 0.01), 0 15.89129px 27.80976px 0 rgba(68, 55, 0, 0.01), 0 25.82335px 45.68746px 0 rgba(68, 55, 0, 0.01), 0 45.68746px 80.44965px 0 rgba(68, 55, 0, 0.01), 0 99.32056px 174.80418px 0 rgba(68, 55, 0, 0.02), 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01);
    }

    .visualise .title {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    padding-bottom: 10px;

    }

    .visualise .desc {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px; /* 193.798% */
    }

    .visualise .img {
        background-image: url('images-optimal/VisualizeProjectOutcomes.webp');
        background-size: 523px 616px;
        background-repeat: no-repeat;
        width: 100%;
        height: 400px;
        background-position: top right;
    }

    .title-txt-4 {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .p-txt-2 {
        color: #454545;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px;
    }

    .header-1 {
        color: #454545;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .header-110 {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .header-100 {
        color: #454545;
        font-family: 'Inter', sans-serif;
        font-size: 71px;
        font-style: normal;
        font-weight: 700;
        line-height: 96px; /* 135.211% */
        letter-spacing: 0.71px;
    }

    .uc-card {
        display: none;
        margin-bottom: 32px;
    }

    .uc-card.active {
        display: block;;
    }

    .uc-card .img {
        width: 100%;
        overflow: hidden;
        border-radius: 24px;
        margin-bottom: 12px;
    }
    
    .uc-card .img img {
      width: 100%;
    }

    .uc-card .title {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 12px;
    }

    .uc-card .desc {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px; /* 193.798% */
    }

    .pb-card {
        margin-bottom: 32px;
        margin-top: 32px;
        display: none;
    }

    .pb-card.active {
        display: block;
    }

    .pb-card .title {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 54px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .pb-card .img {
        width: 100%;
        overflow: hidden;
    }

    .pb-card .desc {
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px; /* 193.798% */
    }

    .why-card {
        float: left;
        margin-bottom: 24px;
        width: 695px;
        height: 650px;
        margin-right: 12px;
        padding: 16px;
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01), 0 5.95923px 8.93885px 0 rgba(68, 55, 0, 0.01), 0 8.93885px 16.88449px 0 rgba(68, 55, 0, 0.04), 0 1.98641px 3.97282px 0 rgba(68, 55, 0, 0.01);
    }

    .why-card.slight-green-bg {
        background: #E0F6EF;
    }

    .why-card .title {
        color: #00B779;
        font-family: 'Inter', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .why-card .desc {
        color: #454545;
        font-family: 'Inter', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 62.015px;
    }

    .why-card img {
      width: 100px;
      height: 100px;
    }

    .kf-switch-btn, .kf-switch-btn:hover {
        margin-top: 32px;
        display: block;
        width: 100%;
        border-radius: 46px;
        background-color: #00B779;
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 42.769px; /* 142.564% */
        text-decoration: none;
        padding: 10px 16px;
    }

    .kf-switch-btn .link-txt {
        background-image: url('images/icons/arrow_down.svg');
        background-repeat: no-repeat;
        background-position: center right;
        display: block;
    }

    .left-arr-btn {
        float: left;
        width: 83px;
        height: 83px;
        display: block;
        border-radius: 83px;
        background: #FFF;
        box-shadow: 0 8px 19px 2px rgba(66, 105, 206, 0.08);
        background-image: url('images/icons/arrow_left.svg');
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 24px;
    }

    .right-arr-btn {
        float: left;
        display: block;
        width: 83px;
        height: 83px;
        border-radius: 83px;
        background: #FFF;
        box-shadow: 0 8px 19px 2px rgba(66, 105, 206, 0.08);
        background-image: url('images/icons/arrow_right.svg');
        background-position: center;
        background-repeat: no-repeat;
    }

    .left-arr-btn.dark {
        background: #00B779;
        background-image: url('images/icons/arrow_left_white.svg');
        background-position: center;
        background-repeat: no-repeat;
    }

    .right-arr-btn.dark {
        background: #00B779;
        background-image: url('images/icons/arrow_right_white.svg');
        background-position: center;
        background-repeat: no-repeat;
    }

    .tablet-header-row {
      justify-content: space-between;
    }

    .container-main {
      min-height: 600px;
    }

    .main-section_btn {
      position: absolute;
      text-align: center;
      margin-top: 350px;
      width: 100%;
      left: 0;
    }

  .kf-contact-btn {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .hiw-card_with-bg {
    padding-bottom: 350px;
  }
}