@media(max-width:414.99px) {
    .top-section .hero-container .hero-inner .top_menu ul {
        column-gap: 0.8rem !important;
    }

    .top-section .hero-container .hero-inner::before {
        top: 6rem !important;
        height: caLC(100% - 6rem) !important;
    }

    .get_started_btn {
        top: 6rem !important;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .creative-p {
        max-width: 30rem !important;
    }

    .seo-before::before {
        height: calc(100% - 10.6rem) !important;
    }
}

@media(max-width:438.99px) {
    .email-automation::before {
        height: calc(100% - 10.6rem) !important;
    }
}
@media(max-width:543.99px) {
    .website-optimization::before {
        height: calc(100% - 10.6rem) !important;
    }
}
@media(max-width:328.99px) {
    .website-optimization::before {
        height: calc(100% - 11.6rem) !important;
    }
}

@media(min-width:280px) and (max-width:360.99px) {
    .get_started_btn {
        top: 6rem !important;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .creative-p {
        max-width: 27rem !important;
    }

    .begin-section .begin-container a {
        padding: 1rem 0.6rem !important;
        gap: 0.5rem;
    }

    .begin-section::after {
        height: calc(100% - 7.6rem) !important;
    }

    .service-section .email-service-container .service-email-ul-div::after {
        right: -1.5rem !important;
        width: calc(100% - -1.5rem) !important;
    }

    .service-section .email-service-container .service-email-ul-div::before {
        right: calc(100% - -0rem) !important;
    }
}

@media(min-width:385px) and (max-width:466px) {
    .top-section .hero-container .hero-inner::before {
        top: 4.6rem !important;
        left: 0 !important;
        width: 1.5px !important;
        height: caLC(100% - 4.6rem) !important;
    }

    .get_started_btn {
        top: 4.6rem !important;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .creative-p {
        max-width: 32rem !important;
    }
}

@media(min-width:467px) and (max-width:575px) {
    .top-section .container-content-width .creative-banner .hero-intro-block .creative-p {
        max-width: 40rem !important;
    }
}

@media(min-width:576px) and (max-width:767px) {
    .top-section .container-content-width .creative-banner .hero-intro-block .creative-p {
        max-width: 50rem !important;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
        background-position: -1.4rem 0;
    }
}

@media(min-width:441px) and (max-width:767px) {
    .top-section .hero-container .hero-inner::before {
        top: 4.6rem !important;
        left: 0 !important;
        width: 1.5px !important;
        height: caLC(100% - 4.6rem) !important;
    }

    .get_started_btn {
        top: 4.5rem !important;
    }

    .case-study-section .case-container p {
        max-width: 49.8rem;
    }

}

@media(min-width:690px) and (max-width:767px) {
    .service-section .email-service-container .service-email-ul-div::after {
        width: calc(100% - 6rem) !important;
    }

    .service-section .email-service-container .service-email-ul-div::before {
        right: calc(100% - 7.5rem) !important;
        width: 2px !important;
        height: 3.6rem !important;
    }

}

@media(max-width:767px) {

    .service-section,
    .intro-section,
    .top-section {
        padding: 0 1.2rem;
    }

    .top-section .hero-container .hero-inner .top_menu {
        width: 100%;
    }

    .top-section .hero-container .hero-inner .top_menu ul {
        /* padding-left: 2.5rem; */
        column-gap: 1.8rem;
        row-gap: 0.2rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 1rem;
        line-height: 1rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul li {
        line-height: 1rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul {
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-wrap: wrap;
    }

    /* .get_started_btn {
        display: none !important;
    } */
    .get_started_btn {
        top: 6.1rem;
        padding: 0.2rem 0rem 0.2rem 0.6rem;
    }

    .top-section .hero-container .hero-inner::before {
        content: "";
        position: absolute;
        top: 6.1rem;
        left: 0;
        width: 1.5px;
        height: caLC(100% - 6.1rem);
        background: var(--primary-color);
    }

    .top-section .hero-container .hero-inner .top_menu {
        position: relative;
        border-bottom: 0px;
    }

    .top-section .hero-container .hero-inner .top_menu::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: -1.2rem;
        height: 1.5px;
        background-color: var(--primary-color);
    }

    .top-section .hero-container .hero-inner .hero-heading-block .top_heading .hero-icon {
        width: 8.5rem;
        height: 3.4rem;
        margin-top: -.5rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-title {
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 2.8rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block {
        max-width: 141.2rem;
        margin-left: 1.2rem;
        padding-top: 7rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .top_heading {
        gap: 0.8rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-quote {
        font-size: 1.2rem;
        margin-top: 0.5rem;
        line-height: 0.8rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-quote-cite {
        margin-top: .2rem;
        font-size: .81rem;
        line-height: 1.8rem;
        margin-bottom: 4rem;
        margin-right: 0.85rem;
    }

    .intro-section .container-intro-top-width .intro-top-flex-item-100 p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0px 0px 0.8rem 0px;
        padding-right: 1rem;
    }

    .intro-section .container-intro-top-width .intro-top-flex-item-100 {
        margin-left: 1.2rem;
    }

    .intro-section .container-intro-top-width {
        padding: 2.8rem 0 2rem;
    }

    .intro-section .container-intro-bottom-width,
    .intro-section .container-intro-middle-width {
        padding-right: 0rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content h3 {
        font-size: 1.7rem;
        line-height: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content p,
    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 0.8rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
        padding: 2.2rem 1.2rem .1rem;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content {
        padding: 0rem 1.2rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content img {
        position: relative;
        width: 100%;
        max-width: 300px;
        left: 50%;
        top: auto;
        margin: 0 auto;
        transform: translateX(-54%);
    }

    .intro-section .container-intro-bottom-width {
        padding-bottom: 4rem;
    }

    .intro-section .container-intro-bottom-width,
    .intro-section .container-intro-middle-width {
        border-right: 1.5px solid var(--primary-color);
    }

    .intro-section .container-intro-top-width {
        border-bottom: 1.5px solid var(--primary-color);
    }

    .intro-section .container-intro-top-width::before {
        width: 1.5px;
    }

    .service-section::before,
    .service-section::after {
        width: 1.2rem;
    }

    .service-section .container-service-width {
        padding: 2.8rem 1.2rem 1.3rem 1.2rem;
    }

    .service-section .container-service-width h6 {
        font-size: 1rem;
        line-height: 1.8rem;
        margin-bottom: 1rem;
    }

    .service-section .container-service-width .splat-flex-item-100 h6::before {
        left: -0.725rem;
        width: 1.5px;
    }

    .service-section .container-service-width .splat-flex-item-100 h4 {
        font-size: 1.7rem;
        line-height: 2.5rem;
        margin: 0 0 0.8rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 0.8rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn {
        padding: 1rem 0.5rem;
        gap: 0.6rem;
        margin-top: 2.8rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn span {
        font-size: 1.1rem !important;
        line-height: 2rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn img {
        width: 1rem;
        height: auto;
    }

    .service-section .container-service-width .Smart-research {
        position: absolute;
        right: 0.4rem;
        top: 0rem;
        width: 10.939rem;
    }

    .service-section .container-service-width .Creative-service {
        position: absolute;
        left: -3rem;
        bottom: 3rem;
        width: 14.9rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p.creative-last-p {
        padding-left: 7rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p span.creative-landing-p {
        padding-left: 0rem !important;
    }

    .service-section .container-service-width .splat-flex-item-100 p span.create-span-p {
        text-align: start;
        padding-right: 0rem !important;
        display: block;
    }

    .service-section .container-service-width .splat-flex-item-100 .creative-btn {
        margin-top: 3.2rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .marketing-automation,
    .service-section .container-service-width .splat-flex-item-100 .market-btn,
    .service-section .container-service-width .splat-flex-item-100 .seo-btn {
        margin-top: 2.5rem;
    }

    .service-section .container-service-width {
        padding: 2.1rem 1.2rem 1.3rem 1.2rem
    }

    .service-section .container-service-width .content-market {
        right: 3.9rem;
        width: 15.218rem;
    }

    .service-section .container-service-width .digital-advertising {
        top: -.3rem;
        width: 12.767rem;
    }

    .service-section .website-optimization {
        padding: 2.1rem 1.2rem 0rem 1.2rem;
    }

    .service-section .website-optimization .splat-flex-item-100 p {
        padding-left: 7rem;
    }

    .service-section .container-service-width .website-optimization-img {
        left: -.8rem;
        width: 15.2rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .website-btn {
        margin-top: 3rem;
    }

    .market-plan-section {
        padding: 4.3rem 2.4rem 3.6rem 2.4rem;
    }

    .market-plan-section::before {
        top: 4.3rem;
    }

    .market-plan-section::after {
        top: 4.3rem;
        height: calc(100% - 11.5rem);
        right: 1.2rem;
    }

    .market-plan-section .btn-begin::before {
        right: -1.7rem !important;
        width: 2.4rem;
    }

    .market-plan-section .container-market-plan-width {
        margin-top: -4rem;
    }

    .market-plan-section::before {
        top: 4.3rem;
        width: calc(100% - 1.405rem);
    }

    .market-plan-section .market-plan {
        position: relative;
        height: auto;
        max-width: 30rem;
        top: -3rem !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h4 {
        font-size: 1.7rem;
        line-height: 2.5rem;
        padding-right: 4rem;
        margin-top: 0.2rem;
        margin-bottom: 3rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h4.plan-subHead {
        margin-bottom: .5rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 .plan-head::before {
        bottom: -1rem;
        width: 6.5rem;
        height: 0.3rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h6 {
        font-size: 1.6rem;
    }

    .market-plan-section .container-market-plan-width .market-middle-flex-item-100 p,
    .market-plan-section .container-market-plan-width .market-top-flex-item-100 p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 0.8rem;
    }

    .market-plan-section .container-market-plan-width .market-middle-flex-item-100 {
        max-width: 144.6rem;
        margin-top: 2rem;
    }

    .market-plan-section .btn-begin {
        width: calc(100% - .5rem);
        margin-top: 3.2rem;
    }

    .market-plan-section .btn-begin span {
        font-size: 1.2rem !important;
        line-height: 2rem;
    }

    .market-plan-section .btn-begin img {
        width: 1rem;
        height: auto;
    }

    .our-work-section .work-container .work-head,
    .affiliation-section .container-affiliation-width h2,
    .project-section .container-project-width h2,
    .article-section .container-article-width .article-flex-item-100 h2 {
        font-size: 2.8rem;
        line-height: 5rem;
    }

    .project-section .container-project-width h2::after {
        height: 4px;
    }

    .article-section .container-article-width .article-flex-item-100 h2::before {

        left: 47.2%;
        bottom: -.5rem;
        width: 5.5rem;
        height: 4px;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card img {
        height: 20.3rem;
    }

    .article-section::before {
        height: 23rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
        padding: 2.3rem 3.77rem 2.2rem 2rem;
        height: calc(100% - 20.3rem);
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content h5 {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content {
        margin-left: .9rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p {
        font-size: 1rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-arrow {
        width: 4.73rem;
        height: 1.2rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner {
        gap: .8rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide {
        flex: 0 0 100%;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide {
        flex: 0 0 100%;
    }

    .article-section .container-article-width .slider-container .dots {
        margin-top: 3.7rem;
    }

    .client-section .container-article-width h2 {
        font-size: 1.4rem;
    }

    .client-section .container-article-width {
        padding: 2.262rem 1rem;
    }

    .article-section .container-article-width .slider-container {
        margin: 3.2rem auto 1.6rem;
    }

    .faq-section .container-faq-top-width h2 {
        font-size: 1.6rem;
        line-height: normal;
    }

    .faq-section .content-conrainer::before {

        left: 1.2rem;
        height: calc(100% - 2.55rem);
    }

    .faq-section .content-conrainer {
        background-image:
            linear-gradient(to right, #cfc6b128 0rem, #cfc6b128 10.73rem, #fcc42b36 269.57rem);
        background-size: auto;
        background-position: left top;
        padding-bottom: 4.1rem;
    }

    .faq-section .content-conrainer::after {

        bottom: 2.55rem;
        left: 1.2rem;
        height: 1.5px;
        width: calc(100% - 1.2rem);
    }

    .faq-section .content-conrainer .container-faq-middle-width h4 {
        font-size: 1.5rem;
        padding-left: 0px;
        padding-top: 1.3rem !important;
    }

    .faq-section .content-conrainer .container-faq-bottom-width {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
        margin-top: 1.9rem;
    }

    .faq-section .content-conrainer::before {
        width: 1.5px;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title {
        font-size: 1.4rem;
        line-height: normal;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-item {
        margin-bottom: 1rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title img {
        width: 1rem !important;
        height: 2rem !important;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-item.active .accordion-content {
        font-size: 1.2rem;
        line-height: 2rem;
        padding: 1.2rem 1rem .5rem 0;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div {
        padding-left: 0px;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div .bottom-arrow-faq {
        width: 1.5rem;
        height: 2.5rem;
        margin-top: 1rem;

    }

    .get_started_btn span {
        border-left: 3px solid #fff;
        border-bottom: 1.5px solid #fff;
        font-size: 0.6rem;
        line-height: 1rem;
        padding: 0.4rem 0.6rem 0.3rem 0.5rem;
    }

    .project-section {
        padding-top: 0.5rem;
    }

    .project-section .container-project-width h2 {
        margin-bottom: 1.5rem;
    }

    .project-section .container-project-width p {
        font-size: 1.4rem;
        font-family: "MuseoSlab-300";
        padding-bottom: 1.6rem;
        line-height: 2rem;
    }

    .project-section .container-project-width {
        max-width: 120rem;
        margin: 0 auto;
        padding: 2rem 1.5rem 1.5rem;
    }

    .project-section .container-project-width .textarea-input::placeholder,
    .project-section .container-project-width .form-input::placeholder,
    .project-section .container-project-width .form-input,
    .project-section .container-project-width .textarea-input {
        font-size: 1.4rem !important;
        margin-bottom: 1.5rem !important;
        padding: .5rem 1rem .2rem;
        min-height: 3.5rem;
    }

    .project-section .container-project-width .textarea-input {
        min-height: 14rem;
    }

    .project-section .container-project-width .btn-submit {
        font-size: 1.6rem !important;
        min-height: 3.5rem;
    }

    .affiliation-section .container-affiliation-width .affiliation-flex-100 {
        gap: 4rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .affiliation-section .container-affiliation-width h2 {
        margin-bottom: 2.5rem;
    }

    .affiliation-section {
        padding-top: 2rem;
    }

    .client-section .container-testimonial-100 .testimonial p {
        font-size: 1.6rem !important;
        margin: 1rem 0px;
        margin-top: 1.2rem !important;
    }

    .client-section .container-testimonial-100 .testimonial .client-firm {
        margin-top: 0.5rem !important;
    }

    .client-section .container-testimonial-100 .testimonial:first-child {
        padding-bottom: 0px !important;
    }

    .client-section .container-testimonial-100 .testimonial:last-child {
        padding-bottom: 2.2rem !important;
    }

    .client-section .container-testimonial-100 .testimonial p.client-firm,
    .client-section .container-testimonial-100 .testimonial p.client-name {
        font-size: 1.2rem !important;
    }

    .client-section .clients-head {
        padding: 2.57rem 0px;
    }

    .client-section .clients-head h2 {
        font-size: 1.2rem;
    }

    .client-section .clients-head h2::after {
        bottom: -0.5rem;
        width: 30px;
        height: 4px;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
        margin-top: 5rem;
        padding: 1.5rem 1.2rem 1rem;
    }

    .research-top-section .hero-container .hero-inner::before {
        height: 5rem !important;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-title {
        font-size: 1.9rem;
        max-width: 22rem;
        line-height: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-subtitle {
        font-size: 1.5rem;
        max-width: 32.7rem;
        line-height: 2.2rem;
        margin-bottom: 1.6rem;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::after {
        bottom: 0.001px;
        right: 1rem;
        height: 1.5px;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-p {
        font-size: 1.4rem;
        line-height: 2rem;
        max-width: 32rem;
        margin-bottom: 1rem;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::before {
        right: 1rem;
        width: 1.5px;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-research-intro {
        right: -3.3rem;
        width: 18.6rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list {
        padding-left: 1rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list ul li,
    .process-section .container-service-width .splat-flex-item-100 .list p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list ul {
        padding-left: 1.5rem;
    }

    .process-section .container-service-width .pt-our-process {
        padding-top: 4rem;
    }

    .start-conversation-section {
        padding: 7.7rem 2.4rem 3.5rem 2.8rem;
    }

    .start-conversation-section .container-conversation .btn-learn span {
        font-size: 1.4rem !important;
        line-height: 2rem;
    }

    .start-conversation-section .container-conversation .btn-learn img {
        width: 1rem;
        height: auto;
    }

    .start-conversation-section .container-conversation h3 {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    .start-conversation-section .container-conversation p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .start-conversation-section::after {
        top: 3.6rem;
        width: calc(100% - 1.5rem);
        height: 1.5px;
    }

    .start-conversation-section::before {
        top: 3.6rem;
        left: 1.5rem;
        width: 1.5px;
        height: calc(100% - 9.6rem);
    }


    .start-conversation-section .container-conversation .btn-learn::before {
        left: -1.3rem;
        width: 1.3rem;
        height: 1.5px;
    }

    .start-conversation-section .container-conversation .btn-learn {
        margin-top: 3.5rem;
        gap: 1rem;
    }

    .client-section-strategy .strategy-stuck {
        font-size: 2.5rem;
        padding-top: 4.6rem;
        margin-bottom: 3rem;
    }

    .client-section-strategy::before {
        top: 3rem;
        right: 0.8rem;
        width: 1.5px;
        height: calc(100% - 3rem);
    }

    .client-section-strategy::after {
        top: 3rem;
        left: 0.8rem;
        width: 1.5px;
        height: calc(100% - 3rem);
    }

    .client-section-strategy .strategy-stuck::before {
        left: 0.8rem;
        top: 3rem;
        width: calc(100% - 1.6rem);
        height: 1.5px;
    }

    .case-study-section::before {
        bottom: 2.1rem;
        left: 1.25rem;
        height: calc(100% - 8.8rem);
        width: 1.5px;
    }

    .case-study-section {
        max-width: 192rem;
        padding: 3.8rem 2.4rem 5.2rem 2.8rem;
    }

    .case-study-section .case-container .case-haeder {
        font-size: 2rem;
        line-height: 2rem;
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .case-study-section .case-container p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 1.2rem !important;
    }

    .case-study-section .case-container a .case-arrow {
        width: 6.5rem;
    }

    .case-study-section .case-container a {
        gap: 1.5rem;
        font-size: 1.1rem;
    }

    .case-study-section .case-container .case-haeder::before {
        width: 1.5rem;
        height: 1.5px;
        left: -1.5rem;
    }

    .case-study-section::after {
        bottom: 2.1rem;
        width: calc(100% - 1.25rem);
        height: 1.5px;
    }

    .schedule-consult,
    .begin-section,
    .strategy-artical-section,
    .service-section,
    .case-study-section {
        background-size: 76.7rem 100%;
        background-position: 15rem 0;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
        background-size: 76.7rem 100%;
    }

    .strategy-artical-section {
        padding: 3.1rem 2.4rem;
    }

    .strategy-artical-section .container-article-width {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }

    .strategy-artical-section .container-article-width .dots-strategy {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .strategy-artical-section .container-article-width .insights-strategy {
        max-width: calc(100% + 4.8rem);
        min-width: calc(100% + 4.8rem);
        padding: 4rem 2.4rem 3.8rem 2.4rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy ul {
        padding-left: 1.5rem;
        padding-bottom: 2.8rem;

    }

    .strategy-artical-section .container-article-width .insights-strategy ul li {
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a {
        font-size: 1.2rem;
        line-height: 2rem;
        gap: 1.8rem;
        margin-right: 0.3rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a img {
        width: 7.7rem;
    }

    .strategy-artical-section .container-article-width .slider-container {
        width: 100%;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
        padding: 1.3rem 1.77rem 0rem 0rem;
    }

    .strategy-artical-section .container-article-width .dots-strategy {
        margin-top: 0.7rem;
        gap: 0.8rem;
    }

    .strategy-artical-section::before {
        height: 20.3rem;
        top: 36.1rem;
        display: none;
    }

    .strategy-artical-section .container-article-width .insights-strategy a span::after {
        content: '';
        position: absolute;
        left: 0.2px;
        bottom: 0.3px;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-title {
        max-width: 26.7rem !important;
        margin-bottom: 1.8rem !important;
    }

    .research-top-section .hero-container .hero-inner .creative-banner .hero-intro-block .hero-research-intro {
        right: -4.2rem;
    }

    .conversation-creative .container-conversation h3 {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-bottom: 0rem;
    }

    .conversation-creative .container-conversation p {
        margin-top: 1rem;
    }

    .conversation-creative .container-conversation .btn-learn {
        margin-top: 2.2rem;
    }

    .creative-artical::before {
        top: 32.2rem;
    }

    .our-work-section .work-container .work-head {
        font-size: 2.5rem;
    }

    .our-work-section {
        padding-top: 3.5rem;
        padding-bottom: 4rem;
    }

    .swiper-wrapper {
        padding-bottom: 5.6rem;
    }

    .swiper-slide {
        height: 32.2rem;
    }

    .begin-section .begin-container a {
        font-size: 1.2rem !important;
        line-height: 2rem;
    }

    .begin-section {
        padding: 5.7rem 2.4rem 2.7rem 2.3rem;
    }

    .begin-section .begin-container a img {
        width: 1.3rem !important;
        height: auto !important;
        margin-left: 0rem !important;
    }

    .begin-section::before {
        top: 3rem;
        height: 1.5px;
        width: calc(100% - 1.3rem);
    }

    .begin-section::after {
        top: 3rem;
        left: 1.3rem;
        height: calc(100% - 8.2rem);
        width: 1.5px;
    }

    .begin-section .begin-container a::after {
        left: -1rem;
        width: 1rem;
        height: 1.5px;
    }

    .creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2 {
        font-size: 2.8rem;
        line-height: 5rem;
    }

    .our-work-section .work-container .work-head::after,
    .creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2::before {
        left: 47.2%;
        bottom: -.5rem;
        width: 5.5rem;
        height: 4px;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card img {
        height: 20.3rem;
    }

    .creative-article-section::before {
        height: 23rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body {
        padding: 2.3rem 3.77rem 2.2rem 2rem;
        height: calc(100% - 20.3rem);
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content h5 {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content {
        margin-left: .9rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p {
        font-size: 1rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-arrow {
        width: 4.73rem;
        height: 1.2rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner {
        gap: .8rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide {
        flex: 0 0 100%;
    }



    .creative-article-section .creative-container-article-width .creative-slider-container .creative-dots {
        margin-top: 3.7rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container {
        margin: 3.2rem auto 1.6rem;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-research-intro {
        right: -2.1rem;
        width: 15.6rem;
    }

    .seo-case .container-article-width .insights-strategy p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .seo-start .work-container h4 {
        font-size: 1.6rem;
        margin: 3rem 0 0;
    }

    .our-work-section .work-container .work-head {
        margin-bottom: 3.5rem;
    }

    .seo-start {
        padding: 3.5rem 2rem 5rem;
    }

    .seo-case::before {
        top: 30.1rem;
    }

    .process-section .seo-service-container h2.media-h2,
    .process-section .seo-service-container h2 {
        margin-bottom: 2rem;
        font-size: 1.8rem;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .markt-hero-img {
        right: -2.3rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list p {
        margin-top: 2rem;
    }

    .service-section .container-service-width .mrkt-service h4.service-mrkt-head {
        margin: 2.2rem 0 0rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list-mrkt {
        margin-top: 1.5rem;
    }

    .conversation-creative .container-conversation .btn-learn.btn-mrkt {
        margin-top: 4.1rem;
    }

    .our-work-section .work-container .work-head {
        font-size: 2.2rem;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .online-advertising-img {
        right: -0.1rem;
        width: 12.6rem;
    }

    .our-work-section .work-container .work-advertising {
        font-size: 2rem;
        line-height: 3rem;
    }

    .creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2.blog-head {
        line-height: 4rem;
    }

    .service-section .email-service-container .service-email-ul-div .list-email h2,
    .service-section .email-service-container .service-email-ul-div h3 {
        font-size: 2rem;
    }

    .service-section .email-service-container .service-email-ul-div .list-email ul li {
        font-size: 1.25rem;
    }

    .service-section .email-service-container .service-email-ul-div::after {
        top: 5.5rem;
        right: -1.5rem;
        width: calc(100% - -1.5rem);
        height: 2px;
    }

    .service-section .email-service-container .service-email-ul-div::before {
        top: 5.5rem;
        right: calc(100% - -0rem);
        width: 2px;
        height: 5.6rem;
    }

    .service-section .email-service-container .service-email-ul-div {
        padding-top: 6.6rem;
    }

    .email-start .work-container h4 {
        line-height: 2.2rem;
    }

    .email-start {
        padding: 3.5rem 2rem 3.5rem;
    }

    .email-automation .container-conversation .btn-learn {
        font-size: 1.4rem !important;
        line-height: 2rem;
    }

    .process-section .email-service-container h2 {
        margin-bottom: 2rem;
        font-size: 1.8rem;
    }

    .process-section .email-service-container h2,
    .research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .hero-intro-subtitle {
        letter-spacing: 0px;
    }

    .top-section .container-content-width .email-banner .hero-intro-block .hero-intro-title {
        max-width: 20.7rem !important;
    }

    .research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .email-mrkt-img {
        right: -0.8rem;
        width: 12.6rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .website-conversion-img {
        right: -2rem;
        width: 12.6rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .hero-intro-title {
        max-width: 27rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .hero-intro-subtitle {
        max-width: 25.7rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .hero-intro-p {

        padding-right: 1rem;
    }
    .process-section .container-service-width .pt-our-process .service-ul-website li{
                font-size: 1.4rem;
    }
    .process-section .container-service-width .pt-our-process .service-ul-website {
    padding-left: 1.5rem;
}
.website-optimization .container-conversation .btn-learn{
            font-size: 1.4rem !important;
        line-height: 2rem;
}
.website-optimization .container-conversation p {
    margin-top: 1rem;
}
.website-optimization .container-conversation h3 {
        line-height: 2.8rem;
}
}

@media (min-width:768px) and (max-width:1023.99px) {

    .service-section,
    .intro-section,
    .top-section {
        padding: 0 3rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul {
        /* padding-left: 2rem; */
        flex-wrap: wrap;
        column-gap: 1.2rem;
        row-gap: 0.5rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 1.2rem;
    }

    .get_started_btn span {
        font-size: 1.2rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul li a {
        line-height: 1.2rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul li {
        line-height: 1.5rem;
    }

    .top-section .hero-container .hero-inner .top_menu ul {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .get_started_btn {
        padding: 4.1rem 0rem 2rem 1.939rem;
    }

    .top-section .hero-container .hero-inner .top_menu {
        width: calc(100% - 18.8rem);
    }

    .top-section .hero-container .hero-inner::before {
        top: 5.67rem;
        height: caLC(100% - 5.67rem);
    }

    .research-top-section .hero-container .hero-inner::before {
        height: 7.1rem;
    }

    .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
        margin-top: 7rem;
        padding: 4rem 3rem 4rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block {
        max-width: 66.2rem;
        margin-left: 2.6rem;
        padding-top: 8.2rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .top_heading .hero-icon {
        width: 9.5rem;
        height: 4.4rem;
        margin-top: -.5rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-title {
        font-size: 3.5rem;
        line-height: 4.5rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-quote {
        font-size: 2.25rem;
        line-height: 1rem;
    }

    .top-section .hero-container .hero-inner .hero-heading-block .hero-quote-cite {
        font-size: 1.55rem;
        line-height: 4rem;
        margin-right: 1.4rem;
        margin-bottom: 4rem;
    }

    .intro-section .container-intro-top-width .intro-top-flex-item-100 {
        margin: 0 auto;
        max-width: 55.4rem;
    }

    .intro-section .container-intro-top-width .intro-top-flex-item-100 p {
        font-size: 1.7rem;
        line-height: 2.5rem;
        margin: 0px 0px 1.5rem 0px;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content p,
    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content p {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin: 0px 0 1rem 0;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content h3 {
        font-size: 2.25rem;
        margin-bottom: .5rem;
        line-height: 4rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
        max-width: 49.7rem;
    }

    .intro-section .container-intro-bottom-width,
    .intro-section .container-intro-middle-width {
        padding-right: 1.2rem;
    }

    .intro-section .container-intro-bottom-width {
        padding-bottom: 4rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content img {
        left: -2.8rem;
        top: -4.5rem;
        width: 23.341rem;
    }

    .intro-section .container-intro-top-width {
        position: relative;
        padding: 3rem 0 3rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content {
        max-width: 67.5rem;
    }

    .service-section {
        background-size: 102.4rem 100%;
        background-position: 51.2rem 0;
        max-width: 102.4rem;
    }

    .service-section::before,
    .service-section::after {
        width: 3rem;
    }

    .service-section .container-service-width {
        padding: 4rem 3.2rem 1.3rem 3.2rem;
    }

    .service-section .container-service-width h6 {
        font-size: 1.2rem;
        line-height: 3.33rem;
        margin-bottom: 1.2rem;
    }

    .service-section .container-service-width .splat-flex-item-100 h4 {
        font-size: 2.25rem;
        line-height: 3rem;
        margin: 0 0 1rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0 0 1rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn span {
        font-size: 1.2rem !important;
        line-height: 1.2rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn img {
        width: 1.2rem;
        height: auto;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn {
        padding: 1.2rem 1rem;
        margin-top: 2.6rem;
    }

    .service-section .container-service-width .Smart-research {
        right: 3.6rem;
        top: 0rem;
        width: 26.939rem;
    }

    .service-section .container-service-width .Creative-service {
        position: absolute;
        left: -3rem;
        bottom: 1.3rem;
        width: 24.9rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p span.creative-landing-p {
        padding-left: 0rem !important;
    }

    .service-section .container-service-width .splat-flex-item-100 p.creative-last-p {
        padding-left: 12rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .creative-btn {
        margin-top: 4.6rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .website-btn,
    .service-section .container-service-width .splat-flex-item-100 .marketing-automation,
    .service-section .container-service-width .splat-flex-item-100 .market-btn,
    .service-section .container-service-width .splat-flex-item-100 .seo-btn {
        margin-top: 5.3rem;
    }

    .service-section .container-service-width .splat-flex-item-100 .website-btn {
        margin-top: 4.5rem;
    }

    .service-section .container-service-width .content-market {
        right: 7.9rem;
        width: 33.218rem;
    }

    .service-section .container-service-width .digital-advertising {
        right: 0rem;
        width: 25.767rem;
    }

    .service-section .website-optimization {
        padding: 4rem 3.2rem 0rem 3.2rem;
    }

    .service-section .website-optimization .splat-flex-item-100 p {
        padding-left: 12rem;
    }

    .service-section .container-service-width .website-optimization-img {
        left: -2.8rem;
        width: 23.8rem;
    }

    .market-plan-section {
        padding: 4.3rem 3rem 3.6rem 6.2rem;
    }

    .market-plan-section::before {
        width: calc(100% - 3.2rem);
    }

    .market-plan-section::after {
        right: 3.2rem;
        height: calc(100% - 10.65rem);
    }

    .market-plan-section .market-plan {
        width: 28.16rem;
        height: auto;
        left: 0.152rem;
    }

    .market-plan-section::after,
    .market-plan-section::before {
        top: 4.3rem;
    }

    .market-plan-section .market-plan {
        top: 16.29px !important;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 {
        max-width: 47.6rem;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h4 {
        font-size: 2.5rem;
        line-height: 3.5rem;
        padding-right: 0rem;
        margin-top: 2.2rem;
        margin-bottom: 3rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 .plan-head::before {
        width: 8rem;
        bottom: -1rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 .plan-subHead {
        margin-top: 0px !important;
        margin-bottom: 0.7rem !important;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h6 {
        font-size: 1.7rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 p {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

    .market-plan-section .container-market-plan-width .market-middle-flex-item-100 p {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding-right: 5rem;
        margin-bottom: 1.5rem;
    }

    .market-plan-section .container-market-plan-width .market-middle-flex-item-100 {
        margin-top: 1.5rem;
    }

    .market-plan-section .btn-begin span {
        font-size: 2rem !important;
        line-height: 2.5rem;
    }

    .market-plan-section .btn-begin img {
        width: 1.2rem;
        height: auto;
    }

    .market-plan-section .btn-begin {
        max-width: calc(100% - 3.4rem);
    }

    .market-plan-section .btn-begin::before {
        right: -3rem !important;
        width: 3rem;
    }

    .article-section .container-article-width .article-flex-item-100 h2 {
        font-size: 3.2rem;
        line-height: 5rem;
    }

    .article-section::before {
        height: 24rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card img {
        width: 100%;
        height: 22.3rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
        padding: 2rem 2.4rem 2rem 2.2rem;
        height: calc(100% - 22.3rem);
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content h5 {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content {
        margin-left: 1.5rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner {
        gap: .5rem;

    }

    .article-section .container-article-width .slider-container .dots {
        margin-top: 3.7rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-arrow {
        width: 5rem;
        height: 1.4rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide {
        flex: 0 0 calc((100% - 2.8rem) / 2);
    }

    .client-section .container-article-width h2 {
        font-size: 2.5rem;
    }

    .article-section .container-article-width .slider-container {
        margin: 3.2rem auto 1.6rem;
    }

    .article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p {
        font-size: 1rem;
    }

    .faq-section .container-faq-top-width h2 {
        font-size: 2.5rem;
        line-height: normal;
    }

    .faq-section .content-conrainer::before {

        left: 3rem;
        height: calc(100% - 4.5rem);
        width: 2.5px;
    }

    .faq-section .content-conrainer .container-faq-bottom-width {
        margin-left: 6.2rem;
        margin-right: 6.2rem;
    }

    .faq-section .content-conrainer .container-faq-middle-width h4 {
        font-size: 2rem;
        line-height: 2rem;
        padding-left: 0px;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title {
        font-size: 2rem;
        line-height: 2.7rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-item {
        margin-bottom: 1.5rem;
    }

    .faq-section .content-conrainer::after {
        bottom: 4.5rem;
        left: 3rem;
        width: calc(100% - 3rem);
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-item.active .accordion-content {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title img {
        width: 1.5rem !important;
        height: 1.8rem !important;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div .bottom-arrow-faq {
        width: 2rem;
        height: 3rem;

    }

    .faq-section .content-conrainer {
        padding-bottom: 7.1rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div {
        padding-left: 0rem;
    }

    .our-work-section .work-container .work-head,
    .affiliation-section .container-affiliation-width h2,
    .project-section .container-project-width h2 {
        font-size: 3.2rem;
        margin-bottom: 3.5rem;
    }

    .project-section .container-project-width h2::after {
        bottom: -1rem;
    }

    .project-section .container-project-width p {
        font-size: 1.4rem;
        padding-bottom: 3.4rem;
        line-height: 2rem;
    }

    .project-section {
        padding-top: 1.5rem;
    }

    .project-section .container-project-width {
        padding: 2rem 3rem 2.5rem;
    }

    .affiliation-section .container-affiliation-width .affiliation-flex-100 {
        max-width: 192rem;
        padding: 3.5rem 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 19rem;
        justify-content: center;
        width: 100%;
        background-color: #F2F2F2;
    }

    .affiliation-section .container-affiliation-width .affiliation-flex-100 {
        padding: 4rem 0px;
        gap: 4rem;
    }

    .affiliation-section {
        padding-top: 2rem;
    }

    .client-section .container-testimonial-100 .testimonial {
        max-width: 50.1rem;
    }

    .client-section .container-testimonial-100 .testimonial p {

        font-size: 2.2rem;
    }

    .client-section .container-testimonial-100 .testimonial p.client-name {
        font-size: 1.8rem;
    }

    .client-section .container-testimonial-100 .testimonial p.client-firm {
        font-size: 1.9rem;
    }

    .client-section .container-testimonial-100 .testimonial:first-child {
        padding-bottom: 0px;
    }

    .client-section .clients-head {
        padding: 3.57rem 0px;
    }

    .client-section .clients-head h2 {
        font-size: 2.2rem;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-title {
        font-size: 4.2rem;
        max-width: 50.5rem;
        line-height: 4rem;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-p {
        font-size: 1.7rem;
        line-height: 2.5rem;
        margin: 0px 0px 1.5rem 0px;
        max-width: 62.5rem;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-subtitle {
        font-size: 2.1rem;
        max-width: 47.7rem;
        line-height: 3rem;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::after,
    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::before {
        right: 3.499rem;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-research-intro {
        width: 35rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list ul li,
    .process-section .container-service-width .splat-flex-item-100 .list p {
        font-size: 1.4rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list {
        padding-left: 1.6rem;
    }

    .process-section .container-service-width .pt-our-process {
        padding-top: 4rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list ul {
        padding-left: 1.5rem;
    }

    .start-conversation-section {
        padding: 10.7rem 3rem 4.5rem 4rem;
    }

    .start-conversation-section .container-conversation .btn-learn span {
        font-size: 1.8rem !important;
        line-height: 2rem;
    }

    .start-conversation-section .container-conversation .btn-learn img {
        width: 1.2rem;
        height: auto;
    }

    .start-conversation-section .container-conversation h3 {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 1rem;
    }

    .start-conversation-section .container-conversation p {
        font-size: 1.5rem;
    }

    .start-conversation-section .container-conversation .btn-learn {
        margin-top: 4.5rem;
    }

    .start-conversation-section::after {
        width: calc(100% - 2.8rem);
        top: 5.6rem;
    }

    .start-conversation-section::before {
        left: 2.8rem;
        top: 5.6rem;
        height: calc(100% - 12.6rem);
    }

    .start-conversation-section .container-conversation .btn-learn::before {
        left: -1.2rem;
        width: 1.2rem;
    }

    .client-section-strategy::after {
        left: 5.6rem;
        top: 5rem;
        height: calc(100% - 5rem);
    }

    .client-section-strategy::before {
        top: 5rem;
        right: 5.6rem;
        height: calc(100% - 5rem);
    }

    .client-section-strategy .strategy-stuck::before {
        left: 5.6rem;
        top: 5rem;
        width: calc(100% - 11.2rem);
    }

    .client-section-strategy .strategy-stuck {
        font-size: 3.2rem;
        padding-top: 7.6rem;
    }

    .case-study-section {
        padding: 4.8rem 6.2rem 8.2rem 6.2rem;
    }

    .case-study-section .case-container .case-haeder {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }

    .case-study-section .case-container p {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .case-study-section .case-container .case-haeder::before {
        width: 3.2rem;
        height: 2.5px;
        left: -3.2rem;
    }

    .case-study-section::after {
        position: absolute;
        content: '';
        bottom: 4.1rem;
        right: 0px;
        width: calc(100% - 3.2rem);
    }

    .case-study-section::before {
        bottom: 4.1rem;
        left: 3rem;
        height: calc(100% - 13.7rem);
    }

    .case-study-section .case-container a .case-arrow {
        width: 10.5rem;
    }

    .case-study-section .case-container a {
        font-size: 1.4rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy {
        padding: 6rem 5.2rem 8rem 5.1rem;
        max-width: 40rem;
        min-width: 40rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy h2 {
        font-size: 2.8rem;
        line-height: 5rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy ul li {
        font-size: 1.6rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a img {
        width: 6.7rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-right: -1.7rem;
    }


    .strategy-artical-section .container-article-width .dots-strategy {
        gap: 1rem;
        left: 26.2rem;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
        padding: 2.8rem 1.37rem 0rem 0.3rem;
    }

    .strategy-artical-section .container-article-width {
        gap: 3.5rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy ul {
        padding-left: 1.5rem;
        padding-bottom: 1.8rem;
    }

    .strategy-artical-section::before {
        height: 22.3rem;
        top: 9.3rem;
    }

    .creative-artical::before {
        top: 7.8rem;

    }

    .strategy-artical-section {
        padding-right: 3.5rem;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-title {
        max-width: 53.7rem !important;
        margin-bottom: 2.8rem !important;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-p {
        max-width: 55.5rem !important;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .hero-research-intro {
        right: -6.3rem;
    }

    .conversation-creative .container-conversation p {
        margin-top: 0.2rem;
    }

    .conversation-creative .container-conversation h3 {
        max-width: 60rem;
    }

    .conversation-creative .container-conversation h3 {
        line-height: 4rem;
    }

    .conversation-creative .container-conversation .btn-learn {
        margin-top: 2.5rem;
    }

    .our-work-section {
        padding-bottom: 6rem;
    }

    .begin-section {
        padding: 10.7rem 3.3rem 4.7rem 5.3rem;
    }

    .begin-section .begin-container a {
        font-size: 2rem !important;
        line-height: 2.5rem;
    }

    .begin-section .begin-container a img {
        width: 1.5rem !important;
        height: auto !important;
        margin-left: 3rem !important;
    }

    .begin-section::before {
        width: calc(100% - 3rem);
        top: 5.2rem;
    }

    .begin-section::after {
        top: 5.2rem;
        left: 3rem;
        height: calc(100% - 12.4rem);
    }

    .begin-section .begin-container a::after {
        left: -2.3rem;
        width: 2.3rem;
    }

    .schedule-consult,
    .begin-section,
    .strategy-artical-section {
        background-size: 86.7rem 100%;
        background-position: 55rem 0;
    }



    .creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2 {
        font-size: 3.2rem;
        line-height: 5rem;
    }

    .creative-article-section::before {
        height: 24rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card img {
        width: 100%;
        height: 22.3rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body {
        padding: 2rem 2.4rem 2rem 2.2rem;
        height: calc(100% - 22.3rem);
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content h5 {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content {
        margin-left: 1.5rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner {
        gap: .5rem;

    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-dots {
        margin-top: 3.7rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-arrow {
        width: 5rem;
        height: 1.4rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide {
        flex: 0 0 calc((100% - 2.8rem) / 2);
    }

    .creative-article-section .creative-container-article-width .creative-slider-container {
        margin: 3.2rem auto 1.6rem;
    }

    .creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p {
        font-size: 1rem;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .seo-hero-img {
        right: -3.5rem;
    }

    .seo-case .container-article-width .insights-strategy p {
        font-size: 1.4rem;
        line-height: 2.5rem;
        margin-top: 1rem;
    }

    .seo-start .work-container h4 {
        font-size: 2.2rem;
        line-height: 3rem;
        margin: 5rem 0 0;
    }

    .seo-start {
        padding: 4.5rem 7rem 6rem;
    }

    .process-section .seo-service-container h2.media-h2,
    .process-section .seo-service-container h2 {
        margin-bottom: 3.5rem;
        font-size: 2.6rem;
    }

    .seo-case {
        padding-top: 4.1rem;
        padding-bottom: 4.1rem;
    }

    .seo-case::before {
        top: 7.3rem;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .markt-hero-img {
        right: -4rem;
    }

    .process-section .container-service-width .splat-flex-item-100 .list-mrkt {
        margin-top: 1rem;
    }

    .service-section .container-service-width .mrkt-service h4.service-mrkt-head {
        margin: 3.2rem 0 0rem;
    }

    .conversation-creative .container-conversation .btn-learn.btn-mrkt {
        margin-top: 5.1rem;
    }

    .top-section .hero-container .hero-inner .creative-banner .hero-intro-block .online-advertising-img {
        width: 26rem;
        right: -0.3rem;
    }

    .online-media .container-conversation p {
        line-height: 2.5rem;
        max-width: 41.4rem;
    }

    .online-media .container-conversation .btn-learn {
        margin-top: 3.5rem;
    }

    .service-section .email-service-container .service-email-ul-div .list-email h2,
    .service-section .email-service-container .service-email-ul-div h3 {
        font-size: 2.2rem;
    }

    .service-section .email-service-container .service-email-ul-div::before {
        right: calc(100% - 5.8rem);
        height: 3.6rem;
    }

    .service-section .email-service-container .service-email-ul-div::after {
        right: -4rem;
        width: calc(100% - 1.5rem);
    }

    .service-section .email-service-container .service-email-ul-div .list-email ul li {
        font-family: 'TradeGothicLTPro-Light';
        font-size: 1.4rem;
    }

    .email-automation .container-conversation .btn-learn {
        font-size: 1.8rem !important;
        line-height: 2rem;
    }

    .top-section .container-content-width .email-banner .hero-intro-block .hero-intro-title {
        max-width: 45.7rem !important;
    }

    .research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .hero-intro-subtitle {
        letter-spacing: 0px;
    }

    .research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .email-mrkt-img {
        width: 25rem;
        right: -0.4rem;
    }

    .top-section .hero-container .hero-inner .email-banner .hero-intro-block .hero-intro-subtitle {
        font-size: 2.1rem;
        max-width: 49.7rem;
    }

    .process-section .email-service-container h2 {
        margin-bottom: 3.5rem;
        font-size: 2.6rem;
        letter-spacing: 0px;
    }

    .top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-title {
        font-size: 3.6rem;
        max-width: 55.5rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .website-conversion-img {
        right: -3.3rem;
        width: 28rem;
    }

    .top-section .hero-container .hero-inner .website-banner .hero-intro-block .hero-intro-subtitle {
        font-size: 2.1rem;
        max-width: 37.7rem;
    }

    .research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .advertising-p {
        max-width: 59.3rem !important;
    }
    .process-section .container-service-width .pt-our-process .service-ul-website li{
                font-size: 1.4rem;
    }
    .process-section .container-service-width .pt-our-process .service-ul-website {
    padding-left: 1.5rem;
}
.website-optimization .container-conversation .btn-learn{
            font-size: 1.8rem !important;
        line-height: 2rem;
}
.website-optimization .container-conversation p {
    margin-top: 2.5rem;
}
}


@media (min-width:820px) and (max-width:991.99px) {
    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content img {
        left: -2.8rem !important;
        top: -5.5rem !important;
        width: 30.341rem !important;
    }

    .process-section .container-service-width .splat-flex-item-100 .list ul {
        padding-left: 2rem;
    }

    .service-section .container-service-width .content-market {
        right: 15.9rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
        max-width: 46.7rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 {
        max-width: 52.6rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h4 {
        padding-right: 8rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 p {
        padding-right: 7rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div {
        padding-left: 0rem;
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-p {
        max-width: 56rem !important;
    }
}

@media (min-width:851px) and (max-width:991.99px) {

    .intro-section .container-intro-bottom-width,
    .intro-section .container-intro-middle-width {
        padding-right: 6rem;
    }
}

@media (min-width:992px) and (max-width:1023.99px) {
    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content img {
        left: -1.8rem;
        top: -7rem;
        width: 35.341rem;
    }

    .service-section .email-service-container .service-email-ul-div::before {
        right: calc(100% - 16.8rem);
    }

    .service-section .email-service-container .service-email-ul-div::after {
        width: calc(100% - 12.5rem);
    }

    .service-section .container-service-width .content-market {
        right: 29.9rem;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content p,
    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content p {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
        max-width: 57.7rem;
    }

    .intro-section .container-intro-bottom-width,
    .intro-section .container-intro-middle-width {
        padding-right: 3.2rem;
    }

    .intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content {
        max-width: 86.5rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 {
        max-width: 65.6rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 h4 {
        padding-right: 16rem;
    }

    .market-plan-section .container-market-plan-width .market-top-flex-item-100 p {
        padding-right: 14rem;
    }

    .client-section-strategy::after {
        left: 2.6rem;
    }

    .client-section-strategy::before {
        right: 2.6rem;
    }

    .client-section-strategy .strategy-stuck::before {
        left: 2.6rem;
        top: 5rem;
        width: calc(100% - 5.2rem);
    }

    .top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-p {
        max-width: 75.5rem !important;
    }

}

@media (min-width: 1024px) and (max-width: 1110.99px) {
    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 11.5px !important;
    }

    .get_started_btn {
        padding: 4.1rem 0rem 3rem 2.5rem;
    }

    .get_started_btn span {
        font-size: 2rem;
    }

    .top-section .hero-container .hero-inner .top_menu {
        width: calc(100% - 22.5rem);
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 2.7rem !important;
    }
}

@media (min-width: 1025px) and (max-width: 1110.99px) {

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 4.7rem !important;
    }
}

@media (min-width: 1111px) and (max-width: 1224.99px) {
    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 12.8px !important;
    }

    .get_started_btn {
        padding: 4.1rem 0rem 3rem 2.5rem;
    }

    .get_started_btn span {
        font-size: 2rem;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 4.4rem !important;
    }

    .top-section .hero-container .hero-inner .top_menu {
        width: calc(100% - 22.5rem);
    }
}

@media (min-width: 1225px) and (max-width: 1350.99px) {
    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 13.2px !important;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 3.8rem !important;
    }
}

@media (min-width: 1351px) and (max-width: 1440px) {
    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 14.4px !important;
    }
}

@media (min-width: 1441px) and (max-width: 1500px) {
    .top-section .hero-container .hero-inner .top_menu ul li a {
        font-size: 15.4px !important;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 3.7rem !important;
    }
}

@media (min-width:1440px) and (max-width:1920px) {
    .get_started_btn span {
        font-size: 2.6rem;
    }

    .start-conversation-section .container-conversation .btn-learn span {
        font-size: 3rem;
    }

    .intro-section .container-intro-bottom-width {
        padding-right: 4.5rem !important;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn span {
        font-size: 2.6rem;
    }

    .service-section .container-service-width .splat-flex-item-100 p span.create-span-p {
        padding-right: 0rem !important;
    }

    .service-section .container-service-width .splat-flex-item-100 .btn-learn span {
        font-size: 2.5rem !important;
    }

    /* .top-section .hero-container .hero-inner .top_menu ul li a {
        color: #fff;
        font-size: 1.5rem;
    } */

    .market-plan-section .btn-begin::before {
        right: -3.6rem;
    }

    .market-plan-section .btn-begin span {
        font-size: 3.4rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .arrow-div .bottom-arrow-faq {
        width: 2.3rem;
        height: 3.3rem;

    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title img {
        width: 1.9rem;
        height: 2.2rem;
    }

    .project-section .container-project-width .textarea-input::placeholder,
    .project-section .container-project-width .form-input::placeholder,
    .project-section .container-project-width .form-input,
    .project-section .container-project-width .textarea-input {
        font-size: 1.8rem;
        margin-bottom: 2.8rem;
    }

    .project-section .container-project-width .btn-submit {
        font-size: 2rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a span::after {
        bottom: 0.3px;
    }

    .begin-section .begin-container a {
        font-size: 2.5rem;
    }

    .begin-section .begin-container a img {
        width: 4.4rem;
        height: 3.7rem;
        margin-left: 7rem;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 3rem;
    }
}

@media (max-width:1439px) {
    .service-section .container-service-width .splat-flex-item-100 .btn-learn span {
        font-size: 2.5rem;
    }

    .strategy-artical-section .container-article-width .insights-strategy a span::after {
        bottom: 0.5px;
    }

    .start-conversation-section .container-conversation .btn-learn span {
        font-size: 3rem;
    }

    .market-plan-section .btn-begin::before {
        right: -3.6rem;
    }

    .market-plan-section .market-plan {
        top: 22.29px;
    }

    .market-plan-section .btn-begin span {
        font-size: 3rem;
    }

    .faq-section .content-conrainer .container-faq-bottom-width .accordion-title img {
        width: 1.9rem;
        height: 2.2rem;
    }

    .project-section .container-project-width .textarea-input::placeholder,
    .project-section .container-project-width .form-input::placeholder,
    .project-section .container-project-width .form-input,
    .project-section .container-project-width .textarea-input {
        font-size: 1.8rem;
        margin-bottom: 2.5rem;
    }

    .project-section .container-project-width .btn-submit {
        font-size: 2rem;
    }

    .begin-section .begin-container a {
        font-size: 2.5rem;
    }

    .begin-section .begin-container a img {
        width: 4.4rem;
        height: 3.7rem;
        margin-left: 7rem;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 3.35rem;
    }
}

@media (max-width: 1023px) {
    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
        gap: 0rem;
    }

    .strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide {
        flex: 0 0 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media(min-width:479px) and (max-width:527.99px) {
    .strategy-artical-section::before {
        top: 34.1rem;
    }
}

@media(min-width:528px) and (max-width:767px) {
    .strategy-artical-section::before {
        top: 32.1rem;
    }
}