@media (max-width: 1400px) {
    .service-cta-col-right-content {
        padding: 24px 16px;
    }

    .service-cta-wrap {
        padding: 24px 16px;
    }
}

@media (max-width:1300px) {

    .service-cta-row .service-cta-col-left,
    .service-cta-row .service-cta-col-right {
        width: 50%;
    }
}

@media (max-width: 1240px) {
    .pricing-package-list .pricing-package-list-item {
        width: 33.33%;
    }

    .pricing-package-list .pricing-package-list-item:has(.is-bucket) {
        width: 100%;
    }

    .package-item.is-bucket {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 48px;
    }

    .package-item.is-bucket>* {
        flex: 1;
    }

    .header-menu ul a {
        font-size: var(--text-md);
    }

    .header-menu ul {
        gap: 16px;
    }

    .header-menu ul li+li::before {
        left: -8px;
    }

    .header-action .btn {
        padding: 10px 16px;
    }

    .footer-box .title-wrap {
        width: 80%;
    }

}

@media (max-width: 1100px) {
    .more-client-item {
        position: static;
    }

    .more-client-col {
        width: 100%;
    }

    .footer-quick-links {
        gap: 32px;
    }

    .location-list {
        gap: 48px;
    }

    .pricing-bottom-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-cta-row .service-cta-col-left,
    .service-cta-row .service-cta-col-right {
        width: 100%;
    }

    .service-cta-col-left-content {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    :root {
        --section-top-padding: 60px;
        --section-bottom-padding: 60px;
        --font-h1-large: 52px;
        --font-h1: 52px;
        --font-h2: 40px;
        --font-h3: 32px;
        --font-h4: 28px;
        --font-h5: 22px;
        --font-h6: 20px;
        --text-xl: 20px;
    }

    .header-wrap .header-menu {
        display: none;
    }

    .milestone-reviews ul {
        margin: 0 -16px;
    }

    .milestone-reviews ul li {
        padding: 0 16px;
    }

    .get-in-plan-list .get-in-plan-list-item {
        width: 33.33%;
    }

    .package-item-price-value {
        height: 31px;
    }

    .is-annual-active .package-item-price-value .package-item-price-value-inner {
        transform: translate(0, -35px);
    }

    .stats-wrap {
        flex-wrap: wrap;
    }

    .stats-wrap .stats-item {
        width: calc(50% - 10px);
    }

    .third-option-box {
        padding: 32px;
    }

    .partnership-step-item .step-number {
        font-size: 80px;
        padding-bottom: 10px;
        margin-top: -75px;
    }

    .commitment-card,
    .commitment-guarantee-box {
        padding: 24px;
    }

    .commitment-number {
        width: 56px;
        height: 56px;
        margin-top: -56px;
    }

    .comparison-col {
        font-size: 14px;
        padding: 6px 12px;
    }
}

@media (max-width: 991px) {
    .problem-state-item .problem-state-item-text {
        max-width: 100%;
    }

    .featured-list .featured-list-item {
        width: 33.33%;
    }

    .expertise-list .expertise-list-item {
        width: 25%;
    }

    .why-choose-list .why-choose-list-item {
        width: 50%;
    }

    .pricing-col-package {
        grid-column: span 12 / span 12;
    }

    .pricing-col-bucket {
        grid-row: span 1 / span 1;
        grid-column-start: 1;
        grid-column: span 12 / span 12;
    }

    .pricing-col-info {
        grid-row-start: auto;
        grid-column: span 12 / span 12;
    }

    .package-item-additional-info {
        flex-direction: row;
    }

    .package-item-additional-info .bucket-item {
        flex: 1;
    }

    .testimonial-list .testimonial-list-item {
        width: 50%;
    }

    .footer-box {
        flex-direction: column;
        padding: 100px 40px;
        gap: 48px;
        background: var(--color-primary);
    }

    .footer-box .title-wrap {
        width: 100%;
        text-align: center;
    }

    .footer-box .title-wrap .cta:has(.btn + .btn) {
        justify-content: center;
    }

    .footer-box .footer-box-img {
        width: 100%;
    }

    .footer-box .cta-circle-shape {
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
    }

    .copyright-wrap {
        flex-direction: column-reverse;
        gap: 16px;
    }

    .problem-state-list.is-4-column .problem-state-list-item {
        width: 50%;
    }

    .package-item .package-item-title-text {
        min-height: 16px;
    }

    .pricing-package-list .pricing-package-list-item {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }

    .pricing-col-info {
        max-width: 80%;
        margin: 0 auto;
    }

    .pricing-additional-info {
        flex-direction: column;
        gap: 48px;
    }

    .pricing-additional-info .separator {
        display: none;
    }

    .pricing-package-type {
        position: sticky;
        top: 90px;
        z-index: 123;
    }

    .hiw-row {
        flex-wrap: wrap;
    }

    .hiw-row .hiw-col-right {
        width: 100%;
        white-space: normal;
    }

    .stats-wrap {
        flex-direction: row;
    }

    .hiw-row .hiw-col-left,
    .hiw-row .hiw-col-right {
        width: 100%;
    }

    .aspect-video {
        aspect-ratio: 16 / 9;
    }

    .partnership-steps-list {
        flex-direction: column;
        gap: 48px;
        margin-top: 32px;
    }

    .partnership-steps-list::before {
        display: none;
    }

    .commitments-grid {
        flex-wrap: wrap;
    }

    .three-x-box {
        width: 100%;
        min-height: 280px;
        height: auto;
    }

    .commitment-box-wrap {
        width: 100%;
    }

    .pricing-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pricing-bottom-row {
        flex-direction: column;
    }

    .pricing-bottom-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-box ul {
        margin-top: 0;
    }

    .scale-smooth-content {
        flex-direction: column;
        text-align: center;

    }
}

@media (max-width: 767px) {
    :root {
        --section-top-padding: 48px;
        --section-bottom-padding: 48px;
        --font-h1-large: 48px;
        --font-h1: 40px;
        --font-h2: 28px;
        --font-h3: 24px;
        --font-h4: 22px;
        --font-h5: 20px;
        --font-h6: 18px;
        --text-xl: 18px;
        --text-lg: 18px;
        --text-base: 16px;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .title-wrap {
        padding-bottom: 48px;
    }

    .title-wrap p {
        font-size: var(--text-xl);
    }

    .title-wrap .cta:has(.btn + .btn) {
        column-gap: 12px;
    }

    .header-wrap header .logo {
        max-width: 180px;
    }

    .header-wrap header .header-action .btn {
        font-size: 0;
        gap: 0;
    }

    .banner-section {
        padding: 120px 0 48px;
    }

    .banner-section .banner-content {
        padding-bottom: 0px;
    }

    .banner-section .banner-content .btn-group {
        gap: 12px;
    }

    .stats-wrap {
        gap: 16px;
    }

    /* .stats-wrap .stats-item .stats-item-number {
        font-size: var(--font-h1);
        margin-top: auto;
    } */

    .stats-wrap .stats-item .stats-item-number span svg {
        width: 20px;
        height: 20px;
    }

    .problem-state-list .problem-state-list-item {
        width: 100%;
    }

    .trusted-client-list {
        column-gap: 8px;
        row-gap: 4px;
    }

    .featured-list .featured-list-item {
        width: 50%;
    }

    .featured-item .featured-item-icon {
        padding: 6px;
        width: 48px;
        height: 48px;
    }

    .featured-item {
        gap: 8px;
    }

    .featured-item .featured-item-title {
        font-size: var(--text-sm);
    }

    .featured-item .featured-item-text {
        font-size: var(--text-sm);
    }

    .expertise-list {
        margin: 0 -4px;
        row-gap: 8px;
    }

    .expertise-list .expertise-list-item {
        width: 50%;
        padding: 0 4px;
    }

    .expertise-item .expertise-item-text {
        font-size: var(--text-sm);
    }

    .expertise-item .expertise-item-img img {
        max-width: 60px;
    }

    .pricing-package-list .pricing-package-list-item {
        width: 100%;
        max-width: 100%;
    }

    .package-item.is-bucket {
        display: block;
    }

    .package-item .package-item-title-text {
        min-height: 20px;
    }

    .package-item .package-item-price {
        font-size: var(--font-h2);
    }

    .package-item-additional-info {
        flex-direction: column;
    }

    .pricing-col-info {
        max-width: 100%;
    }

    .testimonial-list .testimonial-list-item {
        width: 100%;
    }

    .testimonial-item {
        padding: 24px;
        gap: 32px;
        font-size: var(--text-lg);
    }

    .footer-menu ul {
        flex-wrap: wrap;
        row-gap: 8px;
    }

    .footer-box {
        padding: 48px 20px;
    }

    .expertise-item .expertise-item-img {
        height: 80px;
    }

    .expertise-item .expertise-item-content {
        padding: 16px 8px;
    }

    .why-choose-list .why-choose-list-item {
        width: 100%;
    }

    .why-choose-item .why-choose-item-content {
        margin-top: 0;
        padding: 24px;
    }

    .faq-item .faq-question {
        padding-left: 16px;
    }

    .faq-answer .faq-answer-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .milestone-reviews ul {
        margin: 0 -8px;
    }

    .milestone-reviews ul li {
        padding: 0 8px;
    }

    .problem-state-list.is-4-column .problem-state-list-item {
        width: 100%;
    }

    .get-in-plan-list .get-in-plan-list-item {
        width: 100%;
    }

    .all-include-cta {
        flex-direction: column;
        gap: 24px;
    }

    .all-include-cta .title-wrap {
        text-align: center;
    }

    .all-include-cta ul li {
        font-size: var(--text-lg);
        font-weight: 500;
    }

    .hiw-row .hiw-col-right {
        padding: 0 16px;
    }

    .footer-quick-links {
        flex-direction: column;
        gap: 48px;
    }

    .location-list {
        gap: 24px;
    }

    .footer-menu ul {
        flex-direction: row;
        column-gap: 0;
    }

    .footer-menu ul li {
        width: 50%;
    }

    .banner-btn-group {
        flex-wrap: wrap;
    }

    .banner-section .banner-content .banner-btn-group .btn-group {
        width: 100%;
    }

    .banner-section .banner-content .banner-btn-group .btn-group a {
        width: 100%;
    }

    .marquee-container {
        gap: 32px;
        flex-wrap: wrap;
    }

    .marquee-text {
        align-items: center;
        width: 100%;
    }

    .more-client-list li {
        width: 100%;
    }

    .more-client-list {
        gap: 32px;
    }

    .third-option-item,
    .third-option-tag ul li {
        width: 100%;
    }

    .marquee-section .container {
        padding: 0;
    }

    .marquee-section {
        padding-top: 32px;
    }

    .partnership-step-item .step-number {
        margin-top: 0;
        font-size: 60px;
        line-height: 0.8;
        padding-bottom: 16px;
    }

    .partnership-step-item {
        padding: 24px 16px;
    }

    .partnership-steps-list {
        gap: 32px;
    }

    .scale-smooth {
        padding: 24px 16px;
    }

    .platform-expertise-row {
        flex-direction: column;
        gap: 40px;
    }

    .platform-expertise-col-left {
        width: 100%;
        position: static;
    }

    .platform-expertise-col-right {
        width: 100%;
    }

    .platform-list-item {
        padding: 24px 16px;
        flex-direction: column;
        gap: 16px;
        position: static;
    }

    .commitment-box-wrap li {
        width: 100%;
    }

    .commitment-number {
        margin-top: 0;
    }

    .commitments-grid {
        gap: 24px;
    }

    .comparison-section {
        display: none;
    }

    .pricing-cards-grid {
        grid-template-columns: 1fr;
    }

    .pricing-bottom-features {
        grid-template-columns: 1fr;
    }

    .pricing-bottom-left,
    .pricing-bottom-right {
        padding: 24px;
    }

    .overall-review ul {
        row-gap: 32px;
    }

    .overall-review ul li {
        width: 100%;
    }

    .overall-review {
        margin-bottom: 32px;
    }

    .services-list-wrap ul li:last-child {
        border: 0;
    }

    .services-list-wrap ul li {
        border: 0;
        padding: 12px 0;
    }


    .service-item {
        width: 100%;
    }

    .service-btn-wrap {
        flex-direction: column;
    }

    .header-action .is-outline {
        display: none;
    }

    .call-btn svg {
        display: block;
    }
}