@media (max-width: 1919.98px) {
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one {
        width: 1662px;
        height: 1662px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-two,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-two,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-two,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-two,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-two,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-two,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-two,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-two,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-two {
        width: 1436px;
        height: 1436px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-three,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-three,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-three,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-three,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-three,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-three,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-three,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-three,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-three {
        width: 1189px;
        height: 1189px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-four,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-four,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-four,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-four,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-four,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-four,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-four,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-four,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-four {
        width: 976.2833px;
        height: 976.2833px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-five,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-five,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-five,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-five,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-five,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-five,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-five,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-five,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-five {
        width: 788.1649px;
        height: 788.1649px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle {
        height: 528.7599px;
        width: 528.7599px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle h1,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle h1,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle h1,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle h1,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle h1,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle h1,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle h1,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle h1,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle h1 {
        font-size: 55px;
    }
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle p,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle p,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle p,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle p,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle p,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle p,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle p,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle p,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle p {
        font-size: 27px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one a,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one a,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one a,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one a,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one a,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one a,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one a,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one a,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one a {
        top: 507px;
        left: 53px;
    }
    /* contact css start */
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box,
    .data-insights-scroller .contact-box {
        height: 1400.849px;
        width: 1400.849px;
        bottom: -580px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper,
    .design-and-ui-scroller .contact-box .contact-box-wrapper,
    .digital-marketing-scroller .contact-box .contact-box-wrapper,
    .enrollment-services-scroller .contact-box .contact-box-wrapper,
    .goto_market-scroller .contact-box .contact-box-wrapper,
    .media-planing-scroller .contact-box .contact-box-wrapper,
    .website-design-scroller .contact-box .contact-box-wrapper,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper,
    .data-insights-scroller .contact-box .contact-box-wrapper {
        margin-top: 89px;
    }
    /* contact css end*/
}

@media (max-width: 1679.98px) {
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one {
        width: 1520.2376px;
        height: 1520.2376px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-two,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-two,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-two,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-two,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-two,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-two,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-two,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-two,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-two {
        width: 1313.7901px;
        height: 1313.7901px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-three,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-three,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-three,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-three,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-three,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-three,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-three,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-three,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-three {
        width: 1087.5207px;
        height: 1087.5207px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-four,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-four,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-four,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-four,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-four,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-four,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-four,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-four,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-four {
        width: 892.6018px;
        height: 892.6018px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-five,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-five,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-five,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-five,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-five,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-five,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-five,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-five,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-five {
        width: 720.6079px;
        height: 720.6079px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one a,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one a,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one a,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one a,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one a,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one a,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one a,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one a,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one a {
        top: 464px;
        left: 46px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle {
        height: 483.4376px;
        width: 483.4376px;
    }
    .brand-strategy-scroller .service-section .img-elements .element.pie {
        width: 164.807px;
        top: -75px;
        left: -50px;
    }
    .content-engagement-marketing-scroller .service-section .img-wrap .green-circle {
        margin-inline: auto;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e-graph {
        width: 517.9443px;
        height: 447.337px;
        right: -63px;
        bottom: 22px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c {
        width: 280px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_circle {
        width: 130px;
        height: 131px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_dotted .wrapper .dotted_img_in {
        width: 60%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_stars {
        width: 304px;
        height: 296px;
        bottom: -13px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_circle .wrapper img {
        width: 66%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_dotted {
        width: 110px;
        height: 110px;
        bottom: -29px;
        right: 69px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_d {
        width: 318.4968px;
        height: 347.9574px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.sm-content_user {
        width: 327.0178px;
        height: 436.0614px;
        top: -28px;
        right: 24px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_user {
        width: 164.2455px;
        height: 164.2455px;
        top: -96px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_user {
        width: 94.7145px;
        height: 94.7145px;
        bottom: -9px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_user .wrapper .user-2 {
        width: 49.5718px;
        height: 49.5718px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_user .wrapper img {
        top: 49%;
        width: 95%;
        height: 89%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_d {
        width: 268.2891px;
        height: 335.096px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.d-content {
        width: 335.4561px;
        height: 263.8709px
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_e {
        width: 330.7708px;
        height: 346.8307px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e {
        top: 51%;
        width: 277.9931px;
        height: 277.9931px;
    }
    .brand-strategy-scroller .service-section .img-elements .pie img {
        width: 100%;
    }
    .brand-strategy-scroller .service-section .img-elements .dotted-circle {
        height: 110.2444px;
        width: 110.2444px;
        top: -8px;
        right: 15px;
    }
    .brand-strategy-scroller .service-section .img-wrap .green-circle,
    .design-and-ui-scroller .service-section .img-wrap .green-circle,
    .digital-marketing-scroller .service-section .img-wrap .green-circle,
    .enrollment-services-scroller .service-section .img-wrap .green-circle,
    .goto_market-scroller .service-section .img-wrap .green-circle,
    .media-planing-scroller .service-section .img-wrap .green-circle,
    .website-design-scroller .service-section .img-wrap .green-circle,
    .content-engagement-marketing-scroller .service-section .img-wrap .green-circle,
    .data-insights-scroller .service-section .img-wrap .green-circle {
        height: 373.7993px;
        width: 373.7993px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-one {
        width: 186.481px;
        height: 186.481px;
        top: -119px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-one {
        width: 376.1557px;
        height: 430.7281px;
        top: 11px;
        left: -48px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-four {
        height: 139.7205px;
        width: 139.7205px;
        top: -68px;
        left: 100px;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-two {
        width: 347px;
        height: 312px;
        top: 20px;
        left: 11px;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-one {
        height: 204.4705px;
        width: 204.4705px;
        top: 86px;
        left: 86px;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-two {
        width: 667.3339px;
        height: 667.3339px;
        top: -160px;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-one {
        height: 94.7145px;
        bottom: -17px;
        width: 94.7145px;
        right: 58px;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-one {
        width: 115.4367px;
        height: 115.4367px;
        top: 49px;
        left: -40px;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-two {
        width: 438.6342px;
        height: 581.9275px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-five {
        height: 115.4367px;
        width: 115.4367px;
        top: -15px;
        right: -1px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-six {
        height: 114.1316px;
        width: 114.1316px;
        top: 118px;
        right: -21px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-three {
        height: 115.4367px;
        width: 115.4367px;
        top: -15px;
        left: -36px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-two {
        height: 114.1316px;
        width: 114.1316px;
        top: 118px;
        left: -72px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-two img {
        top: 52%;
        left: 48%;
        width: 55%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-three img:last-child {
        width: 58%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-four img {
        width: 45%;
        top: 42%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-five img:last-child {
        width: 57%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-six img {
        width: 57%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-one img {
        max-width: 376.1557px;
        height: 408.7281px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two .wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two svg {
        width: 271.9931px;
        height: 271.9931px;
        position: absolute;
        bottom: 11%;
        left: 13%;
        transform: translate(-50%, -50%);
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-one img {
        width: 81%;
        top: 15%;
        left: 9%;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two img {
        max-width: 428px;
        left: -34px;
        top: 65px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.pie {
        width: 149.9541px;
        height: 149.9541px;
        top: -69px;
        left: -41px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-3 {
        width: 348.6487px;
        height: 484.2295px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-1 {
        width: 395.1446px;
        height: 448.9328px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-2 {
        width: 145.1547px;
        height: 145.1547px;
        top: -77px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-3 {
        width: 97.7331px;
        height: 97.7331px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-3 .wrapper .target-img-2 {
        top: 55%;
        width: 58%;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_3 {
        width: 466.9386px;
        height: 405.0535px;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_1 {
        left: 30px;
        top: -102px;
        width: 163.295px;
        height: 163.295px;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_2 {
        right: -6px;
        top: -7px;
        width: 119.1713px;
        height: 119.1713px;
    }
    .goto_market-scroller .service-section .img-elements .element.Winning-3 {
        width: 400.0277px;
        height: 316.0277px;
    }
    .goto_market-scroller .service-section .img-elements .element.Winning-1 {
        width: 137.1134px;
        height: 137.1134px;
        left: 7px;
    }
    .goto_market-scroller .service-section .img-elements .element.dotted-Winning-2 {
        width: 182.8485px;
        height: 146.4775px;
        top: -6%;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_3 {
        width: 701.1641px;
        height: 546.3446px;
    }
    .goto_market-scroller .service-section .img-elements .element.dotted-Execution_sec_2 {
        width: 124.4908px;
        height: 124.4908px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 {
        width: 149.9541px;
        height: 149.9541px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 .wrapper img {
        top: 42%;
        left: 72%;
        width: 90%;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-2 {
        width: 119.1713px;
        height: 119.1713px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.p_marketing {
        height: 508.5912px;
        width: 504.5912px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-triangle {
        right: 0;
        height: 494.2304px;
        width: 423.3505px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.social_m {
        top: -91px;
        width: 160.7387px;
        height: 160.7387px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-content {
        width: 399.2079px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.content_m {
        width: 164.2455px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-three {
        top: 40px;
        right: -44px;
        width: 141.6844px;
        height: 141.6844px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-one {
        height: 365.7782px;
        width: 365.7782px;
        top: 53px;
        left: 45px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-one svg {
        height: 273.4064px;
        width: 273.4064px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-two {
        height: 111.8014px;
        width: 111.8014px;
        bottom: -50px;
        left: 26px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-one {
        height: 481.9016px;
        width: 481.9016px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-one img:not(:last-child) {
        top: 50px;
        left: 121px;
        width: 80%;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-three {
        height: 85.4816px;
        width: 85.4816px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-two {
        top: -66px;
        left: 7px;
        height: 125.3014px;
        width: 125.3014px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-three {
        top: -39px;
        right: 66px;
        height: 98.8654px;
        width: 98.8654px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-three .ioc_img {
        width: 63%;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-one {
        height: 149.9213px;
        width: 149.9213px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.dotted-content {
        width: 94.7145px;
        height: 94.7145px;
        right: -18px;
        bottom: 50px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-orm {
        right: -7px;
        bottom: 0;
        width: 450.1426px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.dotted-orm {
        bottom: -15px;
        width: 74.0782px;
        height: 74.0782px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.orm_m {
        top: -1%;
    }
    .digital-marketing-scroller .service-section .img-elements .element.dotted-social {
        right: 0px;
        top: -12px;
        width: 119.1713px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.p_marketing_circle {
        top: -29px;
        width: 169.2016px;
        height: 169.2016px;
    }
    .website-design-scroller .service-section .img-elements .element.website_c-graph {
        width: 380.8911px;
        height: 366.1921px;
        bottom: -48px;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-website_c {
        width: 119.1713px;
        height: 119.1713px;
    }
    .website-design-scroller .service-section .img-elements .element.website_c {
        width: 149.9541px;
        height: 149.9541px;
    }
    .website-design-scroller .service-section .img-elements .element.web_ap-1 {
        width: 555.9762px;
        height: 330.6778px;
        top: 58%;
    }
    .digital-marketing-scroller .service-section .img-elements .element.dotted-seo {
        width: 119.1713px;
        height: 119.1713px;
    }
    .website-design-scroller .service-section .img-elements .element.web_ap-2 {
        width: 173.873px;
        height: 173.873px;
        top: -105px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_3 {
        width: 417.0996px;
        height: 417.0996px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_1 {
        width: 160.7387px;
        height: 160.7387px;
        top: -104px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_4 {
        width: 119.1713px;
        height: 119.1713px;
        top: -17px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_1 .wrapper img {
        width: 42%;
    }
    .website-design-scroller .service-section .img-elements .element.crm_3 {
        width: 400.0996px;
        height: 400.0996px;
        bottom: -55px;
        right: 2px;
    }
    .website-design-scroller .service-section .img-elements .element.sm-cms_3 {
        width: 600px;
        height: 630px;
    }
    .website-design-scroller .service-section .img-elements .element.cms_1 {
        width: 171.2609px;
        height: 171.2609px;
    }
    .website-design-scroller .service-section .img-elements .element.cms_1 .wrapper img {
        width: 90%;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-cms_2 {
        width: 130px;
        height: 130px;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-cms_2 .wrapper .cms_img-2 {
        max-width: 241px;
    }
    .website-design-scroller .service-section .img-elements .element.sm-wms_sec_3 {
        width: 553.2099px;
        height: 289.4316px;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-wms_sec_2 {
        width: 126.3147px;
        height: 126.3147px;
    }
    .website-design-scroller .service-section .img-elements .element.wms_sec_1 {
        top: -44px;
        width: 159.9651px;
        height: 159.9651px;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-wms_sec_2 .wrapper .wms_img-2 {
        width: 93%;
    }
    /* .digital-marketing-scroller .service-section .img-elements .element.seo-graph {
        
        width: 523.6462px;
        height: 448.8396px;
    } */
    .digital-marketing-scroller .service-section .img-elements .element.seo-graph {
        top: -3px;
        left: -76px;
        width: 500px;
        height: 448.8396px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_c {
        width: 280.0194px;
        height: 280.0194px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_c-graph {
        width: 780.6672px;
        height: 780.6672px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.dotted-designUi_c {
        width: 146.7243px;
        height: 103px;
        top: -38px;
        left: -41px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.responsive_web-2 {
        width: 160.0927px;
        height: 160.0927px;
        top: -51px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.responsive_web-2 .wrapper img {
        width: 63%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.visual_brand {
        top: 46%;
        width: 545.2591px;
        height: 780.7375px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-1 {
        width: 120.4174px;
        height: 120.4174px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-1 img {
        width: 70%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-2 {
        top: 47px;
        left: -43px;
        width: 115.4367px;
        height: 115.4367px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-2 .wrapper .info_img-2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-3 {
        top: 57%;
        left: 49%;
        transform: translate(-50%, -50%);
        width: 440.4132px;
        height: 523.4653px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.Interaction_sec_3 {
        width: 585.7636px;
        height: 585.7636px;
        top: 49%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.Interaction_sec_2 {
        width: 115.4367px;
        height: 115.4367px;
        left: -39px;
        top: 60px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.tesing_sec_3 {
        width: 330.9453px;
        height: 290.4239px;
        left: 51%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.photo_video-3 {
        top: 49%;
        width: 270px;
        height: 380px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.photo_video-1 {
        width: 165.7172px;
        height: 165.7172px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.tesing_sec_2 {
        width: 115.4367px;
        height: 115.4367px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.photo_video-1 .wrapper img {
        top: 42%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.photo_video-2 {
        width: 117.6488px;
        height: 117.6488px;
        top: 47%;
        left: 82%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.photo_video-2 .wrapper .photo_img-2 {
        top: 86%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.responsive_web-1 {
        width: 479.6765px;
        height: 479.6765px;
        top: 56%;
        left: 45.8%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_dum {
        width: 21.4236px;
        height: 40px;
        right: 118px;
        top: -9px;
    }
    .brand-strategy-scroller .service-section .img-elements .pushing-graph {
        height: 443.1646px;
        width: 443.1646px;
    }
    .brand-strategy-scroller .service-section .img-elements .dotted-circle img,
    .brand-strategy-scroller .service-section .img-elements .pushing-graph img {
        width: 100%;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-five {
        width: 666.6282px;
        height: 666.6282px;
    }
    .brand-strategy-scroller .service-section .img-elements .puzzle {
        height: 377.6942px;
        width: 367.6942px;
        top: 6px;
        left: 0px;
    }
    .brand-strategy-scroller .service-section .img-elements .puzzle img {
        width: 100%;
    }
    .brand-strategy-scroller .service-section .img-elements .bulb {
        height: 103.6216px;
        width: 103.6216px;
        bottom: -18px;
        left: 45%;
    }
    .brand-strategy-scroller .service-section .img-elements .bulb img {
        width: 100%;
    }
    .brand-strategy-scroller .service-section .img-elements .pointing-arrows {
        width: 478.9087px;
        height: 478.9087px;
        left: -82px;
        top: 15px;
        /* transform: translate(-50%, -50%); */
    }
    .brand-strategy-scroller .service-section .img-elements .pointing-arrows img,
    .brand-strategy-scroller .service-section .img-elements .arrow img,
    .brand-strategy-scroller .service-section .img-elements .triangle img {
        width: 100%;
    }
    .brand-strategy-scroller .service-section .img-elements .arrow {
        height: 153.2826px;
        width: 153.2826px;
        top: -36px;
    }
    /* .brand-strategy-scroller .service-section .img-elements .dotted-circle {
        height: 102.5353px;
        width: 102.5353px;
    } */
    .brand-strategy-scroller .service-section .img-elements .triangle {
        width: 400.8574px;
        height: 400.8574px;
        top: -18px;
        left: -36px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-graph {
        width: 413.3941px;
        height: 439.9028px;
        left: -17px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text {
        width: 149.9541px;
        height: 149.9541px;
        top: -60px;
        left: -61px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text h3 {
        font-size: 21px;
    }
    .data-insights-scroller .service-section .img-elements .element.dotted-drda {
        width: 119.1713px;
        height: 119.1713px;
        right: -48px;
    }
    .data-insights-scroller .service-section .img-elements .element.coir-img {
        height: 424.988px;
        width: 380.7506px;
    }
    .data-insights-scroller .service-section .img-elements .element.coir-pie {
        width: 179.5368px;
        height: 179.5368px;
        right: -39px;
        top: -29px;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-img {
        height: 492.4649px;
        width: 318.3011px;
        right: 60px;
        top: 20px;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-hand {
        width: 158.3575px;
        height: 158.3575px;
        right: -26px;
        bottom: -32px;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-hand .wrapper img {
        max-width: 100px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one {
        width: 317.7696px;
        height: 462.2211px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one img:last-child {
        width: 317.7696px;
        left: 19%;
        top: -28px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one img:first-child {
        width: 202.7993px;
        position: absolute;
        top: -38px;
        left: -40px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-two {
        height: 171.0413px;
        width: 171.0413px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-three {
        height: 137.2966px;
        width: 137.2966px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-four {
        width: 75.1082px;
        height: 75.1082px;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_1 .wrapper img {
        width: 91%;
    }
    .goto_market-scroller .service-section .img-elements .element.dotted-Execution_sec_2 .wrapper .executing_img-2 {
        width: 73%;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_3 {
        width: 641.1641px;
        height: 490.3446px;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_1 {
        width: 136.5311px;
        height: 136.5311px;
    }
    /* contact css start */
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box,
    .data-insights-scroller .contact-box {
        height: 1363.9762px;
        width: 1363.9762px;
        bottom: -710px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper,
    .design-and-ui-scroller .contact-box .contact-box-wrapper,
    .digital-marketing-scroller .contact-box .contact-box-wrapper,
    .enrollment-services-scroller .contact-box .contact-box-wrapper,
    .goto_market-scroller .contact-box .contact-box-wrapper,
    .media-planing-scroller .contact-box .contact-box-wrapper,
    .website-design-scroller .contact-box .contact-box-wrapper,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper,
    .data-insights-scroller .contact-box .contact-box-wrapper {
        margin-top: 60px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk {
        height: 368px;
        width: 368px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk a {
        font-size: 50px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap {
        height: 65%;
        width: 65%;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk img {
        width: 85%;
    }
    .brand-strategy-scroller .contact-box .contact-details,
    .design-and-ui-scroller .contact-box .contact-details,
    .digital-marketing-scroller .contact-box .contact-details,
    .enrollment-services-scroller .contact-box .contact-details,
    .goto_market-scroller .contact-box .contact-details,
    .media-planing-scroller .contact-box .contact-details,
    .website-design-scroller .contact-box .contact-details,
    .content-engagement-marketing-scroller .contact-box .contact-details,
    .data-insights-scroller .contact-box .contact-details {
        display: flex;
        flex-flow: wrap;
        margin-top: 25px;
    }
    /* contact css end */
}

@media (max-width: 1535.98px) {
    .digital-marketing-scroller .service-section .img-elements .element.sm-triangle {
        height: 494.2304px;
        width: 394.3505px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one {
        width: 1351.9822px;
        height: 1351.9822px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-two,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-two,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-two,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-two,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-two,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-two,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-two,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-two,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-two {
        width: 1168.3836px;
        height: 1168.3836px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-three,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-three,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-three,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-three,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-three,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-three,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-three,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-three,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-three {
        width: 967.1571px;
        height: 967.1571px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-four,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-four,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-four,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-four,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-four,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-four,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-four,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-four,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-four {
        width: 793.8113px;
        height: 793.8113px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-five,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-five,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-five,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-five,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-five,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-five,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-five,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-five,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-five {
        width: 640.8531px;
        height: 640.8531px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one a,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one a,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one a,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one a,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one a,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one a,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one a,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one a,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one a {
        top: 416px;
        left: 36px;
    }
    /* contact css start */
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box,
    .data-insights-scroller .contact-box {
        bottom: -612px;
        height: 1213.0153px;
        width: 1213.0153px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper,
    .design-and-ui-scroller .contact-box .contact-box-wrapper,
    .digital-marketing-scroller .contact-box .contact-box-wrapper,
    .goto_market-scroller .contact-box .contact-box-wrapper,
    .enrollment-services-scroller .contact-box .contact-box-wrapper,
    .media-planing-scroller .contact-box .contact-box-wrapper,
    .website-design-scroller .contact-box .contact-box-wrapper,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper,
    .data-insights-scroller .contact-box .contact-box-wrapper {
        margin-top: -3px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk a {
        font-size: 35px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk .link-wrap {
        height: 50%;
        width: 50%;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk img,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk img {
        width: 65%;
    }
    .brand-strategy-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .brand-strategy-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .design-and-ui-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .design-and-ui-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .goto_market-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .goto_market-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .digital-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .digital-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .enrollment-services-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .enrollment-services-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .media-planing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .media-planing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .website-design-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .website-design-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .data-insights-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .data-insights-scroller .contact-box .contact-details .col-30:nth-of-type(3) {
        padding-left: 38px;
    }
    .brand-strategy-scroller .contact-box .contact-details p,
    .brand-strategy-scroller .contact-box .contact-details a,
    .design-and-ui-scroller .contact-box .contact-details p,
    .design-and-ui-scroller .contact-box .contact-details a,
    .goto_market-scroller .contact-box .contact-details p,
    .goto_market-scroller .contact-box .contact-details a,
    .digital-marketing-scroller .contact-box .contact-details p,
    .digital-marketing-scroller .contact-box .contact-details a,
    .enrollment-services-scroller .contact-box .contact-details p,
    .enrollment-services-scroller .contact-box .contact-details a,
    .media-planing-scroller .contact-box .contact-details p,
    .media-planing-scroller .contact-box .contact-details a,
    .website-design-scroller .contact-box .contact-details p,
    .website-design-scroller .contact-box .contact-details a,
    .content-engagement-marketing-scroller .contact-box .contact-details p,
    .content-engagement-marketing-scroller .contact-box .contact-details a,
    .data-insights-scroller .contact-box .contact-details p,
    .data-insights-scroller .contact-box .contact-details a {
        font-size: 16px;
    }
    .brand-strategy-scroller .contact-box .contact-details .col .social .links a,
    .design-and-ui-scroller .contact-box .contact-details .col .social .links a,
    .goto_market-scroller .contact-box .contact-details .col .social .links a,
    .digital-marketing-scroller .contact-box .contact-details .col .social .links a,
    .enrollment-services-scroller .contact-box .contact-details .col .social .links a,
    .media-planing-scroller .contact-box .contact-details .col .social .links a,
    .website-design-scroller .contact-box .contact-details .col .social .links a,
    .content-engagement-marketing-scroller .contact-box .contact-details .col .social .links a,
    .data-insights-scroller .contact-box .contact-details .col .social .links a {
        min-width: 35px;
        text-align: center;
    }
    .brand-strategy-scroller .contact-box .contact-details .col .social .links a i,
    .design-and-ui-scroller .contact-box .contact-details .col .social .links a i,
    .goto_market-scroller .contact-box .contact-details .col .social .links a i,
    .digital-marketing-scroller .contact-box .contact-details .col .social .links a i,
    .enrollment-services-scroller .contact-box .contact-details .col .social .links a i,
    .media-planing-scroller .contact-box .contact-details .col .social .links a i,
    .website-design-scroller .contact-box .contact-details .col .social .links a i,
    .content-engagement-marketing-scroller .contact-box .contact-details .col .social .links a i,
    .data-insights-scroller .contact-box .contact-details .col .social .links a i {
        font-size: 14px;
    }
    .brand-strategy-scroller .contact-box .contact-details,
    .design-and-ui-scroller .contact-box .contact-details,
    .goto_market-scroller .contact-box .contact-details,
    .digital-marketing-scroller .contact-box .contact-details,
    .enrollment-services-scroller .contact-box .contact-details,
    .media-planing-scroller .contact-box .contact-details,
    .website-design-scroller .contact-box .contact-details,
    .content-engagement-marketing-scroller .contact-box .contact-details,
    .data-insights-scroller .contact-box .contact-details {
        max-width: 860px;
    }
    /* contact css end */
}


/* @media (max-width: 1439.98px) {} */

@media (max-width: 1365.98px) {
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one {
        width: 1266.8647px;
        height: 1266.8647px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-two,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-two,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-two,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-two,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-two,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-two,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-two,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-two,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-two {
        width: 1094.8251px;
        height: 1094.8251px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-three,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-three,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-three,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-three,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-three,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-three,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-three,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-three,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-three {
        width: 906.2672px;
        height: 906.2672px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-four,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-four,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-four,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-four,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-four,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-four,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-four,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-four,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-four {
        width: 743.8349px;
        height: 743.8349px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-five,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-five,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-five,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-five,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-five,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-five,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-five,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-five,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-five {
        width: 600.5066px;
        height: 600.5066px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .circle-one a,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .circle-one a,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .circle-one a,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .circle-one a,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .circle-one a,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .circle-one a,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .circle-one a,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .circle-one a,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .circle-one a {
        top: 387px;
        left: 38px;
        font-size: 19px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle {
        height: 402.8647px;
        width: 402.8647px;
    }
    .brand-strategy-scroller .service-section .section-detail p,
    .design-and-ui-scroller .service-section .section-detail p,
    .digital-marketing-scroller .service-section .section-detail p,
    .enrollment-services-scroller .service-section .section-detail p,
    .goto_market-scroller .service-section .section-detail p,
    .media-planing-scroller .service-section .section-detail p,
    .website-design-scroller .service-section .section-detail p,
    .content-engagement-marketing-scroller .service-section .section-detail p,
    .data-insights-scroller .service-section .section-detail p {
        font-size: 16px;
    }
    .brand-strategy-scroller .service-section .section-detail h2,
    .design-and-ui-scroller .service-section .section-detail h2,
    .digital-marketing-scroller .service-section .section-detail h2,
    .enrollment-services-scroller .service-section .section-detail h2,
    .goto_market-scroller .service-section .section-detail h2,
    .media-planing-scroller .service-section .section-detail h2,
    .website-design-scroller .service-section .section-detail h2,
    .content-engagement-marketing-scroller .service-section .section-detail h2,
    .data-insights-scroller .service-section .section-detail h2 {
        font-size: 45px;
    }
    /* contact pagge css start */
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box,
    .data-insights-scroller .contact-box {
        bottom: -568px;
        height: 1136.6469px;
        width: 1136.6469px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper,
    .design-and-ui-scroller .contact-box .contact-box-wrapper,
    .digital-marketing-scroller .contact-box .contact-box-wrapper,
    .enrollment-services-scroller .contact-box .contact-box-wrapper,
    .goto_market-scroller .contact-box .contact-box-wrapper,
    .media-planing-scroller .contact-box .contact-box-wrapper,
    .website-design-scroller .contact-box .contact-box-wrapper,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper,
    .data-insights-scroller .contact-box .contact-box-wrapper {
        margin-top: -25px;
    }
    /* contact pagge css end */
    .brand-strategy-scroller .service-section .col,
    .design-and-ui-scroller .service-section .col,
    .digital-marketing-scroller .service-section .col,
    .enrollment-services-scroller .service-section .col,
    .goto_market-scroller .service-section .col,
    .media-planing-scroller .service-section .col,
    .website-design-scroller .service-section .col,
    .content-engagement-marketing-scroller .service-section .col,
    .data-insights-scroller .service-section .col {
        flex-basis: 44%;
    }
    .digital-marketing-scroller .service-section .img-elements .element.seo-graph {
        top: 0px;
        left: -71px;
        width: 490.6787px;
        height: 420.6787px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.p_marketing {
        height: 465.6304px;
        width: 500.6304px;
        right: -47px;
        top: -69px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-content {
        width: 360.2079px;
        right: -5px;
        bottom: 5px;
    }
}

@media (max-width: 1023.98px) {
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles {
        overflow: hidden;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .cir,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .cir,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .cir,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .cir,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .cir,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .cir,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .cir,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .cir,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .cir {
        opacity: 1;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle {
        opacity: 1;
    }
    .brand-strategy-scroller .service-section,
    .design-and-ui-scroller .service-section,
    .digital-marketing-scroller .service-section,
    .enrollment-services-scroller .service-section,
    .goto_market-scroller .service-section,
    .media-planing-scroller .service-section,
    .website-design-scroller .service-section,
    .data-insights-scroller .service-section,
    .content-engagement-marketing-scroller .service-section {
        position: static;
        background: #fff;
    }
    .brand-strategy-scroller .service-section .container,
    .design-and-ui-scroller .service-section .container,
    .digital-marketing-scroller .service-section .container,
    .enrollment-services-scroller .service-section .container,
    .goto_market-scroller .service-section .container,
    .media-planing-scroller .service-section .container,
    .website-design-scroller .service-section .container,
    .data-insights-scroller .service-section .container,
    .content-engagement-marketing-scroller .service-section .container {
        display: block;
    }
    .brand-strategy-scroller .service-section .row,
    .design-and-ui-scroller .service-section .row,
    .digital-marketing-scroller .service-section .row,
    .enrollment-services-scroller .service-section .row,
    .goto_market-scroller .service-section .row,
    .media-planing-scroller .service-section .row,
    .website-design-scroller .service-section .row,
    .data-insights-scroller .service-section .row,
    .content-engagement-marketing-scroller .service-section .row {
        position: static;
        transform: unset;
        opacity: 1;
        padding: 80px 0px;
    }
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .data-insights-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box {
        border-radius: 0%;
        position: static;
        transform: unset;
        opacity: 1;
        width: 100%;
    }
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box,
    .digital-marketing-scroller .contact-box,
    .enrollment-services-scroller .contact-box,
    .goto_market-scroller .contact-box,
    .media-planing-scroller .contact-box,
    .website-design-scroller .contact-box,
    .data-insights-scroller .contact-box,
    .content-engagement-marketing-scroller .contact-box {
        height: auto;
        width: 100%;
    }
    /* sss End*/
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles {
        overflow: hidden;
    }
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .cir,
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .cir,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .cir {
        opacity: 1;
    }
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle {
        opacity: 1;
    }
    .brand-strategy-scroller .service-section,
    .brand-strategy-scroller .service-section {
        position: static;
        background: #fff;
    }
    .brand-strategy-scroller .service-section .container,
    .brand-strategy-scroller .service-section .container {
        display: block;
    }
    .brand-strategy-scroller .service-section .row {
        position: static;
        transform: unset;
        opacity: 1;
        padding: 80px 0px;
    }
    .brand-strategy-scroller .contact-box,
    .brand-strategy-scroller .contact-box {
        border-radius: 0%;
        position: static;
        transform: unset;
        opacity: 1;
        width: 100%;
    }
    .brand-strategy-scroller .contact-box,
    .design-and-ui-scroller .contact-box {
        height: auto;
        width: 100%;
    }
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles {
        overflow: hidden;
    }
    .design-and-ui-scroller .service-section {
        position: static;
        background: #fff;
    }
    .design-and-ui-scroller .service-section .container {
        flex-direction: column;
    }
    .design-and-ui-scroller .service-section .row {
        position: static;
        transform: unset;
        opacity: 1;
        padding: 100px 0px;
    }
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles {
        overflow: hidden;
    }
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .cir {
        opacity: 1;
    }
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle {
        opacity: 1;
    }
    .digital-marketing-scroller .service-section {
        position: static;
        background: #fff;
    }
    .digital-marketing-scroller .service-section .container {
        flex-direction: column;
    }
    .digital-marketing-scroller .service-section .row {
        position: static;
        transform: unset;
        opacity: 1;
        padding: 100px 0px;
    }
    div#navtoggler {
        display: block;
    }
    nav#ddfullscreenmenu {
        display: flex;
    }
    /* sss End */
}

@media (max-width: 576px) {
    .brand-strategy-scroller .service-section .row,
    .design-and-ui-scroller .service-section .row,
    .digital-marketing-scroller .service-section .row,
    .enrollment-services-scroller .service-section .row,
    .goto_market-scroller .service-section .row,
    .media-planing-scroller .service-section .row,
    .website-design-scroller .service-section .row,
    .data-insights-scroller .service-section .row,
    .content-engagement-marketing-scroller .service-section .row {
        flex-wrap: wrap;
    }
    .enrollment-services-scroller .service-section .row:nth-child(1) {
        gap: 40px 0;
        padding: 50px 20px 40px 20px;
        position: relative;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-two {
        bottom: -5px;
        left: -22px;
        width: 271px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-three {
        right: -26px;
        width: 95.6844px;
        height: 95.6844px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-one {
        height: 98.9213px;
        width: 98.9213px;
        left: -42px;
    }
    .enrollment-services-scroller .service-section .row:nth-child(2) {
        gap: 50px 0;
        padding: 85px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .enrollment-services-scroller .service-section .row:nth-child(2) .rotate_circle {
        width: 538px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-one img:nth-child(2) {
        left: 64%;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-one {
        height: 301.7782px;
        width: 266.7782px;
        top: 16px;
        left: 31px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-three {
        top: -39px;
        height: 77.8654px;
        width: 75.8654px;
    }
    .enrollment-services-scroller .service-section .img-elements .element .air_eng {
        width: 50%;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-two {
        height: 99.8014px;
        width: 81.8014px;
        bottom: -44px;
    }
    .enrollment-services-scroller .service-section .lc .img-elements .element-one svg {
        height: 239.4064px;
        width: 206.4064px;
    }
    .enrollment-services-scroller .service-section .row:nth-child(3) {
        gap: 30px;
        padding: 90px 20px 40px 20px;
        position: relative;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-one {
        height: 377.9016px;
        width: 335.9016px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-one img:not(:last-child) {
        top: 56px;
        left: 129px;
        width: 79%;
    }
    .enrollment-services-scroller .service-section .img-elements .element .sjm_img {
        left: 65% !important;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-two {
        top: -44px;
        height: 90.3014px;
        width: 91.3014px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-three {
        height: 67.4816px;
        width: 67.4816px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-three img:last-child {
        width: 47% !important;
    }
    .enrollment-services-scroller .service-section .row:nth-child(4) {
        gap: 36px 0;
        padding: 80px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one {
        width: 219.7696px;
        height: 412.2211px;
        left: 106px;
        top: 99px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-four {
        width: 60.1082px;
        height: 60.1082px;
        top: 20px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one img:first-child {
        width: 140.7993px;
        position: absolute;
        top: -38px;
        left: -40px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-one img:last-child {
        width: 208.7696px;
        left: 19%;
        top: -28px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-three {
        height: 93.2966px;
        width: 93.2966px;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-three img:not(:first-child) {
        width: 50%;
    }
    .enrollment-services-scroller .service-section .lne .img-elements .element-two {
        height: 90.0413px;
        width: 90.0413px;
        left: -11px;
    }
    .enrollment-services-scroller .service-section .sjm .img-elements .element-two img {
        width: 63%;
    }
    .enrollment-services-scroller .service-section .img-elements .element .engagement_img {
        width: 52%;
    }
    .data-insights-scroller .service-section .row:nth-child(1) {
        gap: 30px 0;
        padding: 70px 20px 40px 20px;
        position: relative;
    }
    .data-insights-scroller .service-section .row:nth-child(2) {
        padding: 50px 20px 40px 20px;
        gap: 75px 0;
        background: #F4F4F4;
        position: relative;
    }
    .data-insights-scroller .service-section .row:nth-child(3) {
        gap: 50px 0;
        padding: 50px 20px 60px 20px;
        position: relative;
    }
    .website-design-scroller .service-section .row:nth-child(1) {
        gap: 50px 0;
        padding: 90px 20px 40px 20px;
        position: relative;
    }
    .website-design-scroller .service-section .img-elements .element.website_c-graph {
        width: 275.8911px;
        height: 277.1921px;
        bottom: -46px;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-website_c {
        width: 90.1713px;
        height: 90.1713px;
        top: -22px;
    }
    .website-design-scroller .service-section .img-elements .element.website_c {
        width: 106.9541px;
        height: 106.9541px;
        top: -45px;
        left: -17px;
    }
    .website-design-scroller .service-section .img-elements .element.website_c .wrapper h3 {
        font-size: 17px;
    }
    .website-design-scroller .service-section .row:nth-child(2) {
        padding: 105px 20px 40px 20px;
        gap: 30px 0;
        background: #F4F4F4;
        position: relative;
    }
    .website-design-scroller .service-section .row:nth-child(3) {
        gap: 160px 0;
        padding: 55px 0;
    }
    .website-design-scroller .service-section .img-elements .element.crm_3 {
        width: 280.0996px;
        height: 357.0996px;
        bottom: -122px;
        right: 0px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_4 {
        width: 90.1713px;
        height: 90.1713px;
        top: -9px;
    }
    .website-design-scroller .service-section .img-elements .element.crm_1 {
        width: 110.7387px;
        height: 110.7387px;
        top: -70px;
    }
    .website-design-scroller .service-section .row:nth-child(3) {
        gap: 45px 0;
        padding: 125px 20px 40px 20px;
        position: relative;
    }
    .data-insights-scroller .service-section .row,
    .content-engagement-marketing-scroller .service-section .row:nth-child(1) {
        gap: 120px 0;
        padding: 40px 0;
    }
    .website-design-scroller .service-section .img-elements .element.web_ap-1 {
        width: 393.9762px;
        height: 243.6778px;
        top: 61%;
    }
    .website-design-scroller .service-section .img-elements .element.web_ap-2 {
        width: 107.873px;
        height: 107.873px;
        top: -54px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e-graph {
        width: 369.9443px;
        height: 303.337px;
        left: -56px;
        bottom: 35px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_e {
        width: 234.7708px;
        height: 243.8307px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e {
        width: 210.9931px;
        height: 210.9931px;
    }
    .data-insights-scroller .service-section .row,
    .content-engagement-marketing-scroller .service-section .row:nth-child(2) {
        gap: 90px 0;
        padding: 40px 0;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c {
        width: 205px;
        top: 63%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_circle {
        width: 78px;
        height: 78px;
        top: 0px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_circle .wrapper img {
        width: 59%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c_dotted {
        width: 66px;
        height: 70px;
        bottom: -17px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_stars {
        width: 204px;
        height: 234px;
        bottom: -13px;
    }
    .data-insights-scroller .service-section .row {
        gap: 30px 0;
        padding: 40px 0;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(3) {
        gap: 30px 0;
        padding: 20px 0 90px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_d {
        width: 228.4968px;
        height: 230.9574px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_d {
        width: 179.2891px;
        height: 232.096px;
        top: 63%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.d-content {
        width: 242.4561px;
        height: 199.8709px;
        left: 49%;
    }
    .data-insights-scroller .service-section .row {
        gap: 75px 0;
        padding: 20px 0 95px;
    }
    .data-insights-scroller .service-section .row {
        gap: 40px 0;
        padding: 20px 0 70px;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(3) {
        gap: 30px 0;
        padding: 52px 20px 40px 20px;
        position: relative;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(4) {
        position: relative;
        background: #f4f4f4;
        padding: 91px 20px 40px 20px;
        gap: 35px 0;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(4) .rotate_circle {
        width: 527px;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(3) .rotate_circle {
        width: 520px;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(2) .rotate_circle {
        width: 577px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.sm-content_user {
        width: 231.0178px;
        height: 340.0614px;
        top: -19px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_user {
        width: 100.2455px;
        height: 100.2455px;
        top: -46px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_user {
        width: 72.7145px;
        height: 73.7145px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_user .wrapper .user-2 {
        width: 40.5718px;
        height: 40.5718px;
    }
    .goto_market-scroller .service-section .row:nth-child(1) {
        gap: 40px 0;
        padding: 60px 20px 40px 20px;
        position: relative;
    }
    .goto_market-scroller .service-section .row:nth-child(1) .rotate_circle {
        width: 491px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-3 {
        width: 245.6487px;
        height: 347.2295px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 {
        width: 106.9541px;
        height: 106.9541px;
        left: -27px;
        top: -44px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-2 {
        width: 90.1713px;
        height: 90.1713px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-2 .wrapper .Goto_market-2 {
        top: 66%;
        left: 35%;
        max-width: 107px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 svg {
        width: 110px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 .wrapper img {
        left: 57%;
        width: 68%;
    }
    .goto_market-scroller .service-section .row:nth-child(2) {
        gap: 40px 0;
        padding: 80px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-1 {
        width: 279.1446px;
        height: 317.9328px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-2 {
        width: 95.1547px;
        height: 95.1547px;
        top: -36px;
    }
    .goto_market-scroller .service-section .img-elements .element.targets-3 {
        width: 70.7331px;
        height: 70.7331px;
        right: 9px;
    }
    .goto_market-scroller .service-section .row:nth-child(3) {
        gap: 85px 0;
        padding: 110px 20px 40px 20px;
        position: relative;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_3 {
        width: 366.9386px;
        height: 332.0535px;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_2 {
        width: 73.1713px;
        height: 73.1713px;
    }
    .goto_market-scroller .service-section .img-elements .element.analysis_1 {
        left: 30px;
        top: -71px;
        width: 106.295px;
        height: 106.295px;
    }
    .goto_market-scroller .service-section .row:nth-child(4) {
        gap: 25px 0;
        padding: 120px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .goto_market-scroller .service-section .img-elements .element.Winning-3 {
        width: 310.0277px;
        height: 316.0277px;
    }
    .goto_market-scroller .service-section .img-elements .element.dotted-Winning-2 {
        width: 111.8485px;
        height: 117.4775px;
    }
    .goto_market-scroller .service-section .img-elements .element.Winning-1 {
        width: 93.1134px;
        height: 100.1134px;
        left: 7px;
    }
    .goto_market-scroller .service-section .row:nth-child(5) {
        gap: 90px 0;
        padding: 40px 0;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_3 {
        width: 415.1641px;
        height: 310.3446px;
    }
    .goto_market-scroller .service-section .img-elements .element.dotted-Execution_sec_2 {
        width: 85.4908px;
        height: 85.4908px;
        top: 0;
        right: 0px;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_1 {
        width: 91.5311px;
        height: 91.5311px;
        left: -39px;
    }
    .goto_market-scroller .service-section .row:nth-child(5) {
        gap: 65px 0;
        padding: 48px 20px 60px 20px;
        position: relative;
    }
    .media-planing-scroller .service-section .row:nth-child(1) {
        gap: 40px 0;
        padding: 100px 20px 40px 20px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-one {
        width: 143.481px;
        height: 143.481px;
        top: -79px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two {
        width: 369px;
        height: 358px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two svg {
        width: 255.9931px;
        height: 255.9931px;
        bottom: 13%;
        left: 15%;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two img {
        max-width: 385px;
        left: -13px;
        top: 71px;
    }
    .media-planing-scroller .service-section .row:nth-child(2) {
        gap: 32px 0;
        padding: 96px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-one img {
        max-width: 100%;
        height: 100%;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-one {
        width: 317.1557px;
        height: 333.7281px;
        top: 11px;
        left: -46px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-two {
        height: 81.1316px;
        width: 81.1316px;
        top: 118px;
        left: -46px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-three {
        height: 81.4367px;
        width: 81.4367px;
        top: 16px;
        left: -32px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-four {
        height: 103.7205px;
        width: 103.7205px;
        top: -48px;
        left: 102px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-five {
        height: 81.4367px;
        width: 81.4367px;
        top: 18px;
        right: 6px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-six {
        height: 81.1316px;
        width: 81.1316px;
    }
    .media-planing-scroller .service-section .row:nth-child(3) {
        gap: 30px 0;
        padding: 55px 20px 40px 20px;
        position: relative;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-two {
        width: 290px;
        height: 330px;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-one {
        height: 195.4705px;
        width: 160.4705px;
        top: 76px;
        left: 79px;
    }
    .media-planing-scroller .service-section .row:nth-child(4) {
        gap: 30px 0;
        padding: 85px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-two {
        width: 540.3339px;
        height: 578.3339px;
        top: -112px;
        left: -102px;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-one {
        height: 94.7145px;
        bottom: -25px;
        width: 80.7145px;
        right: 40px;
    }
    .media-planing-scroller .service-section .row:nth-child(5) {
        gap: 65px 0;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-two {
        width: 358.6342px;
        height: 540.9275px;
        top: -73px;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-one {
        width: 91.4367px;
        height: 91.4367px;
        top: 49px;
        left: -34px;
    }
    .brand-strategy-scroller .service-section .img-wrap .green-circle,
    .design-and-ui-scroller .service-section .img-wrap .green-circle,
    .digital-marketing-scroller .service-section .img-wrap .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .service-section .img-wrap .green-circle,
    .media-planing-scroller .service-section .img-wrap .green-circle,
    .website-design-scroller .service-section .img-wrap .green-circle,
    .content-engagement-marketing-scroller .service-section .img-wrap .green-circle,
    .data-insights-scroller .service-section .img-wrap .green-circle {
        height: 320.7993px;
        width: 320.7993px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text {
        width: 116.9541px;
        height: 116.9541px;
        top: -34px;
        left: -45px;
    }
    .data-insights-scroller .service-section .img-elements .element.dotted-drda {
        width: 101.1713px;
        height: 101.1713px;
        right: -30px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text h3 {
        font-size: 17px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-graph {
        width: 348.3941px;
        height: 355.9028px;
        top: -24px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text h3 {
        top: 43%;
    }
    .brand-strategy-scroller .service-section .section-detail h2,
    .design-and-ui-scroller .service-section .section-detail h2,
    .digital-marketing-scroller .service-section .section-detail h2,
    .enrollment-services-scroller .service-section .section-detail h2,
    .goto_market-scroller .service-section .section-detail h2,
    .media-planing-scroller .service-section .section-detail h2,
    .website-design-scroller .service-section .section-detail h2,
    .content-engagement-marketing-scroller .service-section .section-detail h2,
    .data-insights-scroller .service-section .section-detail h2 {
        font-size: 35px;
        line-height: 1.2;
    }
    .brand-strategy-scroller .service-section .section-detail p,
    .design-and-ui-scroller .service-section .section-detail p,
    .digital-marketing-scroller .service-section .section-detail p,
    .enrollment-services-scroller .service-section .section-detail p,
    .goto_market-scroller .service-section .section-detail p,
    .media-planing-scroller .service-section .section-detail p,
    .website-design-scroller .service-section .section-detail p,
    .content-engagement-marketing-scroller .service-section .section-detail p,
    .data-insights-scroller .service-section .section-detail p {
        font-size: 14px;
    }
    /* contact css start */
    .data-insights-scroller .contact-box .contact-details .col .social,
    .brand-strategy-scroller .contact-box .contact-details .col .social,
    .design-and-ui-scroller .contact-box .contact-details .col .social,
    .goto_market-scroller .contact-box .contact-details .col .social,
    .digital-marketing-scroller .contact-box .contact-details .col .social,
    .enrollment-services-scroller .contact-box .contact-details .col .social,
    .media-planing-scroller .contact-box .contact-details .col .social,
    .website-design-scroller .contact-box .contact-details .col .social,
    .content-engagement-marketing-scroller .contact-box .contact-details .col .social {
        padding-bottom: 12px;
    }
    .brand-strategy-scroller .contact-box .contact-details,
    .design-and-ui-scroller .contact-box .contact-details,
    .goto_market-scroller .contact-box .contact-details,
    .digital-marketing-scroller .contact-box .contact-details,
    .enrollment-services-scroller .contact-box .contact-details,
    .media-planing-scroller .contact-box .contact-details,
    .website-design-scroller .contact-box .contact-details,
    .content-engagement-marketing-scroller .contact-box .contact-details,
    .data-insights-scroller .contact-box .contact-details {
        max-width: 100%;
        padding: 0 20px;
        gap: 10px 25px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk {
        height: 316px;
        width: 316px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk a {
        font-size: 30px;
    }
    .brand-strategy-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .design-and-ui-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .digital-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .enrollment-services-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .goto_market-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .media-planing-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .website-design-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .content-engagement-marketing-scroller .contact-box .contact-box-wrapper .lets-talk a svg,
    .data-insights-scroller .contact-box .contact-box-wrapper .lets-talk a svg {
        max-width: 50px;
    }
    .brand-strategy-scroller .contact-box .contact-details .col-30,
    .design-and-ui-scroller .contact-box .contact-details .col-30,
    .digital-marketing-scroller .contact-box .contact-details .col-30,
    .enrollment-services-scroller .contact-box .contact-details .col-30,
    .goto_market-scroller .contact-box .contact-details .col-30,
    .media-planing-scroller .contact-box .contact-details .col-30,
    .website-design-scroller .contact-box .contact-details .col-30,
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30,
    .data-insights-scroller .contact-box .contact-details .col-30 {
        border: none;
    }
    .data-insights-scroller .contact-box .contact-details .col,
    .brand-strategy-scroller .contact-box .contact-details .col,
    .design-and-ui-scroller .contact-box .contact-details .col,
    .digital-marketing-scroller .contact-box .contact-details .col,
    .enrollment-services-scroller .contact-box .contact-details .col,
    .goto_market-scroller .contact-box .contact-details .col,
    .media-planing-scroller .contact-box .contact-details .col,
    .website-design-scroller .contact-box .contact-details .col,
    .content-engagement-marketing-scroller .contact-box .contact-details .col {
        justify-content: center;
        flex-wrap: wrap;
    }
    .brand-strategy-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .brand-strategy-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .design-and-ui-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .design-and-ui-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .goto_market-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .goto_market-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .digital-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .digital-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .enrollment-services-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .enrollment-services-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .media-planing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .media-planing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .website-design-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .website-design-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30:nth-of-type(3),
    .data-insights-scroller .contact-box .contact-details .col-30:nth-of-type(2),
    .data-insights-scroller .contact-box .contact-details .col-30:nth-of-type(3) {
        padding-left: 0;
    }
    /* contact css end */
    /* .brand-strategy-scroller .service-section .col:first-child,
    .design-and-ui-scroller .service-section .col:first-child,
    .digital-marketing-scroller .service-section .col:first-child,
    .enrollment-services-scroller .service-section .col:first-child,
    .goto_market-scroller .service-section .col:first-child,
    .media-planing-scroller .service-section .col:first-child,
    .website-design-scroller .service-section .col:first-child,
    .content-engagement-marketing-scroller .service-section .col:first-child,
    .data-insights-scroller .service-section .col:first-child {
        order: 2;
    } */
    .brand-strategy-scroller .service-section .col,
    .design-and-ui-scroller .service-section .col,
    .digital-marketing-scroller .service-section .col,
    .enrollment-services-scroller .service-section .col,
    .goto_market-scroller .service-section .col,
    .media-planing-scroller .service-section .col,
    .website-design-scroller .service-section .col,
    .content-engagement-marketing-scroller .service-section .col,
    .data-insights-scroller .service-section .col {
        flex-basis: 100%;
        z-index: 2;
    }
    /* ssss start */
    .data-insights-scroller .service-section .row {
        flex-wrap: wrap;
        gap: 40px 0;
    }
    .brand-strategy-scroller .service-section .col,
    .design-and-ui-scroller .service-section .col {
        order: 2;
    }
    .brand-strategy-scroller .service-section .col,
    .design-and-ui-scroller .service-section .col {
        flex-basis: 85%;
    }
    .design-and-ui-scroller .container .row,
    .brand-strategy-scroller .container .row {
        flex-direction: column;
    }
    .brand-strategy-scroller .service-section .img-wrap .green-circle,
    .design-and-ui-scroller .service-section .img-wrap .green-circle {
        height: 300px;
        width: 300px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(1) {
        width: 138px;
        top: -46px;
        left: -38px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(3) {
        height: 376px;
        width: 376px;
        top: 70px;
        left: -43px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(2) .green-circle .img-elements .element:nth-of-type(1) {
        height: 300px;
        width: 282px;
        top: 21px;
        left: 33px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(2) .green-circle .img-elements .element:nth-of-type(2) {
        height: 90.6216px;
        width: 103.6216px;
        bottom: 33px;
        left: 12%;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .green-circle .img-elements .element:nth-of-type(1) {
        height: 130px;
        width: 130px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .green-circle .img-elements .element:nth-of-type(3) {
        width: 400px;
        left: -74px;
        top: 6px;
        height: 400px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(4) .green-circle .img-elements .element:nth-of-type(1) {
        height: 100px;
        width: 100px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(4) .green-circle .img-elements .element:nth-of-type(2) {
        width: 350px;
        height: 350px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .img-wrap {
        padding: 0px 0px 100px 0px;
    }
    /* .brand-strategy-scroller .service-section .container,
    .data-insights-scroller .service-section .container,
    .content-engagement-marketing-scroller .service-section .container {
        padding: 0px 20px;
    } */
    .brand-strategy-scroller .service-section .row:nth-child(2) {
        background: #F4F4F4;
        padding: 50px 20px 40px 20px;
        position: relative;
    }
    .brand-strategy-scroller .service-section .row:nth-child(2) .img-wrap {
        padding: 0px 0px 30px 0px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) {
        padding: 60px 20px 40px 20px;
        gap: 25px 0;
        position: relative;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .img-wrap {
        padding: 0px 0px 100px 0px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(4) {
        padding: 55px 20px 40px 20px;
        gap: 25px 0;
        background: #f4f4f4;
        position: relative;
    }
    .brand-strategy-scroller .service-section .row:nth-child(4) .img-wrap {
        padding: 0px 0px 50px 0px;
    }
    /* .design-and-ui-scroller .service-section .container {
        padding: 0px 20px;
    } */
    .design-and-ui-scroller .service-section .row:nth-child(1) .img-wrap {
        padding: 0px 0px 30px 0px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(3) {
        width: 616.6672px;
        height: 601.6672px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(2) {
        padding: 59px 20px 40px 20px;
        /* padding-bottom: 63px; */
        position: relative;
        background: #F4F4F4;
    }
    .design-and-ui-scroller .service-section .row:nth-child(2) .img-wrap {
        padding-bottom: 27px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(3),
    .design-and-ui-scroller .service-section .row:nth-child(4),
    .design-and-ui-scroller .service-section .row:nth-child(5),
    .design-and-ui-scroller .service-section .row:nth-child(6),
    .design-and-ui-scroller .service-section .row:nth-child(7),
    .digital-marketing-scroller .service-section .row:nth-of-type(1),
    .digital-marketing-scroller .service-section .row:nth-of-type(2),
    .digital-marketing-scroller .service-section .row:nth-of-type(3),
    .digital-marketing-scroller .service-section .row:nth-of-type(4),
    .digital-marketing-scroller .service-section .row:nth-of-type(5) {
        padding-top: 0px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(3) .img-wrap {
        padding-bottom: 65px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) .img-wrap {
        padding-bottom: 80px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) .green-circle .img-elements .element:nth-of-type(3) {
        width: 336px;
        height: 353px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) .img-wrap {
        padding-bottom: 50px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) .green-circle .img-elements .element:nth-of-type(2) {
        width: 441.7636px;
        height: 447.7636px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .img-wrap {
        padding-bottom: 50px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .green-circle .img-elements .element:nth-of-type(2) {
        width: 231.7636px;
        height: 231.7636px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .img-wrap {
        padding-bottom: 50px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(7) .green-circle .img-elements .element:nth-of-type(3) {
        height: 400px;
        width: 300px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(7) .green-circle .img-elements .element:nth-of-type(1) {
        width: 130px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(7) .green-circle .img-elements .element:nth-of-type(2) {
        width: 80px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(7) .img-wrap {
        padding-bottom: 80px;
    }
    .digital-marketing-scroller .service-section .row {
        flex-direction: column;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(1) {
        padding-top: 120px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(1) .img-wrap {
        padding-bottom: 33px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(2) .img-wrap {
        padding-bottom: 31px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-wrap {
        padding-bottom: 100px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(4) .img-wrap {
        padding-bottom: 80px;
        padding-top: 90px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(5) .img-wrap {
        padding-bottom: 50px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(1) .img-elements .element:nth-of-type(1) {
        width: 300px;
        top: -20px;
        left: 0px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(1) .img-elements .element:nth-of-type(3) {
        width: 400px;
        top: 50px;
        left: -20px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(2) .img-elements .element:nth-of-type(2) {
        height: 136.6304px;
        width: 121.63040000000001px;
        right: 43px;
        top: -1px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(2) .img-elements .element:nth-of-type(1) {
        height: 339.6304px;
        width: 367.6304px;
        right: -8px;
        top: -8px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-elements .element:nth-of-type(1) {
        top: -50px;
        width: 124.7387px;
        height: 135.7387px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-elements .element:nth-of-type(3) {
        height: 494.2304px;
        width: 304.3505px;
        top: 50px;
        left: 30px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.content_m {
        width: 128.2455px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-orm {
        right: 39px;
        bottom: 48px;
        width: 325.1426px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-content {
        width: 314.2079px;
        right: 24px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.content_m {
        top: -51px;
        left: 19px;
    }
    /* .digital-marketing-scroller .service-section .container,
    .enrollment-services-scroller .service-section .container,
    .goto_market-scroller .service-section .container,
    .media-planing-scroller .service-section .container,
    .website-design-scroller .service-section .container {
        padding: 0px 20px;
    } */
    /* ssss end */
    /* new 576px css start */
    .brand-strategy-scroller .service-section .row:nth-child(1) {
        padding: 60px 20px 40px 20px;
        gap: 24px 0;
        position: relative;
    }
}

@media (max-width: 480px) {
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle {
        height: 300.8647px;
        width: 300.8647px;
        gap: 10px 0px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle h1,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle h1,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle h1,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle h1,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle h1,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle h1,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle h1,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle h1,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle h1 {
        font-size: 33px;
    }
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle p,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle p,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles .green-circle p,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles .green-circle p,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles .green-circle p,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles .green-circle p,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles .green-circle p,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles .green-circle p,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles .green-circle p {
        font-size: 20px;
        max-width: 80%;
    }
    .brand-strategy-scroller .service-section .section-detail h2,
    .design-and-ui-scroller .service-section .section-detail h2,
    .digital-marketing-scroller .service-section .section-detail h2,
    .enrollment-services-scroller .service-section .section-detail h2,
    .goto_market-scroller .service-section .section-detail h2,
    .media-planing-scroller .service-section .section-detail h2,
    .website-design-scroller .service-section .section-detail h2,
    .content-engagement-marketing-scroller .service-section .section-detail h2,
    .data-insights-scroller .service-section .section-detail h2 {
        font-size: 30px;
    }
    .brand-strategy-scroller .service-section .img-wrap .green-circle,
    .design-and-ui-scroller .service-section .img-wrap .green-circle,
    .digital-marketing-scroller .service-section .img-wrap .green-circle,
    .enrollment-services-scroller .service-section .img-wrap .green-circle,
    .goto_market-scroller .service-section .img-wrap .green-circle,
    .media-planing-scroller .service-section .img-wrap .green-circle,
    .website-design-scroller .service-section .img-wrap .green-circle,
    .content-engagement-marketing-scroller .service-section .img-wrap .green-circle,
    .data-insights-scroller .service-section .img-wrap .green-circle {
        height: 270.7993px;
        width: 270.7993px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text {
        width: 85.9541px;
        height: 85.9541px;
        top: -19px;
        left: -23px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text h3 {
        font-size: 12px;
        line-height: 1.1;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-graph {
        width: 300.3941px;
        height: 300.9028px;
        top: -24px;
    }
    .data-insights-scroller .service-section .img-elements .element.coir-img {
        height: 301.988px;
        width: 280.7506px;
    }
    .data-insights-scroller .service-section .img-elements .element.coir-pie {
        width: 93.5368px;
        height: 93.5368px;
        right: -8px;
        top: -6px;
    }
    .data-insights-scroller .service-section .img-elements .element.coir-pie .wrapper img {
        top: 49%;
        width: 90%;
        height: 90%;
    }
    /* .data-insights-scroller .service-section .row:nth-child(3) {
        padding: 70px 0 75px;
    } */
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e-graph {
        width: 321.9443px;
        height: 278.337px;
        left: -26px;
        bottom: 48px;
    }
    .data-insights-scroller .service-section .row {
        gap: 30px 0;
        padding: 100px 0 70px;
    }
    .content-engagement-marketing-scroller .service-section .row:nth-child(1) {
        gap: 30px 0;
        padding: 95px 20px 40px 20px;
        position: relative;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(1) {
        gap: 0;
        padding: 100px 20px 40px 20px;
        position: relative;
    }
    .digital-marketing-scroller .service-section .row:nth-child(2) {
        padding: 50px 20px 40px 20px;
        gap: 0;
        background: #F4F4F4;
        position: relative;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) {
        padding: 100px 20px 40px 20px;
        gap: 0;
        position: relative;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-wrap {
        padding-bottom: 48px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(4) {
        gap: 0px;
        padding: 10px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(4) .img-wrap {
        padding-bottom: 30px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(5) {
        gap: 0;
        padding: 105px 20px 60px 20px;
        position: relative;
    }
    /* .data-insights-scroller .service-section .row, */
    .content-engagement-marketing-scroller .service-section .row:nth-child(2) {
        gap: 40px 0;
        padding: 92px 20px 40px 20px;
        position: relative;
        background: #F4F4F4;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_c {
        width: 191px;
        top: 61%;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.dotted-content_e {
        width: 207.7708px;
        height: 202.8307px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e {
        width: 190.9931px;
        height: 190.9931px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-one {
        width: 106.481px;
        height: 105.481px;
        top: -63px;
        left: -17px;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two svg {
        width: 215.9931px;
        height: 215.9931px;
        bottom: 19%;
        left: 21%;
    }
    .media-planing-scroller .service-section .emc .img-elements .element.element-two img {
        max-width: 325px;
        left: 15px;
        top: 80px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-one {
        width: 278.1557px;
        height: 283.7281px;
        top: 11px;
        left: -20px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-two {
        height: 63.1316px;
        width: 63.1316px;
        top: 108px;
        left: -22px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-three {
        height: 63.4367px;
        width: 63.4367px;
        top: 16px;
        left: -11px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-four {
        height: 80.7205px;
        width: 80.7205px;
        top: -48px;
        left: 87px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-five {
        height: 63.4367px;
        width: 63.4367px;
    }
    .media-planing-scroller .service-section .smp .img-elements .element.element-six {
        height: 63.1316px;
        width: 63.1316px;
        right: -16px;
        top: 110px;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-two {
        width: 242px;
        height: 330px;
    }
    .media-planing-scroller .service-section .mcmb .img-elements .element.element-one {
        height: 195.4705px;
        width: 135.4705px;
        top: 65px;
        left: 66px;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-two {
        width: 408.3339px;
        height: 541.3339px;
        top: -98px;
        left: -59px;
    }
    .media-planing-scroller .service-section .row:nth-child(5) {
        gap: 30px 0;
        padding: 65px 20px 65px 20px;
        position: relative;
    }
    .rotate_circle {
        z-index: 1;
        position: absolute;
        top: 33px;
        width: 615px;
        height: 645px;
    }
    .rotate_circle svg {
        animation: clock-rotate 20s linear infinite;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-one {
        height: 84.7145px;
        bottom: -25px;
        width: 65.7145px;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-two {
        width: 308.6342px;
        height: 520.9275px;
        top: -73px;
    }
    .media-planing-scroller .service-section .pto .img-elements .element.element-one {
        width: 70.4367px;
        height: 70.4367px;
        left: -13px;
    }
    .brand-strategy-scroller .contact-box .contact-details p,
    .brand-strategy-scroller .contact-box .contact-details a,
    .design-and-ui-scroller .contact-box .contact-details p,
    .design-and-ui-scroller .contact-box .contact-details a,
    .goto_market-scroller .contact-box .contact-details p,
    .goto_market-scroller .contact-box .contact-details a,
    .digital-marketing-scroller .contact-box .contact-details p,
    .digital-marketing-scroller .contact-box .contact-details a,
    .enrollment-services-scroller .contact-box .contact-details p,
    .enrollment-services-scroller .contact-box .contact-details a,
    .media-planing-scroller .contact-box .contact-details p,
    .media-planing-scroller .contact-box .contact-details a,
    .website-design-scroller .contact-box .contact-details p,
    .website-design-scroller .contact-box .contact-details a,
    .content-engagement-marketing-scroller .contact-box .contact-details p,
    .content-engagement-marketing-scroller .contact-box .contact-details a,
    .data-insights-scroller .contact-box .contact-details p,
    .data-insights-scroller .contact-box .contact-details a {
        font-size: 14px;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-img {
        height: 270.4649px;
        width: 205.3011px;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-hand {
        width: 95.3575px;
        height: 95.3575px;
        right: 7px;
        bottom: 0px;
    }
    .brand-strategy-scroller .contact-box .contact-details,
    .design-and-ui-scroller .contact-box .contact-details,
    .goto_market-scroller .contact-box .contact-details,
    .digital-marketing-scroller .contact-box .contact-details,
    .enrollment-services-scroller .contact-box .contact-details,
    .media-planing-scroller .contact-box .contact-details,
    .website-design-scroller .contact-box .contact-details,
    .content-engagement-marketing-scroller .contact-box .contact-details,
    .data-insights-scroller .contact-box .contact-details {
        text-align: center;
    }
    .data-insights-scroller .service-section .img-elements .element.mrtr-hand .wrapper img {
        max-width: 62px;
    }
    .website-design-scroller .service-section .row:nth-child(4) {
        gap: 35px 0;
        padding: 100px 20px 40px 20px;
        background: #F4F4F4;
        position: relative;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-cms_2 {
        width: 99px;
        height: 99px;
    }
    .website-design-scroller .service-section .img-elements .element.cms_1 {
        width: 99.2609px;
        height: 99.2609px;
        bottom: -5px;
    }
    .website-design-scroller .service-section .row:nth-child(5) {
        gap: 35px 0;
        padding: 75px 20px 65px 20px;
        position: relative;
    }
    .website-design-scroller .service-section .img-elements .element.wms_sec_1 {
        top: -18px;
        width: 100.9651px;
        height: 100.9651px;
    }
    .website-design-scroller .service-section .img-elements .element.sm-wms_sec_3 {
        width: 378.2099px;
        height: 202.4316px;
        top: 50%;
        left: 57%;
    }
    .website-design-scroller .service-section .img-elements .element.dotted-wms_sec_2 {
        width: 88.3147px;
        height: 98.3147px;
    }
    .website-design-scroller .service-section .img-elements .element.sm-cms_3 {
        width: 309px;
        height: 373px;
        left: 40%;
        top: 52%;
    }
    /* .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles,
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles,
    .digital-marketing-scroller .dm-sec-one .dm-sec-one-wrapper .circles,
    .enrollment-services-scroller .es-sec-one .es-sec-one-wrapper .circles,
    .goto_market-scroller .goto-sec-one .goto-sec-one-wrapper .circles,
    .media-planing-scroller .mpab-sec-one .mpab-sec-one-wrapper .circles,
    .website-design-scroller .wd-sec-one .wd-sec-one-wrapper .circles,
    .content-engagement-marketing-scroller .cem-sec-one .cem-sec-one-wrapper .circles,
    .data-insights-scroller .dai-sec-one .dai-sec-one-wrapper .circles {
        height: 100%;
        min-height: 485px;
    } */
    .brand-strategy-scroller .contact-box .contact-details .col-30,
    .design-and-ui-scroller .contact-box .contact-details .col-30,
    .digital-marketing-scroller .contact-box .contact-details .col-30,
    .enrollment-services-scroller .contact-box .contact-details .col-30,
    .goto_market-scroller .goto-sec-one .contact-box .contact-details .col-30,
    .media-planing-scroller .mpab-sec-one .contact-box .contact-details .col-30,
    .website-design-scroller .wd-sec-one .contact-box .contact-details .col-30,
    .content-engagement-marketing-scroller .contact-box .contact-details .col-30,
    .data-insights-scroller .contact-box .contact-details .col-30 {
        flex-basis: 100%;
    }
    .brand-strategy-scroller .service-section .img-elements .dotted-circle {
        height: 72.2444px;
        width: 72.2444px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(1) {
        width: 110px;
        top: -12px;
        left: -18px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(3) {
        height: 399px;
        width: 354px;
        top: 55px;
        left: -34px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(2) .green-circle .img-elements .element:nth-of-type(1) {
        height: 289px;
        width: 268px;
        top: 20px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .green-circle .img-elements .element:nth-of-type(1) {
        height: 112px;
        width: 100px;
        top: 10px;
        left: -22px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .green-circle .img-elements .element:nth-of-type(3) {
        width: 273px;
        left: -15px;
        top: 35px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(4) .green-circle .img-elements .element:nth-of-type(2) {
        width: 280px;
        height: 321px;
        left: -11px;
        top: 10px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(1) .img-wrap {
        padding: 0px 0px 68px 0px;
    }
    .brand-strategy-scroller .service-section .row:nth-child(3) .img-wrap {
        padding: 0px 0px 5px 0px;
    }
    .design-and-ui-scroller .dau-sec-one .dau-sec-one-wrapper .circles .green-circle,
    .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle,
    .sec-one .sec-wrapper .outline {
        height: 320px;
        width: 320px;
    }
    /* .brand-strategy-scroller .bs-sec-one .bs-sec-one-wrapper .circles .green-circle h1 {
        font-size: 40px;
    } */
    .design-and-ui-scroller .service-section .row:nth-child(1) .green-circle .img-elements .element:nth-of-type(3) {
        width: 366.6672px;
        height: 383.6672px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_c svg {
        width: 70%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_c .wrapper img {
        left: 78%;
        width: 28%;
    }
    .design-and-ui-scroller .service-section .row:nth-child(1) {
        padding: 55px 20px 75px 20px;
        position: relative;
    }
    .design-and-ui-scroller .service-section .row:nth-child(3) {
        padding: 60px 20px 40px 20px;
        position: relative;
    }
    .design-and-ui-scroller .service-section .img-elements .element.visual_brand {
        top: 7%;
        width: 403.2591px;
        height: 371.7375px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.responsive_web-1 {
        width: 328.6765px;
        height: 309.6765px;
        left: 47.8%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.responsive_web-2 {
        width: 100.0927px;
        height: 134.0927px;
        top: -18px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_c .wrapper {
        width: 100%;
        height: 100%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.dotted-designUi_c {
        width: 84.7243px;
        height: 112px;
        top: 11px;
        left: -16px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.designUi_dum {
        width: 21.4236px;
        height: 56px;
        right: 70px;
        top: -4px;
    }
    /* .digital-marketing-scroller .service-section .row:nth-of-type(1) {
        gap: 54px;
    } */
    .digital-marketing-scroller .service-section .row:nth-of-type(1) .img-elements .element:nth-of-type(3) {
        /* width: 400px; */
        width: 294px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(2) .img-elements .element:nth-of-type(1) {
        height: 294.6304px;
        width: 302.6304px;
    }
    /* .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-elements .element:nth-of-type(1) {} */
    /* .digital-marketing-scroller .service-section .row:nth-of-type(3),
    .digital-marketing-scroller .service-section .row:nth-of-type(4),
    .digital-marketing-scroller .service-section .row:nth-of-type(5) {
        gap: 50px;
    } */
    .digital-marketing-scroller .service-section .img-elements .element.orm_m {
        width: 110px;
        height: 110px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-1 {
        width: 88.4174px;
        height: 87.4174px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-1 {
        width: 88.4174px;
        height: 87.4174px;
        top: -29px;
        right: 8px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-triangle {
        width: 259.3505px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) .green-circle .img-elements .element:nth-of-type(3) {
        width: 232px;
        height: 274px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.information-2 {
        top: 33px;
        left: -18px;
        width: 85.4367px;
        height: 85.4367px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) .img-wrap {
        padding-bottom: 30px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) .green-circle .img-elements .element:nth-of-type(2) {
        width: 380.7636px;
        height: 369.7636px;
    }
    .design-and-ui-scroller .service-section .img-elements .element.Interaction_sec_2 {
        width: 80.4367px;
        height: 80.4367px;
        left: -23px;
        top: 46px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) {
        /* padding-bottom: 63px; */
        padding: 72px 20px 40px 20px;
        background: #f4f4f4;
        position: relative;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) {
        /* padding-bottom: 63px; */
        padding: 50px 20px 40px 20px;
        position: relative;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .green-circle .img-elements .element:nth-of-type(2) {
        width: 237.7636px;
        height: 201.7636px;
        top: 46%;
    }
    .design-and-ui-scroller .service-section .img-elements .element.tesing_sec_2 {
        width: 83.4367px;
        height: 85.4367px;
        left: -27px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .img-wrap {
        padding-bottom: 28px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) .img-wrap {
        padding-bottom: 28px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) {
        /* padding-bottom: 120px; */
        background: #f4f4f4;
        position: relative;
        padding: 50px 20px 40px 20px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(7) {
        /* padding-bottom: 65px; */
        position: relative;
        padding: 105px 20px 63px 20px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(1) .rotate_circle {
        width: 547px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(2) .rotate_circle {
        width: 500px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(3) .rotate_circle {
        width: 550px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(4) .rotate_circle {
        width: 555px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(5) .rotate_circle {
        width: 541px;
    }
    .design-and-ui-scroller .service-section .row:nth-child(6) .rotate_circle {
        width: 551px;
    }
    .digital-marketing-scroller .service-section .row:nth-of-type(3) .img-elements .element:nth-of-type(3) {
        /* width: 304.3505px; */
        width: 215.3505px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-orm {
        /* width: 325.1426px; */
        width: 230.14260000000002px;
    }
    .digital-marketing-scroller .service-section .img-elements .element.sm-content {
        /* width: 314.2079px; */
        width: 206.2079px;
    }
}

@media(max-width:360px) {
    .data-insights-scroller .service-section .img-elements .element.dotted-drda {
        width: 75.1713px;
        height: 75.1713px;
        right: -7px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-three {
        right: -10px;
        width: 79.6844px;
        height: 78.6844px;
    }
    .enrollment-services-scroller .service-section .ioc .img-elements .element-one {
        height: 98.9213px;
        width: 73.9213px;
        left: -11px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 svg {
        width: 88px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-1 {
        left: -6px;
        top: -15px;
    }
    .goto_market-scroller .service-section .img-elements .element.Goto_market_item-2 {
        width: 77.1713px;
        height: 76.1713px;
        top: 0;
    }
    .goto_market-scroller .service-section .img-elements .element.Winning-1 {
        width: 72.1134px;
        height: 68.1134px;
        left: 27px;
    }
    .goto_market-scroller .service-section .img-elements .element.Execution_sec_1 {
        width: 77.5311px;
        height: 84.5311px;
        left: -8px;
    }
    .media-planing-scroller .service-section .ocm .img-elements .element.element-two {
        width: 389.3339px;
        height: 541.3339px;
        top: -79px;
        left: -54px;
    }
    .data-insights-scroller .service-section .img-elements .element.drda-text {
        width: 71.9541px;
        height: 71.9541px;
        top: -20px;
        left: -6px;
    }
    .content-engagement-marketing-scroller .service-section .img-elements .element.content_e-graph {
        width: 309.9443px;
        height: 278.337px;
        left: -21px;
        bottom: 48px;
    }
    .brand-strategy-scroller .service-section .section-detail h2,
    .design-and-ui-scroller .service-section .section-detail h2,
    .digital-marketing-scroller .service-section .section-detail h2,
    .enrollment-services-scroller .service-section .section-detail h2,
    .goto_market-scroller .service-section .section-detail h2,
    .media-planing-scroller .service-section .section-detail h2,
    .website-design-scroller .service-section .section-detail h2,
    .content-engagement-marketing-scroller .service-section .section-detail h2,
    .data-insights-scroller .service-section .section-detail h2 {
        font-size: 24px;
    }
}