/**** Responsive css start ****/

@media (min-width: 1920px) {
    .custom-container {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 12px;
    }
}

@media (min-width: 1640px) {
    .model-content-box h1 {
        font-size: 12vw;
    }
}

@media (max-width: 1640px) {

    .ai-banner {
        padding: 124px 0 60px !important;
        background: radial-gradient(107.86% 303.96% at 18.1% 6.09%, #FFF9F3 0%, #F3F6FF 100%);
    }

    .ai-banner-box h1 {
        font-size: 40px;
        line-height: 46px;
    }

    .ai-banner-box .sub-heading {
        max-width: 1000px;
        margin: 0 auto;
    }

    .sub-heading {
        font-size: 15px;
        line-height: 21px;
    }

    .abs-tab.one {
        left: -2%;
    }

    .abs-tab.three {
        left: -4%;
    }

    .section-tag {
        gap: 8px;
        margin-bottom: 6px;
    }

    .abs-tab.two {
        right: -2%;
    }

    .small-heading {
        font-size: 18px;
        line-height: 24px;
    }

    .ai-banner-img {
        height: 350px;
        margin-top: 30px;
    }

    .sec-title,
    .sec-title h2 {
        font-size: 32px !important;
        line-height: 38px;
    }

    .ai-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .ai-tech-content i {
        font-size: 22px;
    }

    .client-img-box img {
        max-width: 120px;
    }

    .ai-tech-content {
        padding: 14px 16px;
        min-height: 76px;
    }

    .ai-tech-content h4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 30px;
    }

    .model-content-box h1 {
        font-size: 150px !important;
        line-height: 260px !important;
    }

    .sub-heading br {
        display: none;
    }

    .award-img {
        width: 250px;
        height: 100px;
        margin: 0 auto;
    }

    .client-slider .swiper-pagination .swiper-pagination-bullet {
        width: 42px;
    }

    .ai-why-choose-list-icon {
        height: 71px;
        min-width: 71px;
    }

    .ai-experties .mt-5,
    .ai-technologies .mt-5,
    .ai-solutions .mt-5,
    .ai-our-process .mt-5 {
        margin-top: 24px !important;
    }

    .ai-experties-box {
        padding: 24px;
        margin-bottom: 20px;
        height: calc(100% - 20px);
        transition: all .3s ease-in-out;
    }

    .ai-tech-box {
        margin-bottom: 20px;
        height: calc(100% - 20px);
    }

    .ai-experties-content ul li p {
        font-size: 15px;
        line-height: 20px;
        margin: 8px;
    }

    .ai-tech-box img {
        height: 160px;
    }

    .section-pd {
        padding: 60px 0px;
    }

    .portfolio-sec .mb-5 {
        margin-bottom: 24px !important;
    }

    .ai-solution-box {
        padding: 24px;
        margin-bottom: 20px;
        min-height: 290px;
    }

    .ai-solution-box .sub-heading {
        -webkit-line-clamp: 3;
    }

    .ai-solution-box h4 {
        font-size: 18px;
    }

    .ai-solution-box img {
        max-width: 120px;
        width: 120px;
        height: 65px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .ai-solution-box .sub-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .ai-models {
        padding: 50px 0;
    }

    .ais.two {
        top: 0% !important;
        right: 110px !important;
        animation-delay: .2s !important;
    }

    .ai-why-choose-img {
        height: 450px;
    }

    .ai-choose-us-abs-robo {
        width: 140px;
        height: 140px;
        object-fit: contain;
    }

    .ai-why-choose-list {
        gap: 20px;
        margin-top: 20px !important;
    }

    .ai-why-choose-box {
        margin-left: 50px;
    }

    .process-faq .accordion-button {
        font-size: 18px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .process-faq .accordion-body {
        font-size: 16px;
        line-height: 20px;
        padding: 8px 0;
    }

    .ai-process-img {
        max-width: 587px;
        height: 100%;

    }

    .development-box {
        padding: 20px;
        height: calc(100% - 20px);
        margin-bottom: 20px;
        gap: 12px;
    }

    .development-box .icon {
        height: 40px;
        width: 40px;
    }

    .faq-sec .accordion-button {
        font-size: 18px;
        line-height: 24px;
    }

    .faq-sec .accordion-item {
        padding: 8px 0;
    }

    .expertise-right-box {
        padding: 24px;
    }

    .expertise-right-box .form-label {
        font-size: 16px;
        line-height: 22px;
    }

    .expertise-right-box .form-control {
        padding: 20px;
        max-height: 20px;
    }

    .expertise-right-box .form-control::placeholder {
        font-size: 14px;
        line-height: 20px;
    }

    .experties-sec .mb-5 {
        margin-bottom: 12px !important;
    }

    .client-review-txt {
        font-size: 14px;
        line-height: 22px !important;
    }

    .ai-cta-inner-box {
        background: linear-gradient(275.24deg, #0E51B7 1.2%, #003367 118.2%);
        padding: 70px 87px 40px !important;
    }

    .ais.four {
        bottom: -12px !important;
        animation-delay: .6s !important;
    }

    .ais.eight {
        bottom: -72px;
        right: 42%;
        animation-delay: .2s;
    }

    .we-count-card h4 {
        font-size: 26px;
    }

    .we-counter-sec {
        margin-top: 10px;
        padding-top: 30px;
        justify-content: start;
        gap: 30px;
    }

    .we-count-card {
        max-width: calc(33% - 20px);
        flex: calc(33% - 20px);
        margin-bottom: 0px;
    }

    .core-ai .mb-5 {
        margin-bottom: 12px !important;
    }

    .core-ai-card .nav-tabs .nav-link {
        font-size: 18px;
    }

    .client-box {
        /* min-height: 350px; */
    }

    .trusted-title::before {
        min-width: 50%;
    }

    .trusted-logo {
        max-width: 140px;
        height: auto;
    }

    .client-review-txt {
        font-size: 16px;
        line-height: 24px !important;
    }

    .client-slider .swiper-pagination {
        bottom: -6px !important;
        z-index: 333;
        position: relative;
    }

    .client-slider .swiper {
        padding-bottom: 0px;
    }

    .expert-icon {
        display: inline-block;
        margin-bottom: 15px;
        height: 40px;
        width: 40px;
    }

}

@media (max-width: 1200px) {
    .award-img {
        width: 200px;
        height: 80px;
        margin: 0 auto;
    }

    .trusted-title::before,
    .trusted-title::after {
        display: none;
    }

    .trusted-logo {
        max-width: 100px;
        height: auto;
    }

    .model-content-box h1 {
        font-size: 150px !important;
        line-height: 200px !important;
    }

    .ais.two {
        top: 0px !important;
        right: 0% !important;
    }

    .ais.five {
        bottom: 50px !important;
        right: 10px !important;
    }

    .faq-sec .accordion-button {
        font-size: 20px;
        line-height: 30px;
    }

    .client-slider .swiper-pagination .swiper-pagination-bullet {
        width: 30px;
    }

    .core-ai-card .nav.nav-tabs {
        display: flex;
        justify-content: start;
    }

    .client-box-left-box {
        max-height: 350px;
    }

    .faq-sec .sub-heading {
        max-width: 100%;
    }

}

@media (max-width: 991px) {
    .ai-banner {
        padding: 120px 0 60px;
    }

    .ai-banner-box h1 br {
        display: none;
    }

    .ai-cta-inner-box {
        padding: 24px !important;
    }

    .ai-cta-content {
        gap: 24px !important;
    }

    .ai-cta-box {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .abs-tab.cta-one {
        top: -12px;
        right: -67px;
    }

    .abs-tab.cta-two {
        top: -16px;
        left: -70px;
    }

    .model-content-box h1 {
        font-size: 120px !important;
        line-height: 200px !important;
    }

    .ais.one {
        top: 0 !important;
        left: 0px !important;
    }

    .ai-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .ai-solution-box {
        padding: 24px;
    }

    .ai-solution-box h4 {
        font-size: 20px;
    }

    br {
        display: none;
    }

    .cta-bg::before,
    .cta-bg::after {
        display: none;
    }

    .ai-why-choose-box {
        margin-left: 0px;
    }

    .ai-choose-us-abs-robo {
        display: none;
    }

    .theme-new-btn {
        font-size: 16px;
    }

    .client-img-box {
        height: auto !important;
    }

    .sub-heading {
        font-size: 16px;
        line-height: 24px !important;
    }

    .abs-tab br {
        display: block;
    }

    .ais-img {
        height: 50px !important;
        width: 50px !important;
    }

    .ais.eight {
        bottom: -72px;
        right: 12% !important;
        animation-delay: .2s;
    }

    .ais.five {
        top: 13px !important;
        right: 101px !important;
        bottom: unset !important;
    }

    .ais-img img {
        height: 30px !important;
        width: 30px !important;
        object-fit: contain;
    }

    .optimize-card {
        margin-bottom: 65px;
        height: calc(100% - 64px);
        padding: 40px 16px 16px;
    }

}

@media (max-width: 768px) {

    .ai-banner {
        padding: 60px 0 !important;
    }

    .ai-banner-box h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .ai-banner-box h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .ai-cta-box {
        display: none;
    }

    .ai-experties-box {
        padding: 24px;
    }

    .model-content-box h1 {
        font-size: 80px !important;
        line-height: 160px !important;
    }

    .ais p {
        padding: 8px 18px !important;
        font-size: 14px !important;
    }

    .ais-img {
        height: 45px !important;
        width: 45px !important;
    }

    .ais-img img {
        height: 30px !important;
        width: 30px !important;
    }

    .ais.five {
        bottom: 10px !important;
        right: 10px !important;
    }

    .ais.four {
        bottom: -50px !important;
        right: 0% !important;
    }

    .ais.four {
        bottom: -50px !important;
        left: 50% !important;
    }

    .social-icons li a {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .software_slider .nav_bx .nv_btn button {
        top: 12px;
        left: -3px;
    }

    .software_slider .item_lst .lt {
        padding: 24px;
        padding-left: 16px;
        padding-top: 26px;
    }

    .client-slider .swiper-button-prev {
        display: none;
    }

    .client-slider .swiper-button-next {
        display: none;
    }

    .ai-solution-box {
        background-image: linear-gradient(white, white), linear-gradient(3deg, rgba(102, 102, 102, 0) 0%, #0083EB 73.08%);
    }

    .trusted-logo-list {
        flex-wrap: wrap;
        gap: 8px;
    }

    .technology-sec-new .technology-tabs .nav-pills {
        width: auto !important;
        max-width: 100% !important;
    }

    .technology-sec-new .technology-tabs .nav-pills {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .technology-sec-new .technology-tabs .nav-pills .nav-link {
        width: 100% !important;
        text-wrap: nowrap;
        min-width: fit-content;
        text-align: center;
    }

    .core-ai-rt {
        margin-top: 24px;
    }

    .ai-experties-content ul li p {
        font-size: 14px;
        line-height: 20px;
        color: #494949;
        margin-bottom: 6px;
        margin-top: 8px;
    }

    .ais p {
        display: none;
    }

    .portfolio-sec .theme-new-btn {
        padding: 7px 14px;
    }

    .process-main-box {
        padding: 24px;
        border: 1px solid #eee;
        min-height: unset;
    }


    .process-main-box .number {
        font-size: 48px;
        color: #0083eb;
    }

    .small-heading-box {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 574px) {
    .ai-banner-box h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .ai-banner {
        padding: 40px 0 !important;
    }

    .ai-banner-img {
        height: 250px;
    }

    .abs-tab.one {
        left: 4%;
    }

    .abs-tab.three {
        left: 0%;
        bottom: 20px;
    }

    .abs-tab {
        gap: 5px;
        padding: 8px 10px;
    }

    .abs-tab h6 {
        font-size: 12px;
    }

    .section-pd {
        padding: 40px 0;
    }

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

    .we-count-card {
        max-width: calc(50% - 20px);
        flex: calc(50% - 20px);
    }

    .small-heading {
        font-size: 16px;
        line-height: 20px;
    }

    .section-tag {
        gap: 6px;
    }

    .sec-title,
    .sec-title h2 {
        font-size: 22px !important;
        line-height: 30px;
    }

    .sub-heading {
        font-size: 14px;
        line-height: 24px;
    }

    .ai-tech-box img {
        height: 150px;
    }

    .ai-tech-content {
        min-height: unset !important;
        padding: 12px !important;
    }

    .ai-solution-box h4 {
        font-size: 18px;
    }

    .ai-tech-content i {
        display: none;
    }

    .ai-tech-content h4 {
        font-size: 14px;
        line-height: 19px;
        padding-right: unset;
    }

    .ai-solution-box img {
        max-width: 120px;
        width: 120px;
        height: 70px;
        margin-bottom: 9px;
    }

    .ai-solution-content a {
        margin-top: 18px;
    }

    .ai-solution-box {
        margin-bottom: 24px;
    }

    .ai-models {
        padding: 50px 0 !important;
    }

    .ai-why-choose-img {
        height: 150px;
    }

    .ais-img img {
        height: 25px !important;
        width: 25px !important;
    }

    .ais.seven {
        top: 26px;
        left: 27%;
        animation-delay: .4s;
    }

    .ais.four {
        bottom: -1px !important;
        left: 18% !important;
    }

    .ais.seven {
        top: 18px !important;
        left: 33% !important;
    }

    .ais.six {
        bottom: 23px !important;
        animation-delay: .6s;
    }

    .ais.eight {
        bottom: 64px !important;
        right: 36% !important;
    }

    .process-faq .accordion-button {
        font-size: 18px !important;
        line-height: 24px !important;
        border: none !important;
        padding-left: 0px !important;
        box-shadow: none !important;
        border-top: 1px solid #eee !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .process-faq .accordion-body {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .ai-process-img {
        height: 150px !important;
    }

    .development-box {
        padding: 24px !important;
    }

    .faq-sec .accordion-button {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .social-icons li a {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .social-icons li a i {
        font-size: 18px;
    }

    .software_slider .nav_bx .nv_btn button svg {
        width: 40px;
        height: 40px;
        fill: #212121;
    }

    .software_slider .nav_bx .nv_btn button {
        top: 3px;
        left: -3px;
    }

    .expertise-right-box {
        padding: 24px;
    }

    .expertise-right-box .form-label {
        font-size: 18px;
        line-height: 24px;
    }

    .expertise-right-box .form-control {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        border: 1px solid #F0F0F0;
        border-radius: 0;
        padding: 20px;
        color: #494949;
    }

    .expertise-right-box .form-control::placeholder {
        font-size: 14px;
    }

    .ai-banner-box,
    .ai-banner-box h1 {
        text-align: start !important;
    }


    .ai-cta-content h4 {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .social-icons {
        padding-bottom: 30px;
        gap: 6px !important;
    }

    .award-img {
        max-width: 110px;
        height: 72px;
        margin: 0 auto;
    }

    .trusted-logo {
        max-width: 120px;
        height: auto;
    }

    .ai-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .faq-sec .accordion-item {
        padding: 4px 0;
    }

    .ai-cta-content h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .ai-why-choose-list-icon {
        height: 50px;
        min-width: 50px;
    }

    .ai-why-choose-list-icon img {
        height: 30px;
        width: 30px;
        object-fit: contain;
    }

    .ai-why-choose-list {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .ai-solution-box {
        padding: 15px;
        min-height: unset;
        min-height: 257px;
    }

    .ai-solution-box h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .ai-solution-box .sub-heading {
        font-size: 12px;
        line-height: 20px !important;
    }

    .ai-solution-box a {
        margin-top: 10px;
        gap: 12px;
        font-size: 12px;
    }

    .client-img-box img {
        max-width: 80px;
    }

    .we-drive-img {
        height: 200px;
        object-fit: cover;
        overflow: hidden;
    }
}


@media (max-width: 390px) {
    .model-content-box h1 {
        font-size: 65px !important;
        line-height: 120px !important;
    }

    .ais p {
        padding: 6px 12px !important;
        font-size: 10px !important;
    }

    .ais-img {
        height: 35px !important;
        width: 35px !important;
    }

    .ais-img img {
        height: 20px !important;
        width: 20px !important;
    }



    .ais.two {
        top: 0px !important;
        right: 0% !important;
    }

    .ai-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .cat-inr-box .sub-heading {
        font-size: 12px;
    }
}