@media only screen and (min-width: 1800px) and (max-width: 1999px) {


    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .wcu-area-side-img-content::after {
        content: "";
        position: absolute;
        width: 376px;
        height: 376px;
        right: 188px;
        top: -255px;
        background: rgba(237, 188, 90, 0.7);
        filter: blur(200px);
        z-index: 1;
        animation: zoomInOut 5s 2s infinite;
    }

    .wcu-area-circle-img {
        width: 613px;
        height: 613px;
        margin-left: 810px;
        margin-top: -610px;
        margin-bottom: 100px;
    }

    .wcu-area-side-img-content {
        margin-top: -550px;
        margin-left: 1010px;
        margin-bottom: 150px;
    }

    .wcu-area-side-img-content h3 {
        margin-left: 20px;
    }

    .next-page .info {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1899px) {
    .info-area-inner .area-shape-1 {
        right: -290px;
    }

    .aximo-hero-content4 h1 {
        font-size: 46px;
    }

    .title-lg.line-mbcont {
        font-size: 140px;
        line-height: 1;
    }

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

    .title-lg.line-mbcont {
        font-size: 80px;
        line-height: 1;
    }

    .footer-he-11 {
        bottom: 80px;
    }

    .aximo-hero-content4 h1 {
        font-size: 46px;
    }

    .career-page-banner-area .content h1.code-withsse,
    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 47px;
        margin-bottom: 35px;
        line-height: normal;
    }

    .cs_modern_needs.cs_style.modermnn-res {
        gap: 30px;
    }

    .info-area-inner .area-shape-1 {
        right: -190px;
    }

    .feature-box .title {
        font-size: 24px;
    }

    .title-block {
        letter-spacing: 2px;
        font-size: 18px;
    }

    .career-page-banner-area .content h1 {
        font-size: 45px;
    }

    .code-drive {
        font-size: 16px;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        font-size: 180px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .wcu-area-side-img-content h3 {
        margin-left: 20px;
    }

    .next-page .info {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1600px) {
    .how-we-work-area .container-fluid {
        max-width: 1920px;
    }

    .defi-whatt {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1599px) {

    .defi-whatt {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .process__title.title-lg {
        font-size: 80px;
    }

    .process__title.title-lg.pilla-para {
        font-size: 30px;
    }

    .container.container__process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-he-11 {
        bottom: 60px;
    }

    .thre-fontt,
    .cs_section_title_3,
    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head {
        font-size: 35px;
    }

    .aximo-hero-content4 h1 {
        font-size: 45px;
    }

    .padd-leftii-12 {
        padding-left: 0px;
    }

    .step-working-processwrap .step-working-processitem {
        width: 315px;
    }

    .cs_modern_needs.cs_style.modermnn-res {
        gap: 30px;
        width: auto;
    }

    .carer-head {
        font-size: 80px !important;
        line-height: 1.1 !important;
    }


    .feature-box .title {
        font-size: 24px;
    }

    .title-block {
        letter-spacing: 2px;
        font-size: 18px;
    }

    .career-page-banner-area .content h1 {
        font-size: 45px;
    }

    .career-page-banner-area .content h1.code-withsse,
    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 47px;
        margin-bottom: 35px;
        line-height: normal;
    }

    .jobs-list .item .content h3,
    .single-why-join-box h3,
    .step h3 {
        font-size: 24px;
        line-height: normal;
    }

    .strp-cirr {
        position: relative;
    }

    .code-drive {
        font-size: 14px;
    }

    .step-textcircle .icon {
        position: absolute;
        left: -234px;
    }

    .step-textcircle .step-circle {
        left: -270px;
    }

    .step-working-processwrap .step-working-processitem .process-btn svg,
    .step-working-processwrap .step-working-processitem .process-btn::before {
        width: 280px;
    }

    .creative-agency-banner-content .sub-title {
        margin-bottom: 40px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .wcu-area-side-img-content h3 {
        margin-left: 20px;
    }

    .next-page .info {
        font-size: 15px;
    }

    .res-paadd,
    .padd-btt {
        padding: 150px 0px;
    }

    .title-lg {
        font-size: 130px;
    }

    .title-lg.line-mbcont {
        font-size: 80px;
        line-height: 1;
    }

    .main-header .container-content .content-float ul li {
        font-size: 12px;
    }

    .wcu-area-side-img-content::after {
        content: "";
        position: absolute;
        width: 376px;
        height: 376px;
        right: 188px;
        top: -255px;
        background: rgba(237, 188, 90, 0.7);
        filter: blur(200px);
        z-index: 1;
        animation: zoomInOut 5s 2s infinite;
    }

    .wcu-area-circle-img {
        width: 460px;
        height: 460px;
        margin-left: 810px;
        margin-top: -495px;
        margin-bottom: 100px;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        font-size: 160px;
    }

    .dark-cludd {
        display: block !important;
    }

    .about-area11 .about-thumb img {
        margin: auto;
    }

}

@media only screen and (min-width: 1480px) and (max-width: 1599px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -138px;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1479px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -115px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1449px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -110px;
    }
}

@media only screen and (min-width: 1430px) and (max-width: 1439px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -105px;
    }
}

@media only screen and (min-width: 1420px) and (max-width: 1429px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -100px;
    }
}

@media only screen and (min-width: 1411px) and (max-width: 1419px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -95px;
    }
}

@media only screen and (min-width: 1402px) and (max-width: 1410px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -91px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1401px) {

    .show-dark {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        right: -90px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    
    .cs_modern_needs.cs_style .cs_col_md_672 .cs_img_section .cs_img_card_text {
    top: 25%;
    left: 8%;
}

    .process__title.title-lg {
        font-size: 80px;
    }

    .process__title.title-lg.pilla-para {
        font-size: 30px;
    }

    .container.container__process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-section-sm .content .title-md {
        font-size: 44px;
    }

    .inner-servece h4 {
        font-size: 17px;
    }

    .thre-fontt,
    .cs_section_title_3,
    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head {
        font-size: 35px;
    }

    .para-inte {
        max-width: 280px;
    }

    .aximo-iconbox-data7 h3,
    .text-section h6 {
        font-size: 20px;
    }

    .section-title-ai {
        font-size: 30px;
    }

    .single-feature-item p {
        max-width: 250px;
    }

    .serv-head-11 {
        font-size: 28px;
    }

    .blog-details-desc h3 {
        font-size: 25px;
    }

    .blog-page-banner-area .content h1 {
        font-size: 35px;
    }

    .about-content p {
        font-size: 20px;
    }

    .about-image .number {
        margin-left: 0px;
        font-size: 55px;
        font-family: "Neue Machina Regular";
    }

    .info-area .info-points .shape-1 {
        display: none;
    }

    .info-area .info-list li {
        font-size: 10px;
        font-family: "AVGARDD_2", sans-serif;
    }

    .info-area .info-points {
        padding: 110px 40px;
        position: relative;
        z-index: 1;
        display: inline-block;
        width: auto;
    }

    .aximo-hero-content4 h1 {
        font-size: 38px;
    }

    .aximo-default-content .hed-acc {
        font-size: 38px;
    }

    .cs_modern_needs.cs_style.modermnn-res {
        width: auto;
    }

    .cs_modern_needs.cs_style .cs_col_md_778 .cs_text p {
        max-width: 500px;
    }

    .aximo-default-content .bank-head,
    .faq-leff,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 45px;
    }

    .aximo-hero-text {
        font-size: 65px;
    }

    .carer-head {
        font-size: 80px !important;
        line-height: 1.1 !important;
    }

    .col-lg-5.uxxui {
        display: flex;
        align-items: center;
    }

    .info-area-inner .area-shape-1 {
        right: -52px;
    }

    .info-area .info-box {
        max-width: 400px;
    }

    .show-dark {
        display: none;
    }

    .dark-cludd {
        display: block;
    }

    .about-area11 .about-thumb img {
        margin: auto;
    }

    .wid-serv {
        width: auto;
    }

    .service-single .single-service-title {
        font-size: 28px;
    }

    .aximo-accordion-normal-data h4 {
        font-size: 21px;
    }

    .feature-box .title {
        font-size: 21px;
    }

    .carg-roww {
        gap: 10px;
    }

    .title-block {
        letter-spacing: 2px;
        font-size: 18px;
    }

    .fanfuct-section .item h2 {
        font-size: 100px;
    }

    .single-blog-post .content .head-blogg {
        font-size: 19px;
    }

    .head-introo {
        font-size: 40px;
    }

    .marketing-agency-services-section-title h2 {
        font-size: 66px;
    }

    .case-studies-list {
        margin-right: 85px;
    }

    .case-studies-list .item {
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .case-studies-list .item h3 {
        font-size: 32px;
        max-width: 403px;
        margin-bottom: 12px;
    }

    .case-studies-lines .item .image {
        margin-right: 50px;
    }

    .case-studies-lines .item .content {
        margin-left: -50px;
    }

    .case-studies-lines .item .content h3 {
        max-width: 480px;
    }

    .case-studies-lines .item .content p {
        max-width: 100%;
    }

    .works-list .item .title {
        padding-left: 0;
        margin-right: 0;
    }

    .works-list .item .title .number {
        top: 0;
        position: relative;
        margin-bottom: 20px;
        transform: translateY(0);
    }

    .works-list .item .image {
        margin-left: 0;
        margin-right: 35px;
    }

    .works-list .item .content {
        margin-left: -35px;
        padding-right: 0;
    }

    .works-list .item .content .categories li {
        margin-right: 5px;
    }

    .works-list .item .content .categories li a {
        padding: 8px 15px;
    }

    .more-project-btn {
        margin-top: 70px;
    }

    .works-shorting-menu {
        margin-bottom: 50px;
    }

    .projects-list .project-item {
        height: 513px;
    }

    .projects-list .project-item .title {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .projects-list .project-item .title span {
        padding-right: 37px;
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 0;
        padding-right: 25px;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 25px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 90px;
        height: 90px;
        margin-top: 15px;
    }

    .works-process-lines {
        margin-left: 0;
    }

    .works-process-lines .item {
        padding-left: 85px;
    }

    .digital-agency-banner-content h1,
    .services-page-banner-area .content .left-side h1 {
        line-height: normal;
        font-size: 35px;
    }

    .digital-agency-banner-content .ratings {
        margin-top: 60px;
    }

    .digital-agency-banner-image {
        margin-left: 35px;
    }

    .digital-agency-banner-image p {
        margin-top: 35px;
    }

    .act-blog {
        padding-bottom: 100px;
    }

    .blog-act {
        padding-top: 100px;
    }

    .single-blog-post .content h3 {
        font-size: 28px;
        padding-right: 25px;
    }

    .blogs-list .item {
        margin-bottom: 45px;
    }

    .blogs-list .item .content h3 {
        margin-bottom: 10px;
    }

    .blogs-list .item .image {
        margin-left: -45px;
    }

    .dev-blogs-list .blog-item .content {
        left: 50px;
    }

    .single-why-join-box {
        height: 100%;
    }

    .career-page-banner-area .content {
        padding-right: 0;
    }

    .career-page-banner-area .content h1 {
        font-size: 40px;
        margin-bottom: 45px;
    }

    .career-page-banner-area .content h1.code-withsse,
    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 45px;
        margin-bottom: 35px;
        line-height: normal;
    }

    .career-page-banner-area .content .funfacts .funfact .number {
        font-size: 60px;
    }

    .career-page-banner-area .content .funfacts .funfact::before {
        display: none;
    }

    .jobs-list .item .content h3,
    .single-why-join-box h3,
    .step h3 {
        font-size: 22px;
    }

    .career-page-banner-area .content .funfacts p {
        max-width: fit-content;
    }

    .expe-gapp {
        gap: 20px;
    }

    .career-page-banner-area .image {
        margin-left: 0;
    }

    .career-details-page-banner-area .content .right-side .item {
        margin-right: 60.5px;
    }

    .work-res {
        text-align: center;
        font-size: 35px;
        line-height: normal;
    }

    .wok-togr,
    .comme-leve {
        font-size: 35px;
    }

    .step-textcircle .icon {
        display: none !important;
    }

    .step-textcircle .step-circle,
    .step-textcircle {
        display: none !important;
    }

    .sty-font,
    .sty-font span,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .serv-head,
    .creative-agency-section-title .left-side h2,
    .about-titles .about-title,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number,
    .about-area11 .section-heading .section-title,
    .aximo h2 {
        font-size: 35px;
    }

    .creative-agency-banner-content .sub-title {
        margin-bottom: 40px;
    }

    .creative-agency-section-title {
        margin-bottom: 55px;
    }

    .creative-agency-section-title .right-side {
        top: 0;
    }

    .creative-agency-banner-content .title h1 {
        font-size: 130px;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        font-size: 130px;
    }

    .creative-agency-banner-image {
        max-width: 340px;
        margin-top: -300px;
    }

    @keyframes movebounce {
        0% {
            transform: translateX(0px);
        }

        50% {
            transform: translateX(185px);
        }

        100% {
            transform: translateX(0px);
        }
    }


    .projects-list .project-item {
        height: 513px;
    }

    .projects-list .project-item .title {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .projects-list .project-item .title span {
        padding-right: 37px;
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 15px;
        padding-right: 25px;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 25px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 90px;
        height: 90px;
        margin-top: 15px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .main-header .container-content .content-float ul li {
        font-size: 11px;
    }

    .title-lg {
        font-size: 140px;
    }

    .title-lg.line-mbcont {
        font-size: 80px;
        line-height: 1;
    }


    .ce-fontt {
        font-size: 14px;
    }

    .res-paadd,
    .padd-btt {
        padding: 150px 0px;
    }

    .wcu-area-circle-img {
        width: 400px;
        height: 400px;
        display: flex;
        align-items: center;
        margin-top: -400px;
        margin-left: 767px;
        margin-bottom: 200px;
        animation: none;
    }



    .wcu-area-side-img-content::after {
        content: "";
        position: absolute;
        width: 376px;
        height: 376px;
        right: 66px;
        top: -61px;
        background: rgba(237, 188, 90, 0.7);
        filter: blur(200px);
        z-index: 1;
        animation: zoomInOut 5s 2s infinite;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container.container__process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .logi-hjeader {
        line-height: normal;
    }

    .process__title.title-lg.pilla-para {
        font-size: 28px;
    }

    .our-services.services-personal .service-item .title-box .icon.ico-ces {
        display: none;
    }

    .text-section h6 {
        font-size: 25px;
    }

    .aximo-section-title.clash-grotesk h2,
    .thre-fontt {
        font-size: 30px;
    }

    .aximo-iconbox-data2 h3 {
        font-size: 22px;
    }

    .section-title-ai {
        font-size: 25px;
    }

    .about-area11 .section-heading .section-title {
        font-size: 35px;
    }

    .blog-details-desc h3 {
        font-size: 25px;
    }

    .aximo-accordion-normal-data h4 {
        font-size: 20px;
    }

    .blog-page-banner-area .content h1,
    .aximo h2 {
        font-size: 30px;
    }

    .desk-abott {
        display: none;
    }

    .mobb-abvtt {
        display: block;
    }

    .single-blog-post .image img {
        height: 283px;
    }

    .digital-agency-banner-content h1,
    .services-page-banner-area .content .left-side h1 {
        line-height: normal;
        font-size: 28px;
    }

    .buil-tomm {
        font-size: 45px;
        line-height: normal;
    }


    .aximo-title-icon,
    .aximo-iconbox-shape {
        display: none;
    }

    .fanfuct-section .item h3 {
        font-size: 20px;
    }

    .sub-section .sub-title .iblock {
        display: none;
    }

    .gap-parraa {
        gap: 0px;
    }

    .sub-section .sub-title .rel {
        font-size: 8px;
    }

    .cs_section_title_3,
    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head {
        font-size: 35px;
    }



    .cs_modern_needs.cs_style {
        width: auto;
    }

    .cs_modern_needs.cs_style .cs_col_md_778 .cs_text p {
        max-width: 500px;
    }

    .items-sysus {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .marg-rigg {
        margin-right: 100px;
    }

    .susyt-headd {
        font-size: 35px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .sust-para {
        font-size: 17px;
    }

    .aximo-iconbox-data3 h3 {
        font-size: 18px;
    }

    .aximo-default-content .bank-head,
    .faq-leff,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 35px;
    }

    .aximo-iconbox-data7 h3 {
        font-size: 19px;
    }

    .aximo-hero-content4 h1 {
        font-size: 40px;
    }

    .aximo-video-popup3 {
        margin-left: 0px;
    }

    .carer-head {
        font-size: 60px !important;
        line-height: 1.1 !important;
    }

    .res-statt {
        display: none;
    }

    .aximo-hero-text {
        font-size: 50px;
        font-weight: 700;
        line-height: 1.1;
    }

    .aximo-hero-title {
        gap: 2px;
    }

    .aximo-default-content .hed-acc {
        font-size: 40px;
    }

    .col-lg-5.uxxui {
        display: flex;
        align-items: center;
    }

    .aximo-iconbox-data5 h3 {
        font-size: 19px;
    }

    .aximo-default-content h2,
    .creative-agency-section-title .left-side h2.max-fon {
        font-size: 55px;
    }

    .aximo-default-content h2.font-rsesk,
    .creative-agency-section-title .left-side h2.font-rsesk {
        font-size: 35px;
    }

    .info-area .info-points {
        display: none;
    }

    .info-area-inner .area-shape-1 {
        position: absolute;
        top: 10px;
        right: -50px;
    }

    .section-title-ai {
        margin-left: 0px !important;
    }

    .res-btt {
        padding-bottom: 0px;
    }

    .ttp-res {
        padding-top: 150px;
    }

    .info-area .info-box {
        max-width: fit-content;
    }

    .info-area-inner {
        display: flex;
        gap: 0px;
    }

    .info-area .info-box .text {
        width: fit-content;
    }

    .info-area .infos-wrapper>*:nth-child(2) {
        margin-inline-start: 500px;
    }

    .title-infoo-lg {
        font-size: 80px !important;
        line-height: 1.1 !important;
    }

    .infos-wrapper-box {
        padding-top: 80px;
    }

    .feature-area .section-header .text {
        width: fit-content;
    }

    .feature-box .title {
        font-size: 24px;
    }

    .feature-box {
        padding: 0;
    }

    .feature-box .content {
        margin-top: 19px;
    }

    .feature-area .features-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        margin: 0px;
        gap: 60px;
    }

    .carg-roww {
        gap: 10px;
    }

    .wid-serv {
        width: auto;
    }

    .impact-list .item .content {
        margin-left: -50px;
    }

    .impact-list .item .content h3 {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .impact-list .item p {
        max-width: 287px;
    }

    .design-principles-content {
        margin-bottom: 50px;
    }

    .design-principles-content .image {
        margin-right: 0;
    }

    .design-principles-content .content {
        padding-left: 0;
    }

    .design-principles-content .content p {
        padding-left: 20px;
    }

    .design-principles-list .item {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .design-principles-list .item .title h3 {
        font-size: 30px;
    }

    .design-principles-list .item .content {
        max-width: 100%;
    }

    .project-details-area {
        padding-top: 170px;
    }

    .project-details-content .title {
        max-width: 700px;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 15px;
    }

    .project-details-content .title h1 {
        font-size: 90px;
    }

    .project-details-info h3 {
        font-size: 19px;
    }

    .project-details-info span {
        font-size: 19px;
    }

    .project-details-info a {
        font-size: 19px;
    }

    .works-list .item .title {
        padding-left: 0;
        margin-right: 0;
        padding-top: 20px;
    }

    .works-list .item .content .categories {
        padding-bottom: 20px;
    }

    .works-list .item .title .number {
        top: 0;
        width: 62px;
        height: 62px;
        line-height: 62px;
        position: relative;
        margin-bottom: 15px;
        transform: translateY(0);
    }

    .works-list .item .title h3 {
        font-size: 28px;
    }

    .works-list .item .image {
        margin-left: 0;
        margin-right: 35px;
    }

    .works-list .item .content {
        margin-left: 0px;
        padding-right: 0;
    }

    .works-list .item .content .categories li {
        margin-right: 5px;
    }

    .works-list .item .content .categories li a {
        padding: 5px 10px;
    }

    .more-project-btn {
        margin-top: 60px;
    }

    .works-shorting-menu {
        margin-bottom: 40px;
    }

    .works-page-banner-area {
        padding-top: 170px;
    }

    .works-page-banner-area .left-side .sub-title {
        margin-bottom: 15px;
    }

    .works-page-banner-area .left-side h1 {
        font-size: 90px;
    }

    .works-page-banner-area .right-side {
        max-width: 100%;
        top: 0;
    }

    .marketing-agency-services-section-title h2 {
        font-size: 55px;
        margin-bottom: 22px;
    }

    .marketing-agency-services-section-title .link-btn {
        margin-top: 20px;
    }

    .case-studies-list {
        margin-right: 40px;
    }

    .case-studies-list .item {
        margin-bottom: 25px;
        padding-bottom: 15px;
        padding-right: 40px;
    }

    .case-studies-list .item h3 {
        font-size: 28px;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .case-studies-image {
        margin-left: -25px;
    }

    .single-case-study-item .content .sub-title {
        margin-bottom: 12px;
    }

    .single-case-study-item .content h3 {
        max-width: 100%;
        font-size: 20px;
    }

    .single-case-study-item .content .link-btn {
        margin-top: 25px;
    }

    .case-studies-lines .item .image {
        margin-right: 0;
    }

    .case-studies-lines .item .content {
        margin-left: 0;
        padding-left: 75px;
    }

    .case-studies-lines .item .content .number {
        width: 50px;
        height: 50px;
    }

    .case-studies-lines .item .content h3 {
        font-size: 40px;
        max-width: 340px;
        margin-bottom: 20px;
    }

    .case-studies-lines .item .content p {
        font-size: 18px;
        max-width: 100%;
    }

    .case-studies-lines .item .content .link-btn {
        font-size: 18px;
    }

    .boost-content .icons div:nth-child(2) {
        width: 150px;
        height: 150px;
    }

    .boost-content .icons div:nth-child(3) {
        width: 60px;
        height: 60px;
    }

    .boost-content .icons div:nth-child(4) {
        width: 100px;
        height: 100px;
    }

    .values-area {
        padding-bottom: 50px;
    }

    .single-value-item p {
        max-width: 275px;
    }

    .projects-circle-list .images .image:nth-child(1) {
        left: 0;
    }

    .projects-circle-list .images .image:nth-child(2) {
        left: 27%;
    }

    .projects-circle-list .images .image:nth-child(3) {
        right: 2%;
    }

    .projects-circle-list .images .image:nth-child(4) {
        right: 7%;
    }

    .projects-circle-list .images .image:nth-child(5) {
        left: 20%;
    }

    .projects-circle-list .contents {
        left: 35%;
        top: 43%;
    }

    .projects-circle-list .contents .item h3 {
        margin-bottom: 20px;
        font-size: 45px;
    }

    .projects-circle-list .contents .item .link-btn {
        margin-top: 30px;
    }

    .projects-list .project-item {
        height: 364px;
    }

    .projects-list .project-item .title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .projects-list .project-item .title .number {
        font-size: 45px;
    }

    .projects-list .project-item .title span {
        padding-right: 30px;
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 0;
        padding-right: 25px;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 18px;
        font-size: 45px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 28px;
        padding-right: 26px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 70px;
        height: 70px;
        font-size: 35px;
        margin-top: 5px;
    }

    .works-process-list .item {
        margin-bottom: 40px;
    }

    .works-process-list .item .icon {
        margin-bottom: 25px;
    }

    .works-process-list .item h3 {
        font-size: 30px;
        margin-bottom: 14px;
    }

    .works-process-content {
        padding-right: 0;
    }

    .works-process-content h1 {
        margin-bottom: 100px;
    }

    .works-process-lines {
        margin-top: 0;
        margin-left: 0;
    }

    .works-process-lines .item {
        padding-left: 70px;
        padding-bottom: 30px;
    }

    .works-process-lines .item h3 {
        font-size: 22px;
        line-height: normal;
    }

    .works-process-lines .item hr {
        margin: 30px 0 0;
    }

    .about-content p {
        font-size: 30px;
    }

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

    .about-image .number {
        font-size: 65px;
    }

    .about-funfacts p {
        max-width: 430px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 15px;
        font-size: 50px;
    }

    .single-service-item {
        padding: 150px 35px 85px;
    }

    .single-service-item .link-btn {
        top: 35px;
        right: 35px;
    }

    .single-service-item::before {
        left: 35px;
    }

    .services-list-style-two .item {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .services-list-style-two .item h3 {
        font-size: 15px;
    }

    .why-choose-us-left-side .sub-title {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .why-choose-us-middle-side h2 {
        font-size: 95px;
    }

    .why-choose-us-right-side p {
        max-width: fit-content;
        font-weight: 500;
        font-size: 15px;
    }

    .services-list-style-two .item p {
        margin-left: -70px;
        max-width: 100%;
    }

    .single-feature-item .line {
        margin-bottom: 30px;
    }

    .single-feature-item h3 {
        font-size: 20px;
        max-width: 95%;
    }

    .single-feature-item p {
        max-width: 95%;
    }

    .digital-agency-banner-area {
        padding-top: 170px;
    }

    .digital-agency-banner-content .ratings {
        margin-top: 60px;
    }

    .digital-agency-banner-image {
        margin-left: 20px;
    }

    .digital-agency-banner-image p {
        margin-top: 30px;
    }

    .act-blog {
        padding-bottom: 100px;
    }

    .single-blog-post .content h3 {
        font-size: 26px;
        padding-right: 0;
    }

    .blogs-list .item {
        margin-bottom: 40px;
    }

    .blogs-list .item .content {
        max-width: 500px;
    }

    .blogs-list .item .content h3 {
        font-size: 28px;
    }

    .blogs-list .item .content .link-btn {
        top: 40%;
        right: 0;
        width: 50px;
        height: 50px;
        margin-top: 13px;
        position: absolute;
        border: 1px solid #e9ebf1;
        transform: translateY(-40%);
        background-color: var(--whiteColor);
    }

    .blogs-list .item .content .link-btn img {
        left: 0;
        right: 0;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        transition: var(--transition);
        margin-left: auto;
        margin-right: auto;
    }

    .blogs-list .item .content .link-btn img:nth-child(2) {
        opacity: 0;
        visibility: hidden;
    }

    .blogs-list .item .image {
        margin-left: -90px;
    }

    .dev-blogs-list .blog-item {
        margin-bottom: 50px;
    }

    .dev-blogs-list .blog-item .content {
        left: 0;
    }

    .dev-blogs-list .blog-item .content h3 {
        font-size: 28px;
    }

    .dev-blogs-list .blog-item .content p {
        font-size: 17px;
    }

    .dev-blogs-list .blog-item .image {
        max-width: 170px;
    }

    .single-blog-item .content .sub-title {
        margin-bottom: 12px;
    }

    .single-blog-item .content h3 {
        margin-bottom: 25px;
        max-width: 100%;
        font-size: 28px;
    }

    .main-blog-buttons {
        margin-bottom: 60px;
        display: flex;
    }

    .main-blog-buttons li a {
        padding: 15px 35px;
    }

    .main-blogs-list {
        margin-bottom: 60px;
    }

    .main-blogs-list .item {
        margin-bottom: 50px;
    }

    .main-blogs-list .item .image {
        margin-right: 0;
    }

    .main-blogs-list .item .content {
        max-width: 100%;
        padding-left: 15px;
    }

    .main-blogs-list .item .content h2 {
        margin-bottom: 35px;
    }

    .main-blogs-list .item:nth-child(2) .image,
    .main-blogs-list .item:nth-child(4) .image,
    .main-blogs-list .item:nth-child(6) .image,
    .main-blogs-list .item:nth-child(8) .image,
    .main-blogs-list .item:nth-child(10) .image {
        margin-right: 0;
        margin-left: 0;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 0;
        padding-right: 15px;
    }

    .comments-area {
        margin-top: 50px;
    }

    .blog-page-banner-area {
        padding-top: 170px;
    }

    .blog-page-banner-area .content {
        padding-right: 0;
    }

    .blog-page-banner-area .content .sub-title {
        margin-bottom: 15px;
    }

    .blog-page-banner-area .content h1 {
        margin-bottom: 20px;
    }

    .blog-page-banner-area .content p {
        max-width: 100%;
    }

    .blog-page-banner-area .image {
        margin-left: 0;
    }

    .blog-page-banner-area .image h3 {
        font-size: 20px;
    }

    .blog-details-page-banner-area {
        padding-top: 100px;
    }

    .page-banner-area {
        padding-top: 170px;
    }

    .page-banner-area .page-banner-content {
        max-width: 680px;
    }

    .page-banner-area .page-banner-content h1 {
        font-size: 90px;
    }

    .career-details-info {
        margin-right: 19px;
    }

    .career-details-desc {
        padding-left: 0;
    }

    .single-why-join-box {
        height: 100%;
    }

    .jobs-list .item .title {
        font-size: 18px;
    }

    .jobs-list .item .content h3,
    .single-why-join-box h3,
    .step h3 {
        font-size: 18px;
        line-height: normal;
    }

    .jobs-list .item .content {
        padding-left: 0;
    }

    .single-why-join-box {
        padding: 30px;
    }

    .career-page-banner-area {
        padding-top: 170px;
    }

    .career-page-banner-area .content {
        padding-right: 0;
    }

    .career-page-banner-area .content .sub-title {
        margin-bottom: 15px;
    }

    .career-page-banner-area .content h1 {
        font-size: 30px;
        margin-bottom: 35px;
    }

    .career-page-banner-area .content .funfacts .funfact .number {
        font-size: 55px;
    }

    .career-page-banner-area .content .funfacts .funfact::before {
        display: none;
    }

    .career-page-banner-area .content .funfacts p {
        max-width: 100%;
        margin-left: 20px;
    }

    .career-page-banner-area .image {
        margin-left: 0;
    }

    .career-details-page-banner-area {
        padding-top: 170px;
    }

    .career-details-page-banner-area .content .left-side {
        max-width: 100%;
    }

    .career-details-page-banner-area .content .left-side h1 {
        font-size: 90px;
    }

    .career-details-page-banner-area .content .right-side {
        margin-left: -25px;
    }

    .career-details-page-banner-area .content .right-side .item {
        margin-right: 35px;
    }

    .career-details-page-banner-area .content .right-side .item h3 {
        font-size: 18px;
    }

    .career-details-page-banner-area .content .right-side .item span {
        font-size: 18px;
    }

    .code-drive {
        font-size: 14px;
    }

    .main-header .container-content .content-float ul li {
        font-size: 11px;
    }

    .fle-fun {
        gap: 30px;
    }

    .sty-font span,
    .sty-font,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .serv-head,
    .creative-agency-section-title .left-side h2,
    .about-titles .about-title,
    .career-page-banner-area .content h1.code-withsse,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number,
    .creative-agency-section-title.text-white .left-side h2 {
        font-size: 35px;
        line-height: normal;
    }

    .sty-font-11 {
        font-size: 25px;
    }

    .step-textcircle .step-circle,
    .step-textcircle {
        display: none;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 60%;
        padding: 0px;
        box-sizing: border-box;
    }

    .prom-row {
        padding: 0 15px;
    }

    .service-single .single-service-title {
        font-size: 27px;
        line-height: normal;
    }

    .core-ser {
        display: flex;
        gap: 60px;
    }

    .pricitle {
        text-align: center;
    }

    .crea-tit {
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .res-heig img {
        width: 214px;
        height: 214px;
    }

    .projects-circle-list .images {
        display: grid;
        grid-template-columns: auto auto;
        gap: 30px;
    }

    .serv-misiion {
        display: flex;
        flex-direction: column;
    }

    .serv-misiion .content1 {
        order: 1;
    }

    .serv-misiion p {
        order: 2;
    }

    .service-wrapper1 ul .service-list1 .content1 h3 {
        font-size: 50px;
    }

    .strat-work {
        font-size: 14px;
    }

    .brief-content p {
        line-height: normal;
        max-width: 100%;
        font-size: 15px;
    }

    .intel-wecre {
        display: none;
    }

    .wecre-intel {
        display: block;
    }

    .creative-agency-section-title {
        margin-bottom: 50px;
    }

    .creative-agency-section-title .right-side {
        top: 0;
    }

    .creative-agency-section-title .right-side .link-btn {
        width: 150px;
        height: 150px;
        padding-top: 40px;
    }

    .creative-agency-section-title .right-side .info span {
        margin-bottom: 15px;
        font-size: 22px;
    }

    .creative-agency-section-title .right-side .info h3 {
        font-size: 90px;
    }

    .creative-agency-banner-content .sub-title {
        margin-bottom: 60px;
    }

    .creative-agency-banner-content .title h1 {
        font-size: 100px;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        font-size: 75px;
        margin-left: 0;
        margin-top: -10px;
    }

    .creative-agency-banner-image {
        max-width: 290px;
        margin-top: -215px;
    }

    .creative-agency-banner-image .link-btn {
        bottom: 40px;
    }

    .creative-agency-banner-socials {
        margin-left: 0;
    }

    .creative-agency-banner-text {
        margin-top: -50px;
        margin-right: 0;
    }

    @keyframes movebounce {
        0% {
            transform: translateX(0px);
        }

        50% {
            transform: translateX(400px);
        }

        100% {
            transform: translateX(0px);
        }
    }

    .about-content p {
        font-size: 15px;
    }

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

    .about-image .number {
        font-size: 35px;
    }

    .res-flow {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-funfacts p {
        max-width: 430px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 15px;
        font-size: 50px;
    }

    .projects-circle-list .images .image:nth-child(1) {
        left: 0;
    }

    .projects-circle-list .images .image:nth-child(2) {
        left: 27%;
    }

    .projects-circle-list .images .image:nth-child(3) {
        right: 2%;
    }

    .projects-circle-list .images .image:nth-child(4) {
        right: 7%;
    }

    .projects-circle-list .images .image:nth-child(5) {
        left: 20%;
    }

    .projects-circle-list .contents {
        left: 35%;
        top: 43%;
    }

    .projects-circle-list .contents .item h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .projects-circle-list .contents .item .link-btn {
        margin-top: 30px;
    }

    .projects-list .project-item {
        height: 364px;
    }

    .projects-list .project-item .title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .projects-list .project-item .title .number {
        font-size: 45px;
    }

    .projects-list .project-item .title span {
        padding-right: 30px;
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 15px;
        padding-right: 25px;
    }

    .boost-content h2 {
        font-size: 55px;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 18px;
        font-size: 45px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 22px;
        padding-right: 26px;
    }

    .single-value-item h3 {
        font-size: 20px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 70px;
        height: 70px;
        font-size: 35px;
        margin-top: 5px;
    }

    .project-details-area {
        padding-top: 170px;
    }

    .project-details-content .title {
        max-width: 700px;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 15px;
    }

    .project-details-content .title h1 {
        font-size: 45px;
    }

    .project-details-info h3 {
        font-size: 19px;
    }

    .add-fo {
        font-size: 11px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .title-lg {
        font-size: 140px;
        line-height: 185px;
    }

    .title-lg.line-mbcont {
        font-size: 70px;
        line-height: 65px;
    }

    .engi-size {
        font-size: 30px;
    }

    .single-blog-post .content .head-blogg {
        font-size: 15px;
    }

    .fanfuct-section .item h2 {
        font-size: 90px;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 130px;
    }

    .wcu-area-side-img-content {
        margin-left: 368px;
        margin-top: -525px;
        margin-bottom: 200px;
    }

    .title-md {
        font-size: 90px;
    }

    .res-paadd,
    .padd-btt {
        padding: 100px 0px;
    }

    .works-process-content h1 {
        font-size: 35px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1199px) {

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: 490px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1080px) {

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: 470px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container.container__process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .process__steps {
        display: grid;
        grid-template-columns: auto auto;
    }

    .process__title.title-lg.pilla-para {
        font-size: 28px;
    }

    .about-section-sm .content .title-md {
        line-height: 55px;
        font-size: 40px;
    }

    .inner-servece {
        grid-template-columns: auto auto;
    }

    .inner-servece h4 {
        font-size: 15px;
    }

    .about-area11 .section-heading .section-title {
        font-size: 30px;
    }

    .aximo-service-details-thumb2 img {
        display: none;
    }

    .aximo-service-details-thumb2 {
        border: none;
    }

    .marg-autoooa {
        max-width: 100%;
        width: 100%;
    }

    .single-blog-post .image img {
        height: 215px;
    }

    .buil-tomm {
        font-size: 45px;
        line-height: normal;
    }

    .aximo-iconbox-data3 h3 {
        font-size: 25px;
    }

    .aximo-title-icon,
    .aximo-iconbox-icon3,
    .aximo-iconbox-shape {
        display: none;
    }

    .single-blog-post .content .head-blogg {
        padding-right: 0px;
        font-weight: 300;
    }

    .aximo-title-icon.aii {
        position: absolute;
        bottom: 65px;
        right: 85px;
    }

    .aximo-accordion-normal-data h4 {
        font-size: 19px;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
    }

    .industry-box {
        padding: 20px;
        font-size: 15px
    }

    .industry-grid {
        grid-template-columns: auto auto;
    }

    .mobil-nonee {
        display: none;
    }

    .par-dispa {
        display: block;
    }

    .fanfuct-section .item h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .marg-tpp {
        display: none;
    }


    .cs_section_title_3,
    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 35px;
        line-height: normal;
    }

    .thre-fontt,
    .cs_section_title_3 {
        font-size: 32px;
    }


    .cs_modern_needs.cs_style {
        width: auto;
    }

    .cs_modern_needs.cs_style .cs_col_md_778 .cs_text p {
        max-width: 350px;
    }

    .items-sysus {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .marg-rigg {
        margin-right: 100px;
    }

    .susyt-headd {
        font-size: 35px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .sust-para {
        font-size: 17px;
    }

    .faq-leff {
        font-size: 45px;
    }

    .aximo-default-content .bank-head {
        font-size: 30px;
    }

    .faq-item-111 label {
        font-size: 22px;
    }

    .aximo-v6-thumb1 {
        margin-left: 0px;
        margin-right: 50px;
    }

    .aximo-hero-content4 h1 {
        font-size: 30px;
    }

    .aximo-video-popup3 {
        margin-left: 0px;
    }

    .aximo-iconbox-data7 h3 {
        font-size: 19px;
    }

    .aximo-default-content .hed-acc {
        font-size: 40px;
    }

    .res-statt {
        display: none;
    }

    .aximo-errors-btn.contact-us {
        margin: 50px 0;
    }

    .carer-head {
        font-size: 60px !important;
        line-height: 1.1 !important;
    }

    .texttt-para {
        text-align: start;
    }

    .aximo-hero-text {
        font-size: 60px;
    }

    .aximo-hero-title {
        gap: 20px;
    }

    .aximo-def {
        margin-top: 50px;
    }

    .aximo-default-content h2,
    .creative-agency-section-title .left-side h2.max-fon {
        font-size: 45px;
    }

    .info-area .info-points {
        display: none;
    }

    .about-area .section-content {
        display: flex;
        flex-direction: column;
    }

    .info-area-inner .area-shape-1 {
        position: absolute;
        top: 10px;
        right: -40px;
    }

    .section-title-ai {
        margin-left: 0px !important;
        max-width: fit-content !important;
    }

    .res-btt {
        padding-bottom: 0px;
    }

    .ttp-res {
        padding-top: 150px;
    }

    .info-area .info-box {
        max-width: fit-content;
    }

    .info-area-inner {
        display: flex;
        gap: 0px;
    }

    .info-area .info-box .text {
        width: fit-content;
    }

    .info-area .infos-wrapper>*:nth-child(2) {
        margin-inline-start: 300px;
    }

    .infos-wrapper-box {
        padding-top: 50px;
    }


    .feature-area .section-header .text {
        max-width: fit-content;
        margin-inline-start: auto;
    }

    .feature-area .section-title {
        font-size: 35px;
    }

    .feature-box .title {
        font-size: 24px;
    }

    .feature-box {
        padding: 0;
        border-inline-end: none;
    }

    .feature-box .content {
        margin-top: 19px;
    }

    .feature-area .features-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        margin: 0px;
        gap: 50px;
    }

    .carg-roww {
        gap: 5px;
    }

    .step {
        height: 100%;
        padding: 20px 10px;
    }

    .wid-serv {
        width: auto;
    }

    .single-blog-post .content .head-blogg {
        font-size: 17px;
        padding-right: 0px;
        padding-bottom: 0px;
        font-weight: 400;
    }

    .main-logo img {
        width: 40px;
    }

    .impact-list .item .icon {
        width: 90px;
        height: 90px;
    }

    .impact-list .item .content {
        margin-left: -40px;
    }

    .impact-list .item .content h3 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .impact-list .item .content span {
        font-size: 16px;
    }

    .impact-list .item p {
        max-width: 100%;
    }

    .design-principles-content {
        margin-bottom: 40px;
    }

    .design-principles-content .image {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .design-principles-content .content {
        padding-left: 0;
    }

    .design-principles-content .content p {
        font-size: 17px;
    }

    .design-principles-list .item {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .design-principles-list .item .title {
        margin-bottom: 22px;
    }

    .design-principles-list .item .title h3 {
        font-size: 26px;
    }

    .design-principles-list .item .content {
        max-width: 100%;
        margin-left: 0;
    }

    .design-principles-list .item .content p {
        font-size: 17px;
    }

    .project-details-area {
        padding-top: 130px;
    }

    .project-details-content {
        margin-bottom: 70px;
    }

    .project-details-content .title {
        max-width: 530px;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 15px;
    }

    .project-details-content .title h1 {
        font-size: 70px;
    }

    .project-details-content .info {
        max-width: 100%;
        margin-left: 0;
        margin-top: 27px;
    }

    .project-details-content .info span {
        font-size: 19px;
    }

    .project-details-content .info h3 {
        font-size: 19px;
    }

    .project-details-info h3 {
        font-size: 17px;
    }

    .project-details-info span {
        font-size: 17px;
    }

    .project-details-info a {
        padding-right: 40px;
        font-size: 17px;
    }

    .project-details-info a i {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .col-md-4.col-mddproj {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-12.work-mdd {
        flex: 0 0 auto;
        width: 100%;
    }

    .logoss-bac {
        width: 16px;
    }

    .works-list .item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .works-list .item .title {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .works-list .item .title h3 {
        font-size: 26px;
        max-width: 200px;
    }

    .works-list .item .image {
        margin-left: 0;
        margin-right: 0;
    }

    .works-list .item .image .link-btn {
        top: 50%;
        left: 50%;
        opacity: 0;
        width: 160px;
        height: 160px;
        padding-top: 60px;
        border-radius: 50%;
        position: absolute;
        visibility: hidden;
        color: var(--primaryColor);
        background-color: var(--whiteColor);
        transform: translateY(-50%) translateX(-50%);
    }

    .works-list .item .image .link-btn img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
    }

    .works-list .item .image .link-btn:hover {
        background-color: #f1f1f1;
    }

    .works-list .item .content {
        padding-right: 0;
        margin-left: 0;
        margin-top: 25px;
    }

    .more-project-btn {
        margin-top: 35px;
    }

    .works-shorting-menu {
        margin-bottom: 30px;
    }

    .works-shorting-menu .filter {
        margin-right: 15px;
    }

    .works-page-banner-area {
        padding-top: 130px;
    }

    .works-page-banner-area .left-side .sub-title {
        margin-bottom: 8px;
    }

    .works-page-banner-area .left-side h1 {
        font-size: 70px;
    }

    .works-page-banner-area .right-side {
        max-width: 100%;
        top: 0;
    }

    .how-we-work-box {
        padding: 30px;
    }

    .how-we-work-box h3 {
        margin-bottom: 15px;
        max-width: 130px;
        font-size: 26px;
    }

    .howWeWorkSwiper {
        margin-top: 0;
    }

    .marketing-agency-services-section-title {
        margin-bottom: 40px;
    }

    .marketing-agency-services-section-title h2 {
        font-size: 55px;
        max-width: 550px;
        margin-bottom: 18px;
    }

    .marketing-agency-services-section-title p {
        max-width: 490px;
    }

    .marketing-agency-services-section-title .link-btn {
        width: 110px;
        height: 110px;
        margin-top: 12px;
        line-height: 108px;
    }

    .case-studies-list {
        margin-right: 0;
        margin-top: 5px;
    }

    .case-studies-list .item {
        padding-bottom: 13px;
        margin-bottom: 35px;
    }

    .case-studies-list .item h3 {
        font-size: 28px;
        max-width: 400px;
        margin-bottom: 13px;
    }

    .case-studies-list .item .link-btn {
        margin-top: 10px;
    }

    .case-studies-image {
        margin-left: 0;
        margin-top: 35px;
    }

    .case-studies-image img {
        margin-bottom: 15px;
    }

    .single-case-study-item .content .sub-title {
        margin-bottom: 10px;
    }

    .single-case-study-item .content h3 {
        max-width: 100%;
        font-size: 20px;
    }

    .single-case-study-item .content .link-btn {
        margin-top: 25px;
    }

    .case-studies-lines .item .image {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .case-studies-lines .item .content {
        margin-left: 0;
    }

    .case-studies-lines .item .content h3 {
        font-size: 30px;
        max-width: 400px;
        margin-bottom: 20px;
    }

    .case-studies-lines .item .content p {
        font-size: 16px;
        max-width: 470px;
    }

    .case-studies-lines .item .content .link-btn {
        font-size: 18px;
    }

    .res-flow {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .boost-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .boost-content h2 {
        font-size: 50px;
        max-width: 100%;
    }

    .boost-content h2 img {
        left: 110px;
        bottom: -5px;
    }

    .boost-content::before {
        display: none;
    }

    .boost-content .icons div {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: inline-block;
        width: 80px !important;
        height: 80px !important;
        font-size: 38px !important;
        position: relative !important;
        margin-top: 15px;
        margin-left: 7.5px;
        margin-right: 7.5px;
    }

    .boost-content .icons div:first-child {
        margin-left: 0;
    }

    .boost-content .icons div:last-child {
        margin-right: 0;
    }

    .values-area {
        padding-bottom: 40px;
    }

    .single-value-item {
        margin-bottom: 40px;
        padding-right: 25px;
    }

    .single-value-item .icon {
        margin-bottom: 30px;
    }

    .single-value-item h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .single-value-item p {
        max-width: 100%;
    }

    .col-lg-4:nth-child(3) .single-value-item,
    .col-lg-4:nth-child(6) .single-value-item {
        border-right-width: 2px;
    }

    .projects-list {
        display: block;
    }

    .projects-list .project-item {
        height: auto;
        margin-bottom: 35px;
        padding-bottom: 35px;
        width: auto !important;
        border-right: none;
        border-bottom: 1px solid var(--blackColor);
    }

    .projects-list .project-item .title {
        display: none;
    }

    .projects-list .project-item .details {
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        transform: translateY(0);
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 0;
        padding-right: 0;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 25px;
        font-size: 40px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 85px;
        height: 85px;
        font-size: 45px;
        margin-top: 15px;
    }

    .projects-list .project-item.active {
        width: auto !important;
    }

    .projects-list .project-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .works-process-list {
        margin-top: 0;
    }

    .works-process-list .item {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .works-process-list .item .icon {
        margin-bottom: 25px;
    }

    .works-process-list .item h3 {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .works-process-content {
        padding-right: 0;
    }

    .works-process-content h1 {
        font-size: 30px;
        max-width: 450px;
        margin-bottom: 40px;
    }

    .works-process-lines {
        margin-top: 40px;
        margin-left: 0;
    }

    .works-process-lines .item {
        padding-left: 70px;
        padding-bottom: 30px;
    }

    .works-process-lines .item h3 {
        font-size: 18px;
    }

    .works-process-lines .item hr {
        margin: 30px 0 0;
    }

    .works-process-lines .item::before {
        margin-top: 105px;
        margin-bottom: -40px;
    }

    .about-content p {
        font-size: 26px;
    }

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

    .about-image .number {
        font-size: 50px;
    }

    .about-btn {
        margin-top: 25px;
        margin-bottom: 25px;
    }

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

    .about-funfacts p {
        max-width: 100%;
    }

    .about-funfacts .funfacts {
        margin-top: 40px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 10px;
        font-size: 45px;
    }

    .about-video-box .video-btn {
        width: 90px;
        height: 90px;
        font-size: 45px;
    }

    .about-features-list ul li {
        font-size: 18px;
    }

    .why-choose-us-left-side p {
        max-width: fit-content;
    }

    .why-choose-us-middle-side h2 {
        margin-bottom: 0px;
        font-size: 95px;
        line-height: 1;
        margin-left: 50px;
    }

    .why-choose-us-right-side p {
        max-width: fit-content;
        font-size: 15px;
        font-weight: 500;
    }

    .single-service-item {
        border-radius: 20px;
        padding: 150px 30px 85px;
    }

    .single-service-item .link-btn {
        top: 30px;
        width: 55px;
        right: 30px;
        height: 55px;
        font-size: 30px;
    }

    .single-service-item h3 {
        font-size: 22px;
    }

    .single-service-item::before {
        left: 30px;
    }

    .services-list-style-two .item {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .services-list-style-two .item h3 {
        font-size: 20px;
    }

    .services-list-style-two .item p {
        margin-left: 0;
        max-width: 100%;
    }

    .services-list-style-two .item .link-btn {
        width: 50px;
        height: 50px;
    }

    .single-feature-item .line {
        margin-bottom: 25px;
    }

    .single-feature-item p {
        max-width: 96%;
    }

    .col-lg-3:last-child .single-feature-item::after {
        display: none;
    }

    .digital-agency-banner-area {
        padding-top: 140px;
    }

    .digital-agency-banner-content .sub-title {
        margin-bottom: 15px;
    }

    .digital-agency-banner-content h1,
    .services-page-banner-area .content .left-side h1 {
        font-size: 28px;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .digital-agency-banner-image {
        margin-left: 0px;
    }

    .digital-agency-banner-content .ratings {
        margin-top: 25px;
    }

    .digital-agency-banner-image {
        margin-top: 40px;
    }

    .digital-agency-banner-image p {
        margin-top: 25px;
    }

    .act-blog {
        padding-bottom: 100px;
    }

    .single-blog-post .content h3 {
        font-size: 25px;
        padding-right: 0;
        padding-bottom: 0;
    }

    .single-blog-post .content h3::before {
        display: none;
    }

    .single-blog-post .content .link-btn {
        margin-top: 17px;
    }

    .blogs-list .item {
        margin-bottom: 35px;
    }

    .blogs-list .item .content {
        max-width: 100%;
        padding-right: 60px;
    }

    .blogs-list .item .content h3 {
        font-size: 28px;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .blogs-list .item .content p {
        max-width: 100%;
    }

    .blogs-list .item .image {
        margin-left: 0;
    }

    .dev-blogs-list .blog-item {
        margin-bottom: 40px;
    }

    .dev-blogs-list .blog-item .content {
        left: -30px;
        max-width: 390px;
    }

    .dev-blogs-list .blog-item .content h3 {
        font-size: 26px;
    }

    .dev-blogs-list .blog-item .content p {
        font-size: 16px;
    }

    .dev-blogs-list .blog-item .image {
        max-width: 150px;
    }

    .single-blog-item .content .sub-title {
        margin-bottom: 12px;
    }

    .single-blog-item .content h3 {
        margin-bottom: 20px;
        max-width: 100%;
        font-size: 25px;
    }

    .main-blog-buttons {
        margin-bottom: 50px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 20px;
    }

    .main-blog-buttons li {
        margin-left: 5px;
        margin-right: 5px;
    }

    .main-blog-buttons li a {
        padding: 13px 30px;
    }

    .main-blogs-list {
        margin-bottom: 50px;
    }

    .main-blogs-list .item {
        margin-bottom: 50px;
    }

    .main-blogs-list .item .image {
        margin-right: 0;
    }

    .main-blogs-list .item .content {
        max-width: 100%;
        padding-left: 20px;
    }

    .main-blogs-list .item .content h2 {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .main-blogs-list .item:nth-child(2) .image,
    .main-blogs-list .item:nth-child(4) .image,
    .main-blogs-list .item:nth-child(6) .image,
    .main-blogs-list .item:nth-child(8) .image,
    .main-blogs-list .item:nth-child(10) .image {
        margin-right: 0;
        margin-left: 0;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 0;
        padding-right: 0;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog-details-desc h3 {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .comments-area {
        margin-top: 50px;
    }

    .blog-page-banner-area {
        padding-top: 130px;
    }

    .blog-page-banner-area .content {
        padding-right: 0;
    }

    .blog-page-banner-area .content .sub-title {
        margin-bottom: 15px;
    }

    .blog-page-banner-area .image {
        margin-left: 0;
        margin-top: 35px;
    }

    .blog-page-banner-area .image h3 {
        font-size: 18px;
    }

    .blog-details-page-banner-area {
        padding-top: 100px;
    }

    .blog-details-page-banner-area .title {
        margin-bottom: 75px;
        max-width: 100%;
    }

    .blog-details-page-banner-area .title .sub-title {
        margin-bottom: 15px;
    }

    .blog-details-page-banner-area .content {
        margin-bottom: 35px;
    }

    .page-banner-area {
        padding-top: 130px;
    }

    .page-banner-area .page-banner-content {
        max-width: 100%;
    }

    .career-details-info ul li h3 {
        font-size: 12px;
        font-weight: 400;
    }

    .career-details-page-banner-area .content .right-side .item span {
        font-size: 13px;
    }

    .page-banner-area .page-banner-content .sub-title {
        margin-bottom: 8px;
    }

    .page-banner-area .page-banner-content h1 {
        font-size: 70px;
    }

    .career-details-info {
        margin-right: 25px;
        margin-bottom: 50px;
    }

    .career-details-desc {
        padding-left: 0;
    }

    .career-details-desc .details h3 {
        font-size: 26px;
    }

    .jobs-list .item .title {
        font-size: 18px;
    }

    .funfact-res {
        display: none;
    }

    .jobs-list .item .title {
        font-size: 20px;
    }

    .jobs-list .item .content {
        padding-left: 0;
    }

    .jobs-list .item .content .number {
        width: 55px;
        height: 55px;
        line-height: 54px;
    }

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

    .jobs-list .item .link-btn a {
        width: 80px;
        height: 80px;
    }

    .single-why-join-box {
        padding: 30px;
    }

    .single-why-join-box .icon {
        margin-bottom: 35px;
    }

    .single-why-join-box h3 {
        font-size: 24px;
    }

    .jobs-list .item .content h3,
    .single-why-join-box h3,
    .step h3 {
        font-size: 22px;
        line-height: normal;
    }

    .creative-agency-section-title.text-white .left-side h2,
    .career-page-banner-area .content h1 {
        font-size: 30px;
    }

    .row-carr {
        gap: 25px;
    }

    .single-why-join-box {
        height: 100%;
    }

    .career-page-banner-area {
        padding-top: 130px;
    }

    .career-page-banner-area .content {
        padding-right: 0;
    }

    .career-page-banner-area .content .sub-title {
        margin-bottom: 9px;
    }

    .career-page-banner-area .content h1 {
        margin-bottom: 10px;
    }

    .career-page-banner-area .content .funfacts p {
        max-width: fit-content;
    }

    .career-page-banner-area .content .funfacts .funfact .number {
        font-size: 60px;
    }

    .career-page-banner-area .content .funfacts .funfact::before {
        right: -125px;
    }

    .career-page-banner-area .image {
        margin-left: 3px;
        margin-left: 0;
        margin-top: 40px;
    }

    .career-details-page-banner-area {
        padding-top: 130px;
    }

    .career-details-page-banner-area .content {
        margin-bottom: 40px;
    }

    .career-details-page-banner-area .content .left-side {
        max-width: 400px;
    }

    .career-details-page-banner-area .content .left-side h1 {
        font-size: 70px;
    }

    .career-details-page-banner-area .content .right-side {
        margin-left: 0;
        margin-top: 40px;
    }

    .career-details-page-banner-area .content .right-side .item {
        margin-right: 50px;
    }

    .terms-padd {
        padding: 100px 0;
    }

    .code-drive {
        font-size: 14px;
    }

    .fle-fun {
        gap: 10px;
    }

    .sty-font,
    .sty-font span,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .serv-head,
    .creative-agency-section-title .left-side h2,
    .about-titles .about-title,
    .work-res,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number,
    .wok-togr,
    .comme-leve {
        font-size: 30px;
        line-height: normal;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        left: 230px;
    }

    .step-working-processwrap .step-working-processitem .process-btn::before {
        width: 320px;
    }

    .cont-marg {
        align-items: start;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h4 {
        font-size: 18px;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 60%;
        padding: 0px;
        box-sizing: border-box;
    }

    .prom-row {
        padding: 0 15px;
    }

    .service-single .single-service-title {
        font-size: 18px;
        line-height: normal;
    }

    .aximo h2 {
        font-size: 35px;
    }

    .aximo-section-title {
        padding-bottom: 50px;
    }

    .core-ser {
        display: flex;
        gap: 60px;
    }

    .pricitle {
        text-align: center;
    }

    .crea-tit {
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .res-heig img {
        width: 214px;
        height: 214px;
    }

    .projects-circle-list .images {
        display: grid;
        grid-template-columns: auto auto;
        gap: 30px;
    }

    .cicrl-list-img {
        display: none !important;
    }

    .serv-misiion {
        display: flex;
        flex-direction: column;
    }

    .serv-misiion .content1 {
        order: 1;
    }

    .serv-misiion p {
        order: 2;
    }


    .service-wrapper1 ul .service-list1 .content1 h3 {
        font-size: 50px;
    }

    .strat-work {
        font-size: 14px;
    }

    .brief-content p {
        line-height: normal;
        max-width: 100%;
        font-size: 15px;
        text-align: left;
    }

    .intel-wecre {
        display: none;
    }

    .wecre-intel {
        display: block;
    }

    .add-cont {
        grid-template-columns: auto auto;
    }

    .next-page .info {
        font-size: 12px;
        margin-top: 20px;
        padding-left: 7px;
    }


    .creative-agency-section-title {
        margin-bottom: 40px;
    }

    .creative-agency-section-title .left-side {
        margin-bottom: 20px;
    }


    .creative-agency-section-title .left-side h2 span {
        margin-top: 0;
    }

    .creative-agency-section-title .right-side {
        text-align: start;
        max-width: 100%;
        margin-left: 0;
        top: 0;
    }

    .creative-agency-section-title .right-side .default-btn {
        margin-top: 7px;
    }

    .creative-agency-section-title .right-side .default-btn.mt-0 {
        margin-top: 7px !important;
    }

    .creative-agency-section-title .right-side.style-two {
        max-width: 100%;
    }

    .creative-agency-section-title .right-side .link-btn {
        width: 140px;
        height: 140px;
        padding-top: 34px;
    }

    .creative-agency-section-title .right-side .info {
        max-width: 141px;
    }

    .creative-agency-section-title .right-side .info span {
        margin-bottom: 10px;
        padding-left: 20px;
        font-size: 20px;
    }

    .creative-agency-section-title .right-side .info h3 {
        font-size: 80px;
    }

    .creative-agency-banner-area {
        padding-bottom: 30px;
    }

    .creative-agency-banner-content .sub-title {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .creative-agency-banner-content .title h1 {
        font-size: 70px;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        font-size: 70px;
        text-align: center;
        margin-left: 0;
        margin-top: 0;
    }

    .creative-agency-banner-content .title h1:nth-child(2) span {
        animation: unset;
    }

    .creative-agency-banner-image {
        max-width: 390px;
        margin-top: 30px;
    }

    .creative-agency-banner-image .link-btn {
        bottom: 50px;
    }

    .creative-agency-banner-socials {
        margin-left: 0;
        margin-top: -95px;
    }

    .creative-agency-banner-socials li a {
        padding-left: 30px;
    }

    .creative-agency-banner-text {
        max-width: 320px;
        margin-top: 25px;
        margin-right: 0;
    }


    .brief-content {
        max-width: 100%;
        margin-left: 0;
    }

    .brief-content p {
        line-height: normal;
        max-width: 100%;
        font-size: 15px;
        margin-top: 0px;
        text-align: center;
    }

    .brief-content .funfacts {
        margin-top: 40px;
    }

    .brief-content .funfacts .box {
        margin-bottom: 25px;
    }

    .brief-content .funfacts .box .number {
        font-size: 50px;
    }

    .shape1 {
        display: none;
    }

    .about-content p {
        font-size: 15px;
    }

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

    .about-image .number {
        font-size: 20px;
    }

    .about-btn {
        margin-top: 25px;
        margin-bottom: 25px;
    }

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

    .about-funfacts p {
        max-width: 100%;
    }

    .about-funfacts .funfacts {
        margin-top: 40px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 10px;
        font-size: 45px;
    }

    .about-video-box .video-btn {
        width: 90px;
        height: 90px;
        font-size: 45px;
    }

    .about-features-list ul li {
        font-size: 18px;
    }


    .projects-circle-list {
        padding-top: 0;
        padding-bottom: 0;
    }

    .projects-circle-list .images {
        position: relative;
    }

    .projects-circle-list .images .image {
        top: 0 !important;
        left: 0 !important;
        position: relative;
        right: 0 !important;
        margin-bottom: 40px;
        bottom: 0 !important;
    }

    .projects-circle-list .images .image .text {
        display: block;
        margin-top: 25px;
    }

    .projects-circle-list .images .image .text h3 {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .projects-circle-list .images .image .text .link-btn {
        margin-top: 17px;
    }

    .projects-circle-list .images .image:last-child {
        margin-bottom: 0;
    }

    .projects-circle-list .contents {
        display: none;
    }

    .projects-list {
        display: block;
    }

    .projects-list .project-item {
        height: auto;
        margin-bottom: 35px;
        padding-bottom: 35px;
        width: auto !important;
        border-right: none;
        border-bottom: 1px solid var(--blackColor);
    }

    .projects-list .project-item .title {
        display: none;
    }

    .projects-list .project-item .details {
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        transform: translateY(0);
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
    }

    .projects-list .project-item .details .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 25px;
        font-size: 40px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 85px;
        height: 85px;
        font-size: 45px;
        margin-top: 15px;
    }

    .projects-list .project-item.active {
        width: auto !important;
    }

    .projects-list .project-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .project-details-area {
        padding-top: 130px;
    }

    .project-details-content {
        margin-bottom: 70px;
    }

    .project-details-content .title {
        max-width: 530px;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 15px;
    }

    .project-details-content .title h1 {
        font-size: 35px;
    }

    .project-details-content .info {
        max-width: 100%;
        margin-left: 0;
        margin-top: 27px;
    }

    .project-details-content .info span {
        font-size: 19px;
    }

    .project-details-content .info h3 {
        font-size: 19px;
    }

    .project-details-info h3 {
        font-size: 17px;
    }

    .project-details-info span {
        font-size: 17px;
    }

    .project-details-info a {
        padding-right: 40px;
        font-size: 17px;
    }

    .project-details-info a i {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .footer-box {
        flex-direction: column;
    }

    .para-serv {
        margin-top: 15px;
    }

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

    .title-lg {
        font-size: 110px;
        line-height: 130px;
    }

    .title-lg.line-mbcont {
        font-size: 30px;
        line-height: 50px;
    }

    .wcu-area-side-img-content {
        margin-top: -120px;
        margin-left: 160px;
    }

    .card1,
    .card2 {
        flex-direction: row;
    }

    .fanfuct-section .title h3 {
        font-size: 35px;
    }

    .mail-siz {
        font-size: 15px;
    }

    .bootstrap-scope .sticky-top {
        display: flex;
        justify-content: center;
    }

    .footer-header .social-box p {
        display: none;
    }

    .footer .footer-bottom {
        gap: 10px;
        align-items: center;
        flex-direction: column;
    }

    .mar-why {
        margin-bottom: 40px;
    }


    .mar-headd {
        font-size: 20px;
    }

    .padd-btt {
        padding: 100px 0px;
    }

    .sub-section .sub-title .rel {
        font-size: 11px;
    }

    .fs-size {
        font-size: 14px;
    }

    .bootstrap-scope .mb-5.digita-serv {
        margin-bottom: 0px !important;
    }

    .our-services.services-hover .services-item:hover li:nth-of-type(3) {
        --tran-li: none;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 100px;
    }

    .res-paadd {
        padding: 100px 0px;
    }

    .site-header.dsn-hamburger ul.res-navb,
    .site-header.dsn-hamburger ul.res-navb ul {
        padding-left: 0px;
    }

    .site-header.dsn-hamburger ul.res-navb li {
        margin: 10px 0px;
    }

    .wcu-area-side-content {
        display: block;
    }

    .res-year {
        position: relative;
    }

    .wcu-area-side-img-content img {
        height: 100px;
    }

    .wcu-area-side-img-content h3 {
        font-size: 25px;
    }

    .card1,
    .card2 {
        justify-content: space-between;
    }
}

@media only screen and (min-width: 973px) and (max-width: 991px) {
    .engi-size {
        font-size: 30px;
    }

    .res-yeshap {
        position: absolute;
        top: 260px;
        left: 235px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 972px) {
    .engi-size {
        font-size: 30px;
    }

    .wcu-area-circle-img {
        width: 408px;
        height: 408px;
        margin-left: 115px;
        margin-top: 20px;
    }

    .res-yeshap {
        position: absolute;
        top: 260px;
        left: 90px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .wok-togr {
        font-size: 35px;
    }

    .our-services.services-hover .services-item .cat ul li {
        font-size: 10px;
    }

    .aximo-iconbox-icon3,
    .aximo-iconbox-shape {
        display: none;
    }

    .about-area11 .section-heading .section-title,
    .aximo h2 {
        font-size: 35px;
    }

    .mar-why h2 {
        font-size: 19px;
    }

    .faq-item-111 label {
        font-size: 17px;
    }

    .aximo-default-content .bank-head,
    .faq-leff,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 37px;
    }

    .aximo-iconbox-data3 h3 {
        font-size: 24px;
    }

    .how-we-work-area .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .step-working-processwrap .step-working-inner:nth-child(2),
    .step-working-processwrap .step-working-inner:nth-child(4) {
        margin-left: -100px;
    }

    .step-working-processwrap .step-working-inner {
        margin-left: -50px;
    }

    .step-working-processwrap .step-working-inner:nth-child(2) {
        margin-top: 100px;
    }

    .step-working-processwrap .step-working-inner:nth-child(4) {
        margin-top: 220px;
    }

    .col-lagg {
        width: auto;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 60%;
        padding: 0px;
        box-sizing: border-box;
    }

    .prom-row {
        padding: 0 15px;
    }

    .service-single .single-service-title {
        font-size: 22px;
    }

    .about-titles .about-title {
        font-size: 35px;
        text-transform: uppercase;
        line-height: normal;
    }

    .cont-prom {
        flex-direction: column;
    }

    .service-section-title {
        margin-bottom: 50px;
    }

    .service-single {
        margin-bottom: 30px;
    }

    .last-ser {
        margin-bottom: 0px;
    }

    .col-cont {
        display: contents;
    }

    .cicrl-list-img {
        display: none !important;
    }

    .step-element1 {
        margin-top: 60px;
    }

    .proc-work {
        flex-direction: column;
        gap: 0px;
    }

    .code-drive {
        width: 340px;
    }

    .sty-font,
    .sty-font span,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .work-res,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h4 {
        font-size: 18px;
    }

    .dsn-btn-shape {
        display: none;
    }

    .add-cont {
        display: flex !important;
        flex-direction: column;
        gap: 30px;
    }

    .font-sac {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
    }

    .mail-siz {
        font-size: 15px;
    }

    .sm-title-block {
        font-size: 16px;
    }

    .bootstrap-scope .sticky-top {
        display: flex;
        justify-content: center;
    }

    .footer-header .social-box p {
        display: none;
    }

    .title-md {
        font-size: 50px;
    }

    .footer .footer-bottom {
        gap: 10px;
        align-items: center;
    }

    .mar-why {
        margin-bottom: 40px;
    }


    .mar-headd {
        font-size: 20px;
    }

    .padd-btt {
        padding: 100px 0px;
    }

    .sub-section .sub-title .rel {
        font-size: 11px;
    }

    .bootstrap-scope .mb-5.mar-edu {
        margin-bottom: 0px !important;
    }

    .bootstrap-scope .col-md-7 {
        flex: 0 0 auto;
        width: 100% !important;
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .content-inner-wrap .content-inner {
        overflow: hidden;
        position: relative;
        --scale: calc(1 + (.2 * var(--scroll-length) * var(--visible-y)));
        will-change: transform;
        transform: scale(calc(1 / var(--scale)));
    }

    .content-inner-wrap {
        --scroll-length: 1.5;
    }

    .border-767-none {
        border: none !important;
    }

    .content-absolute-767 {
        position: absolute;
    }

    .w-767-100 {
        width: 100% !important;
    }

    .position-relative-767 {
        position: relative !important;
    }

    .res-hober {
        margin-top: 50px;
    }

    .bootstrap-scope .w-50 {
        width: 100% !important;
    }

    .bootstrap-scope .sticky-top {
        position: static !important;
    }

    .res-impact {
        display: contents;
    }

    .our-services.services-hover .services-item:hover li:nth-of-type(3) {
        --tran-li: none;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 75px;
    }

    .res-paadd {
        padding: 100px 0px;
    }

    .site-header.dsn-hamburger ul.res-navb,
    .site-header.dsn-hamburger ul.res-navb ul {
        padding-left: 0px;
    }

    .site-header.dsn-hamburger ul.res-navb li {
        margin: 10px 0px;
    }

    .engi-size {
        font-size: 28px;
    }

    .wcu-area-side-content {
        display: block;
    }

    .res-year {
        position: relative;
    }

    .res-yeshap {
        position: absolute;
        top: 240px;
        left: 70px;
    }

    .wcu-area-side-img-content img {
        height: 100px;
    }

    .wcu-area-side-img-content h3 {
        font-size: 25px;
    }

    .font-bann {
        font-size: 11px;
    }

    .res-year {
        display: none;
    }

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: fit-content;
    }

    .hober-ress {
        margin-top: 0px !important;
    }

    .career-page-banner-area .content h1.code-withsse,
    .creative-agency-section-title .left-side .haed-carr {
        font-size: 40px;
    }
}

@media only screen and (min-width: 622px) and (max-width: 767px) {

    .wcu-area-side-img-content {
        margin-top: -120px;
        margin-left: 160px;
    }

    .fanfuct-section .title h3 {
        font-size: 46px;
    }

    .card1,
    .card2 {
        flex-direction: row;
        gap: 3px;
    }

    .res-gri {
        display: grid !important;
        grid-template-columns: auto auto;
    }

    .wcu-area-circle-img {
        width: 370px;
        height: 370px;
        margin-left: 115px;
        margin-top: 20px;
    }

    .heal-mar {
        margin-top: 50px;
    }

    .heal-mar-tpp {
        margin-top: 0px;
    }

    .healll img {
        height: 212px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 621px) {

    .wcu-area-side-img-content {
        position: relative;
        margin-top: -120px;
        margin-left: 50px;
    }

    .wcu-area-circle-img {
        width: 370px;
        height: 370px;
        margin-left: 2px;
        margin-top: 0px;
        animation: none;
    }

    .fanfuct-section .title h3 {
        font-size: 35px;
    }



}

@media only screen and (min-width: 398px) and (max-width: 575px) {


    .info-box-ce {
        gap: 10px;
    }

    .info-title-ce {
        font-size: 16px;
    }

    .footer .links li a {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .footer .links ul {
        gap: 15px;
    }

    .footer .cop {
        font-size: 12px;
    }

    .aximo-iconbox-icon3,
    .aximo-iconbox-shape {
        display: none;
    }

    .industry-box {
        font-size: 19px;
    }

    .our-services.services-hover .services-item .cat ul li {
        font-size: 7px;
    }

    .gap-parraa {
        gap: 0px;
    }

    .sub-section .sub-title .iblock {
        display: none;
    }

    .aximo-iconbox-data3 h3 {
        font-size: 21px;
    }

    .aximo-default-content .bank-head,
    .faq-leff,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 35px;
    }

    .faq-item-111 label {
        font-size: 16px;
    }

    .faq-content-11 p {
        font-size: 15px;
    }

    .term-size {
        font-size: 28px;
    }

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: auto;
    }

    .title-lg {
        font-size: 70px;
        line-height: 75px;
    }

    .fanfuct-section .title h3 {
        font-size: 28px;
        line-height: 55px;
    }

    .team-single {
        .team-member-name {
            font-size: 20px;
        }
    }

    .team-single {
        &:hover .team-member-name {
            font-size: 20px;
        }
    }


    .col-lagg {
        width: auto;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .prom-row {
        padding: 0 15px;
    }

    .service-single .single-service-title {
        font-size: 22px;
    }

    .about-titles .about-title {
        font-size: 25px;
        line-height: normal;
    }

    .cont-prom {
        flex-direction: column;
    }

    .service-section-title {
        margin-bottom: 20px;
    }

    .service-single {
        margin-bottom: 30px;
    }

    .last-ser {
        margin-bottom: 0px;
    }

    .col-cont {
        display: contents;
    }

    .cicrl-list-img {
        display: none !important;
    }

    .step-element1 {
        margin-top: 60px;
    }

    .proc-work {
        flex-direction: column;
        gap: 0px;
    }

    .sty-font,
    .sty-font span,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number,
    .logi-hjeader {
        font-size: 28px;
        line-height: normal;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a.vnmpp {
        font-size: 40px;
    }

    .sty-font {
        margin-bottom: 10px;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h4 {
        font-size: 18px;
    }

    .fom-flee {
        flex-direction: column;
        gap: 0px;
    }

    .work-res {
        text-align: left;
        font-size: 35px;
    }

    .sm-title-block {
        font-size: 13px;
    }

    .bootstrap-scope .sticky-top {
        display: flex;
        justify-content: center;
    }

    .footer-header .social-box p {
        display: none;
    }

    .next-page .social-box li {
        width: 115px;
    }

    .next-page .social-box ul {
        gap: 10px;
    }

    .title-md {
        font-size: 50px;
    }

    .about-section-sm .content .title-md {
        line-height: 45px;
        font-size: 28px;
    }

    .footer .footer-bottom {
        gap: 10px;
        align-items: center;
    }

    .mar-why {
        margin-bottom: 40px;
    }

    .mar-why h2 {
        font-size: 25px;
        text-transform: capitalize;
        line-height: normal;
    }

    .mar-headd {
        font-size: 18px !important;
    }

    .padd-btt {
        padding: 100px 0px;
    }

    .sub-section .sub-title .rel {
        font-size: 10px;
    }

    .bootstrap-scope .mb-5.mar-edu {
        margin-bottom: 0px !important;
    }

    .bootstrap-scope .col-md-7 {
        flex: 0 0 auto;
        width: 100% !important;
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .content-inner-wrap .content-inner {
        overflow: hidden;
        position: relative;
        --scale: calc(1 + (.2 * var(--scroll-length) * var(--visible-y)));
        will-change: transform;
        transform: scale(calc(1 / var(--scale)));
    }

    .content-inner-wrap {
        --scroll-length: 1.5;
    }

    .border-767-none {
        border: none !important;
    }

    .content-absolute-767 {
        position: absolute;
    }

    .w-767-100 {
        width: 100% !important;
    }

    .position-relative-767 {
        position: relative !important;
    }

    .res-hober {
        margin-top: 50px;
    }

    .bootstrap-scope .w-50 {
        width: 100% !important;
    }

    .bootstrap-scope .sticky-top {
        position: static !important;
    }

    .res-impact {
        display: contents;
    }

    .our-services.services-hover .services-item:hover li:nth-of-type(3) {
        --tran-li: none;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 53px;
    }

    .res-paadd {
        padding: 60px 0px;
    }

    .site-header.dsn-hamburger ul.res-navb,
    .site-header.dsn-hamburger ul.res-navb ul {
        padding-left: 0px;
    }

    .site-header.dsn-hamburger ul.res-navb li {
        margin: 10px 0px;
    }

    .engi-size {
        font-size: 30px;
    }

    .main-header .container-content .content-float ul li {
        font-size: 13px;
    }

    .card1,
    .card2 {
        flex-direction: column;
        gap: 0px;
    }

    .wcu-area-circle-img {
        width: 370px;
        height: 370px;
        margin-left: 2px;
        margin-top: 0px;
        animation: none;
    }

    .wcu-area-side-content {
        display: block;
    }

    .wcu-area-side-img-content {
        position: relative;
        margin-top: -120px;
        margin-left: 50px;
    }

    .res-year {
        position: relative;
    }

    .res-yeshap {
        position: absolute;
        top: 240px;
        left: 65px;
    }

    .wcu-area-side-img-content img {
        height: 100px;
    }

    .wcu-area-side-img-content h3 {
        font-size: 25px;
    }

    .font-bann {
        font-size: 11px;
    }

    .code-drive {
        font-size: 18px;
    }

    .title-block {
        letter-spacing: 2px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 398px) and (max-width: 500px) {
    .step-working-processwrap .step-working-processitem .process-btn svg {
        width: 370px;
    }

    .step-working-processwrap .step-working-processitem .process-btn::before {
        width: 330px;
    }
}

@media only screen and (min-width: 415px) and (max-width: 541px) {
    .mar-why h2 {
        font-size: 33px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 438px) {
    .mar-why h2 {
        font-size: 30px;
    }
}

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

    .wok-togr,
    .comme-leve {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .industry-box {
        font-size: 19px;
    }

    .our-services.services-hover .services-item .cat ul li {
        font-size: 8px;
    }

    .sub-section .sub-title .rel {
        font-size: 9px;
    }

    .gap-parraa {
        gap: 0px;
    }

    .sub-section .sub-title .iblock {
        display: none;
    }

    .aximo-iconbox-data3 h3 {
        font-size: 21px;
    }

    .aximo-default-content .bank-head,
    .faq-leff,
    .aximo-section-title-11.familjen-grotesk h2 {
        font-size: 35px;
    }

    .faq-item-111 label {
        font-size: 16px;
    }

    .faq-content-11 p {
        font-size: 15px;
    }

    .ui-row {
        padding: 0 15px;
    }

    .aximo-default-content h2 {
        font-size: 35px;
    }

    .aximo h2 {
        font-size: 35px;
        line-height: 1.1;
        letter-spacing: inherit;
    }

    .footer .links li a {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: auto;
    }

    .term-size {
        font-size: 25px;
    }

    .fanfuct-section .title h3 {
        font-size: 28px;
        line-height: 55px;
    }

    .team-single {
        .team-member-name {
            font-size: 20px;
        }
    }

    .team-single {
        &:hover .team-member-name {
            font-size: 20px;
        }
    }

    .col-lagg {
        width: auto;
    }

    .pasd-team {
        flex: 0 0 80%;
        max-width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .prom-row {
        padding: 0 15px;
    }

    .service-single .single-service-title {
        font-size: 22px;
    }

    .about-titles .about-title {
        font-size: 35px;
        line-height: normal;
    }

    .cont-prom {
        flex-direction: column;
    }

    .service-section-title {
        margin-bottom: 20px;
    }

    .service-single {
        margin-bottom: 30px;
    }

    .last-ser {
        margin-bottom: 0px;
    }

    .col-cont {
        display: contents;
    }

    .cicrl-list-img {
        display: none !important;
    }

    .creative-agency-section-title .left-side h2 {
        font-size: 30px !important;
        text-align: center;
    }

    .feature-area .section-title {
        font-size: 25px;
    }

    .step-element1 {
        margin-top: 60px;
    }

    .proc-work {
        flex-direction: column;
        gap: 0px;
    }

    .info-box-ce {
        gap: 0;
    }

    .info-title-ce {
        font-size: 16px;
    }

    .sty-font span,
    .service-wrapper1 ul .service-list1 .content1 h3,
    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h3 a,
    .service-single .service-number,
    .sty-font,
    .serv-head,
    .logi-hjeader {
        font-size: 24px;
        margin: 10px 0px;
        line-height: normal;
    }

    .inner-servece {
        grid-template-columns: auto;
    }

    .margg-tppp {
        margin-top: 10px;
    }

    .our-services.services-personal .service-item {
        padding-top: 0;
    }

    .res-serv11 {
        font-size: 23px;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 .vidsii a {
        font-size: 40px;
        margin: 0;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 .vidsii {
        margin: 0;
    }

    .service-wrapper1 ul .service-list1.white-text-style1 .content1 h4 {
        font-size: 18px;
    }

    .font-bann {
        font-size: 11px;
    }

    .fom-flee {
        flex-direction: column;
        gap: 0px;
    }

    .work-res {
        text-align: left;
        font-size: 35px;
        text-transform: capitalize;
    }

    .proj-conta {
        font-size: 13px;
    }

    .next-page .social-box li {
        width: 115px;
    }

    .next-page .social-box ul {
        gap: 10px;
    }

    .title-md {
        font-size: 50px;
    }

    .footer .footer-bottom {
        gap: 10px;
        align-items: center;
    }

    .mar-why {
        margin-bottom: 40px;
    }

    .mar-why h2 {
        font-size: 28px;
    }

    .mar-headd {
        font-size: 18px !important;
        line-height: normal;
    }

    .padd-btt {
        padding: 100px 0px;
    }

    .bootstrap-scope .mb-5.mar-edu {
        margin-bottom: 0px !important;
    }

    .bootstrap-scope .col-md-7 {
        flex: 0 0 auto;
        width: 100% !important;
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .content-inner-wrap .content-inner {
        overflow: hidden;
        position: relative;
        --scale: calc(1 + (.2 * var(--scroll-length) * var(--visible-y)));
        will-change: transform;
        transform: scale(calc(1 / var(--scale)));
    }

    .content-inner-wrap {
        --scroll-length: 1.5;
    }

    .border-767-none {
        border: none !important;
    }

    .content-absolute-767 {
        position: absolute;
    }

    .w-767-100 {
        width: 100% !important;
    }

    .position-relative-767 {
        position: relative !important;
    }

    .step-working-processwrap .step-working-processitem .process-btn svg {
        width: 360px;
    }

    .step-working-processwrap .step-working-processitem .process-btn::before {
        width: 330px;
    }

    .res-hober {
        margin-top: 50px;
    }

    .bootstrap-scope .w-50 {
        width: 100% !important;
    }

    .bootstrap-scope .sticky-top {
        position: static !important;
    }

    .res-impact {
        display: contents;
    }

    .our-services.services-hover .services-item:hover li:nth-of-type(3) {
        --tran-li: none;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 50px;
    }

    .res-paadd {
        padding: 50px 0px;
    }

    .site-header.dsn-hamburger ul.res-navb,
    .site-header.dsn-hamburger ul.res-navb ul {
        padding-left: 0px;
    }

    .site-header.dsn-hamburger ul.res-navb li {
        margin: 10px 0px;
    }

    .engi-size {
        font-size: 37px;
    }

    .title-lg {
        font-size: 60px;
        line-height: 80px;
    }

    .main-header .container-content .content-float ul li {
        font-size: 12px;
    }

    .card1,
    .card2 {
        flex-direction: column;
        gap: 0px;
    }

    .wcu-area-circle-img {
        width: 370px;
        height: 370px;
        margin-left: 0px;
        margin-top: 0px;
        animation: none;
    }

    .wcu-area-side-content {
        display: block;
    }

    .wcu-area-side-img-content {
        position: relative;
        margin-top: -120px;
        margin-left: 50px;
    }

    .res-year {
        position: relative;
    }

    .res-yeshap {
        position: absolute;
        top: 240px;
        left: 65px;
    }

    .wcu-area-side-img-content img {
        height: 100px;
    }

    .wcu-area-side-img-content h3 {
        font-size: 25px;
    }

    .title-block {
        font-size: 18px;
    }

}

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

    .process__title.title-lg {
        font-size: 50px;
    }

    .process__title.title-lg.pilla-para {
        font-size: 28px;
    }

    .col-jobss.col-job-11 {
        display: flex;
        justify-content: flex-end;
    }

    .process__steps {
        display: grid;
        grid-template-columns: auto;
    }

    .container.container__process {
        padding-left: 15px;
        padding-right: 15px;
    }

    #myVideo {
        width: 100%;
    }

    .desk-bannn {
        display: none;
    }

    .mobb-abnne {
        display: block;
    }

    .desk-abott {
        display: none;
    }

    .mobb-abvtt {
        display: block;
    }


    .marg-autoooa {
        width: 100%;
    }

    .legal-services {
        gap: 0;
    }

    .single-blog-post .image img {
        width: auto;
        height: auto;
    }

    .padd-leftii {
        padding-right: 0px;
    }

    .padd-leftii-11 {
        padding-right: 0px;
    }

    .padd-leftii-12 {
        padding-left: 0px;
    }

    .def-head {
        font-size: 17px;
    }

    .data-padd {
        padding-top: 10px;
    }

    .aximo-title-icon {
        display: none;
    }

    .single-blog-post .content .head-blogg {
        padding-right: 0px;
        font-weight: 300;
    }

    .items-sysus {
        flex-direction: column;
    }

    .blog-page-banner-area .content .wid-blog {
        text-align: start;
    }

    .content.bloggs-contents {
        align-items: self-start;
    }

    .blog-page-banner-area .content h1.futu-tech {
        font-size: 40px;
    }

    .header-no-bg .icon-s {
        display: none;
    }

    .why-mobb {
        display: block;
    }

    .desk-why {
        display: none;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
        left: 230px;
    }

    .main-logo img {
        width: 40px;
    }

    .industry-grid {
        display: grid;
        grid-template-columns: auto;
        gap: 20px;
    }

    .marg-tpp {
        margin-top: 10px;
    }

    .col-md-6.intelli {
        padding-top: 20px;
    }

    .cs_img_section {
        margin-top: 50px;
    }

    .cs_modern_needs.cs_style .cs_col_md_672 .cs_img_section .cs_img_card_text {
        display: none;
    }

    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head,
    .cs_section_title_3 {
        font-size: 32px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title.intelcproce {
        font-size: 16px;
    }

    .cs_modern_needs.cs_style.modermnn-res {
        display: contents;
    }

    .sust-para {
        font-size: 15px;
    }

    .quanto-codd {
        display: flex;
        flex-direction: column-reverse;
    }

    .cs_startup_agency.cs_card {
        width: auto;
    }

    .cs_startup_agency.cs_card.cs_mr_left {
        left: 0px;
    }

    .cs_shape_wrap_3 .cs_shape_2 {
        bottom: 2%;
    }

    .row-vixa {
        padding: 0 15px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title.marbtt-cssty {
        font-size: 35px;
        font-weight: 900;
        margin-bottom: 30px;
    }

    .aximo-default-content .bank-head {
        margin-top: 30px;
    }

    .aximo-v6-thumb1 {
        margin-left: 0px;
        border-radius: 20px;
        overflow: hidden;
        transform: none;
    }


    .aximo-iconbox-column {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .aximo-iconbox-data7 {
        margin-bottom: 30px;
    }

    .aximo-video-popup3 {
        position: relative;
        margin-left: 0px;
        margin-top: 30px;
    }

    .aximo-iconbox-data7 h3 {
        font-size: 22px;
    }

    .aximo-hero-content4 h1 {
        font-size: 35px;
    }

    .carer-head {
        font-size: 35px !important;
        line-height: normal;
    }

    .aximo-hero-content4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .aximo-hero-content4 h1 {
        text-align: center;
        font-size: 29px;
    }

    .aximo-hero-section4 {
        margin: 0 12px;
    }

    .aximo-hero-content4 .aximo-hero-btn-wrap {
        margin-top: 20px;
    }

    .aximo-hero-content4 p {
        margin-bottom: 20px;
        padding-right: 0px;
        text-align: center;
    }

    .aximo-hero-title {
        gap: 10px;
    }

    .texttt-para {
        text-align: start;
    }

    .res-uii {
        padding: 0px !important;
    }

    .itemm-tpp {
        margin-top: 50px;
    }

    .res-statt,
    .aximo-errors-btn.contact-us {
        display: none;
    }

    .aximo-default-content .hed-acc {
        font-size: 48px;
    }

    .padd-leff {
        padding-left: 0px;
    }

    .norma-itmm {
        margin-bottom: 0px;
    }

    .creative-agency-section-title .left-side h2.max-fon {
        margin-bottom: 24px;
        font-size: 30px;
        line-height: 1.1;
        letter-spacing: 0;
        text-transform: capitalize;
    }

    .aximo-iconbox-data5 h3 {
        font-size: 23px;
    }

    .ui-row {
        padding: 0 15px;
    }

    .aximo-title-icon.cloudd,
    .aximo-title-icon.aii {
        display: none;
    }

    .aximo-default-content h2 {
        font-size: 35px;
    }

    .aximo-def {
        margin-top: 50px;
    }

    .axim-mard {
        margin-bottom: 0px;
    }

    .aximo-section-title {
        padding-bottom: 50px;
    }

    .aximo-accordion-normal-data h4 {
        font-size: 20px;
    }


    .clou-abtt {
        justify-content: flex-start;
    }

    .section-title-11 {
        font-size: 35px;
    }

    .info-area .info-points {
        display: none;
    }

    .about-area .section-content {
        display: flex;
        flex-direction: column;
    }

    .info-area-inner .area-shape-1 {
        position: absolute;
        top: 10px;
        right: -24px;
    }

    .res-btt {
        padding-bottom: 0px;
    }

    .ttp-res {
        padding-top: 150px;
    }

    .info-area .info-box {
        max-width: fit-content;
    }

    .info-area-inner {
        display: flex;
        gap: 0px;
    }

    .info-area .info-box .text {
        width: fit-content;
    }

    .info-area .info-box .text {
        margin-top: 40px;
        max-width: fit-content;
    }

    .info-area .infos-wrapper>*:nth-child(2) {
        margin-inline-start: unset;
    }

    .feature-area .section-header .text {
        max-width: fit-content;
        margin-inline-start: auto;
    }

    .feature-area .section-title {
        font-size: 32px;
    }

    .feature-box .title {
        font-size: 24px;
    }

    .feature-box {
        padding: 0;
        border-inline-end: none;
    }

    .feature-box .content {
        margin-top: 19px;
    }

    .feature-area .features-wrapper {
        display: flex;
        flex-direction: column;
        margin: 0px;
        gap: 50px;
    }

    .carg-roww {
        flex-direction: column;
    }

    .wid-serv {
        width: auto;
    }

    .site-header {
        left: 8px;
        right: 8px;
    }

    .res-single {
        margin-bottom: 0px;
    }

    .single-blog-post .content .head-blogg {
        font-size: 17px;
    }

    .inde-blog {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .wid-serv {
        width: auto;
    }

    .grid-lg-3.grid-item-res {
        grid-template-columns: none;
    }

    .d-grid:not(.dsn-isotope):not(.align-items-center, .align-items-end).desk-work {
        display: none;
    }

    .d-grid:not(.dsn-isotope):not(.align-items-center, .align-items-end).mobil-workk {
        display: block;
    }

    .over-flexx {
        align-items: flex-start;
    }

    .padd-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .graa-work {
        padding-bottom: 100px;
    }

    .impact-list .item {
        padding-bottom: 25px;
        padding-top: 25px;
    }

    .impact-list .item .icon {
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
    }

    .impact-list .item .content {
        margin-left: 0;
        margin-bottom: 12px;
    }

    .impact-list .item .content h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .impact-list .item .content span {
        font-size: 18px;
    }

    .impact-list .item p {
        font-size: 15px;
        max-width: 100%;
        margin-left: 0;
    }

    .project-details-area {
        padding-top: 100px;
    }

    .project-details-content {
        margin-bottom: 50px;
    }

    .project-details-content .title {
        max-width: 100%;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 10px;
    }

    .project-details-content .title h1 {
        font-size: 35px;
    }

    .project-details-content .info {
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .project-details-content .info span {
        font-size: 17px;
    }

    .project-details-content .info h3 {
        font-size: 17px;
    }

    .project-details-info {
        margin-top: 0;
        padding-bottom: 25px;
    }

    .project-details-info div {
        margin-top: 25px;
    }

    .project-details-info h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .project-details-info span {
        font-size: 17px;
    }

    .project-details-info a {
        font-size: 17px;
    }

    .design-principles-content {
        margin-bottom: 30px;
    }

    .design-principles-content .image {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .design-principles-content .content {
        padding-left: 0;
    }

    .design-principles-content .content p {
        font-size: 15px;
    }

    .design-principles-list .item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .design-principles-list .item .title {
        margin-bottom: 20px;
    }

    .design-principles-list .item .title .number {
        width: 50px;
        height: 50px;
    }

    .design-principles-list .item .title h3 {
        margin-left: 15px;
        font-size: 20px;
    }

    .design-principles-list .item .content {
        max-width: 100%;
    }

    .design-principles-list .item .content p {
        font-size: 15px;
    }

    .work-paadd {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-wok {
        padding-left: 0px;
    }

    .work-col {
        padding-right: 0px;
    }

    .marketing-agency-section-title h2 {
        font-size: 35px;
    }

    .blog-act {
        padding-top: 100px;
    }

    .works-list .item {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .works-list .item .title {
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .works-list .item .title .number {
        top: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        position: relative;
        margin-bottom: 15px;
        transform: translateY(0);
    }

    .works-list .item .title h3 {
        font-size: 20px;
    }

    .works-list .item .image {
        margin-left: 0;
        margin-right: 0;
    }

    .works-list .item .image .link-btn {
        width: 110px;
        height: 110px;
        padding-top: 30px;
    }

    .works-list .item .content {
        padding-right: 0;
        margin-left: 0;
        margin-top: 20px;
    }

    .works-list .item .content .categories {
        margin-top: -5px;
    }

    .works-list .item .content .categories li a {
        padding: 5px 15px;
    }

    .more-project-btn {
        margin-top: 27px;
    }

    .works-shorting-menu {
        margin-bottom: 20px;
    }

    .works-shorting-menu .filter {
        padding: 7px 25px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .marketing-agency-services-section-title {
        text-align: center;
        margin-bottom: 35px;
    }

    .marketing-agency-services-section-title h2 {
        font-size: 35px;
        max-width: 485px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .marketing-agency-services-section-title .link-btn {
        width: 100px;
        height: 100px;
        margin-top: 10px;
        line-height: 98px;
    }

    .case-studies-list {
        margin-right: 0;
    }

    .case-studies-list .item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .case-studies-list .item h3 {
        font-size: 24px;
        max-width: 100%;
        margin-bottom: 13px;
    }

    .case-studies-list .item .link-btn {
        right: 0;
        width: 50px;
        height: 50px;
        margin-top: 15px;
        position: relative;
        border: 1px solid #e9ebf1;
    }

    .case-studies-image {
        margin-left: 0;
        margin-top: 25px;
    }

    .case-studies-image img {
        margin-bottom: 15px;
    }

    .single-case-study-item .image {
        border-radius: 10px;
    }

    .single-case-study-item .image img {
        border-radius: 10px;
    }

    .single-case-study-item .content {
        margin-top: 18px;
    }

    .single-case-study-item .content .sub-title {
        margin-bottom: 10px;
    }

    .single-case-study-item .content h3 {
        margin-bottom: 18px;
        max-width: 100%;
        font-size: 20px;
    }

    .single-case-study-item .content .features-list li {
        padding-left: 28px;
        margin-bottom: 15px;
    }

    .single-case-study-item .content .features-list li i {
        width: 18px;
        height: 18px;
        font-size: 14px;
        padding-left: 0;
        line-height: 16px;
    }

    .single-case-study-item .content .link-btn {
        margin-top: 18px;
    }

    .view-projects-btn {
        margin-top: 5px;
    }

    .case-studies-lines .item {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .case-studies-lines .item .image {
        left: 0;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .case-studies-lines .item .content {
        margin-left: 0;
        padding-left: 0;
    }

    .case-studies-lines .item .content .number {
        position: relative;
        margin-bottom: 17px;
    }

    .case-studies-lines .item .content h3 {
        font-size: 22px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .case-studies-lines .item .content p {
        font-size: 14px;
        max-width: 100%;
    }

    .case-studies-lines .item .content .link-btn {
        font-size: 15px;
        margin-top: 15px;
        position: relative;
    }

    .case-studies-lines .item:first-child {
        padding-top: 25px;
    }

    .gap-faqq {
        gap: 0px;
    }

    .funda-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .innvo-exec {
        padding-left: 0px;
    }

    .boost-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .boost-content h2 {
        font-size: 35px;
        max-width: 100%;
        margin-bottom: 18px;
    }

    .boost-content h2 img {
        display: none;
    }

    .boost-content p {
        max-width: 100%;
    }

    .boost-content::before {
        display: none;
    }

    .boost-content .icons {
        margin-top: -5px;
    }

    .boost-content .icons div {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: inline-block;
        width: 70px !important;
        height: 70px !important;
        font-size: 38px !important;
        position: relative !important;
        margin-top: 15px;
        margin-left: 7.5px;
        margin-right: 7.5px;
    }

    .boost-content .icons div:first-child {
        margin-left: 0;
    }

    .boost-content .icons div:last-child {
        margin-right: 0;
    }

    .values-area {
        padding-bottom: 35px;
    }

    .single-value-item {
        margin-bottom: 25px;
        border-right-width: 0;
    }

    .single-value-item .icon {
        margin-bottom: 20px;
    }

    .single-value-item h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .single-value-item p {
        max-width: 100%;
    }

    .projects-list {
        display: block;
    }

    .projects-list .project-item {
        height: auto;
        margin-bottom: 25px;
        padding-bottom: 25px;
        width: auto !important;
        border-right: none;
        border-bottom: 1px solid var(--blackColor);
    }

    .projects-list .project-item .title {
        display: none;
    }

    .projects-list .project-item .details {
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        transform: translateY(0);
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .projects-list .project-item .details .content {
        padding-left: 0;
        padding-right: 0;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 13px;
        font-size: 30px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 70px;
        height: 70px;
        font-size: 35px;
        margin-top: 5px;
    }

    .projects-list .project-item.active {
        width: auto !important;
    }

    .projects-list .project-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .works-process-list {
        margin-top: 0;
    }

    .works-process-list .item {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .works-process-list .item .icon {
        margin-bottom: 22px;
    }

    .works-process-list .item h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .works-process-content {
        padding-right: 0;
    }

    .works-process-content h1 {
        font-size: 25px;
        margin-bottom: 35px;
    }

    .works-process-lines {
        margin-top: 25px;
        margin-left: 0;
    }

    .works-process-lines .item {
        padding-left: 50px;
        padding-bottom: 25px;
    }

    .works-process-lines .item .number {
        top: 0;
    }

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

    .works-process-lines .item hr {
        margin: 15px 0 0;
    }

    .works-process-lines .item::before {
        margin-top: 45px;
        margin-bottom: 0;
    }

    .works-page-banner-area .left-side .sub-title {
        margin-bottom: 8px;
    }

    .works-page-banner-area .left-side h1 {
        font-size: 40px;
    }

    .works-page-banner-area .right-side {
        top: 0;
        max-width: 100%;
        margin-left: 0;
        margin-top: 16px;
    }

    .about-content p {
        font-size: 22px;
    }

    .about-image {
        margin-left: 0;
        padding-bottom: 10px;
    }

    .about-image .number {
        font-size: 35px;
    }

    .about-btn {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .about-funfacts {
        margin-bottom: 30px;
    }

    .about-funfacts p {
        max-width: 100%;
    }

    .about-funfacts .funfacts {
        margin-top: 30px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 8px;
        font-size: 35px;
    }

    .about-video-box .video-btn {
        width: 80px;
        height: 80px;
        font-size: 40px;
    }

    .about-features-list {
        margin-top: 30px;
        text-align: center;
        padding-bottom: 30px;
    }

    .about-features-list ul li {
        font-size: 17px;
        padding-left: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .expertise-grid {
        padding: 50px 20px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 50px;
    }

    .why-choose-us-middle-side {
        margin-top: 0px;
    }

    .res-why-row {
        flex-direction: column;
    }

    .why-middle {
        order: -1;
    }

    .why-choose-us-left-side .sub-title,
    .why-choose-us-middle-side .link-btn {
        display: none;
    }

    .why-choose-us-right-side p {
        font-size: 15px;
        width: fit-content;
    }

    .services-page-banner-area .content .left-side h1 {
        margin-bottom: 20px;
    }

    .why-choose-us-middle-side h2 {
        font-size: 40px;
        color: #F2B127;
        letter-spacing: 0;
    }

    .single-service-item {
        border-radius: 10px;
        padding: 110px 20px 65px;
    }

    .single-service-item .link-btn {
        top: 20px;
        width: 50px;
        right: 20px;
        height: 50px;
        font-size: 25px;
    }

    .single-service-item h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .single-service-item::before {
        left: 20px;
        bottom: 35px;
    }

    .services-list-style-two .item {
        padding-top: 25px;
        padding-bottom: 0px;
    }

    .services-list-style-two .item h3 {
        font-size: 20px;
    }

    .services-list-style-two .item p {
        max-width: 100%;
        margin-left: 0;
        margin-top: 13px;
    }

    .services-list-style-two .item .link-btn {
        width: 50px;
        height: 50px;
        margin-top: 20px;
    }

    .services-list-style-two .item .image {
        top: -75px;
        right: 0;
        opacity: 1;
        position: relative;
        visibility: visible;
        transform: translateY(0);
    }

    .single-feature-item .line {
        margin-bottom: 25px;
    }

    .single-feature-item h3 {
        font-size: 20px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .single-feature-item p {
        max-width: 100%;
    }

    .col-lg-3:last-child .single-feature-item::after {
        display: none;
    }

    .digital-agency-banner-content .sub-title {
        margin-bottom: 10px;
    }

    .digital-agency-banner-content h1 {
        margin-bottom: 20px;
        line-height: 1.2;
        font-size: 30px;
    }

    .services-page-banner-area .content .left-side h1 {
        font-size: 30px;
    }

    .why-choose-us-left-side p,
    .why-choose-us-left-side .title {
        max-width: fit-content;
    }

    .digital-agency-banner-content .ratings {
        margin-top: 20px;
    }

    .digital-agency-banner-content .ratings span {
        margin-top: 17px;
    }

    .digital-agency-banner-content .users {
        margin-top: 17px;
    }

    .digital-agency-banner-content .users img {
        margin-right: 5px;
    }

    .digital-agency-banner-content .users span {
        margin-left: -5px;
    }

    .digital-agency-banner-image {
        margin-left: 0;
        margin-top: 25px;
    }

    .digital-agency-banner-image p {
        margin-top: 25px;
    }

    .single-blog-post .content {
        margin-top: 15px;
    }

    .single-blog-post .content .date {
        margin-bottom: 8px;
    }

    .single-blog-post .content h3 {
        font-size: 22px;
        padding-right: 0;
        padding-bottom: 0;
    }

    .single-blog-post .content h3::before {
        display: none;
    }

    .single-blog-post .content .link-btn {
        margin-top: 13px;
    }

    .single-blog-post .content .link-btn i {
        margin-left: 8px;
    }

    .blogs-list .item {
        margin-bottom: 25px;
    }

    .blogs-list .item .content {
        max-width: 100%;
    }

    .blogs-list .item .content .date {
        margin-bottom: 10px;
    }

    .blogs-list .item .content h3 {
        font-size: 24px;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .blogs-list .item .content p {
        max-width: 100%;
    }

    .blogs-list .item .content .link-btn {
        top: 0;
        width: 50px;
        height: 50px;
        margin-top: 15px;
        position: relative;
        transform: translateY(0);
    }

    .blogs-list .item .image {
        margin-left: 0;
        margin-top: 10px;
    }

    .dev-blogs-list .blog-item {
        margin-bottom: 30px;
    }

    .dev-blogs-list .blog-item .content {
        left: 0;
        max-width: 100%;
    }

    .dev-blogs-list .blog-item .content h3 {
        margin-bottom: 12px;
        font-size: 22px;
    }

    .dev-blogs-list .blog-item .content p {
        font-size: 15px;
    }

    .dev-blogs-list .blog-item .image {
        margin-top: 20px !important;
        transform: translateY(0);
        visibility: visible;
        position: relative;
        opacity: 1;
        top: 0;
    }

    .dev-blogs-list .blog-item::before {
        display: none;
    }

    .single-blog-item .content {
        margin-top: 18px;
    }

    .single-blog-item .content .sub-title {
        margin-bottom: 10px;
    }

    .single-blog-item .content h3 {
        margin-bottom: 15px;
        max-width: 100%;
        font-size: 20px;
    }

    .view-articles-btn {
        margin-top: 10px;
    }

    .main-blog-buttons {
        margin-bottom: 35px;
        display: grid;
    }

    .main-blog-buttons li {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .main-blog-buttons li a {
        padding: 11px 30px;
    }

    .main-blogs-list {
        margin-bottom: 40px;
    }

    .main-blogs-list .item {
        margin-bottom: 40px;
    }

    .main-blogs-list .item .image {
        margin-right: 0;
    }

    .main-blogs-list .item .image .info {
        margin-top: 20px;
    }

    .main-blogs-list .item .image .info .date .comments {
        position: relative;
        margin-right: 26px;
    }

    .main-blogs-list .item .image .info .date .comments::before {
        top: 50%;
        width: 1px;
        content: "";
        height: 13px;
        right: -15px;
        position: absolute;
        transform: translateY(-50%);
        background: var(--blackColor);
    }

    .main-blogs-list .item .image .info .category {
        color: var(--paragraphColor);
    }

    .main-blogs-list .item .image .info .category:hover {
        color: var(--primaryColor);
    }

    .main-blogs-list .item .content {
        max-width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .main-blogs-list .item .content h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .main-blogs-list .item:nth-child(2) .image,
    .main-blogs-list .item:nth-child(4) .image,
    .main-blogs-list .item:nth-child(6) .image,
    .main-blogs-list .item:nth-child(8) .image,
    .main-blogs-list .item:nth-child(10) .image {
        margin-right: 0;
        margin-left: 0;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .blog-details-desc hr {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .blog-details-desc h3 {
        margin-bottom: 15px;
        font-size: 22px;
    }

    .blog-details-desc img {
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .blog-details-desc .features-list {
        margin-top: 20px;
        margin-bottom: 27px;
    }

    .blog-details-desc .features-list li {
        padding-left: 0px;
        margin-bottom: 15px;
    }

    .blog-details-desc .features-list li::before {
        width: 28px;
        height: 28px;
    }

    .blog-details-desc .features-list li::after {
        left: 10px;
    }

    .comments-area {
        margin-top: 30px;
    }

    .blog-page-banner-area {
        padding-top: 100px;
        padding-left: 15px;
        padding-right: 15px;

    }

    .blog-page-banner-area .content {
        padding-right: 0;
    }

    .blog-page-banner-area .content .sub-title {
        margin-bottom: 10px;
    }

    .blog-page-banner-area .content h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .blog-page-banner-area .content p {
        max-width: 100%;
    }

    .blog-page-banner-area .image {
        margin-left: 0;
        margin-top: 25px;
    }

    .blog-page-banner-area .image img {
        margin-bottom: 20px;
    }

    .blog-page-banner-area .image h3 {
        max-width: 100%;
        font-size: 18px;
    }

    .blog-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-page-banner-area .image .link-btn {
        margin-top: 20px;
    }

    .blog-details-page-banner-area {
        padding-top: 100px;
    }

    .blog-details-page-banner-area .title {
        margin-bottom: 50px;
        max-width: 100%;
    }

    .blog-details-page-banner-area .title .sub-title {
        margin-bottom: 15px;
    }

    .blog-details-page-banner-area .title h1 {
        font-size: 30px;
    }

    .blog-details-page-banner-area .content {
        margin-bottom: 60px;
        padding-bottom: 30px;
    }

    .blog-details-page-banner-area .content h3 {
        font-size: 18px;
    }

    .blog-details-page-banner-area .content .info {
        margin-top: 20px;
    }

    .blog-details-page-banner-area .content .info .author img {
        width: 95px;
        margin-right: 15px;
    }

    .blog-details-page-banner-area .content .info .author h3 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .blog-details-page-banner-area .content .info .author .designation {
        margin-bottom: 7px;
    }

    .blog-details-page-banner-area .content .info .comment {
        padding: 11px 25px;
        margin-top: 20px;
    }

    .page-banner-area {
        padding-top: 100px;
    }

    .page-banner-area .page-banner-content {
        max-width: 100%;
    }

    .page-banner-area .page-banner-content .sub-title {
        margin-bottom: 5px;
    }

    .page-banner-area .page-banner-content h1 {
        font-size: 40px;
    }

    .input-res {
        padding: 0 15px;
    }

    .detai-dev {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 15px;
    }

    .career-details-info {
        padding: 20px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .career-details-info ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .career-details-info ul li span {
        margin-bottom: 10px;
    }

    .career-details-info ul li h3 {
        font-size: 17px;
    }

    .career-details-info button {
        margin-top: 20px;
        padding: 18px;
    }

    .career-details-info button i {
        right: 10px;
    }

    .career-details-desc {
        padding-left: 0;
    }

    .career-details-desc .details h3 {
        font-size: 22px;
    }

    .career-page-banner-area {
        padding-top: 100px;
    }

    .career-page-banner-area .content {
        padding-right: 0;
    }

    .career-page-banner-area .content .sub-title {
        margin-bottom: 7px;
    }

    .career-page-banner-area .content h1 {
        font-size: 26px;
        margin-bottom: 25px;
        line-height: normal;
    }

    .career-page-banner-area .content .funfacts .funfact {
        margin-bottom: 15px;
    }

    .career-page-banner-area .content .funfacts .funfact .number {
        font-size: 35px;
        margin-bottom: 8px;
    }

    .career-page-banner-area .content .funfacts .funfact::before {
        display: none;
    }

    .career-page-banner-area .content .funfacts p {
        max-width: 100%;
    }

    .career-page-banner-area .image {
        margin-left: 0;
        margin-top: 25px;
    }

    .career-details-page-banner-area {
        padding-top: 100px;
    }

    .career-details-page-banner-area .content {
        margin-bottom: 30px;
    }

    .career-details-page-banner-area .content .left-side {
        max-width: 100%;
    }

    .career-details-page-banner-area .content .left-side h1 {
        font-size: 40px;
    }

    .career-details-page-banner-area .content .right-side {
        margin-left: 0;
        margin-top: 5px;
    }

    .career-details-page-banner-area .content .right-side .item {
        margin-right: 0;
        margin-top: 25px;
    }

    .career-details-page-banner-area .content .right-side .item h3 {
        font-size: 16px;
    }

    .career-details-page-banner-area .content .right-side .item span {
        font-size: 18px;
    }

    .terms-padd {
        padding: 100px 0;
    }

    .bootstrap-scope .img-fluid {
        width: 100%;
    }

    .why-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .gappp {
        gap: 0px;
    }

    .fle-fun {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .col-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .pricitle {
        text-align: center;
    }

    .crea-tit {
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .pronci-guid {
        display: none;
    }

    .guide-prion {
        display: block;
    }

    .serv-misiion {
        display: flex;
        flex-direction: column;
    }

    .serv-misiion .content1 {
        order: 1;
    }

    .serv-misiion p {
        order: 2;
    }

    .intel-wecre {
        display: none;
    }

    .wecre-intel {
        display: block;
    }

    .brief-content {
        max-width: 100%;
        margin-left: 0;
    }

    .brief-content .title {
        margin-bottom: 15px;
    }

    .brief-content .funfacts {
        margin-top: 35px;
    }

    .brief-content .funfacts .box {
        padding-right: 5px;
        margin-bottom: 25px;
    }

    .brief-content .funfacts .box .number {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .brief-content .funfacts .box:last-child {
        margin-right: 0;
    }

    .shape1 {
        display: none;
    }

    .about-content p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .about-image {
        margin-left: 0;
        padding-bottom: 10px;
    }

    .about-image .number {
        font-size: 35px;
    }

    .about-btn {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .about-funfacts {
        margin-bottom: 30px;
    }

    .about-funfacts p {
        max-width: 100%;
    }

    .about-funfacts .funfacts {
        margin-top: 30px;
    }

    .about-funfacts .funfacts .item .number {
        margin-bottom: 8px;
        font-size: 35px;
    }

    .about-video-box .video-btn {
        width: 80px;
        height: 80px;
        font-size: 40px;
    }

    .about-features-list {
        margin-top: 30px;
        text-align: center;
        padding-bottom: 30px;
    }

    .about-features-list ul li {
        font-size: 17px;
        padding-left: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .creative-agency-banner-area {
        padding-top: 125px;
        padding-bottom: 0px;
    }

    .creative-agency-banner-content .sub-title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .creative-agency-banner-content .title h1 {
        font-size: 35px;
        line-height: 1.1;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        text-align: center;
        font-size: 35px;
        margin-left: 0;
        margin-top: 0;
    }

    .creative-agency-banner-content .title h1:nth-child(2) span {
        animation: unset;
    }

    .creative-agency-banner-image {
        max-width: 100%;
        margin-top: 25px;
    }

    .creative-agency-banner-image .link-btn {
        bottom: 40px;
        padding-top: 40px;
    }

    .creative-agency-banner-socials {
        max-width: 100%;
        margin-top: 25px;
        margin-left: 0;
    }

    .creative-agency-banner-socials li a {
        padding-left: 30px;
    }

    .creative-agency-banner-text {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 25px;
    }

    .creative-agency-section-title {
        margin-bottom: 35px;
    }

    .creative-agency-section-title .left-side {
        margin-bottom: 18px;
    }

    .creative-agency-section-title .left-side .number {
        margin-bottom: 17px;
    }

    .creative-agency-section-title .left-side h2 {
        font-size: 25px;
        text-transform: capitalize;
        line-height: normal;
    }

    .creative-agency-section-title .left-side h2.auqres-setve {
        font-size: 35px;
    }

    .creative-agency-section-title .left-side h2 span {
        margin-top: 0;
    }

    .creative-agency-section-title .right-side {
        position: relative;
        text-align: start;
        max-width: 100%;
        margin-left: 0;
        top: 0;
    }

    .creative-agency-section-title .right-side .default-btn {
        margin-top: 8px;
    }

    .creative-agency-section-title .right-side .default-btn.mt-0 {
        margin-top: 5px !important;
    }

    .creative-agency-section-title .right-side.style-two {
        max-width: 100%;
    }

    .creative-agency-section-title .right-side .link-btn {
        width: 140px;
        height: 140px;
        padding-top: 39px;
    }

    .creative-agency-section-title .right-side .info {
        max-width: 100%;
        margin-left: 0;
        margin-top: 7px;
    }

    .creative-agency-section-title .right-side .info span {
        margin-bottom: 12px;
        padding-left: 0;
        font-size: 18px;
    }

    .creative-agency-section-title .right-side .info h3 {
        font-size: 55px;
    }


    .projects-circle-list {
        padding-top: 0;
        padding-bottom: 0;
    }

    .projects-circle-list .images {
        position: relative;
    }

    .projects-circle-list .images .image {
        top: 0 !important;
        left: 0 !important;
        position: relative;
        right: 0 !important;
        margin-bottom: 35px;
        bottom: 0 !important;
    }

    .projects-circle-list .images .image .text {
        display: block;
        margin-top: 20px;
    }

    .projects-circle-list .images .image .text h3 {
        margin-bottom: 13px;
        font-size: 22px;
    }

    .projects-circle-list .images .image .text .link-btn {
        margin-top: 12px;
    }

    .projects-circle-list .images .image:last-child {
        margin-bottom: 0;
    }

    .projects-circle-list .contents {
        display: none;
    }

    .projects-list {
        display: block;
    }

    .projects-list .project-item {
        height: auto;
        margin-bottom: 25px;
        padding-bottom: 25px;
        width: auto !important;
        border-right: none;
        border-bottom: 1px solid var(--blackColor);
    }

    .projects-list .project-item .title {
        display: none;
    }

    .projects-list .project-item .details {
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        transform: translateY(0);
    }

    .projects-list .project-item .details .image {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .projects-list .project-item .details .content {
        padding-left: 0;
        padding-right: 0;
    }

    .projects-list .project-item .details .content .number {
        margin-bottom: 13px;
        font-size: 30px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .projects-list .project-item .details .content .link-btn {
        width: 70px;
        height: 70px;
        font-size: 35px;
        margin-top: 5px;
    }

    .projects-list .project-item.active {
        width: auto !important;
    }

    .projects-list .project-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .project-details-area {
        padding-top: 100px;
    }

    .project-details-content {
        margin-bottom: 50px;
    }

    .project-details-content .title {
        max-width: 100%;
    }

    .project-details-content .title .sub-title {
        margin-bottom: 10px;
    }

    .project-details-content .info {
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .project-details-content .info span {
        font-size: 17px;
    }

    .project-details-content .info h3 {
        font-size: 17px;
    }

    .project-details-info {
        margin-top: 0;
        padding-bottom: 25px;
    }

    .project-details-info div {
        margin-top: 25px;
    }

    .project-details-info h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .project-details-info span {
        font-size: 17px;
    }

    .project-details-info a {
        font-size: 17px;
    }

    .cont-marg {
        margin-top: 100px;
        align-items: start;
    }

    .creative-agency-section-title .left-side .haed-carr {
        font-size: 35px;
        text-align: start;
    }

    .row-carr,
    .car-flex {
        flex-direction: column;
    }

    .jobs-list .item {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .jobs-list .item .title {
        font-size: 16px;
    }

    .jobs-list .item .content {
        padding-left: 0;
        margin-top: 13px;
        margin-bottom: 18px;
    }

    .jobs-list .item .content .number {
        display: none !important;
    }

    .jobs-list .item .content h3 {
        font-size: 18px;
        margin-left: 0;
    }

    .jobs-list .item .link-btn {
        text-align: start;
    }

    .jobs-list .item .link-btn a {
        width: 60px;
        height: 60px;
    }

    .single-why-join-box {
        padding: 20px;
    }

    .single-why-join-box .icon {
        margin-bottom: 25px;
    }

    .single-why-join-box h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .jobs-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .res-blowoe {
        flex-direction: column-reverse;
    }

    .act-blog {
        padding-bottom: 100px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .how-we-work-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }

    .how-we-work-box {
        padding: 20px;
    }

    .how-we-work-box h3 {
        max-width: 100%;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .howWeWorkSwiper {
        margin-top: 0;
    }

    .projects-circle-list .images .image .text p {
        color: #ffffff;
    }
}

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

    .fs-size {
        font-size: 18px;
    }

    .card1 .wcu-area-info-card-wrapper,
    .card2 .wcu-area-info-card-wrapper {
        width: fit-content;
    }

    .step-working-processwrap .step-working-processitem .process-btn svg {
        width: 330px;
    }

    .step-working-processwrap .step-working-processitem .process-btn::before {
        width: 300px;
    }

    .add-fo {
        font-size: 16px;
    }

    .proj-conta {
        font-size: 14px;
    }

    .ce-fontt {
        font-size: 16px;
    }

    .wcu-area-side-content {
        display: none;
    }

    .footer .links li a {
        font-size: 10px;
    }

    .footer .links ul {
        gap: 10px;
    }

    .mar-why h2 {
        font-size: 23px;
        text-transform: capitalize;
        line-height: normal;
    }

    .sub-section .sub-title .rel,
    .indust-res {
        font-size: 8px;
    }

    .gap-parraa {
        gap: 0px;
    }

    .industry-box {
        padding: 20px;
        font-size: 17px;
    }

    .sub-section .sub-title .iblock {
        display: none;
    }

    .our-services.services-hover .services-item .title-lg {
        font-size: 40px;
    }

    .our-services.services-hover .services-item .cat ul li {
        font-size: 7px;
        padding: 5px 5px;
        letter-spacing: 0px;
    }

    .service-item img {
        width: 45px;
        height: 45px;
    }

    .engi-size {
        font-size: 33px;
    }

    .fanfuct-section .title h3 {
        font-size: 24px;
    }

    .title-block {
        font-size: 14px;
    }

    .creative-agency-banner-content .title h1 {
        font-size: 35px;
        line-height: 1.1;
    }

    .creative-agency-banner-content .title h1:nth-child(2) {
        text-align: center;
        font-size: 35px;
        margin-left: 0;
        margin-top: 0;
        font-family: "AVGARDD_2", sans-serif;
    }

    .creative-agency-section-title .left-side h2 {
        font-size: 30px;
    }

    .projects-circle-list .images .image .text h3 {
        margin-bottom: 13px;
        font-size: 20px;
    }

    .about-titles .about-title {
        font-size: 30px;
        line-height: normal;
    }

    .footer .cop {
        font-size: 13px;
    }

    .work-res {
        text-align: left;
        font-size: 30px;
    }

    .mail-siz {
        gap: 0px;
    }
}

@media only screen and (min-width: 489px) and (max-width: 575px) {
    .add-fo {
        font-size: 16px;
    }
}

@media only screen and (min-width: 469px) and (max-width: 488px) {
    .add-fo {
        font-size: 21px;
    }
}

@media only screen and (min-width: 449px) and (max-width: 468px) {
    .add-fo {
        font-size: 20px;
    }
}

@media only screen and (min-width: 514px) and (max-width: 548px) {
    .aximo-default-content h2 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 479px) and (max-width: 513px) {
    .aximo-default-content h2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 455px) and (max-width: 478px) {
    .aximo-default-content h2 {
        font-size: 39px;
    }
}

@media only screen and (min-width: 444px) and (max-width: 454px) {
    .aximo-default-content h2 {
        font-size: 37px;
    }
}

@media only screen and (min-width: 432px) and (max-width: 443px) {
    .aximo-default-content h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 429px) and (max-width: 448px) {
    .add-fo {
        font-size: 19px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 428px) {
    .add-fo {
        font-size: 18px !important;
    }
}

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

    .def-head {
        font-size: 14px;
    }

    .step-number {
        margin: inherit;
    }

    .hiring-process {
        text-align: start;
    }

    .step h3 {
        font-size: 25px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title.intelli-head,
    .cs_section_title_3 {
        font-size: 27px;
    }

    .aximo h2 {
        font-size: 40px;
        line-height: normal;
        letter-spacing: 2px;
    }

    .aximo .sect-11 {
        font-size: 35px;
    }

    .digital-agency-banner-content h1 {
        margin-bottom: 20px;
        line-height: 1.2;
        font-size: 29px;
    }

    .mobil-nonee {
        display: none;
    }

    .par-dispa {
        display: block;
    }

    .creative-agency-section-title .left-side h2 {
        font-size: 24px;
        text-transform: capitalize;
        margin-top: 20px;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
        left: 200px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dek-bre {
        display: none;
    }

    .about-section-sm .content .title-md {
        line-height: 50px;
        font-size: 30px;
    }

    .inner-servece {
        grid-template-columns: auto;
    }

    .margg-tppp {
        margin-top: 10px;
    }

    .our-services.services-personal .service-item {
        padding-top: 0;
    }

    .servi-flex {
        flex-direction: column;
    }

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

    .section-title-ai {
        font-size: 30px;
    }

    .serv-head {
        font-size: 32px;
        line-height: normal;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
        left: 200px;
    }


    .buil-tomm {
        font-size: 45px;
        line-height: normal;
    }
}

@media only screen and (min-width: 398px) and (max-width: 575px) {

    .inner-servece {
        grid-template-columns: auto;
    }

    .margg-tppp {
        margin-top: 10px;
    }

    .our-services.services-personal .service-item {
        padding-top: 0;
    }

    .serv-head-11 {
        font-size: 28px;
    }

    .blog-page-banner-area .content .wid-blog {
        text-align: start;
        font-size: 14px;
    }

    .step h3 {
        font-size: 20px;
    }

    .brief-content p {
        line-height: normal;
        max-width: 100%;
        font-size: 15px;
        text-align: center;
    }

    .feature-area .section-title,
    .section-title-ai {
        font-size: 25px;
    }

    .works-process-content h1,
    .aximo-default-content .bank-head {
        font-size: 26px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 19px;
        color: #F2B127;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
        left: 152px;
    }

    .digital-agency-banner-content h1 {
        margin-bottom: 20px;
        line-height: normal;
        font-size: 30px;
    }

    .services-page-banner-area .content .left-side h1,
    .aximo h2,
    .crm-headd,
    .aximo-default-content .hed-acc,
    .aximo-section-title.clash-grotesk h2,
    .aximo-default-content h2 {
        font-size: 30px;
    }

    .aximo-iconbox-data7 h3 {
        font-size: 19px;
    }

    .aximo-hero-text {
        font-size: 35px;
        color: #F2B127;
    }

    .aximo-iconbox-data2 h3 {
        line-height: normal;
        font-size: 25px;
    }

    .aximo-title-icon {
        display: none;
    }

    .aximo-user-interface h3 {
        font-size: 24px;
    }

    .aximo-user-interface ul li {
        padding-left: 0;
        font-size: 13px;
    }

    .aximo-iconbox-data5 h3 {
        font-size: 20px;
        line-height: normal;
    }

    .about-image .number {
        font-size: 30px;
    }

    .about-area11 .section-heading .section-title {
        font-size: 25px;
        text-transform: capitalize;
    }

    .aximo .sect-11 {
        font-size: 24px;
        text-align: start;
    }

    .works-process-lines .item h3 {
        font-size: 18px;
    }

    .creative-agency-section-title .left-side h2 {
        text-align: start;
    }

    .cs_section_heading_hr.cs_style_1 .auto-resa,
    .cs_section_heading_hr.cs_style_1 .cs_hr_design {
        display: none;
    }

    .automa-whatt {
        font-size: 28px !important;
        color: #F2B127;
        line-height: normal;
        margin-bottom: 20px;
    }

    .col-md-6.intelli {
        padding-left: 0;
    }

    .aximo-iconbox-shape {
        display: none;
    }

    .creative-agency-section-title.text-white .left-side h2 {
        text-align: center;
        font-size: 32px;
    }

    .aximo-section-title-11.familjen-grotesk h2.suitee-ress {
        font-size: 30px;
    }

    .cs_section_heading.cs_style_1 .cs_section_title.marbtt-cssty {
        font-size: 25px;
    }

    .aximo-iconbox-wrap3 {
        padding: 20px 10px;
    }

    .blog-page-banner-area .content h1.futu-tech {
        font-size: 28px;
    }

    .main-blogs-list .item .image .info .date .comments {
        display: none;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .main-blogs-list .item .content h2 {
        font-size: 17px;
    }

    .career-page-banner-area .content h1 {
        font-size: 26px;
        line-height: normal;
    }

    .blog-details-page-banner-area .title h1,
    .blog-details-page-banner-area .title .sub-title,
    .blog-details-page-banner-area .title h1,
    .blog-details-page-banner-area .title .sub-title {
        text-align: start;
    }

    .blog-details-page-banner-area .title h1 {
        font-size: 23px;
        line-height: normal;
    }

    .cs_startup_agency.cs_card {
        padding: 20px;
    }

    .section-title-11 {
        font-size: 30px;
        line-height: normal;
    }

    .fge-srra,
    .line-clamp-1 {
        font-weight: 500;
        font-size: 20px;
    }

    .hero-section-version4 .hero-v4-content h1 span {
        font-size: 26px;
        line-height: normal;
    }

    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 31px;
        text-align: start;
    }

    .creative-agency-section-title .left-side h2.haed-carr.haed-carr-111 {
        text-align: center;
    }

    .wok-togr,
    .comme-leve {
        font-size: 28px;
    }
}

@media only screen and (min-width: 448px) and (max-width: 575px) {
    .serv-head {
        font-size: 34px;
        line-height: 115%;
    }

    .career-page-banner-area .content h1.carer-headd,
    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 24px;
    }

    .buil-tomm {
        font-size: 35px;
        line-height: normal;
    }

    .dek-bre {
        display: none;
    }
}

@media only screen and (min-width: 471px) and (max-width: 575px) {
    .serv-head {
        font-size: 26px;
        line-height: 115%;
    }
}

@media only screen and (min-width: 398px) and (max-width: 447px) {
    .serv-head {
        font-size: 28px;
        line-height: normal;
    }

    .res-serv11 {
        font-size: 27px;
    }

    .boost-content h2 {
        font-size: 25px;
        max-width: 100%;
        margin-bottom: 18px;
    }

    .career-page-banner-area .content h1.carer-headd {
        font-size: 30px;
    }

    .buil-tomm {
        font-size: 30px;
        line-height: normal;
    }
}

@media only screen and (min-width: 350px) and (max-width: 397px) {

    .serv-head-11 {
        font-size: 25px;
    }

    .buil-tomm {
        font-size: 23px;
        line-height: normal;
    }


    .site-header {
        top: 10px;
    }

    .sub-title.cee-degre {
        display: none;
    }

    .single-blog-post .content .head-blogg {
        font-size: 16px;
    }

    .creative-agency-section-title.text-white .left-side h2 {
        text-align: center;
    }

    p,
    .def-ull li {
        font-size: 13px;
    }

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

    .feature-area .section-title,
    .section-title-ai {
        font-size: 25px;
    }

    .works-process-content h1,
    .aximo-default-content .bank-head {
        font-size: 26px;
    }

    .projects-list .project-item .details .content h3 {
        font-size: 19px;
        color: #F2B127;
    }

    .feature-area .section-header .section-title-wrapper .shape-1 {
        top: -90px;
        left: 152px;
    }

    .digital-agency-banner-content h1 {
        margin-bottom: 20px;
        line-height: normal;
        font-size: 30px;
    }

    .services-page-banner-area .content .left-side h1,
    .aximo h2,
    .crm-headd,
    .aximo-default-content .hed-acc {
        font-size: 30px;
    }

    .aximo-section-title.clash-grotesk h2,
    .aximo-default-content h2 {
        font-size: 26px;
    }

    .aximo-iconbox-data7 h3 {
        font-size: 19px;
    }

    .aximo-hero-text {
        font-size: 30px;
        color: #F2B127;
    }

    .aximo-iconbox-data2 h3 {
        line-height: normal;
        font-size: 20px;
    }

    .aximo-title-icon {
        display: none;
    }

    .aximo-user-interface h3 {
        font-size: 24px;
    }

    .aximo-user-interface ul li {
        padding-left: 0;
        font-size: 13px;
        margin-bottom: 15px;
    }

    .aximo-iconbox-data5 h3 {
        font-size: 20px;
        line-height: normal;
    }

    .about-image .number,
    .about-area11 .section-heading .section-title {
        font-size: 25px;
    }

    .aximo .sect-11 {
        font-size: 30px;
        text-align: start;
    }

    .works-process-lines .item h3 {
        font-size: 18px;
    }

    .creative-agency-section-title .left-side h2 {
        text-align: start;
    }

    .cs_section_heading_hr.cs_style_1 .auto-resa,
    .cs_section_heading_hr.cs_style_1 .cs_hr_design {
        display: none;
    }

    .automa-whatt {
        font-size: 25px !important;
        color: #F2B127;
        line-height: normal;
        margin-bottom: 20px;
    }

    .col-md-6.intelli {
        padding-left: 0;
    }

    .aximo-iconbox-shape {
        display: none;
    }

    .aximo-section-title-11.familjen-grotesk h2.suitee-ress {
        font-size: 30px;
    }


    .cs_section_heading.cs_style_1 .cs_section_title.marbtt-cssty {
        font-size: 22px;
    }

    .aximo-iconbox-wrap3 {
        padding: 20px 10px;
    }

    .blog-page-banner-area .content h1.futu-tech {
        font-size: 24px;
    }

    .main-blogs-list .item .image .info .date .comments {
        display: none;
    }

    .main-blogs-list .item:nth-child(2) .content,
    .main-blogs-list .item:nth-child(4) .content,
    .main-blogs-list .item:nth-child(6) .content,
    .main-blogs-list .item:nth-child(8) .content,
    .main-blogs-list .item:nth-child(10) .content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .main-blogs-list .item .content h2 {
        font-size: 17px;
    }

    .career-page-banner-area .content h1 {
        font-size: 26px;
        line-height: normal;
    }

    .blog-details-page-banner-area .title h1,
    .blog-details-page-banner-area .title .sub-title,
    .blog-details-page-banner-area .title h1,
    .blog-details-page-banner-area .title .sub-title {
        text-align: start;
    }

    .blog-details-page-banner-area .title h1 {
        font-size: 23px;
        line-height: normal;
    }

    .cs_startup_agency.cs_card {
        padding: 20px;
    }

    .section-title-11 {
        font-size: 30px;
        line-height: normal;
    }

    .fge-srra,
    .line-clamp-1 {
        font-weight: 500;
        font-size: 17px;
    }

    .hero-section-version4 .hero-v4-content h1 span {
        font-size: 26px;
        line-height: normal;
    }

    .creative-agency-section-title .left-side h2.haed-carr {
        font-size: 26px !important;
        text-align: start;
        margin-top: 0;
    }

    .creative-agency-section-title .left-side h2.haed-carr.haed-carr-111 {
        text-align: center;
    }

    .creative-agency-section-title {
        margin-bottom: 0px;
    }

    .services-list-style-two .item h3 {
        font-size: 16px;
    }
}

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

    .card1,
    .card2 {
        flex-direction: column;
        gap: 0px;
    }

    .service-item span {
        font-size: 15px;
    }

    .servi-flex {
        flex-direction: column;
    }

    .sty-font-11 {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 444px) and (max-width: 575px) {
    .add-fo {
        font-size: 14px;
    }
}

@media only screen and (min-width: 407px) and (max-width: 443px) {
    .add-fo {
        font-size: 20px;
    }
}

@media only screen and (min-width: 389px) and (max-width: 406px) {
    .add-fo {
        font-size: 18px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 388px) {
    .add-fo {
        font-size: 17px;
    }

    .blog-details-desc h3 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 391px) and (max-width: 397px) {
    .serv-head {
        font-size: 30px;
        line-height: 1.1;
    }
}

@media only screen and (max-width: 991px) {
    .deskk-head {
        display: none;
    }

    .mobil-geadd {
        display: block;
    }

}

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

    .header-no-bg {
        padding-top: 180px;
        padding-bottom: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

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

    .card1,
    .card2 {
        display: flex;
        gap: 0 !important;
    }

    .step {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hoire-para {
        text-align: center;
    }

    .cs_img_section img {
        display: none;
    }
}

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

    .about-section-sm .content .title-md {
        font-size: 20px;
        line-height: 40px;
    }

    .aximo-accordion-normal-data h4 {
        font-size: 18px;
    }

    .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close {
        font-size: 12px;
    }
}