@media (max-width: 1600px) {
    .slider-arrow {
        position: relative;
        top: 0;
        transform: none;
    }
    .slider-arrow.embla__prev {
        left: 0;
    }
    .slider-arrow.embla__next {
        right: 0;
    }
    .slider-actions {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 24px;
        padding-top: 40px;
    }
    .slider-actions .slider-arrow {
        flex-shrink: 0;
    }
    .slider-actions .slider-dot {
        padding-top: 0;
        width: 100%;
    }
}
@media (max-width: 1400px) {
    :root {
        --font-h1: 60px;
        --font-h2: 50px;
        --font-h3: 36px;
        --font-h4: 28px;
        --font-h5: 22px;
        --font-h6: 18px;
    }
    .footer-wrap {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1460px) {
    .price-box .price-box-head .icon-box {
        width: 100px;
    }
    .price-box .btn-wrap {
        padding: 6px 15px 24px;
    }
    .circle-animation li .circle-animation-item-content {
        width: 240px;
    }
}
@media (max-width: 1280px) {
    .footer-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer-row {
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 48px;
    }
    .footer-row .col-contact-info {
        width: 45%;
        max-width: 100%;
        order: 1;
    }
    .footer-col {
        width: 20%;
        order: 3;
    }
    .footer-row .col-microsoft-logo {
        width: 45%;
        max-width: 100%;
        text-align: center;
        order: 2;
        align-self: center;
    }
    .solutions-infograph-list {
        row-gap: 46px;
    }
    .solutions-infograph-list .solutions-infograph-list-item {
        padding-right: 100px;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(2n) {
        padding-left: 100px;
    }
    .solutions-infograph .solution-animation-frame {
        max-width: 600px;
        top: 12px;
    }
    .solutions-infograph .solution-animation-icon {
        width: 80px;
        height: 80px;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(3) .solutions-infograph-item {
        padding-right: 58px;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(4) .solutions-infograph-item {
        padding-left: 58px;
    }
    .solutions-infograph-item .solutions-infograph-item-icon {
        width: 94px;
        height: 94px;
    }
    .solutions-infograph-item .solutions-infograph-item-icon .solutions-infograph-item-icon-inner {
        width: 78px;
        height: 78px;
    }
    .solutions-infograph-item .solutions-infograph-item-icon .solutions-infograph-item-icon-inner img {
        max-width: 50px;
    }
}

@media (max-width: 1200px) {
    .statistics-list.is-icon-list .statistics-list-item {
        width: 33.33%;
    }
    .statistics-list.is-icon-list .statistic-item .statistic-item-icon {
        width: 70px;
    }
    .feature-list.is-hoizontal .feature-item {
        padding: 16px;
    }
    .feature-list.is-hoizontal .feature-item .feature-item__icon {
        width: 60px;
        height: 60px;
    }
    .implementation-list .implementation-list-item {
        width: 33.33%;
    }
    .feature-list.is-column-4 .feature-list-item {
        width: 33.33%;
    }
    .subscribe-box {
        padding: 100px 32px;
    }
    .circle-animation li .circle-animation-item-content {
        width: 200px;
    }
}

@media (min-width: 1101px) {
    .mega-menu {
        display: block !important;
    }
    .price-box-wrap .price-box-item {
        width: 22.192%;
    }
    .price-box-wrap .price-box-item:first-child {
        width: 33.424%;
    }
    .price-box .price-box-content ul li strong {
        display: none;
    }
    .price-box-item:nth-child(1) .price-box .price-box-content {
        width: calc(100% + 24px);
        padding-left: 18px;
        border-radius: 24px 0 0 24px;
        border-left: 1px solid var(--color-gray-200);
    }
    .price-box-item:nth-child(2) .price-box .price-box-content {
        width: calc(100% + 24px);
    }
    .price-box-item:nth-child(2) .price-box .price-box-content ul {
        border-radius: 24px 0 0 24px;
    }
    .price-box-item:nth-child(4) .price-box .price-box-content ul {
        border-radius: 0 24px 24px 0;
    }
    .price-box-item:nth-child(4) .price-box .price-box-content {
        width: calc(100% + 24px);
        margin-left: -24px;
        border-right: 1px solid var(--color-gray-200);
        border-radius: 0 24px 24px 0;
        padding-right: 18px;
    }
    .circle-animation-wrap .circle-arrow-shape {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 511px;
        height: 511px;
        transform: translate(-50%, -50%);
        pointer-events: none;
        user-select: none;
    }
    .circle-animation-wrap .circle-animation-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        user-select: none;
    }
    .circle-animation {
        position: relative;
        width: 511px;
        height: 511px;
        list-style: none;
        margin: 50px auto;
        padding: 0;
        --radius: 228px;
        z-index: 1;
    }
    .circle-animation li {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 166px;
        margin: -83px;
        opacity: 0;
        visibility: hidden;
    }
    .circle-animation li .circle-animation-item-content {
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 16px;
        margin-left: 24px;
    }
    .circle-animation li:nth-child(1) {
        transform: rotate(-90deg) translate(var(--radius)) rotate(90deg);
    }
    .circle-animation li:nth-child(2) {
        transform: rotate(-18deg) translate(var(--radius)) rotate(18deg);
    }
    .circle-animation li:nth-child(3) {
        transform: rotate(54deg) translate(var(--radius)) rotate(-54deg);
    }
    .circle-animation li:nth-child(4) {
        transform: rotate(126deg) translate(var(--radius)) rotate(-126deg);
    }
    .circle-animation li:nth-child(5) {
        transform: rotate(198deg) translate(var(--radius)) rotate(-198deg);
    }

    .circle-animation.aos-animate li {
        opacity: 1;
        visibility: visible;
    }
    .circle-animation.aos-animate li:nth-child(1) {
        transition-delay: 0.3s;
    }
    .circle-animation.aos-animate li:nth-child(2) {
        transition-delay: 0.6s;
    }
    .circle-animation.aos-animate li:nth-child(3) {
        transition-delay: 0.9s;
    }
    .circle-animation.aos-animate li:nth-child(4) {
        transition-delay: 1.1s;
    }
    .circle-animation.aos-animate li:nth-child(5) {
        transition-delay: 1.4s;
    }

    .circle-animation li:nth-child(1) .circle-animation-item-content {
        margin-left: 80px;
        top: 30%;
    }
    .circle-animation li:nth-child(4) .circle-animation-item-content,
    .circle-animation li:nth-child(5) .circle-animation-item-content {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 24px;
        text-align: right;
    }

    .circle-animation li:nth-child(2) .circle-animation-item-icon:before {
        transform: rotate(120deg);
    }
    .circle-animation li:nth-child(3) .circle-animation-item-icon:before {
        transform: rotate(196deg);
    }
    .circle-animation li:nth-child(4) .circle-animation-item-icon:before {
        transform: rotate(-96deg);
    }
    .circle-animation li:nth-child(5) .circle-animation-item-icon:before {
        transform: rotate(-30deg);
    }
}
@media (max-width: 1100px) {
    :root {
        --font-h1: 50px;
        --font-h2: 40px;
        --font-h3: 32px;
    }
    [data-tab-panel] {
        transform: translate(0, 0);
    }
    .header-wrap {
        height: 60px;
    }
    .header-wrap header {
        height: 60px;
    }
    .header-wrap header .logo {
        max-width: 130px;
    }
    .menu-toggle {
        display: block;
    }
    .nav-link-toggle {
        pointer-events: all;
        display: flex;
        width: 48px;
        height: 49px;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: absolute;
        right: 0;
        top: 0;
        color: var(--color-gray-900);
    }
    .nav-link-toggle svg {
        transition: var(--transition);
    }
    .nav-link-toggle.open svg {
        transform: rotate(180deg);
    }
    .header-wrap .header-right {
        position: fixed;
        top: 60px;
        width: 100%;
        left: 0;
        height: calc(100dvh - 60px);
        overflow: hidden;
        flex-direction: column;
        align-items: stretch;
        background: var(--color-white);
        opacity: 0;
        visibility: hidden;
        gap: 0;
        transition: var(--transition);
    }
    .menu-show.header-wrap .header-right {
        opacity: 1;
        visibility: visible;
    }
    .menu-show.header-wrap .header-right .menu {
        height: 100%;
        overflow: auto;
    }
    .menu > ul {
        flex-direction: column;
        gap: 0;
    }
    .menu > ul > li {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid var(--color-gray-400);
        flex-wrap: wrap;
        position: relative;
    }
    .menu > ul > li > a {
        padding: 11px 16px;
        width: 100%;
        font-weight: 300;
        color: var(--color-gray-900);
    }
    .mega-menu {
        opacity: 1;
        visibility: visible;
        display: none;
        position: relative;
        top: 0;
        transition: none;
        width: 100%;
        max-height: none;
        box-shadow: none;
        padding: 0px 0px 24px;
    }
    .header-cta {
        display: none;
    }
    .header-wrap .header-right .mobile-cta {
        display: flex;
        margin-top: auto;
    }
    .header-wrap .header-right .mobile-cta .btn {
        width: 100%;
    }
    .sticky-note {
        position: relative;
        top: 0;
    }
    .sticky-note-content {
        font-size: var(--text-base);
    }

    .solutions-section .tabs .tab-nav {
        display: none;
    }
    .solutions-section [data-tabs-hide-active] [data-tab-panel].active {
        display: none;
        opacity: 1;
    }
    .solutions-section [data-tabs-hide-active] [data-tab-panel].is-mobile-active {
        display: block;
        opacity: 1;
    }
    .solutions-section .tab-content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-top: 0;
    }
    .solutions-section [data-tab-target].is-mobile {
        display: block;
    }
    .sticky-nav-section {
        top: 60px;
    }
    .sticky-nav-item {
        padding: 8px 0;
        font-size: var(--text-sm);
    }
    .sticky-nav-section .container {
        padding: 0;
    }
    .sticky-nav-action {
        display: block;
    }
    scrollspy-nav {
        padding: 0 40px;
    }
    scrollspy-nav [data-marker] {
        height: 2px;
    }
    .sticky-nav-items ul {
        gap: 20px;
    }

    .tab-nav.tab-nav-rounded .tab-nav-item {
        padding: 8px 20px;
        font-size: 16px;
    }
    .tab-nav.tab-nav-rounded {
        gap: 8px;
    }
    .why-choose-list .why-choose-list-item {
        width: 50%;
    }
    .feature-left-shape,
    .feature-right-shape {
        display: none;
    }
    .gallery-grid {
        padding-right: 10px;
    }
    .resource-item.is-stories-item.is-storie-two-column {
        flex-direction: column;
    }
    .resource-item.is-stories-item.is-storie-two-column .resource-item-img,
    .resource-item.is-stories-item.is-storie-two-column .resource-item-img a {
        width: 100%;
        aspect-ratio: 1 / 0.7025;
    }
    .resource-item.is-stories-item.is-storie-two-column .resource-item-info {
        width: 100%;
    }
    .latest-blog-row .latest-blog-col-left {
        width: 100%;
    }
    .latest-blog-row .latest-blog-col-right {
        width: 100%;
    }
    .price-box-wrap {
        flex-direction: row;
        flex-wrap: nowrap;
        row-gap: 24px;
        overflow: auto;
        padding-bottom: 16px;
    }
    .circle-animation-wrap {
        margin: 20px 0;
    }
    .circle-arrow-shape,
    .circle-animation-logo {
        display: none;
    }
    .circle-animation-item {
        display: flex;
        align-items: center;
        gap: 24px;
        width: 100%;
    }
    .circle-animation {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .circle-animation li .circle-animation-item-icon {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }
    .circle-animation li .circle-animation-item-content {
        width: 100%;
    }
    .circle-animation li .circle-animation-item-icon img {
        max-width: 60px;
    }
    .circle-animation li .circle-animation-item-icon:before {
        width: calc(100% + 24px);
        height: calc(100% + 24px);
        left: -12px;
        top: -12px;
        border-width: 10px;
        transform: rotate(-45deg);
    }
    /* .price-box-item:nth-child(1) .price-box .price-box-content {
        display: none;
    } */
    /* .price-box .price-box-content ul li {
        flex-direction: column;
        row-gap: 12px;
        align-items: center;
    }
    .is-active .price-box .price-box-content ul li strong {
        color: var(--color-white);
    }
    .price-box .price-box-head {
        min-height: auto;
    }
    .price-box-item:nth-child(1) .price-box .price-box-head {
        min-height: auto;
        flex-direction: column;
    }
    .price-box-item:nth-child(1) .price-box .price-box-head .info {
        padding: 0;
        text-align: center;
    }
    .price-box .btn-wrap {
        padding: 0 15px 20px;
    } */
    .price-box .price-box-content ul li strong {
        display: none;
    }
    .price-box-wrap .price-box-item:not(:nth-child(1)) {
        width: 260px;
        flex-shrink: 0;
    }
    .price-box-wrap .price-box-item:first-child {
        width: 190px;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 12;
        background: #ffffff;
    }
    .price-box-item:nth-child(1) .price-box .price-box-head {
        flex-direction: column;
        padding: 10px;
    }
    .price-box-item:nth-child(1) .price-box .price-box-head .info {
        padding-left: 0;
        text-align: center;
    }
    .price-box-item:nth-child(1) .price-box .price-box-content ul {
        padding: 0 12px;
    }
    .price-box .price-box-content {
        padding: 0;
    }
    .solutions-infograph .solution-animation-frame,
    .solutions-infograph .solution-animation-icon {
        display: none;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(3) .solutions-infograph-item {
        padding-right: 0;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(4) .solutions-infograph-item {
        padding-left: 0;
    }
    .solutions-infograph-list .solutions-infograph-list-item {
        padding-right: 30px;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(2n) {
        padding-left: 30px;
    }
}

@media (min-width: 1025px) and (max-width: 1260px) {
    .product-info-list .product-info-list-item {
        width: 50%;
    }
    .stories-info-detail-box .stories-info {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    .vertical-card-slider {
        height: 800px;
    }
    .vertical-card-slider-viewport .embla__container {
        flex-direction: column;
        margin-top: calc(var(--slide-spacing) * -0.5);
    }
}

@media (max-width: 1024px) {
    :root {
        --font-h3: 28px;
        --font-h4: 24px;
    }
    .footer-wrap {
        padding-top: 100px;
    }
    .footer-wrap .footer-shape-top .f-shape {
        height: auto;
        width: 80px;
    }
    .industry-slider-wrap {
        --slide-size: 50%;
    }
    .transformation-cta-left-img {
        display: none;
    }
    .transformation-cta-section .title-wrap {
        max-width: 540px;
    }
    .home-about-section {
        padding-top: 0;
    }
    .home-about-section .home-about-bg-img {
        position: relative;
        aspect-ratio: 16 / 9;
    }
    .home-about-section .home-about-img-overlay {
        display: none;
    }
    .home-about-section .container {
        padding-top: 80px;
        text-align: center;
    }
    .home-about-row .home-about-col-left {
        width: 70%;
        margin: 0 auto;
    }
    .home-about-row .home-about-col-right {
        width: 100%;
        padding-top: 32px;
        padding-bottom: 8px;
    }
    .contact-info-box {
        padding: 24px 16px;
    }
    .contact-form-box {
        margin-left: 0;
    }
    .resources-slider-wrap {
        --slide-size: 50%;
    }
    .testimonial-item {
        padding: 24px;
    }
    .testimonial-item .quote-icon svg {
        max-width: 50px;
    }
    .slider-actions .slider-dot.is-line {
        width: 100%;
    }
    .statistics-list.is-icon-list .statistic-item {
        font-size: 16px;
    }

    .ai-agent-section .tab-nav.tab-nav-rounded {
        display: none;
    }
    .ai-agent-section [data-tabs-hide-active] [data-tab-panel].active {
        display: none;
        opacity: 1;
    }
    .ai-agent-section [data-tabs-hide-active] [data-tab-panel].is-mobile-active {
        display: block;
        opacity: 1;
    }
    .ai-agent-section [data-tab-target].is-mobile {
        display: flex;
    }
    .ai-agent-section .tab-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .solution-tab-row.col-7-5 .solution-tab-col-right {
        padding-left: 12px;
    }
    .implementation-note {
        flex-direction: column;
        border-radius: 12px;
    }
    .benefit-table .benefit-table-head {
        display: none;
    }
    .benefit-table-row {
        flex-direction: column;
        gap: 0;
    }
    .benefit-table-row .benefit-table-col.is-label {
        width: 100%;
    }
    .benefit-table .benefit-label {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
    }
    .benefit-table .benefit-content {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
    }
    .benefit-table-row .benefit-table-col:first-child .benefit-content {
        border-bottom-width: 1px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    .benefit-table-row .benefit-table-col:not(:last-child) .benefit-content {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-width: 0;
    }
    .benefit-table .benefit-content:before {
        display: block;
    }
    .benefit-table .benefit-content .benefit-content-title {
        display: none;
    }
    .benefit-table .benefit-content h6 {
        font-size: 16px;
    }
    .integrations-box {
        padding: 40px;
    }
    .integrations-box .title-wrap {
        max-width: 480px;
    }
    .vertical-card-slider {
        --slide-height: 100%;
        --slide-spacing: 24px;
        gap: 0;
        flex-direction: column-reverse;
    }
    .vertical-card-slider .slider-actions {
        flex-direction: row;
    }
    .vertical-card-slider .slider-actions .slider-arrow {
        transform: rotate(0);
    }
    .vertical-card-slider .vertical-card-slide {
        padding-top: 0;
        padding-left: var(--slide-spacing);
    }
    .vertical-card-slider-viewport .embla__container {
        margin-left: calc(var(--slide-spacing) * -1);
    }
    .up-running-section {
        padding-top: var(--section-top-padding);
        padding-bottom: var(--section-bottom-padding);
    }
    .up-running-col-left {
        width: 50%;
    }
    .up-running-col-right {
        width: 50%;
    }
    .thank-you-shape {
        max-width: 240px;
    }
    .gallery-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -10px;
        column-gap: 0;
    }
    .gallery-grid li {
        width: 50%;
        padding: 0 10px;
        aspect-ratio: 1 / 0.75 !important;
    }
    .career-detail-row {
        flex-direction: column;
    }
    .career-detail-row .career-detail-col-right {
        width: 100%;
    }
    .career-detail-row .career-detail-col-left .hide-cta-mobile {
        display: none;
    }
    .career-detail-row .career-detail-col-left .download-cta-mobile {
        display: block;
        position: sticky;
        bottom: 0;
        padding: 5px 0;
    }
    .feature-videos-row .feature-videos-col-left {
        width: 55%;
    }
    .feature-videos-row .feature-videos-col-right {
        width: 45%;
    }
    .stories-info .stories-info-text {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    .menu-product-list .menu-product-list-item {
        width: 33.33%;
    }
    .mega-menu .tab-nav {
        flex-wrap: nowrap;
        gap: 2px;
    }
    .mega-menu .tab-nav .tab-nav-item {
        padding: 12px;
        font-size: 16px;
        line-height: 1.2;
    }
    .mega-menu .tab-content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-top: 16px;
    }
    /* .mega-menu [data-tab-target].is-mobile {
        display: block;
    } */

    .footer-col {
        width: 45%;
        order: 3;
    }

    .banner-section .banner-row .banner-col-left {
        width: 100%;
        padding: 48px 16px;
    }
    .banner-section .banner-row .banner-col-right {
        width: 100%;
        padding-top: 0;
        padding-bottom: 48px;
    }
    .banner-section .banner-content {
        max-width: 100%;
    }

    .statistics-list-item {
        width: 33.33%;
    }
    .contact-row {
        flex-direction: column-reverse;
    }
    .contact-row.is-mobile-reverse-column {
        flex-direction: column;
    }
    .contact-row .contact-col-left {
        width: 100%;
    }
    .contact-row .contact-col-right {
        width: 100%;
    }
    .testimonial-item .testimonial-item-content {
        padding-left: 24px;
    }
    .testimonial-item .testimonial-item-text {
        font-size: var(--font-h5);
    }
    .testimonial-item .testimonial-item-text,
    .testimonial-item .testimonial-item-by {
        padding: 0 24px;
    }
    .testimonial-item .testimonial-item-by .h4 {
        font-size: var(--font-h6);
    }

    .solution-banner-row {
        flex-direction: column-reverse;
    }
    .solution-banner-row .solution-banner-col-left {
        width: 100%;
    }
    .solution-banner-row .solution-banner-col-right {
        width: 100%;
    }
    .feature-list .feature-list-item {
        width: 50%;
    }
    .implementation-list .implementation-list-item {
        width: 50%;
    }
    .implementation-note-info {
        flex-direction: column;
        text-align: center;
    }
    .solution-tab-row.col-5-7 .solution-tab-col-right {
        padding-left: 12px;
    }
    .feature-list.is-column-4 .feature-list-item {
        width: 50%;
    }
    .integrations-box {
        flex-direction: column;
    }
    .integrations-box .title-wrap {
        max-width: 100%;
        padding-bottom: 40px;
    }
    .integrations-box .integration-list {
        width: 100%;
        gap: 40px;
    }
    .location-list {
        padding: 20px 0;
    }
    .location-list .location-list-item {
        width: 50%;
    }
    .error-row {
        row-gap: 24px;
    }
    .error-row .error-col-left {
        width: 100%;
    }
    .error-row .error-col-right {
        width: 100%;
    }
    .resource-list .resource-list-item {
        width: 50%;
    }
    .award-item .award-item-img {
        width: 100%;
    }
    .award-item .award-item-content {
        width: 100%;
        padding-left: 0;
        padding-top: 24px;
    }
    .award-item {
        padding: 16px;
        border-radius: 24px;
    }
    .subscribe-box {
        flex-direction: column;
        gap: 24px;
    }
    .subscribe-box .form-wrap,
    .subscribe-box .filter-search {
        width: 100%;
    }

    .solutions-infograph-item {
        gap: 30px;
    }
    .solution-tab-row .solution-tab-col-left,
    .solution-tab-row .solution-tab-col-left img {
        width: 100%;
    }
    .solution-tab-row .solution-tab-col-right {
        width: 100%;
        padding-bottom: 16px;
    }
    .author-box {
        flex-direction: column-reverse;
        gap: 0;
    }
    .author-box .author-box-right {
        width: 100%;
        justify-content: center;
        padding: 16px;
    }
    .author-box .author-box-left {
        padding: 16px 16px 40px;
    }
}

@media (max-width: 767px) {
    :root {
        --font-h1: 40px;
        --font-h2: 32px;
        --font-h3: 26px;
        --font-h4: 22px;
        --font-h5: 20px;
        --text-md: 16px;
        --section-top-padding: 48px;
        --section-bottom-padding: 48px;
    }
    .btn {
        font-size: 16px;
        padding: 8px 24px;
    }
    .mega-menu .mega-menu-title {
        display: none;
    }
    .menu-product-list {
        gap: 16px;
    }
    .menu-product-list .menu-product-list-item {
        width: 100%;
    }
    .menu-product-item {
        padding: 16px;
    }
    .sticky-note {
        position: relative;
        top: 0;
    }
    .sticky-note-content {
        font-size: var(--text-sm);
    }
    .sticky-note-content .btn {
        font-size: var(--text-sm);
    }
    .sticky-note-content .btn svg {
        width: 16px;
        height: 16px;
    }
    .footer-wrap {
        padding-top: 80px;
    }
    .footer-wrap .footer-shape-top .f-shape {
        width: 60px;
    }
    .footer-row .col-contact-info {
        width: 100%;
        text-align: center;
    }
    .footer-row .col-microsoft-logo {
        width: 100%;
    }
    .footer-row .col-contact-info .f-info-text .cta .btn {
        width: 100%;
    }
    .footer-row .col-contact-info .f-info-text .social-links {
        justify-content: center;
    }
    .copyright-wrap {
        flex-direction: column;
        gap: 12px;
    }
    .statistics-list {
        margin: 0 -6px;
        row-gap: 32px;
    }
    .statistics-list-item {
        width: 50%;
        padding: 0 6px;
    }
    .statistic-item {
        padding: 16px;
        border-radius: 12px;
        font-size: var(--text-sm);
    }
    .trusted-clients-list {
        gap: 16px;
    }
    .trusted-clients-list .trusted-client-item {
        max-width: 150px;
    }

    .solution-tab-row .solution-tab-col-left {
        width: 100%;
    }
    .solution-tab-row .solution-tab-col-right {
        width: 100%;
        padding-bottom: 16px;
    }
    .solution-tab-row .solution-tab-col-right .cta .btn {
        width: 100%;
    }

    .industry-slider-wrap {
        --slide-size: 100%;
    }
    .slider-actions {
        padding-top: 24px;
    }
    .industry-item .industry-item-info {
        padding: 24px 16px 0;
    }
    .industry-item .industry-item-cta {
        padding: 0 16px 24px;
    }
    .industry-item .industry-item-cta .btn {
        width: 100%;
    }
    .industry-item .industry-item-overlay {
        opacity: 1;
        visibility: visible;
    }

    .is-mobile-block {
        width: 100%;
    }
    .expert-service-tabs .expert-service-tab-nav {
        display: none;
    }
    .expert-services-section [data-tabs-hide-active] [data-tab-panel].active {
        display: none;
        opacity: 1;
    }
    .expert-services-section [data-tabs-hide-active] [data-tab-panel].is-mobile-active {
        display: block;
        opacity: 1;
    }
    .expert-service-tabs .tab-nav-item.is-mobile {
        display: block;
        font-size: 18px;
    }
    .expert-service-tabs .tab-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-top: 0;
    }
    .expert-service-item .expert-service-item-title {
        display: none;
    }
    .transformation-cta-section .title-wrap {
        margin: 0 auto;
        text-align: center;
    }
    .transformation-cta-right-img {
        max-width: 240px;
    }

    .home-about-section {
        padding-bottom: 48px;
    }
    .home-about-section .container {
        padding-top: 48px;
    }
    .home-about-row .home-about-col-left {
        width: 100%;
    }
    .about-statistics .about-statistics-item {
        width: 50%;
        border-right: 0;
    }
    .contact-form-box {
        padding: 24px 16px;
    }
    .resources-slider-wrap {
        --slide-size: 100%;
    }
    .resource-item {
        padding: 12px;
    }
    .testimonial-item .testimonial-item-img {
        width: 100%;
    }
    .testimonial-item .testimonial-item-img img {
        aspect-ratio: 1 / 1;
    }
    .testimonial-item .testimonial-item-content {
        width: 100%;
        padding-left: 0;
    }
    .testimonial-item .testimonial-item-text,
    .testimonial-item .testimonial-item-by {
        padding: 0 16px;
    }
    .testimonial-item {
        padding: 8px 8px 16px;
    }
    .solution-banner-slider {
        min-height: 100px;
    }
    .solution-banner-box {
        padding: 24px 16px;
    }
    .feature-list .feature-list-item {
        width: 100%;
    }
    .feature-item {
        padding: 24px 16px;
    }

    .statistics-list.is-icon-list .statistics-list-item {
        width: 50%;
    }
    .statistics-list.is-icon-list .statistics-list-item:not(:last-child) {
        border: 0;
    }
    .statistics-list.is-icon-list.is-icon-hide .statistics-list-item {
        width: 100%;
    }

    .center-cta-wrap {
        padding-top: 24px;
    }
    .faq-item .faq-question {
        padding: 16px 48px 16px 0;
    }
    .faq-item .faq-question .faq-item-title {
        font-size: var(--font-h6);
    }
    .faq-answer .faq-answer-content {
        padding-right: 24px;
    }

    .solution-tab-row.col-7-5 .solution-tab-col-left,
    .solution-tab-row.col-7-5 .solution-tab-col-right {
        width: 100%;
    }
    .partner-with-list .partner-with-list-item {
        width: 100%;
    }

    .sticky-nav-section {
        top: 60px; /* Adjust if your header is different height */
    }
    .form-wrap .form-col-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .form-wrap .form-group {
        padding-bottom: 16px;
    }
    .form-wrap .form-label {
        font-size: var(--text-sm);
    }
    .form-wrap .form-control {
        height: 48px;
    }
    .form-wrap .wpcf7-not-valid-tip {
        font-size: var(--text-xs);
    }
    .tab-nav.tab-nav-rounded .tab-nav-item {
        font-size: 14px;
    }
    .products-filter-wrap {
        padding-bottom: 32px;
    }
    .products-filter-wrap .tab-nav {
        flex-wrap: nowrap;
        overflow: auto;
        white-space: nowrap;
        justify-content: flex-start;
        padding: 8px 16px;
        margin: 0 -16px;
    }
    .form-popup {
        padding: 40px 16px;
    }
    .approach-row .approach-col {
        width: 100%;
    }
    .approach-row .approach-compare-img {
        position: relative;
        top: 0;
        padding: 16px 0;
    }
    .video-box a {
        aspect-ratio: 1 / 0.7;
    }
    .implementation-box {
        padding: 16px;
    }
    .implementation-list .implementation-list-item {
        width: 100%;
    }

    .solution-tab-row.col-5-7 {
        margin: 0 -12px;
    }
    .solution-tab-row.col-5-7 .solution-tab-col-left {
        width: 100%;
    }
    .solution-tab-row.col-5-7 .solution-tab-col-right {
        width: 100%;
    }
    .why-choose-list .why-choose-list-item {
        width: 100%;
    }
    .why-choose-item {
        padding: 24px 16px;
    }
    .feature-list.is-stack-small.is-hoizontal .feature-item .feature-item__icon {
        width: 60px;
        height: 60px;
    }
    .benefit-table .benefit-content:before {
        font-size: 20px;
    }
    .benefit-table .benefit-content {
        font-size: var(--text-base);
    }
    .feature-list.is-column-4 .feature-list-item {
        width: 100%;
    }
    .feature-list.is-column-2 .feature-list-item {
        width: 100%;
    }
    .integrations-box .title-wrap {
        padding-bottom: 20px;
    }
    .up-running-row {
        flex-direction: column;
    }
    .up-running-col-left {
        width: 100%;
    }
    .up-running-col-right {
        width: 100%;
    }
    .location-list .location-list-item {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--color-gray-400);
    }
    .error-row .error-col-right .error-col-content {
        padding: 24px;
    }
    .thank-you-shape {
        max-width: 120px;
    }
    .timeline-tabs .timeline-tab-nav {
        display: none;
    }
    .feature-section [data-tabs-hide-active] [data-tab-panel].active {
        display: none;
        opacity: 1;
    }
    .feature-section [data-tabs-hide-active] [data-tab-panel].is-mobile-active {
        display: block;
        opacity: 1;
    }
    .timeline-tabs .tab-nav-item.is-mobile {
        display: flex;
    }
    .timeline-tabs .tab-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .partnership-list {
        margin: 0 -6px;
        row-gap: 12px;
    }
    .partnership-list-item {
        width: 50%;
        padding: 0 6px;
    }
    .is-col-3 .partnership-list-item {
        width: 50%;
    }
    .resource-list .resource-list-item {
        width: 100%;
    }
    .timeline-list {
        padding-left: 10px;
        gap: 16px;
    }
    .timeline-list:before {
        left: 10px;
    }
    .timeline-list .timeline-list-item {
        width: 100%;
        padding-left: 40px;
    }
    .timeline-list .timeline-list-item:nth-child(2n) {
        padding-left: 40px;
        padding-right: 0;
    }
    .timeline-list .timeline-list-item:nth-child(2n):before {
        left: -10px;
        right: 0;
    }
    .timeline-item {
        padding-left: 40px;
    }
    .positions-apply-info {
        display: none;
    }
    .positions-apply-info.is-mobile {
        display: block;
        padding-top: 40px;
    }
    .positions-apply-info .cta {
        padding-top: 0;
    }
    .positions-row {
        flex-direction: column;
    }
    .positions-row .positions-col-left {
        width: 100%;
    }
    .positions-item {
        padding: 16px;
        border-radius: 16px;
    }
    .gallery-grid {
        margin: 0 -4px;
        column-gap: 0;
        row-gap: 8px;
    }
    .gallery-grid li {
        width: 50%;
        padding: 0 4px;
        aspect-ratio: 1 / 0.75 !important;
    }
    .detail-content-box {
        padding: 24px 16px;
        border-radius: 16px;
    }
    .career-detail-box {
        padding: 16px;
        border-radius: 16px;
    }
    .pagination .page-link {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    .pagination .page-link svg {
        width: 20px;
        height: 20px;
    }
    .resource-list.is-two-column .resource-list-item {
        width: 100%;
    }
    .filter-search .form-control {
        height: 44px;
    }
    .filter-options-list select.form-control {
        height: 40px;
    }
    .product-info-list .product-info-list-item {
        width: 100%;
    }
    .stories-info-detail-box {
        padding: 24px 16px;
    }
    .stories-info-detail-box .stories-info {
        grid-template-columns: repeat(2, 1fr);
    }
    .subscribe-box {
        padding: 60px 16px;
    }
    .subscribe-box .filter-search .form-control {
        padding-right: 16px;
        height: 48px;
    }
    .subscribe-box .filter-search .btn {
        position: relative;
        right: 0;
        width: 100%;
    }
    .subscribe-shape {
        max-width: 180px;
    }
    .latest-blog-list {
        padding: 0 16px;
        border-radius: 16px;
        margin: 0 -16px;
        overflow: auto;
        display: flex;
        gap: 24px;
        border-radius: 0;
    }
    .latest-blog-list .latest-blog-list-item {
        width: 90%;
        flex-shrink: 0;
        border-bottom: 0;
    }
    .roadmap-graph {
        display: none;
    }
    .roadmap-info-graph .tab-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .roadmap-info-graph .tab-content-item {
        display: block;
        opacity: 1;
    }
    .transformation-cta-section.is-cta-image .container {
        flex-direction: column-reverse;
        gap: 32px;
    }
    .transformation-cta-section.is-cta-image .transformation-cta-img {
        width: 100%;
        padding-left: 0;
    }
    .transformation-cta-section.is-cta-image .transformation-cta-img img {
        margin: 0 auto;
    }
    .transformation-cta-section.is-cta-image .title-wrap {
        width: 100%;
    }
    .feature-videos-row .feature-videos-col-left {
        width: 100%;
    }
    .feature-videos-row .feature-videos-col-right {
        width: 100%;
    }
    .feature-videos-row .feature-videos-col-left .feature-video-item .feature-video-item-img,
    .feature-video-item .feature-video-item-img {
        aspect-ratio: 1 / 0.6;
    }
    .feature-storie-desktop {
        display: none;
    }
    .feature-storie-mobile {
        display: block;
    }
    .cta-section-box .cta-section-box-left {
        width: 100%;
        padding: 32px 24px;
    }
    .cta-section-box .cta-section-box-right {
        width: 100%;
    }
    .why-intech-steps {
        gap: 32px;
    }
    .why-intech-steps .why-intech-step-item {
        width: 100%;
    }
    .why-intech-steps .why-intech-step-item .why-intech-step-item-icon {
        margin-bottom: 16px;
    }
    .circle-animation {
        grid-template-columns: repeat(1, 1fr);
    }
    .circle-animation li .circle-animation-item-icon img {
        max-width: 60px;
    }
    .circle-animation li .circle-animation-item-content h3 {
        padding-bottom: 8px;
    }
    .solutions-infograph-list .solutions-infograph-list-item {
        width: 100%;
        padding-right: 0;
    }
    .solutions-infograph-list .solutions-infograph-list-item:nth-child(2n) {
        padding-left: 0;
    }
    .solutions-infograph-list .solutions-infograph-list-item {
        min-height: 60px;
    }
}

@media (max-width: 500px) {
    .statistics-list.is-icon-list .statistics-list-item {
        width: 100%;
    }
    .statistics-list.is-icon-list .statistic-item .statistic-item-icon {
        width: 50px;
    }
    .statistics-list.is-icon-list {
        row-gap: 32px;
    }
    .statistics-list.is-icon-list .statistic-item {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    .statistics-list.is-icon-list .statistic-item .statistic-item-content {
        max-width: 100%;
    }
    .feature-item .feature-item__cta:has(.btn + .btn) .btn {
        width: 100%;
    }
    .filter-wrap {
        gap: 12px;
    }
    .filter-options-list {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }
}