@media (min-width: 1400px) {
    .newServiceHoverTabingSec .textContainer .stepDescription {
        max-height: 358px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 1200px) {

    .newServiceOurExpertiseSec .owl-carousel .owl-nav button.owl-prev,
    .newServiceOurExpertiseSec .owl-carousel .owl-nav button.owl-next {
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background-image: url(../images/api-slider-arrow.png) !important;
        background-position: center !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        filter: brightness(0);
        margin: 0 !important;
    }

    .counter-content p {
        font-size: 14px;
    }

    /* web development service page */
    .webDevelopmentProcessSec .developmentProcessCards .processCard {
        flex: 1 1 calc(33.33% - 12px);
        height: max-content;
    }

    .webDevelopmentProcessSec .developmentProcessCards .processCard:hover {
        display: flex;
        flex-direction: column;
        /* flex: 250px; */
        flex: 1 1 calc(33.33% - 12px);
        justify-content: start;
        align-items: start;
    }

    .processCard:hover .hoverContent {
        padding-left: 0px;
    }

    .processCard:last-child::after {
        display: block;
    }

    .digitalSuccessSec .webDevelopmentServiceTitle,
    .webDevelopmentExpertiseSec .webDevelopmentServiceDesc {
        width: 100%;
    }

    .bringYourVisionSec .leftImageContainer {
        min-height: 440px !important;
    }

    .bringYourVisionSec .leftImageContainer img {
        width: 100%;
    }

    .bringYourVisionSec .bringYourVisionImgs .imgContainer {
        min-height: 280px;
    }

    .bringYourVisionSec .hoverContent p {
        font-size: 14px;
    }


    .futureReadySec .tabs p,
    .futureReadySec .listItems li {

        font-size: 14px;
    }

    .futureReadySec .title {
        font-size: 28px;
    }

    .futureReadySec .desc {
        font-size: 16px;
    }

    .dtPageWhySecslide .owl-next img {
        margin-right: 0px !important;
    }

    .dtPageWhySecslide .owl-prev img {
        margin-left: 15px !important;
    }

    .webDevelopmentProcessSec .processCard:last-child::after {
        display: block;
    }

    .home_portfolio .tab-pane.active {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
    }

    .home_portfolio .tab-pane.active a.awesome_work_box {
        width: 100%;
    }

    .other-services .owl-nav button:hover,
    section.fotr_testimonial .owl-nav button:hover {
        background: #151aa4 !important;
        border-color: #151aa4 !important;
    }
}

@media (max-width: 991px) {
    .apiIntigrationWhySecTab {
        flex-direction: column;
        align-items: start !important;
    }

    .fotrFeaturedBlogBox .left img,
    .fotrFeaturedBlogBox .right {
        width: 100%;
    }

    .apiIntigrationWhySecTab>.tab-content {
        max-width: 100%;
    }

    .fotrFeaturedBlogBox {
        gap: 14px;
    }

    .apiIntigrationHeroSec {
        padding: 75px 0px !important;
    }

    .apiIntigrationWhySecTab>.nav.nav-tabs {
        max-width: 100%;
        display: flex !important;
        padding: 0px;
    }

    .apiIntigrationWhySecTab>.nav.nav-tabs li {
        width: 50% !important;
    }

    .counter-content .numberCounterBox {
        font-size: 42px;
    }

    .counter-content p {
        font-size: 12px;
    }

    .fotrFeaturedBlogList>div:nth-child(2) .left,
    .fotrFeaturedBlogList>div:nth-child(2) .left img {
        order: 1;
    }

    .fotrFeaturedBlogList>div:nth-child(2) .right {
        order: 2;
        padding: 0 !important;
    }

    .fotrFeaturedBlogList>div:nth-child(2) {
        grid-row: auto !important;
    }

    .fotrFeaturedBlogList>div .left,
    .fotrFeaturedBlogList>div .left img {
        width: 100%;
        height: 240px;
    }

    /* .newServiceTechSliderSec .owl-carousel .owl-stage-outer {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    } */

    /* overlay */
    .apiIntigrationCtaSec,
    .newServiceCtaSec {
        position: relative;
    }

    .apiIntigrationCtaSec::before,
    .newServiceCtaSec::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 8, 49, 0.8);
        z-index: 0;
    }

    .apiIntigrationCtaSec>*,
    .newServiceCtaSec>* {
        position: relative;
        z-index: 1;
    }


    .left-indicator {
        display: none;
    }

    .digitalStepSlider .right-cards {
        width: 100%;
        padding-left: 0px;
    }

    .dtSlideSliderWrapper .slide p {
        font-size: 14px;
    }

    /* web development service page */
    .webDevelopmentServiceTitle {
        font-size: 28px;
        line-height: 32px;
    }

    .webDevelopmentProcessSec .developmentProcessCards .processCard {
        flex: 1 1 calc(50% - 12px);
    }

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

    .webDevelopmentProcessSec .developmentProcessCards .processCard:hover {
        flex: 0 0 calc(50% - 6px);
    }

    .futureReadySec .futureReadyTabsContainer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 22px;
    }

    .webDevelopmentProcessSec .processCard .hoverContent p {
        padding: 2px 12px 12px 9px;
    }

    /*AI Development Services  */
    .page-template-ai-development .Our_Expertise_in_AI_Development .fiCstmBtn {
        margin-top: 0 !important;
    }

    .Our_Expertise_in_AI_Development .custom-block-contnet {
        padding-bottom: 40px;
    }

    .newServiceIotDevProceSec .custom-block-contnet {
        text-align: center;
    }

    .Meet-Our-Team-of-AI-Experts .card-body.text-center {
        min-height: 15rem;
    }

    /* aws page css*/

    .page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link.active {
        border: unset !important;
        background-color: #0059e1 !important;
        border-radius: 12px;
    }

    .awsnewServiceHoverTabingSec .steps-container {
        border: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: auto;
        max-height: max-content;
        overflow: hidden;
        padding: 0;
        max-width: 100%;
        width: 100%;
    }

    .awsnewServiceHoverTabingSec .steps-container .steps {
        max-width: 10rem;
        min-height: 6rem;
        display: flex;
        min-width: auto;
        text-align: center;
        border: 1px solid #e6e6e6;
        border-radius: 12px;
    }

    .awsnewServiceHoverTabingSec .steps p {
        font-size: 14px;
    }

    .page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link.active p {
        color: #fff;
    }

    .awsnewServiceHoverTabingSec h2 {
        font-size: 28px;
    }

    .awsnewServiceHoverTabingSec p {
        font-size: 16px;
    }

    .awsnewServiceHoverTabingSec .stepTitle h3 {
        font-size: 20px;
    }

    .awsnewServiceHoverTabingSec .left {
        padding: 24px 0px;
    }

    .page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link {
        border: 1px solid #e6e6e6;
        border-radius: 16px;
        padding: 10px;
    }

    .Our_Expertise_in_AI_Development .custom-block-contnet {
        text-align: center;
    }

    /* .aws-certified-deliever-section .aws-member-right-slider-col {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 1rem;
} */
    .aws-certified-deliever-section .aws-member-right-slider-row {
        padding: 1rem !important;
        max-width: 100%;
        width: 100%;
        margin: auto;
    }

    .aws-certified-deliever-section #cerified-slider .owl-nav {
        bottom: 10%;
    }

    .aws-certified-deliever-section .certified-first-left-section h4 {
        font-size: 28px;
        font-weight: 600;
    }

    /* cloud computing ads CSS starts Here */

    .cloudServicesSection p {
        font-size: 18px;
        padding-right: 0;
    }

    .cloudServicesSection .custom-powerful-cloud-column {
        padding-right: 15px !important;
    }

    .digitalSuccessSec .fiCstmBtn {
        width: max-content;
    }

    .home_portfolio .tab-pane.active {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .home_portfolio .tab-pane.active a.awesome_work_box {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .newServiceHeroSec div.flex-nowrap,
    .apiIntigrationHeroSec div.flex-nowrap {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    /* .newServiceHeroSec .newServiceTitle {
        padding-top: 32px;
    } */
    
    .newServiceHeroSec .newServiceSubTitle,
    .heroInnerList li,
    .counter-section .sectionTitle,
    .apiIntigrationSubTitle {
        font-size: 16px !important;
        line-height: 1.6;
    }

    .apiIntigrationFaqSec #accordionExample,
    .apiIntigrationWhySecTab {
        flex-direction: column;
    }

    .apiIntigrationWhySecTab>.tab-content {
        max-width: 100%;
    }

    .apiIntigrationWhySecTab>.tab-content .tab-pane>div {
        flex-direction: column;
    }

    .apiIntigrationWhySecTab .tab-content-right {
        padding-left: 0px;
        font-size: 18px;
    }

    .apiIntigrationFaqSec .faq_accordion_box {
        width: 100%;
        padding: 12px 18px 12px 15px !important;
    }

    .apiIntigrationFaqSec .faq_accordion_box button {
        width: 92%;
    }

    .fotrFeaturedBlogList {
        display: flex;
        flex-direction: column;
    }

    .fotrFeaturedBlogBox {
        flex-direction: column;
        gap: 14px;
    }

    .fotrFeaturedBlogBox .left img,
    .fotrFeaturedBlogBox .right,
    .apiApproachSec ul li {
        width: 100%;
    }

    .counter-content .numberCounterBox {
        font-size: 51px;
    }

    .fotrFeaturedBlogList>div .left {
        height: 240px;
        width: 100%;
    }

    .fotrFeaturedBlogList>div .left img {
        height: 100%;
    }

    .newServiceIotDevProceSec ul.nav {

        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .newServiceIotDevProceSec .nav-item {
        max-width: 100%;
    }

    .apiIntigrationWhySecTab>.nav.nav-tabs li {
        width: 100% !important;
        margin: 0 0 15px !important;
    }

    .fiCstmBtn {
        padding: 0 15px;
        font-size: 16px;
    }

    .fotrContactFormSec ul {
        flex-wrap: wrap;
        gap: 15px;
    }

    .newServiceTechSliderSec .tab-inner-content>div {
        width: 135px;
        max-width: 100%;
    }

    .newServiceTechSliderSec .item button {
        font-size: 16px;
    }

    .dtAssesmentSec .dtNewCard {
        padding: 20px 10px;
    }

    /* web development service page */
    .expertiseCardsContainer,
    .whyChooseSec .whyChooseCardsContainer {
        grid-template-columns: repeat(1, 1fr);
    }


    .webDevelopmentProcessSec .developmentProcessCards .processCard {
        flex: 1 1 calc(100% - 12px);
        /* 2 cards per row with gap */
    }

    .webDevelopmentProcessSec .webDevelopmentServiceDesc {
        width: 100%;
    }

    .webDevelopmentProcessSec .developmentProcessCards .processCard:hover {
        flex: 0 0 100%;

    }

    .bringYourVisionSec .leftImageContainer {
        min-height: 360px !important;
    }

    .bringYourVisionSec .leftImageContainer img {
        width: 100%;
    }

    .bringYourVisionSec .bringYourVisionImgs .imgContainer {
        flex: 1 1 calc(100% - 12px);
        min-height: 280px;
    }

    .bringYourVisionSec .CreationsBtn {
        font-size: 16px;
        padding: 12px 26px;
    }

    .digitalSuccessSecCards .cardNumber {
        font-size: 48px;
    }

    .futureReadyRightContent .imgContainer img {
        width: 100%;
        height: 380px !important;
        border-radius: 12px !important;
    }

    .trustedpartner_section_ai .sectionTitle.text-center {
        max-width: 95%;
        margin: auto;
    }

    /*AI Development Services  */

    .bring_your_AI p {
        max-width: 100%;
    }

    .AI_to_Accelerate_Business_Transformation .newServiceSubTitle {
        max-width: 100%;
        font-size: 18px;
    }

    .AI_to_Accelerate_Business_Transformation .row {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .AI_to_Accelerate_Business_Transformation {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .future-Ready_AI_Solutions .custom-cards-block {
        padding: 0;
        padding-bottom: 2px;
    }


    .future-Ready_AI_Solutions .solution-btn {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .future-Ready_AI_Solutions h2 {
        font-size: 28px;
    }

    .Meet-Our-Team-of-AI-Experts .card-body.text-center {
        min-height: auto;
    }

    .trustedpartner_section_ai .partner-box {
        padding: 44px 0px;
    }

    .Infinite_Potential_section .stat-number {
        font-size: 28px;
    }

    .Infinite_Potential_section h2 {
        font-size: 28px;
    }

    .kkapiServicesliders {
        padding: 20px;
    }

    .Meet-Our-Team-of-AI-Experts .owl-carousel .owl-nav button.owl-next,
    .Meet-Our-Team-of-AI-Experts .owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
    }

    .awswhychooseus .inner-awswhychoose-us {
        padding: 0 !important;
    }

    .Our_Expertise_in_AI_Development .newServiceTitle {
        font-size: 28px !important;
    }

    .Our_Expertise_in_AI_Development .main-p {
        font-size: 18px;
        font-family: 'Hanken Grotesk';
        text-align: center;
    }

    .Our_Expertise_in_AI_Development ul.nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .Our_Expertise_in_AI_Development .nav-item {
        max-width: 100%;
    }

    .page-template-ai-development .Our_Expertise_in_AI_Development .main-p {
        margin-bottom: 2rem;
    }

    .aws-certified-deliever-section #cerified-slider p {
        max-width: 100%;
    }

    .certified-first-left-section {
        padding: 2rem !important;
    }

    .aws-certified-deliever-section .certified-first-left-section h4 {
        font-size: 24px;
        padding-top: 0 !important;
    }

    .aws-certified-deliever-section .certified-first-left-section p {
        font-size: 16px;
    }


    /* cloud computing ads CSS starts Here */
    .cloudServicesSection .custom-box {
        width: 100%;
    }

    .cloudServicesSection h2 {
        font-size: 28px;
    }

    .cloudServicesSection p {
        font-size: 16px;
    }

    .cloudServicesSection .cloud-service-box-div {
        max-width: 100%;
        flex: 100%;
    }

    .cloudServicesSection h4 {
        font-size: 24px;
    }

    .cloudServicesSection .cloud-h6 {
        font-size: 18px;
    }

    .cloudComputingForm.fotrContactFormBox {
        padding: 20px 15px;
    }

    .cloudComputingForm.fotrContactFormBox>h3 {
        font-size: 28px;
    }

    .fotrContactFormBox form input[type=submit] {
        font-size: 14px;
    }

    .apiIntigrationWhySecTab>.nav.nav-tabs li a span {
        font-size: 16px;
    }

    .cloudServicesSection {
        padding-top: 125px !important;
    }



    /* cloud computing ads CSS ends Here */
    .home_portfolio .tab-pane.active {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .home_portfolio .tab-pane.active a.awesome_work_box {
        width: 100%;
    }

    .home_portfolio .tab-filter .tab-content a.awesome_work_box {
        height: 434px;
    }

    .home_portfolio .tab-filter .nav-tabs {
        width: auto;
    }

    .blog_detail_inner .title .right h1 {
        font-size: 20px !important;
        margin-bottom: 0;
    }

    .blog_detail_description .blog_heading {
        font-size: 16px !important;
    }

    .blog_detail_description h2.blog_heading {
        font-size: 20px !important;
    }

    .blog_detail_description h3.blog_heading {
        font-size: 16px !important;
    }

    .blog_detail_description h4.blog_heading {
        font-size: 16px !important;
    }
}

@media (max-width: 400px) {
    .homeHeroSec .btn-group a span {
        font-size: 14px;
    }

}