/* !sfc =====================================  */
/* !========================================== */




.postid-2401 {
    background-color: #FFF7E3;
}


.postid-2401 .caseStudy_banner {
    background-color: #FFF7E3;
}



.postid-2401 .csTextSection {
    background-color: transparent;
}






.postid-2401 .caseStudy_gridSection {
    background-image: linear-gradient(to bottom, #FFF7E3, #ffd262);




    .block {
        flex: 1;
        background-color: #FFE5A5;



    }


    .c1 {
        & .block {



            &:nth-child(2) {
                img {
                    max-width: 25rem;
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c3 {
        & .block {


            &:nth-child(1) {
                padding: 0rem;
            }

            &:nth-child(2) {
                overflow: hidden;
            }
        }
    }

}






.postid-2401 .caseStudy_logoTextSection {

    background-image: linear-gradient(to bottom, #ffd262, #FFDB82);
}

.postid-2401 .caseStudy_visualElements {

    background-image: linear-gradient(to bottom, #FFDB82, #FFE7AB);
}


.postid-2401 .caseStudy_desktopAndTabView {

    background-image: linear-gradient(to bottom, #FFE7AB, #FFF0CC);

    & .wrapper {
        .c1 {
            background-color: #36836B;
        }

        .c2 {
            background-color: #7FB7FF;
        }
    }


}


.postid-2401 .caseStudy_desktopView {
    padding: 1.5rem 1% 1.5rem;
    background-image: linear-gradient(to bottom, #FFF0CC, #FFF0CC);

    .wrapper {

        background-color: #FFD160;

    }

}



.postid-2401 .caseStudy_mobileView {

    background-image: linear-gradient(to bottom, #FFF0CC, #FFF0CC);

    .wrapper {
        .c1 {

            background-color: #AFA3E8;

        }

        .c2 {

            background-color: #EFE5D0;
            background-image: none;
        }
    }
}




.postid-2401 .caseStudy_textBlock {
    background-image: linear-gradient(to bottom, #FFF0CC, #FFF0CC);
}



.postid-2401 .caseStudy_cmsBlock {
    background-image: linear-gradient(to bottom, #FFF0CC, #D6FFF4);

    .c1 {

        background-color: #9F92E7;

    }


    .c2 {
        & .block {

            &:nth-child(1) {
                background-color: #52B69A;
            }

            &:nth-child(2) {

                background-color: #FFE5A5;

                align-items: center;
                justify-content: center;
            }
        }
    }
}










.postid-2401 .postNav {
    background-image: linear-gradient(to bottom, #D6FFF4, #D6FFF4);
}










/* !owc ========================================  */
/* !============================================= */






.postid-2449 .caseStudy_gridSection {


    background-image: linear-gradient(to bottom, #FFFFFF, #FFCE0E);


    .block {
        flex: 1;
        background-color: #6AA9FB;

    }

    .c1 {
        .block {

            &:nth-child(1) {
                img {
                    height: 100%;
                }
            }

            &:nth-child(2) {
                background-color: #FFFDF3;
                padding: 0rem;

                img {
                    max-width: 100%;

                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #197AF5;
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 0rem;


            &:nth-child(2) {
                background-color: #FFFDF3;
                padding: 0rem;
            }
        }
    }
}


.postid-2449 .caseStudy_logoTextSection {
    background-image: linear-gradient(to bottom, #FFCE0E, #FFDA46);


}


.postid-2449 .caseStudy_visualElements {
    background-image: linear-gradient(to bottom, #FFDA46, #FFECA1);

    .container {

        padding: 7rem 1vw;
        width: 100%;
        max-width: 90%;
    }

}


.postid-2449 .caseStudy_desktopView {

    background-image: linear-gradient(to bottom, #FFECA1, #FFEB9E);
    overflow: hidden;

    .wrapper {
        background-color: #FFFDF3;
        position: relative;

        .bg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: rotate3602 35s linear infinite;
            transform-origin: center center;
        }

        .main {
            z-index: 5;
        }
    }
}


@keyframes rotate3602 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}



.postid-2449 .caseStudy_mobileView {
    background-image: linear-gradient(to bottom, #FFEB9E, #FFFEF7);


    .wrapper {
        .c1 {

            background-color: #197AF5;
            position: relative;

            .main {
                z-index: 4;
            }

            .bg {
                position: absolute;
                left: -20%;
                top: 65%;
                transform: translateY(-50%);
            }

        }

        .c2 {
            background-color: #FFCB03;
            background-image: none;
            position: relative;

            .main {
                z-index: 4;
            }

            .bg {
                position: absolute;
                bottom: 0;
                right: 0;
            }
        }
    }



}



.postid-2449 .caseStudy_desktopAndTabView {
    background-image: linear-gradient(to bottom, #FFFEF7, #ffff);

    .wrapper {
        .c1 {
            display: flex;

            background-color: #4C4C4C;

            position: relative;

            .bg {
                position: absolute;
                right: 0;
                bottom: 0;
                max-width: 80%;
                justify-self: flex-end;
            }
        }

        .c2 {
            background-color: #6AA9FB;
            position: relative;

            .bg {
                position: absolute;
                right: 0;
                bottom: -50%;
                transform: translate(0%, 0);
                animation: rotate360 35s linear infinite;
            }
        }
    }

}



.postid-2449 .caseStudy_textBlock {

    background-image: linear-gradient(to bottom, #FFFEF7, #FFFDF1);



}





.postid-2449 .caseStudy_cmsBlock {
    background-image: linear-gradient(to bottom, #FFFDF1, #FFCB03);



    .c1 {

        background-color: #141B17;

    }

    .c2 {


        .block {
            &:nth-child(1) {
                background-color: #FFCB03;

                h1,
                p {
                    color: #141B17;
                }

                img {
                    width: 100%;
                }
            }

            &:nth-child(2) {
                background-color: #197AF5;
                padding: 3rem 3rem 0rem 3rem;
                display: flex;
                align-items: center;
                justify-content: flex-end;

                img {
                    width: 100%;
                    max-width: 70%;

                }
            }
        }
    }



}





.postid-2449 .postNav {
    background-image: linear-gradient(to bottom, #FFCB03, #FFCB03);
}





/* !pari washington ===================== */
/* !===================================== */



.postid-2484 .nav-logo svg path {
    fill: #222423;
}

.postid-2484 nav>.nav .nav-links li a {
    color: #222423;
}



.postid-2484 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}







.postid-2484 .caseStudy_banner {
    background-color: #F7F7EA;

    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #222423;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #222423;

                }
            }
        }
    }
}


.postid-2484 .csTextSection {
    background-color: #F7F7EA;
}




.postid-2484 .caseStudy_gridSection {

    background-color: #F7F7EA;

    .block {
        background-color: #FFECB3;
    }


    .c1 {











        .block {
            &:nth-child(1) {
                @media (max-width: 762px) {
                    padding: 10% 20% 0;
                    aspect-ratio: 3 / 4;
                }
            }

            &:nth-child(2) {


                img {
                    max-width: 30rem;

                }
            }
        }
    }


    & .c2 {
        & .block {
            @media screen and (max-width: 575px) {
                padding: 15px;
            }
        }
    }

    .c3 {
        .block {

            &:nth-child(1) {


                padding: 2rem;
            }

            &:nth-child(2) {


                padding: 0rem;

                img {
                    object-fit: cover;
                    height: 100%;
                }
            }
        }
    }
}





.postid-2484 .caseStudy_visualElements {

    background-color: #F7F7EA;

}




.postid-2484 .caseStudy_desktopView {
    background-color: #F7F7EA;

    .wrapper {

        background-color: #E2E2CF;

    }
}



.postid-2484 .caseStudy_mobileView {
    background-color: #F7F7EA;


    .wrapper {
        .c1 {

            background-color: #3E87D3;

        }

        .c2 {
            background-color: #B3D4FF;
            background-image: none;
        }
    }



}


.postid-2484 .caseStudy_desktopView:nth-of-type(6) {

    background-color: #F7F7EA;



    .wrapper {

        background-color: #FFECB3;

    }

}




.postid-2484 .caseStudy_desktopAndTabView {
    background-color: #F7F7EA;

    .wrapper {

        .c1 {
            background-color: #222423;
        }

        .c2 {
            background-color: #E2E2CF;
        }


    }
}



.postid-2484 .caseStudy_textBlock {
    background-color: #F7F7EA;

}





.postid-2484 .caseStudy_cmsBlock {
    background-color: #F7F7EA;


    .c1 {

        background-color: #E2E2CF;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #3E87D3;


            }

            &:nth-child(2) {
                background-color: #F7F7EA;

                img {
                    width: 100%;
                    max-width: 100%;
                    height: 100%;
                    object-fit: cover;

                }
            }
        }



    }



}


.postid-2484 .postNav {
    background-color: #F7F7EA;
}






/* !data narratives====================== */
/* !data-narratives ==========================*/


.postid-483 .caseStudy_banner {
    background-color: #000000;


    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #F7F3E3;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #F7F3E3;

                }
            }
        }
    }





}





.postid-483 .csTextSection {
    background-color: transparent;



    background-color: #000;

    .mainContainer {

        .left {
            flex-basis: 50%;

            p {

                color: rgba(0, 0, 0, 0.3);


                span {
                    background: linear-gradient(to right, #fff 50%, #4D4D4D 50%);
                    background-size: 200% 100%;
                    background-position: 100% 0;

                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }
            }
        }

        .right {


            p {

                color: #fff;



            }

            .urlWrap {


                a {

                    color: #fff;

                    border-bottom: 1px solid #fff;


                    span {
                        svg {


                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                    &:hover {

                        svg {

                            transform: translate(2px, -2px);

                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                }
            }
        }
    }
}



.postid-483 .caseStudy_gridSection {

    background-color: #000000;

    .block {
        background-color: #7EABFF;
    }


    .c1 {

        .block {
            &:nth-child(2) {

                padding: 2rem;

                img {
                    max-width: 40rem;
                }
            }
        }
    }



    .c3 {
        .block {

            &:nth-child(1) {


                padding: 0rem;
            }

            &:nth-child(2) {


                padding: 0;

                img {
                    object-fit: cover;
                    height: 100%;
                }
            }
        }
    }
}




.postid-483 .caseStudy_visualElements {
    background-color: #000000;

    .container {

        h1,
        p {

            color: #FFFFFF;

        }
    }
}







.postid-483 .caseStudy_desktopView {
    background-color: #000000;

    .wrapper {
        background-color: #4267F6;
    }
}


.postid-483 .caseStudy_mobileView {
    background-color: #000000;

    .c1 {
        background-color: #336791;
    }

    .c2 {
        background-image: none;
        background-color: #00546B;
    }
}

.postid-483 .caseStudy_desktopAndTabView {
    background-color: #000000;

    .c1 {
        background-color: #262626;
    }

    .c2 {

        background-color: #7EABFF;
    }
}







.postid-483 .caseStudy_textBlock {
    background-color: #000000;

    .container {
        p {
            color: rgba(0, 0, 0, 0.3);

            span {
                background: linear-gradient(to right, #fff 50%, #4d4d4d 50%);
                background-size: 200% 100%;
                background-position: 100% 0;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }
    }
}



.postid-483 .caseStudy_cmsBlock {
    background-color: #000000;

    .c1 {


        background-color: #262626;


    }

    .c2 {

        .block {

            &:nth-child(1) {
                background-color: #2B59FF;


                h1,
                p {
                    color:
                        #000000;
                }
            }

            &:nth-child(2) {
                background-color: #FFFFFF;
                padding: 2rem 5rem;

                img {
                    max-width: 60%;
                    align-self: center;
                }
            }

        }
    }
}




.postid-483 .postNav {

    background-color: #000000;

    .container {
        a {

            color: rgba(255, 255, 255, 0.6);

            &:hover {
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}


/* !pfoods ========================== */
/* !================================= */

.postid-1623 {
    background-color: #FFF9E1;
}

.postid-1623 .caseStudy_banner {
    background-color: #FFF9E1;
}


.postid-1623 .csTextSection {
    background-color: #FFF9E1;
}







.postid-1623 .caseStudy_gridSection {
    background-color: #FFF9E1;




    .c1 {


        .block {

            background-color: #93C319;


            &:nth-child(2) {
                padding: 2rem 2rem 0rem 2rem;

                img {

                    max-width: 35rem;
                    height: 100%;
                    width: 100%;
                    object-fit: contain;
                    align-self: flex-end;
                }
            }
        }
    }

    .c2 {


        .block {
            padding: 2rem;
            background-color: #93C319;
        }
    }


    .c3 {


        .block {

            background-color: #93C319;

            &:nth-child(1) {
                padding: 2rem;
            }

            &:nth-child(2) {
                overflow: hidden;

                padding: 3rem 2rem 0 2rem;

                img {
                    align-self: flex-end;
                }
            }
        }
    }

}






.postid-1623 .caseStudy_visualElements {
    background-color: #FFF9E1;




    .container {
        padding: 7rem 0vw;
        max-width: 100% !important;
        width: 100%;

        .image {

            position: relative;

            .main {
                z-index: 5;
                padding: 0rem 4vw;
            }

            .bg {
                position: absolute;
                bottom: 0;
                width: 100%;
                left: 0;

            }

        }

    }
}




.postid-1623 .caseStudy_desktopView {
    background-color: #FFF9E1;

    .wrapper {
        background-color: #346906;
    }
}



.postid-1623 .caseStudy_mobileView {

    background-color: #FFF9E1;

    .wrapper {
        .c1 {

            background-color: #6BC06D;

        }

        .c2 {

            background-color: #FFCA61;
            background-image: none;
        }
    }
}





.postid-1623 .caseStudy_desktopAndTabView {

    background-color: #FFF9E1;

    .wrapper {
        .c1 {
            background-color: #346906;
        }

        .c2 {
            background-color: #BEE4EC;
        }
    }


}

.postid-1623 .caseStudy_textBlock {

    background-color: #FFF9E1;
}








.postid-1623 .caseStudy_cmsBlock {
    background-color: #FFF9E1;


    .c1 {

        background-color: #306105;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #CF5D5E;


            }

            &:nth-child(2) {
                background-color: #E5097F;
                padding: 2rem 2rem 1rem 2rem;

                img {
                    max-width: 850%;
                    align-self: center;
                }
            }
        }



    }



}




.postid-1623 .postNav {
    background-color: #FFF9E1;
}

/*! longshot ====================== */
/* !=============================== */


.postid-1266 .nav-logo svg path {
    fill: #222423;
}

.postid-1266 nav>.nav .nav-links li a {
    color: #222423;
}


.postid-1266 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}


.postid-1266 {
    background-color: #000000;
}

.postid-1266 .caseStudy_banner {
    background-color: #000000;

    .section {
        .text {

            h1,
            p {
                color: #000000;
            }
        }
    }


}







.postid-1266 .csTextSection {
    background-color: transparent;



    background-color: #000;

    .mainContainer {

        .left {
            flex-basis: 50%;

            p {

                color: rgba(0, 0, 0, 0.3);


                span {
                    background: linear-gradient(to right, #fff 50%, #4D4D4D 50%);
                    background-size: 200% 100%;
                    background-position: 100% 0;

                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }
            }
        }

        .right {


            p {

                color: #fff;



            }

            .urlWrap {


                a {

                    color: #fff;

                    border-bottom: 1px solid #fff;


                    span {
                        svg {


                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                    &:hover {

                        svg {

                            transform: translate(2px, -2px);

                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                }
            }
        }
    }
}






.postid-1266 .caseStudy_gridSection {

    background-color: #000000;

    .block {
        background-color: #FFF9E1;
    }


    .c1 {

        .block {

            &:nth-child(1) {

                padding: 20% 10%;
                align-items: center;

                img {
                    max-width: 100rem;
                    object-fit: contain;
                }
            }





            &:nth-child(2) {

                padding: 2rem;

                img {
                    max-width: 40rem;

                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
    }



    .c3 {
        .block {

            &:nth-child(1) {


                padding: 2rem;
            }

            &:nth-child(2) {


                padding: 4rem 2rem;

                img {
                    object-fit: cover;
                    height: 100%;
                }
            }
        }
    }
}




.postid-1266 .caseStudy_visualElements {

    background-color: #000000;


    .container {

        p {
            color: #fff;
        }
    }

}





.postid-1266 .caseStudy_desktopView {
    background-color: #000000;

    .wrapper {

        background-color: #9A52FF;

    }
}






.postid-1266 .caseStudy_desktopAndTabView {
    background-color: #000000;


    .wrapper {


        .c1 {
            background-color: #19026E;
        }

        .c2 {

            background-color: #B401F2;
        }
    }
}






.postid-1266 .caseStudy_textBlockSmall {
    padding: 7rem 4vw;

    .container {

        p {

            color: #fff;
        }
    }


}

.postid-1266 .caseStudy_desktopAndTabView.flip {
    background-color: #000000;


    .wrapper {
        flex-direction: row-reverse;

        .c1 {
            background-color: #9A52FF;
        }

        .c2 {

            background-color: #263238;
        }
    }
}








.postid-1266 .postNav {

    background-color: #000000;

    .container {
        a {

            color: rgba(255, 255, 255, 0.6);

            &:hover {
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}






/* !nord finance ======================  */
/* !==================================== */


.postid-1397 {
    background-color: #DBE1FF;
}

.postid-1397 .nav-logo svg path {
    fill: #222423;
}

.postid-1397 nav>.nav .nav-links li a {
    color: #222423;
}


.postid-1397 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}



.postid-1397 .caseStudy_banner {
    background-color: #DBE1FF;

    .section {
        .text {

            h1,
            p {
                color: #000000;
            }
        }
    }


}



.postid-1397 .csTextSection {
    background-color: #DBE1FF;
}





.postid-1397 .caseStudy_gridSection {


    background-color: #DBE1FF;


    .block {
        flex: 1;
        background-color: #232A50;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #232A50;
                padding: 3rem;

                img {
                    max-width: 16rem;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #232A50;
            padding: 2rem;
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;


            &:nth-child(2) {
                background-color: #232A50;
            }
        }
    }
}





.postid-1397 .caseStudy_visualElements {

    background-color: #DBE1FF;

}


.postid-1397 .caseStudy_desktopView {

    background-color: #DBE1FF;

    .wrapper {

        background-color: #00DD9A;

    }
}



.postid-1397 .caseStudy_mobileView {

    background-color: #DBE1FF;

    .wrapper {
        .c1 {

            background-color: #304FFE;

        }

        .c2 {

            background-color: #232A50;
            background-image: none;
        }
    }
}




.postid-1397 .caseStudy_desktopAndTabView {
    background-color: #DBE1FF;

    .wrapper {

        .c1 {
            background-color: #FEA513;
        }

        .c2 {
            background-color: #172683;
        }


    }
}





.postid-1397 .caseStudy_textBlockSmall {
    background-color: #DBE1FF;
    padding: 7rem 4vw;

    .container {

        p {

            color: #000000;
        }
    }


}





.postid-1397 .caseStudy_desktopAndTabView.flip {
    background-color: #DBE1FF;


    .wrapper {
        flex-direction: row-reverse;

        .c1 {
            background-color: #304FFE;
        }

        .c2 {

            background-color: #00DD9A;
        }
    }
}




.postid-1397 .postNav {
    background-color: #DBE1FF;
}







/* !bombaat-bengaluru ======================  */
/* !========================================= */



.postid-2577 {
    background-color: #E3D9C8;
}

.postid-2577 .nav-logo svg path {
    fill: #222423;
}

.postid-2577 nav>.nav .nav-links li a {
    color: #222423;
}


.postid-2577 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}




.postid-2577 .caseStudy_banner {
    background-color: #E3D9C8;

    .section {
        .text {
            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            h1,
            p {
                color: #000000;
            }
        }
    }


}






.postid-2577 .csTextSection {
    background-color: #E3D9C8;
}



.postid-2577 .caseStudy_gridSection {

    padding: 5rem 1% 1.25rem;
    background-color: #E3D9C8;


    .block {
        flex: 1;
        background-color: #FAF7F2;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #FAF7F2;
                padding: 3rem;

                img {
                    max-width: 100%;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #FAF7F2;
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;


            &:nth-child(2) {
                background-color: #232A50;
            }
        }
    }
}








.postid-2577 .caseStudy_visualElements {
    background-color: #E3D9C8;
    padding: 1.25rem 1% 0rem;

    .container {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: 100%;
        background-color: #F2E9E4;
        border-radius: 3rem;
        padding: unset;
        padding-bottom: 2.5rem;

        .image {
            border-radius: 3rem;
            overflow: hidden;
            width: 100%;

            img {
                width: 100%;
            }
        }

        p {
            margin-top: 3rem;
        }

        .video {
            width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            border-radius: 3rem;
            overflow: hidden;

            video {
                width: 100%;
                height: auto;
            }

        }




    }

}


.postid-2577 .caseStudy_desktopView {
    padding: 2.5rem 1% 1.5rem;
    background-color: #E3D9C8;

    .wrapper {

        background-color: #F78560;

    }
}

.postid-2577 .caseStudy_mobileView {
    background-color: #E3D9C8;


    .wrapper {
        .c1 {

            background-color: #F7BB60;

        }

        .c2 {
            background-color: #0E9AA7;
            background-image: none;
        }
    }



}



.postid-2577 .caseStudy_desktopAndTabView {
    background-color: #E3D9C8;

    .wrapper {

        .c1 {
            background-color: #A9EA3F;
        }

        .c2 {
            background-color: #C08BF5;
        }


    }
}





.postid-2577 .postNav {
    background-color: #E3D9C8;
}


/* !tgas =============================  */
/* !=================================== */



.postid-1208 {
    background-color: #EBF5FF;
}



.postid-1208 .caseStudy_banner {
    background-color: #EBF5FF;
}

.postid-1208 .csTextSection {
    background-color: #EBF5FF;
}


.postid-1208 .caseStudy_gridSection {

    background-image: linear-gradient(to bottom, #EBF5FF, #BFD1E6);


    .block {
        flex: 1;
        background-color: #B1D2FE;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #B1D2FE;
                padding: 4rem 3rem;

                img {
                    max-width: 16rem;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #B1D2FE;
            padding: 2rem;
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;

            &:nth-child(1) {
                padding: 0rem !important;
            }

            &:nth-child(2) {
                background-color: #B1D2FE;
                padding: 4rem;
            }
        }
    }
}





.postid-1208 .caseStudy_visualElements {
    background-image: linear-gradient(to bottom, #BFD1E6, #214F8B);

    .container {

        padding: 7rem 1vw;
        width: 100%;
        max-width: 90%;

        p {
            color: #FFFFFF;
        }
    }

}

.postid-1208 .caseStudy_visualElements.two {
    background-image: linear-gradient(to bottom, #214F8B, #5C7FAD);
    padding-bottom: 2.5rem;

    .container {
        background-color: #0F2E58;
        padding: 7rem 0vw;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        p {
            color: #FFFFFF;
        }
    }

}





.postid-1208 .caseStudy_visualElements.three {
    background-image: linear-gradient(to bottom, #5C7FAD, #C8D8EB);
    padding-bottom: 2.5rem;

    .container {
        background-color: #1F4D8A;
        padding: 7rem 0vw;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        p {
            color: #FFFFFF;
        }
    }

}



.postid-1208 .caseStudy_textBlockSmall {
    background-image: linear-gradient(to bottom, #C8D8EB, #C8D8EB);
    padding: 7rem 4vw;

    .container {

        p {

            color: #000000;
        }
    }


}






.postid-1208 .caseStudy_visualElements.four {
    background-image: linear-gradient(to bottom, #C8D8EB, #ffff);
    padding-bottom: 2.5rem;

    .container {
        background-color: #CD3426;
        padding: 7rem 0vw;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        p {
            color: #FFFFFF;
        }
    }

}






/* !yuma ======================  */
/*!============================  */


.postid-2605 {
    background-color: #FFFFFF;
}


.postid-2605 .caseStudy_banner {

    background-color: #FFFFFF;

    .section {
        .text {
            img {
                max-width: 40rem;
                margin-bottom: 2.3rem;
            }
        }
    }
}




.postid-2605 .caseStudy_gridSection {
    padding: 5rem 1% 2.5rem;
    background-color: #FFFFFF;

    .block {
        background-color: #2C42B2;
    }


    .c1 {

        .block {

            &:nth-child(1) {

                padding: 20% 20% 0 20%;
                align-items: center;

                img {
                    max-width: 100rem;
                    object-fit: contain;
                }
            }





            &:nth-child(2) {

                padding: 0 3rem;

                img {
                    max-width: 100%;

                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {
        .block {
            padding: 10% 20%;
            align-items: center;
            justify-content: center;
        }
    }


    .c3 {
        .block {

            &:nth-child(1) {


                padding: 2rem;
            }

            &:nth-child(2) {

                background-image: radial-gradient(circle at 394% 125%, #003ce6, #38bff6 82%);

                padding: 4rem 2rem;

                img {
                    object-fit: contain;
                    height: 100%;
                }
            }
        }
    }
}





.postid-2605 .caseStudy_visualElements {
    background-color: #ffff;
    padding-bottom: 0rem;

    .container {
        /* background-color: #D6EBFC; */
        padding: 0rem 0vw 7rem;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #000000;
            text-transform: uppercase;
        }

        p {
            color: #000000;
        }
    }

}

.postid-2605 .caseStudy_desktopView {
    background-color: #FFFFFF;
    padding: 1rem 1% 1.5rem;

    .wrapper {

        background-color: #B47CFF;

    }
}

.postid-2605 .caseStudy_mobileView {
    background-color: #FFFFFF;


    .wrapper {
        .c1 {

            background-color: #3555FF;

        }

        .c2 {
            background-color: #27355B;
            background-image: none;
        }
    }



}

.postid-2605 .caseStudy_desktopAndTabView {
    background-color: #FFFFFF;

    .wrapper {

        .c1 {
            background-color: #4DE8FE;
        }

        .c2 {
            background-color: #D6EBFC;
        }


    }
}




.postid-2605 .caseStudy_cmsBlock {
    background-color: #FFFFFF;


    .c1 {

        background-color: #27355B;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #3555FF;


            }

            &:nth-child(2) {
                background-color: #D5DFEA;
                padding: 2rem 2rem 1rem 2rem;
                position: relative;

                img {
                    max-width: 85%;
                    align-self: center;
                    z-index: 5;
                }


                .bg {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    top: 0;
                    height: 100%;


                }
            }
        }



    }



}





/* !taaron-ki-toli =================*/
/* !=============================== */



.postid-433 {
    background-color: #FFFDFE;
}

.postid-433 .nav-logo svg path {
    fill: #000000;
}

.postid-433 nav>.nav .nav-links li a {
    color: #000000;
}


.postid-433 nav>.nav .nav-links li:hover span.linkDesc {
    color: #000000;
}





.postid-433 .caseStudy_banner {
    background-color: #FFFDFE;

    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #000000;
            }

            img {
                max-width: 32rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #000000;

                }
            }
        }
    }
}



.postid-433 .csTextSection {
    background-color: #FFFDFE;
}




.postid-433 .caseStudy_gridSection {

    background-color: #FFFDFE;


    .block {
        flex: 1;
        background-color: #E3FF88;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #E3FF88;
                padding: 4rem 3rem;

                img {
                    max-width: 30rem;
                }
            }
        }
    }

    .c2 {
        .block {



            background-color: #E3FF88;

            @media screen and (max-width: 768px) {
                padding: 2rem;
            }


        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;


            &:nth-child(2) {
                background-color: #E3FF88;
                padding: 4rem;
            }
        }
    }
}

.postid-433 .caseStudy_visualElements {
    background-color: #FFFDFE;

    .container {

        padding: 7rem 0vw;
        width: 100%;
        max-width: 100%;

        img {
            width: 100%;
        }

        p {
            color: #000000;
        }
    }

}

.postid-433 .caseStudy_mobileView {
    background-color: #FFFDFE;


    .wrapper {
        .c1 {

            background-color: #EB2E66;

        }

        .c2 {
            background-color: #7B2EB8;
            background-image: none;
        }
    }



}




.postid-433 .caseStudy_textBlockSmall {
    padding: 7rem 4vw;
    background-color: #FFFDFE;

    .container {

        p {

            color: #000000;
        }
    }


}



.postid-433 .caseStudy_visualElements.two {
    background-color: #FFFDFE;
    padding-bottom: 2.5rem;

    .container {
        background-color: #13D4C6;
        padding: 7rem 2vw;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        p {
            color: #FFFFFF;
        }
    }

}


.postid-433 .postNav {
    background-color: #FFFDFE;
}


/* !lookback-liquidink ===================== */
/* !======================================== */



.postid-2636 {
    background-color: #E0D2C8;
}



.postid-2636 {
    background-color: #E0D2C8;
}

.postid-2636 .caseStudy_banner {
    background-color: #E0D2C8;

    .section {



        .logo {
            img {
                max-width: 45rem;
                visibility: hidden;
            }
        }




        .text {



            h1,
            p {
                color: #F7F3E3;
            }
        }
    }


}

.postid-2636 .csTextSection {
    background-color: #E0D2C8;


}




.postid-2636 .caseStudy_gridSection {

    background-color: #E0D2C8;


    .block {
        flex: 1;
        background-color: #FFF7F0;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #FFF7F0;
                padding: 2rem 3rem;

                img {
                    max-width: 53rem;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #FFF7F0;


            @media screen and (max-width: 768px) {
                padding: 2rem;
            }
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;


            &:nth-child(2) {
                background-color: #FFF7F0;
                padding: 2rem 0rem 0 0;
            }
        }
    }
}






.postid-2636 .caseStudy_visualElements {
    background-color: #E0D2C8;

    .container {

        padding: 7rem 1vw;
        width: 90%;
        max-width: 100%;

        img {
            width: 100%;
        }

        p {
            color: #000000;
        }
    }

}




.postid-2636 .caseStudy_desktopView {
    background-color: #E0D2C8;

    .wrapper {
        background-color: #736A66;

        position: relative;

        .main {
            z-index: 5;
        }

        .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
    }
}




.postid-2636 .caseStudy_mobileView {
    background-color: #E0D2C8;


    .wrapper {
        .c1 {

            background-color: #E35F42;

        }

        .c2 {
            background-color: #EDBF72;
            background-image: none;
        }
    }



}





.postid-2636 .caseStudy_desktopAndTabView {
    background-color: #E0D2C8;

    .wrapper {

        .c1 {
            background-color: #736A66;
        }

        .c2 {
            background-color: #E35F42;
        }


    }
}


.postid-2636 .caseStudy_textBlock {

    background-color: #E0D2C8;
}



.postid-2636 .caseStudy_cmsBlock {
    background-color: #E0D2C8;


    .c1 {

        background-color: #736A66;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #EDBF72;

                h1,
                p {
                    color: #000000;
                }
            }

            &:nth-child(2) {
                background-color: #E35F42;
                padding: 2rem 0 1rem 0;

                img {
                    max-width: 100%;
                    align-self: center;
                }
            }
        }



    }



}



.postid-2636 .postNav {
    background-color: #E0D2C8;
}




/* !zenova ======================== */
/* !=============================== */



.postid-1414 .nav-logo svg path {
    fill: #222423;
}

.postid-1414 nav>.nav .nav-links li a {
    color: #222423;
}



.postid-1414 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}





.postid-1414 .caseStudy_banner {
    background-color: #1F262F;

    .section {



        .logo {
            img {
                max-width: 45rem;
                visibility: hidden;
            }
        }




        .text {



            h1,
            p {
                color: #1F262F;
            }
        }
    }
}

.postid-1414 .csTextSection {
    background-color: #1F262F;

    .mainContainer {

        .left {
            flex-basis: 50%;

            p {

                color: rgba(0, 0, 0, 0.3);


                span {
                    background: linear-gradient(to right, #fff 50%, #4D4D4D 50%);
                    background-size: 200% 100%;
                    background-position: 100% 0;

                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }
            }
        }

        .right {


            p {

                color: #fff;



            }

            .urlWrap {


                a {

                    color: #fff;

                    border-bottom: 1px solid #fff;


                    span {
                        svg {


                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                    &:hover {

                        svg {

                            transform: translate(2px, -2px);

                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                }
            }
        }
    }
}



.postid-1414 .caseStudy_gridSection {

    background-color: #1F262F;


    .block {
        flex: 1;
        background-color: #949494;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;
                    object-fit: unset;
                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #949494;
                padding: 2rem 3rem 2rem 0;
                justify-content: flex-start;

                img {
                    max-width: 53rem;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #949494;
            padding: 2rem 0;

            img {
                max-width: 60%;
            }
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;


            &:nth-child(2) {
                background-color: #949494;
                padding: 0rem 0rem 0 0;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}




.postid-1414 .caseStudy_visualElements {
    background-color: #1F262F;

    .container {

        padding: 7rem 1vw;
        width: 90%;
        max-width: 100%;

        img {
            width: 50%;
        }

        p {
            color: #FFFFFF;
            max-width: 100rem;
        }
    }

}




.postid-1414 .caseStudy_desktopView {
    background-color: #1F262F;

    .wrapper {

        background-color: #F9B675;

    }
}


.postid-1414 .caseStudy_desktopView.two {
    background-color: #1F262F;

    .wrapper {
        padding: 9.5rem 0rem;
        background-color: #F17A5E;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}

.postid-1414 .caseStudy_desktopView.three {
    background-color: #1F262F;

    .wrapper {

        background-color: #F5D9B8;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}

.postid-1414 .caseStudy_desktopView.four {
    background-color: #1F262F;

    .wrapper {

        background-color: #AABEEF;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}






.postid-1414 .caseStudy_textBlock {

    background-color: #1F262F;

    .container {
        p {
            color: rgba(0, 0, 0, 0.3);

            span {
                background: linear-gradient(to right, #fff 50%, #4d4d4d 50%);
                background-size: 200% 100%;
                background-position: 100% 0;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }
    }
}





.postid-1414 .caseStudy_cmsBlock {
    background-color: #1F262F;


    .c1 {

        background-color: #A9ADA8;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #AABEEF;

                h1,
                p {
                    color: #000000;
                }
            }

            &:nth-child(2) {
                background-color: #E8DED2;
                padding: 2rem 1rem 1rem 1rem;

                img {
                    max-width: 100%;
                    align-self: center;
                }
            }
        }



    }



}


.postid-1414 .postNav {
    background-color: #1F262F;

    .container {
        a {

            color: rgba(255, 255, 255, 0.6);

            &:hover {
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}


.postid-1414 .caseStudy_textBlockSmall {
    background-color: #1F262F;
    padding: 7rem 4vw;

    .container {

        p {

            color: #FFFFFF;
        }
    }


}





/* !Esquire ====================== */
/* !============================== */

/* postid-2644 */


.postid-2644 .caseStudy_banner {
    background-color: #171717;

    .section {



        .logo {
            img {
                max-width: 45rem;
                visibility: hidden;
            }
        }




        .text {



            h1,
            p {
                color: #1F262F;
            }
        }
    }
}

.postid-2644 .csTextSection {
    background-color: #171717;

    .mainContainer {

        .left {
            flex-basis: 50%;

            p {

                color: rgba(0, 0, 0, 0.3);


                span {
                    background: linear-gradient(to right, #fff 50%, #4D4D4D 50%);
                    background-size: 200% 100%;
                    background-position: 100% 0;

                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }
            }
        }

        .right {


            p {

                color: #fff;



            }

            .urlWrap {


                a {

                    color: #fff;

                    border-bottom: 1px solid #fff;


                    span {
                        svg {


                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                    &:hover {

                        svg {

                            transform: translate(2px, -2px);

                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                }
            }
        }
    }
}


.postid-2644 .caseStudy_gridSection {

    background-color: #171717;
    padding: 5rem 1% 5rem;

    .block {
        flex: 1;
        background-color: #FF7B7C;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;

                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #FF7B7C;
                padding: 2rem 3rem;
                justify-content: center;

                img {
                    max-width: 43rem;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #FF7B7C;
            padding: 5% 10%;

            img {
                max-width: 80%;
                object-fit: contain;
            }
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem;

            &:nth-child(1) {

                padding: 0;

            }

            &:nth-child(2) {
                background-color: #FF7B7C;
                padding: 3rem 2rem;

                img {
                    border-radius: 1.6rem;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

.postid-2644 .caseStudy_textBlockSmall {
    padding: 7rem 4vw;
    background-color: #171717;

    .container {

        p {

            color: #fff;
        }
    }


}




.postid-2644 .caseStudy_desktopView {
    background-color: #171717;

    .wrapper {

        background-color: #FE3A30;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}

.postid-2644 .caseStudy_mobileView {
    background-color: #171717;

    .wrapper {
        .c1 {

            background-color: #FF7B7C;

        }

        .c2 {

            background-color: #FFBA32;
            background-image: none;
        }
    }
}


.postid-2644 .caseStudy_desktopAndTabView {
    background-color: #171717;

    .wrapper {
        .c1 {
            background-color: #FFD582;
        }

        .c2 {
            background-color: #E35F42;
        }
    }


}








.postid-2644 .postNav {

    background-color: #171717;

    .container {
        a {

            color: rgba(255, 255, 255, 0.6);

            &:hover {
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}



/* !mister tikku ====================  */
/* !================================== */

.postid-2658 {
    background-color: #FEF3F3;
}




.postid-2658 .nav-logo svg path {
    fill: #222423;
}

.postid-2658 nav>.nav .nav-links li a {
    color: #222423;
}



.postid-2658 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}

.postid-2658 .caseStudy_banner {
    background-color: #FEF3F3;


    .section {




        .text {

            h1 {
                visibility: hidden;
                color: #000000;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }


            .work {
                p {

                    color: #000000;

                }
            }
        }
    }





}

.postid-2658 .csTextSection {
    background-color: #FEF3F3;

    .urlWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 2.4rem;
    }
}


.postid-2658 .caseStudy_gridSection {

    background-color: #FEF3F3;
    padding: 5rem 1% 5rem;

    .block {
        flex: 1;
        background-color: #FFE5A5;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;

                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #FFE5A5;
                padding: 0;
                justify-content: center;

                img {
                    max-width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #FFE5A5;
            padding: 5% 10%;

            img {
                max-width: 80%;
                object-fit: contain;
            }
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem 2rem;

            &:nth-child(1) {
                padding: 0;
            }

            &:nth-child(2) {
                background-color: #FFE5A5;
                padding: 0;

                img {
                    border-radius: 1.6rem;
                    width: 100%;
                    height: 100%;
                    justify-self: flex-end;
                    align-self: flex-end;
                    object-fit: contain;
                }
            }
        }
    }
}


.postid-2658 .caseStudy_visualElements {
    background-color: #FEF3F3;

    .container {

        padding: 7rem 0vw;
        width: 100%;
        max-width: 100%;

        img {
            width: 100%;
            max-width: 100%;
        }

        h1 {

            margin-bottom: 2rem;
        }

        p {
            color: #000000;
            max-width: 100rem;
        }
    }

}

.postid-2658 .caseStudy_desktopView {
    background-color: #FEF3F3;

    .wrapper {

        background-color: #9E0B0F;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}



.postid-2658 .caseStudy_mobileView {
    background-color: #FEF3F3;

    .wrapper {
        .c1 {

            background-color: #FF8602;

        }

        .c2 {

            background-color: #FFA903;
            background-image: none;
        }
    }
}



.postid-2658 .caseStudy_desktopAndTabView {
    background-color: #FEF3F3;

    .wrapper {
        .c1 {
            background-color: #779CDA;
        }

        .c2 {
            background-color: #8B0609;
        }
    }


}


.postid-2658 .caseStudy_textBlock {

    background-color: #FEF3F3;
}

.postid-2658 .caseStudy_cmsBlock {
    background-color: #FEF3F3;


    .c1 {

        background-color: #8AAF5C;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #FFD12B;

                h1,
                p {
                    color: #FFFFFF;
                }
            }

            &:nth-child(2) {
                background-color: #FEF3F3;
                padding: 0;
                overflow: hidden;

                img {
                    object-fit: cover;
                    max-width: 100%;
                    align-self: center;
                }
            }
        }



    }



}

.postid-2658 .postNav {
    background-color: #FEF3F3;
}



/* !chaotix ====================== */

.postid-2680 {
    background-color: #ffff;
}


.postid-2680 .caseStudy_banner {
    background-color: #ffff;

    .section {



        .logo {
            img {
                max-width: 55rem;
                visibility: hidden;
            }
        }




        /* .text {



            h1,
            p {
                color: #1F262F;
            }
        } */
    }
}

.postid-2680 .csTextSection {
    background-color: #ffff;

}



.postid-2680 .caseStudy_gridSection {

    background-image: linear-gradient(to bottom, #ffffff, #0E61DF);
    padding: 5rem 1% 5rem;

    .block {
        flex: 1;
        background-color: #F6E698;

    }

    .c1 {
        .block {

            &:nth-child(1) {


                img {

                    max-width: 34rem;
                    width: 100%;
                    height: 100%;

                    display: block;
                }
            }

            &:nth-child(2) {
                background-color: #F6E698;
                padding: 2rem;
                justify-content: center;

                img {
                    max-width: 90%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {
        .block {
            background-color: #F6E698;
            padding: 5% 10%;

            img {
                max-width: 90%;
                object-fit: contain;
            }
        }
    }

    .c3 {
        .block {
            align-items: center;
            justify-content: center;
            padding: 2rem 2rem;

            &:nth-child(1) {
                padding: 0;
            }

            &:nth-child(2) {
                background-color: #F6E698;
                padding: 2rem 0 0 0;

                img {
                    border-radius: 1.6rem;
                    width: 100%;
                    height: 100%;
                    justify-self: flex-end;
                    align-self: flex-end;
                    object-fit: contain;
                }
            }
        }
    }
}

.postid-2680 .caseStudy_visualElements {

    background-image: linear-gradient(to bottom, #0E61DF, #0E61DF);


    .container {

        padding: 7rem 4vw;
        width: 100%;
        max-width: 90%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

    }
}


.postid-2680 .caseStudy_textBlockSmall {
    padding: 7rem 4vw;
    background-image: linear-gradient(to bottom, #0E61DF, #75A4EC);

    .container {

        p {

            color: #FFFFFF;
        }
    }


}

.postid-2680 .caseStudy_desktopView {
    padding: 1.5rem 1% 1.5rem;
    background-image: linear-gradient(to bottom, #75A4EC, #B2CCF4);

    .wrapper {

        background-color: #F7D325;

    }

}



.postid-2680 .caseStudy_visualElements.two {
    background-image: linear-gradient(to bottom, #B2CCF4, #DEE9FB);
    padding-bottom: 2.5rem;

    .container {
        background-color: #E33386;
        padding: 7rem 0vw;
        width: 100%;
        max-width: 98%;
        border-radius: 2.3rem;

        img {
            width: 100%;
        }

        h1 {
            color: #FFFFFF;
            text-transform: uppercase;
        }

        p {
            color: #FFFFFF;
        }
    }

}



.postid-2680 .caseStudy_mobileView {

    background-image: linear-gradient(to bottom, #DEE9FB, #CEDFF8);

    .wrapper {
        .c1 {

            background-color: #2482F5;

        }

        .c2 {

            background-color: #F6F3F2;
            background-image: none;
        }
    }
}

.postid-2680 .caseStudy_desktopAndTabView {

    background-image: linear-gradient(to bottom, #CEDFF8, #ffffff);

    & .wrapper {
        .c1 {
            background-color: #F7D325;
        }

        .c2 {
            background-color: #E56D31;
        }
    }


}





.postid-2680 .postNav {
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}

/* !marquee  */

.marquee {
    overflow: hidden;
    width: 100%;
    background-color: #E56D31;

    .track {
        display: flex;
        /* gap: 4rem; */
        width: max-content;
        animation: marquee-right 20s linear infinite;
        padding: 2rem 0;

        img {

            max-width: 24rem;
            flex-shrink: 0;
            border-right: 5px solid #000000;
            padding: 0 1rem;

            @media screen and (max-width: 768px) {
                max-width: 16rem;
            }

        }
    }

    .first,
    .copy {
        display: flex;
    }
}

@keyframes marquee-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}


/* !project listing ==================  */
/* !================================== */


.page-id-80 footer {
    display: none;
}

.projectListing {
    display: flex;
    height: calc(100vh - 80px);
    gap: 2rem;
    padding-top: 4.2rem;
    margin: 0 11vw;
    align-items: center;


    @media (max-width:768px) {

        height: unset;

        display: flex;
        flex-direction: column;


    }

    .projectSwiper {
        height: 100%;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-slide {
        display: flex;
        overflow: hidden;
        border-radius: 1rem;
    }

    .c1 {
        width: 30%;

        @media (max-width:768px) {
            width: 100% !important;
        }

        align-self: flex-start;

        >.head {
            margin-bottom: 2.3rem;

            h1 {
                font-family: VisbyRoundCF;
                font-size: 4rem;
                font-weight: 600;
                line-height: 1.5;
                color: #fff;
                margin-bottom: .8rem;



            }

            p {
                font-family: VisbyRoundCF;
                font-size: 2rem;
                line-height: 1.5;
                color: #fff;
            }
        }

        >.filters {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: .8rem;

            @media (max-width:768px) {
                flex-direction: row;
                overflow-x: scroll;
                width: 100%;
                margin-bottom: 2.4rem;
                padding-bottom: 1rem;
            }





            h1 {
                font-family: VisbyRoundCF;
                font-size: 1.2rem;
                line-height: 1.5;
                color: #fff;
                padding: 1rem 1.6rem;
                border-radius: 9.9rem;
                border: solid 1px #fff;
                cursor: pointer;
                transition: all .3s ease-in-out;

                @media (max-width:768px) {
                    white-space: nowrap;
                }

                &:hover {
                    background-color: #fff;
                    color: #000;
                }

                &.active {
                    background-color: #fff;
                    color: #000;
                }
            }
        }
    }

    .c2 {
        width: 65%;
        height: 100%;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 2rem;
        margin-top: -10.2rem;

        @media (max-width:768px) {
            width: 100% !important;
            margin-top: unset;
        }

        .project-title {
            font-family: VisbyRoundCF;
            font-size: 3.2rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.2;
            letter-spacing: normal;
            text-align: left;
            color: #fff;
            margin-bottom: 1rem;

            @media (max-width:1200px) {
                font-size: 3rem;
            }

            @media (max-width:1024px) {
                font-size: 2.6rem;
            }

        }

        .project-category {
            font-family: VisbyRoundCF;
            font-size: 1.6rem;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: left;
            color: #fff;

            @media (max-width:1200px) {
                font-size: 1.4rem;
            }

            @media (max-width:1024px) {
                font-size: 1.2rem;
            }
        }



        .swiper-slide {
            transition: transform .4s ease, opacity .4s ease;
            opacity: .5;

            .head {
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s ease;
            }
        }

        .swiper-slide-active {
            opacity: 1;

            .head {
                opacity: 1;
                visibility: visible;
            }

            .card {
                .thumbnail {
                    img {
                        width: 100%;
                    }
                }
            }
        }

        .card {
            display: flex;
            align-items: center;
            margin-bottom: 2rem;
            width: 100%;
            justify-content: space-between;
            gap: 2.5rem;

            .head {
                width: 40%;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
            }

            .thumbnail {
                width: 60%;
                height: 100%;
                overflow: hidden;
                border-radius: 1rem;
                display: flex;
                justify-content: center;

                img {
                    width: 80%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                    border-radius: 1rem;
                }
            }
        }
    }

    .slider-nav {
        width: 5%;
        align-self: center;
        z-index: 5;
        gap: 2rem;
        display: flex;
        flex-direction: column;

        @media (max-width:768px) {
            display: none;
        }

        >div {
            cursor: pointer;
            transition: all .3s ease-in-out;

            &:hover {
                opacity: .7;
            }
        }
    }
}



/* Slider styles kept GLOBAL so JS keeps working */

.projects-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.slides {
    position: relative;
    height: 100%;
    width: 70%;

    @media (max-width:768px) {

        display: flex;
        flex-direction: column;
        width: 100% !important;
        gap: 1.6rem;
    }
}

.project-overlay {
    width: 30%;

    @media (max-width:768px) {
        display: none;
    }
}

.project-slide {
    will-change: transform, opacity;
    transform: translateZ(0);
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    @media (max-width:768px) {

        position: relative !important;
        transform: unset !important;
        height: unset !important;
        top: unset !important;
        left: unset !important;
        opacity: 1 !important;
    }

}

/* Slider styles kept GLOBAL so JS keeps working */

.projects-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.slides {
    position: relative;
    height: 100%;
    width: 70%;



    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 30px;
        width: 100%;
        z-index: 5000;
        opacity: 1;
        background: linear-gradient(180deg, #000000, transparent);


        @media (max-width: 768px) {

            content: none;

        }

    }

    &::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 30px;
        width: 100%;
        z-index: 5000;
        opacity: 1;
        background: linear-gradient(0deg, #000000, transparent);

        @media (max-width: 768px) {

            content: none;

        }
    }



}

.project-overlay {
    width: 30%;
}

.project-slide {
    will-change: transform, opacity;
    transform: translateZ(0);
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}


/* ============================= */
/* 1200px */
/* ============================= */

@media (max-width:1200px) {

    .projectListing {

        margin: 0 6vw;
        gap: 1.5rem;

        .c1 {
            width: 35%;

            >.head {

                h1 {
                    font-size: 3.2rem;
                }

                p {
                    font-size: 1.8rem;
                }

            }
        }

        .c2 {
            width: 60%;
        }

    }

}


/* ============================= */
/* 1024px */
/* ============================= */

@media (max-width:1024px) {

    .projectListing {

        margin: 0 5vw;
        gap: 1.2rem;

        .c1 {

            width: 30%;

            >.head {

                h1 {
                    font-size: 2.8rem;
                }

                p {
                    font-size: 1.6rem;
                }

            }

        }

        .c2 {
            width: 70%;
        }

        .card {

            gap: 1.8rem;

            .thumbnail img {
                width: 90%;
            }

        }

    }

}


/* ============================= */
/* 900px */
/* ============================= */

@media (max-width:900px) {

    .projectListing {

        margin: 0 4vw;
        gap: 1rem;

        .c1 {

            width: 30%;

            >.head {

                h1 {
                    font-size: 2.4rem;
                }

                p {
                    font-size: 1.4rem;
                }

            }

            >.filters {

                h1 {
                    font-size: 1.2rem;
                    padding: .8rem 1.4rem;
                }

            }

        }

        .c2 {
            width: 70%;
        }

    }

}




/*! project listing arc ===============  */
.my-carousel {
    position: relative;

    &__swiper {
        padding-bottom: 200px;

        @media (max-width: 768px) {
            padding-bottom: 120px;
        }
    }

    &__actions {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 200px;

        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;

        @media (max-width: 768px) {
            height: 120px;
            gap: 12px;
        }
    }

    &__control {
        display: inline-flex;
        border-radius: 5em;
        font-size: 20px;
        font-weight: 500;
        padding: 1em 2em;

        &:hover {
            cursor: pointer;
        }

        @media (max-width: 768px) {
            font-size: 16px;
            padding: 0.7em 1.4em;
        }
    }

    .my-carousel__actions {
        margin-top: 10rem;
        display: flex;
        justify-content: center;

        button {
            cursor: pointer;
            background-color: transparent;
            border: none;
            outline: none;
            transition: all .3s ease-in-out;

            &:hover {
                opacity: .7;
            }
        }

        @media (max-width: 768px) {
            margin-top: 4rem;
        }
    }
}



.swiper-card {
    padding-top: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;

    @media (max-width: 768px) {
        padding-top: 0rem;
    }

    a {
        display: block;
        width: 100%;
        max-width: 368px;


        @media (max-width:1200px) {
            max-width: 300px;
        }

        @media (max-width:1024px) {
            max-width: 200px;
        }

        @media (max-width:768px) {
            max-width: 90%;
        }
    }

    >a>div {
        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 22px;
        font-weight: bold;

        aspect-ratio: 3 / 4;
        width: 100%;
        max-width: 368px;

        color: #fff;
        border-radius: 1.5rem;
        overflow: hidden;

        @media (max-width: 768px) {
            max-width: 280px;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


}



.swiper-wrapper {
    position: relative;
    z-index: 1;
}

.swiper-slide {
    position: relative;
    z-index: 2;
}

.swiper-slide img {
    pointer-events: none;
}












/* !case studies  */

/* !engenius-matrix */


.postid-3250 {
    background-color: #FFFFFF;
}

.postid-3250 .caseStudy_gridSection {
    background-color: #FFFFFF;




    .block {
        flex: 1;
        background-color: #00295A;



    }


    .c1 {
        & .block {



            &:nth-child(2) {
                padding: 2rem;

                img {
                    max-width: 45rem;
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {

        .block {
            padding: 10% 20%;

            align-items: center;
            justify-content: center;
        }


    }

    .c3 {
        & .block {


            &:nth-child(1) {
                padding: 2rem !important;
            }

            &:nth-child(2) {
                padding: 3rem;
            }
        }
    }

}

.postid-3250 .caseStudy_textBlockSmall {

    color: #000;
    background-color: #FFFFFF;
    max-width: 60%;
    margin: 0 auto;
}

.postid-3250 .caseStudy_desktopView {
    background-color: #FFFFFF;

    .wrapper {

        background-color: #436C9E;

    }

}


.postid-3250 .caseStudy_mobileView {
    background-color: #FFFFFF;


    .wrapper {
        .c1 {

            background-color: #00295A;

        }

        .c2 {
            background-color: #27355B;
            background-image: none;
        }
    }



}


.postid-3250 .caseStudy_desktopAndTabView {
    background-color: #FFFFFF;

    .wrapper {

        .c1 {
            background-color: #385A83;
        }

        .c2 {
            background-color: #55B2C9;
        }


    }
}

.postid-3250 .caseStudy_cmsBlock {
    background-color: #FFFFFF;


    .c1 {

        background-color: #27355B;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #385A83;

                h1,
                p {
                    color: #FFFFFF;
                }
            }

            &:nth-child(2) {
                background-color: #D6EBFC;
                padding: 2rem 2rem 0 2rem;
                overflow: hidden;

                img {
                    object-fit: contain;
                    max-width: 100%;
                    height: 100%;
                    align-self: center;
                }
            }
        }



    }



}




/* !hareepatti */

.postid-3252 .nav-logo svg path {
    fill: #222423;
}

.postid-3252 nav>.nav .nav-links li a {
    color: #222423;
}



.postid-3252 nav>.nav .nav-links li:hover span.linkDesc {
    color: #222423;
}



.postid-3252 {
    background-color: #FFFFFF;
}



.postid-3252 .caseStudy_banner {
    background-color: #ffffff;

    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #000000;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #000000;

                }
            }
        }
    }
}






.postid-3252 .caseStudy_gridSection {
    background-color: #FFFFFF;




    .block {
        flex: 1;
        background-color: #FFD4BB;



    }


    .c1 {
        & .block {



            &:nth-child(2) {
                padding: 2rem;

                img {
                    max-width: 27rem;
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {

        .block {
            padding: 10% 20%;

            align-items: center;
            justify-content: center;
        }


    }

    .c3 {
        & .block {


            &:nth-child(1) {
                padding: 2rem !important;
            }

            &:nth-child(2) {
                padding: 2rem 2rem 0 2rem;
            }
        }
    }

}

.postid-3252 .caseStudy_textBlockSmall {

    color: #000;
    background-color: #FFFFFF;
    max-width: 60%;
    margin: 0 auto;
}

.postid-3252 .caseStudy_desktopView {
    background-color: #FFFFFF;

    .wrapper {

        background-color: #FFBC80;

    }

}


.postid-3252 .caseStudy_mobileView {
    background-color: #FFFFFF;


    .wrapper {
        .c1 {

            background-color: #6A7800;

        }

        .c2 {
            background-color: #D1E29B;
            background-image: none;
        }
    }



}


.postid-3252 .caseStudy_desktopAndTabView {
    background-color: #FFFFFF;

    .wrapper {

        .c1 {
            background-color: #A4C639;
        }

        .c2 {
            background-color: #F6E57D;
        }


    }
}

.postid-3252 .caseStudy_cmsBlock {
    background-color: #FFFFFF;


    .c1 {

        background-color: #F6E57D;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #6A7800;

                h1,
                p {
                    color: #FFFFFF;
                }
            }

            &:nth-child(2) {
                background-color: #FFAF67;
                padding: 2rem 2rem 0 2rem;
                overflow: hidden;

                img {
                    object-fit: contain;
                    max-width: 100%;
                    height: 100%;
                    align-self: center;
                }
            }
        }



    }



}


/* !eventstrat */







.postid-3273 {
    background-color: #FFFFFF;
}



.postid-3273 .caseStudy_banner {
    background-color: #ffffff;

    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #ffffff;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #ffffff;

                }
            }
        }
    }
}






.postid-3273 .caseStudy_gridSection {
    background-color: #FFFFFF;




    .block {
        flex: 1;
        background-color: #A184C3;



    }


    .c1 {
        & .block {



            &:nth-child(2) {
                padding: 2rem;

                img {
                    max-width: 27rem;
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {

        .block {
            padding: 10% 20%;

            align-items: center;
            justify-content: center;
        }


    }

    .c3 {
        & .block {


            &:nth-child(1) {
                padding: 2rem !important;
            }

            &:nth-child(2) {
                padding: 2rem 2rem 0 2rem;
            }
        }
    }

}

.postid-3273 .caseStudy_textBlockSmall {

    color: #000;
    background-color: #FFFFFF;
    max-width: 60%;
    margin: 0 auto;
}

.postid-3273 .caseStudy_desktopView {
    background-color: #FFFFFF;

    .wrapper {

        background-color: #A866F5;

    }

}


.postid-3273 .caseStudy_mobileView {
    background-color: #FFFFFF;


    .wrapper {
        .c1 {

            background-color: #FAC9C8;

        }

        .c2 {
            background-color: #27355B;
            background-image: none;
        }
    }



}


.postid-3273 .caseStudy_desktopAndTabView {
    background-color: #FFFFFF;

    .wrapper {

        .c1 {
            background-color: #FAEEFD;
        }

        .c2 {
            background-color: #420E97;
        }


    }
}

.postid-3273 .caseStudy_cmsBlock {
    background-color: #FFFFFF;


    .c1 {

        background-color: #F6E57D;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #6A7800;

                h1,
                p {
                    color: #FFFFFF;
                }
            }

            &:nth-child(2) {
                background-color: #FFAF67;
                padding: 2rem 2rem 0 2rem;
                overflow: hidden;

                img {
                    object-fit: contain;
                    max-width: 100%;
                    height: 100%;
                    align-self: center;
                }
            }
        }



    }



}





/* !medsee  */




.postid-3275 {
    background-color: #000000;
}



.postid-3275 .caseStudy_banner {
    background-color: #000000;

    .section {
        .text {

            h1 {
                visibility: hidden;
                color: #ffffff;
            }

            img {
                max-width: 65rem;
                margin-bottom: 2.3rem;
            }

            .work {
                p {

                    color: #ffffff;

                }
            }
        }
    }
}


.postid-3275 .csTextSection {
    background-color: transparent;



    background-color: #000;

    .mainContainer {

        .left {
            flex-basis: 50%;

            p {

                color: rgba(0, 0, 0, 0.3);


                span {
                    background: linear-gradient(to right, #fff 50%, #4D4D4D 50%);
                    background-size: 200% 100%;
                    background-position: 100% 0;

                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }
            }
        }

        .right {


            p {

                color: #fff;



            }

            .urlWrap {


                a {

                    color: #fff;

                    border-bottom: 1px solid #fff;


                    span {
                        svg {


                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                    &:hover {

                        svg {

                            transform: translate(2px, -2px);

                            path {
                                stroke: #fff !important;
                            }
                        }
                    }

                }
            }
        }
    }
}





.postid-3275 .caseStudy_gridSection {
    background-color: #000000;




    .block {
        flex: 1;
        background-color: #313F72;



    }


    .c1 {
        & .block {

            &:nth-child(1) {
                align-items: center;
                padding: 10% 10%;

                img {
                    max-width: 100rem;
                    height: auto;
                    object-fit: contain;
                }

            }


            &:nth-child(2) {
                padding: 2rem 3rem;

                img {
                    max-width: 100rem;
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
    }

    .c2 {

        .block {
            padding: 10% 10%;

            align-items: center;
            justify-content: center;
        }


    }

    .c3 {
        & .block {


            &:nth-child(1) {
                padding: 2rem !important;
            }

            &:nth-child(2) {
                padding: 4rem 4rem;
            }
        }
    }

}

.postid-3275 .caseStudy_textBlockSmall {

    color: #000;
    background-color: #000000;
    max-width: 80%;
    margin: 0 auto;

    .container {
        p {
            color: #FFFFFF;
        }
    }
}

.postid-3275 .caseStudy_desktopView {
    background-color: #000000;

    .wrapper {
        align-items: center;
        justify-content: center;
        background-color: #12171E;
        position: relative;
        overflow: hidden;
        .main{
            z-index: 5;
        }

        .bg{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
        }

    }

}







.postid-3275 .caseStudy_desktopAndTabView {
    background-color: #000000;

    .wrapper {

        .c1 {
            background-color: #1B222D;
        }

        .c2 {
            background-color: #12171E;
        }


    }
}

.postid-3275 .caseStudy_cmsBlock {
    background-color: #FFFFFF;


    .c1 {

        background-color: #F6E57D;

    }

    .c2 {





        .block {



            &:nth-child(1) {
                background-color: #6A7800;

                h1,
                p {
                    color: #FFFFFF;
                }
            }

            &:nth-child(2) {
                background-color: #FFAF67;
                padding: 2rem 2rem 0 2rem;
                overflow: hidden;

                img {
                    object-fit: contain;
                    max-width: 100%;
                    height: 100%;
                    align-self: center;
                }
            }
        }



    }



}


.postid-3275 .caseStudy_desktopAndTabView.flip {
    background-color: #000000;


    .wrapper {
        flex-direction: row-reverse;

        .c1 {
            background-color: #263238;
        }

        .c2 {

            background-color: #263040;
        }
    }
}




.postid-3275 .postNav {

    background-color: #000000;

    .container {
        a {

            color: rgba(255, 255, 255, 0.6);

            &:hover {
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}