@media screen and (min-width: 1200px) {
    .app-image-2 img {
        max-width: 70%;
    }

    .card-blog {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1600px) {
    .vision-card {
        padding: 100px 77px;
    }

}

@media screen and (max-width:1500px) {

    .vision-border,
    .mission-border {
        background-size: contain;
    }

    .foot-row-container {
        display: flex;
        justify-content: space-between;
    }

}

@media screen and (max-width: 1400px) {
    .slider::before {
        left: 31px;
    }

    .card2 {
        left: 253px;
    }

    .card3 {
        left: 573px;
    }

    .card4 {
        left: 923px;
    }

    .outer-frame.left {
        left: 44px;
    }

    .outer-frame.right {
        right: 41px;
    }

    .vision-title {
        font-size: 45px;
        line-height: 45px;
    }

    .vision-title span {
        font-size: 45px;
        line-height: 45px;
    }

    .vision-card {
        padding: 74px 62px;
    }

    .vision-text {
        margin-top: 9px;
    }

    .vision-icon img {
        height: 75px;
    }

    .service-col {
        padding: 15px;
        padding-bottom: 15px;
    }

    .about-banner h1 {
        font-size: 75px;
        line-height: 96px;
    }

    .about-banner h3 {
        font-size: 40px;
        line-height: 42px;
    }

    .svg-erp text {
        font-size: 55px !important;
    }

    .blog-digital h1 {
        font-size: 66px !important;
        line-height: 62px !important;
    }

    .svg-digital text {
        font-size: 66px !important;
    }

    .erp-blog h1 {
        font-size: 55px !important;
        line-height: 45px !important;
    }

    .blog-details h1 {
        font-size: 75px !important;
    }

    .svg-mobile text {
        font-size: 74px !important;
    }

    .blogsss h1 {
        font-size: 57px !important;
        line-height: 71px !important;
    }

    .svg-1 text {
        font-size: 57px !important;
    }
}

@media screen and (max-width: 1300px) {
    .outline-heading svg {
        height: 103px;
    }

    .bg-contact img {
        margin-top: -179px;
    }

    .visible-boost-bg {
        background-size: contain;
    }

    .testimonial-card {
        padding: 100px 228px;
    }

    .test-logo {
        height: 75px;
    }

    .testimonial-card h3 {
        font-size: 31px;
        line-height: 25px;
    }

    .port-content p {
        font-size: 13px;
    }

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

    .portfolio-orient {
        height: 594px;
    }

    .port-bg-2 {
        height: 560px;
    }
}

@media screen and (max-width: 1200px) {
    .dropbox-cont p {
        font-size: 14px;
    }

    .dropbox-cont h6 {
        font-size: 28px;
    }

    .toggle-switch input {
        width: 44px;
        height: 28px;
        border: 0;
    }

    .card2 {
        left: 191px;
    }

    .card3 {
        left: 437px;
    }

    .card4 {
        left: 714px;
    }

    .h-title .accent {
        font-size: 40px;
    }

    .h-title {
        font-size: 40px;
    }

    .method-card h3 {
        font-size: 27px;
        line-height: 31px;
    }

    .timeline::before {
        left: 3px;
    }

    .casestudy-highlight {
        font-size: 75px;
        line-height: 79px;
    }

    .detail-heading {
        font-size: 28px;
    }

    .detail-list li a {
        font-size: 18px;
    }

    .outline-heading svg {
        height: 91px;
    }

    .bg-contact img {
        margin-top: -221px;
    }

    .port-bg-2 {
        height: 460px;
    }

    .portfolio-orient {
        height: 491px;
    }

    .swiper-button-next {
        position: absolute !important;
        right: 99px !important;
    }

    .swiper-button-prev {
        position: absolute !important;
        left: 110px !important;
    }

    .testimonial-card p {
        text-align: left;
    }

    .test-logo {
        left: 95px;
    }

    .testimonial-card {
        padding: 63px 218px;
    }

    .testimonial-card h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .footer-text {
        width: 100%;
    }

    .vision-title span {
        font-size: 40px;
    }

    .vision-title {
        font-size: 40px;
    }

    .vision-card {
        padding: 88px 64px;
    }

    .vision-text {
        margin-top: 0;
    }

    .vision-icon img {
        height: 63px;
    }

    .vision-icon {
        margin-bottom: 0;
    }

    .bg-o .bg-o-1 {
        gap: 15px;
    }

    .thankyou-content h1 {
        font-size: 70px;
    }

    .thankyou-content h4 {
        font-size: 30px;
        line-height: 37px;
    }

    .contact-card p {
        max-width: 100%;
    }

    .padding-form {
        padding-bottom: 0;
    }

    .space-contact {
        padding-top: 0;
    }

    .space-contact form {
        padding-top: 0;
    }

    .job-card h4 {
        font-size: 39px;
        line-height: 39px;
    }

    .badge.me-4 {
        margin-bottom: 25px;
    }

    .company-policies {
        font-size: 48px;
        line-height: 48px;
    }

    .tag-title {
        font-size: 43px;
        line-height: 43px;
        margin-bottom: 22px;
    }

    .tags-all {
        padding: 55px 43px;
    }

    .tags-all h3 {
        font-size: 45px;
    }

    .software-two h2 {
        font-size: 43px;
        line-height: 43px;
    }

    .custom-card img {
        width: 100%;
        margin-bottom: 23px;
    }

    .custom-card {
        display: block;
    }

    .service-card-back {
        padding: 15px;
    }

    .service-card-back p {
        font-size: 15px;
    }

    .service-title {
        font-size: 30px;
    }

    .our-work-h1 {
        font-size: 110px !important;
        line-height: 127px !important;
    }

    .team-image {
        margin-top: 40px;
    }



    .section-title {
        font-size: 50px;
        margin-bottom: 21px;
    }

    .vision-card {
        height: 100%;
    }

    .counter-div {
        margin-bottom: 24px;
    }

    .hero-btns {
        margin-top: 40px;
    }

    .about-banner h1 {
        font-size: 68px;
        /* line-height: 96px; */
    }

    .about-banner.long-text h1 {
        line-height: 76px !important;
    }

    .about-banner h3 {
        font-size: 35px;
        line-height: 42px;
    }

    .footertext {
        text-align: left;
    }

    .footernav {
        justify-content: end;
    }

    .foot-row-container {
        display: flex;
        justify-content: space-around;
    }

    .navbar-brand img {
        height: 47px;
    }

    .nav-item .nav-link {
        font-size: 14px;
    }

    .service-link {
        font-size: 14px;
    }

    .make-difference p {
        font-size: 16px;
        line-height: 24px;
    }

    .svg-erp text {
        font-size: 46px !important;

    }

    .svg-digital text {
        font-size: 55px !important;
        line-height: 55px !important;
    }

    .blog-details h1 {
        font-size: 63px !important;
        line-height: 60px !important;
    }

    .svg-mobile text {
        font-size: 63px !important;
    }

    .diff-- {
        margin-top: -39px !important;
    }

    .blog-container-- {
        padding: 0 !important;
    }

    .erp-blog h1 {
        font-size: 46px !important;
        line-height: 30px !important;

    }

    .blog-digital h1 {
        font-size: 55px !important;
    }

    .blogsss h1,
    .svg-1 text {
        font-size: 48px !important;
    }

    .row-zip {
        margin-top: 20px;
    }


    .blog-container-- {
        padding: 0;
    }

    .blog-description h2 {
        font-size: 30px;
        padding-top: 25px;
        line-height: 33px;
        text-align: left;
        margin-bottom: 15px;
    }

    /* .blog-description p {
        font-size: 23px;
        line-height: 33px;
    } */

    .blog-sec-text h6 {
        font-size: 24px;
    }

    .blog-sec-text h6 {
        padding-top: 10px;
    }

    .blog-description {
        padding-top: 10px;
    }

    .faq-body {
        margin: 2em auto;
    }
}

@media screen and (max-width: 1400px) {
    .blog-description h2 {
        font-size: 34px;
        line-height: 39px;
    }

    .blog-content h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-content h5 {
        font-size: 18px;
    }

    .blog-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .think-text {
        margin-left: 94px;
    }

    .bz-content {
        padding: 26px;
    }

    .hash-list li {
        position: relative;
        padding-left: 10px;
        color: black;
    }

    .waviy h1 span {
        font-size: 85px;
        letter-spacing: -22px;
        line-height: 180px;
    }

    .section-1 .firstSection {
        font-size: 137px;
        line-height: 90px;
    }

    .section-1 .secondSection {
        font-size: 137px;
        line-height: 112px;
        margin-left: 0;
    }

    .section-2 h1 {
        font-size: 107px;
        line-height: 91px;
    }

    .head {
        font-size: 121px;
    }

    .text-1-heading {
        font-size: 126px;
    }

    .section-2 .text-2 p {
        font-size: 47px;
        line-height: 69px;
    }

    /* #subheading {
        margin-left: -572px !important;
        margin-top: 51px;
    } */

    /* .img-1-section-3 img {
        padding: 40px;
    } */

    /* .img-2-section-3  {
        position: absolute;
        right: -260px;
        bottom: -83px;
    } */

    .section-4 h1 {
        font-size: 54px;
    }

    .section-4 .services h3 {
        font-size: 41px;
    }

    .section-4 .services p {
        font-size: 29px;
    }

    .carousel-control-prev-icon {
        margin-right: 73px;
    }

    .carousel-control-next-icon {
        margin-right: 10px;
    }

    .ready {
        font-size: 49px;
    }

    .faq-title {
        font-size: 39px;
    }

    /* .cloud-text {
        margin-top: -182px;
    }

    .perf-text {
        margin-top: -163px;
    } */

    /* .section-facts .page-facts h4 {
        position: relative;
        top: -168px;
        left: 11px;
    } */

    /* .facts-video img {
        max-width: 523px;
    } */

    .section-facts .content-facts p {
        font-size: 20px;
        line-height: 27px;
    }

    .career-text-2 p .page-2 {
        font-size: 49px;
    }

    .career-text h2 {
        font-size: 85px;
    }

    /* .navbar-brand img {
        max-width: 42%;
        margin-bottom: 2px;
    } */

    .navbar-nav li a {
        margin-left: 3px;
    }

    .team-content h1 {
        font-size: 50px;
    }

    .dropFlex img {
        position: absolute;
        left: 162px;
    }

    .about-description p {
        font-size: 36px;
    }

    .about-img-3 img {
        position: absolute;
        top: 28px;
        left: 17%;
    }

    .about-img-2 img {
        position: absolute;
        top: 127px;
        left: 16%;
    }

    .about-img-1 img {
        position: absolute;
        top: 266px;
        left: 134px;
    }

    /* .animated-title {
        position: absolute;
        left: 49%;
        top: 92px;
    } */
    .about-text-page h1 {
        font-size: 65px !important;
    }

    .about-text-page h2 {
        font-size: 53px !important;
    }

    .about-text-page h3 {
        font-size: 27px !important;
        margin-top: 1px !important;
    }

    .cont-2 {
        font-size: 76px;
        padding-top: 29px;
    }

    .cont-1 {
        font-size: 74px;
        padding-top: 1px;
        margin-left: 75px;
    }

    #profile-tab {
        font-size: 55px;
        margin-left: 4px;
    }

    #home-tab {
        font-size: 55px;
        margin-top: 33px;
        margin-left: 4px;
    }

    .brand-img {
        position: absolute;
        top: -59px;
        right: -166px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 96px;
        line-height: 95px;
        padding-top: 0;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 45px;
        line-height: 61px;
    }

    .li-mark {
        font-size: 24px;
        margin-right: 42px;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 45px;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 70px;
        padding-top: 120px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        font-size: 36px;
    }

    .marketing-sec-4 .marketing-text-4 p {
        font-size: 31px;
    }

    .marketing-5 h1 {
        font-size: 70px;
    }

    .btn-technology .btn {
        font-size: 58px;
    }

    .p-btns {
        font-size: 21px;
    }

    .btn-digital .btn {
        font-size: 63px;
    }

    .btn-technology {
        padding: 14px 52px;
    }

    .marketing-5 h1 {
        font-size: 62px;
        padding-top: 125px;
    }

    .marketing-content h2 {
        font-size: 38px;
        margin-left: 157px;
    }

    .marketing-sec-1 .marketing-content h1 {
        font-size: 220px;
    }

    .marketing-content h3 {
        font-size: 38px;
    }

    .service-sec-2 .text-service h1 {
        font-size: 96px;
        line-height: 95px;
    }

    .service-sec-2 .text-service .service-p {
        font-size: 45px;
        line-height: 61px;
    }

    .li-tech {
        font-size: 26px;
        margin-right: 68px;
    }

    .service-sec-2 .text-service h3 {
        font-size: 40px;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 76px;
    }

    .service-sec-3 .text-3 h3 {
        font-size: 45px;
    }

    .ser-sec-4 .services-4 h1 {
        font-size: 61px;
    }

    .btn-marketing .btn {
        font-size: 62px;
        text-transform: uppercase;
        font-weight: bolder;
    }

    .btn-marketing {
        padding: 17px 64px;
    }

    .btn-digital .btn {
        font-size: 61px;
    }

    .service-sec-1 .system-img {
        position: absolute;
        right: 55px;
        top: 104px;
        max-width: 58%;
    }

    .service-sec-1 .system-img {
        position: absolute;
        right: 74px;
        top: 128px;
        max-width: 56%;
    }

    .section-1 .firstSection {
        margin-left: 0;
    }

    .paragraph {
        font-size: 20px;
    }

    .sector {
        margin-left: 0;
    }

    .seo-btn .btn {
        font-size: 54px;
    }

    /* .career-sec-3 {
        margin: 0 42px;
    } */
    /* .career-img-1 img,
    .career-img-2 img {
        position: inherit;
        width: 100%;
    }
    .boxes {
        height: 100% !important;
    } */
    .marketing-text-4>img {
        float: right;
        max-width: 50%;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 60%, 100% 0);
    }

    .service-sec-1 .service-content-2 h2 {
        padding-left: 100px;
    }

    .service-sec-1 .service-content-3 p {
        padding-left: 100px;
    }

    .btn-marketing {
        padding: 11px 64px;
    }

    .li-design {
        font-size: 28px;
        margin-right: 28px;
    }

    .design-content h2 {
        font-size: 42px;
        line-height: 40px;
    }

    .design-content h1 {
        font-size: 60px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 96px;
        line-height: 95px;
    }

    .design-sec-4 .design-text-4 h3 {
        line-height: 52px;
        padding-bottom: 67px;
        font-size: 47px;
    }

    .design-sec-4 .design-text-4 h1 {
        padding-bottom: 0;
    }

    .design-text-4>img {
        float: right;
        margin-left: 1rem;
        margin-top: 210px;
        shape-outside: polygon(100% 0, 15% 100%, 0 30%, 0 43%, 100% 0);
    }

    .li-tech {
        font-size: 25px;
        margin-right: 40px;
    }

    .text-3>img {
        float: right;
        margin-left: 1rem;
        margin-top: 500px;
        margin-right: -112px;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 46%, 100% 0);
    }

    .app-content h1 {
        font-size: 86px;
        line-height: 58px;
    }

    .app-content .innovation {
        font-size: 47px;
    }

    .app-content .every {
        font-size: 53px;
    }

    .software-content h1 {
        font-size: 78px;
    }

    .big {
        font-size: 43px;
    }

    .software-content h2 {
        font-size: 44px;
    }

    .digital-content h1 {
        font-size: 89px;
        line-height: 65px;
    }

    .digital-content h2 {
        font-size: 43px;
    }

    .digital-content h2 {
        font-size: 43px;
    }

    .big-3 {
        font-size: 36px;
    }

    .cyber-content h1 {
        font-size: 126px;
        line-height: 96px;
    }

    .cyber-content h2 {
        font-size: 43px;
    }

    .big-1 {
        font-size: 46px;
    }

    .cloud-content h2 {
        font-size: 34px;
        line-height: 12px;
    }

    .cloud-content h1 {
        font-size: 59px;
        line-height: 94px;
    }

    .cloud-image img {
        position: relative;
        right: 360px;
    }

    .tool-1 img {
        position: absolute;
        top: 48px;
        right: 76px;
    }

    .focus {
        font-size: 98px;
    }

    .img-2-section-3 {
        position: absolute;
        right: -385px;
        bottom: 58px;
    }

    summary {
        font-size: 20px !important;
    }
}


@media screen and (max-width: 1290px) {
    /* .blog-details h1 {
        font-size: 63px;
        line-height: 69px !important;
    } */

}

/*---------max-width:1200px----------*/
@media screen and (max-width: 1200px) {
    .table-cont-1 {
        align-self: flex-start;
        max-width: 100%;
        margin-bottom: 44px;
    }

    .blog-para p {
        width: 100%;
        font-size: 14px;
        color: #000;
        margin-bottom: 0;
    }

    .card-blog {
        margin-bottom: 0;
    }

    .blog-content h5 {
        margin-bottom: 0;
    }

    summary {
        font-size: 17px !important;
    }

    :root {
        --component-size: 860px;
    }

    .blog-content h4 {
        font-size: 15px;
        line-height: 25px;
    }

    .blog-content h5 {
        font-size: 15px;
    }

    .blog-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .innovate-blog {
        font-size: 68px !important;
    }

    .blog-content h1 {
        font-size: 179px;
        line-height: 66px;
    }

    .blog-content h2 {
        font-size: 127px;
    }

    .bz-content h4 {
        font-size: 17px;
    }

    .blogg {
        margin: 0px 34px;
    }

    .blog-para p {
        font-size: 13px;
        padding: 21px;
        padding-top: 0;
    }

    .waviy h1 span {
        font-size: 67px;
        letter-spacing: -18px;
        line-height: 28px;
    }

    .img-2-section-3 {
        position: absolute;
        right: -385px;
        bottom: 103px;
        height: 137px;
    }

    .focus {
        font-size: 82px;
    }

    .section-1 .firstSection {
        font-size: 139px;
        line-height: 105px;
    }

    /* .section-1 .firstSection img {
        max-width: 51%;
    } */

    .section-1 .secondSection {
        font-size: 139px;
        line-height: 125px;
    }

    /* .img-1-section-3 img {
        max-width: 95%;
    }

    .img-2-section-3 img {
        max-width: 30%;
        bottom: 269px;
    } */

    /* .img-2-section-3 {
        height: 4px;
    } */

    /* #subheading {
        margin-left: -479px !important;
        margin-top: 51px;
    } */

    .paragraph {
        font-size: 18px;
    }

    /* .cloud-text {
        margin-top: -163px;
    } */



    .section-4 h1 {
        font-size: 45px;
        padding: 90px;
    }

    .section-4 .services h3 {
        font-size: 34px;
    }

    .section-4 .services p {
        font-size: 27px;
    }

    .section-map .map-text .map-heading {
        font-size: 49px;
    }

    .section-map .map-text h2 {
        font-size: 31px;
    }

    .over {
        font-size: 31px;
    }

    .happy {
        font-size: 53px;
    }

    .family {
        font-size: 49px;
    }

    .ready {
        font-size: 37px;
    }

    .carousel-control-prev-icon {
        margin-right: 63px;
    }

    .carousel-control-next-icon {
        margin-right: 19px;
    }

    .portfolio-text h2 {
        font-size: 58px;
    }

    .blog-heading h2 {
        font-size: 58px;
    }

    .portfolio-content .port-heading {
        font-size: 58px;
        line-height: 62px;
    }

    .section-facts .content-facts h2 {
        font-size: 43px;
    }

    .section-facts .content-facts p {
        font-size: 18px;
    }

    .section-facts .page-facts h1 {
        font-size: 68px;
    }

    .section-facts .page-facts h4 {
        font-size: 38px;
    }

    .portfolio-content h1 {
        font-size: 59px;
    }

    .text-7 h1 {
        font-size: 55px;
    }

    .text-7 .btn {
        padding: 15px 50px;
    }

    summary {
        font-size: 21px;
    }

    .about-description p {
        font-size: 37px;
        line-height: 50px;
    }

    .about-text-page h1 {
        font-size: 53px !important;
    }

    .about-text-page h2 {
        font-size: 44px !important;
    }

    .about-text-page h3 {
        font-size: 23px !important;
        margin-top: 0 !important;
    }

    .about-img-1 img {
        position: relative;
        top: 59px;
        left: 26%;
        max-width: 325px;
    }

    .about-img-2 img {
        position: relative;
        left: -8px;
        top: 62px;
        max-width: 65%;
    }

    .about-img-3 img {
        position: relative;
        top: 63px;
        left: -26px;
        max-width: 57%;
    }

    .cont-1 {
        font-size: 62px;
        margin-left: 45px;
    }

    .cont-2 {
        font-size: 67px;
        /* padding-top: 0; */
    }

    .about-description p {
        padding-bottom: 30px;
    }

    #home-tab {
        font-size: 49px;
    }

    #profile-tab {
        font-size: 49px;
    }

    .client-content h1 {
        font-size: 64px;
    }

    .client-content h2 {
        font-size: 48px;
    }

    .client-2 h1 {
        padding-top: 0;
        padding-bottom: 90px;
    }

    .career-text h2 {
        font-size: 81px;
    }

    .ord {
        font-size: 78px;
    }

    .career-text-2 p {
        font-size: 44px;
        line-height: 55px;
        padding-top: 0;
    }

    .page-2 {
        font-size: 38px;
    }

    .zoom-img {
        max-width: 23%;
    }

    .client-sec-4 .indus-text h1 {
        font-size: 70px;
    }

    .bulb-img h2 {
        font-size: 276px;
    }

    .bulb-img h2 {
        font-size: 276px;
        font-family: 'Poppins-Bold', sans-serif;
        font-weight: bold;
    }

    .bulb-img img {
        position: absolute;
        right: 37%;
        bottom: 11%;
        height: 384px;
    }

    .bulb-section .bulb-content h2 {
        font-size: 80px;
        line-height: 78px;
    }

    .reality-content h3 {
        font-size: 61px;
        line-height: 54px;
    }

    .bulb-section .bulb-content .your {
        font-size: 84px;
    }

    .client-sec-5 {
        margin-left: 0;
    }

    .footerlink li a {
        font-size: 17px;
    }

    .seo-btn .btn {
        font-size: 40px;
    }

    .career-img-1 img,
    .career-img-2 img {
        position: inherit;
        width: 100%;
    }

    /* .boxes {
        height: 100% !important;
    } */
    .boxes h2 {
        font-size: 71px;
    }

    .boxes h4 {
        font-size: 30px;
    }

    .career-img-2 {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .brand-img {
        position: absolute;
        top: -30px;
        right: -116px;
        max-width: 381px;
    }

    .marketing-sec-1 .marketing-content h1 {
        font-size: 180px;
        margin-top: -69px;
    }

    .marketing-content h3 {
        font-size: 36px;
        margin-left: 119px;
    }

    .marketing-content h2 {
        font-size: 33px;
        margin-left: 128px;
        margin-top: -44px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 91px;
        line-height: 87px;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 41px;
        line-height: 56px;
    }

    .li-mark {
        font-size: 26px;
        margin-right: 32px;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .marketing-5 h1 {
        font-size: 50px;
    }

    .btn-technology .btn {
        font-size: 45px;
    }

    .btn-digital .btn {
        font-size: 50px;
    }

    .btn-technology {
        padding: 14px 52px;
        margin-left: 0;
    }

    .btn-digital {
        font-size: 50px;
        margin-left: 0;
    }

    .marketing-sec-7 h2 {
        padding-bottom: 70px;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        margin-left: 57px;
        padding-top: 65px;
        font-size: 63px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        padding-bottom: 37px;
        margin-left: 57px;
        font-size: 35px;
    }

    .marketing-sec-4 .marketing-text-4 p {
        margin-left: 57px;
        font-size: 29px;
    }

    .marketing-text-4>img {
        margin-top: 498px;
    }

    .service-sec-1 .service-content h1 {
        font-size: 115px;
        line-height: 109px;
    }

    .service-sec-1 .service-content-2 h2 {
        font-size: 70px;
        padding-left: 69px;
        line-height: 234px;
    }

    .word span {
        font-size: 170px;
        line-height: 209px;
    }

    .tool-1 img {
        position: absolute;
        top: 48px;
        right: 100px;
    }

    .tool-2 img {
        position: absolute;
        top: -49px;
        left: -12px;
    }

    .tool-3 img {
        position: absolute;
        top: -6px;
        left: 19%;
    }

    .system-image img {
        position: relative;
        bottom: 50px;
        right: 186px;
    }

    .system-image img {
        height: 387px;
    }

    .service-sec-1 .service-content-3 p {
        font-size: 26px;
        margin-top: -73px;
        padding-left: 70px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 91px;
        line-height: 86px;
    }

    .design-sec-2 .text-design .design-p {
        font-size: 42px;
        line-height: 56px;
    }

    .software-list {
        flex-wrap: wrap;
    }

    .li-design {
        font-size: 24px;
        margin-right: 11px;
    }

    .design-text-text ul {
        padding-bottom: 0;
    }

    .design-sec-3 .design-text-text h3 {
        font-size: 39px;
        margin-bottom: 0;
    }

    .design-5 h1 {
        font-size: 60px;
        padding: 90px 0px 45px 40px;
    }

    .btn-marketing {
        padding: 11px 40px;
        margin-left: 0;
    }

    .btn-marketing .btn {
        font-size: 48px;
    }

    .design-sec-7 h2 {
        font-size: 62px;
        padding-bottom: 70px;
    }

    .design-sec-4 .design-text-4 h1 {
        font-size: 65px;
    }

    .design-sec-4 .design-text-4 h3 {
        line-height: 50px;
        padding-bottom: 46px;
        font-size: 39px;
    }

    .design-sec-4 .design-text-4 p {
        font-size: 29px;
        margin-left: 57px;
    }

    .design-text-4>img {
        float: right;
        margin-left: 1rem;
        margin-top: 232px;
        max-width: 50%;
        shape-outside: polygon(100% 0, 15% 100%, 0 36%, 0 118%, 100% 0);
    }

    .service-sec-2 .text-service h1 {
        font-size: 91px;
        line-height: 90px;
    }

    .service-sec-2 .text-service h1 {
        font-size: 85px;
        line-height: 83px;
        padding-bottom: 17px;
    }

    .service-sec-2 .text-service .service-p {
        font-size: 40px;
        line-height: 55px;
    }

    .text-service ul {
        padding-bottom: 0;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 65px;
        margin-left: 45px;
    }

    .service-sec-3 .text-3 h3 {
        font-size: 38px;
        line-height: 48px;
        margin-left: 45px;
        padding-bottom: 21px;
    }

    .service-sec-3 .text-3 p {
        font-size: 31px;
        margin-left: 45px;
        margin-bottom: 0;
    }

    .text-3>img {
        float: right;
        margin-left: 1rem;
        max-width: 50%;
        margin-right: -24px;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 46%, 100% 0);
    }

    .ser-sec-4 .services-4 h1 {
        font-size: 50px;
    }

    .app-description h2 {
        font-size: 62px;
    }

    .app-paragraph-1 p {
        font-size: 41px;
    }

    .app-paragraph-2 h2 {
        font-size: 43px;
    }

    .app-description-2 h2 {
        font-size: 48px;
    }

    .mobile-1 h1 {
        font-size: 59px;
        line-height: 66px;
    }

    .mobile-1 p {
        font-size: 48px;
        line-height: 60px;
    }

    .app-sec-text-4 .amazing {
        font-size: 50px;
    }

    .app-sec-text-4 .accomplish {
        font-size: 40px;
    }

    .app-content h1 {
        font-size: 74px;
        line-height: 48px;
    }

    .app-content .every {
        font-size: 41px;
    }

    .app-content .innovation {
        font-size: 38px;
    }

    .app-image {
        display: flex;
        align-items: center;
    }

    .design-service-content .design {
        font-size: 40px;
    }

    .design-service-content .wows {
        font-size: 40px;
    }

    .software-image img {
        max-height: 450px;
        max-width: 415px;
    }

    .software-content h1 {
        font-size: 58px;
        line-height: 44px;
    }

    .software-content h2 {
        font-size: 32px;
    }

    .big {
        font-size: 34px;
    }

    .digital-content h1 {
        font-size: 68px;
        line-height: 59px;
    }

    .digital-content h2 {
        font-size: 33px;
    }

    .big-3 {
        font-size: 29px;
    }

    .digital-image img {
        max-width: 100%;
    }

    .digital-content h1 {
        text-align: center;
    }

    .cyber-content h1 {
        font-size: 94px;
        line-height: 78px;
    }

    .big-1 {
        font-size: 36px;
    }

    .cyber-content h2 {
        font-size: 33px;
    }

    .heart-1 img {
        position: relative;
        bottom: 214px;
        left: 708px;
    }

    .app-content h2 {
        line-height: 218px;
    }
}

/*---------max-width:992px----------*/
@media screen and (max-width: 992px) {
    .col1 {
        padding: 13px 13px;
        width: 186px;
        height: 75px;
        margin-bottom: 22px;
    }

    .col2 {
        padding: 13px 13px;
        width: 186px;
        height: 75px;
        margin-bottom: 22px;
    }

    .col3 {
        padding: 13px 13px;
        width: 186px;
        height: 75px;
    }

    .dropFlex img {
        display: none;
    }

    .dropbox-cont p {
        display: none;
    }

    .frame-md {
        gap: 50px;
    }

    .inner-card {
        max-width: 100%;
    }

    .dashess-all {
        position: inherit;
    }

    .outer-frame.right {
        top: 52%;
        right: 11px;
    }

    .dashess-all::before {
        top: -5px;
        height: 100%;
    }

    .dashess-all.blue::before {
        top: -6px;
        height: 100%;
    }

    .md-t {
        margin-top: 20px;
    }

    .gap-ab {
        justify-content: center;
    }

    body.dark-mode .nav-item .nav-link,
    body.dark-mode .navbar-nav li a {
        color: #fff !important;
    }

    body.dark-mode .plus-symbol::after {
        border-left: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
    }

    .toggle-switch {
        width: 52px;
        height: 28px;
    }

    .card2 {
        left: 23px;
        top: 167px;
    }

    .card4 {
        left: 365px;
        top: 166px;
    }

    .card-outer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .outer-frame.left {
        left: 12px;
        height: 490px;
    }

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

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

    .method-card {
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: auto;
        height: 100%;
    }

    .image-box {
        margin: 20px 0 40px 0;
    }

    .method-card h3 {
        font-size: 25px;
    }

    .client-bottom {
        margin-bottom: 22px;
    }

    .timeline::before {
        left: 2px;
    }

    .hero-btns.casebtn {
        display: flex;
        justify-content: start;
    }

    .casestudy-h3 {
        font-size: 21px;
    }

    .casestudy-highlight {
        font-size: 59px;
        line-height: 63px;
    }

    .detail-list {
        display: grid;
    }

    .outline-heading svg {
        height: 70px;
    }

    .footer-text {
        width: 52%;
    }

    .testimonial-card p {
        text-align: justify;
    }

    .swiper-button-next {
        position: absolute !important;
        right: 158px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 47%) !important;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 85%) !important;
    }

    .testimonial-card {
        clip-path: none;
        padding: 66px;
    }

    .test-logo {
        left: 7px;
        margin: 21px auto;
    }

    .custom-blog {
        margin-right: 0;
        margin-bottom: 0;
    }

    .vision-card {
        padding: 132px 266px 163px 74px;
    }

    .vision-title {
        margin-bottom: 15px;
    }

    .vision-icon img {
        height: 77px;
        margin-bottom: 17px;
    }

    .vision-border,
    .mission-border {
        background-size: inherit;
    }

    .thankyou-content h1 {
        font-size: 65px;
    }

    .thankyou-content h1 {
        font-size: 60px;
    }

    .app-btn {
        margin-top: 0;
    }

    .job-card-button {
        margin-top: 30px;
    }

    .company-policies {
        font-size: 40px;
        line-height: 40px;
    }

    .border-line-bottom {
        display: none;
    }

    .app-para p {
        padding-top: 25px;
    }

    .app-sec-text-4 h2 {
        line-height: 47px;
    }

    .app-sec-text-4 .accomplish {
        line-height: 83px;
    }

    .tags-all h3 {
        font-size: 32px;
    }

    .tags-all {
        padding: 24px 24px;
        margin-bottom: 35px;
        margin-right: 5px;
    }

    .md-padding {
        padding-bottom: 23px;
    }

    .explore--- {
        margin-top: 20px;
    }

    .accordion-button::before {
        padding: 18px;
        font-size: 22px;
    }

    .accordion-button {
        font-size: 19px;
    }

    .accordion-header {
        padding: 20px 30px;
    }

    .our-work-h1 {
        font-size: 80px !important;
        line-height: 83px !important;
    }

    .company--- {
        gap: 32px;
    }

    .md-top {
        margin-top: 50px;
    }

    .company-title h4 {
        font-size: 30px;
    }

    .team-description {
        margin-right: 0;
    }

    .section-why-choose-us {
        padding-bottom: 0;
    }

    .ask-quote h2 {
        font-size: 44px;
        line-height: 54px;
    }

    .requirements-div.about.shade-green {
        position: inherit;
    }

    .requirements-div.about {
        max-width: 100%;
    }

    .section-title {
        text-align: left;
    }

    .about-banner h3 {
        font-size: 27px;
        line-height: 35px;
    }

    .about-banner h1 {
        font-size: 53px;
        line-height: 55px !important;
    }

    .about-banner.long-text h1 {
        line-height: 62px !important;
    }

    .copy-row {
        text-align: center;
    }

    .footernav {
        justify-content: center;
    }

    .newsletter-box button {
        position: absolute;
        right: 33px;
    }

    .navbar-nav {
        display: block;
    }

    .toggle-switch {
        margin-left: 0;
    }

    .drop-box {
        margin-top: 12px;
    }

    .navbar-collapse {
        background-color: #fff;
        border-radius: 14px;
        padding: 20px;
        margin-top: 15px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    }

    body.dark-mode .navbar-collapse {
        background-color: #000;
    }

    .make-difference h3 {
        font-size: 49px;
    }

    .hero-title {
        font-size: 43px;
        text-align: center;
        line-height: 44px;
    }

    .hero-highlight {
        font-size: 89px;
        line-height: 85px;
        text-align: center;
    }

    .hero-btns {
        display: flex;
        justify-content: center;
    }

    ul.social-links {
        margin-bottom: 22px !important;
    }

    .footerlink {
        padding: 0 0 8px;
        margin-bottom: 2px;
    }

    .nav-item .nav-link {
        margin-top: 0;
    }

    .bz-content h4 {
        width: 100%;
    }

    summary:after {
        background: transparent;
        border-radius: 0.3em;
        content: "+";
        float: left;
        font-size: 1.8em;
        font-weight: 100;
        margin: -10px 0.65em 0 0 !important;
        padding: 0;
        text-align: center;
    }

    .nav-pills {
        flex-direction: row;
        align-items: center;
    }

    .svg-mobile text {
        font-size: 69px !important;
    }

    .blog-details h1 {
        font-size: 69px;
        line-height: 70px !important;
    }

    .diff-- {
        margin-top: -36px;
    }

    .blog-container-- {
        padding: 12px !important;
    }

    /* .blog-description h2 {
        font-size: 27px;
        text-align: left;
    } */

    .blog-description p {
        /* font-size: 20px; */
        line-height: 30px;
    }

    .blog-y p {
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: left;
        margin-bottom: 10px;
    }

    summary {
        font-size: 13px !important;
    }

    .faq-list>div {
        padding: 1.1em 0em !important;
    }

    :root {
        --component-size: 701px;
        --mask-size: 75px;
    }

    .innovate-blog {
        font-size: 45px !important;
        margin-top: 30px;
        margin-left: -52px;
    }

    .blog-content h1 {
        font-size: 136px;
        line-height: 56px;
    }

    .blog-content h2 {
        font-size: 93px;
    }

    .think-text {
        margin-left: 76px;
    }


    .blog-content h4 {
        font-size: 12px !important;
        line-height: 27px !important;
    }

    .blog-content h5 {
        font-size: 15px !important;
        line-height: 27px !important;
    }

    .blog-para p {
        font-size: 11px;
        width: 100%;
    }

    .blog-para {
        margin-top: 0;
        margin-bottom: 0;
    }

    body.dark-mode .navbar-toggler-icon {
        border-radius: 0;
    }

    .navbar-toggler {
        margin-left: auto;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .img-1-section-3 img {
        height: 250px;
    }

    .img-2-section-3 {
        position: absolute;
        right: -279px;
        bottom: 41px;
    }

    .focus {
        font-size: 65px;
    }

    .img-1-section-3 .show-on-scroll {
        height: 550px;
    }



    /* p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    h2 {
        font-size: 32px !important;
        line-height: 45px !important;
    } */

    .client-sec-4 .indus-text h1 {
        padding-bottom: 48px;
    }

    .zoom-img {
        max-width: 10%;
    }

    .nav-item .nav-link {
        font-size: 16px;
    }

    .service-link {
        font-size: 16px;
    }

    .section-1 .firstSection {
        margin-left: 0;
    }

    .section-1 .firstSection {
        font-size: 119px;
        line-height: 108px;
    }

    /* .section-1 .firstSection img {
        max-width: 55%;
    } */

    .home-content {
        padding-top: 20%;
    }

    .banner-digital {
        padding-top: 20px;
    }

    .section-1 .secondSection {
        margin-left: 0;
    }

    .section-1 .secondSection {
        font-size: 119px;
        line-height: 108px;
    }

    /* .section-1 .secondSection img {
        max-width: 37%;
    } */

    /* #subheading {
        margin-left: -370px !important;
        margin-top: 55px;
    } */

    .section-2 .text-2 p {
        font-size: 40px !important;
        line-height: 62px !important;
    }

    .section-2 .text-2 p .text-space {
        letter-spacing: 18px;
    }

    .head {
        font-size: 107px;
    }

    .text-1-heading {
        font-size: 108px;
    }

    .section-2 h1 {
        font-size: 93px;
        line-height: 81px;
    }

    .paragraph {
        font-size: 16px;
    }

    .portfolio-text h2 {
        text-align: left;
    }

    /* .img-2-section-3 {
        position: relative;
        max-width: 34%;
        bottom: 202px;
        right: -207px;
    } */

    .section-4 .services h3 {
        font-size: 28px;
    }

    .section-4 .services p {
        font-size: 16px;
    }

    .section-4 .service-bg {
        padding: 32px;
    }

    .section-4 h1 {
        font-size: 40px;
        padding: 80px;
    }

    .section-map .map-text .map-heading {
        font-size: 38px;
    }

    .section-map .map-text h2 {
        font-size: 26px;
    }

    .over {
        font-size: 27px;
    }

    .ready {
        font-size: 48px;
    }

    .family {
        font-size: 49px;
    }

    .happy {
        font-size: 49px;
    }

    .section-tes h1 {
        margin-bottom: 30px;
    }

    .portfolio-content .port-heading {
        font-size: 45px;
        line-height: 38px;
    }

    #counter {
        width: 77px;
    }

    .port-text h3 {
        margin-right: 28px;
        margin-top: 58px;
    }

    .port-text p {
        margin-right: 28px;
    }

    .port-text .port-heading {
        margin-top: 50px;
    }

    .port-text .port-p {
        margin-bottom: 44px;
    }

    .port-text p {
        margin-bottom: 44px;
    }

    .portfolio-content h1 {
        font-size: 43px;
    }

    .heading-2 {
        text-align: left;
    }

    /* .perf-text {
        margin-top: 1px;
    }

    .cloud-text {
        margin-top: -25px;
    }

    .cgi-text {
        margin-top: -155px;
        margin-left: -1px;
    } */

    .section-facts {
        padding: 0;
    }

    /* .facts-video img {
        max-width: 523px;
        position: relative;
        right: -110px;
    } */

    .faq-title {
        padding-top: 20px;
    }

    .port-border {
        border: 1px solid #ccc;
        padding: 0 !important;
        margin-bottom: 30px;
    }

    .port-img-2 {
        margin-left: 0;
    }

    .text-7 h1 {
        font-size: 48px;
    }

    .text-7 .btn {
        padding: 14px 45px;
    }

    /* .navbar-brand img {
        max-width: 100%;
        margin-bottom: 2px;
    } */


    .about-text-page h1 {
        font-size: 34px !important;
        line-height: 1px !important;
    }

    .about-text-page h2 {
        font-size: 28px !important;
        margin-bottom: 0 !important;
    }

    .about-text-page h3 {
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .image-about-page {
        margin-top: 47px;
    }

    .about-description p {
        font-size: 35px;
        line-height: 48px;
    }

    .about-description {
        padding-top: 30px;
    }

    .about-sec-4 h1 {
        padding-top: 95px;
    }

    .port-text p {
        font-size: 23px;
    }

    .client-content h1 {
        font-size: 49px;
    }

    .client-content h2 {
        font-size: 44px;
    }

    .section-tes {
        margin-top: 165px;
    }

    .career-text h2 {
        font-size: 89px;
    }

    .ord {
        font-size: 88px;
    }

    .client-sec-4 .indus-text h1 {
        line-height: 66px;
    }

    .bulb-content {
        padding-bottom: 90px;
    }

    .bulb-section .bulb-content h2 {
        text-align: center;
    }

    .client-sec-5 {
        padding-top: 60px;
    }

    .reality-content h3 {
        font-size: 56px;
        line-height: 49px;
    }

    .seo-btn .btn {
        font-size: 75px;
    }

    .boxes {
        height: auto;
    }

    .python-box {
        padding-top: 65px;
    }

    .brand-img {
        position: absolute;
        top: -30px;
        right: -31px;
        max-width: 344px;
    }

    .marketing-sec-1 .marketing-content h1 {
        font-size: 160px;
    }

    .marketing-content h3 {
        font-size: 31px;
        margin-left: 102px;
    }

    .marketing-content h2 {
        font-size: 29px;
        margin-left: 115px;
        margin-top: -44px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 85px;
        line-height: 82px;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 40px;
        line-height: 54px;
    }

    .li-mark {
        font-size: 20px;
        margin-right: 13px;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 37px;
        margin-bottom: 20px;
    }

    .marketing-sec-7 h2 {
        font-size: 59px;
        padding-bottom: 72px;
    }

    .pannels {
        padding-bottom: 26px;
    }

    .marketing-img img {
        margin-left: 0;
    }

    .service-link {
        color: rgb(3, 3, 3);
        font-size: 16px;
        position: relative;
        top: -3px;
        left: 1px;
        /* margin-top: 20px; */
        /* padding-top: 5px; */
        padding-bottom: 5px;
    }

    #home-tab {
        margin-top: 0;
    }

    .about-sec-7 .nav-item .nav-link {
        margin-top: 0;
    }

    .nav-pills {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 59px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        font-size: 31px;
    }

    .marketing-sec-4 .marketing-text-4 p {
        font-size: 26px;
    }

    .marketing-text-4>img {
        margin-top: 411px;
    }

    .sys-img {
        order: 0;
    }

    .transforming-text {
        order: 0;
    }

    .service-content h1 {
        margin-right: auto;
        margin-left: auto;
    }

    .service-sec-1 .service-content h1 {
        font-size: 73px;
        line-height: 79px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .system-image img {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .service-sec-1 .service-content-2 h2 {
        font-size: 51px;
        padding-left: 58px;
        /* margin-top: 0; */
        padding-top: 81px;
    }

    .word span {
        font-size: 130px;
    }

    .service-sec-1 .service-content-3 p {
        font-size: 21px;
        margin-top: -33px;
        padding-left: 60px;
    }

    .design-content h1 {
        font-size: 49px;
    }

    .design-content h2 {
        font-size: 34px;
        line-height: 30px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 85px;
        line-height: 83px;
    }

    .design-sec-2 .text-design .design-p {
        font-size: 45px;
        line-height: 55px;
    }

    .design-sec-3 .design-text-text h3 {
        font-size: 39px;
        margin-bottom: 0;
    }

    .design-5 h1 {
        font-size: 58px;
        padding: 90px 0px 52px 66px;
    }

    .design-img img {
        margin-left: 34px;
        margin-bottom: 40px;
    }

    .btn-marketing {
        margin-left: 0;
    }

    .btn-technology {
        margin-left: 0;
    }

    .btn-marketing {
        padding: 11px 40px;
    }

    .design-sec-4 .design-text-4 h1 {
        font-size: 59px;
        margin-left: 49px;
    }

    .design-sec-4 .design-text-4 h3 {
        line-height: 20px;
        font-size: 31px;
    }

    .design-sec-4 .design-text-4 h3 {
        margin-left: 59px;
    }

    .design-sec-4 .design-text-4 p {
        font-size: 26px;
    }

    .ser-sec-6 h2 {
        font-size: 61px;
        padding-bottom: 49px;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 55px;
        margin-left: 45px;
    }

    .service-sec-1 {
        height: 100vh;
    }

    .service-sec-2 .text-service h1 {
        padding-top: 70px;
    }

    .ser-sec-4 .services-4 h1 {
        font-size: 38px;
        padding: 148px 31px 80px;
    }

    .ser-sec-4 h3 {
        font-size: 33px;
    }

    .technology-images img {
        margin: auto;
        padding-bottom: 30px;
    }

    .app-description h2 {
        font-size: 41px;
        padding-top: 80px;
        padding-top: 150px;
    }

    .app-paragraph-1 p {
        font-size: 34px;
        line-height: 50px;
    }

    .app-paragraph-2 h2 {
        font-size: 33px;
        padding-bottom: 0;
    }

    .app-paragraph-2 p {
        font-size: 31px;
        line-height: 45px;
    }

    .app-description-2 h2 {
        font-size: 40px;
        padding-top: 110px;
        padding-bottom: 4px;
    }

    .mobile-1 h1 {
        font-size: 50px;
        line-height: 63px;
    }

    .mobile-1 p {
        font-size: 40px;
        line-height: 55px;
        padding-bottom: 0;
    }

    .app-paragraph-1 p {
        padding-top: 27px;
    }

    .app-sec-4 {
        padding-top: 95px;
    }

    ul {
        padding-bottom: 0;
    }

    .app-content h1 {
        text-align: center;
        padding-bottom: 45px;
    }

    .app-content h2 {
        text-align: center;
    }

    .app-image img {
        max-width: 100%;
    }

    .app-image {
        justify-content: center;
    }

    .app-design {
        height: 100%;
    }

    .design-service-content .wows {
        font-size: 51px;
    }

    .design-service-content .design {
        font-size: 51px;
    }

    .software-content h1,
    h2 {
        text-align: center;
    }

    .software-image img {
        display: flex;
        justify-content: center;
        position: relative;
        left: 157px;
    }

    .software-sec-1 {
        height: 100%;
    }

    .cyber-content h1 {
        text-align: center;
    }

    .cyber-image img {
        position: relative;
        top: 0;
        left: 93px;
        width: auto;
    }

    .digital-image {
        display: flex;
        justify-content: center;
    }

    .tool-1 img {
        position: absolute;
        top: 88px;
        right: 156px;
    }

    .tool-2 img {
        position: absolute;
        top: 8px;
        left: 165px;
    }

    .tool-3 img {
        position: absolute;
        top: 45px;
        left: 38%;
    }

    .section-facts .content-facts h2 {
        text-align: left;
    }

    .page-facts {
        padding-top: 0;
        padding-bottom: 16px;
    }

    .facts-video img {
        display: flex;
        margin: auto;
    }
}


/*---------max-width:768px----------*/
@media screen and (max-width: 768px) {
    .outer-frame.left {
        left: 12px;
        height: 563px;
    }

    .card3 {
        left: 268px;
    }

    .card2 {
        left: -58px;
    }

    .card4 {
        left: 292px;
    }

    .counter-text h4 {
        font-size: 27px;
    }

    .banner-img img {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 100%;
    }

    .content-banner {
        position: relative;
        /* transform: translate(-50%, -50%); */
        /* width: 100%; */
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .method-card p {
        width: 70%;
    }

    .method-card.more p {
        width: 100%;
    }

    .step-number.two {
        font-size: 27px;
    }

    .method-card h3 {
        font-size: 21px;
    }

    .client-bottom {
        margin-bottom: 0;
    }

    .timeline::before {
        left: 17px;
    }

    .logo-circle {
        width: 61px;
        height: 25px;
        left: -3px;
    }

    .casestudy-banner {
        padding: 35px 0;
    }

    .outline-heading svg {
        height: 54px;
        margin-bottom: 10px;
    }

    .testimonial-card {
        padding: 45px;
    }

    .swiper-button-next {
        position: absolute !important;
        right: 101px !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px !important;
    }

    .copy-row {
        padding: 25px 0;
    }

    .section-subtitle {
        margin-bottom: 30px;
    }

    .exp-btn {
        display: flex;
        align-items: center;
        justify-content: start;
        margin-bottom: 20px;
    }

    .method-card {
        position: relative;
        background: url(/images/icons/light-methodology-cards.png);
        background-repeat: no-repeat;
        background-size: auto;
        display: flex;
        width: auto;
        height: 100%;
    }

    .vision-card {
        padding: 112px 81px;
    }

    .thankyou-content h1 {
        font-size: 51px;
    }

    .our-values {
        gap: 35px;
    }

    .thankyou-content h4 {
        font-size: 22px;
        line-height: 31px;
    }

    .space-contact form {
        padding: 13px;
    }

    .padding-form {
        padding: 13px;
    }

    .job-card h4 {
        font-size: 36px;
        line-height: 36px;
    }

    .app-sec-text-4 h2 {
        line-height: 40px;
    }

    .tag-title {
        font-size: 37px;
    }

    .tags-all {
        margin-right: 0;
    }

    .tags-all h3 {
        font-size: 35px;
    }

    .software-two h2 {
        font-size: 37px;
        line-height: 43px;
    }

    .service-title {
        font-size: 27px;
    }

    .sm-padding {
        padding-bottom: 23px;
    }

    .ask-quote-bg .banner-img {
        height: 27vh;
    }

    .ask-quote h2 {
        font-size: 37px;
        line-height: 47px;
    }

    .visible-boost-bg {
        background-image: url(/csg/images/banner/visible-boost-banner.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        padding: 50px 0;
    }

    .accordion-button::before {
        padding: 15px;
        font-size: 19px;
    }

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

    .accordion-header {
        padding: 18px 18px;
    }

    .our-work-h1 {
        font-size: 60px !important;
        line-height: 71px !important;
    }

    .sm-top {
        margin-top: 50px;
    }

    .section-title {
        font-size: 37px;
        line-height: 49px;
        margin-bottom: 21px;
    }

    .about-banner h3 {
        font-size: 21px;
        line-height: 29px;
    }

    .about-banner h1 {
        font-size: 39px;
        /* line-height: 62px; */
    }

    .about-banner.long-text h1 {
        line-height: 48px !important;
    }

    .hero-highlight {
        font-size: 66px;
        line-height: 64px;
    }

    .hero-btns {
        margin-top: 40px;
    }

    .hero-title {
        font-size: 32px;
        text-align: center;
        line-height: 35px;
    }

    .social-links li a i {
        margin-right: 5px !important;
    }

    .copyright p {
        padding-top: 3px;
        text-align: center;
    }

    .blog-faq.faq-title {
        font-size: 30px !important;
    }

    .table-cont-1 {
        width: 100%;
        max-width: none !important;
        margin-bottom: 30px;
    }

    .bz-content {
        padding: 22px;
        margin-bottom: 16px;
    }

    .svg-erp text {
        font-size: 38px !important;
    }

    .blog-details h1 {
        font-size: 51px !important;
    }

    .svg-mobile text {
        font-size: 51px !important;
    }

    .diff-- {
        margin-top: -48px !important;
    }

    .erp-blog h1 {
        font-size: 38px !important;
        line-height: 24px !important;
    }

    .svg-digital text {
        font-size: 45px !important;
    }

    .blog-digital h1 {
        font-size: 46px !important;
        line-height: 48px !important;
    }

    .blogsss h1,
    .svg-1 text {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .blog-description p {
        font-size: 17px;
        line-height: 31px;
    }

    summary {
        font-size: 9px !important;
    }

    .faq-list>div {
        padding: 1em 0em !important;
    }

    .blog-sec-text h6 {
        font-size: 19px;
        padding-bottom: 11px;
    }

    .blog-content {
        margin-left: 0;
    }

    .innovate-blog {
        font-size: 32px !important;
        margin-top: 30px;
        margin-left: -37px;
    }

    .blog-para p {
        font-size: 11px;
        padding: 0;
    }

    .blog-content h4 {
        font-size: 11px !important;
    }

    .blog-content {
        margin-left: 0;
    }

    .blog-content h2 {
        font-size: 68px;
    }

    .think-text {
        margin-left: 59px;
    }

    .blog-content h1 {
        font-size: 99px;
        line-height: 48px;
    }

    .blog-list-section {
        padding: 0;
    }

    .blog-content h4 {
        font-size: 11px !important;
        line-height: 26px !important;
        margin-bottom: 0;
    }

    .blog-para {
        margin-top: 0;
        margin-bottom: 0;
    }

    .blog-details h1 {
        font-size: 51px;
        line-height: 54px !important;
    }

    :root {
        --component-size: 510px;
        --mask-size: 65px;
    }

    .img-1-section-3 .show-on-scroll {
        height: 420px;
    }

    .img-2-section-3 {
        position: absolute;
        right: -283px;
        bottom: 19px;
    }

    .focus {
        font-size: 48px;
    }

    .contact .content .info {
        text-align: left;
    }

    .client-sec-4 .indus-text h1 {
        padding-top: 50px;
        font-size: 51px;
        line-height: 48px;
    }

    .zoom-img {
        max-width: 10%;
    }

    .navbar-toggler {
        margin-left: auto;
        border: none;
    }

    .navbar-toggler-icon {
        padding: 39px 34px 0 0;
        border-radius: 6px;
    }

    /* .navbar-toggler:active {
        text-decoration: none;
        outline: 0 !important;
    } */

    /* .navbar-brand img {
        max-width: 18%;
        margin-bottom: 2px;
    } */
    .section-1 .firstSection {
        font-size: 80px;
        line-height: 79px;
    }

    .home-content {
        padding-top: 30%;
    }

    .section-1 .firstSection img {
        height: 110px;
    }

    .section-1 .secondSection {
        font-size: 80px;
        line-height: 86px;
        line-height: 79px;
    }

    /* .section-1 .secondSection img {
        max-width: 38%;
    } */

    .text-1-heading {
        font-size: 69px;
    }

    .head {
        font-size: 77px;
    }

    .section-2 h1 {
        font-size: 65px;
        line-height: 60px;
    }

    .section-2 .text-2 p {
        font-size: 34px !important;
        line-height: 41px !important;
    }

    .section-2 h1 {
        padding-top: 0;
    }

    /* #subheading {
        margin-left: -282px !important;
        margin-top: 62px;
    } */

    /* .section-2 .text-2 p .text-space {
        margin-left: 7px;
    } */

    .paragraph {
        font-size: 13px;
        /* margin-top: -20px; */
    }

    /* .img-2-section-3 {
        position: relative;
        max-width: 58%;
        bottom: -84px;
        right: -200px;
    } */

    .section-4 h1 {
        font-size: 31px;
        padding: 80px;
    }

    .service-btn img {
        max-width: 125px;
    }

    .section-4 .services h3 {
        font-size: 23px;
    }

    .section-4 .services p {
        font-size: 16px;
    }

    /* .section-4 .service-bg {
        padding: 21px;
    } */
    .section-map .map-text h2 {
        font-size: 24px;
    }

    .over {
        font-size: 25px;
    }

    .family {
        font-size: 56px;
    }

    .ready {
        font-size: 46px;
    }

    .happy {
        font-size: 62px;
    }

    .carousel-control-prev-icon {
        margin-right: 46px;
    }

    .carousel-control-next-icon {
        margin-left: 64px;
    }

    .portfolio-text h2 {
        font-size: 34px !important;
    }

    .blog-heading h2 {
        font-size: 34px !important;
    }

    .portfolio-text p {
        font-size: 22px;
    }

    .portfolio-content .port-heading {
        font-size: 45px;
        line-height: 44px;
    }

    .page-content h1 {
        font-size: 45px;
        line-height: 53px;
    }

    .section-facts .content-facts h2 {
        font-size: 39px;
    }

    .section-facts .content-facts p {
        font-size: 17px;
    }

    .section-facts .page-facts h1 {
        font-size: 64px;
    }

    .section-facts .page-facts h4 {
        font-size: 35px;
    }

    /* .cloud-text {
        margin-top: 19px;
    } */
    /*
    .facts-video img {
        position: relative;
        right: -42px;
    } */

    summary {
        font-size: 18px;
    }

    .faq-title {
        font-size: 35px;
    }

    /* .cloud-- {
        margin-bottom: 133px;
    } */

    .portfolio-content h1 {
        font-size: 42px;
    }

    #counter {
        width: 73px;
    }

    /* .port-text {
        margin-right: 27px;
    } */

    .port-border {
        border: 1px solid #ccc;
        padding: 0;
    }

    .port-text p {
        font-size: 22px;
        margin-right: 0;
    }

    .port-text h3 {
        font-size: 32px;
        margin-right: 0;
    }

    .text-7 .btn {
        padding: 12px 28px;
    }

    .text-7 h1 {
        font-size: 48px;
    }

    .nav-pills {
        flex-direction: row;
        align-items: center;
    }

    #home-tab,
    #profile-tab {
        margin-top: 0;
        margin-left: 0;
    }

    #profile-tab {
        height: 100%;
    }

    .cont-1 {
        font-size: 46px;
        text-align: center;
        margin-left: 0;
    }

    .cont-2 {
        font-size: 51px;
        padding-top: 0;
        text-align: center;
    }

    .about-img-3 img {
        position: relative;
        left: -15px;
        max-width: 34%;
    }

    .about-img-2 img {
        position: relative;
        left: -18px;
        max-width: 36%;
    }


    .text-7 h1 {
        font-size: 30px;
    }

    .text-7 .btn {
        padding: 7px 9px;
    }

    .text-7 button {
        margin-top: 0;
    }

    .text-7 .btn {
        font-size: 16px;
    }

    #fixed-btn .btn-contact {
        font-size: 18px;
    }



    .scroll-area .go-top {
        width: 40px;
        height: 40px;
    }

    .client-content h1 {
        font-size: 46px;
    }

    .client-content h2 {
        font-size: 30px;
    }

    .client-2 h1 {
        padding-bottom: 55px;
    }

    .section-tes h1 {
        margin: -3px 44px 26px 26px;
        text-align: left;
    }

    .carousel-control-next-icon {
        margin-left: 53px;
    }

    .carousel-control-prev-icon {
        margin-right: 52px;
    }

    .footer-logo {
        text-align: left;
    }

    .footer-text {
        text-align: left;
        /* margin-top: 10px;
        margin-left: 58px; */
    }

    .footerlink li {
        display: flex;
        font-weight: 400;
        margin-left: 3px;
        font-size: 18px;
    }

    ul.social-links {
        display: flex;
        justify-content: start;
    }

    .social-links li {
        display: inline-block;
        margin: 0 10px;
    }

    .social-links i {
        font-size: 20px;
        /* Adjust icon size if needed */
    }

    .footerhead {
        font-size: 18px;
        margin-bottom: 0;
        text-align: left;
        margin-bottom: 12px;
    }

    .waves {
        margin-bottom: 10px !important;
    }

    .footerlink {
        padding: 0;
        list-style: none;
        margin: 0;
        justify-content: start;
    }

    .footerlink li {
        margin-bottom: 10px;
    }

    .footerlink a {
        display: block;
        font-size: 14px;
    }

    .address {
        margin-top: 0;
    }

    .copyright {
        margin-top: 20px;
        font-size: 14px;
    }

    .sector {
        margin-left: 0;
    }

    .idea-content .idea-text {
        font-size: 52px;
    }

    .idea-content h2 {
        font-size: 48px;
        margin-left: 45px;
        margin-bottom: -217px;
    }

    .idea-content .re-text {
        font-size: 218px;
        margin-left: -277px;
    }

    .idea-content .fire-text {
        font-size: 220px;
    }

    .idea-content h3 {
        margin-left: 92px;
        line-height: 0px;
        margin-top: -110px;
        font-size: 41px;
    }

    .idea-content .fire-text img {
        position: relative;
        bottom: 129px;
        left: -142px;
    }

    .career-text-2 p {
        font-size: 38px;
    }

    .page-2 {
        font-size: 37px;
    }

    .contact-page {
        justify-content: center;
    }

    .contact .heading h2 {
        font-size: 47px;
    }

    .contact .heading p {
        font-size: 18px;
    }

    .contact .title h3 {
        font-size: 30px;
    }

    .team-content h1 {
        font-size: 36px;
    }

    .team-image img {
        padding-top: 0;
    }

    .team-sec-1 {
        height: 80vh;
    }

    .about-sec-1 {
        height: 100%;
    }

    .about-img-3,
    .about-img-2,
    .about-img-1 {
        display: flex;
        justify-content: center !important;
    }

    .about-img-3 img,
    .about-img-2 img,
    .about-img-1 img {
        top: 0;
    }

    .about-img-1 img {
        left: auto !important;
    }

    .image-about-page {
        margin: 0;
    }

    .about-text-page h1 {
        font-size: 56px !important;
        line-height: 68px !important;
        padding-top: 60px;
    }

    .about-text-page h2 {
        font-size: 45px !important;
        margin-bottom: 23px !important;
        line-height: 32px !important;
    }

    .about-text-page h3 {
        font-size: 24px !important;
        margin-top: 5px !important;
    }

    .animated-title>div.text-top {
        width: 95%;
    }

    .about-description p {
        font-size: 28px;
        line-height: 42px;
    }

    .ab-text {
        padding-top: 30px;
    }

    .bulb-img h2 {
        font-size: 224px;
    }

    .bulb-img img {
        position: absolute;
        right: 34%;
        bottom: 11%;
        height: 317px;
    }

    .reality-content h3 {
        font-size: 53px;
        line-height: 57px;
    }

    .bulb-img .f {
        padding-right: 105px;
    }

    .seo-btn .btn {
        font-size: 47px;
    }

    .brand-img {
        position: absolute;
        top: 180px;
        right: 72px;
        max-width: 344px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 70px;
        line-height: 71px;
        padding-bottom: 20px;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 38px;
        line-height: 51px;
    }

    .li-mark {
        font-size: 18px;
        margin-right: 23px;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 34px;
    }

    ul {
        padding-bottom: 0;
    }

    .marketing-img img {
        width: 100%;
    }

    .btn-technology .btn {
        font-size: 51px;
    }

    .p-btns {
        font-size: 18px;
    }

    .btn-digital .btn {
        font-size: 56px;
    }

    .btn-digital {
        margin-left: 0;
    }

    .btn-technology {
        margin-left: 0;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 42px;
        margin-left: 41px;
        padding-top: 90px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        padding-bottom: 20px;
        margin-left: 41px;
        font-size: 27px;
    }

    .marketing-sec-4 .marketing-text-4 p {
        margin-left: 41px;
        font-size: 26px;
    }

    .marketing-text-4>img {
        margin-top: 333px;
    }

    .design-content h1 {
        font-size: 46px;
        line-height: 44px;
    }

    .design-content h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 67px;
        line-height: 70px;
        padding-bottom: 20px;
    }

    .design-sec-2 .text-design .design-p {
        font-size: 38px;
        line-height: 51px;
    }

    .design-img img {
        width: 100%;
    }

    .design-sec-7 h2 {
        font-size: 51px;
    }

    .design-sec-4 .design-text-4 h1 {
        font-size: 44px;
        margin-left: 41px;
        padding-top: 53px;
    }

    .design-sec-4 .design-text-4 h3 {
        line-height: 34px;
        font-size: 27px;
    }

    .design-sec-4 .design-text-4 p {
        font-size: 26px;
    }

    .design-text-4>img {
        float: right;
        margin-left: 1rem;
        margin-top: 223px;
        max-width: 50%;
        shape-outside: polygon(100% 0, 15% 100%, 0 50%, 0 118%, 100% 0);
    }

    .service-sec-2 .text-service h1 {
        font-size: 70px;
        line-height: 68px;
        padding-bottom: 17px;
        padding-top: 0;
    }

    .service-sec-2 .text-service .service-p {
        font-size: 38px;
        line-height: 52px;
        padding-bottom: 34px;
    }

    .ser-sec-6 h2 {
        font-size: 50px;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 39px;
        margin-left: 41px;
    }

    .service-sec-3 .text-3 h3 {
        font-size: 24px;
        line-height: 35px;
        margin-left: 41px;
    }

    .service-sec-3 .text-3 p {
        font-size: 26px;
        margin-left: 41px;
        margin-bottom: 0;
    }

    .text-3>img {
        float: right;
        margin-left: 1rem;
        max-width: 50%;
        margin-right: -37px;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 41%, 100% 0);
    }

    .service-sec-1 .service-content h1 {
        font-size: 57px;
        line-height: 98px;
    }

    .system-image img {
        height: 308px;
    }

    .service-sec-1 .service-content-2 h2 {
        font-size: 37px;
        padding-left: 37px;
    }

    .word span {
        font-size: 86px;
    }

    .service-sec-1 .service-content-3 p {
        font-size: 17px;
        padding-left: 37px;
    }

    .word span {
        letter-spacing: -5px;
    }

    .marquee-inner img {
        width: 100%;
    }

    .service-link {
        color: rgb(3, 3, 3);
        font-size: 16px;
        position: relative;
        top: -6px;
        left: -1px;
        /* margin-top: 20px;
        padding-top: 5px; */
        padding-bottom: 5px;
    }

    .drop-box:hover .drop {
        top: 45%;
    }

    .dropbox-cont h6 {
        font-size: 20px;
    }

    .dropbox-cont p {
        font-size: 12px;
    }

    .dropFlex img {
        position: absolute;
        left: 103px;
    }

    .boxes-drop {
        padding-bottom: 50px;
        margin-left: 61px;
    }

    .ser-box {
        margin-left: 72px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .app-description h2 {
        font-size: 31px;
    }

    .app-paragraph-1 p {
        font-size: 24px;
        line-height: 38px;
        padding-top: 40px;
    }

    .app-paragraph-2 h2 {
        font-size: 26px;
    }

    .app-paragraph-2 p {
        font-size: 24px;
        line-height: 38px;
        padding-top: 0;
    }

    .app-description-2 h2 {
        font-size: 31px;
        padding-bottom: 30px;
    }

    .mobile-1 h1 {
        font-size: 34px;
        padding-top: 0;
        line-height: 47px;
    }

    .mobile-1 p {
        font-size: 27px;
        line-height: 41px;
    }

    .app-sec-text-4 .amazing {
        font-size: 37px;
    }

    .app-sec-text-4 .accomplish {
        font-size: 28px;
        line-height: 60px;
    }

    .app-para p {
        padding-top: 20px;
    }

    .app-sec-4 {
        padding-top: 50px;
    }

    .app-description-2 h2 {
        padding-top: 90px;
    }

    .mobile-1 p {
        padding-bottom: 18px;
    }

    .app-content h1 {
        font-size: 65px;
        padding-bottom: 37px;
    }

    .app-content .every {
        font-size: 38px;
    }

    .app-content .innovation {
        font-size: 37px;
    }

    .app-sec-1 {
        height: 100%;
    }

    .design-service-content .wows {
        font-size: 45px;
    }

    .design-service-content .design {
        font-size: 45px;
    }

    .software-image img {
        display: flex;
        justify-content: center;
        position: relative;
        left: 87px;
    }

    .digital-image img {
        position: relative;
        top: 2px;
        left: -34px;
    }

    .tool-1 img {
        position: absolute;
        top: 72px;
        right: 75px;
    }

    .tool-2 img {
        position: absolute;
        top: -14px;
        left: 110px;
    }

    .tool-3 img {
        position: absolute;
        top: 32px;
        left: 40%;
    }

    .img-responsive {
        height: 110px;
    }
}

/*---------max-width:575px----------*/
@media screen and (max-width: 575px) {
    .k-icon img {
        height: 70px;
    }

    .frame-md {
        gap: 70px;
    }

    .outer-frame.left,
    .outer-frame.right {
        display: none;
    }

    .dashess-all::before {
        display: none;
    }

    .dashess-all.blue::before {
        display: none;
    }

    .dashess-all {
        padding: 0;
    }

    .inner-card {
        padding: 19px 15px;
    }

    .bg-box {
        padding: 6px;
    }

    .bg-box.blue-box {
        padding: 6px !important;
    }

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

    .h-title .accent {
        font-size: 28px;
    }

    .banner-img.about-banner-img {
        height: 100%;
    }

    .banner-counter {
        padding-top: 20px;
    }

    .content-banner.about-onee {
        position: relative;
        padding-top: 0;
    }

    .md-t-t {
        margin-top: 20px;
    }

    .expert-box {
        padding: 27px 0px 26px 0px;
    }

    .expert-content h4 {
        font-size: 26px;
    }

    .fluid-padding {
        padding: 1rem;
    }

    .bg-o .bg-o-1 {
        margin-bottom: 0;
    }

    .blog-description h2 {
        font-size: 25px;
        line-height: 31px;
    }

    .method-card p {
        font-size: 15px;
    }

    .client-bottom {
        flex-wrap: wrap;
        gap: 20px;
    }

    .client-name {
        font-size: 33px;
        line-height: 35px;
    }

    .client-test img {
        height: 65px;
    }

    .client-position {
        font-size: 20px;
    }

    .logo-circle {
        width: 61px;
        height: 25px;
        left: 0px;
    }

    .casestudy-highlight {
        font-size: 43px;
        line-height: 49px;
    }

    .casestudy-h3 {
        font-size: 16px;
    }

    .hero-btns.case-btn {
        margin-top: 22px;
    }

    .outline-heading svg {
        height: 42px;
        margin-bottom: 5px;
    }

    .logo-wrap img {
        max-height: 61px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 95%) !important;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 80%) !important;
    }

    .testimonial-card {
        padding: 35px 35px 76px 35px;
    }

    .accordion-body {
        padding-left: 8px;
    }

    .make-difference h3 {
        margin-bottom: 25px;
    }

    .vision-card {
        padding: 15px 50px;
    }

    .vision-border,
    .mission-border {
        background-size: cover;
        height: 55vh;
    }

    .popup-box {
        padding: 23px;
    }


    .popup-title {
        font-size: 42px;
    }

    .popup-subtitle {
        font-size: 20px;
        margin-top: 13px;
        margin-bottom: 18px;
    }

    .back-home-btn {
        padding: 10px 19px;
        font-size: 13px;
    }

    .thankyou-content h1 {
        font-size: 40px;
    }

    .thankyou-content h4 {
        font-size: 17px;
        line-height: 28px;
    }

    section {
        padding: 40px 0;
    }

    .apply-box {
        padding: 25px;
    }

    /* .contact-section-sm {
        margin: 15px;
    } */

    .contact-card {
        padding: 15px;
    }

    .job-card {
        padding: 25px;
    }

    .badge {
        display: flex;
        flex-wrap: wrap;
    }

    .job-icon img {
        height: 22px;
    }

    .job-icon {
        padding: 14px;
    }

    .job-card h4 {
        font-size: 28px;
        line-height: 28px;
    }

    .text-design {
        text-align: left;
    }

    .company-policies {
        padding-top: 50px;
    }

    .company-policies {
        font-size: 30px;
        line-height: 30px;
    }

    .company-policies {
        font-size: 37px;
        line-height: 37px;
    }

    .tags-all h3 {
        font-size: 25px;
        margin-bottom: 6px;
    }

    .section-subtitle {
        margin-bottom: 20px;
    }

    .make-difference p {
        margin-bottom: 15px;
    }

    /* .how-we {
        padding: 12px;
    } */
    .ask-quote-bg .banner-img {
        height: 20vh;
    }

    .explore-btn {
        font-size: 13px;
        height: 39px;
        width: 145px;
    }

    .explore-btn img {
        width: 18px;
    }

    .ask-quote h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .accordion-button::after {
        content: '\002B';
        font-size: 28px;
    }

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

    .accordion-button::before {
        margin-right: 13px;
    }

    .exp-btn {
        display: flex;
        align-items: start;
        justify-content: left;
        margin-bottom: 25px;
    }

    .our-work-h1 {
        font-size: 44px !important;
        line-height: 51px !important;
    }

    .team-description p {
        margin-bottom: 15px;
    }

    .section-title {
        font-size: 38px;
        margin-bottom: 15px;
    }

    .about-banner h1 {
        font-size: 39px;
        line-height: 41px !important;
    }

    .about-banner h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .make-difference h3 {
        font-size: 40px;
        line-height: 45px;
    }

    .make-difference {
        padding: 7px;
    }

    .hero-highlight {
        font-size: 56px;
        line-height: 58px;
    }

    .hero-btn.btn-primary-custom {
        display: flex;
        height: 29px;
        padding: 27px 20px;
        gap: 4px;
        font-size: 16px;
    }

    .hero-title {
        font-size: 28px;
        line-height: 32px;
    }

    .hero-btns {
        display: grid;
    }

    .social-links li a i {
        margin-right: 0px;
    }

    .bg-o .bg-o-1 {
        display: block !important;
    }

    .blog-details.blog-details-two {
        display: block;
    }

    .blog-details {
        display: none;
    }

    .section-6 .faq-header .faq-title {
        margin-top: -88px;
    }

    details[open] summary:after {
        margin: -35px 0.35em 0 0 !important;
    }

    summary:after {
        background: transparent;
        border-radius: 0.3em;
        content: "+";
        float: left;
        font-size: 1.8em;
        font-weight: 100;
        margin: -8px 0.65em 0 0 !important;
        padding: 0;
        text-align: center;
    }

    .navbar-collapse {
        margin-left: 14px;
    }

    .svg-digital text {
        font-size: 32px !important;
    }

    .svg-erp text {
        font-size: 26px !important;
    }

    .application {
        margin-top: -60px;
    }

    .blog-details h1 {
        font-size: 34px !important;
        line-height: 94px !important;
    }

    .diff-- {
        margin-top: -59px !important;
    }

    .svg-mobile text {
        font-size: 37px !important;
    }

    .blog-heading h2 {
        padding-bottom: 10px;
    }

    .erp-blog h1 {
        font-size: 26px !important;
        line-height: 4px !important;
    }

    .blog-digital h1 {
        font-size: 32px !important;
        line-height: 33px !important;
    }

    .blogsss h1,
    .svg-1 text {
        font-size: 28px !important;
    }

    .blog-sec-text h6 {
        font-size: 15px;
    }

    .cyber-sec-1 {
        height: 50vh;
    }

    a.blog-btn {
        font-size: 12px;
    }

    .innovate-blog {
        font-size: 25px !important;
        margin-top: 20px;
        margin-left: -28px;
    }

    .blog-content h1 {
        font-size: 77px;
        line-height: 36px;
    }

    .blog-content h2 {
        font-size: 53px;
    }

    .think-text {
        margin-left: 47px;
    }

    .blog-content h4 {
        font-size: 8px !important;
        line-height: 12px !important;
    }

    .blog-para p {
        font-size: 7px;
        padding: 0;
    }

    .blog-arrow-img {
        width: 32px;
        height: 32px;
    }

    .bz-content {
        margin-bottom: 0;
    }

    .blog-content h5 {
        font-size: 10px !important;
        line-height: 27px !important;
    }



    .hash-list li {
        position: relative;
        padding-left: 10px;
        color: #000;
    }

    .home-content-2 {
        padding-top: 0;
    }

    .app-paragraph-2 h2 {
        padding-bottom: 15px;
    }

    .section-tes {
        margin-top: 0;
    }

    .img-2-section-3 {
        position: absolute;
        right: -184px;
        bottom: -30px;
    }

    .img-1-section-3 img {
        height: 175px;
    }

    .section-facts .page-facts h1 {
        font-size: 57px;
    }

    .section-facts .page-facts h4 {
        font-size: 31px;
    }

    .section-facts .content-facts h2 {
        font-size: 33px;
    }

    /* .section-facts .content-facts p {
       margin-top: 0;
    } */
    .waviy h1 span {
        font-size: 51px;
        letter-spacing: -11px;
    }

    .app-content h1 {
        padding-bottom: 30px;
    }

    .img-1-section-3 .show-on-scroll {
        height: 280px;
    }

    .focus {
        font-size: 35px;
        line-height: 54px;

    }

    .zoom-img {
        max-width: 11%;
    }

    .section-1 .firstSection {
        font-size: 74px;
        line-height: 73px;
        padding-left: 22px;
    }

    /* .section-1 .firstSection img {
        max-width: 52%;
    } */

    .ser-sec-5 h4 {
        margin-top: 0;
    }

    .section-1 .secondSection {
        font-size: 74px;
        line-height: 73px;
        padding-top: 0;
        padding-left: 22px;
    }

    /* .section-1 .secondSection img {
        max-width: 33%;
    } */

    /* .facts-video img {
        position: relative;
        right: 48px;
    } */

    .home-content-1 {
        height: 75vh;
    }

    .portfolio-text h2 {
        text-align: left;
        font-size: 28px;
    }

    .blog-heading h2 {
        font-size: 28px;
    }

    .copyright p {
        padding: 0px;
        text-align: center;
        /* padding-bottom: 13px; */
        margin-bottom: 0;
    }

    /* .section-tes {
        margin-top: 84px;
    } */

    .head {
        font-size: 55px;
    }

    .section-2 {
        padding-bottom: 40px;
    }

    .section-2 h1 {
        font-size: 48px;
        line-height: 39px;
    }

    .text-1-heading {
        font-size: 54px;
    }

    /* .section-2 .about-text {
        margin-left: -45px;
    } */

    /* #subheading {
        margin-left: -185px !important;
        margin-top: 62px;
    } */

    /* .direct {
        padding-top: 22px;
    } */
    .section-2 .te-2 p .text-space {
        letter-spacing: 18px;
    }

    .section-2 .text-2 p {
        font-size: 25px !important;
        line-height: 28px !important;
    }

    .paragraph {
        font-size: 10px;
        position: relative;
        top: -71px;
        left: auto;
        right: auto;
    }


    /* .img-2-section-3 {
        position: relative;
        max-width: 64%;
        bottom: -142px;
        right: -100px;
    } */

    .section-map .map-text .map-heading {
        font-size: 30px;
    }

    .faq-title {
        padding-top: 0px;
    }

    .section-map .map-text h2 {
        font-size: 17px;
    }

    .over {
        font-size: 20px;
    }

    #counter {
        width: 56px;
    }

    .section-4 .service-bg {
        padding: 12px;
    }

    .service-btn img {
        display: none;
    }

    .section-4 .service-img-1 {
        margin-top: 0;
    }

    .section-4 h1 {
        font-size: 34px;
        padding: 44px;
        padding-top: 90px;
    }

    .section-map .map-text h3 {
        padding-top: 0;
    }

    .btn-view a {
        padding: 8px 16px;
        font-size: 16px;
    }

    .section-facts .content-facts h6 {
        line-height: 39px;
    }

    details[open] p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 40px;
    }

    #fixed-btn .btn-contact {
        padding: 5px 33px;
        font-size: 17px;
    }

    /* --portfolio-page-- */
    .portfolio-content .port-heading {
        font-size: 28px;
        line-height: 32px;
    }

    .portfolio-sec-1 {
        height: 32vh;
    }

    .portfolio-content h1 {
        font-size: 25px;
    }

    .port-text h3 {
        font-size: 28px;
    }

    .port-text p {
        font-size: 15px;
    }

    .portfolio-content {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 100%;
    }

    .testing {
        margin-right: 30px;
    }



    footer,
    .carousel-item {
        padding: 0;
    }

    .footer-text {
        margin-right: 0;
        margin-left: 0;
        padding-left: 4px;
        padding-right: 4px;
    }

    .section-8 .col-md-2 ul {
        /* display: block; */
        text-align: center;
    }

    .footerhead,
    .footer_logo {
        text-align: left;
    }

    /* .footerhead {
        margin-top: 15px;
    } */

    .sector {
        margin-left: 0;
    }

    ul.social-links {
        display: flex;
        justify-content: start;
    }

    .section-tes h1 {
        margin-left: -16px;
        margin-top: 0;
    }

    .text-7 h1 {
        font-size: 25px;
        line-height: 37px;
    }

    .tph {
        margin-bottom: 0;
    }


    .text-7 .btn {
        padding: 7px 9px;
    }

    .text-7 button {
        margin-top: 0;
    }

    .faq-body {
        padding-top: 90px;
    }

    .text-7 .btn {
        font-size: 13px;
    }

    .portfolio-sec-4 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* .navbar-brand img {
        max-width: 22%;
    } */

    .client-content h2 {
        font-size: 25px;
    }

    .client-content h1 {
        font-size: 34px;
    }

    .client-2 h1 {
        font-size: 52px;
        padding-top: 130px;
    }

    .about-img-2 img {
        max-width: 49%;
    }

    .about-img-3 img {
        max-width: 45%;
    }

    .section-tes h1 {
        border-right: none;
    }

    .section-tes h3 {
        margin-top: 20px;
    }

    .client-sec-4 .indus-text h1 {
        font-size: 40px;
        line-height: 44px;
        padding-top: 7px;
        padding-bottom: 26px;
    }

    .client-sec-4 {
        padding-bottom: 0px;
    }

    .section-tes h1 {
        font-size: 37px;
        text-align: left;
        margin-top: 35px;
    }

    .career-text-2 p .page-2 {
        font-size: 34px;
        line-height: 41px;
    }

    .client-2 h1 {
        /* padding-top: 0; */
        padding-bottom: 72px;
    }

    .contact-form {
        padding-top: 50px;
    }

    .contact .heading h2 {
        font-size: 41px;
    }

    .contact .title h3 {
        font-size: 26px;
    }

    .idea-content .idea-text {
        font-size: 27px;
        margin-left: -35px;
    }

    .idea-content .fire-text {
        font-size: 140px;
    }

    .idea-content .re-text {
        font-size: 139px;
        margin-left: -119px;
    }

    .idea-content .fire-text img {
        position: relative;
        bottom: 90px;
        left: -65px;
        top: -36px;
        max-width: 41%;
    }

    .idea-content h3 {
        font-size: 24px;
        margin-left: -7px;
        margin-top: -27px;
    }

    .idea-content h2 {
        font-size: 28px;
        margin-left: -23px;
        margin-bottom: -106px;
    }

    .client-sec-5 {
        padding-top: 47px;
        padding-bottom: 60px;
    }

    .career-text h2 {
        font-size: 54px;
    }

    .ord {
        font-size: 46px;
    }

    .career-text-2 p {
        font-size: 30px;
        margin-left: 14px;
        line-height: 43px;
    }

    .career-text {
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .career-text-2 p {
        padding-top: 80px;
    }

    .career-sec {
        height: 38vh;
    }

    .page-2 {
        font-size: 21px;
        padding: 15px 15px;
    }

    .career-text-2 p {
        padding-bottom: 85px;
    }

    .career-text-2 {
        padding-bottom: 0;
    }

    .client-sec-1 {
        height: 34vh;
    }

    .client-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 47%;
        margin: auto;
    }

    .team-content h1 {
        font-size: 28px;
    }

    /* .team-description p {
        font-size: 34px;
    } */

    .team-sec-1 {
        height: 40vh;
    }

    .team-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 26%;
        margin: auto;
    }

    .marketing-sec-1 {
        height: 83vh;
    }

    .about-description p {
        font-size: 16px;
        line-height: 26px;
    }

    .about-description {
        padding-top: 0;
    }

    .cont-2 {
        padding-top: 25px;
    }

    .about-description p {
        padding-bottom: 25px;
    }

    .about-sec-4 h1 {
        font-size: 37px;
        padding-top: 61px;
        padding-bottom: 11px;
    }

    .about-description p {
        padding-top: 10px;
    }

    #home-tab {
        font-size: 29px;
    }

    #profile-tab {
        font-size: 29px;
    }

    .nav-pills {
        flex-direction: row;
        align-items: center;
    }

    #home-tab,
    #profile-tab {
        margin-top: 0;
        margin-left: 16px;
    }

    #home-tab {
        height: 50px;
        display: flex;
        align-items: center;
    }

    #profile-tab {
        height: 50px;
        display: flex;
        align-items: center;
    }

    #profile-tab {
        height: 100%;
    }

    .about-sec-7 {
        padding-top: 40px;
        padding-bottom: 60px;
    }




    /*
    .about-text-page h1 {
        font-size: 21px;
    } */

    .about-text-page h2 {
        font-size: 17px;
        line-height: 3px;
    }

    .about-text-page h3 {
        font-size: 10px;
        margin-top: 2px;
    }

    /* .animated-title {
        position: absolute;
        left: 105%;
        top: 202px;
    } */

    .hr {
        margin-top: 40px;
    }

    .cont-1 {
        font-size: 33px;
        text-align: center;
        margin-top: -9px;
    }

    .cont-2 {
        font-size: 37px;
        text-align: center;
        margin-top: -34px;
    }

    #counter {
        width: 57px;
    }

    .contact .content .info h4 {
        width: 80%;
    }

    .portfolio-content {
        position: absolute;
        top: 39%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 100%;
    }

    .scroll-area .go-top i {
        font-size: 13px;
    }

    /* .career-img-2 img {
        position: absolute;
        top: 237%;
        right: 4%;
        max-width: 65%;
    }  */

    .team-image img {
        width: 100%;
        padding-top: 0;
    }

    .contact {
        padding-bottom: 20px;
        margin-top: 60px;
    }

    /* .contact-1 {
        height: 40vh;
    } */


    .contact .heading h2 {
        font-size: 50px;
        line-height: 53px;
    }

    .text-paragraph {
        margin-top: -40px;
    }

    .faq-title {
        font-size: 36px;
        text-align: center;
    }

    summary {
        font-size: 12px;
    }

    .section-tes {
        padding: 1px 5px;
    }

    .happy {
        font-size: 55px;
    }

    .family {
        font-size: 51px;
    }

    .ready {
        font-size: 41px;
    }

    .carousel-control-prev-icon {
        /* margin-right: 36px; */
        display: none;
    }

    .carousel-control-next-icon {
        display: none;
    }

    .section-tes {
        border: none;
        width: 99%;
    }

    .faq-list {
        padding: 0;
    }

    .img-1-section-3 img {
        padding: 0px;
    }

    /* .section-2 {
        padding: 120px 0;
    } */

    .section-4 .service-img-4 {
        margin-top: 0;
    }

    .section-4 .service-bg {
        margin-bottom: 13px;
    }

    .bulb-img img {
        position: absolute;
        right: 35%;
        bottom: 14%;
        height: 245px;
    }

    .bulb-img h2 {
        font-size: 180px;
    }

    .bulb-img .f {
        padding-right: 69px;
    }

    .bulb-section .bulb-content h2 {
        font-size: 66px;
        line-height: 64px;
    }

    .bulb-section .bulb-content .your {
        font-size: 68px;
    }

    .bulb-content {
        padding-bottom: 68px;
    }

    .reality-content h3 {
        font-size: 47px;
        line-height: 49px;
    }

    .boxes h2 {
        font-size: 54px;
    }

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

    .seo-btn .btn {
        font-size: 28px !important;
    }

    .about-text-page h1 {
        font-size: 39px !important;
        line-height: 41px !important;
    }

    .about-text-page h2 {
        font-size: 32px !important;
        margin-bottom: 23px !important;
        line-height: 32px !important;
        text-align: left;
    }

    .about-text-page h3 {
        font-size: 17px !important;
        margin-top: 5px !important;
    }

    .marketing-sec-1 .marketing-content h1 {
        font-size: 111px;
        margin-top: -42px;
        text-align: center;
    }

    .marketing-content h3 {
        font-size: 26px;
        text-align: left;
        margin-bottom: 24px;
    }

    .marketing-content h2 {
        font-size: 24px;
        /* margin-left: 80px; */
        margin-top: -28px;
        line-height: 52px;
    }

    .service-sec-3 .text-3 h1 {
        margin-left: 20px;
    }

    .brand-img {
        position: absolute;
        top: 180px;
        right: 43px;
        max-width: 300px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 52px;
        line-height: 56px;
        padding-bottom: 20px;
        padding-top: 0;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 19px;
        line-height: 36px;
    }

    .software-list {
        flex-wrap: wrap;
    }

    ul {
        padding-bottom: 0;
    }

    .marketing-5 h1 {
        font-size: 42px;
    }

    .marketing-img img {
        margin-left: 0;
    }

    .marketing-sec-7 h2 {
        font-size: 41px;
        padding-bottom: 30px;
    }

    .btn-digital .btn {
        font-size: 39px;
    }

    .btn-technology .btn {
        font-size: 37px;
    }

    .btn-digital {
        margin-left: 0;
    }

    .btn-technology {
        margin-left: 0;
        padding: 6px 52px;
    }

    .marketing-5 h1 {
        padding-top: 70px;
    }

    .marketing-sec-3 .marketing-text h3 {
        padding-top: 19px;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 33px;
        margin-left: 20px;
        padding-top: 46px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        margin-left: 20px;
        font-size: 23px;
    }

    .cloud-content h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .cloud-content h1 {
        text-align: center;
    }

    .cloud-devops {
        font-size: 21px;
        line-height: 34px;
    }

    .marketing-sec-4 .marketing-text-4 p {
        font-size: 17px;
        margin-left: 20px;
        margin-bottom: 0;
    }

    .marketing-sec-6 h4 {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 14px;
    }

    .marketing-sec-7 h2 {
        padding-top: 100px;
    }

    .pannels {
        padding-bottom: 19px;
    }

    .buttons {
        padding-bottom: 35px;
    }

    .design-content h2 {
        font-size: 35px;
        line-height: 37px;
    }

    .design-content h1 {
        font-size: 40px;
        line-height: 42px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 50px;
        line-height: 55px;
        padding-bottom: 14px;
    }

    .design-sec-2 .text-design .design-p {
        font-size: 25px;
        line-height: 41px;
    }

    .design-5 h1 {
        font-size: 43px;
        padding: 90px 0px 39px 66px;
    }

    .design-sec-7 h2 {
        font-size: 43px;
        line-height: 54px;
        padding-bottom: 50px;
        padding-top: 100px;
    }

    .design-img img {
        margin-left: 28px;
        margin-bottom: 40px;
    }

    .btn-marketing .btn {
        font-size: 41px;
    }

    .design-sec-6 h4 {
        font-size: 37px;
        margin-bottom: 15px;
    }

    .design-sec-4 .design-text-4 h1 {
        font-size: 33px;
    }

    .design-sec-4 .design-text-4 h3 {
        line-height: 32px;
        font-size: 23px;
        padding-bottom: 23px;
    }

    .design-sec-4 .design-text-4 p {
        font-size: 21px;
        margin-bottom: 0;
        margin-left: 22px;
    }

    .design-text-4>img {
        float: right;
        margin-left: 1rem;
        margin-top: 223px;
        max-width: 50%;
        shape-outside: polygon(100% 0, 15% 100%, 0 38%, 0 100%, 100% 0);
    }

    .service-sec-2 .text-service h1 {
        font-size: 52px;
        line-height: 54px;
    }

    .service-sec-2 .text-service .service-p {
        font-size: 33px;
        line-height: 46px;
    }

    .service-sec-2 .text-service h1 {
        font-size: 38px;
        line-height: 42px;
        padding-bottom: 8px;
        padding-top: 50px;
    }

    .service-sec-2 .text-service .service-p {
        font-size: 24px;
        line-height: 37px;
    }

    .service-sec-2 .text-service h3 {
        font-size: 35px;
        margin-bottom: 19px;
    }

    .li-tech {
        font-size: 22px;
    }

    .ser-sec-6 h2 {
        font-size: 41px;
        line-height: 55px;
        padding-top: 100px;
        padding-bottom: 31px;
    }

    .ser-sec-5 h4 {
        font-size: 39px;
        margin-bottom: 13px;
    }

    .ser-sec-4 .services-4 h1 {
        font-size: 38px;
        padding: 148px 31px 45px;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 29px;
    }

    .service-sec-3 .text-3 h3 {
        font-size: 22px;
        line-height: 27px;
        margin-left: 20px;
    }

    .service-sec-3 .text-3 p {
        font-size: 20px;
        margin-left: 20px;
    }

    .text-3>img {
        float: right;
        margin-left: 1rem;
        max-width: 50%;
        margin-right: -15px;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 41%, 100% 0);
    }

    .service-sec-1 {
        height: 100%;
    }

    .service-sec-1 .service-content-2 h2 {
        font-size: 35px;
        padding-left: 39px;
    }

    .service-sec-1 .service-content-3 p {
        margin-top: -89px;
    }

    .word span {
        font-size: 57px;
    }

    .service-sec-1 .service-content-3 p {
        font-size: 21px;
        padding-left: 40px;
    }

    .word {
        margin-left: 18px;
    }

    .service-sec-1 .service-content-2 h2 {
        padding-top: 49px;
    }

    .system-image img {
        height: 227px;
    }

    .service-sec-1 .service-content h1 {
        font-size: 42px;
    }

    .dropbox-cont p {
        display: none;
    }

    .dropbox-cont h6 {
        font-size: 17px;
    }

    .dropbox-cont {
        width: 196px;
        height: 67px;
        margin-left: 122px;
    }

    .app-description h2 {
        font-size: 24px;
        padding-top: 70px;
    }

    .app-paragraph-1 p {
        font-size: 18px;
        line-height: 31px;
        padding-top: 16px;
        padding-bottom: 50px;
    }

    .app-paragraph-2 h2 {
        font-size: 29px;
    }

    .app-paragraph-2 p {
        font-size: 21px;
        line-height: 34px;
        padding-top: 0;
    }

    .app-description-2 h2 {
        font-size: 25px;
        padding-top: 73px;
    }

    .mobile-1 h1 {
        font-size: 31px;
        line-height: 41px;
    }

    .mobile-1 p {
        font-size: 21px;
        line-height: 35px;
        padding-bottom: 30px;
    }

    .app-sec-text-4 .amazing {
        font-size: 34px;
    }

    .app-sec-text-4 .accomplish {
        font-size: 22px;
        line-height: 40px;
    }

    .app-sec-4 {
        padding-top: 0;
        overflow: hidden;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 28px;
    }

    .app-sec-text-4 h1 {
        line-height: 31px;
    }

    .app-content h1 {
        font-size: 48px;
        line-height: 38px;
    }

    .app-content .every {
        font-size: 31px;
    }

    .app-content .innovation {
        font-size: 25px;
    }

    .design-service-content .wows {
        font-size: 60px;
        line-height: 78px;
    }

    .app-paragraph-2 ul li {
        font-size: 21px;
        line-height: 34px;
    }

    .app-image-2 {
        position: relative;
        height: 396px;
        background: rgba(0, 0, 0, 0);
        transform: rotate(-30deg) skew(25deg) scale(0.8);
        transition: none;
        display: flex;
        justify-content: center;
    }

    .app-paragraph-2 h2 {
        padding-top: 0;
    }

    .contact-page {
        justify-content: center;
        padding-top: 21px;
    }

    .contact_us {
        margin-top: 0;
    }


    .design-service-content .design {
        font-size: 56px;
        line-height: 60px;
    }

    .software-content h1 {
        font-size: 46px;
        line-height: 32px;
    }

    .big {
        font-size: 32px;
    }

    .software-content h2 {
        font-size: 29px;
    }

    .software-image img {
        max-height: 375px;
        max-width: 297px;
        position: relative;
        left: 57px;
    }

    .digital-content h1 {
        font-size: 54px;
        line-height: 47px;
    }

    .digital-content h2 {
        font-size: 31px;
    }

    .big-3 {
        font-size: 28px;
    }

    .importance {
        padding-top: 0;
    }

    .cyber-image img {
        position: relative;
        top: -134px;
        left: 56px;
        max-width: 75%;
    }

    .digital-content {
        padding-top: 100px;
    }

    .digital-image img {
        position: relative;
        top: 29px;
        left: -9px;
    }

    .digital-marketing {
        font-size: 21px;
        line-height: 34px;
        padding-top: 5px;
        padding-bottom: 27px;
    }

    .design-sec-1 {
        height: 87vh;
    }


    .cyber-content h2 {
        font-size: 33px;
    }

    .big-1 {
        font-size: 33px;
    }

    .cyber-content h1 {
        text-align: center;
        line-height: 67px;
        font-size: 75px;
    }

    .digital-image img {
        max-width: 73%;
    }

    .page-content h1 {
        font-size: 33px;
        line-height: 39px;
    }

    .section-facts .content-facts h2 {
        text-align: left;
    }

    .section-facts .content-facts h4 {
        padding-top: 10px;
    }

    .section-7 {
        padding: 48px;
    }

    .tool-2 img {
        position: absolute;
        top: -14px;
        left: 58px;
    }

    .tool-1 img {
        position: absolute;
        top: 49px;
        right: 50px;
    }

    .tool-3 img {
        position: absolute;
        top: 18px;
        left: 38%;
    }

    #subheading {
        margin-left: 5px !important;
    }

    .timeline-item {
        gap: 16px;
    }

    .casestudy-banner {
        padding: 0;
    }
}

/*---------max-width:400px----------*/
@media screen and (max-width: 400px) {
    .dropbox-cont h6 {
        font-size: 15px;
    }

    .dropbox-cont {
        width: 119px;
        height: 67px;
        margin-left: 107px;
    }

    .about-banner.long-text h1 {
        line-height: 35px !important;
    }

    .about-banner h1 {
        font-size: 27px;
    }

    .client-bottom {
        justify-content: center;
    }

    .logo-circle {
        width: 89px;
        height: 25px;
        left: 0px;
    }

    .casestudy-highlight {
        font-size: 40px;
        line-height: 44px;
    }

    .outline-heading svg {
        height: 38px;
    }

    .company-title h4 {
        font-size: 25px;
    }

    .thankyou-content h1 {
        font-size: 31px;
    }

    .thankyou-content h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .tag-title {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .software-two h2 {
        font-size: 31px;
        line-height: 38px;
    }

    .ask-quote-bg .banner-img {
        height: 20vh;
    }

    .ask-quote h2 {
        font-size: 23px;
        line-height: 31px;
    }

    .our-work-h1 {
        font-size: 38px !important;
        line-height: 42px !important;
    }

    .expert-content h4 {
        font-size: 29px;
    }

    .section-title {
        font-size: 33px;
        margin-bottom: 15px;
    }

    .about-banner h1 {
        font-size: 27px;
        line-height: 33px;
    }

    .about-banner h3 {
        font-size: 15px;
        line-height: 18px;
    }

    .make-difference h3 {
        font-size: 34px;
        line-height: 40px;
    }

    .hero-title {
        font-size: 19px;
        line-height: 25px;
    }

    .hero-highlight {
        font-size: 38px;
        line-height: 43px;
    }

    .bz-content {
        padding: 12px;
    }

    .blog-details h1 {
        font-size: 23px !important;
    }

    .diff-- {
        margin-top: -65px !important;
    }

    .svg-mobile text {
        font-size: 23px !important;
    }

    .erp-blog h1 {
        font-size: 18px !important;
    }

    .svg-erp text {
        font-size: 18px !important;
    }

    .blog-digital h1 {
        font-size: 23px !important;
        line-height: 89px !important;
    }

    .blogsss h1,
    .svg-1 text {
        font-size: 19px !important;
    }

    .blog-details h1 {
        font-size: 22px;

    }

    .application {
        margin-top: -69px;
    }

    /* .blog-content h4 {
        font-size: 11px !important;
        line-height: 19px !important;
    } */

    .blog-content h5 {
        font-size: 9px !important;
    }

    .blog-content p {
        font-size: 8px;
        line-height: 16px;
    }

    .img-2-section-3 {
        position: absolute;
        right: -197px;
        bottom: -30px;
    }

    .section-tes {
        margin-top: 0;
    }

    .about-text-page h3 {
        font-size: 15px !important;
        margin-top: 5px !important;
    }

    .about-text-page h2 {
        font-size: 25px !important;
        line-height: 13px !important;
    }

    .about-text-page h1 {
        font-size: 30px !important;
    }

    .faq-title {
        padding-top: 0;
    }

    .waviy h1 span {
        font-size: 37px;
        letter-spacing: -8px;
    }

    .app-content h2 {
        line-height: 192px;
    }

    .app-content h1 {
        padding-bottom: 24px;
    }

    .text-paragraph {
        margin-top: -40px;
    }

    .focus {
        font-size: 25px;
    }

    /* .section-1 .firstSection {
        font-size: 42px;
        line-height: 32px;
    } */
    .section-1 .firstSection img {
        height: 90px;
    }

    /* .section-1 .secondSection {
        font-size: 40px;
        line-height: 25px;
    } */
    /* .section-1 .secondSection img {
        max-width: 85%;
    } */

    .img-responsive {
        height: 90px;
    }

    .section-1 .firstSection {
        padding-left: 0;
    }

    .section-1 .secondSection {
        padding-left: 0;
    }

    .section-2 h1 {
        font-size: 35px;
        line-height: 33px;
    }

    .head {
        font-size: 41px;
    }

    .text-1-heading {
        font-size: 40px;
    }

    .section-2 .text-2 p {
        font-weight: 200;
        font-size: 65px;
        /* margin-top: 57px; */
        line-height: 84px;
        text-transform: uppercase;
        /* margin-left: -518px; */
        letter-spacing: 9px;
    }

    /* #subheading {
        margin-left: -137px !important;
        margin-top: 64px;
        letter-spacing: 8px;
    } */

    /* .section-2 .text-2 p .text-space {
        margin-left: 4px;
    } */

    .section-2 .text-2 p {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    /* .section-2 .text-2 p .text-space {

        letter-spacing: 14px;
    } */
    .section-2 .text-2 p .text-space {
        letter-spacing: 13px;
    }

    .paragraph {
        font-size: 7px;
        /* margin-top: -15px; */
    }

    /* .img-2-section-3 {
        position: relative;
        max-width: 26%;
        bottom: 93px;
        right: -37px;
    } */

    .client-content h1 {
        font-size: 25px;
    }

    .client-content h2 {
        font-size: 22px;
    }

    .client-2 h1 {
        padding-top: 109px;
    }

    .client-2 h1 {
        font-size: 48px;
    }

    .section-tes h1 {
        font-size: 37px;
    }

    .family {
        font-size: 43px;
    }

    .happy {
        font-size: 45px;
        line-height: 42px;
    }

    .ready {
        font-size: 33px;
        line-height: 36px;
    }

    .carousel-control-next-icon {
        margin-left: 37px;
    }

    .carousel-control-prev-icon {
        margin-right: 38px;
    }

    .client-sec-4 .indus-text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .section-facts .content-facts h2 {
        font-size: 28px;
    }

    .section-facts .content-facts p {
        font-size: 16px;
        line-height: 23px;
    }

    .section-facts .page-facts h1 {
        font-size: 42px;
        line-height: 36px;
    }

    .section-facts .page-facts h4 {
        font-size: 26px;
    }

    /* .facts-video img {
        max-width: 300px;
    } */

    .text-7 h1 {
        font-size: 17px;
        line-height: 27px;
    }

    .text-7 .btn {
        font-size: 7px;
    }

    .cont-1 {
        font-size: 29px;
        padding-top: 20px;
    }

    .cont-2 {
        font-size: 29px;
        padding-top: 42px;
    }

    #home-tab,
    #profile-tab {
        margin-left: 0;
    }

    .career-text-2 p {
        font-size: 26px;
        margin-left: 12px;
        line-height: 38px;
    }

    .page-2 {
        font-size: 18px;
    }

    summary {
        font-size: 9px;
    }

    .faq-list>div {
        border-bottom: 0.07em solid #ededed;
        padding: 11px 0em;
    }

    .faq-title {
        font-size: 26px;
    }

    .team-content h1 {
        font-size: 22px;
    }

    .footer-text {
        margin-left: 0;
    }

    .about-description p {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .portfolio-content h1 {
        font-size: 23px;
    }

    .portfolio-content .port-heading {
        font-size: 27px;
        line-height: 26px;
    }

    .about-img-1 img {
        max-width: 216px;
    }

    .bulb-img h2 {
        font-size: 105px;
    }

    .bulb-img img {
        position: absolute;
        right: 35%;
        bottom: 14%;
        height: 151px;
    }

    .bulb-img .f {
        padding-right: 47px;
    }

    .bulb-section .bulb-content h2 {
        font-size: 48px;
        line-height: 51px;
    }

    .bulb-section .bulb-content .your {
        font-size: 48px;
    }

    .bulb-content {
        padding-bottom: 45px;
    }

    .reality-content h3 {
        font-size: 29px;
        line-height: 33px;
    }

    .client-sec-4 {
        padding-bottom: 0;
    }

    .boxes h2 {
        font-size: 38px;
    }

    .boxes h4 {
        font-size: 20px;
    }

    .seo-btn .btn {
        border-radius: 21px;
        padding: 15px 43px;
        font-size: 66px;
    }

    .marketing-sec-1 .marketing-content h1 {
        font-size: 82px;
        margin-top: -33px;
        text-align: center;
    }

    .marketing-content h3 {
        font-size: 18px;
        margin-left: 90px;
    }

    .marketing-content h2 {
        font-size: 17px;
        margin-left: 96px;
        margin-top: -21px;
    }

    .brand-img {
        position: absolute;
        top: 135px;
        right: 42px;
        max-width: 230px;
    }

    .marketing-sec-2 .text-marketing h1 {
        font-size: 37px;
        line-height: 41px;
    }

    .marketing-sec-2 .text-marketing .marketing-p {
        font-size: 24px;
        line-height: 37px;
    }

    .marketing-5 h1 {
        font-size: 37px;
    }

    .btn-technology .btn {
        font-size: 28px;
    }

    .btn-digital .btn {
        font-size: 29px;
    }

    .p-btns {
        font-size: 14px;
    }

    .pannels {
        padding-bottom: 20px;
    }

    .buttons {
        padding-bottom: 31px;
    }

    .marketing-sec-7 h2 {
        padding-top: 100px;
    }

    .marketing-sec-7 h2 {
        font-size: 41px;
        padding-bottom: 30px;
    }

    .marketing-sec-6 h4 {
        font-size: 35px;
        margin-bottom: 11px;
    }

    .marketing-sec-3 .marketing-text h3 {
        padding-top: 0;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 40px;
        padding-top: 0;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 29px;
        padding-top: 27px;
    }

    .marketing-sec-4 .marketing-text-4 h3 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .marketing-sec-6 h4 {
        font-size: 28px;
    }

    .marketing-sec-7 h2 {
        font-size: 36px;
    }

    .design-content h2 {
        font-size: 31px;
        line-height: 36px;
    }

    .design-content h1 {
        font-size: 36px;
        line-height: 39px;
    }

    .design-sec-2 .text-design h1 {
        font-size: 37px;
        line-height: 40px;
        padding-bottom: 8px;
    }

    .design-sec-2 .text-design .design-p {
        font-size: 28px;
        line-height: 41px;
    }

    .design-sec-3 .design-text-text h3 {
        font-size: 36px;
        margin-bottom: 0;
    }

    .design-sec-7 h2 {
        font-size: 44px;
        line-height: 46px;
        padding-bottom: 30px;
    }

    .btn-marketing .btn {
        font-size: 33px;
    }

    .design-sec-6 h4 {
        font-size: 32px;
    }

    .marketing-sec-4 .marketing-text-4 h1 {
        font-size: 24px;
    }

    .marketing-text-4>img {
        float: right;
        max-width: 50%;
        shape-outside: polygon(100% 0, 100% 100%, 0 100%, 0 73%, 100% 0);
    }

    .design-sec-4 .design-text-4 h1 {
        font-size: 24px;
    }

    .design-sec-4 .design-text-4 p {
        font-size: 17px;
        margin-left: 26px;
    }

    .design-5 h1 {
        font-size: 23px;
        padding: 69px 0px 39px 66px;
    }

    .li-design {
        font-size: 22px;
    }

    .service-sec-2 .text-service h3 {
        font-size: 32px;
        padding-top: 20px;
    }

    .service-sec-1 {
        height: 74vh;
    }

    .service-sec-3 .text-3 h1 {
        font-size: 22px;
    }

    .service-sec-3 .text-3 p {
        font-size: 13px;
    }

    .service-sec-1 .service-content h1 {
        font-size: 31px;
        margin-right: -10px;
    }

    .system-image img {
        height: 160px;
    }

    .service-sec-1 .service-content-2 h2 {
        font-size: 19px;
        padding-left: 25px;
    }

    .word span {
        font-size: 39px;
    }

    .service-sec-1 .service-content-3 p {
        font-size: 13px;
        padding-left: 25px;
    }

    .app-description h2 {
        font-size: 20px;
        /* padding-top: 0; */
    }

    .app-paragraph-1 p {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 50px;
    }

    .app-paragraph-2 h2 {
        font-size: 24px;
    }

    .app-paragraph-2 p {
        font-size: 17px;
        line-height: 29px;
        padding-top: 0;
    }

    .app-description-2 h2 {
        font-size: 18px;
        padding-top: 50px;
    }

    .mobile-1 h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .mobile-1 p {
        font-size: 18px;
        line-height: 29px;
        padding-bottom: 11px;
    }

    .app-sec-text-4 .amazing {
        font-size: 32px;
    }

    .app-sec-text-4 .accomplish {
        font-size: 25px;
    }

    .marketing-sec-3 .marketing-text h3 {
        font-size: 24px;
    }

    .app-sec-text-4 h1 {
        line-height: 18px;
    }

    .app-content h1 {
        font-size: 36px;
        line-height: 29px;
    }

    .app-content .innovation {
        font-size: 19px;
    }

    .app-content .every {
        font-size: 23px;
    }

    .design-service-content .design {
        font-size: 40px;
        line-height: 45px;
    }

    .design-service-content .wows {
        font-size: 40px;
        line-height: 60px;
    }

    .design-service-sec-1 {
        height: 60vh;
    }

    .software-content h1 {
        font-size: 34px;
        line-height: 23px;
    }

    .software-content h2 {
        font-size: 22px;
    }

    .big {
        font-size: 23px;
    }

    .software-image img {
        max-height: 288px;
        max-width: 195px;
        position: relative;
        left: 33px;
    }

    .digital-content h1 {
        font-size: 37px;
        line-height: 28px;
    }

    .digital-content h2 {
        font-size: 21px;
    }

    .big-3 {
        font-size: 20px;
    }

    .digital-sec-1 {
        height: 75vh;
    }

    .cyber-content h1 {
        text-align: center;
        line-height: 44px;
        font-size: 53px;
    }

    .cyber-content h2 {
        font-size: 25px;
    }

    .big-1 {
        font-size: 24px;
    }

    .cyber-image img {
        position: relative;
        top: -120px;
        left: 40px;
    }

    .digital-image {
        display: flex;
        justify-content: end;
    }

    .tool-1 img {
        position: absolute;
        top: 33px;
        right: 29px;
    }

    .tool-2 img {
        position: absolute;
        top: -33px;
        left: 21px;
    }

    .tool-3 img {
        position: absolute;
        top: 5px;
        left: 34%;
    }

    .section-map .map-text .map-heading {
        font-size: 21px;
    }

    .over {
        font-size: 17px;
    }

    .nav-pills {
        display: flex;
        justify-content: center;
    }
}