@media only screen and (min-width: 1440px) and (max-width: 1700px) {
    h1 {
        font: normal normal 400 80px / 100% var(--font-primary);
        letter-spacing: -1.6px;
    }

    h2 {
        font: normal normal 400 64px / 100% var(--font-primary);
        letter-spacing: -1.2px;
    }

    h3 {
        font: normal normal 400 52px / 132% var(--font-primary);
        letter-spacing: -0.86px;
    }

    h4 {
        font: normal normal 400 38px / 100% var(--font-primary);
        letter-spacing: -0.76px;
    }

    h5 {
        font: normal normal 400 24px / 100% var(--font-primary);
        letter-spacing: -0.52px;
    }

    h6 {
        font: normal normal 400 20px / 140% var(--font-secondary);
    }

    .btn {
        font: normal normal 300 20px / 140% var(--font-secondary);
        padding: 12px 40px;
        gap: 8px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1240px;
    }

    .main_heading {
        gap: 32px;
    }

    .header {
        padding: 36px 62px;
    }

    .header.scrolled {
        padding: 24px 56px;
    }

    .header_logo img {
        width: 136px;
    }

    .btn_getStarted {
        font: normal normal 300 14px / 140% var(--font-secondary);
        padding: 6px 16px;
    }

    .btn_getStarted img {
        width: 16px;
    }

    .header_menu {
        gap: 16px;
    }

    .hero_banner .banner_content {
        gap: 24px;
    }

    .about_us {
        padding: 156px 0;
    }

    .about_us .about_content {
        width: 100%;
        margin-top: 132px;
        padding: 60px 0 90px;
    }

    .about_us .about_inrGrid {
        grid-template-columns: 480px 420px;
        gap: 100px 0;
    }

    .about_us .about_inrGrid .card_box h5 {
        border-left: 3px solid var(--Primary);
        padding-left: 16px;
    }

    .our_services {
        padding-bottom: 220px;
    }

    .our_services .services_heading h2 {
        font: normal normal 300 100px / 100% var(--font-primary);
        letter-spacing: -2px;
    }

    .our_services .services_inr {
        margin-top: 120px;
        row-gap: 160px;
    }

    .our_services .card_box img {
        height: 500px;
    }

    .our_services .card_box::before {
        left: -20px;
        top: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px);
    }

    .our_services .card_info {
        gap: 24px;
    }

    .our_services .card_info .btn_infoService {
        width: 56px;
        height: 56px;
    }

    .our_services .card_info .btn_infoService img {
        width: 20px;
    }

    .our_services .services_inr::before,
    .our_services .services_inr::after {
        width: 374px;
        height: 540px;
    }

    .our_ecosystem {
        padding: 132px 0;
    }

    .our_ecosystem .slide_ecosystem {
        margin-top: 72px;
    }

    .our_ecosystem .card_box .content_block {
        gap: 20px;
        padding: 24px;
    }

    .our_ecosystem .card_box .content_block h5 {
        font: normal normal 400 28px / 100% var(--font-primary);
        letter-spacing: -0.6px;
    }

    .our_ecosystem .card_box .content_block .btn_infoEcosytem {
        width: 56px;
        min-width: 56px;
        height: 56px;
    }

    .our_ecosystem .card_box .content_block .btn_infoEcosytem img {
        width: 20px;
    }

    .our_ecosystem .slick-dots {
        margin: 60px 0;
    }

    .bespoke_solutions {
        padding: 160px 0 140px;
    }

    .bespoke_solutions .main_heading {
        max-width: 85%;
    }

    .bespoke_solutions .solutions_inr {
        margin: 70px 0 60px;
    }

    .bespoke_solutions .card_box .img_box img {
        height: 520px;
    }

    .bespoke_solutions .card_box .content_block {
        padding: 20px 24px 32px;
    }

    .bespoke_solutions .card_box .content_block span {
        padding: 10px 8px;
    }

    .bespoke_solutions .card_box .content_block h5 {
        line-height: 20px;
        letter-spacing: -0.52px;
        margin-top: -4px;
    }

    .bespoke_solutions .card_box .content_onHover {
        padding: 24px;
        gap: 28px;
    }

    .clientCase_section {
        padding: 142px 0 0;
    }

    .clientCase_section .main_heading {
        gap: 24px;
    }

    .clientCase_section .content_info {
        gap: 32px;
        margin-top: 36px;
    }

    /* .clientCase_section .slider_clientCase {
        margin-top: 106px;
    } */

    .clientCase_section .slider_clientCase .card_item img {
        height: 600px;
    }

    .clientCase_section .clientCase_controls {
        bottom: 38px;
    }

    .clientCase_section .clientCase_controls .slick-arrow {
        width: 56px;
        height: 56px;
    }

    .clientCase_section .clientCase_controls .slick-arrow img {
        width: 20px;
    }

    .clientCase_section .client_counter {
        font: normal normal 400 32px / 100% var(--font-primary);
        letter-spacing: -0.6px;
    }

    .clientCase_section .client_counter .current {
        font: normal normal 400 56px / 100% var(--font-primary);
        letter-spacing: -1.1px;
    }

    .how_weWork {
        border-top: 6px solid #D2A63D;
        padding: 160px 0 290px;
    }

    .how_weWork .work_inrGrid {
        grid-template-columns: repeat(4, 342px);
        gap: 60px;
        margin: 68px auto 0;
        padding-left: 16px;
        max-width: 1240px;
    }

    .how_weWork .work_inrGrid .card_box .info_card h4 {
        font: normal normal 600 34px / 130% var(--font-primary);
        letter-spacing: -0.88px;
    }

    .how_weWork .work_inrGrid .card_box .info_card span {
        font: normal normal 300 14px / 140% var(--font-secondary);
        max-width: 220px;
    }

    .how_weWork .work_inrGrid .card_box .brdr {
        width: 100px;
    }

    .how_weWork .work_inrGrid .card_box .info_card {
        margin-top: -36px;
        gap: 8px;
    }

    .how_weWork .work_inrGrid .card_box .step_index {
        font: normal normal 800 128px / 100% var(--font-primary);
        letter-spacing: -2px;
    }

    .brand_partners {
        padding: 160px 0 68px;
    }

    .brand_partners .main_heading {
        gap: 24px;
    }

    .brand_partners .brands_logo {
        margin-top: 68px;
    }

    .brand_partners .brands_logo .logo img {
        height: 88px;
    }

    .branding_logo {
        padding: 52px 0 80px;
    }

    .whyChoose_filtah {
        padding: 62px 0 160px;
    }

    .whyChoose_filtah .whyCf_heading h2 {
        font: normal normal 400 64px / 100% var(--font-primary);
        letter-spacing: -1.2px;
    }

    .whyChoose_filtah .whyChoose_grid {
        grid-template-columns: repeat(3, 480px);
        gap: 80px;
        margin: 116px auto 0;
        max-width: 1240px;
    }

    .whyChoose_filtah .whyChoose_grid .card_box::before {
        width: calc(100% - 98px);
    }

    .whyChoose_filtah .whyChoose_grid .card_box h4 {
        font: normal normal 500 42px / 100% var(--font-primary);
        letter-spacing: -0.82px;
    }

    .whyChoose_filtah .whyChoose_grid .card_box {
        padding: 48px 124px 56px 0;
    }

    .our_newsletter {
        height: 600px;
    }

    .our_newsletter .newsletter_inr {
        gap: 28px;
    }

    .footer {
        padding: 82px 0;
    }

    .footer .footer_inr .logo img {
        width: 180px;
    }

    .footer .footer_inr {
        gap: 42px;
    }

    .footer .footer_inr .ftr_nav {
        gap: 24px;
    }

    .footer .footer_inr .ftr_nav .ftr_navMenu {
        gap: 32px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {}

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