@media only screen and (min-width: 100px) and (max-width: 1799px) {
    .container-fluid {
        max-width: 1530px;
    }

    .trusted-title {
        padding: 0px 0px 0px 50px;
    }

    .web-title h2 {
        font-size: 47px;
    }

    .f-20 h2 {
        font-size: 45px;
    }
    .query-form-left h2 {
        font-size: 80px;
    }
    .query-form-left h2 img {
        right: 60px;
        width: 60px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 1549px) {
    .container-fluid {
        max-width: 1320px;
    }

    .list-box {
        width: 32.3%;
    }

    .process-no h3 {
        font-size: 18px;
    }

    .button-image {
        width: 30px;
    }

    .button-box {
        padding: 30px 10px;
    }


    .inner-serv-banner .banner-content h1 {
        padding: unset;
    }

    .banner-content h1 {
        font-size: 64px;
        padding: 0px 100px;
        letter-spacing: -3px;
    }

    .web-title h2 {
        font-size: 48px;
        letter-spacing: -3px;
    }

    .trusted-item img {
        height: 160px;
    }

    .spacing {
        padding: 100px 0px;
    }

    .count-numb h3 {
        font-size: 200px;
    }

    .future-bann-bg {
        padding: 60px 60px;
    }

    .banner-content {
        padding: 70px 0px;
    }

    .service-img img {
        width: 80px;
    }



    .process-item-content {
        padding: 20px 30px 20px 30px;
    }

    .case-studies-img {
        margin-right: 60px;
    }

    .case-studies-boxes-main .pin-spacer:nth-child(even) .case-studies-box .row .case-studies-img {
        margin-left: 60px;
    }

    .process-item-content h3 {
        font-size: 22px;
    }

    .case-title span {
        font-size: 70px;
    }

    .ai-saas-sec .row .col-lg-4:nth-child(2) .ai-saas-item {
        margin: 0px 15px;
    }

    .ai-saas-sec .row .col-lg-4:nth-child(1) .ai-saas-item {
        margin-right: 30px;
    }

    .ai-saas-sec .row .col-lg-4:nth-child(3) .ai-saas-item {
        margin-left: 30px;
    }

    .testi-left-box {
        padding: 0px 30px 30px 30px;
    }

    .testi-right-box {
        padding: 40px;
    }

    .testi-item p {
        font-size: 18px;
    }

    .testi-author-logo {
        width: 130px;
    }

    .quality-img {
        width: 200px;
    }

    .package-box {
        padding: 30px 30px;
    }

    .footer-nav-gap {
        padding: 80px 0px 80px 50px;
    }

    .testi-left-box p {
        font-size: 18px;
    }

    .footer-logo-gap {
        padding: 80px 20px 80px 0px;
    }

    .about-img-1 img {
        width: 260px;
    }

    .card-inner {
        background: var(--c3);
        padding: 35px;
        border-radius: 17px;
    }

    .about-img-2 img {
        width: 260px;
    }

    .case-studies-boxes-main .case-studies-box:nth-child(even) .row .case-studies-img {
        margin-left: 60px;
    }
    .case-title {
        margin-bottom: 70px;
    }
    .service-process-item {
        padding: 30px 20px;
    }
    .stand-box {
        padding: 30px 20px;
    }
    .stand-icon {
        width: 70px;
    }
    .service-process-item img {
        width: 70px;
    }
    .vc-sec-card h3 {
        font-size: 20px;
    }
    .vc-sec-card {
        padding: 30px 20px;
    }
    .query-form-left h2 {
        font-size: 70px;
    }
    .query-form-left h2 img {
        right: 50px;
        width: 50px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 1399px) {
    .container-fluid {
        max-width: 1140px;
    }

    .mega-item-img {
        width: 60px;
    }


    .mega-menu-item {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .inner-serv-banner .banner-content h1 {
        font-size: 50px;
    }

    .vc-sec-card h3,
    .stand-content h3,
    .service-process-item h3 {
        font-size: 19px;
    }



    .process-count span {
        right: 70px;
    }

    .stand-icon {
        width: 60px;
    }

    .our-process-sec .row:last-child .process-items .process-box:nth-child(4):before {
        display: none;
    }

    .web-btn {
        padding: 12px 25px;
        font-size: 15px;
    }

    .banner-content h1 {
        font-size: 56px;
    }
    .count-numb {
        margin-top: 30px;
    }
    .about-client {
        margin: 20px 0px 30px 0px;
    }

    .head-left-links ul li a,
    .head-right-links ul li a {
        font-size: 15px;
    }

    .web-title h2 {
        font-size: 42px;
        letter-spacing: -2px;
    }

    .spacing {
        padding: 80px 0px;
    }

    .trusted-item img {
        height: 130px;
    }

    .count-numb h3 {
        font-size: 150px;
    }

    .about-client h4 {
        font-size: 18px;
    }

    .count-numb h4 {
        font-size: 22px;
    }

    .future-bann-cont h2 {
        font-size: 34px;
    }

    .title-gap {
        margin-bottom: 50px;
    }

    .process-item-content h3 {
        font-size: 20px;
    }

    .process-item-content-icon {
        width: 70px;
        height: 70px;
    }

    .process-item-content-icon img {
        width: 30px;
        height: 30px;
    }

    .ai-process-gap {
        margin-bottom: 50px;
    }

    .ai-saas-sec .ai-saas-item {
        margin: 0px !important;
        padding: 60px 30px;
    }

    .ai-saas-icon img {
        width: 110px;
        height: 110px;
    }

    .ai-saas-cont h3 {
        font-size: 24px;
    }

    .testi-left-box h3 {
        font-size: 80px;
    }

    .testi-left-box p {
        font-size: 16px;
    }

    .testi-item p {
        font-size: 16px;
    }

    .testi-author-logo {
        width: 100px;
    }

    .quality-title h2 {
        padding: 0px 0px 50px 80px;
    }

    .quality-title p {
        padding: 20px 0px 0px 90px;
    }

    .quality-logo-box {
        padding: 40px 60px;
    }

    .package-btn a {
        font-size: 16px;
    }

    .package-content h3 {
        font-size: 22px;
    }

    .footer-logo a {
        width: 200px;
    }

    .footer-logo-about span,
    .footer-title span {
        font-size: 22px;
    }

    .footer-nav-gap {
        padding: 60px 0px 60px 50px;
    }

    .footer-logo-gap {
        padding: 60px 20px 60px 0px;
    }

    .case-studies-box {
        padding-bottom: 60px;
    }

    .cat-sub-head {
        font-size: 20px;
    }
    .banner-content {
        padding: 50px 0px;
    }
    .myService .serv-arrow {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    .case-title {
        margin-bottom: 50px;
    }
    .case-studies-img {
        margin-right: 20px;
    }
    .case-studies-boxes-main .case-studies-box:nth-child(even) .row .case-studies-img {
        margin-left: 20px;
    }
    .process-box {
        width: 23%;
    }
    .our-process-sec .row:last-child .process-items .process-box:nth-child(4):before {
        display: block;
    }
    .our-process-sec .row:last-child .process-items .process-box:nth-child(6):before{
        visibility: visible;
    }
    .our-process-sec .row:last-child .process-items .process-box:nth-child(5):before, .our-process-sec .row:last-child .process-items .process-box:nth-child(9):before{
        visibility: hidden;
    }
    .list-box {
        width: 32.1%;
    }
    .cta-con h6 {
        font-size: 36px;
    }
    .cta-con p {
        font-size: 18px;
    }
    .sub-menu-upper-content h4 {
        font-size: 24px;
    }
    .query-form-left h2 {
        font-size: 60px;
    }
    .query-form-left h2 img {
        right: 40px;
        width: 40px;
    }
    .query-form-sec {
        padding: 40px 0px;
    }
    .query-form-item {
        padding: 40px 30px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 1199px) {
    .container-fluid {
        max-width: 960px;
    }

    .stand-box {
        padding: 20px;
    }

    .sub-menu-upper-content {
        padding: 10px;
    }

    .head-menu ul li a {

        font-size: 14px;
    }

    .vc-icon img {
        width: 70px;
        margin-bottom: 10px;
    }

    .vc-con p {
        line-height: 1.5;
        font-size: 15px;
    }

    .head-menu ul {
        display: flex;
        gap: 24px;
    }

    .cat-tag-list-main {
        margin-bottom: 20px;
    }


    .list-box {
        width: 48.9%;
    }

    .process-box {
        width: 23.3%;
    }

    .process-items {
        flex-wrap: wrap;
    }
    .process-count span {
        right: 40px;
    }



    .inner-serv-banner .banner-content h1 {
        font-size: 40px;
    }

    .banner-content h1 {
        font-size: 46px;
        padding: 0px 0px;
        margin-bottom: 15px;
    }

    .vc-sec-card {
        padding: 30px 20px;
        flex-wrap: wrap;
    }

    .about-img-1 img {
        width: 200px;
    }

    .about-img-2 img {
        width: 180px;
    }

    .card-inner {
        background: var(--c3);
        padding: 25px;
        border-radius: 17px;
    }

    .location p {
        font-size: 14px;
        color: var(--c2);
    }

    .banner-content p {
        margin-bottom: 25px;
    }

    .trusted-title {
        padding: 0px 0px 0px 30px;
    }

    .web-title h2 {
        font-size: 38px;
    }

    .trusted-item img {
        height: 100px;
    }

    .count-numb h3 {
        font-size: 130px;
    }

    .count-numb h4 {
        font-size: 20px;
    }

    .about-accordion {
        padding: 30px 0px 0px 30px;
    }

    .about-sec-left {
        padding-top: 30px;
    }

    .about-accordion button.accordion-button {
        font-size: 18px;
    }

    .future-bann-bg {
        padding: 50px 50px;
    }

    .future-bann-cont h2 {
        font-size: 30px;
    }

    .future-btns {
        gap: 20px;
    }

    .myService .serv-arrow {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .process-item-content {
        padding: 20px 100px 20px 100px;
    }



    .case-studies-img {
        margin-right: 10px;
    }

    .case-studies-boxes-main .pin-spacer:nth-child(even) .case-studies-box .row .case-studies-img {
        margin-left: 10px;
    }

    .ai-saas-icon img {
        width: 100px;
        height: 100px;
    }

    .ai-saas-sec .ai-saas-item {
        padding: 40px 30px;
    }

    .testi-left-box {
        padding: 30px 30px;
    }

    .testi-right-box {
        height: 100%;
    }

    .quality-title h2 {
        padding: 0px 0px 30px 0px;
    }

    .quality-title p {
        padding: 20px 0px 0px 0px;
    }

    .quality-img {
        width: 160px;
    }

    .quality-title {
        padding-right: 0px;
    }

    .package-box {
        padding: 25px 25px;
    }

    .ai-solution-tab-box {
        margin-top: 30px;
    }

    .case-studies-boxes-main .case-studies-box:nth-child(even) .row .case-studies-img {
        margin-right: 0px;
        margin-left: 10px;
    }

    .button-text span {
        white-space: nowrap;
    }

    .ai-solution-tabs ul {
        justify-content: left;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 10px;
    }

    .web-title.case-title p {
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
        margin-top: 20px;
    }

    .ai-solution-tabs ul::-webkit-scrollbar {
        height: 3px;
    }

    .form-area {
        padding-left: 40px;
    }

    .contect-form-inner {
        padding-left: 30px;
    }

    .ai-solution-tabs ul::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .ai-solution-tabs ul::-webkit-scrollbar-thumb {
        background: #888;
    }

    .button-box {
        padding: 14px 20px;
    }

    .service-process .row .col-lg-4:nth-child(4) .service-process-item,
    .service-process .row .col-lg-4:nth-child(8) .service-process-item {
        border-right: 1px solid #8080804f;
    }
    .spacing {
        padding: 70px 0px;
    }
    .about-client h4 {
        font-size: 16px;
    }
    .case-studies-img {
        margin-right: 0px;
    }
    .case-studies-box .row {
        row-gap: 24px;
    }
    .inner-serv-banner {
        padding: 70px 0px;
    }
    .inner-serv-banner .banner-content p {
        font-size: 16px;
    }
    .inner-serv-banner .banner-content ul li {
        font-size: 16px;
    }
    .service-form {
        padding: 30px 20px;
    }
    .process-box:before {
        top: 35%;
        left: -30px;
    }
    .cta-con h6 {
        font-size: 30px;
    }
    .cta-con p {
        font-size: 16px;
    }
    .mega-menu-box {
        margin: 0px 10px 10px 0px;
    }
    .case-studies-content h3 {
        font-size: 32px;
    }
    .query-form-left {
        padding-right: 10px;
    }
    .query-form-left h2 {
        font-size: 50px;
    }
    .query-form-socials ul li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 991px) {
    .container-fluid {
        max-width: 720px;
    }

    .web-title h2 {
        letter-spacing: -1.75px;
    }

    .faq-info .accordion-button {
        font-size: 18px;
    }

    .our-process-sec .row:last-child .process-items .process-box:nth-child(9):before {
        visibility: hidden;
    }

    .form-area {
        padding-left: 0;
    }

    .contect-form-inner {
        padding-left: 0;
    }

    .main-header {
        padding: 15px 0;
    }

    .sub-menu-upper-content {
        padding: 0px;
    }

    .mega-menu-item {
        margin-bottom: 0px;

    }

    .mega-menu-item {
        padding: 16px 10px;
    }

    .mega-menu {
        position: unset;
        transform: unset;
        transform-origin: unset;
        padding: 0px 0px 0px 20px;
        border-top: 0;
        overflow-x: hidden;
        box-shadow: unset;
    }


    .mega-menu::-webkit-scrollbar,
    .responsive-links::-webkit-scrollbar {
        width: 3px;
    }


    .mega-menu::-webkit-scrollbar-track,
    .responsive-links::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }


    .mega-menu::-webkit-scrollbar-thumb,
    .responsive-links::-webkit-scrollbar-thumb {
        background: var(--c4);
    }

    .sub-menu-upper-content {
        margin: 20px 0px;
    }

    .mega-menu .sub-main-menu-title h3 {
        border-bottom: 0;
        margin-bottom: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sub-menu-upper-content p {
        padding: 10px 0px;
    }

    .sub-menu-upper-content h4 {
        font-size: 24px;
    }

    .mega-menu-box {
        margin-bottom: 0px;
    }

    .mega-menu-item {
        flex-direction: unset;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
        margin-right: 9px;
    }



    .mega-menu .row {
        flex-direction: column-reverse;
    }

    .case-title span {
        font-size: 45px;
    }

    .cta-con h6 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .case-title {
        position: relative;
        margin-bottom: 40px;
    }

    .case-studies-content h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .web-title h2 {
        font-size: 35px;
    }

    .process-box {
        width: 48.5%;
    }

    .case-studies-box-inner {
        margin-bottom: 0px;
    }

    .our-process-sec .row:last-child .process-items .process-box:nth-child(4):before {
        display: block;
    }

    .our-process-sec .row:last-child .process-items .process-box:nth-child(3):before {
        display: none;
    }

    .our-process-sec .row:last-child .process-items .process-box:nth-child(5):before, .our-process-sec .row:last-child .process-items .process-box:nth-child(7):before {
        display: none;
    }

    .service-form {
        margin-top: 40px;
    }

    .case-studies-content p {
        margin-bottom: 16px;
    }

    .banner-content h1 {
        font-size: 42px;
        letter-spacing: -2px;
    }
    .inner-serv-banner .banner-content ul {
        padding: 0px 0px 20px 0px;
    }

    .trusted-title {
        padding: 0px 0px 0px 0px;
        text-align: center;
        margin-bottom: 40px;
    }

    .card-inner {
        background: var(--c3);
        padding: 25px;
        border-radius: 17px;
        margin-bottom: 30px;
    }

    .about-img-1 img {
        width: 260px;
    }

    .about-img-2 img {
        width: 170px;
    }

    .trusted-item img {
        height: 80px;
        width: 140px;
        margin: 0 auto;
    }

    .socials-icon {
        margin-bottom: 40px;
    }

    .spacing {
        padding: 60px 0px;
    }

    .about-sec .container-fluid .row::before {
        visibility: hidden;
    }

    .about-accordion {
        padding: 30px 0px 0px 0px;
    }

    .future-bann-bg {
        padding: 50px 40px;
    }

    .title-gap {
        margin-bottom: 40px;
    }

    .service-content h3 {
        font-size: 20px;
    }

    .serv-arrow-btn {
        margin-top: 30px;
    }

    .ai-process-gap {
        margin-bottom: 40px;
    }

    .process-item-content {
        padding: 20px 50px 20px 50px;
    }

    .ai-saas-sec .container-fluid .row:nth-child(2)::before,
    .ai-saas-sec .row .col-lg-4:nth-child(2) .ai-saas-item::before {
        visibility: hidden;
    }

    .web-btn-track {
        margin-top: 40px;
    }

    .testi-left-box {
        justify-content: center;
    }

    .quality-img {
        width: 150px;
        margin: 20px 0px 0px 0px;
    }

    .quality-logo-box {
        padding: 30px 50px;
    }

    .footer-nav-gap {
        padding: 0px;
        border: 0;
    }

    .footer-logo-gap {
        padding: 50px 0px 40px 0px;
    }

    .footer-logo {
        margin-bottom: 30px;
    }

    .footer-bottom {
        margin-top: 30px;
    }

    .package-btn span {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .package-btn a {
        margin: 15px 0px 0px 0px;
    }

    .case-studies-box .row {
        height: 100%;
        row-gap: 24px;
    }

    .trusted-sec .container-fluid .row:nth-child(2) .trusted-item {
        border-left: 1px solid rgba(210, 210, 210, 1);
    }

    .head-btn-main-box {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: end;
    }

    .contect-num a {
        font-size: 21px;
    }

    .list-box {
        width: 48.5%;
    }

    .service-process .row .col-lg-4:nth-child(5) .service-process-item,
    .service-process .row .col-lg-4:nth-child(6) .service-process-item,
    .service-process .row .col-lg-4:nth-child(7) .service-process-item,
    .service-process .row .col-lg-4:nth-child(8) .service-process-item {
        border-bottom: 1px solid #8080804f;
    }
    .ai-process-sec .process-icon img {
        width: 120px;
    }
    .case-studies-box {
        padding-bottom: 20px;
    }
    .inner-serv-banner {
        padding: 60px 0px;
    }
    .process-count span {
        right: 90px;
    }
    .contect-form {
        padding: 40px 30px;
    }
    .case-studies-content ul {
        margin-bottom: 20px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .container-fluid {
        max-width: 540px;
    }

    .process-box {
        width: 48%;
    }

    section.why-choose-sec.case-studies-box-inner.spacing .web-title.case-title h2 {
        width: 100%;
        font-size: 34px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .case-title span {
        font-size: 48px;
    }

    .web-title h2 {
        font-size: 27px;
    }

    .cta-con p {
        font-size: 15px;
        line-height: 1.5;
    }

    .our-process-sec .row:last-child .process-items .process-box:before {
        display: none !important;
    }

    .footer-nav-gap .row {
        row-gap: 20px;
    }

    .form-area h1 {
        color: var(--c2);
        margin-bottom: 40px;
        font-size: 24px;
    }

    .contect-form {
        background: rgba(248, 248, 251, 1);
        padding: 30px;
        border-radius: 10px;
        position: relative;
    }

    .about-content {
        margin-bottom: 40px;
    }

    .faq-info .accordion-button {
        font-size: 16px;
    }

    .faq-info .accordion-item:last-child {
        margin-bottom: 20px;
    }

    .cta-inner {
        padding: 40px;
    }

    .inner-serv-banner .banner-content ul li {
        font-size: 16px;
    }

    .cta-con h6 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .inner-serv-banner .banner-content h1 {
        font-size: 32px;
    }
    .list-box {
        width: 100%;
    }


}

@media only screen and (min-width: 100px) and (max-width: 575px) {
    .container-fluid {
        max-width: 98%;
    }

    section.why-choose-sec.case-studies-box-inner.spacing .web-title.case-title h2 {
        font-size: 27px;

    }

    section.about-us-sec .case-title span {
        font-size: 42px;
    }

    .service-process .row .col-lg-4:nth-child(4) .service-process-item,
    .service-process .row .col-lg-4:nth-child(8) .service-process-item {
        border-right: 1px solid #8080804f;
    }

    section.vc-sec span {
        font-size: 30px;
    }

    .inner-serv-banner {
        padding: 50px 0px;
    }

    .service-process .row .col-lg-4:nth-child(5) .service-process-item,
    .service-process .row .col-lg-4:nth-child(6) .service-process-item,
    .service-process .row .col-lg-4:nth-child(7) .service-process-item,
    .service-process .row .col-lg-4:nth-child(8) .service-process-item {
        border-bottom: 1px solid #8080804f;
    }

    .inner-serv-banner .banner-content {
        padding-right: 0;
    }

    .web-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .banner-content h1 {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .banner-content {
        padding: 40px 0px;
    }

    p {
        font-size: 15px;
    }

    .banner-content p {
        margin-bottom: 20px;
    }

    .web-title h2 {
        font-size: 28px;
        letter-spacing: -1px;
    }

    .trusted-title {
        margin-bottom: 30px;
    }

    .trusted-item img {
        height: 70px;
        width: 100px;
    }

    .spacing {
        padding: 50px 0px;
    }

    .count-numb h3 {
        font-size: 110px;
    }

    .count-numb h4 {
        font-size: 17px;
        text-align: center;
    }

    .about-client {
        margin: 10px 0px 25px 0px;
    }

    .about-client h4 {
        font-size: 16px;
    }

    .future-bann-bg {
        padding: 40px 25px;
    }

    .future-bann-cont h2 {
        font-size: 26px;
    }

    .future-btns {
        gap: 10px;
        flex-wrap: wrap;
    }

    .title-gap {
        margin-bottom: 30px;
    }

    .myService .serv-arrow {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .serv-arrow-btn {
        margin-top: 20px;
    }


    .ai-saas-icon img {
        width: 80px;
        height: 80px;
    }

    .web-btn-track {
        margin-top: 30px;
    }

    .testimonial-btn {
        text-align: left !important;
        margin-top: 10px;
    }

    .testi-left-box h3 {
        font-size: 70px;
    }

    .testi-right-box {
        padding: 30px;
    }

    .testi-author h3 {
        font-size: 18px;
    }

    .quality-img {
        width: 120px;
    }

    .quality-button-prev {
        left: 20px;
    }

    .quality-button-next {
        right: 20px;
    }

    .package-btn span {
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        font-size: 14px;
    }

    .package-content h4 {
        font-size: 30px;
    }

    .footer-logo a {
        width: 180px;
    }

    .footer-logo-gap {
        padding: 50px 0px 20px 0px;
    }

    .footer-logo-about span,
    .footer-title span {
        font-size: 20px;
    }

    .case-title span {
        font-size: 35px;
        top: 10px;
    }

    .case-title {
        margin-bottom: 30px;
    }

    .case-studies-content ul li {
        font-size: 15px;
        padding-left: 20px;
    }

    .case-studies-img {
        margin: 0px !important;
    }

    .case-studies-spacer {
        padding: 25px;
    }

    .head-btn-main-box {
        gap: 14px;
    }

    .responsive-menu-inner {
        padding: 20px;
        width: 95%;
    }

    .respon-logo {
        width: 40px;
    }

    .respon-cross a {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .responsive-links ul li:has(ul)::before {
        top: 12px;
        font-size: 14px;
    }

    .responsive-links ul li ul li a {
        padding-left: 30px;
        font-size: 18px;
    }

    .responsive-socials ul li a {
        font-size: 16px;
    }

    .responsive-links {
        margin-top: 40px;
    }

    .vc-sec-card {
        padding: 20px;
    }

    .process-box {
        width: 100%;
    }

    .process-count span {
        right: 90px;
    }

    .list-box {
        width: 100%;
    }


    section.about-main-sec {
        padding: 90px 0;
    }

    section.why-choose-sec .case-title span {
        font-size: 31px;
    }

    .card-inner {
        margin-bottom: 30px;
    }

    .cat-tag-list {
        padding: 20px;
    }

    .tab-content-main-title {
        margin-bottom: 20px;
    }

    .about-img-1 img {
        width: 180px;
    }

    .count-numb {
        margin-top: 10px;
    }
    .ai-process-sec .process-icon img {
        width: 100px;
        margin: 20px 0px 0px 0px;
    }
    .case-studies-content ul li::before {
        top: 3px;
        font-size: 14px;
    }
    .vc-icon img {
        width: 60px;
    }
    .faq-info .accordion-item {
        padding: 20px 15px;
    }
    .faq-info .accordion-content p {
        font-size: 15px;
    }
    .cta-inner {
        padding: 30px 20px;
    }
    .responsive-links ul li a {
        font-size: 20px;
        padding: 8px 0px;
    }
    .ai-solution-content-box {
        padding: 30px 20px;
    }
    .map iframe {
        height: 250px;
    }
    .icon i {
        font-size: 24px;
    }
    .icon {
        width: 70px;
        height: 70px;
    }
    .contect-form {
        padding: 30px 20px;
    }
    .form-area span {
        margin-bottom: 15px;
    }
    .testi-item-2 {
        padding: 30px;
    }
    .query-form-sec {
        padding: 20px 0px;
    }
    .query-form-left h2 {
        font-size: 36px;
    }
    .query-form-left h2 img {
        right: 30px;
        width: 30px;
    }
    .query-logo a {
        display: block;
        width: 50px;
    }
    .query-cross a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .query-form-item {
        padding: 30px 20px;
    }
    .query-form-item form .row {
        row-gap: 20px;
    }
    .query-submit-btn input {
        padding: 10px 25px;
        font-size: 14px;
    }
}