@media (min-width:1600px) {
    .container {
        max-width: 1500px
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1600px
    }

    .cusotm-width-cont {
        max-width: 1643px
    }
}

@media only screen and (max-width:1880px) {
    .navbtn-wrap {
        right: 91px
    }

    .case-study-listing .casestudy-Bx .case-img {
        border-radius: 0;
        height: 651px;
        position: relative;
        width: 100%;
        object-fit: cover
    }

    .section.section.ceo-section {
        padding: 150px 0
    }

    .teamSlider .owl-stage-outer {
        display: inline-block;
        padding-bottom: 20px
    }

    .quoteIcon {
        position: absolute;
        top: -5px;
        left: 50px
    }

    .aboutbanSlider .abtBan .rightSlider {
        padding-left: 50px;
        padding-right: 59px
    }
}

@media only screen and (max-width:1820px) {
    .navbtn-wrap {
        right: 89px
    }
}

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

    .aboutbanSlider .swiper-slide,
    .custom-padding-3 {
        padding: 0
    }

    .aboutbanSlider .swiper-button-next::after,
    .aboutbanSlider .swiper-button-prev::after {
        top: 360px
    }

    .creative-icon img:first-child {
        position: absolute;
        bottom: 90px;
        right: 150px;
        z-index: 1;
        width: 70px
    }

    .team-img-full img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 47%;
        object-fit: contain;
        height: 100%
    }

    .creative-icon img:nth-child(5) {
        position: absolute;
        bottom: 156px;
        right: -43px;
        z-index: 1
    }

    .bg-patter-crea {
        right: -600px;
        top: -201px
    }

    .aboutbanSlider .rightSlider .year_Design p.year {
        background-color: #fff;
        display: inline;
        border: 2px solid #000;
        padding: 5px 15px;
        border-radius: 50px;
        font-size: 20px;
        font-weight: 600;
        box-shadow: 2px 4px 0 0 #fdb914
    }

    .innerWrapper,
    .outcomeImg img,
    .start-img {
        border-radius: 30px
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-weight: 400;
        line-height: 37px;
        padding-right: 17%
    }

    .aboutbanSlider .abtBan .rightSlider {
        padding-left: 50px;
        padding-right: 9px
    }

    .testimonial-Talk {
        position: relative;
        padding-left: 9%
    }

    .connecting-section p:not(:last-child) {
        margin-bottom: 20px
    }

    .section.ctaSection.blgCta .talk-pat {
        top: -242px
    }

    .navbar {
        z-index: 9
    }

    .informedBx {
        height: 570px
    }

    .referSection h1 span,
    .referTile {
        font-size: 55px
    }

    p.referPara {
        padding-right: 13%
    }

    .connectdotleftdown {
        bottom: 20px;
        width: 10px;
        height: 10px
    }

    .innerWrapper .content h3 {
        font-size: 25px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 131px;
        transform: scale(1.8);
        right: -180px
    }

    .wokImg img.brnd-croft,
    .wokImg img.dm-ds {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.home-ncb {
        position: absolute;
        bottom: -40px;
        width: 100%;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: -42px;
        right: 0
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -70px;
        transform: scale(1.1);
        right: 101px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 48px;
        transform: scale(1);
        right: 36px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 51px;
        transform: scale(1.4);
        right: -78px
    }

    .wokImg img.brnd-nou,
    .wokImg img.dtc-w {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    .our-process .owl-stage::before {
        content: '';
        width: 95%;
        border-bottom: 2px dashed silver;
        top: 26px;
        bottom: 0;
        position: absolute;
        height: 2px
    }

    .connectdotdown {
        bottom: 21px;
        width: 10px;
        height: 10px
    }

    .connectdotleftup,
    .connectdotup {
        width: 10px;
        height: 10px;
        top: 22px
    }

    .navbtn-wrap {
        right: 87px
    }

    .bgImgwork {
        background-position: 58% 13%
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -134px;
        transform: scale(1.8);
        right: 72px
    }

    .wokImg img.home-medha {
        position: absolute;
        bottom: -20px;
        width: 100%;
        right: 0
    }

    .wokImg img.th-work {
        position: absolute;
        bottom: -64px;
        width: 100%;
        right: 0
    }

    .ProjectCard h3 {
        margin-bottom: 16px;
        line-height: 1.4
    }

    .wokImg img {
        position: absolute;
        bottom: 48px;
        right: 60px
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -150px;
        transform: scale(1.4);
        right: -40px
    }

    .wokImg.work-hin img {
        position: absolute;
        bottom: -67px;
        transform: scale(1);
        right: -20px
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -308px;
        transform: scale(2.3);
        right: -74px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -28px;
        right: -2px
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -66px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 40px;
        transform: scale(1.8);
        right: 23px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -34px;
        right: 13px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -50px;
        right: 0
    }

    .wokImg img.home-ship {
        position: absolute;
        bottom: -42px;
        width: 100%;
        right: 0
    }

    .wokImg img.home-opus {
        position: absolute;
        bottom: -48px;
        width: 100%;
        right: 0
    }

    .ourWork .swiper-button-prev,
    .ourWork .swiper-rtl .swiper-button-next {
        left: 91%;
        right: 0
    }

    .ourWork .swiper-button-next {
        right: 9px
    }

    .recent-project img.thyme {
        left: 12px;
        transform: scale(1.1);
        top: -21px
    }

    .recent-project img.shanghai {
        transform: scale(.9)
    }

    .recent-project img.indriq {
        top: 53px
    }

    .filters ul li::after {
        top: 17px
    }

    .casestudy-Bx .case-img img {
        height: auto;
        width: 100%;
        object-fit: cover
    }

    h2.wear-red {
        font-size: 150px
    }

    .gallery-thumbs {
        padding-right: 30px
    }

    .serviceContiner {
        width: 88%;
        margin-left: auto;
        padding-right: 11%
    }

    .scroller {
        margin-top: 10px
    }

    .connecting-section h2.section-title img {
        width: 165px;
        margin-top: -10px
    }

    .border-text,
    .section.teamSection .text-1,
    .text-1,
    .text-1 span.highlight-text-1 {
        font-size: 60px
    }

    .blogListing .filters-1 ul li {
        padding: 0 22px;
        font-size: 20px
    }

    .filters-content {
        margin-top: 0
    }

    .panel__content .section__heading,
    .spot-title {
        font-size: 50px
    }

    .ourProcess .our-process .owl-nav .next_btn {
        right: -40px;
        top: 47%
    }

    .workTypeWrapper {
        margin-left: 73px;
        padding: 37px 35px 37px 36px
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 20px;
        left: 20px
    }

    .section.bogusWrapper .text-1,
    .text-1 span.highlight-text-1.texture-text {
        font-size: 120px
    }

    .owl-carousel .owl-item .project-banner img.starinco {
        position: absolute;
        width: 57%;
        right: 40px;
        top: 31px
    }

    .filters ul li {
        padding: 10px 15px 8px;
        font-size: 20px
    }

    .project-na {
        padding: 20px 17px
    }

    .recent-img {
        height: 350px
    }

    .recent-project img {
        left: 50px
    }

    .recent-project img.ship {
        width: 100%;
        position: absolute;
        right: 0;
        left: 0;
        transform: scale(.8);
        top: -22px
    }

    h3.Servicetitle {
        color: #fff;
        font-size: 44px
    }

    .swiper-button-next {
        right: 0
    }

    ul.creative-pointers li p {
        color: #fff;
        font-size: 16px
    }

    .text span.highlight-text,
    .text.service-text {
        font-size: 70px
    }

    .panel__content p.text-gray-span,
    .project-na .category {
        font-size: 16px
    }

    .project-na h4 {
        font-size: 23px
    }

    .projectWrapper {
        height: 72vh
    }

    .recent-project img.milltete {
        left: 42px
    }

    .recent-project img.dazs {
        left: 47px
    }

    .recent-project img.hin {
        left: 101px;
        transform: scale(1.8);
        top: 98px
    }

    .recent-project img.crizac {
        left: 80px
    }

    .owl-carousel .owl-item .project-banner img.avanza {
        width: 62%;
        top: 92px
    }

    .owl-carousel .owl-item .project-banner img.tarson {
        position: absolute;
        width: 54%;
        right: 40px;
        top: 79px
    }

    .owl-carousel .owl-item .project-banner img.ship {
        position: absolute;
        width: 57%;
        right: 40px;
        top: 113px
    }

    .owl-carousel .owl-item .project-banner img.birla {
        position: absolute;
        width: 55%;
        right: 28px;
        bottom: 65px
    }

    .owl-carousel .owl-item .project-banner img.birla-brand {
        position: absolute;
        width: 55%;
        right: 0;
        bottom: 25px
    }

    .owl-carousel .owl-item .project-banner img.crizac {
        position: absolute;
        width: 71%;
        right: 40px
    }

    .owl-carousel .owl-item .project-banner img.crizac-brand {
        position: absolute;
        width: 64%;
        right: -39px;
        bottom: 1px
    }

    .owl-carousel .owl-item .project-banner img.ship-dm {
        width: 45%
    }

    .owl-carousel .owl-item .project-banner img.daz {
        position: absolute;
        width: 51%;
        right: 35px
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: absolute;
        width: 50%;
        right: 13px
    }

    .icon-grid {
        display: flex;
        gap: 9px
    }

    .owl-carousel .owl-item .project-banner img.hin {
        width: 44%;
        bottom: 50px;
        right: 80px
    }

    .owl-carousel .owl-item .project-banner img.hin-brand-crizac {
        width: 69%;
        bottom: 0;
        right: -70px
    }

    .owl-carousel .owl-item .project-banner img.dtc {
        position: absolute;
        width: 47%;
        right: 77px;
        bottom: 94px
    }

    .owl-carousel .owl-item .project-banner img.dtc-brand-daz {
        position: absolute;
        width: 47%;
        right: 77px;
        bottom: 79px
    }

    .owl-carousel .owl-item .project-banner img.med-brand-indi {
        position: absolute;
        width: 55%;
        right: 60px;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.med {
        position: absolute;
        width: 45%;
        right: 80px;
        bottom: 42px
    }

    .owl-carousel .owl-item .project-banner img.tar {
        position: absolute;
        width: 50%;
        right: 100px;
        bottom: 110px
    }

    .owl-carousel .owl-item .project-banner img.tar-brand-hin {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.hel-brand-sha {
        position: absolute;
        width: 47%;
        right: 50px;
        bottom: 0
    }

    .projectContent {
        width: 50%
    }

    .icon-box {
        width: 57px;
        height: 57px;
        padding: 4px
    }

    .owl-carousel .owl-item .project-banner img.apt {
        position: absolute;
        width: 57%;
        right: 0;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.helme {
        position: absolute;
        width: 48%;
        right: 68px;
        top: 146px
    }

    .owl-carousel .owl-item .project-banner img.alhiraa {
        position: absolute;
        width: 55%;
        right: 0;
        top: 65px
    }

    .owl-carousel .owl-item .project-banner img.ncb {
        width: 60%;
        bottom: 49px
    }

    .project-desc {
        padding: 10px 15px 7px
    }

    .product-desc-1 {
        color: #fff;
        font-size: 18px;
        margin-top: 20px;
        width: 90%;
        line-height: 32px
    }

    .spot-img img {
        position: absolute;
        right: -50px;
        top: -69px;
        bottom: 0;
        width: 774px
    }

    .case-study-details .case-title {
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 35px
    }

    .case-study-details .case-title .case-tex {
        font-size: 52px
    }

    .img-block img {
        margin-top: -226px;
        width: 100%
    }

    .work-list li {
        font-size: 20px;
        font-family: var(--font-secondary);
        font-weight: 500
    }

    .section.blogListing,
    section.section.case-study-details {
        padding-top: 150px
    }

    .start-img {
        left: -10px;
        position: unset;
        top: 0;
        bottom: 0;
        width: auto;
        object-fit: cover
    }

    .our-process .owl-stage-outer,
    .teamSlider .owl-stage-outer {
        display: inline-block
    }

    .cardStacking .panel__image img.img-pane {
        position: absolute;
        right: -49px;
        top: 0;
        width: 64%
    }

    .mediaWrapper p,
    .processWrapper .content p,
    .strategy-dev p {
        padding-right: 0
    }

    .name {
        bottom: 198px
    }

    .name.mi,
    .name.mili {
        bottom: 221px
    }

    .name.pro {
        bottom: 218px
    }

    .name.gango {
        bottom: 227px;
        left: -40px
    }

    .name.tej {
        bottom: 207px;
        left: -20px
    }

    .name.isha {
        bottom: 222px
    }

    .name.sus {
        bottom: 216px
    }

    .name.sub {
        bottom: 211px
    }

    .name.aman {
        bottom: 190px;
        left: -26px
    }

    .name.sarbo {
        bottom: 207px;
        left: -24px
    }

    .casestudy-Bx .case-content p {
        padding-right: 110px
    }

    .aboutsub-banner {
        font-size: 50px;
        line-height: 1
    }

    .panel__content .green-bullets li:not(:last-child) {
        margin-bottom: 9px
    }

    .panel__content .green-bullets li {
        font-size: 16px
    }

    .custom-padding-1 {
        --bs-gutter-x: 2.5rem
    }

    .CeoContent {
        padding-left: 100px;
        padding-right: 0
    }

    .testimonial-Talk .testi p {
        font-size: 18px;
        padding-right: 0
    }

    .testimonial-Talk p {
        color: #fff;
        font-weight: 500;
        padding-right: 2%;
        line-height: 1.7
    }

    .pix-pat img {
        margin-top: -23px;
        margin-right: 40px;
        width: 519px
    }

    .testimonial-Talk span.red-stripe {
        margin-left: 7%
    }

    .blog-content p {
        line-height: 43px;
        margin-bottom: 20px
    }

    .blog-content h4.bgText {
        color: var(--color-1);
        font-size: 27px;
        text-transform: uppercase;
        font-weight: 600;
        padding-top: 11px;
        margin-bottom: 50px;
        padding-bottom: 11px
    }

    .blog-content .spacer {
        height: 50px
    }

    .redBoxMedia {
        padding: 50px 30px 40px 33px
    }

    .manMedia img {
        position: absolute;
        bottom: -100px;
        right: -23px
    }

    .list-content li {
        margin-bottom: 14px;
        font-size: 16px
    }

    .text {
        font-size: 70px
    }

    .blog-content h3 {
        line-height: 47px;
        font-size: 30px;
        margin-bottom: 15px
    }

    .blogInnerDetails {
        padding-top: 130px;
        padding-bottom: 100px
    }

    .quote .quote-text .bio {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 0;
        padding-right: 40px;
        text-transform: capitalize
    }

    .fabVertical {
        flex-direction: column
    }

    .our-work .owl-stage-outer {
        margin-left: -30px
    }

    .section-title-recent {
        font-size: 54px;
        text-transform: uppercase
    }

    .workWrapper .our-work .owl-nav .next_btn {
        right: 167px
    }

    .float-5 {
        left: 320px
    }

    .black-ribbon {
        bottom: 63px;
        left: -21px;
        height: 252px;
        right: 0
    }

    h3.bgText {
        font-size: 75px
    }

    .banner-laptop-img {
        width: 83%;
        margin-left: 131px
    }

    .c-text a p {
        font-size: 35px
    }

    .float-4 {
        left: 122px
    }

    .float-3 {
        right: 140px
    }

    .float-2 {
        right: 24%
    }

    .c-text-container {
        overflow: hidden;
        display: flex;
        padding: 15px 0;
        position: absolute;
        bottom: 379px;
        transform: rotate(355.5deg)
    }

    .our-work-1 .owl-stage-outer {
        display: inline-block;
        margin-left: -60px
    }

    .our-process .owl-stage::after {
        top: 496px
    }

    .float-10 {
        right: 34px;
        bottom: 61px
    }

    .float-11 {
        left: 43px;
        top: 43px
    }

    .float-12 {
        left: 236px;
        bottom: 85px
    }

    .workWrapper .our-work-1 .owl-nav .next_btn {
        right: 85px
    }

    .float-17 {
        left: 316px;
        bottom: 45px
    }

    .float-15 {
        right: 274px;
        bottom: 45px
    }

    .float-16 {
        left: 457px;
        top: 5px
    }

    .float-14 {
        right: 32%;
        top: -4px
    }

    .innerWrapper {
        padding: 40px 23px;
        border: 2px solid #e0e0e0
    }
}

@media only screen and (max-width:1700px) {
    .navbtn-wrap {
        right: 83px
    }

    .creative-icon img:nth-child(3) {
        position: absolute;
        top: 60px;
        right: 717px;
        z-index: 1
    }

    .testimonial-Talk .quoteIcon {
        position: absolute;
        top: -6px;
        left: 16px
    }
}

@media only screen and (max-width:1660px) {
    .black-ribbon {
        bottom: 94px;
        left: -21px;
        height: 252px;
        right: 0
    }

    .testimonial-Talk .quoteIcon {
        position: absolute;
        top: -6px;
        left: 16px
    }

    .aboutbanSlider .abtBan .rightSlider p {
        padding-right: 0
    }

    .aboutbanSlider .swiper-button-next::after {
        top: 360px;
        right: 550px
    }

    .aboutbanSlider .swiper-button-prev::after {
        top: 360px;
        right: 630px
    }

    .aboutbanSlider .abtBan .rightSlider {
        padding-left: 50px;
        padding-right: 0
    }

    .tri-13 {
        left: 461px
    }

    .navbtn-wrap {
        right: 81px
    }

    .c-text-container {
        bottom: 416px
    }
}

@media only screen and (max-width:1659px) {
    .talk-pat {
        position: absolute;
        top: -212px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .aboutbanSlider .swiper-slide {
        padding: 0 30px
    }

    .bgImgwork {
        background-position: 58% 5%
    }

    .wokImg img.home-ship {
        bottom: -112px
    }

    .wokImg img.ava-img {
        bottom: -72px
    }

    .wokImg img.home-opus {
        bottom: -118px
    }

    .wokImg img.dtc-w {
        bottom: -92px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 11px;
        transform: scale(1.2);
        right: -20px
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -210px;
        transform: scale(1.2);
        right: -40px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 121px;
        transform: scale(1.8);
        right: -218px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -50px;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: -21px;
        right: 110px;
        width: 82%
    }

    .wokImg img.dm-ship,
    .wokImg img.home-medha,
    .wokImg img.home-ncb,
    .wokImg img.th-work {
        position: absolute;
        width: 100%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: -31px;
        right: 0
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -49px;
        transform: scale(1);
        right: 129px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 48px;
        transform: scale(1);
        right: 100px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -68px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -108px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -174px;
        transform: scale(1.5);
        right: 72px
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -341px;
        transform: scale(1.8);
        right: -68px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -78px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -106px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 10px;
        transform: scale(1.5);
        right: 23px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -93px;
        right: 0
    }

    .wokImg img.home-ncb {
        bottom: -118px;
        right: 0
    }

    .wokImg img.dm-ship {
        bottom: -50px;
        right: 0
    }

    .wokImg img.home-medha {
        bottom: -40px;
        right: 0
    }

    .wokImg img.th-work {
        bottom: -164px;
        right: 0
    }
}

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

    .beneBx,
    .blogListing .filters-1 ul li:last-child,
    .border-wrap {
        margin-right: 0
    }

    .navbar {
        width: 93%
    }

    .creative-icon img:nth-child(4) {
        position: absolute;
        bottom: 90px;
        left: 54%;
        z-index: 1
    }

    .creative-icon img:nth-child(3) {
        position: absolute;
        top: 60px;
        right: 617px;
        z-index: 1
    }

    .case-study-listing .casestudy-Bx .case-img {
        border-radius: 0;
        height: 588px;
        position: relative;
        width: 100%;
        object-fit: cover
    }

    .thankyou-intro {
        margin-left: 0;
        margin-top: 16px
    }

    .pointersWork li,
    .tybtn {
        font-size: 14px
    }

    .btn-wrapper-ty {
        display: flex;
        align-items: start;
        flex-direction: column
    }

    .tri-10,
    .tri-14,
    .tri-top-3 {
        display: none
    }

    .creative .left-panel1 h2 span.textGrad,
    .textture-text-1,
    h2 {
        font-size: 40px
    }

    .ceoTalk,
    .strategy-dev p,
    p.address-text {
        padding-right: 0
    }

    .custom-padding-3,
    .testi-item {
        padding: 0
    }

    .termsContent h1.heading-1 {
        margin-bottom: 70px;
        line-height: 1
    }

    .section.terms,
    section.referTabs {
        padding-top: 11%
    }

    .blog-content p {
        line-height: 43px;
        margin-bottom: 30px
    }

    .client p,
    .client span,
    .field p,
    .field span,
    li,
    p,
    span {
        font-size: 18px
    }

    .blog-inner-banner .overlap-title h1 {
        color: #fff;
        z-index: 2;
        position: relative;
        font-size: 50px
    }

    .team-img img {
        min-width: unset
    }

    .aboutbanSlider .rightSlider .year_Design p.year {
        background-color: #fff;
        display: inline;
        border: 2px solid #000;
        padding: 5px 15px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 600;
        box-shadow: 2px 4px 0 0 #fdb914
    }

    .teamBx .name.sus img {
        width: 105px !important
    }

    .name.mi {
        bottom: 196px
    }

    .name.pro {
        bottom: 197px
    }

    .name.ali {
        bottom: 177px;
        left: -25px
    }

    .teamSection .teamBx:hover .name.ali,
    .teamSection .teamBx:hover .name.mili {
        bottom: 12px;
        left: 0
    }

    .name.mili {
        bottom: 197px;
        left: -12px
    }

    .teamBx .name.ali img {
        width: 103px !important
    }

    .name.gango {
        bottom: 203px;
        left: -40px
    }

    .teamBx .name.tej img {
        width: 92px !important
    }

    .teamSection .teamBx:hover .name.gango,
    .teamSection .teamBx:hover .name.mi,
    .teamSection .teamBx:hover .name.sus {
        bottom: 13px;
        left: 0
    }

    .teamBx .name.gango img {
        width: 108px !important
    }

    .name.tej {
        bottom: 187px;
        left: -20px
    }

    .teamBx .name.aman img {
        width: 149px !important
    }

    .teamSection .teamBx:hover .name.tej {
        bottom: 10px;
        left: 0
    }

    .name.isha {
        bottom: 196px;
        left: -23px
    }

    .teamBx .name.isha img {
        width: 86px !important
    }

    .name.sus {
        bottom: 194px
    }

    .teamBx .name.mili img {
        width: 82px !important
    }

    .name.sub {
        bottom: 193px;
        left: -14px
    }

    .teamSection .teamBx:hover .name.sub {
        bottom: 16px;
        left: 0
    }

    .name.aman {
        bottom: 171px;
        left: -23px
    }

    .name.sarbo {
        bottom: 185px;
        left: -21px
    }

    .teamBx .name.sub img {
        width: 104px !important
    }

    .teamBx .name.sarbo img {
        width: 107px !important
    }

    .section.section.ceo-section {
        background-image: url(../images/testimonal-bg.png);
        background-position: center;
        background-size: cover;
        padding: 120px 0;
        overflow: hidden;
        position: relative
    }

    .ceoImg img {
        position: absolute;
        top: -44px;
        left: -60px;
        width: 51%
    }

    .quoteIcon {
        position: absolute;
        top: -5px;
        left: 10px
    }

    .list-unstyled.work-list li,
    .panel__content p.text-gray-span {
        font-size: 16px
    }

    .list-unstyled.work-list li::before {
        margin-top: 3px
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-weight: 400;
        line-height: 38px;
        padding-right: 13%
    }

    .rightSlider .year_Design p.year {
        background-color: #fff;
        display: inline;
        border: 2px solid #000;
        padding: 5px 15px;
        border-radius: 50px;
        font-size: 20px;
        font-weight: 600;
        box-shadow: 2px 4px 0 0 #fdb914
    }

    .section.case-study-details-sec {
        padding: 150px 0 47px
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -80px;
        right: 0
    }

    section.teamSection {
        padding-bottom: 120px
    }

    .teamSection .teamSlider .owl-nav .next_btn {
        right: 550px
    }

    .teamSection .teamSlider .owl-nav .prev_btn {
        right: 638px
    }

    .aboutbanSlider .swiper-slide {
        padding: 0 16px
    }

    .beneBx {
        height: 100%;
        padding: 30px
    }

    .wokImg img.home-opus {
        bottom: -88px
    }

    .ptf-animated-block ul li .mainBlk {
        display: flex;
        align-items: start
    }

    .formHeader img {
        position: absolute;
        top: 5px;
        left: -98px;
        width: 350px
    }

    .pointersWork li::before {
        margin-right: 7px
    }

    .test-title {
        margin-bottom: 35px
    }

    section.referSection {
        padding-top: 150px
    }

    .referImg img {
        max-width: 80%
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -156px;
        transform: scale(1.2);
        right: -40px
    }

    .bg-patter-crea {
        right: -670px
    }

    .creative-icon img:nth-child(5) {
        right: -73px
    }

    .creative-agency-slider .nextArrow,
    .creative-agency-slider .prevArrow {
        top: 237px
    }

    .ceoName,
    .creative-agency-slider .creative-slider-item h3 {
        font-size: 30px
    }

    .connecting-section p {
        line-height: 2.2
    }

    .connecting-content .agency {
        font-size: 70px;
        font-weight: 700;
        line-height: .8
    }

    .client-logo .compny-logo img.logo-1,
    .client-logo .compny-logo img.logo-9 {
        max-width: 60%
    }

    .client-logo .compny-logo img.logo-2 {
        max-width: 64%
    }

    .client-logo .compny-logo img.logo-8 {
        max-width: 53%
    }

    .client-logo .compny-logo img.logo-10,
    .client-logo .compny-logo img.logo-11,
    .client-logo .compny-logo img.logo-4 {
        max-width: 71%
    }

    .client-logo .compny-logo img.logo-3 {
        max-width: 37%
    }

    .client-logo .compny-logo img {
        max-width: 85%
    }

    .client-logo .compny-logo img.logo-14 {
        max-width: 42%
    }

    .client-logo .compny-logo img.logo-6 {
        max-width: 50%
    }

    .case-content ul.casePointers {
        display: flex
    }

    .case-study-listing .casestudy-Bx .case-content a {
        font-size: 19px
    }

    ul.casePointers li {
        font-size: 13px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison {
        bottom: 30px;
        right: 30px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 55%;
        bottom: -95px;
        right: 89px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thyme {
        height: 71%;
        bottom: 55px;
        right: -12px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 68%;
        bottom: 22px;
        right: 61px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ncb {
        height: 85%;
        bottom: -53px;
        right: -19px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -73px;
        right: -50px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -83px;
        right: -22px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 17px;
        right: 20px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -170px;
        right: 69px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -280px;
        right: -69px;
        transform: scale(2.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 25px;
        left: -61px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 77%;
        bottom: -53px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-med {
        height: 77%;
        bottom: -39px;
        right: 30px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 60%;
        bottom: -215px;
        right: 83px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-crizac {
        bottom: -317px;
        right: -156px;
        transform: scale(2.5)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 86px;
        right: -163px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -282px;
        right: 36px;
        transform: scale(.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -180px;
        right: 73px;
        transform: scale(1.5)
    }

    .case-study-details .case-title .case-tex {
        font-size: 50px
    }

    .fab {
        margin-left: 53px
    }

    .fab .fabTooltip {
        padding: .5rem 1rem;
        font-size: 14px
    }

    .blogListing .filters-1 ul li p {
        padding: 0 5px 13px;
        margin: 0
    }

    .blogListing .filters-1 ul li {
        padding: 14px 24px 0;
        font-size: 20px
    }

    .scroll-container {
        padding-top: 70px
    }

    .innerBanner {
        padding-bottom: 70px;
        padding-top: 11%
    }

    .bg-pattern-abt {
        padding-bottom: 154px
    }

    .footer_map img {
        object-fit: cover
    }

    .bb-border {
        padding-bottom: 0
    }

    .social-links a i.ri-instagram-line {
        font-size: 30px;
        padding-top: 2px
    }

    .case-details-body,
    .section.strat-dev {
        padding: 0 0 100px
    }

    .mainSlider .rightSlider {
        padding-left: 12%;
        transform: rotate(16deg)
    }

    .mainSlider .leftSlider {
        padding-left: 23%;
        transform: rotate(16deg)
    }

    .tri-9 {
        left: 461px
    }

    .tri-top-4 {
        right: 818px
    }

    .section,
    .section.connecting-section {
        padding: 100px 0
    }

    .button-container .button-text {
        font-size: 23px;
        font-weight: 500;
        color: #000;
        margin-left: 12px
    }

    .heading,
    .heading .textture-text-1 {
        font-size: 80px
    }

    .video-container {
        height: 87vh
    }

    .heading {
        position: relative
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 21px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 131px;
        transform: scale(1.7);
        right: -170px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 1px;
        right: 110px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 20px;
        right: 22px;
        width: 92%
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -49px;
        transform: scale(1);
        right: 129px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 48px;
        transform: scale(1);
        right: 60px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 41px;
        transform: scale(1.3);
        right: -68px
    }

    .wokImg img.brnd-nou,
    .wokImg img.nad-maison {
        position: absolute;
        bottom: -89px;
        right: 0
    }

    .scroll-section img {
        margin: 0 20px;
        width: 17%
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -320px;
        transform: scale(2);
        right: -68px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -79px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -90px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 24px;
        transform: scale(1.7);
        right: 23px
    }

    .name {
        bottom: 178px
    }

    .teambox img {
        width: 180px !important
    }

    .teamSection .teamBx:hover .name {
        bottom: 11px
    }

    .teamBx .name.pro img {
        width: 94px !important
    }

    .teambox {
        bottom: -28px
    }

    .name img {
        width: 123px !important
    }

    .informedBx {
        height: 500px
    }

    .talk-pat {
        top: -142px
    }

    .border-wrap {
        margin-left: 35px
    }

    .contact__form {
        padding: 0 46px 0 70px
    }

    .main-title,
    .textture-text {
        font-size: 55px
    }

    .benefit-point h4 {
        font-size: 23px;
        margin-right: 11px
    }

    .benefit-point img {
        margin-right: 18px;
        width: 58px
    }

    .benefit-point img.third-img {
        margin-right: 12px;
        width: 40px
    }

    .beneBx p {
        font-size: 16px;
        color: #000;
        padding: 0 13px 0 0
    }

    .beneBx h3 {
        font-size: 21px;
        color: #000;
        margin-bottom: 19px
    }

    .wokImg img {
        position: absolute;
        bottom: 73px;
        right: 74px
    }

    ul.inform-social li a {
        text-decoration: none;
        font-size: 25px;
        line-height: 1.3
    }

    .tri-2 {
        left: 41px
    }

    .tri-3 {
        left: 111px
    }

    .tri-4 {
        left: 200px
    }

    .navbtn-wrap {
        right: 63px
    }

    .tri-14 {
        left: 741px
    }

    .tri-bottom-3 {
        right: 901px
    }

    section.video-banner {
        padding-top: 60px
    }

    .tri-bottom-5 {
        right: 581px
    }

    .tri-11 {
        left: 721px
    }

    .tri-top-3 {
        right: 901px
    }

    .tri-5 {
        left: 283px
    }

    .tri-7 {
        left: 408px
    }

    .creative .left-panel p {
        margin-bottom: 14px;
        padding-right: 5%
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -92px;
        right: 0
    }

    .wokImg img.home-ncb {
        position: absolute;
        bottom: -127px;
        width: 100%;
        right: 0
    }

    .creative ul li {
        padding: 18px 15px 18px 45px
    }

    .wokImg.work-hin img {
        position: absolute;
        bottom: -81px;
        transform: scale(1);
        right: -9px
    }

    .wokImg img.ava-img {
        transform: scale(1);
        position: absolute;
        bottom: -67px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -155px;
        transform: scale(1.7);
        right: 72px
    }

    .creative ul li::before {
        top: 26px
    }

    .ProjectCard h3 {
        font-size: 20px;
        line-height: 1.3
    }

    .start-img {
        left: -47px
    }

    .CeoContent {
        padding-left: 100px;
        padding-right: 0
    }

    .recent-project img {
        left: 64px;
        top: 74px;
        transform: scale(1.2)
    }

    .recent-project img.shanghai,
    .recent-project img.ship {
        top: 8px
    }

    .socialWrap {
        padding-left: 16%
    }

    .connecting-section h2.section-title img {
        width: 137px
    }

    .workWrapper .our-work .owl-nav .next_btn {
        right: -4px;
        top: 49%
    }

    .filters ul li::after {
        top: 17px
    }

    .filters ul li {
        padding: 10px 15px;
        font-size: 20px
    }

    .connecting-blue {
        top: 394px
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 22px;
        left: 22px
    }

    .owl-carousel .owl-item .project-banner img.tarson {
        position: absolute;
        width: 54%;
        right: 40px;
        top: 93px
    }

    .owl-carousel .owl-item .project-banner img.helme {
        position: absolute;
        width: 48%;
        right: 68px;
        top: 170px
    }

    .owl-carousel .owl-item .project-banner img.sat {
        top: 0
    }

    .owl-carousel .owl-item .project-banner img.ship {
        position: absolute;
        width: 57%;
        right: 40px;
        top: 144px
    }

    .owl-carousel .owl-item .project-banner img.avanza {
        width: 62%;
        top: 132px
    }

    .owl-carousel .owl-item .project-banner img.starinco {
        position: absolute;
        width: 57%;
        right: 40px;
        top: 45px
    }

    .projectWrapper {
        height: 70vh
    }

    .ourProcess .our-process .owl-nav .next_btn {
        right: -40px;
        top: 47%
    }

    .product-desc-1 {
        color: #fff;
        font-size: 18px;
        margin-top: 20px;
        width: 75%;
        line-height: 32px
    }

    .owl-carousel .owl-item .project-banner img.ship-dm {
        top: 30px;
        right: 80px
    }

    .icon-box {
        width: 52px;
        height: 52px;
        padding: 4px
    }

    .owl-carousel .owl-item .project-banner img.thyme {
        width: 70%
    }

    .owl-carousel .owl-item .project-banner img.ncb {
        width: 56%;
        bottom: 84px
    }

    .owl-carousel .owl-item .project-banner img.crizac,
    .owl-carousel .owl-item .project-banner img.crizac-brand {
        position: absolute;
        width: 71%;
        right: 60px;
        bottom: 66px
    }

    .blog-content h3 {
        line-height: 47px;
        font-size: 30px;
        margin-bottom: 15px
    }

    .blog-content h4.bgText {
        font-size: 20px;
        padding-top: 11px;
        margin-bottom: 50px;
        padding-bottom: 11px
    }

    .techStack {
        margin-top: 34px
    }

    .project-desc {
        padding: 10px 15px 7px;
        font-size: 16px
    }

    .owl-carousel .owl-item .project-banner img.apt {
        position: absolute;
        width: 53%;
        right: 0;
        bottom: 0
    }

    .our-process .owl-stage-outer,
    .teamSlider .owl-stage-outer {
        display: inline-block
    }

    .custom-padding-blog {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 4rem
    }

    .cardStacking .panel__image img.img-pane {
        position: absolute;
        right: -140px;
        top: -7px;
        width: 68%
    }

    .casestudy-Bx .case-content p {
        font-size: 16px;
        padding-right: 62px
    }

    .blog-listing .casestudy-Bx .case-content p {
        padding-right: 30px
    }

    .border-text,
    .text,
    .text span.highlight-text,
    .text-1,
    .text-1 span.highlight-text-1 {
        font-size: 70px
    }

    .project-na .category {
        padding: 2px 15px
    }

    .project-na h4 {
        font-size: 20px
    }

    .serviceContiner {
        width: 90%;
        margin-left: auto;
        padding-right: 9%
    }

    .panel__content .green-bullets li:not(:last-child) {
        margin-bottom: 8px
    }

    .mediaWrapper p {
        padding-right: 0;
        line-height: 1.6;
        text-align: left
    }

    .panel__image img.img-pane {
        position: absolute;
        right: -49px;
        top: 0;
        width: 64%
    }

    .date-visit-btn .date p {
        margin-right: 30px
    }

    .manMedia img {
        width: 330px
    }

    .blogInnerDetails {
        padding-top: 150px;
        padding-bottom: 100px
    }

    .section.ctaSection.blgCta .talk-pat {
        top: -262px
    }

    .pix-pat img {
        margin-top: -13px;
        margin-right: 60px;
        width: 460px
    }

    .section.case-study-overview {
        padding-bottom: 3%;
        padding-top: 11%
    }

    .case-content p:not(:last-child) {
        margin-bottom: 15px
    }

    .custom-padding-case {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 3rem
    }

    .float-1 {
        font-size: 35px;
        left: 36%;
        bottom: 62px
    }

    .recent-img {
        height: 367px
    }

    .recent-project img.hin {
        top: 128px
    }

    .recent-project img.crizac {
        left: 76px;
        top: 94px
    }

    .recent-project img.thyme {
        top: 9px
    }

    .c-text-container {
        bottom: 411px
    }

    .black-ribbon {
        bottom: 104px;
        left: -21px;
        height: 219px;
        right: 0
    }

    .bg-img-new,
    .float-11 {
        height: auto
    }

    .testimonial-Talk span.red-stripe {
        margin-left: -3px;
        font-size: 34px
    }

    .testimonial-Talk p {
        padding-right: 0;
        line-height: 1.7
    }

    .testimonail-author {
        display: flex;
        margin-top: 70px;
        align-items: center
    }

    .testimonial-Talk span.red-stripe img {
        position: absolute;
        left: -13px;
        right: 0;
        bottom: -10px;
        z-index: -1
    }

    .section.bogusWrapper .text-1,
    .text-1 span.highlight-text-1.texture-text {
        font-size: 100px
    }

    .number-count,
    .number-count h3,
    .number-count h3 span,
    .spot-title {
        font-size: 60px
    }

    .spot-img img {
        right: -80px;
        top: -80px;
        bottom: 0;
        width: 614px
    }

    .bottom-text {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.8
    }

    .float-11 {
        left: 31px;
        top: 52px
    }

    .float-12 {
        left: 256px
    }

    .float-10 {
        right: 14px
    }

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

    .our-work-1 .owl-stage-outer {
        display: inline-block;
        margin-left: -60px
    }

    .innerWrapper {
        padding: 47px 24px
    }

    .connectdotleftdown {
        bottom: 20px;
        width: 10px;
        height: 10px
    }

    .our-process .owl-stage::after {
        top: 475px
    }

    .innerWrapper .content h3 {
        font-size: 25px
    }

    .our-process .owl-stage::before {
        content: '';
        width: 95%;
        border-bottom: 2px dashed silver;
        top: 26px;
        bottom: 0;
        position: absolute;
        height: 2px
    }

    .connectdotdown {
        bottom: 21px;
        width: 10px;
        height: 10px
    }

    .connectdotleftup,
    .connectdotup {
        width: 10px;
        height: 10px;
        top: 22px
    }

    .custom-accord .accordion-body {
        padding: 10px 0 30px
    }
}

@media only screen and (max-width:1599px) {
    .wokImg img.home-opus {
        bottom: -48px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -37px;
        right: 0
    }

    .wokImg img.home-ship {
        bottom: -65px
    }

    .wokImg img.home-medha {
        bottom: -10px
    }

    .wokImg img.th-work {
        bottom: -124px
    }

    .wokImg img.home-ncb {
        bottom: -77px
    }

    .wokImg img.dtc-w {
        bottom: -43px
    }
}

@media only screen and (max-width:1500px) {
    .navbtn-wrap {
        right: 60px
    }
}

@media only screen and (max-width:1480px) {
    .c-text-container {
        bottom: 456px
    }

    .black-ribbon {
        bottom: 144px;
        left: -21px;
        height: 219px;
        right: 0
    }
}

@media only screen and (max-width:1460px) {
    .navbtn-wrap {
        right: 57px
    }

    .border-wrap {
        margin-right: 0;
        margin-left: 55px
    }

    .btn-text {
        letter-spacing: 1px;
        font-size: 14px
    }

    .ceoImg img {
        position: absolute;
        top: -20px;
        left: -10px;
        width: 50%
    }

    .navbar-menu-inner {
        grid-column-gap: 3rem
    }
}

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

    .innerBanner,
    .section.terms,
    section.referTabs {
        padding-top: 12%
    }

    .footer__menu ul li:not(:last-child),
    .pix-pat img {
        margin-right: 40px
    }

    ul.casePointers li {
        font-size: 13px
    }

    .hero__content_Inner p {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.9
    }

    .teamSection .teamSlider .owl-nav .next_btn {
        right: 500px
    }

    section.teamSection {
        padding-bottom: 130px
    }

    .teamSection .teamSlider .owl-nav .next_btn,
    .teamSection .teamSlider .owl-nav .prev_btn {
        width: 49px;
        height: 49px
    }

    .bg-patter-crea {
        right: -540px
    }

    .teamSection .teamSlider .owl-nav .prev_btn {
        right: 578px
    }

    .blog-content h2,
    .case-study-details .case-title .case-tex {
        font-size: 45px
    }

    .playbtn img {
        margin-left: 7px;
        width: 25px
    }

    .playbtn {
        bottom: 0;
        height: 80px;
        top: 35%;
        width: 80px
    }

    .aboutsub-banner,
    .connecting-content .section-title,
    .creative-bg,
    .textture-text-1 {
        font-size: 40px
    }

    .creative-icon img:nth-child(2) {
        position: absolute;
        bottom: -50px;
        right: 57px;
        z-index: 1;
        width: 59px
    }

    .creative-icon img:nth-child(6) {
        display: block
    }

    .case-content ul.casePointers,
    .icon-grid {
        display: flex
    }

    .swiper-gal::after {
        content: "";
        position: absolute;
        bottom: -67px;
        left: -270px;
        width: 149%;
        height: 100px;
        background: var(--section-color);
        border-radius: 100%;
        z-index: 1
    }

    .innerBanner {
        padding-bottom: 70px
    }

    .bg-pattern-abt {
        padding-bottom: 154px
    }

    .case-study-listing {
        padding: 0 0 90px
    }

    .blog-content p {
        line-height: 36px;
        margin-bottom: 30px
    }

    .addWrap-3 {
        padding-left: 27%
    }

    .addWrap-1 {
        padding-left: 28%
    }

    .addWrap-2 {
        padding-left: 18%
    }

    ul.inform-social li a {
        text-decoration: none;
        font-size: 34px;
        line-height: 1.3
    }

    .video-container {
        height: 78vh
    }

    .team-img img {
        min-width: unset
    }

    .teamSlider .owl-stage-outer {
        padding-bottom: 0
    }

    .aboutbanSlider .rightSlider .year_Design p.year {
        background-color: #fff;
        display: inline;
        border: 2px solid #000;
        padding: 5px 15px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 600;
        box-shadow: 2px 4px 0 0 #fdb914
    }

    .beneBx {
        margin-right: 0;
        height: 100%;
        padding: 20px
    }

    .custom-benefit-spacing {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem
    }

    .ceoImg img {
        position: absolute;
        top: -52px;
        left: -57px;
        width: 54%
    }

    .section.section.ceo-section {
        padding: 103px 0 100px
    }

    .teamBx .name.sus img {
        width: 105px !important
    }

    .name.mi {
        bottom: 239px
    }

    .teamBx .name.pro img {
        width: 103px !important
    }

    .name.pro {
        bottom: 242px;
        left: -18px
    }

    .name.ali {
        bottom: 218px;
        left: -25px
    }

    .teamSection .teamBx:hover .name.ali,
    .teamSection .teamBx:hover .name.mili {
        bottom: 12px;
        left: 0
    }

    .name.mili {
        bottom: 238px;
        left: -20px
    }

    .teamBx .name.ali img {
        width: 111px !important
    }

    .name.gango {
        bottom: 245px;
        left: -40px
    }

    .teamBx .name.tej img {
        width: 100px !important
    }

    .teamSection .teamBx:hover .name.gango,
    .teamSection .teamBx:hover .name.sus {
        bottom: 13px;
        left: 0
    }

    .teamBx .name.gango img {
        width: 108px !important
    }

    .name.tej {
        bottom: 229px;
        left: -20px
    }

    .teamBx .name.aman img {
        width: 149px !important
    }

    .teamSection .teamBx:hover .name.tej {
        bottom: 10px;
        left: 0
    }

    .name.isha {
        bottom: 242px;
        left: -23px
    }

    .teamBx .name.isha img,
    .teamBx .name.mili img {
        width: 86px !important
    }

    .name.sus {
        bottom: 237px;
        left: -15px
    }

    .name.sub {
        bottom: 242px;
        left: -14px
    }

    .teamSection .teamBx:hover .name.sub {
        bottom: 16px;
        left: 0
    }

    .name.aman {
        bottom: 211px;
        left: -23px
    }

    .name.sarbo {
        bottom: 228px;
        left: -21px
    }

    .teamBx .name.sub img {
        width: 104px !important
    }

    .teamBx .name.sarbo img {
        width: 107px !important
    }

    .careers-custom-pad {
        --bs-gutter-x: 2.5rem
    }

    .aboutbanSlider .swiper-button-prev::after {
        width: 49px;
        height: 49px;
        background-size: 22px;
        top: 325px;
        right: 590px
    }

    .aboutbanSlider .swiper-button-next::after {
        top: 325px;
        right: 520px;
        width: 49px;
        height: 49px;
        background-size: 22px
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        padding-right: 9%
    }

    .beneBx h3 {
        font-size: 21px;
        color: #000;
        margin-bottom: 15px
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -186px;
        transform: scale(1.2);
        right: -40px
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 517px
    }

    .case-study-btn,
    .case-study-btn-1,
    .case-study-listing .casestudy-Bx .case-content a {
        font-size: 20px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison {
        bottom: 30px;
        right: 30px;
        height: auto
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 55%;
        bottom: -89px;
        right: 84px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thyme {
        height: 71%;
        bottom: 55px;
        right: -12px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 68%;
        bottom: 22px;
        right: 61px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ncb {
        height: 85%;
        bottom: -52px;
        right: -11px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -71px;
        right: -44px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -74px;
        right: -22px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 17px;
        right: 20px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -140px;
        right: 49px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -280px;
        right: -61px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 25px;
        left: -61px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 77%;
        bottom: -53px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-med {
        height: 77%;
        bottom: -39px;
        right: 30px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 61%;
        bottom: -194px;
        right: 63px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-crizac {
        bottom: -267px;
        right: -116px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 76px;
        right: -122px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 11px;
        transform: scale(.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -171px;
        right: 53px;
        transform: scale(1.5)
    }

    .c-text-container {
        bottom: 461px
    }

    .border-wrap {
        margin-left: 65px;
        margin-right: 0
    }

    .testimonial-Talk span.red-stripe {
        margin-left: 6%
    }

    .blogListing .filters-1 {
        display: flex;
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .mainSlider .rightSlider {
        padding-left: 155%;
        transform: rotate(16deg)
    }

    .featuredBlk .featureImg img {
        height: 440px;
        object-fit: cover
    }

    .featuredBlk .featureContent {
        padding: 0 2.5rem 3rem 3.6875rem
    }

    .featureBlogSLider .nextArrow,
    .featureBlogSLider .prevArrow {
        width: 40px;
        height: 40px
    }

    .featuredBlk .featureContent h2 a {
        font-size: 43px
    }

    .featureBlogSLider .prevArrow {
        right: 98px
    }

    .blog-grid .casestudy-Bx .case-content a {
        margin-top: 5px
    }

    .casestudy-Bx .case-content h3 a {
        font-size: 25px
    }

    .section.case-study-overview {
        padding-bottom: 3%;
        padding-top: 12%
    }

    .tri-top-3 {
        right: 1061px
    }

    .social-links a i.ri-instagram-line {
        font-size: 30px
    }

    .social-links a i.flaticon-my-business {
        padding-top: 5px;
        font-size: 28px;
        z-index: 1
    }

    .social-links ul li:nth-child(4):after {
        top: 17px
    }

    .tri-bottom-6 {
        right: 449px
    }

    .tri-13 {
        left: 531px
    }

    .banner-scroll-team .banner-scrolll img,
    .banner-scroll-team-1 .banner-scrolll img {
        width: 190px;
        padding-left: 10%
    }

    .spacer-1 {
        height: 80px
    }

    .blog-content .spacer {
        height: 25px
    }

    .footer_menu-1 li {
        margin-bottom: 10px
    }

    .banner-scroll-team {
        right: 150px
    }

    .pix-pat img {
        margin-top: -10px;
        width: 430px
    }

    .bb-border {
        border-bottom: 2px dashed #ccc;
        padding-bottom: 0;
        margin-bottom: 25px;
        padding-top: 10px
    }

    .banner-scrolll {
        width: 197px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 26px;
        transform: scale(1.5);
        right: -20px
    }

    .CeoContent,
    .custom-padding-blog .casestudy-Bx .case-content p,
    .strat-dev.digital-strat h2.section-title {
        padding-right: 0
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(1.8);
        right: -197px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -30px;
        right: 0
    }

    .wokImg img.dm-ship {
        position: absolute;
        bottom: -90px;
        width: 100%;
        right: -20px
    }

    .wokImg img.home-ncb {
        bottom: -57px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 3px;
        right: 64px;
        width: 87%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 19px;
        right: 19px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -69px;
        transform: scale(1);
        right: 79px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 28px;
        transform: scale(1);
        right: 30px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 31px;
        transform: scale(1.4);
        right: -68px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -71px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -271px;
        transform: scale(2);
        right: -68px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .wokImg img.ava-img,
    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -24px;
        right: 0
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -86px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 36px;
        transform: scale(1.6);
        right: 23px
    }

    .wokImg img.home-ship {
        bottom: -61px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -55px;
        right: 0
    }

    .main-title,
    .referSection h1 span,
    .referTile,
    .section-title-recent,
    .textture-text {
        font-size: 50px
    }

    p.referPara {
        padding-right: 10%
    }

    .blog-content h4 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .teambox img {
        width: 197px !important
    }

    .name img {
        width: 131px !important;
        transform: rotate(1deg)
    }

    .teambox {
        bottom: -31px
    }

    .btn {
        background-color: #222;
        padding: 16px 23px;
        border-radius: 50px;
        color: #fff;
        font-size: 16px;
        font-family: var(--font-secondary);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 3px;
        transition: .3s
    }

    .benefit-point p,
    .tybtn {
        font-size: 14px
    }

    .tech-logos img.bs-logo {
        width: 33%;
        height: auto
    }

    .tech-logos img.wp-logo {
        width: 68%;
        height: auto
    }

    .tech-logos img.shopi-logo {
        width: 73%;
        height: auto
    }

    .tech-logos img.woo-logo {
        width: 40%;
        height: auto
    }

    .tech-logos img.webflow-logo {
        width: 31%;
        height: auto
    }

    .ProjectCard {
        height: 621px
    }

    .creative-agency-slider .nextArrow,
    .creative-agency-slider .prevArrow {
        top: 206px
    }

    .connecting-section p {
        font-size: 16px;
        line-height: 2;
        padding-right: 2%
    }

    .informedBx {
        height: 430px
    }

    .connecting-content .agency {
        font-size: 60px;
        font-weight: 700;
        line-height: .8
    }

    .creative-icon img:first-child {
        left: -58px;
        width: 71px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -49px;
        right: 0
    }

    .wokImg img.th-work {
        bottom: -64px
    }

    .creative ul li {
        padding: 18px 15px 18px 36px;
        font-size: 16px
    }

    .navbtn-wrap {
        right: 56px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -141px;
        transform: scale(1.6);
        right: 64px
    }

    .wokImg img {
        position: absolute;
        bottom: 76px;
        right: 63px
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        width: 74%
    }

    .workWrapper .our-work-1 .owl-nav .prev_btn {
        left: 9px
    }

    .ourWork .swiper-button-next::after,
    .swiper-button-next::after,
    .swiper-button-prev::after {
        width: 45px;
        height: 45px
    }

    .ourProcess .our-process .owl-nav .next_btn {
        right: -40px;
        top: 47%
    }

    .border-text,
    .text,
    .text span.highlight-text,
    .text-1,
    .text-1 span.highlight-text-1,
    .text.service-text {
        font-size: 60px
    }

    .recent-project img {
        width: 100%;
        position: absolute;
        right: 0;
        left: 65px;
        top: 61px
    }

    h3.Servicetitle {
        color: #fff;
        font-size: 40px
    }

    ul.creative-pointers li {
        border-bottom: 2px solid #3e3e3e;
        padding: 11px 0 14px
    }

    .recent-img {
        height: 325px
    }

    .recent-project img.indriq {
        top: 63px
    }

    .recent-project img.milltete {
        left: 32px;
        transform: scale(1.5)
    }

    .recent-project img.dazs {
        left: 39px
    }

    .recent-project img.crizac {
        left: 68px;
        top: 80px
    }

    h3.bgText {
        font-size: 64px
    }

    .case-study-details .case-title {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: 35px
    }

    .owl-carousel .owl-item .project-banner img.thyme {
        width: 65%
    }

    .case-content p {
        line-height: 35px;
        margin-left: 0;
        font-size: 16px
    }

    .projectWrapper {
        height: 65vh
    }

    .product-desc-1 {
        color: #fff;
        font-size: 16px;
        margin-top: 20px;
        width: 75%;
        line-height: 29px
    }

    .icon-box {
        width: 50px;
        height: 50px;
        padding: 2px
    }

    .blog-listing .casestudy-Bx,
    .float-13,
    .float-6 {
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.ship-dm {
        top: 16px;
        right: 30px
    }

    .icon-grid {
        gap: 9px
    }

    .owl-carousel .owl-item .project-banner img.ncb {
        width: 56%;
        bottom: 84px
    }

    .blog-content h3 {
        font-size: 35px;
        line-height: 65px;
        margin-bottom: 12px
    }

    .techStack {
        margin-top: 34px
    }

    .project-desc {
        padding: 7px 15px 3px;
        font-size: 16px
    }

    .owl-carousel .owl-item .project-banner img.alhiraa {
        top: 74px
    }

    .owl-carousel .owl-item .project-banner img.apt,
    .owl-carousel .owl-item .project-banner img.tar-brand-hin {
        position: absolute;
        width: 53%;
        right: 0;
        bottom: 0
    }

    .imageWrap img {
        border-radius: 30px;
        border: 2px solid #ccc;
        width: 100%;
        object-fit: cover
    }

    .client p,
    .client span,
    .field p,
    .field span {
        font-size: 18px
    }

    .outcomeImg img {
        border-radius: 30px;
        object-fit: cover
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 23px;
        left: 23px
    }

    .work-list li {
        font-size: 16px;
        margin-bottom: 0
    }

    .workTypeWrapper {
        margin-left: 50px;
        padding: 37px 35px 37px 36px
    }

    .casestudy-Bx .case-content a {
        margin-bottom: 7px
    }

    .casestudy-Bx .case-content p {
        padding-right: 62px;
        line-height: 24px
    }

    .spot-img img {
        top: -66px
    }

    .our-work .owl-stage-outer {
        margin-left: -25px
    }

    .serviceWrapper .section-title {
        margin: 0 80px
    }

    .quote .quote-text .bio {
        font-size: 16px;
        line-height: 29px;
        padding-right: 0
    }

    .quote .quote-text .founder-title {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 7px
    }

    .navbar-menu-inner {
        grid-column-gap: 2rem
    }

    .button-container {
        top: -64px
    }

    .name {
        bottom: 218px
    }

    .our-process .owl-stage-outer,
    .teamSlider .owl-stage-outer {
        display: inline-block
    }

    .float-4 {
        left: 85px
    }

    .float-13 {
        left: 121px;
        top: 0
    }

    .float-5,
    .float-8 {
        left: 280px
    }

    .mediaHeading {
        line-height: 1.1;
        margin-bottom: 10px;
        font-size: 20px;
        text-align: left
    }

    .mediaWrapper p {
        padding-right: 0;
        line-height: 1.6;
        text-align: left
    }

    .date-visit-btn .visit-site a {
        font-size: 16px
    }

    .date-visit-btn .date p {
        margin-right: 25px;
        font-size: 16px
    }

    li,
    p,
    span {
        font-size: 16px;
        line-height: 1.9
    }

    .panel__image img.img-pane {
        right: -109px;
        width: 64%
    }

    .float-6 {
        right: 59px;
        bottom: 37px
    }

    .bottom-icon,
    .section-title img,
    .top-icon {
        width: 50%
    }

    .float-7 {
        right: 21.9%
    }

    .float-5 {
        bottom: 0
    }

    .float-3 {
        right: 90px
    }

    .float-2 {
        right: 24%;
        top: 5px
    }

    .banner-laptop-img {
        margin-left: 111px
    }

    .blogListing .filters-1 ul li {
        font-size: 18px;
        padding: 14px 14px 0 15px;
        min-width: 240px
    }

    .blogListing .filters-1 ul li::after {
        top: 21px;
        left: -3px;
        width: 6px;
        height: 6px
    }

    h2.wear-red {
        font-size: 127px
    }

    .img-block img {
        margin-top: -185px;
        width: 100%
    }

    .start-img {
        left: -65px;
        height: 583px
    }

    .workWrapper {
        padding: 100px 0 0;
        position: relative
    }

    .innerWrapper {
        padding: 50px 23px
    }

    .workWrapper .our-work-1 .owl-nav .next_btn {
        right: 69px
    }

    .owl-carousel .owl-item .project-banner img.tar {
        position: absolute;
        width: 50%;
        right: 100px;
        bottom: 60px
    }

    .projectWrapper h3 {
        color: #fff;
        font-weight: 400;
        font-size: 40px
    }

    .owl-carousel .owl-item .project-banner img.dtc,
    .owl-carousel .owl-item .project-banner img.dtc-brand-daz {
        position: absolute;
        width: 47%;
        right: 67px;
        bottom: 73px
    }

    .owl-carousel .owl-item .project-banner img.hel {
        position: absolute;
        width: 42%;
        right: 100px;
        bottom: -12px
    }

    .owl-carousel .owl-item .project-banner img.hel-brand-sha {
        position: absolute;
        width: 49%;
        right: 40px;
        bottom: 15px
    }

    .owl-carousel .owl-item .project-banner img.med-brand-indi {
        width: 57%
    }

    .owl-carousel .owl-item .project-banner img.crizac {
        position: absolute;
        width: 71%;
        right: 40px;
        bottom: 46px
    }

    .owl-carousel .owl-item .project-banner img.crizac-brand {
        position: absolute;
        width: 67%;
        right: -20px;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.hin-brand-crizac {
        width: 69%;
        bottom: 0;
        right: -70px
    }

    .owl-carousel .owl-item .project-banner img.birla {
        position: absolute;
        width: 52%;
        right: 28px;
        bottom: 66px
    }

    .owl-carousel .owl-item .project-banner img.birla-brand {
        position: absolute;
        width: 52%;
        right: 0;
        bottom: 46px
    }

    .our-work-1 .owl-stage-outer {
        display: inline-block;
        margin-left: -54px
    }

    .strategy-dev p {
        padding-right: 0;
        line-height: 32px
    }

    .our-process .owl-stage::after {
        top: 489px
    }

    .headingLogo img {
        padding-bottom: 30px;
        width: 60px
    }

    .logo-media img {
        width: 60px
    }

    .custom-accord h2 button {
        font-size: 20px;
        line-height: 1.2
    }

    .social-links ul li:first-child:before,
    .social-links ul li:nth-child(2):before,
    .social-links ul li:nth-child(3):before,
    .social-links ul li:nth-child(4):before {
        top: 5px;
        height: 116px
    }

    .float-11 {
        left: 31px;
        top: 28px;
        height: auto
    }

    .mainSlider .leftSlider {
        padding-left: 25%
    }

    .testimonial-Talk p {
        padding-right: 0;
        line-height: 1.7
    }

    .float-12 {
        left: 206px;
        bottom: 72px
    }
}

@media only screen and (max-width:1300px) {
    .navbtn-wrap {
        right: 4rem
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-size: 16px;
        font-weight: 400;
        line-height: 27px
    }

    .socialWrap {
        padding-left: 0
    }

    .social-links a i.flaticon-my-business {
        padding-top: 5px;
        font-size: 28px;
        z-index: 1
    }

    .social-links a i.ri-instagram-line {
        font-size: 30px
    }

    .textture-text-1,
    h2 {
        font-size: 40px
    }

    .creative .left-panel1 h2 span.textGrad {
        color: #fcb814;
        font-size: 40px;
        font-weight: 700;
        line-height: 1
    }

    .start-img {
        left: -65px;
        height: 560px
    }

    .beneBx h3 {
        font-size: 20px
    }
}

@media only screen and (max-width:1340px) {
    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(1.8);
        right: -157px
    }
}

@media only screen and (max-width:1320px) {
    .navbtn-wrap {
        right: 53px
    }
}

@media only screen and (max-width:1280px) {
    .wokImg img.dm-ds {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .creative-icon img:nth-child(4) {
        position: absolute;
        top: -63px;
        right: 27px;
        z-index: 1
    }

    .wokImg img.dm-maison {
        bottom: -136px
    }

    .wokImg img.home-ncb {
        bottom: -57px
    }

    .wokImg img.dm-ship {
        bottom: -50px
    }

    .float-1 {
        font-size: 26px;
        left: 36%;
        bottom: 47px
    }

    .section.case-study-overview {
        padding-bottom: 1%;
        padding-top: 12%
    }

    .navbtn-wrap {
        right: 51px
    }

    [class^=btn---],
    [class^=btn--] {
        font-size: 18px
    }

    .custom-padding-case-1 {
        --bs-gutter-x: 3.1rem;
        --bs-gutter-y: 3.1rem
    }

    .casestudy-Bx .case-content p {
        padding-right: 82px;
        line-height: 24px
    }

    .addWrap {
        padding-left: 20%
    }

    .footer_map img {
        margin-top: -20px
    }

    .addWrap-1 {
        padding-left: 23%
    }

    .socialWrap {
        padding-left: 0;
        padding-top: 0
    }

    .owl-carousel .owl-item .project-banner img.avanza {
        width: 57%;
        top: 222px
    }

    .workWrapper .our-work .owl-nav .prev_btn {
        left: 29px
    }

    .owl-carousel .owl-item .project-banner img.helme {
        position: absolute;
        width: 51%;
        right: 18px;
        top: 208px
    }

    .workWrapper .our-work .owl-nav .next_btn img,
    .workWrapper .our-work .owl-nav .prev_btn img {
        width: 23px
    }

    .owl-carousel .owl-item .project-banner img.tarson {
        position: absolute;
        width: 54%;
        right: 40px;
        top: 183px
    }

    .owl-carousel .owl-item .project-banner img.ship {
        position: absolute;
        width: 57%;
        right: 30px;
        top: 214px
    }

    .owl-carousel .owl-item .project-banner img.sat {
        top: 71px;
        right: -20px
    }

    .navbar-menu-inner {
        grid-column-gap: 1.5rem
    }

    .navbar-link-text.hover-mnu-reveal a,
    .navbar-menu a .navbar-link-text {
        font-size: 14px
    }

    .owl-carousel .owl-item .project-banner img.starinco {
        position: absolute;
        width: 52%;
        right: 40px;
        top: 165px
    }

    .float-7 {
        right: 19.9%
    }

    .float-8 {
        left: 270px
    }

    .float-6 {
        right: 29px
    }

    .float-13 {
        left: 61px
    }

    .aboutsub-banner {
        font-size: 43px
    }
}

@media only screen and (max-width:1220px) {
    .navbtn-wrap {
        right: 49px
    }

    .textture-text {
        font-size: 50px
    }
}

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

    .case-content ul.casePointers,
    .headingLogo {
        display: block
    }

    .team-img-full img {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        object-fit: contain;
        height: 100%;
        margin-bottom: 30px
    }

    .teamSection .teamSlider .owl-nav .prev_btn {
        right: 448px
    }

    .teamSection .teamSlider .owl-nav .next_btn {
        right: 350px
    }

    .contactDetails .address p,
    .contactDetails .email a,
    .contactDetails .phone a {
        font-size: 17px;
        text-decoration: none
    }

    .contactPageWrapper {
        padding: 160px 0 120px
    }

    .related-img img {
        border-radius: 30px;
        width: 100%;
        margin-bottom: 20px
    }

    .testimonialSlider .prevArrow {
        right: 52px
    }

    .testimonialSlider .nextArrow,
    .testimonialSlider .prevArrow {
        width: 40px;
        height: 40px
    }

    .creative-agency-slider .nextArrow,
    .creative-agency-slider .prevArrow {
        top: 266px
    }

    .connecting-section p {
        padding-right: 0
    }

    .creative-agency-slider .creative-slider-item img {
        width: 100%;
        position: relative;
        height: 520px;
        object-fit: cover
    }

    .creative-agency-slider .creative-slider-item,
    .image-overlay::before {
        height: 520px
    }

    .bg-patter-crea img,
    .cardStacking .panel__image img.img-pane,
    .creative-icon {
        display: none
    }

    .aboutbanSlider .swiper-button-next::after {
        top: 295px;
        right: 366px
    }

    .aboutbanSlider .swiper-button-prev::after {
        top: 295px;
        right: 400px
    }

    .case-study-listing {
        padding: 30px 0 90px
    }

    .referTabs .tab-content {
        margin-top: 0
    }

    .innerBanner {
        padding-bottom: 80px;
        padding-top: 12%
    }

    .bg-pattern-abt {
        padding-bottom: 154px
    }

    .blog-inner-banner .overlap-title h1 {
        font-size: 44px;
        line-height: 1
    }

    .custom-padding-blog {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 2rem
    }

    .addWrap,
    .addWrap-3,
    .socialWrap {
        padding-left: 0;
        padding-top: 50px
    }

    .team-img img {
        min-width: auto
    }

    .social-links ul li:first-child:before {
        top: -11px;
        height: 116px
    }

    .connecting-section p,
    .socialWrap .footerTitle,
    .testimonial-Talk .testi p,
    p.address-text {
        font-size: 16px
    }

    .teamSlider .owl-stage-outer {
        padding-bottom: 0;
        display: inline-block
    }

    .section.section.ceo-section {
        padding: 69px 0
    }

    .ceoImg img {
        position: absolute;
        top: 1px;
        left: -110px;
        width: 54%
    }

    .teamBx .name.sus img {
        width: 114px !important
    }

    .name.mi {
        bottom: 297px
    }

    .teamBx .name.pro img {
        width: 124px !important
    }

    .name.pro {
        bottom: 292px;
        left: -18px
    }

    .name.ali {
        bottom: 263px;
        left: -25px
    }

    .teamSection .teamBx:hover .name.ali,
    .teamSection .teamBx:hover .name.mili {
        bottom: 12px;
        left: 0
    }

    .name.mili {
        bottom: 297px;
        left: -20px
    }

    .teamBx .name.ali img {
        width: 135px !important
    }

    .name.gango {
        bottom: 300px;
        left: -58px
    }

    .teamBx .name.tej img {
        width: 118px !important
    }

    .teamSection .teamBx:hover .name.gango,
    .teamSection .teamBx:hover .name.sus {
        bottom: 13px;
        left: 0
    }

    .teamBx .name.gango img {
        width: 130px !important
    }

    .name.tej {
        bottom: 278px;
        left: -20px
    }

    .teamBx .name.aman img {
        width: 180px !important
    }

    .teamSection .teamBx:hover .name.tej {
        bottom: 10px;
        left: 0
    }

    .name.isha {
        bottom: 297px;
        left: -29px
    }

    .teamBx .name.isha img {
        width: 109px !important
    }

    .name.sus {
        bottom: 291px;
        left: -15px
    }

    .teamBx .name.mili img {
        width: 86px !important
    }

    .name.sub {
        bottom: 295px;
        left: -28px
    }

    .teamSection .teamBx:hover .name.sub {
        bottom: 16px;
        left: 0
    }

    .name.aman {
        bottom: 256px;
        left: -29px
    }

    .name.sarbo {
        bottom: 279px;
        left: -27px
    }

    .teamBx .name.sub img {
        width: 123px !important
    }

    .teamBx .name.sarbo img {
        width: 127px !important
    }

    .aboutbanSlider .abtBan .leftImgBan,
    .aboutbanSlider .abtBan .rightSlider {
        width: 46%
    }

    .aboutbanSlider .abtBan .rightSlider p {
        padding-right: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 31px
    }

    .aboutbanSlider .swiper-button-prev {
        width: 58px;
        left: unset;
        right: 32px;
        height: 58px;
        top: 0;
        margin-top: 0
    }

    .client span,
    .counterWrapper p,
    .field span {
        font-size: 15px
    }

    .client p,
    .field p {
        font-size: 15px;
        letter-spacing: 1px
    }

    .client {
        padding: 15px 18px
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -109px;
        right: 0
    }

    .careers-custom-pad,
    .custom-padding-2 {
        --bs-gutter-x: 1.5rem
    }

    .ceoTalk {
        font-size: 22px;
        line-height: 50px
    }

    .quoteIcon {
        position: absolute;
        top: -23px;
        left: -75px
    }

    .case-study-details .case-title .case-tex {
        font-size: 35px
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -98px;
        transform: scale(1);
        right: -10px
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 370px
    }

    .blog-content h4.bgText,
    .case-study-listing .casestudy-Bx .case-content a {
        font-size: 20px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison {
        bottom: 30px;
        right: 30px;
        height: auto
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 54%;
        bottom: -118px;
        right: 99px
    }

    .case-logo img.mille-logo {
        top: 25px;
        left: 25px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thyme {
        height: 71%;
        bottom: 55px;
        right: -12px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 64%;
        bottom: 22px;
        right: 61px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ncb {
        height: 85%;
        bottom: -46px;
        right: -21px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -97px;
        right: -65px;
        transform: scale(1.6)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -100px;
        right: -16px;
        transform: scale(2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: -3px;
        right: 20px;
        transform: scale(1.5)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -169px;
        right: 49px;
        transform: scale(1.6)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -286px;
        right: -58px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 13px;
        left: -82px;
        transform: scale(1.06)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 73%;
        bottom: -34px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-med {
        height: 74%;
        bottom: -20px;
        right: 30px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 51%;
        bottom: -183px;
        right: 110px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-crizac {
        bottom: -267px;
        right: -116px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 76px;
        right: -155px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 60px;
        transform: scale(.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -228px;
        right: 73px;
        transform: scale(1.4)
    }

    .custom-benefit-spacing,
    .custom-padding-case,
    .custom-padding-case-1 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem
    }

    .border-text,
    .main-title,
    .section.teamSection .text-1,
    .spot-title,
    .text,
    .text span.highlight-text,
    .text-1,
    .text-1 span.highlight-text-1,
    .text.service-text,
    .textture-text {
        font-size: 50px
    }

    .fab {
        margin-left: 29px
    }

    .beneBx {
        padding: 20px;
        height: 100%
    }

    .btn-text,
    .copyright,
    .footerForm a,
    .footer__menu ul li a,
    .navbar-menu a .navbar-link-text,
    .text1,
    .text2 {
        font-size: 14px
    }

    .footer-padding-3 {
        margin-top: 67px
    }

    .blog-content h2,
    .creative .left-panel h2 span.textGrad,
    .creative .left-panel1 h2 span.textGrad,
    .number-count,
    .number-count h3,
    .number-count h3 span,
    .section-title-recent,
    .textture-text-1,
    h2 {
        font-size: 40px
    }

    .footer-logo a img {
        width: 160px
    }

    .video-container {
        height: 62vh
    }

    .contact__wrapper {
        padding: 165px 30px 50px
    }

    .social-links ul li:nth-child(2):before {
        top: 5px;
        height: 116px;
        display: none
    }

    .formHeader img {
        position: absolute;
        top: 0;
        left: -91px;
        width: 350px
    }

    .blogListing .filters-1 ul {
        padding: 0;
        color: #fff;
        border-radius: 0;
        transition: .3s;
        align-items: center;
        justify-content: start;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .blogListing .filters-1 ul li {
        min-width: 226px;
        text-align: center
    }

    .banner-scroll-team-1 .banner-scrolll img {
        width: 183px;
        padding-left: 10%
    }

    .mainSlider .leftSlider {
        padding-left: 12%
    }

    .banner-scroll-team .banner-scrolll img {
        width: 183px
    }

    video {
        width: 100%;
        height: auto
    }

    .connecting-section h2.section-title {
        line-height: 1.4
    }

    .button-container .button-text {
        font-size: 20px;
        font-weight: 500;
        color: #000;
        margin-left: 12px
    }

    .heading,
    .heading .textture-text-1 {
        font-size: 70px
    }

    .banner-scroll-team {
        right: 110px
    }

    .button-container {
        display: inline-flex;
        align-items: center;
        justify-content: end;
        border: 2px solid #f2f2f2;
        border-radius: 100px;
        padding: 10px 20px 10px 8px;
        background-color: #fff;
        -webkit-animation: 1s infinite alternate floatbtn;
        animation: 1.5s infinite alternate floatbtn;
        position: absolute;
        right: 0;
        top: -40px;
        height: 63px
    }

    .banner-four-element {
        gap: 31px
    }

    .circle {
        width: 43px;
        height: 38px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .heading {
        position: relative
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: -48px;
        transform: scale(1.4);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 101px;
        transform: scale(1.7);
        right: -150px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 0;
        right: 63px;
        width: 87%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 30px;
        right: 21px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -79px;
        transform: scale(1);
        right: 89px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 27px;
        transform: scale(1);
        right: 29px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 41px;
        transform: scale(1.4);
        right: -68px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -50px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -361px;
        transform: scale(1.5);
        right: -68px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -10px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -24px;
        right: 0
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -66px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: -25px;
        transform: scale(1.3);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    section.referSection {
        padding-top: 210px;
        padding-bottom: 130px
    }

    .referSection h1 span,
    .referTile {
        font-size: 38px
    }

    p.referPara {
        padding-right: 6%
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 46px;
        left: 24px
    }

    .swiper-button-prev::after,
    .workWrapper .our-work-1 .owl-nav .prev_btn {
        height: 40px;
        left: 0;
        width: 40px
    }

    .teamSection .teamBx:hover .name {
        bottom: 9px
    }

    .teambox img {
        width: 195px !important
    }

    .name img {
        width: 160px !important;
        transform: rotate(1deg)
    }

    .informedBx {
        height: 360px
    }

    .border-wrap {
        margin-right: 0;
        margin-left: 22px
    }

    .pix-pat img {
        margin-top: -20px;
        margin-right: 40px;
        width: 400px
    }

    .connecting-section h2.section-title span.redText {
        font-weight: 700;
        font-size: 40px;
        line-height: 1
    }

    .innerWrapper .content h3,
    .social-links a i,
    .social-links a i.ri-instagram-line {
        font-size: 25px
    }

    .benefit-point {
        display: flex;
        align-items: center;
        justify-content: start !important;
        margin-bottom: 16px
    }

    .tech-logos img.bs-logo {
        width: 42%;
        height: auto
    }

    .tech-logos img.woo-logo {
        width: 47%
    }

    .tech-logos img.shopi-logo {
        width: 87%
    }

    .tech-logos {
        padding: 50px 0 60px
    }

    .tech-logos img.wp-logo {
        width: 83%
    }

    .tech-logos img.webflow-logo {
        width: 38%
    }

    .beneBx p {
        font-size: 13px;
        color: #000
    }

    .custom-accord h2 button {
        font-size: 19px;
        line-height: 1.2
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -219px;
        transform: scale(1.4);
        right: 47px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -40px;
        right: 0
    }

    .wokImg img.home-ncb {
        bottom: -57px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -31px;
        right: 0
    }

    .wokImg.work-hin img {
        position: absolute;
        bottom: -104px;
        transform: scale(1);
        right: 40px
    }

    .wokImg img {
        position: absolute;
        bottom: 48px;
        right: 73px
    }

    .right-panel {
        position: relative;
        z-index: 99999
    }

    .colab-circle2,
    .colab-circle3 {
        margin-left: -21px
    }

    .tri-1 {
        left: 40px
    }

    .tri-2 {
        left: 61px
    }

    .tri-3 {
        left: 131px
    }

    .tri-top-5 {
        right: 641px
    }

    .tri-top-6 {
        right: 479px
    }

    .tri-bottom-7 {
        right: 249px
    }

    .tri-bottom-6 {
        right: 319px
    }

    .tri-bottom-4 {
        right: 681px
    }

    .tri-top-7 {
        right: 269px
    }

    .tri-top-2 {
        right: 971px
    }

    .tri-top-3 {
        right: 881px
    }

    .tri-4 {
        left: 244px
    }

    .navbar-menu-inner {
        grid-column-gap: 1.5rem;
        justify-content: center
    }

    .navbtn-wrap {
        right: 49px
    }

    .owl-carousel .owl-item .project-banner img.birla-dm {
        position: absolute;
        width: 43%;
        right: 84px;
        bottom: 50px
    }

    .owl-carousel .owl-item .project-banner img.tar-dm {
        bottom: 43px
    }

    .owl-carousel .owl-item .project-banner img.crizac-dm {
        bottom: 92px
    }

    .owl-carousel .owl-item .project-banner img.med {
        position: absolute;
        width: 45%;
        right: 50px;
        bottom: 82px
    }

    .owl-carousel .owl-item .project-banner img.dtc-brand-daz {
        position: absolute;
        width: 48%;
        right: 57px;
        bottom: 93px
    }

    .owl-carousel .owl-item .project-banner img.med-brand-indi {
        width: 57%;
        bottom: 20px;
        right: 50px
    }

    .owl-carousel .owl-item .project-banner img.hel-brand-sha {
        position: absolute;
        width: 51%;
        right: 29px;
        bottom: 45px
    }

    .owl-carousel .owl-item .project-banner img.hin-brand-crizac {
        width: 69%;
        bottom: 0;
        right: -70px
    }

    .owl-carousel .owl-item .project-banner img.crizac-brand {
        position: absolute;
        width: 81%;
        right: -150px;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.birla-brand {
        bottom: 77px
    }

    .owl-carousel .owl-item .project-banner img.birla {
        bottom: 106px
    }

    .owl-carousel .owl-item .project-banner img.hin {
        width: 44%;
        bottom: 80px;
        right: 60px
    }

    .owl-carousel .owl-item .project-banner img.dtc {
        position: absolute;
        width: 49%;
        right: 47px;
        bottom: 106px
    }

    .owl-carousel .owl-item .project-banner img.hel {
        position: absolute;
        width: 48%;
        right: 40px;
        bottom: 28px
    }

    .owl-carousel .owl-item .project-banner img.tar {
        position: absolute;
        width: 50%;
        right: 53px;
        bottom: 110px
    }

    .owl-carousel .owl-item .project-banner img.crizac {
        position: absolute;
        width: 68%;
        right: 30px;
        bottom: 86px
    }

    .owl-carousel .owl-item .project-banner img.crizac-1 {
        position: absolute;
        width: 40%;
        right: 95px;
        bottom: 71px
    }

    .casestudy-Bx .case-content p {
        font-size: 14px;
        padding-right: 55px;
        line-height: 24px;
        margin-bottom: 0
    }

    .serviceContiner {
        width: 90%;
        margin-left: auto;
        padding-right: 0
    }

    ul.creative-pointers li {
        border-bottom: 2px solid #3e3e3e;
        padding: 10px 0 13px
    }

    h2.wear-red {
        font-size: 97px
    }

    .aboutsub-banner {
        font-size: 36px;
        margin-bottom: 50px
    }

    .swiper-button-next::after {
        width: 40px;
        height: 40px;
        top: 0;
        position: absolute
    }

    .swiper-button-prev::after {
        position: absolute;
        top: 0
    }

    .recent-project img {
        width: 100%;
        position: absolute;
        right: 0;
        left: 43px;
        top: 51px
    }

    .project-na h4 {
        font-size: 20px;
        margin-bottom: 8px
    }

    .project-na {
        padding: 20px 19px;
        display: block;
        text-align: center
    }

    .c-text-container {
        bottom: 421px
    }

    .green-bullets {
        margin-top: 30px;
        padding-right: 0
    }

    .cardStacking .service-slider .owl-nav .next_btn {
        right: -6px
    }

    .connecting-section h2.section-title img {
        width: 113px
    }

    .testi h4 {
        font-size: 23px
    }

    .reviews-position {
        font-size: 17px
    }

    .connecting-content .agency {
        font-size: 48px;
        font-weight: 700;
        line-height: .8
    }

    .recent-img {
        height: 257px
    }

    .cardStacking .stackCard {
        height: 450px
    }

    .spot-img img {
        top: -16px;
        width: 514px
    }

    .service-slider .owl-stage-outer {
        display: inline-block;
        margin-left: -21px
    }

    .scroll-wrapper {
        margin-top: 60px
    }

    .creative ul li {
        padding: 13px 15px 13px 32px;
        font-size: 16px
    }

    .creative ul li::before {
        top: 20px;
        width: 12px;
        height: 12px
    }

    .border-text,
    .workWrapper .section-title {
        margin: 0 23px
    }

    .owl-carousel .owl-item .project-banner img.thyme {
        position: absolute;
        width: 66%;
        right: -60px
    }

    .product-desc-1 {
        width: 100%
    }

    .workWrapper .our-work-1 .owl-nav .next_btn {
        right: 47px;
        width: 40px;
        height: 40px
    }

    .project-desc {
        padding: 7px 15px 3px;
        font-size: 13px
    }

    .projectWrapper {
        border-radius: 30px;
        overflow: hidden;
        padding: 50px 36px;
        position: relative;
        height: 62vh
    }

    .black-ribbon-1 {
        background: url(../images/brand-stripe.png) center/cover;
        width: 103%;
        bottom: 175px;
        overflow: hidden;
        left: -21px;
        right: 0
    }

    .img-block img {
        margin-top: -146px;
        width: 100%
    }

    .scroller img {
        width: 80%
    }

    .c-text-container-1 {
        bottom: -1px
    }

    .tittle-small {
        font-size: 40px;
        margin-bottom: 18px
    }

    .mediaHeading,
    .strategy-dev p:not(:last-child) {
        margin-bottom: 20px
    }

    .ourProcess .our-process .owl-nav .next_btn {
        right: -40px;
        top: 47%
    }

    .c-text-1 img {
        max-width: 98px;
        width: 20px
    }

    .strategy-dev {
        padding: 0
    }

    .owl-carousel .owl-item .project-banner img.ship-dm {
        top: 56px;
        right: 30px
    }

    .projectWrapper h3 {
        font-size: 37px
    }

    .product-desc-1 {
        font-size: 14px;
        padding-right: 56px
    }

    .case-study-details .case-title {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 35px
    }

    .case-details-body {
        padding: 0 0 80px
    }

    .workTypeWrapper {
        margin-left: 25px;
        padding: 37px 28px 27px 23px;
        border-radius: 30px
    }

    .outcomeImg img {
        border-radius: 30px;
        object-fit: cover;
        width: 100%
    }

    .spacer-1 {
        height: 80px
    }

    .workTypeWrapper .work-title {
        font-size: 32px;
        color: #000;
        line-height: 1;
        margin-bottom: 5px
    }

    .black-ribbon {
        bottom: 97px;
        left: -21px;
        height: 219px;
        right: 0
    }

    .connectdotdown,
    .connectdotup {
        right: 23px;
        width: 10px;
        height: 10px;
        border-radius: 20px
    }

    .connectdotup {
        top: 19px
    }

    .connectdotdown {
        bottom: 22px
    }

    .connectdotleftdown {
        width: 10px;
        height: 10px;
        border-radius: 20px;
        left: 23px;
        bottom: 22px
    }

    .our-process .owl-stage::before {
        top: 26px
    }

    .connectdotleftup {
        width: 10px;
        height: 10px;
        border-radius: 20px;
        left: 23px;
        top: 22px
    }

    .casestudy-Bx {
        height: 100%
    }

    .logo-btm img {
        bottom: -19px;
        width: 10%
    }

    .fabVertical {
        flex-direction: column
    }

    .blog-content h3 {
        font-size: 30px;
        line-height: 47px;
        margin-bottom: 12px
    }

    .blog-content h2 img {
        margin-right: 15px;
        width: 40px
    }

    .quote .quote-text .bio {
        font-size: 16px;
        line-height: 29px;
        padding-right: 0
    }

    .blog-listing .casestudy-Bx .case-content a {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 16px
    }

    .blog-listing .casestudy-Bx .case-content h3 a {
        font-size: 20px;
        margin-bottom: 10px
    }

    .featuredBlk .featureContent {
        padding: 0 12.5rem 2.75rem 3.6875rem
    }

    .featuredBlk .featureContent h2 a {
        font-size: 34px
    }

    .float-4 {
        left: 16px
    }

    .our-work .owl-stage-outer {
        margin-left: -81px
    }

    .float-5 {
        left: 190px;
        bottom: 20px
    }

    .float-1 {
        font-size: 29px;
        left: 38%;
        bottom: 35px
    }

    .float-3 {
        right: 20px
    }

    .float-2 {
        right: 20%;
        top: 11px
    }

    .filters ul li::after {
        content: '';
        position: absolute;
        top: 18px;
        left: -4px;
        width: 6px;
        height: 6px;
        border-radius: 100px;
        background-color: #000
    }

    .filters ul li {
        font-size: 20px;
        padding: 14px 15px
    }

    .float-11 {
        left: 31px;
        top: 22px;
        height: auto
    }

    .float-10 {
        right: -46px
    }

    .float-12 {
        left: 156px
    }

    .float-9 {
        right: 10.5%
    }

    .innerContentTop {
        border: 2px solid #000;
        padding: 25px 20px;
        position: relative
    }

    .innerContentTop:hover {
        box-shadow: 5px 5px 0 0 #000
    }

    .testimonial-Talk span.red-stripe {
        font-size: 26px
    }

    .testimonail-author {
        display: flex;
        margin-top: 50px;
        align-items: center
    }

    .recent-project img.milltete {
        left: 23px;
        transform: scale(1.5);
        top: 97px
    }

    .recent-project img.hin {
        top: 98px
    }

    .recent-project img.dazs {
        left: 30px
    }

    .recent-project img.crizac {
        left: 52px;
        top: 65px
    }

    .recent-project img.avanza {
        top: 73px
    }

    h3.Servicetitle {
        color: #fff;
        font-size: 28px
    }

    .recent-project img.helme {
        width: 100%;
        position: absolute;
        right: 0;
        left: -46px;
        transform: scale(1.6);
        top: 90px
    }

    .our-service {
        padding: 80px 0
    }

    .innerContentTop.transitionMedia img {
        width: 47px;
        position: absolute;
        bottom: -11px;
        right: 19px
    }

    .mediaHeading {
        line-height: 1.1;
        font-size: 20px;
        text-align: left
    }

    .redBoxMedia {
        padding: 72px 30px 40px 33px
    }

    .left-media,
    .right-media {
        padding: 25px 17px;
        margin-top: 25px
    }

    .left-media {
        margin-right: 25px
    }

    .workWrapper .our-work .owl-nav .next_btn {
        right: 97px
    }

    .right-media {
        margin-left: 0
    }

    .float-8 {
        left: 230px
    }

    .float-6 {
        right: -31px;
        bottom: 17px
    }

    .social-links a:not(:last-child) {
        margin-right: 17px
    }

    .footerForm .social-links a {
        width: 69px;
        font-size: 25px
    }

    .social-links a {
        font-size: 30px;
        text-align: center;
        line-height: 39px;
        color: #222;
        text-decoration: none;
        padding: 27px 0 25px
    }

    .social-links ul::after {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        right: 0;
        left: -17px;
        width: 239px;
        bottom: -21px;
        opacity: 1;
        height: 1px;
        z-index: 9
    }

    .social-links ul li:nth-child(5):before,
    .social-links ul::before {
        content: '';
        border-width: 1px;
        border-style: solid;
        right: 0;
        bottom: 0;
        position: absolute
    }

    .social-links ul li:nth-child(5):before {
        left: 139px;
        width: 1px;
        height: 185px;
        top: -9px;
        opacity: .8
    }

    .social-links ul li:nth-child(4):after {
        left: -17px;
        width: 239px;
        top: 19px
    }

    .social-links a i.flaticon-my-business {
        padding-top: 5px;
        font-size: 25px
    }

    .social-links ul::before {
        left: -17px;
        width: 239px;
        top: 22px;
        opacity: 1;
        border-left: 0;
        height: 1px;
        border-right: 0
    }

    .footer_map img {
        margin-top: 21px;
        width: 100%;
        object-fit: cover
    }

    .addWrap-1,
    .ceoImg {
        padding-left: 0
    }

    .social-links img {
        width: 21px
    }

    .float-7 {
        right: 13.9%;
        top: 12px
    }

    .footer__menu ul li:not(:last-child) {
        margin-right: 18px
    }

    .contact__form input,
    .contact__form textarea {
        font-size: 16px;
        padding: 12px 0;
        border-radius: 5px
    }

    .logo-media img {
        position: absolute;
        right: 17px;
        top: 20px;
        width: 60px
    }

    .section.blogInnerDetails {
        padding-top: 150px;
        padding-bottom: 100px
    }

    .section {
        padding: 60px 0
    }

    .section.Benefits {
        padding-top: 60px
    }

    .testimonial-Talk p {
        line-height: 1.8;
        font-size: 20px
    }

    .headingLogo img {
        width: 60px
    }

    .manMedia img {
        position: absolute;
        bottom: -60px;
        right: -3px;
        width: 301px
    }

    .name {
        bottom: 259px
    }

    .CeoContent {
        padding-left: 12px;
        padding-right: 0
    }

    .start-img {
        left: 18px;
        width: 597px
    }

    .our-work-1 .owl-stage-outer {
        display: inline-block;
        margin-left: -41px
    }

    .our-process .owl-stage::after {
        top: 514px
    }

    .float-17 {
        left: 186px;
        bottom: 45px
    }

    .float-14 {
        right: 29%;
        top: 2px
    }

    .float-15 {
        right: 154px;
        bottom: 45px
    }

    .float-16 {
        left: 297px;
        top: 5px
    }

    .our-process .owl-stage-outer {
        display: inline-block
    }
}

@media only screen and (max-width:1140px) {
    .navbtn-wrap {
        right: 3.6rem
    }
}

@media only screen and (max-width:1160px) {
    .navbtn-wrap {
        right: 46px
    }

    .right-panel {
        position: relative;
        z-index: 9
    }
}

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

    .innerBanner,
    .section.terms,
    section.referTabs {
        padding-top: 14%
    }

    .navbtn-wrap {
        right: 46px
    }

    .swiper-gal::after {
        content: "";
        position: absolute;
        bottom: -67px;
        left: -310px;
        width: 149%;
        height: 100px;
        background: var(--section-color);
        border-radius: 100%;
        z-index: 1
    }

    .innerBanner {
        padding-bottom: 80px
    }

    .bg-pattern-abt {
        padding-bottom: 154px
    }

    .wokImg img.th-work {
        bottom: -94px
    }

    .navbar-menu-inner {
        grid-column-gap: 1.5rem;
        justify-content: center
    }

    .policyContent h1.heading-1,
    .termsContent h1.heading-1 {
        margin-bottom: 66px;
        line-height: 1;
        font-size: 50px
    }

    .navbar-link-text.hover-mnu-reveal a,
    .navbar-menu a .navbar-link-text {
        font-size: 13px
    }

    .btn-main {
        padding-left: .3em;
        padding-right: .3em
    }

    .btn-text,
    .navbar-menu-inner .hover-mnu-reveal .dropdown ul li a {
        font-size: 15px
    }

    .test-title {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:1060px) {
    .navbtn-wrap {
        right: 42px
    }

    .navbar-menu-inner {
        grid-column-gap: 1rem;
        justify-content: center
    }

    .termsContent h1.heading-1 {
        margin-bottom: 66px;
        line-height: 1;
        font-size: 50px
    }

    .collab-gola {
        display: none
    }

    .btn-text {
        font-size: 14px
    }

    .btn-main {
        padding-left: .3em;
        padding-right: .3em
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 8px;
        right: 70px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 12px;
        right: 20px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -99px;
        transform: scale(1.1);
        right: 101px
    }

    .client-logo .compny-logo img.logo-11,
    .client-logo .compny-logo img.logo-2 {
        max-width: 70%
    }

    .client-logo .compny-logo img.logo-10 {
        max-width: 72%
    }

    .client-logo .compny-logo img.logo-6 {
        max-width: 53%
    }

    .client-logo .compny-logo img.logo-8 {
        max-width: 59%
    }

    .client-logo .compny-logo img {
        max-width: 97%
    }

    .client-logo .compny-logo img.logo-9 {
        max-width: 68%
    }

    .client-logo .compny-logo img.logo-4 {
        max-width: 62%
    }

    .client-logo .compny-logo img.logo-3 {
        max-width: 41%
    }

    .client-logo .compny-logo img.logo-1 {
        max-width: 60%
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 23px;
        transform: scale(.9);
        right: 50px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -48px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -370px;
        right: 62px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .ourProject .swiper-slide {
        width: calc(50% - 20px)
    }

    .custom-padding-blog {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 1rem
    }

    .featuredBlk .featureImg img {
        height: 350px;
        object-fit: cover
    }

    .casestudy-Bx.blog-Bx .case-img img {
        transition: .7s ease-in-out;
        height: 230px;
        overflow: hidden;
        width: 100%
    }
}

@media only screen and (max-width:1110px) {
    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -79px;
        right: -10px
    }
}

@media only screen and (max-width:1024px) {
    .our-process .owl-stage-outer {
        display: inline-block
    }

    .quoteIcon {
        position: absolute;
        top: -23px;
        left: -75px;
        display: none
    }

    .banner-scrolll-1 {
        width: 2150px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: -10px;
        right: 70px
    }

    .testimonial-Talk span.red-stripe {
        margin-left: 5%
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -50px;
        right: -18px
    }

    .tri-8 {
        left: 260px
    }

    .client-title {
        font-size: 19px;
        letter-spacing: 7px
    }

    .c-text-container {
        bottom: 431px
    }
}

@media only screen and (max-width:1023px) {
    .teamSlider .owl-stage-outer {
        display: inline-block
    }

    .section.case-study-overview {
        padding-bottom: 1%;
        padding-top: 14%
    }

    .case-study-listing {
        padding: 50px 0 90px
    }

    .name {
        bottom: 252px
    }
}

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


    .bg-pattern-abt .main-title,
    .case-study-overview .hero__content_Inner h1.main-title {
        text-align: center !important
    }

    .dropdown ul li {
        margin: 10px 0
    }

    .bogus-img {
        justify-content: center
    }

    .bogus-img img {
        height: auto;
        width: 82%
    }

    section.teamSection {
        padding-bottom: 80px
    }

    .contactPageWrapper .contact__wrapper {
        padding: 60px 30px 50px;
        background-color: #fff;
        box-shadow: 0 7px 20px 8px #0000000f;
        margin-bottom: 53px;
        margin-left: 0
    }

    .contactPageWrapper .contact__form .submit-site-btn,
    .fab,
    .recentProj {
        margin-left: 0
    }

    .brading-section {
        padding: 0 0 80px
    }

    .FaqWrapper {
        padding: 120px 0 80px
    }

    .playbtn {
        bottom: 0;
        height: 80px;
        top: 39%;
        width: 80px
    }

    .left,
    .right {
        bottom: 100px
    }

    .row-gap {
        gap: 15px
    }

    .text,
    .text span.highlight-text,
    .text-1,
    .text-1 span.highlight-text-1,
    h1.tyTitle {
        font-size: 50px
    }

    .left {
        left: 117px
    }

    .right {
        right: 117px
    }

    #close,
    .lightbox-btn {
        position: absolute;
        font-size: 40px
    }

    #close {
        top: 117px;
        right: 25px;
        font-size: 30px
    }

    .thankyouWrapper {
        padding: 140px 0 80px
    }

    .video-banner-home {
        position: relative;
        margin-bottom: 30px
    }

    .tytxt {
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: 400;
        margin-top: 13px
    }

    .connecting-content .section-title,
    .creative .left-panel1 h2 span.textGrad,
    .creative-bg,
    .panel__content .section__heading,
    h2 {
        font-size: 37px
    }

    .ceao-block {
        margin-top: 37px
    }

    .aboutbanSlider .swiper-button-next,
    .aboutbanSlider .swiper-button-prev,
    .column-movile-hide,
    .dropdown a.nav-item-link,
    .fabVertical .fabNav a:hover .fabTooltip,
    .fade-effect,
    .navbar-connector,
    .navbar-menu,
    .navbar-menu-inner,
    .right-panel,
    .testimonial-Talk .quoteIcon,
    .tri-12,
    .tri-bottom-2,
    .tri-bottom-3,
    .tri-bottom-4,
    .tri-bottom-5,
    .tri-bottom-6,
    .tri-bottom-7,
    .tri-top-7,
    .vertical-divider {
        display: none
    }

    .swiper-gal::after {
        content: "";
        position: absolute;
        bottom: -67px;
        left: -230px;
        width: 149%;
        height: 100px;
        background: var(--section-color);
        border-radius: 100%;
        z-index: 1
    }

    .creative-img img {
        position: unset;
        width: 100%;
        right: -253px;
        bottom: 88px;
        margin-bottom: 40px
    }

    .connecting-content .agency,
    .connecting-section h2.section-title span.redText,
    .projectWrapper h3 {
        font-size: 40px
    }

    .termsContent h4 {
        margin-bottom: 0;
        margin-top: 20px
    }

    .custom-accord .accordion-item:nth-child(5) .accordian-wrapper,
    p.bannerTxt {
        margin-bottom: 30px
    }

    .section.terms,
    section.referTabs {
        padding-top: 12%
    }

    .author_date .author-bx .datebx p.date,
    .blog-content p.author-name,
    .you-might-also-like .casestudy-Bx .case-content a {
        font-size: 16px
    }

    .blog-inner-banner .overlap-title h1 {
        font-size: 36px;
        line-height: 1.2
    }

    .video-container {
        height: 52vh
    }

    .teambox {
        bottom: -30px
    }

    .teambox img {
        width: 225px !important
    }

    .ceo-sign {
        position: absolute;
        left: 250px;
        bottom: -40px;
        width: 101px
    }

    .section.section.ceo-section {
        padding: 56px 0
    }

    .ceoImg img {
        position: absolute;
        top: 10px;
        left: -67px;
        width: 58%
    }

    .benefit-point h4,
    .benefit-point img,
    .benefit-point img.third-img {
        margin-right: 12px;
        width: 55px
    }

    .teamBx .name.sus img {
        width: 114px !important
    }

    .name.mi {
        bottom: 247px
    }

    .teamBx .name.pro img {
        width: 124px !important
    }

    .name.pro {
        bottom: 240px;
        left: -18px
    }

    .name.ali {
        bottom: 219px;
        left: -25px
    }

    .teamSection .teamBx:hover .name.ali,
    .teamSection .teamBx:hover .name.mili {
        bottom: 12px;
        left: 0
    }

    .name.mili {
        bottom: 247px;
        left: -20px
    }

    .teamBx .name.ali img {
        width: 135px !important
    }

    .name.gango {
        bottom: 252px;
        left: -58px
    }

    .teamBx .name.tej img {
        width: 118px !important
    }

    .teamSection .teamBx:hover .name.gango,
    .teamSection .teamBx:hover .name.sus {
        bottom: 13px;
        left: 0
    }

    .teamBx .name.gango img {
        width: 130px !important
    }

    .name.tej {
        bottom: 230px;
        left: -20px
    }

    .teamBx .name.aman img {
        width: 180px !important
    }

    .teamSection .teamBx:hover .name.tej {
        bottom: 10px;
        left: 0
    }

    .name.isha {
        bottom: 247px;
        left: -29px
    }

    .teamBx .name.isha img {
        width: 109px !important
    }

    .name.sus {
        bottom: 243px;
        left: -15px
    }

    .teamBx .name.mili img {
        width: 86px !important
    }

    .name.sub {
        bottom: 237px;
        left: -28px
    }

    .teamSection .teamBx:hover .name.sub {
        bottom: 16px;
        left: 0
    }

    .name.aman {
        bottom: 210px;
        left: -29px
    }

    .name.sarbo {
        bottom: 230px;
        left: -27px
    }

    .teamBx .name.sub img {
        width: 123px !important
    }

    .teamBx .name.sarbo img {
        width: 127px !important
    }

    .aboutbanSlider .abtBan .leftImgBan,
    .aboutbanSlider .abtBan .rightSlider {
        width: 50%
    }

    .ProjectCard ul,
    .aboutbanSlider .swiper-pagination,
    .case-content ul.casePointers {
        display: block
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -59px;
        right: 0
    }

    p.carrerText {
        font-weight: 500;
        text-align: left
    }

    .benefit-point img.third-img {
        object-fit: none
    }

    .benefit-point h4 {
        font-size: 23px
    }

    .hero__content_Inner p {
        text-align: start;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.9;
        padding-right: 10%
    }

    .case-details-body h2,
    p.bannerTxt {
        text-align: left
    }

    .spacing-set {
        margin-top: 6px
    }

    .careers-custom-pad {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 2rem
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-size: 15px;
        font-weight: 400;
        line-height: 27px
    }

    section.section.case-study-details {
        padding-top: 110px
    }

    .wokImg img.home-opus {
        bottom: -68px
    }

    .blog-content h2,
    .case-study-details .case-title .case-tex {
        font-size: 39px
    }

    .creative .left-panel1 h2 {
        margin-bottom: 5px
    }

    .testimonail-author {
        padding-left: 0
    }

    .referImg {
        text-align: start
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -118px;
        transform: scale(1.2);
        right: -30px
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 370px
    }

    .blog-content h4.bgText,
    .c-text-1 a p,
    .case-study-btn,
    .case-study-btn-1,
    .case-study-listing .casestudy-Bx .case-content a,
    .you-might-also-like .casestudy-Bx .case-content h3 a {
        font-size: 20px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison {
        bottom: 30px;
        right: 30px;
        height: auto
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 58%;
        bottom: -88px;
        right: 77px
    }

    .case-logo img.mille-logo {
        top: 25px;
        left: 25px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thyme {
        height: 71%;
        bottom: 55px;
        right: -12px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 64%;
        bottom: 22px;
        right: 61px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ncb {
        height: 85%;
        bottom: -46px;
        right: -21px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -75px;
        right: -43px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -62px;
        right: -16px;
        transform: scale(2.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 29px;
        right: 20px;
        transform: scale(1.6)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -129px;
        right: 53px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -290px;
        right: -67px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 33px;
        left: -69px;
        transform: scale(1.09)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 73%;
        bottom: -34px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-med {
        height: 74%;
        bottom: -20px;
        right: 30px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 56%;
        bottom: -163px;
        right: 85px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-crizac {
        bottom: -267px;
        right: -116px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 76px;
        right: -125px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 22px;
        transform: scale(.8)
    }

    .case-content {
        position: relative
    }

    .hori-divider-tab,
    .vertical-divider-tab {
        background: linear-gradient(87deg, rgb(253 253 253) 0, rgb(243 243 243) 25%, rgb(227 227 227) 50%, rgb(241 241 241) 75%, rgb(255 255 255) 100%);
        position: absolute
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -178px;
        right: 62px;
        transform: scale(1.6)
    }

    .custom-padding-case-1 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem
    }

    .termsContent h1.heading-1 {
        font-size: 45px
    }

    .bg-img-new {
        height: auto
    }

    .test-title {
        margin-bottom: 0
    }

    .mobileCasestudy {
        padding: 60px 0 0
    }

    .custom-accord h2 button {
        font-size: 20px;
        padding: 20px
    }

    .hori-divider-tab {
        width: 100%;
        height: 2px;
        bottom: 0
    }

    .hero__content_Inner {
        text-align: center
    }

    .phoneWrap {
        padding-top: 0
    }

    .socialWrap {
        padding-left: 0;
        padding-top: 50px
    }

    .addWrap {
        padding-left: 0;
        padding-top: 30px
    }

    h2 {
        letter-spacing: normal
    }

    .right-panel1 img,
    .right-panel2 img,
    .right-panel3 img {
        width: 100%
    }

    .right-panel1,
    .right-panel2,
    .right-panel3 {
        margin: 0 auto;
        text-align: center
    }

    .featureBlogSLider .slick-dots {
        padding-left: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        align-items: center
    }

    .featureBlogSLider .slick-dots li button {
        font-size: 0;
        width: 8px;
        height: 8px;
        padding: 0;
        border-radius: 50%
    }

    .aboutsub-banner,
    .featuredBlk .featureContent h2 a,
    .tittle-small {
        font-size: 30px
    }

    .featureBlogSLider .slick-dots li:nth-child(2n) button {
        margin: 0 10px
    }

    .featureBlogSLider .slick-dots li.slick-active button {
        background: #fdb914
    }

    .contact__form {
        padding: 0 29px 0 54px
    }

    .featuredBlk .featureImg img {
        height: 310px;
        object-fit: cover
    }

    .blog-listing .casestudy-Bx .case-content h3 a {
        font-size: 24px;
        margin-bottom: 10px
    }

    .filters-content {
        margin-top: 22px
    }

    .featuredBlk .featureContent {
        padding: 0 2.75rem 2.75rem
    }

    .vertical-divider-tab {
        width: 2px;
        height: 237px;
        top: 0;
        display: block;
        right: 0
    }

    .arrowWrapper,
    .heading,
    .related-img {
        position: relative
    }

    .featuredBlk .featureContent span.date {
        font-size: 15px;
        color: #fff
    }

    .section.blogListing {
        padding-top: 120px
    }

    .beneBx p {
        padding: 0
    }

    .beneBx {
        padding: 20px;
        height: 100%
    }

    .blogListing .filters-1 ul li {
        min-width: 217px;
        text-align: center
    }

    .blog-listing {
        padding: 19px 0 80px
    }

    .blogListing .filters-1 ul {
        padding: 0;
        color: #fff;
        border-radius: 0;
        transition: .3s;
        align-items: center;
        justify-content: start;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .tittle-small {
        margin-bottom: 18px;
        margin-top: 30px
    }

    .client-logo,
    .our-service,
    .section.connecting-section {
        padding: 60px 0
    }

    .ctaSection.blgCta {
        padding: 100px 0;
        overflow: hidden
    }

    .ctsom-blog-pad {
        padding: 80px 0 0
    }

    .banner-four-element .first-ele:hover,
    .banner-four-element .fourth-ele:hover,
    .banner-four-element .sec-ele:hover,
    .banner-four-element .third-ele:hover {
        transform: scale(1)
    }

    .section.ctaSection.blgCta .soloBtn {
        margin: 36px auto 0
    }

    .border-wrap {
        margin-right: 0;
        margin-left: 29px
    }

    .footer_map img {
        margin-top: 0;
        width: 100%;
        object-fit: cover
    }

    .case-study-overview .hero__content_Inner {
        margin-bottom: 27px
    }

    .social-links a img {
        width: 23px;
        height: 19px
    }

    .footerTitle,
    .socialWrap h4.footerTitle {
        margin-bottom: 20px
    }

    .social-links {
        justify-content: start !important
    }

    .nav-pills .nav-link .tabName {
        min-width: 165px
    }

    .home-ribbon {
        height: 55px
    }

    .footerForm {
        padding: 60px 0 16px
    }

    .emailWrap {
        margin-top: 25px
    }

    .ProjectCard h3 {
        font-size: 18px;
        line-height: 1.3
    }

    .heading {
        font-size: 40px;
        text-align: start
    }

    .heading .textture-text-1,
    .textture-text {
        font-size: 41px
    }

    .button-container {
        top: -60px
    }

    p.bannerTxt {
        font-size: 16px;
        padding: 0
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 1px;
        transform: scale(1.5);
        right: 0
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(2);
        right: -190px
    }

    .wokImg img.dm-ds,
    .wokImg img.nad-akorn {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 1px;
        right: 86px;
        width: 80%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 20px;
        right: 20px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -109px;
        transform: scale(.8);
        right: 49px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 7px;
        transform: scale(.8);
        right: 10px
    }

    .compLogo img.maisonLogo {
        width: 50px
    }

    .compLogo img.croftLogo {
        width: 140px
    }

    .compLogo img.mille-logo {
        width: 92px
    }

    .compLogo img.thyLogo {
        width: 160px
    }

    .compLogo img.criLogo {
        width: 86px
    }

    .compLogo img.nuouLogo {
        width: 114px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 22px;
        transform: scale(1.3);
        right: -58px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -71px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -22px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -41px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -67px;
        right: 0
    }

    .wokImg img.home-ship {
        bottom: -65px
    }

    section.referSection {
        padding-top: 110px;
        padding-bottom: 85px
    }

    .gallery-thumbs,
    .strat-dev .left-img,
    p.referPara {
        padding-right: 0
    }

    .referImg img {
        width: 100%;
        max-width: 65%;
        margin-bottom: 0;
        margin-top: -52px
    }

    .section.blogInnerDetails {
        padding-top: 104px;
        padding-bottom: 100px
    }

    .author_date .author-bx .author-img {
        width: 45px;
        height: 45px
    }

    .related-img {
        margin-top: 10px
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 44px;
        left: 24px;
        color: #fff
    }

    .creative {
        box-shadow: none
    }

    .bgImgwork {
        background-position: 85% -556%;
        background-size: 371px
    }

    .ProjectCard {
        height: 571px;
        padding: 29px 25px
    }

    .scroll-section img {
        margin: 0 10px;
        width: 22%
    }

    .arrowWrapper {
        z-index: 9
    }

    .left-panel {
        text-align: right
    }

    .left-panel1 {
        margin-top: 34px;
        padding: 0 40px
    }

    .ourWork .swiper-button-prev,
    .ourWork .swiper-rtl .swiper-button-next {
        margin-right: -7px
    }

    .vertical-line {
        background-color: #d9d8dd;
        width: 1px;
        height: 64px;
        margin-left: 28px;
        margin-right: 18px
    }

    .bb-border {
        border-bottom: 2px dashed #ccc;
        padding-bottom: 0;
        margin-bottom: 25px;
        padding-top: 22px
    }

    .custom-pad-1,
    .custom-padding-2 {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem
    }

    .section.Benefits,
    .section.FaqWrapper.carrersJob,
    section.video-banner {
        padding-top: 60px
    }

    .beneBx h3 {
        margin-bottom: 10px;
        font-size: 20px
    }

    .benefit-point {
        display: flex;
        align-items: center;
        justify-content: start !important;
        margin-bottom: 16px
    }

    .flaot-lap img {
        position: unset;
        right: 0;
        bottom: 0
    }

    body {
        overflow-x: clip
    }

    .main-title {
        font-size: 40px;
        text-align: start !important
    }

    .ourWork .swiper-button-next::after {
        width: 40px;
        height: 40px;
        top: -28px;
        background-size: 20px;
        left: 9px
    }

    .ourWork .swiper-button-prev::after {
        width: 40px;
        height: 40px;
        left: -69px;
        top: -28px;
        border-radius: 50px;
        background-size: 20px
    }

    .ourWork .swiper-button-prev.swiper-button-disabled::after {
        background-size: 20px
    }

    .testimonialSlider .prevArrow {
        left: 0
    }

    .testimonialSlider .nextArrow,
    .testimonialSlider .prevArrow {
        font-size: 24px;
        width: 35px;
        height: 35px
    }

    .creative .right-panel {
        border-radius: 10px;
        text-align: center
    }

    .creative #dynamic-image {
        width: 60%;
        margin-bottom: 20px
    }

    .section.creative {
        padding: 30px 0;
        width: 100%
    }

    .colab-circle5,
    .colab-circle6 {
        margin-left: -18px
    }

    .creative ul li::before {
        top: 23px;
        width: 10px;
        height: 10px
    }

    .creative ul li {
        padding: 15px 15px 15px 32px;
        font-size: 14px
    }

    .client-logo .compny-logo img.logo-3 {
        max-width: 34%
    }

    .wokImg.work-hin img {
        right: -31px;
        bottom: -90px;
        transform: scale(1.15)
    }

    .client-logo .compny-logo img.logo-2 {
        max-width: 59%
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -30px;
        right: 0
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -56px;
        right: 0
    }

    .pointersWork li {
        margin: 2px 0
    }

    .wokImg img.th-work {
        bottom: -84px
    }

    .wokImg img.home-ncb {
        bottom: -66px
    }

    .compLogo img.ncbLogo {
        width: 150px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -131px;
        transform: scale(1.6);
        right: 40px
    }

    .wokImg img {
        position: absolute;
        bottom: 44px;
        right: 59px
    }

    .navbtn-icon {
        width: 17px
    }

    .owl-carousel .owl-item .project-banner img.birla-dm {
        position: absolute;
        width: 46%;
        right: 34px;
        bottom: 50px
    }

    .icon-box {
        width: 40px;
        height: 40px;
        padding: 1px
    }

    .featureBlog,
    .mobile-gallery-thumbs {
        padding-bottom: 60px
    }

    .swiper-pagination-bullet {
        background: #fff;
        opacity: .7;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        border-radius: 50%
    }

    .swiper-pagination-bullet-active {
        background: #fc0;
        opacity: 1
    }

    .connecting-green {
        top: 100px;
        left: 340px
    }

    .connecting-blue-3 {
        top: 30px;
        left: 90%
    }

    .connecting-blue-4 {
        top: 20px;
        left: 6%;
        padding: 0
    }

    .connecting-blue-small {
        width: 13px;
        height: 13px;
        background-color: #000;
        border-radius: 100px;
        position: absolute;
        top: 91px;
        right: 324px;
        padding: 0
    }

    .banner-scroll-1 {
        margin-top: 71px
    }

    .innerContentTop {
        border: 2px solid #000;
        border-radius: 19px;
        padding: 25px 20px;
        position: relative
    }

    .swiper-button-next::after {
        position: absolute;
        right: 61px;
        top: 3px;
        width: 40px;
        height: 40px
    }

    .swiper-button-prev::after {
        position: absolute;
        top: 3px;
        width: 40px;
        height: 40px;
        left: 78px
    }

    .bg-pattern {
        background-image: url(../images/home-ban-texture.png);
        background-size: cover;
        width: 100%;
        background-position: 30% 39%;
        background-repeat: no-repeat;
        padding-bottom: 55px
    }

    .navbar-link-text.hover-mnu-reveal a {
        font-family: var(--font-secondary);
        font-size: 16px
    }

    .blogListing .hero__content_Inner {
        margin-bottom: 37px
    }

    .our-work-1 .owl-dots button,
    .teamSlider .owl-dots button {
        background-color: #c3c3c3;
        width: 8px;
        height: 8px;
        border-radius: 100px;
        margin: 0 5px
    }

    .teamSlider .owl-dot.active {
        background-color: #e8a400
    }

    .our-work-1 .owl-dots,
    .service-slider .owl-dots,
    .teamSlider .owl-dots {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 17px
    }

    .text-1 span.highlight-text-1.texture-text {
        font-size: 80px;
        margin: 0 56px
    }

    .section.bogusWrapper .text-1 {
        font-size: 80px;
        margin-bottom: 14px
    }

    .section.teamSection .text-1 {
        font-size: 50px;
        margin-bottom: 17px
    }

    .navbtn-wrap {
        width: 50px;
        height: 50px;
        top: 1rem
    }

    .owl-carousel .owl-item .project-banner img.birla,
    .owl-carousel .owl-item .project-banner img.birla-brand {
        bottom: 80px
    }

    .our-work-1 .owl-dot.active {
        background-color: #fdb717
    }

    .service-slider .owl-dots button {
        background-color: #e8a400;
        width: 8px;
        height: 8px;
        border-radius: 100px;
        margin: 0 5px
    }

    .service-slider .owl-dot.active {
        background-color: #000;
        width: 10px;
        height: 10px
    }

    .dk-show {
        display: none !important
    }

    .nav-menu-logo-link {
        margin-bottom: 0;
        position: absolute;
        top: 35px
    }

    .nav-menu-logo {
        width: 200px
    }

    .footer__menu ul li:not(:last-child) {
        margin-right: 32px
    }

    .footer-logo a img {
        width: 151px
    }

    .swiper-button-prev {
        top: 0
    }

    .serviceContiner {
        width: 100%;
        margin-left: auto;
        padding: 0 50px;
        margin-top: 0
    }

    .text.service-text {
        font-size: 50px;
        margin-bottom: 40px
    }

    ul.creative-pointers li {
        border-bottom: 2px solid #3e3e3e;
        padding: 5px 0 10px
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto;
        width: 100%
    }

    .social-links a:not(:last-child) {
        margin-right: 7px
    }

    .testimonail-author {
        display: flex;
        margin-top: 38px;
        align-items: center;
        justify-content: center
    }

    .mobile-tab-none {
        display: flex
    }

    .name {
        bottom: 224px
    }

    .name img {
        width: 140px !important
    }

    .related-img img {
        border-radius: 15px
    }

    .workTypeWrapper {
        margin-left: 0;
        padding: 24px 20px 18px 23px;
        margin-top: 40px;
        border-radius: 27px
    }

    .imageWrap img {
        border-radius: 23px
    }

    .work-list li {
        font-size: 16px;
        margin-bottom: 6px;
        padding: 7px 0
    }

    .workTypeWrapper .work-title {
        font-size: 27px;
        color: #000;
        line-height: 1.3;
        margin-bottom: 10px
    }

    .float-7 {
        right: 9.9%;
        top: 12px
    }

    .float-6 {
        right: 23px;
        bottom: 17px
    }

    .float-8 {
        left: 110px
    }

    .c-text a p,
    .social-links a i.ri-instagram-line {
        font-size: 28px
    }

    .client-title {
        font-size: 16px;
        margin-bottom: 25px
    }

    .owl-carousel .owl-item .project-banner img.tar {
        position: absolute;
        width: 50%;
        right: 40px;
        bottom: 130px
    }

    .owl-carousel .owl-item .project-banner img.tar-brand-hin {
        position: absolute;
        width: 57%;
        right: 0;
        bottom: 0
    }

    .owl-carousel .owl-item .project-banner img.hin {
        width: 45%;
        bottom: 90px;
        right: 50px;
        position: absolute
    }

    .owl-carousel .owl-item .project-banner img.crizac-1 {
        position: absolute;
        width: 45%;
        right: 53px;
        bottom: 53px
    }

    .owl-carousel .owl-item .project-banner img.hin-brand-crizac {
        width: 79%;
        bottom: 0;
        right: -93px
    }

    .owl-carousel .owl-item .project-banner img.ship-mob {
        width: 100%;
        position: unset
    }

    .owl-carousel .owl-item .project-banner img.dtc {
        position: absolute;
        width: 47%;
        right: 37px;
        bottom: 113px
    }

    .owl-carousel .owl-item .project-banner img.dtc-brand-daz {
        position: absolute;
        width: 49%;
        right: 37px;
        bottom: 104px
    }

    .owl-carousel .owl-item .project-banner img.med-brand-indi {
        width: 61%;
        bottom: 29px;
        right: 30px
    }

    .owl-carousel .owl-item .project-banner img.med {
        position: absolute;
        width: 45%;
        right: 40px;
        bottom: 72px
    }

    .owl-carousel .owl-item .project-banner img.hel {
        position: absolute;
        width: 46%;
        right: 60px;
        bottom: 48px
    }

    .owl-carousel .owl-item .project-banner img.hel-brand-sha {
        position: absolute;
        width: 53%;
        right: 10px;
        bottom: 38px
    }

    .owl-carousel .owl-item .project-banner img.crizac {
        position: absolute;
        width: 71%;
        right: 20px;
        bottom: 86px
    }

    .owl-carousel .owl-item .project-banner img.crizac-brand {
        position: absolute;
        width: 75%;
        right: -73px;
        bottom: 0
    }

    .workWrapper {
        padding: 60px 0;
        position: relative
    }

    .workWrapper .our-work-1 {
        margin-top: 45px
    }

    .referTabs .tab-content,
    h3.bgText {
        margin-top: 0
    }

    .panel__content .section__heading img {
        bottom: -21px
    }

    .banner-scrolll {
        width: 5670px
    }

    .banner-scrolll-1 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2100px
    }

    .informedBx {
        height: 300px
    }

    .cardStacking .stackCard {
        height: 438px;
        max-height: 582px
    }

    .panel__image img.img-pane {
        right: -279px;
        width: 100%;
        display: none
    }

    .black-ribbon {
        bottom: 70px;
        left: -21px;
        height: 166px;
        right: 0
    }

    .c-text img {
        max-width: 100px;
        width: 29px
    }

    .c-text-1 img {
        max-width: 60px;
        width: 19px
    }

    .workWrapper .our-work-1 .owl-nav .next_btn {
        right: -57px;
        width: 59px;
        height: 59px
    }

    .workWrapper .our-work .owl-nav .prev_btn,
    .workWrapper .our-work-1 .owl-nav .prev_btn {
        width: 59px;
        height: 59px
    }

    .overlayM {
        height: 130px
    }

    ul.inform-social li a {
        text-decoration: none;
        font-size: 27px;
        line-height: 1.3
    }

    .c-text-container-1 {
        bottom: -2px
    }

    .black-ribbon-1 {
        background: url(../images/brand-stripe.png) center/cover;
        width: 103%;
        bottom: 175px;
        overflow: hidden;
        left: -21px;
        right: 0
    }

    .client-logo .compny-logo img {
        max-width: 72%
    }

    .c-text-container {
        bottom: 345px
    }

    .client-logo .compny-logo img.logo-6,
    .client-logo .compny-logo img.logo-8 {
        max-width: 47%
    }

    .banner-laptop-img {
        margin-left: 51px;
        width: 100%
    }

    .hero__area {
        z-index: 1;
        padding-top: 160px
    }

    h3.bgText {
        font-size: 35px;
        border-radius: 6px;
        padding: 9px 10px 4px
    }

    .cardStacking {
        overflow: hidden;
        padding: 60px 0 0
    }

    .client-logo .compny-logo img.logo-9 {
        max-width: 53%
    }

    .client-logo .compny-logo img.logo-11 {
        max-width: 62%
    }

    .float-10,
    .float-11,
    .float-12,
    .float-13,
    .float-14,
    .float-15,
    .float-16,
    .float-17,
    .float-2,
    .float-3,
    .float-4,
    .float-5,
    .float-6,
    .float-7,
    .float-8,
    .float-9 {
        font-size: 18px
    }

    .float-5 {
        left: 140px
    }

    .float-2 {
        right: 15%;
        top: 11px
    }

    .float-1 {
        font-size: 29px;
        left: 34%;
        bottom: 42px
    }

    .copyright,
    .footer__menu ul li a {
        font-size: 14px
    }

    .our-work .owl-stage-outer {
        margin-left: 1px
    }

    .float-3 {
        right: 0
    }

    .float-4 {
        left: -42px
    }

    .client-logo .compny-logo img.logo-12 {
        max-width: 79%
    }

    .logo-custom-paddimg {
        --bs-gutter-x: 2.5rem;
        --bs-gutter-y: 1.8rem
    }

    .client-logo .compny-logo img.logo-10 {
        max-width: 58%;
        display: block;
        margin: 0 auto
    }

    .innerWrapper {
        padding: 34px 23px
    }

    .spot-img img {
        top: -16px;
        width: 514px;
        display: none
    }

    .blog-content p {
        line-height: 33px
    }

    .casestudy-Bx {
        height: 100%
    }

    .case-content p:not(:last-child) {
        margin-bottom: 13px
    }

    .spacer-1 {
        height: 50px
    }

    .innerBanner {
        z-index: 1;
        padding-top: 12%;
        padding-bottom: 70px
    }

    .innerBanner.abt-phpoto {
        padding-bottom: 100px
    }

    h2.wear-red {
        font-size: 80px
    }

    .img-block img {
        margin-top: -120px;
        width: 100%
    }

    .client-logo .compny-logo img.logo-1 {
        max-width: 48%
    }

    .client-logo .compny-logo img.logo-7 {
        max-width: 55%
    }

    .client-logo .compny-logo img.logo-4 {
        max-width: 51%
    }

    .logo-btm img {
        bottom: 0
    }

    .blog-content .spacer,
    .navlogo-full {
        height: 30px
    }

    .custom-padding-1 {
        --bs-gutter-x: 2.5rem;
        --bs-gutter-y: 2.5rem
    }

    .filters ul {
        background-color: #fff;
        border: 2px solid #000;
        border-radius: 27px;
        box-shadow: 3px 4px 0 1px #000;
        display: block;
        align-items: center;
        padding: 20px 70px;
        justify-content: end;
        position: relative;
        column-count: 2;
        width: 100%;
        margin-top: 20px
    }

    .text-1 span.highlight-text-1 {
        margin: 0 40px
    }

    .blog-listing .casestudy-Bx .case-content p {
        padding-right: 0;
        font-size: 15px;
        line-height: 26px
    }

    .footer__menu {
        margin-bottom: 0
    }

    .blog-listing .casestudy-Bx.blog-Bx {
        background-color: transparent
    }

    .blog-listing .casestudy-Bx .case-content a {
        font-size: 16px;
        margin-bottom: 10px
    }

    .navlogo-full-mask {
        flex: none;
        margin-left: 20px;
        margin-right: 20px;
        overflow: hidden
    }

    .our-process .owl-stage-outer,
    .teamSlider .owl-stage-outer {
        display: inline-block
    }

    .footer-padding-3 {
        padding-top: 17px
    }

    .pix-pat img {
        margin-top: -10px;
        margin-right: 40px;
        width: 290px
    }

    .heading-s {
        font-size: 24px
    }

    .teamSection .teamSlider .owl-nav .next_btn {
        right: -36px;
        display: none
    }

    .ceoTalk {
        font-size: 20px;
        line-height: 43px;
        margin-bottom: 30px
    }

    .ceoDesg {
        font-size: 15px
    }

    .ceoName {
        font-size: 22px
    }

    .testimonial-Talk span.red-stripe {
        font-size: 31px;
        margin-left: 0
    }

    .testimonial-Talk .testi p {
        font-size: 14px;
        padding-left: 0;
        text-align: left
    }

    .testimonial-Talk p {
        line-height: 1.8;
        padding-right: 0;
        padding-left: 0;
        font-size: 26px;
        text-align: center
    }

    .footerForm .social-links a {
        width: 60px;
        font-size: 24px
    }

    .social-links ul li:nth-child(4):before {
        top: 44px;
        height: 59px
    }

    .social-links ul li:first-child:before {
        top: 18px;
        height: 168px
    }

    .social-links ul::before {
        content: '';
        border-image: linear-gradient(87deg, rgba(0, 0, 0, 0) 0%, rgb(255 255 255 / 61%) 25%, rgba(255, 255, 255, 1) 50%, rgb(255 255 255 / 61%) 75%, rgba(0, 0, 0, 0) 100%) 1;
        border-width: 1px;
        border-style: solid;
        position: absolute;
        right: 0;
        left: 0;
        width: 209px;
        top: 29px;
        bottom: 0;
        opacity: 1
    }

    .social-links ul li:nth-child(4):after,
    .social-links ul::after {
        left: -17px;
        width: 209px
    }

    .tri-8 {
        left: 290px
    }

    .tri-11 {
        left: 511px;
        display: none
    }

    .tri-top-6 {
        right: 389px
    }

    .tri-top-3 {
        right: 731px
    }

    .tri-6 {
        left: 189px
    }

    .tri-2 {
        left: 26px
    }

    .tri-10 {
        left: 661px
    }

    .tri-17 {
        right: 370px
    }

    .social-links a i.flaticon-my-business {
        padding-top: 7px;
        font-size: 26px;
        z-index: 1
    }

    .social-links ul li:nth-child(5):before {
        right: 0;
        left: 123px;
        width: 1px;
        height: 168px;
        top: 17px;
        bottom: 0;
        opacity: .8
    }

    .testimonial-Talk {
        position: relative;
        text-align: center;
        margin-top: -50px;
        padding-left: 0
    }

    .our-work-1 .owl-stage-outer {
        display: inline-block;
        margin-left: 2px
    }

    .redBoxMedia {
        padding: 72px 30px 150px 33px;
        margin-top: 30px
    }

    .our-process .owl-stage::after {
        top: 465px
    }

    .workWrapper .our-work .owl-nav .next_btn {
        right: -52px;
        width: 59px;
        height: 59px
    }

    .manMedia img {
        position: absolute;
        bottom: -60px;
        right: 67px;
        width: 301px
    }

    .navlogo-full-wrap {
        height: 50px !important
    }

    .navlogo-mark {
        width: 21px
    }

    .testimonial-img img {
        width: 100%;
        margin-bottom: 0;
        height: 470px;
        object-fit: contain
    }

    .testi h4 {
        font-size: 22px;
        text-align: center
    }

    .logo-review-icon {
        width: 113px
    }

    .start-img {
        position: unset;
        left: -80px;
        top: 0;
        bottom: 0;
        height: auto;
        width: 100%;
        object-fit: cover;
        margin-left: 0
    }

    .ourProcess .our-process .owl-nav .next_btn,
    .ourProcess .our-process .owl-nav .prev_btn {
        position: unset;
        transform: translate(0, 0);
        width: 40px;
        height: 40px
    }

    .ourProcess .our-process .owl-nav {
        text-align: center;
        justify-content: center;
        gap: 18px;
        margin-top: 20px;
        display: none
    }
}

@media only screen and (max-width:820px) {
    .tri-8 {
        left: 300px;
        display: none
    }

    .video-container {
        height: 50vh
    }

    .wokImg img.th-work {
        bottom: -64px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -27px;
        right: 0
    }

    .tri-top-7 {
        right: 316px
    }

    .tri-1 {
        left: 230px
    }

    .socialWrap .footerTitle {
        font-size: 16px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .iti__country-list {
        width: 322px !important;
    }

    .aboutbanSlider .swiper-pagination,
    .abtBan,
    .bottom-2-col,
    .case-content ul.casePointers,
    .quote {
        display: block
    }

    .hori-divider,
    .hori-divider-mobile {
        background: linear-gradient(87deg, rgb(253 253 253) 0, rgb(243 243 243) 25%, rgb(227 227 227) 50%, rgb(241 241 241) 75%, rgb(255 255 255) 100%)
    }

    .need-proj,
    .soloBtn .btn,
    p.carrerText {
        font-weight: 500
    }

    .soloBtn .btn,
    [class^=btn---] {
        line-height: 1.5
    }

    .teamBx .name.sus img {
        width: 114px !important
    }

    .case-study-listing .container,
    .left-panel1 {
        padding: 0
    }

    .grayscale-map {
        -webkit-backface-visibility: hidden;
        filter: gray;
        -webkit-filter: grayscale(99%);
        margin-bottom: 0;
        height: 400px
    }

    h3 {
        font-size: 28px
    }

    .creative .left-panel1 h2 span.textGrad,
    .creative-bg,
    .projectWrapper h3,
    .quote .quote-text .founder-title,
    .textture-text-1,
    h2,
    ul.inform-social li a i {
        font-size: 30px
    }

    .banner-scrolll-6 {
        width: 910px
    }

    .bogus-img {
        justify-content: center
    }

    .bogus-img img {
        height: auto;
        width: 82%
    }

    .scroll-container {
        padding-top: 30px
    }

    .connecting-section p,
    .counterWrapper p,
    .footerTitle,
    .socialWrap .footerTitle {
        font-size: 16px
    }

    .padding-none,
    .section.testimonialWrapper,
    .strat-dev {
        padding-top: 0
    }

    .contactPageWrapper {
        padding: 120px 0 60px
    }

    .playbtn {
        bottom: 0;
        height: 70px;
        top: 35%;
        width: 70px
    }

    .gallery-full h3 {
        z-index: 3;
        position: relative;
        margin-bottom: 40px;
        font-size: 28px
    }

    .creative-agency-slider .creative-slider-item,
    .creative-agency-slider .creative-slider-item img,
    .image-overlay::before {
        height: 400px
    }

    .swiper-gal::after,
    .swiper-gal::before {
        content: "";
        height: 100px;
        background: var(--section-color);
        position: absolute
    }

    .swiper-gal .swiper-slide img {
        width: 100%;
        height: 410px;
        border-radius: 20px;
        object-fit: cover
    }

    .creative-agency-slider .nextArrow,
    .creative-agency-slider .prevArrow {
        top: 216px
    }

    .swiper-gal::before {
        top: -68px;
        left: -10%;
        width: 120%;
        border-radius: 500%;
        z-index: 2
    }

    .swiper-gal::after {
        bottom: -67px;
        left: -106px;
        width: 149%;
        border-radius: 100%;
        z-index: 1
    }

    .section.FaqWrapper.carrersJob,
    section.video-banner {
        padding-top: 60px
    }

    .connecting-content .agency,
    .connecting-section h2.section-title span.redText,
    .creative .left-panel h2 span.textGrad,
    .number-count,
    .number-count h3,
    .number-count h3 span,
    .referSection h1 span,
    .referTile,
    .textture-text-2 {
        font-size: 35px
    }

    .aboutbanSlider .swiper-slide {
        padding: 0 10px
    }

    .spacer-2 {
        height: 80px
    }

    .section.terms,
    section.section.referTabs {
        padding-top: 14%
    }

    .blog-inner-banner .overlap-title h1 {
        font-size: 30px;
        line-height: 1.2
    }

    .blog-inner-banner .overlap-title::before {
        border-radius: 0 0 17px 17px
    }

    .blog-listing .casestudy-Bx.blog-Bx,
    .case-study-listing .casestudy-Bx .case-img img.case-wl,
    .casestudy-Bx,
    .swiper-slide .imgServ,
    .you-might-also-like .casestudy-Bx {
        height: auto
    }

    .footer-logo,
    .opa {
        text-align: center
    }

    .case-details-body h2,
    .left-panel,
    .referImg,
    p.carrerText {
        text-align: left
    }

    .addWrap-2,
    .addWrap-3 {
        padding-left: 0;
        padding-top: 0
    }

    .client-logo .compny-logo img.logo-14,
    .client-logo .compny-logo img.logo-15 {
        max-width: 71%
    }

    .client-logo .compny-logo img,
    .client-logo .compny-logo img.logo-11,
    .client-logo .compny-logo img.logo-13,
    .client-logo .compny-logo img.logo-16,
    .client-logo .compny-logo img.logo-2,
    .referImg img {
        max-width: 100%
    }

    .video-container {
        height: 34vh
    }

    .swiper-slide.swiper-slide-active .imgServ,
    .teamSlider .owl-stage-outer {
        padding-bottom: 0
    }

    .modalRefer .modal-body .border-wrap {
        margin-left: 0;
        margin-right: 0
    }

    .section.case-study-details-sec {
        padding: 110px 0 47px
    }

    .modalRefer .modal-body .contact__wrapper .contact__form {
        padding: 0 32px
    }

    .name.mi {
        bottom: 270px
    }

    .teamBx .name.pro img {
        width: 124px !important
    }

    .name.pro {
        bottom: 267px;
        left: -18px
    }

    .name.ali {
        bottom: 243px;
        left: -25px
    }

    .teamSection .teamBx:hover .name.ali,
    .teamSection .teamBx:hover .name.aman,
    .teamSection .teamBx:hover .name.gango,
    .teamSection .teamBx:hover .name.isha,
    .teamSection .teamBx:hover .name.mi,
    .teamSection .teamBx:hover .name.mili,
    .teamSection .teamBx:hover .name.pro,
    .teamSection .teamBx:hover .name.sarbo,
    .teamSection .teamBx:hover .name.sub,
    .teamSection .teamBx:hover .name.sus,
    .teamSection .teamBx:hover .name.tej {
        bottom: 22px;
        left: 0
    }

    .name.mili {
        bottom: 271px;
        left: -20px
    }

    .teamBx .name.ali img {
        width: 135px !important
    }

    .name.gango {
        bottom: 276px;
        left: -48px
    }

    .teamBx .name.tej img {
        width: 118px !important
    }

    .teamBx .name.gango img {
        width: 130px !important
    }

    .name.tej {
        bottom: 253px;
        left: -20px
    }

    .teamBx .name.aman img {
        width: 180px !important
    }

    .name.isha {
        bottom: 273px;
        left: -27px
    }

    .teamBx .name.isha img {
        width: 109px !important
    }

    .name.sus {
        bottom: 268px;
        left: -15px
    }

    .teamBx .name.mili img {
        width: 86px !important
    }

    .name.sub {
        bottom: 266px;
        left: -22px
    }

    .teambox img,
    .teambox.tej-deg img {
        width: 234px !important
    }

    .teambox.sarbo-bx {
        bottom: -23px
    }

    .teambox.tej-deg {
        bottom: -20px
    }

    .teambox.sarbo-bx img,
    .teambox.sub-bx img {
        width: 256px !important
    }

    .teambox.isha-bx img {
        width: 186px !important
    }

    .teambox.ama-bx img {
        width: 178px !important
    }

    .name.aman {
        bottom: 231px;
        left: -29px
    }

    .name.sarbo {
        bottom: 255px;
        left: -27px
    }

    .teamBx .name.sub img {
        width: 123px !important
    }

    .teamBx .name.sarbo img {
        width: 127px !important
    }

    .abtBan {
        align-items: center
    }

    .teamSection .teamBx:hover .name {
        bottom: 21px
    }

    .tabdesign ul li button.nav-link {
        min-width: 181px;
        padding: 8px 10px 0
    }

    .tabdesign ul li.nav-item {
        margin: 0 10px
    }

    .tabdesign ul li:first-child button.nav-link {
        min-width: 70px
    }

    .tabdesign ul li:nth-child(4) button.nav-link {
        min-width: 211px
    }

    .tabdesign ul li:nth-child(3) button.nav-link {
        min-width: 151px
    }

    .tabdesign ul li:nth-child(2) button.nav-link {
        min-width: 130px
    }

    .aboutbanSlider .swiper-button-prev::after,
    .column-movile-hide,
    .connecting-red,
    .dropdown a.nav-item-link,
    .fabVertical,
    .faq-number,
    .floating-bubble-wrapper,
    .mobilehde,
    .spot-img img,
    .vertical-divider,
    .vertical-divider-tab,
    .vertical-line {
        display: none
    }

    .tabdesign ul.nav.nav-pills {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -159px;
        right: 0
    }

    .connecting-section .banner-scroll-1 {
        margin-top: 37px
    }

    .list-unstyled.work-list {
        column-count: 1
    }

    .list-unstyled.work-list li {
        padding: 8px 0
    }

    .spacing-set {
        margin-top: 6px
    }

    .careers-custom-pad,
    .custom-mobile-padddd {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem
    }

    .aboutbanSlider .abtBan .leftImgBan img {
        width: 100%;
        margin-bottom: 28px
    }

    .aboutbanSlider .abtBan .leftImgBan,
    .aboutbanSlider .abtBan .rightSlider,
    .projectContent {
        width: 100%
    }

    .CeoContent,
    .aboutbanSlider .abtBan .rightSlider {
        padding-left: 0;
        padding-right: 0
    }

    .section.section.ceo-section {
        background-image: url(../images/testimonal-bg.png);
        background-position: bottom;
        background-size: cover;
        padding: 60px 0;
        background-color: #e5e7e6;
        background-repeat: no-repeat
    }

    .ceoTalk {
        margin-bottom: 20px
    }

    .wokImg img.dm-ship {
        bottom: -100px
    }

    .wokImg img.home-opus {
        bottom: -99px
    }

    .custom-accord .accordion-body p {
        line-height: 29px;
        color: #222;
        font-size: 16px;
        padding: 0 20px
    }

    .Benefits h2,
    .beneBx p,
    .creative .left-panel1 p,
    .creative ul,
    .hero__content_Inner p,
    .strat-dev.digital-strat h2.section-title {
        padding-right: 0
    }

    .teamSection .team-item {
        padding: 25px 40px 20px;
        position: relative
    }

    section.section.case-study-details,
    section.terms-condition {
        padding-top: 120px
    }

    .scroll-section img {
        margin: 0 10px;
        width: 32%
    }

    .wrap a.btn---7 {
        margin-top: .5em
    }

    .bannerBtn {
        margin-top: 20px;
        z-index: 2;
        position: relative
    }

    .referContent h4 {
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600
    }

    .connecting-section p:not(:last-child) {
        margin-bottom: 15px
    }

    .creative ul li {
        padding: 10px 15px 10px 32px;
        font-size: 15px
    }

    .referImg img {
        margin-bottom: 0;
        margin-top: -52px
    }

    ul.referTab li {
        width: 100%;
        margin-bottom: 18px
    }

    .referTab {
        display: block;
        width: 100%
    }

    .wokImg img.dm-maison {
        position: absolute;
        bottom: -198px;
        transform: scale(1);
        right: -40px
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 500px
    }

    .case-study-listing .casestudy-Bx .case-content a {
        font-size: 20px;
        margin-bottom: 18px;
        display: block
    }

    .case-study-listing .case-content {
        position: relative;
        padding: 15px 20px 25px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison {
        bottom: 30px;
        right: 30px;
        height: auto
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 51%;
        bottom: -138px;
        right: 120px
    }

    .case-logo img.mille-logo {
        top: 25px;
        left: 25px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thyme {
        height: 65%;
        bottom: 48px;
        right: 1px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 57%;
        bottom: 21px;
        right: 101px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ncb {
        height: 85%;
        bottom: -46px;
        right: -21px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -135px;
        right: -37px;
        transform: scale(1.48)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -69px;
        right: -18px;
        transform: scale(1.86)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: -1px;
        right: 20px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -179px;
        right: 63px;
        transform: scale(1.4)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -320px;
        right: -64px;
        transform: scale(1.6)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: -4px;
        left: -119px;
        transform: scale(.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 73%;
        bottom: -34px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-med {
        height: 74%;
        bottom: -20px;
        right: 30px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 53%;
        bottom: -259px;
        right: 118px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-crizac {
        bottom: -272px;
        right: -113px;
        transform: scale(2.3)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 74px;
        right: -188px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 84px;
        transform: scale(.8)
    }

    .case-content {
        position: relative;
        padding: 25px 20px
    }

    .case-details-body .case-content {
        position: relative;
        padding: 0
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -258px;
        right: 72px;
        transform: scale(1.3)
    }

    .custom-padding-case-1 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem
    }

    .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: -34px
    }

    .hori-divider {
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0
    }

    .termsContent h4 {
        margin-bottom: 20px;
        margin-top: 30px
    }

    .case-study-details .case-title .case-tex,
    .spot-title,
    .text,
    .textture-text,
    .tyTitle {
        font-size: 40px
    }

    .policyContent h1.heading-1,
    .termsContent h1.heading-1 {
        font-size: 40px;
        margin-bottom: 43px
    }

    .policyContent h2 {
        font-size: 35px;
        margin-top: 35px
    }

    .case-details-body .case-content p:not(:last-child) {
        padding-right: 0;
        line-height: 1.8;
        margin-bottom: 20px
    }

    .beInformed .section-title,
    .sec-ele {
        text-align: start
    }

    .arrowWrapper,
    .fourth-ele,
    .third-ele {
        text-align: right
    }

    .testimonial-Talk {
        margin-top: -11px
    }

    .first-ele img,
    .fourth-ele img,
    .sec-ele img,
    .third-ele img {
        width: 73%
    }

    .soloBtn .btn {
        padding: 0 20px;
        border-radius: 50px;
        background-color: transparent;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 5px;
        transition: .3s;
        border: 2px solid var(--color-1);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 50px auto 0;
        height: 60px;
        width: max-content
    }

    .featuredBlk .featureContent {
        padding: 0 1.75rem 2.75rem
    }

    .featuredBlk .featureImg img {
        height: 273px;
        object-fit: cover
    }

    .featuredBlk .featureContent h2 {
        margin-bottom: 0;
        line-height: 1
    }

    .featuredBlk .featureContent h2 a {
        font-size: 26px;
        line-height: 17px
    }

    .beneBx {
        margin-right: 0;
        height: 100%
    }

    .addWrap-1 {
        padding-top: 30px;
        padding-left: 0
    }

    .iconbx img {
        margin-bottom: 30px;
        width: 100%
    }

    .socialWrap .footerTitle {
        padding-left: 0;
        margin-bottom: 5px
    }

    .benefit-point {
        justify-content: start !important
    }

    .hori-divider-mobile {
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        display: block
    }

    .btn--6 {
        margin-top: .5em
    }

    .addWrap,
    .emailWrap {
        margin-top: 0
    }

    .bg-pattern {
        padding-bottom: 60px
    }

    .cus-mar,
    .socialWrap h4.footerTitle,
    .teamSection h2.section-title,
    .test-title {
        margin-bottom: 0
    }

    .testi-item,
    ul.inform-social li {
        padding: 0 15px
    }

    .section.strat-dev {
        padding: 60px 0
    }

    .hero__content_Inner p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        text-align: start
    }

    .tri-10 {
        left: 321px
    }

    .tri-9 {
        left: 445px
    }

    .tri-top-4 {
        right: 701px
    }

    .tri-1 {
        left: 90px;
        display: none
    }

    .tri-top-5 {
        right: 541px
    }

    .tri-13 {
        left: 251px;
        display: none
    }

    .tri-3 {
        left: 95px
    }

    .tri-4 {
        left: 214px
    }

    .play-button {
        width: 65px;
        height: 65px
    }

    .addWrap {
        padding-left: 0;
        padding-top: 20px
    }

    .social-links a i.ri-instagram-line {
        font-size: 23px
    }

    .social-links a i.flaticon-my-business {
        padding-top: 5px;
        font-size: 23px;
        z-index: 1
    }

    .footerForm .social-links a {
        width: 64px;
        font-size: 23px
    }

    .banner-four-element .first-ele {
        margin-right: 0;
        text-align: start
    }

    .social-links ul li:nth-child(2):before,
    .social-links ul li:nth-child(3):before,
    .social-links ul li:nth-child(4):before {
        top: 7px;
        height: 105px
    }

    .social-links ul li:first-child:before {
        top: 22px;
        height: 83px
    }

    .socialWrap {
        padding-left: 0;
        padding-top: 30px
    }

    .social-links ul li:nth-child(5):before {
        right: 0;
        left: 126px;
        width: 1px;
        height: 151px;
        top: 22px;
        bottom: 0;
        opacity: .8
    }

    .phoneWrap li a {
        text-transform: lowercase;
        font-size: 15px;
        font-weight: 400
    }

    .client span,
    .field span,
    .ptf-animated-block ul li .mainBlk p,
    .text2 {
        font-size: 14px
    }

    .heading,
    .heading .textture-text-1 {
        font-size: 45px
    }

    .section.ctaSection.blgCta .talk-pat {
        top: -132px
    }

    .mobile-set-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 33px
    }

    .informedBx {
        height: 370px
    }

    .button-container {
        top: -60px;
        height: 53px
    }

    .circle {
        width: 34px
    }

    .banner-four-element {
        gap: 10px 8px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .hero__area {
        z-index: 1;
        padding-top: 160px
    }

    .heading {
        position: relative;
        text-align: left;
        line-height: 1.21;
        margin-bottom: 11px
    }

    p.bannerTxt {
        font-size: 16px;
        margin-bottom: 30px;
        text-align: left;
        padding: 0
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 81px;
        transform: scale(1.7);
        right: -160px
    }

    .pointersWork li::before {
        margin-right: 7px;
        margin-top: 9px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 31px;
        right: 70px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 11px;
        right: 80px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -49px;
        transform: scale(1);
        right: 129px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 48px;
        transform: scale(1);
        right: 100px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -68px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -338px;
        right: 104px
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -203px;
        transform: scale(1.8);
        right: -33px
    }

    .wokImg img.nad-akorn,
    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -90px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -111px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: -16px;
        transform: scale(1.3);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -114px;
        right: 0
    }

    .referContent p {
        margin-bottom: 26px
    }

    .referTabs .tab-content {
        margin-top: 60px
    }

    .blog-content h3 img {
        margin-right: 14px;
        width: 30px
    }

    .name img {
        width: 156px !important
    }

    .logo-custom-paddimg {
        --bs-gutter-x: 3.5rem;
        --bs-gutter-y: 2.5rem;
        justify-content: center
    }

    .compLogo {
        margin-bottom: 16px
    }

    .compLogo img.avalogo {
        width: 132px
    }

    .compLogo img {
        height: 48px;
        object-fit: contain;
        width: auto;
        margin-right: auto;
        text-align: left
    }

    .compLogo img.dtlogo {
        height: 42px
    }

    .compLogo img.shiplogo {
        width: 105px
    }

    .ourWork .swiper-button-prev,
    .ourWork .swiper-rtl .swiper-button-next {
        margin-right: -7px;
        display: none
    }

    .ourWork .swiper-button-next {
        right: 9px;
        display: none
    }

    .left-panel1 {
        margin-top: 25px
    }

    .need-proj {
        font-size: 22px;
        margin-bottom: 12px
    }

    .btn,
    .contact__form .submit-site-btn {
        padding: 14px 20px;
        color: #fff;
        font-size: 13px
    }

    .border-wrap {
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 0
    }

    .contact__form .submit-site-btn {
        border-radius: 50px;
        background-color: transparent;
        line-height: 1.5;
        margin-top: 76px;
        margin-left: 0
    }

    .informed-para {
        margin-bottom: 19px;
        line-height: 1.3
    }

    ul.inform-social {
        display: flex;
        padding: 0;
        list-style: none;
        justify-content: end;
        margin-bottom: 30px
    }

    .btn {
        letter-spacing: 3px
    }

    .btn.alternate-bg {
        background-color: var(--color-1);
        color: #000;
        transition: .3s;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 2px
    }

    .Benefits h2 {
        margin-bottom: 27px
    }

    .beneBx p {
        font-size: 16px;
        color: #000;
        padding-left: 0
    }

    .flaot-lap img {
        width: 71%
    }

    .beneBx h3,
    .c-text-1 a p {
        font-size: 20px
    }

    .ProjectCard {
        padding: 25px
    }

    .pointersWork li {
        flex: 1 1 calc(50% - 10px);
        margin: 2px 0
    }

    .ProjectCard ul {
        display: flex
    }

    .ProjectCard h3 {
        margin-bottom: 11px
    }

    .banner-scroll-1 {
        margin-top: 27px;
        margin-bottom: 27px
    }

    .aboutbanSlider .abtBan .rightSlider p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }

    li,
    p,
    span {
        font-size: 16px;
        line-height: 1.8
    }

    .swiper-button-prev {
        top: -34px
    }

    .left-panel,
    .right-panel {
        margin-bottom: 35px
    }

    .recentProj {
        max-width: max-content;
        margin: 0 auto
    }

    .custom-mar,
    .icon-grid {
        margin-bottom: 30px
    }

    .main-title {
        font-size: 50px;
        margin-bottom: 20px
    }

    .logo-btm img {
        bottom: 0;
        width: 9%
    }

    .workWrapper,
    .workWrapper.new-work {
        padding: 60px 0;
        position: relative
    }

    .case-content p:not(:last-child) {
        padding-right: 73px;
        line-height: 1.8
    }

    .case-study-listing {
        padding: 0 0 60px
    }

    ul.creative-pointers li::marker {
        color: #fdba14;
        font-size: 20px
    }

    .icon-box img {
        max-width: 45%;
        object-fit: contain;
        max-height: 49%
    }

    .icon-box {
        width: 40px;
        height: 40px;
        padding: 0
    }

    .our-work-1 .owl-stage-outer .owl-item {
        transform: scale(1)
    }

    .blog-content h2 {
        font-size: 32px
    }

    .our-process .owl-stage::after {
        top: 428px
    }

    .footer__menu ul {
        margin: 15px 0;
        justify-content: center
    }

    .social-links {
        margin: 0 0 10px
    }

    .full-wrapper-1 {
        display: block;
        align-items: start
    }

    .spacer {
        height: 30px
    }

    .our-process .owl-stage-outer,
    .our-work-1 .owl-stage-outer,
    .service-slider .owl-stage-outer,
    .teamSlider .owl-stage-outer {
        display: inline-block;
        margin-left: 0
    }

    .blogListing .filters-1 ul li::after {
        top: 13px
    }

    .connecting-blue-2 {
        width: 42px;
        height: 42px;
        top: 110px
    }

    .cardStacking .service-slider .owl-nav .next_btn {
        right: -40px
    }

    .ourProcess .our-process .owl-nav .next_btn,
    .ourProcess .our-process .owl-nav .prev_btn {
        transform: translate(0, 0);
        width: 50px;
        height: 50px
    }

    .our-work-1 .next_btn img,
    .our-work-1 .prev_btn img,
    .ourProcess .our-process .owl-nav .next_btn img,
    .ourProcess .our-process .owl-nav .prev_btn img {
        width: 25px
    }

    .blogListing .filters-1 ul li {
        font-size: 16px;
        padding: 10px 14px 0 15px;
        min-width: 181px;
        text-align: center
    }

    .blogListing .filters-1 ul li:last-child {
        min-width: 218px
    }

    .blogListing .filters-1 ul li:first-child {
        min-width: 120px
    }

    .blog-listing {
        background-color: #f6f6f600;
        padding: 0 0 60px
    }

    .section.blogListing {
        padding: 110px 0 30px
    }

    .product-desc-1 {
        font-size: 14px;
        padding-right: 0;
        margin-top: 12px
    }

    .project-desc {
        padding: 8px 15px 7px;
        font-size: 13px;
        border-radius: 4px;
        line-height: 1
    }

    .techStack {
        margin-top: 19px
    }

    .techStack h4 {
        font-size: 16px;
        margin-bottom: 9px
    }

    .projectWrapper {
        height: 650px;
        padding: 24px 22px 0
    }

    .client,
    .field {
        background-color: #fff;
        border-radius: 100px;
        padding: 11px 17px 10px
    }

    .related-img {
        position: relative;
        margin-top: 0
    }

    .dropdown ul li {
        margin: 10px 0
    }

    .case-study-details .case-title {
        line-height: 1.2;
        margin-bottom: 20px;
        font-size: 40px
    }

    .client p,
    .field p {
        font-size: 14px;
        letter-spacing: normal
    }

    h1,
    h2,
    h3,
    h3.Servicetitle,
    h4,
    h5,
    h6 {
        letter-spacing: 0
    }

    .field {
        display: inline-block;
        width: auto;
        margin-left: 0;
        margin-top: 7px
    }

    .client_field {
        display: flex;
        align-items: start;
        flex-direction: column
    }

    .outcomeImg img {
        border-radius: 30px;
        object-fit: cover;
        width: 100%
    }

    .author_date .author-bx {
        display: flex;
        align-items: start;
        flex-direction: column;
        justify-content: start
    }

    .author_date .author-bx .datebx {
        margin-left: 0;
        margin-top: 13px
    }

    .author_date .author-bx .author-img {
        width: 34px;
        height: 34px
    }

    .navbtn-wrap {
        width: 50px;
        height: 50px;
        top: 1rem;
        right: 1.5rem
    }

    .green-bullets {
        margin-top: 14px
    }

    .panel__content .section__heading {
        font-size: 30px;
        color: #ef3a42;
        position: relative;
        line-height: 1;
        margin-bottom: 28px
    }

    .cardStacking .stackCard {
        height: auto;
        padding: 60px 18px !important
    }

    .panel__content p.text-gray-span {
        display: inline-block;
        font-size: 14px
    }

    .banner-laptop-img {
        margin-left: 44px;
        width: 100%;
        margin-top: 30px
    }

    .banner-laptop a {
        display: inline-block;
        width: 85%
    }

    .gallery-thumbs {
        padding-right: 69px;
        padding-left: 69px
    }

    .client-logo,
    .ctsom-blog-pad {
        padding: 60px 0 0
    }

    .client-logo.otehr-logo {
        padding: 80px 0
    }

    .nav-pills .nav-link .tabName {
        min-width: 147px;
        padding: 5px 15px
    }

    .nav-pills .nav-link .tabName.crea-tab,
    .nav-pills .nav-link .tabName.med-tab {
        min-width: 100px
    }

    .creative .left-panel1 h2 {
        color: #fff;
        margin-bottom: 11px;
        font-size: 30px
    }

    .workWrapper .our-work-1 {
        margin-top: 40px
    }

    .black-ribbon {
        bottom: 89px;
        left: 0;
        height: 166px;
        right: 0
    }

    .c-text-container {
        bottom: 376px
    }

    .section {
        padding: 60px 0
    }

    .ourWork {
        padding-top: 72px
    }

    section.connecting-section {
        padding: 60px 0 40px
    }

    .mobile-top-margin {
        margin-top: 30px
    }

    .footerForm {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat
    }

    .blogListing .filters-1 ul {
        padding: 0;
        color: #fff;
        border-radius: 0;
        transition: .3s;
        align-items: center;
        justify-content: start;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .blog-inner-banner img {
        border-radius: 16px;
        width: 100%;
        object-fit: cover;
        height: 270px
    }

    .you-might-also-like .casestudy-Bx .case-content h3 a {
        font-size: 24px
    }

    .blog-inner-banner .overlap-title {
        padding: 45px 50px 34px 29px;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .testimonail-author {
        margin-top: 38px;
        padding-left: 0
    }

    .testi h4 {
        font-size: 20px;
        text-align: center
    }

    .tri-19 {
        right: 73px;
        display: none
    }

    .tri-17 {
        right: 370px;
        display: none
    }

    .tri-18 {
        right: 120px;
        display: none
    }

    .logo-review-icon {
        width: 83px
    }

    .mediaWrapper p {
        padding: 10px 0
    }

    .testimonial-Talk p {
        line-height: 1.7;
        font-size: 18px;
        padding-right: 0;
        padding-left: 0
    }

    .testimonial-Talk span.red-stripe img {
        position: absolute;
        left: -7px;
        right: 0;
        bottom: -7px;
        z-index: -1
    }

    .testimonial-Talk span.red-stripe {
        font-size: 26px;
        margin-top: 0;
        margin-left: 0;
        width: auto
    }

    .connecting-section h2.section-title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 17px
    }

    .connecting-section h2.section-title img {
        width: 100px;
        margin-top: -6px
    }

    .swiper-button-next::after {
        position: absolute;
        right: 6px;
        top: 124px;
        width: 44px;
        height: 44px
    }

    h3.Servicetitle {
        color: #fff;
        font-size: 30px
    }

    .text1 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .copyright,
    .footer__menu ul li a {
        font-size: 13px
    }

    .footer_map img {
        margin-top: -50px
    }

    .copyright {
        font-weight: 400;
        text-align: center;
        margin-bottom: 0;
        padding: 0;
        margin-top: 0
    }

    .footer-padding-3 {
        padding-top: 17px;
        padding-bottom: 30px
    }

    .quote .quote-text {
        margin-left: 0
    }

    .contact__wrapper {
        border-radius: 20px
    }

    .border-wrap {
        background: linear-gradient(to top, #ffffff00 0, #99999900 100%)
    }

    .quote .quote-img img {
        width: 99px;
        height: 99px
    }

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

    .blog-content h4 {
        font-size: 28px;
        margin-bottom: 15px
    }

    .blog-content p:not(:last-child) {
        margin-bottom: 19px
    }

    .blog-content h3 {
        font-size: 25px
    }

    .blogInnerDetails {
        padding-top: 130px;
        padding-bottom: 0
    }

    .case-study-btn,
    .case-study-btn-1 {
        font-size: 16px;
        padding: 12px 20px 10px
    }

    .quote .quote-img {
        min-width: 139px;
        height: 119px
    }

    .filters ul li {
        font-size: 22px;
        padding: 14px 9px 10px
    }

    .section.case-study-overview {
        padding-top: 15%;
        padding-bottom: 56px
    }

    .case-study-btn-1 {
        margin-top: 20px
    }

    .casestudy-Bx .case-img img {
        border-radius: 20px;
        height: 280px;
        width: 100%;
        object-fit: cover
    }

    .border-text,
    .text-1 {
        font-size: 40px;
        letter-spacing: 0
    }

    .text-1 span.highlight-text-1 {
        font-size: 40px;
        letter-spacing: -3px
    }

    .banner-scrolll-3 {
        width: 900px
    }

    .signature {
        margin-left: 80px;
        width: 160px
    }

    .banner-scrolll-4 {
        width: 3200px
    }

    .teamSection {
        padding-bottom: 40px;
        background-image: url(../images/bg-pat.png);
        background-size: cover;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat
    }

    .innerBanner .main-title {
        font-size: 40px;
        letter-spacing: -2px;
        text-align: start !important;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .innerBanner .main-title.textture-text {
        margin-bottom: 7px
    }

    .footerForm {
        padding: 60px 0 0;
        overflow: hidden
    }

    .aboutbanSlider .abtBan .rightSlider h3 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .aboutsub-banner {
        font-size: 30px;
        line-height: 1.2;
        text-align: start;
        margin-top: 0;
        margin-bottom: 24px
    }

    .text span.highlight-text {
        font-size: 40px;
        margin: 0 50px;
        letter-spacing: -3px
    }

    .serviceContiner {
        width: 100%;
        margin-left: auto;
        padding: 0 15px;
        margin-top: 0
    }

    ul.creative-pointers li p {
        color: #fff;
        font-size: 15px
    }

    .text-1 span.highlight-text-1.texture-text {
        font-size: 52px
    }

    .name {
        bottom: 79px
    }

    .ceoImg img {
        width: 100%;
        margin-bottom: 20px;
        position: unset;
        height: 370px;
        object-fit: contain
    }

    .innerBanner {
        z-index: 1;
        padding-top: 15%;
        padding-bottom: 50px;
        text-align: center
    }

    h2.wear-red {
        font-size: 50px
    }

    .img-block img {
        margin-top: -56px;
        width: 100%
    }

    .client-title {
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 3px;
        margin-bottom: 20px
    }

    .client-logo .compny-logo img.logo-1,
    .client-logo .compny-logo img.logo-12 {
        max-width: 90%
    }

    .client-logo .compny-logo img.logo-3 {
        max-width: 60%
    }

    .client-logo .compny-logo img.logo-7 {
        max-width: 50%
    }

    .client-logo .compny-logo img.logo-4,
    .client-logo .compny-logo img.logo-8 {
        max-width: 86%
    }

    .workWrapper .section-title {
        margin: 0 38px
    }

    .workWrapper .our-work .owl-nav .next_btn {
        right: -26px;
        width: 50px;
        height: 50px;
        top: 43%
    }

    .text.service-text {
        font-size: 40px;
        margin-bottom: 30px
    }

    .serviceWrapper .section-title {
        margin: 0 30px
    }

    .workWrapper .our-work .owl-nav .prev_btn {
        width: 50px;
        height: 50px;
        top: 43%;
        left: 24px
    }

    .workWrapper .our-work .owl-nav .next_btn img,
    .workWrapper .our-work .owl-nav .prev_btn img {
        width: 23px
    }

    .float-1 {
        font-size: 19px;
        left: 31%;
        bottom: 22px
    }

    .client-logo .compny-logo img.logo-9 {
        max-width: 89%
    }

    .client-logo .compny-logo img.logo-10 {
        max-width: 92%;
        display: block
    }

    .client-logo .compny-logo img.logo-6 {
        max-width: 79%
    }

    .testimonial-img img {
        width: 100%;
        margin-bottom: 0;
        height: 330px;
        object-fit: contain
    }

    .ourWork .swiper-button-next::after {
        top: -60px;
        width: 38px;
        height: 38px;
        background-size: 20px
    }

    .ourWork .swiper-button-prev::after {
        width: 38px;
        height: 38px;
        left: -67px;
        top: -26px;
        border-radius: 50px;
        background-size: 20px
    }

    .testimonialSlider .nextArrow,
    .testimonialSlider .prevArrow {
        font-size: 20px;
        width: 35px;
        height: 35px
    }

    .testimonialSlider .prevArrow {
        left: 0;
        bottom: 0
    }

    .float-10,
    .float-11,
    .float-12,
    .float-13,
    .float-14,
    .float-15,
    .float-16,
    .float-17,
    .float-2,
    .float-3,
    .float-4,
    .float-5,
    .float-6,
    .float-7,
    .float-8,
    .float-9 {
        font-size: 18px;
        display: none
    }

    .float-10 {
        right: -86px
    }

    .float-17 {
        left: 36px;
        bottom: 45px
    }

    .custom-accord .accordion-body {
        padding: 25px 0 30px
    }

    .banner-scrolll {
        width: 4360px
    }

    .banner-scrolll-1 {
        width: 1860px
    }

    .custom-accord h2 button {
        font-size: 18px;
        line-height: 26px;
        padding: 20px 18px
    }

    .float-15 {
        right: 24px;
        bottom: 45px
    }

    .float-14 {
        right: 22%;
        top: 2px
    }

    .float-16 {
        left: 127px;
        top: 5px
    }

    .innerContentTop {
        border-radius: 18px
    }

    .manMedia img {
        position: absolute;
        bottom: -58px;
        right: -3px;
        width: 221px
    }

    .float-9 {
        right: -1.5%
    }

    .float-11 {
        left: -89px
    }

    .float-12 {
        left: 6px
    }

    .workWrapper .our-work-1 .owl-nav .next_btn {
        right: -37px;
        top: 48%;
        width: 50px;
        height: 50px
    }

    .workWrapper .our-work-1 .owl-nav .prev_btn {
        left: 8px;
        top: 48%;
        width: 50px;
        height: 50px
    }

    .related-img .submit-site-btn {
        position: absolute;
        bottom: 35px;
        left: 16px;
        font-size: 12px
    }

    .case-details-body {
        padding: 0 0 40px
    }

    .contact__form input,
    .contact__form textarea {
        font-size: 14px;
        padding: 12px 0;
        border-radius: 0
    }

    .formHeader img {
        top: 21px;
        left: 0;
        width: 291px
    }

    .contact__form {
        padding: 0
    }

    .contact__form label::before {
        left: -36px;
        top: 11px;
        display: none
    }

    .submit-site-btn {
        color: #000;
        border-radius: 100px;
        text-decoration: none;
        margin-top: 0;
        display: inline-block
    }

    .playbtn img {
        margin-left: 5px;
        width: 27px
    }

    .tytxt {
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: 400;
        margin-top: 13px
    }

    .tybtn {
        font-size: 14px;
        color: #fff
    }

    .tittle-small {
        line-height: 1.2
    }

    .c-text-container-1 {
        bottom: -1px
    }

    .fadeTxt {
        flex-direction: column;
        display: none
    }

    .creative #dynamic-image {
        width: 72%
    }

    .c-text-1 img {
        max-width: 73px;
        width: 17px
    }

    .custom-accord .accordion-button::after {
        background-size: 1.3em
    }

    .spot-img img {
        position: unset
    }

    .bottom-text {
        margin-top: 16px;
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 30px
    }

    section.case-study-overview {
        padding-top: 150px
    }

    .testimonial-Talk .testi p {
        font-size: 12px;
        padding-right: 0
    }

    .ProjectCard h3 {
        font-size: 17px
    }

    .ProjectCard {
        height: 493px
    }

    .bgImgwork {
        background-position: 79% 594%;
        background-size: 305px
    }

    .wokImg img {
        position: absolute;
        bottom: 34px;
        right: 66px
    }

    .wokImg.work-hin img {
        right: -20px;
        transform: scale(1);
        bottom: -82px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -79px;
        right: 7px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -111px;
        transform: scale(1.6);
        right: 40px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -91px;
        right: 0
    }

    .wokImg img.home-ncb {
        bottom: -133px
    }

    .wokImg img.home-ship {
        bottom: -114px
    }

    .wokImg img.home-medha {
        bottom: -65px
    }

    .wokImg img.th-work {
        bottom: -150px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:690px) {
    .swiper-gal .swiper-slide img {
        width: 100%;
        height: 440px;
        border-radius: 20px;
        object-fit: cover
    }
}

@media (max-width:760px) {
    .wokImg img.home-ncb {
        bottom: -130px
    }

    .ProjectCard h3 {
        font-size: 16px
    }

    .ProjectCard {
        height: 493px
    }

    .bgImgwork {
        background-position: 46% 444%;
        background-size: 301px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: -9px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 81px;
        transform: scale(1.8);
        right: -178px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -62px;
        right: 0
    }

    .wokImg img.dm-ship {
        bottom: -110px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 0;
        right: 122px;
        width: 74%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: -20px;
        right: 20px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -110px;
        transform: scale(.8);
        right: 88px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: -2px;
        transform: scale(.8);
        right: 30px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: -9px;
        transform: scale(1.3);
        right: -58px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -110px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -211px;
        transform: scale(1.9);
        right: -36px
    }

    .wokImg img.dtc-w,
    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -80px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -82px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -106px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -107px;
        right: 0
    }

    .wokImg img {
        position: absolute;
        bottom: 44px;
        right: 56px
    }

    .wokImg.work-hin img {
        right: -40px;
        transform: scale(1.2);
        bottom: -60px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -71px;
        right: 0
    }

    .pointersWork li {
        font-size: 13px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -101px;
        transform: scale(1.6);
        right: 40px
    }

    .wokImg img.th-work {
        bottom: -132px
    }

    .wokImg img.home-medha {
        bottom: -45px
    }

    .wokImg img.home-ship {
        bottom: -94px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:590px) {
    .wokImg img.home-ncb {
        bottom: -120px
    }

    .bgImgwork {
        background-position: 46% -1%;
        background-size: 368px
    }

    .wokImg img.th-work {
        bottom: -151px
    }
}

@media (max-width:576px) {
    .name {
        bottom: 78px
    }

    .addWrap-2,
    .addWrap-3 {
        padding-left: 0;
        padding-top: 10px
    }

    .section.case-study-overview {
        padding-top: 19%;
        padding-bottom: 56px
    }

    .innerBanner {
        z-index: 1;
        padding-top: 19%;
        padding-bottom: 50px;
        text-align: center
    }

    .wokImg img.home-ship {
        bottom: -114px
    }

    .teamSection .teamSlider .owl-nav .next_btn {
        right: -20px
    }

    .swiper-slide .imgServ {
        height: auto
    }

    .c-text-container {
        bottom: 390px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 96px;
        transform: scale(1.8);
        right: -140px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -181px;
        right: 80px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: -15px;
        right: 131px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: -30px;
        right: 19px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -111px;
        transform: scale(1);
        right: 99px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: -2px;
        transform: scale(.7);
        right: 55px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: -17px;
        transform: scale(1.2);
        right: -48px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -130px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: 20px;
        right: 38px
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -64px;
        right: -16px
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -80px;
        right: -37px
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: 3px;
        right: -18px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -110px;
        right: 0
    }

    .black-ribbon {
        bottom: 105px;
        left: 0;
        height: 166px;
        right: 0
    }

    .ProjectCard h3 {
        font-size: 17px
    }

    .ProjectCard {
        height: 493px
    }

    .bgImgwork {
        background-position: 79% 594%;
        background-size: 305px
    }

    .wokImg img {
        position: absolute;
        bottom: 34px;
        right: 66px
    }

    .wokImg.work-hin img {
        right: -10px;
        transform: scale(1);
        bottom: -84px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -90px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -111px;
        transform: scale(1.6);
        right: 40px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:560px) {
    .wokImg img.home-ncb {
        bottom: -110px
    }

    .section.terms,
    section.section.referTabs {
        padding-top: 20%
    }

    .wokImg img.th-work {
        bottom: -131px
    }

    .wokImg img.home-ship {
        bottom: -94px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 53%;
        bottom: -106px;
        right: 100px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -359px;
        right: -72px;
        transform: scale(2.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 19px;
        left: -75px;
        transform: scale(1.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -272px;
        right: 65px;
        transform: scale(.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -228px;
        right: 72px;
        transform: scale(1.4)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 84px;
        right: -200px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -149px;
        right: 43px;
        transform: scale(1.6)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -96px;
        right: -37px;
        transform: scale(1.5)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 57%;
        bottom: -241px;
        right: 99px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 73%;
        bottom: -45px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 466px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 61%;
        bottom: 21px;
        right: 81px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 19px;
        right: 0;
        transform: scale(1.4)
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -60px;
        right: 0
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 21px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 71px;
        transform: scale(1.8);
        right: -180px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -40px;
        right: 0
    }

    .compLogo img.ncbLogo {
        width: 160px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 0;
        right: 119px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 1px;
        right: 20px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -106px;
        transform: scale(.8);
        right: 79px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: -2px;
        transform: scale(.8);
        right: 47px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -38px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -90px;
        right: 3px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -111px;
        transform: scale(2);
        right: 51px
    }

    .wokImg.work-hin img {
        right: -10px;
        transform: scale(1);
        bottom: -39px
    }

    .wokImg img {
        position: absolute;
        bottom: 52px;
        right: 40px
    }

    .ProjectCard {
        height: 511px
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -205px;
        transform: scale(2.2);
        right: -59px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -81px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -75px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 16px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -111px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 17px;
        transform: scale(1.7);
        right: 22px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -100px;
        right: 0
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -78px;
        right: 0
    }

    .ProjectCard h3 {
        font-size: 16px
    }

    .bgImgwork {
        background-position: 68% -107%;
        background-size: 350px
    }
}

@media (max-width:520px) {
    .wokImg img.dm-maison {
        position: absolute;
        bottom: -148px;
        transform: scale(1);
        right: -40px
    }
}

@media (max-width:510px) {
    .wokImg img.home-opus {
        bottom: -68px
    }

    .wokImg img.ava-img {
        bottom: -32px
    }

    .wokImg img.home-ncb,
    .wokImg img.th-work {
        bottom: -82px
    }

    .wokImg img.home-ship {
        bottom: -95px
    }

    .wokImg img.home-medha {
        bottom: -65px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -48px;
        right: 0
    }
}

@media (max-width:500px) {
    .name {
        bottom: 251px
    }

    .video-container {
        height: 31vh
    }

    .wokImg img.home-ship {
        bottom: -95px
    }

    .wokImg img.home-medha {
        bottom: -65px
    }

    .wokImg img.home-ncb {
        bottom: -120px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: -29px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 61px;
        transform: scale(2);
        right: -149px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -141px;
        transform: scale(1.6);
        right: 50px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: -12px;
        right: 111px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: -9px;
        right: 21px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -149px;
        transform: scale(1);
        right: 68px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: -32px;
        transform: scale(.7);
        right: 10px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -28px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -118px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: -77px;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -84px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -100px;
        right: 0
    }

    .ProjectCard {
        height: 463px
    }

    .bgImgwork {
        background-position: 79% 1324%;
        background-size: 290px
    }

    .wokImg img {
        position: absolute;
        bottom: 34px;
        right: 66px
    }

    .wokImg.work-hin img {
        right: 10px;
        transform: scale(.6);
        bottom: -125px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -71px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -91px;
        transform: scale(1.6);
        right: 40px
    }

    .wokImg img.th-work {
        bottom: -121px
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -96px;
        right: 0
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:490px) {
    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 53%;
        bottom: -86px;
        right: 100px
    }

    .creative-agency-slider .creative-slider-item {
        margin: 31px 20px 43px
    }

    .creative-agency-slider .nextArrow {
        right: 0
    }

    .creative-agency-slider .prevArrow {
        left: 0
    }

    .addWrap-1 {
        padding-top: 30px;
        padding-left: 0
    }

    .addWrap-3 {
        padding-left: 0;
        padding-top: 10px
    }

    .section.terms,
    section.section.referTabs {
        padding-top: 25%
    }

    .innerBanner {
        z-index: 1;
        padding-top: 21%;
        padding-bottom: 50px;
        text-align: center
    }

    .video-container {
        height: 28vh
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -109px;
        right: 0
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -281px;
        right: -64px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 19px;
        left: -75px;
        transform: scale(1.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 53px;
        transform: scale(.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -240px;
        right: 72px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 84px;
        right: -178px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -179px;
        right: 63px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -96px;
        right: -37px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 56%;
        bottom: -223px;
        right: 100px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 61%;
        bottom: 21px;
        right: 81px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 9px;
        right: 20px;
        transform: scale(1.4)
    }

    .name {
        bottom: 251px
    }

    .ProjectCard {
        height: 541px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(2);
        right: -170px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -60px;
        right: -10px
    }

    .wokImg img.dm-ship {
        bottom: -50px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 15px;
        right: 84px;
        width: 80%
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 31px;
        right: 20px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -89px;
        transform: scale(.8);
        right: 58px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 20px;
        transform: scale(.9);
        right: 11px
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 42px;
        transform: scale(1.5);
        right: -78px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -19px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.nad-akorn,
    .wokImg img.nad-avanza {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -30px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -8px;
        right: 0
    }

    .wokImg img.home-ship {
        bottom: -27px
    }

    .wokImg img.th-work {
        bottom: -61px
    }

    .wokImg img.home-medha {
        bottom: 0
    }

    .wokImg img.home-ncb {
        bottom: -60px
    }

    .bgImgwork {
        background-position: 46% -546%;
        background-size: 350px
    }

    .wokImg img {
        position: absolute;
        bottom: 70px;
        right: 26px
    }

    .informedBx {
        height: 350px
    }

    .wokImg.work-hin img {
        right: -43px;
        transform: scale(1.3);
        bottom: -42px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -10px;
        right: 0
    }

    .wokImg img.home-opus {
        bottom: -6px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -111px;
        transform: scale(2.2);
        right: 60px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:476px) {
    .name img {
        width: 150px !important;
        transform: rotate(1deg)
    }

    .wokImg img.home-medha {
        bottom: -5px
    }

    .wokImg img.th-work {
        bottom: -46px
    }

    .wokImg img.home-ship {
        bottom: -53px
    }

    .name {
        bottom: 79px
    }

    .ProjectCard {
        height: 545px
    }

    .ProjectCard h3 {
        font-size: 16px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(2);
        right: -190px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -151px;
        transform: scale(1.6);
        right: 80px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 32px;
        transform: scale(1.1);
        right: 30px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: -12px;
        right: 3px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -79px;
        transform: scale(.8);
        right: 29px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 8px;
        transform: scale(.8);
        right: 0
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 52px;
        transform: scale(1.6);
        right: -98px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -238px;
        right: 80px
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.nad-avanza {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.nad-akorn {
        position: absolute;
        bottom: -10px;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -80px;
        right: -37px
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -17px;
        right: 0
    }

    .wokImg img.dtc-w {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .bgImgwork {
        background-position: 89% -936%;
        background-size: 350px
    }

    .wokImg img {
        position: absolute;
        bottom: 70px;
        right: 66px
    }

    .wokImg img.home-opus {
        bottom: -18px
    }

    .wokImg.work-hin img {
        right: -9px;
        transform: scale(1);
        bottom: -35px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -5px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -129px;
        transform: scale(1.8);
        right: 50px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:460px) {

    .copyright,
    .innerBanner {
        text-align: center
    }

    .name img {
        width: 150px !important;
        transform: rotate(1deg)
    }

    .section.case-study-overview {
        padding-top: 25%;
        padding-bottom: 56px
    }

    .innerBanner {
        z-index: 1;
        padding-top: 25%;
        padding-bottom: 50px
    }

    .case-study-listing .casestudy-Bx .case-img img.opus-img {
        height: auto;
        width: 100%;
        bottom: -59px;
        right: 0
    }

    .wokImg img.home-ncb {
        bottom: -40px
    }

    .wokImg img.home-medha {
        bottom: -3px
    }

    .informedBx {
        height: 300px
    }

    .footer__menu ul {
        margin: 0;
        justify-content: center
    }

    .name {
        bottom: 78px
    }

    .border-wrap {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0
    }

    .ProjectCard {
        height: 515px
    }

    .ProjectCard h3 {
        font-size: 16px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 31px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(2);
        right: -190px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -50px;
        right: -10px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 31px;
        right: 70px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 25px;
        right: 19px
    }

    .tri-16 {
        right: 80px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -88px;
        transform: scale(.8);
        right: 57px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 8px;
        transform: scale(.8);
        right: 0
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 52px;
        transform: scale(1.6);
        right: -98px
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -49px;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .wokImg img.dtc-w,
    .wokImg img.nad-akorn,
    .wokImg img.nad-avanza {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.ava-img,
    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -3px;
        right: 0
    }

    .bgImgwork {
        background-position: 89% -936%;
        background-size: 330px
    }

    .wokImg img {
        position: absolute;
        bottom: 70px;
        right: 66px
    }

    .wokImg.work-hin img {
        right: -9px;
        transform: scale(1);
        bottom: -35px
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -129px;
        transform: scale(1.8);
        right: 50px
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:430px) {
    .teambox img {
        width: 173px !important
    }

    .wokImg img.home-ncb {
        bottom: -19px
    }

    .wokImg img.dm-maison {
        bottom: -78px
    }

    .wokImg img.home-ship {
        bottom: -6px
    }

    .wokImg img.home-medha {
        bottom: -13px
    }

    .wokImg img.home-opus {
        bottom: -3px
    }

    .mobileCasestudy .nav.nav-pills li:nth-child(2) {
        margin: 0 8px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 55%;
        bottom: -76px;
        right: 83px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -282px;
        right: 32px;
        transform: scale(.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -200px;
        right: 72px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-akorn {
        bottom: -59px;
        right: -18px;
        transform: scale(2.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -66px;
        right: -37px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 49px;
        right: 20px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -139px;
        right: 63px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 56%;
        bottom: -163px;
        right: 90px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -245px;
        right: -59px;
        transform: scale(2)
    }

    .teamSection .teamBx:hover .name {
        bottom: 68px
    }

    .name {
        bottom: 67px
    }
}

@media (max-width:420px) {

    .heading,
    .heading .textture-text-1 {
        font-size: 38px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 111px;
        transform: scale(2);
        right: -160px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 31px;
        right: 55px
    }

    .connecting-section h2.section-title {
        font-size: 30px;
        line-height: 1.2
    }

    .informedBx {
        height: 260px
    }

    .heading {
        position: relative
    }
}

@media (max-width:400px) {
    .name {
        bottom: 206px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 53%;
        bottom: -86px;
        right: 100px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -269px;
        right: -57px;
        transform: scale(2.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 19px;
        left: -75px;
        transform: scale(1.1)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -292px;
        right: 15px;
        transform: scale(.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -210px;
        right: 72px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 74px;
        right: -163px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -139px;
        right: 63px;
        transform: scale(1.8)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -76px;
        right: -37px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 57%;
        bottom: -181px;
        right: 79px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
        height: 73%;
        bottom: -45px;
        right: -28px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img {
        height: 338px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 61%;
        bottom: 21px;
        right: 81px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 19px;
        right: 0;
        transform: scale(1.4)
    }
}

@media (max-width:390px) {

    .heading,
    .heading .textture-text-1 {
        font-size: 38px
    }

    .swiper-gal .swiper-slide img {
        height: 380px
    }

    .section.terms,
    section.section.referTabs {
        padding-top: 30%
    }

    .innerBanner {
        z-index: 1;
        padding-top: 28%;
        padding-bottom: 50px;
        text-align: center
    }

    .video-container {
        height: 96%
    }

    .wokImg img.home-medha {
        bottom: 0
    }

    .wokImg img.th-work {
        bottom: -38px
    }

    .heading {
        position: relative
    }

    .name {
        bottom: 193px
    }

    .main-title {
        font-size: 45px
    }

    h3.bgText {
        font-size: 35px
    }

    .workWrapper .section-title {
        margin: 0 37px
    }

    .ProjectCard {
        height: 491px
    }

    .wokImg img.dm-ncb {
        position: absolute;
        bottom: 2px;
        transform: scale(1.5);
        right: -20px
    }

    .wokImg img.dm-wl {
        position: absolute;
        bottom: 81px;
        transform: scale(2);
        right: -150px
    }

    .wokImg img.dm-ds {
        position: absolute;
        bottom: -40px;
        right: -7px
    }

    .wokImg img.brnd-maison {
        position: absolute;
        bottom: 21px;
        right: 57px
    }

    .wokImg img.brnd-croft {
        position: absolute;
        bottom: 32px;
        right: 17px
    }

    .wokImg img.brnd-mille {
        position: absolute;
        bottom: -119px;
        transform: scale(.8);
        right: 19px
    }

    .wokImg img.brnd-thy {
        position: absolute;
        bottom: 8px;
        transform: scale(.7);
        right: 0
    }

    .wokImg img.brnd-cri {
        position: absolute;
        bottom: 12px;
        transform: scale(1.2);
        right: -48px
    }

    .wokImg img.brnd-nou,
    .wokImg img.nad-akorn,
    .wokImg img.nad-avanza {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .wokImg img.nad-ship {
        position: absolute;
        bottom: -251px;
        transform: scale(1.8);
        right: -58px
    }

    .compLogo img.med-logo {
        width: 135px
    }

    .compLogo {
        margin-bottom: 12px
    }

    .wokImg img.nad-hlm {
        position: absolute;
        bottom: -29px;
        right: 0
    }

    .wokImg img.nad-medhai {
        position: absolute;
        bottom: 4px;
        transform: scale(1.5);
        right: 43px
    }

    .wokImg img.nad-maison {
        position: absolute;
        bottom: -19px;
        right: 0
    }

    .bgImgwork {
        background-position: 46% 484%;
        background-size: 300px
    }

    .wokImg img {
        position: absolute;
        bottom: 49px;
        right: 66px
    }

    .wokImg.work-hin img {
        right: -14px;
        transform: scale(1);
        bottom: -62px
    }

    .wokImg img.ava-img {
        position: absolute;
        bottom: -20px;
        right: 0
    }

    .wokImg img.ava-im1 {
        position: absolute;
        bottom: -96px;
        transform: scale(1.8);
        right: 50px
    }

    .wokImg img.dtc-w {
        bottom: 0;
        right: 0
    }

    .swiper-button-prev::after {
        width: 44px;
        height: 44px;
        top: 77px;
        position: absolute;
        left: 0
    }

    .swiper-slide .imgServ img {
        border-radius: 20px;
        height: auto
    }

    .owl-carousel .owl-item .project-banner img.shan {
        position: unset;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width:367px) {
    .name {
        bottom: 183px
    }

    .name img {
        width: 135px !important;
        transform: rotate(1deg)
    }
}

@media (max-width:360px) {
    .main-title {
        font-size: 43px
    }

    .wokImg img.dm-ship {
        bottom: 0
    }

    .case-study-listing .casestudy-Bx .case-img img.case-mille {
        width: 56%;
        bottom: -66px;
        right: 73px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ship {
        bottom: -231px;
        right: -54px;
        transform: scale(2.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-dtc {
        height: auto;
        width: auto;
        bottom: 33px;
        left: -55px;
        transform: scale(1.2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-shiop {
        bottom: -262px;
        right: 3px;
        transform: scale(.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-ds {
        bottom: -170px;
        right: 62px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-wl {
        width: auto;
        bottom: 84px;
        right: -145px;
        transform: scale(1.9)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-avan {
        bottom: -120px;
        right: 63px;
        transform: scale(2)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-hlm {
        bottom: -56px;
        right: -37px;
        transform: scale(1.7)
    }

    .case-study-listing .casestudy-Bx .case-img img.case-nou {
        width: 59%;
        bottom: -155px;
        right: 68px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-croft {
        width: 66%;
        bottom: 31px;
        right: 55px
    }

    .case-study-listing .casestudy-Bx .case-img img.case-thy {
        bottom: 29px;
        right: 30px;
        transform: scale(1.8)
    }

    .wokImg img.brnd-nou {
        position: absolute;
        bottom: -8px;
        right: 0
    }

    h3.bgText {
        font-size: 30px
    }

    .c-text a p {
        font-size: 21px
    }

    .c-text-container {
        bottom: 325px
    }

    .c-text img {
        max-width: 100px;
        width: 20px
    }

    .filters ul li {
        font-size: 19px;
        padding: 14px 9px 10px
    }

    .black-ribbon {
        bottom: 96px;
        left: 0;
        height: 128px;
        right: 0
    }
}