/* !nav color  */


.single-project nav>.nav .nav-links li a {
    color: #fff;
}




/* !ncaer =======================  */
/* !============================== */



.caseStudy_banner * {
    will-change: transform, opacity;
}

.split-line {
    display: block;
}

.caseStudy_banner {
    position: relative;
    background-color: #fff;
    padding-bottom: 4rem;
    min-height: 100vh;
    @media screen and (max-width: 768px) {
        padding-bottom: 2rem;
        min-height: 100vh;
    }

    .section {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;

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

            min-height: 100vh;
        }

        .banner {
            width: 100%;
            object-fit: cover;

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

                min-height: 100vh;
            }

            svg {
                width: auto !important;
                min-height: 100vh;
                min-width: 100%;
                object-fit: cover;
            }
        }

        .text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            width: 90%;


            h1 {
                font-family: VisbyRoundCF;
                font-size: 2rem;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.7;
                letter-spacing: normal;
                text-align: left;
                color: #f7f3e3;
                margin-bottom: 1.6rem;
                will-change: transform, opacity;
            }

            img {
                max-width: 33rem;
                margin-bottom: 2.3rem;
                width: 100%;

                @media screen and (max-width: 1024px) {
                    max-width: 25rem;
                }

                @media screen and (max-width: 575px) {
                    max-width: 20rem;
                }

            }

            .work {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 1.8rem;

                @media screen and (max-width: 768px) {
                    flex-direction: row;
                    gap: 1rem;
                    flex-wrap: wrap;
                    width: 100%;
                }

                p {
                    font-family: VisbyRoundCF;
                    font-size: 2rem;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.7;
                    letter-spacing: normal;
                    text-align: left;
                    color: #f7f3e3;
                    will-change: transform, opacity;

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

                }
            }




            h1 {
                visibility: hidden;
            }
        }

        .work {
            p {
                visibility: hidden;
            }
        }

        .logo {
            img {
                visibility: hidden;
            }

        }



    }
}




.csTextSection {
    background-color: #fff;
    padding: 4rem 8vw;
    position: relative;

    @media screen and (max-width: 575px) {
        flex-direction: column;
        padding: 4rem 4vw
    }


    .mainContainer {
        display: flex;
        gap: 4rem;
        width: 100%;
        justify-content: space-between;
        max-width: 100%;

        @media screen and (max-width: 768px) {
            flex-direction: column;
        }

        .left {
            flex-basis: 50%;

            p {
                font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                font-size: 3rem;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: left;
                color: rgba(0, 0, 0, 0.3);
                text-transform: uppercase;


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

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

        .right {
            flex-basis: 50%;


            p {
                font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                font-size: 2rem;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: right;
                color: #000;

                @media screen and (max-width: 768px) {
                    text-align: left;
                }


            }

            .urlWrap {
                display: flex;
                justify-content: flex-end;
                width: 100%;
                margin-top: 3.2rem;

                a {
                    font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                    font-size: 2rem;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.7;
                    letter-spacing: normal;
                    text-align: left;
                    color: #000;
                    text-decoration: none;
                    display: flex;
                    align-items: center;
                    gap: 0.5rem;
                    border-bottom: 1px solid #000;

                    transition: all .3s ease-in-out;

                    &:hover {
                        opacity: .7;
                    }

                    span {
                        svg {
                            height: 2.2rem;
                            width: 2.2rem;
                            display: block;

                            transition: all .3s ease-in-out;
                        }
                    }

                    &:hover {

                        svg {

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

                }
            }
        }
    }
}

.caseStudy_gridSection {
    position: relative;
    display: flex;
    padding: 5rem 1% 10rem;
    background-color: #FFFFFF;
    width: 100%;

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

    .wrapperContainer {
        display: flex;
        gap: 1.8rem;
        width: 100%;
        align-items: stretch;


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

        @media screen and (max-width: 575px) {
            flex-direction: column;
        }
    }


    .c1,
    .c2,
    .c3 {
        display: flex;
        flex-direction: column;
        gap: 1.8rem;
        min-width: 0;

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


    .c1 {
        flex: 4;
    }

    .c2 {
        flex: 4;
    }

    .c3 {
        flex: 2;
    }


    .block {
        flex: 1;
        background-color: #002F58;
        border-radius: 2.25rem;
        overflow: hidden;
        display: flex;

        img {
            width: 100%;
            height: auto;
            display: block;
        }
    }


    .c1 {
        .block {
            align-items: center;
            justify-content: center;

            &:nth-child(1) {
                padding: 20% 20% 0;
                align-items: flex-end;

                @media (max-width:762px) {
                    padding: 10% 20% 0;

                }


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

                    @media (max-width:762px) {
                        height: auto;
                    }
                }


            }

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

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


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

            @media screen and (max-width: 575px) {
                padding: 0;
            }
        }
    }


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

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

            svg {
                width: 100%;
                height: 100%;
                display: block;
            }

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

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


.caseStudy_logoTextSection {
    position: relative;
    background-color: #FFFFFF;
    padding: 10rem 8vw 7rem 8vw;

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

    @media screen and (max-width: 575px) {
        padding: 6rem 4vw 3rem 4vw;
    }

    .container {
        position: relative;
        display: flex;
        justify-content: space-between;
        gap: 4rem;

        @media screen and (max-width: 768px) {
            flex-direction: column-reverse;
            align-items: center;
        }

        .c1 {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: flex-start;

            @media screen and (max-width: 991px) {
                width: 60%;
            }

            @media screen and (max-width: 768px) {
                width: 100%;
            }

            p {
                font-family: VisbyRoundCF;
                font-size: 2rem;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: left;
                color: #000;

                @media screen and (max-width: 768px) {
                    text-align: center;
                }
            }
        }

        .c2 {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: flex-end;

            @media screen and (max-width: 991px) {
                width: 40%;
            }

            @media screen and (max-width: 768px) {
                width: 100%;
                justify-content: center;
            }


            img {
                width: 100%;
                height: auto;
                max-width: 57rem;

                @media screen and (max-width: 991px) {
                    max-width: 45rem;
                }

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

                @media screen and (max-width: 575px) {
                    max-width: 30rem;
                }
            }
        }

    }

}


.caseStudy_visualElements {
    position: relative;
    display: flex;
    background-color: #FFFFFF;

    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 7rem 8vw;

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

        @media screen and (max-width: 575px) {
            padding: 3rem 4vw;
        }

        h1 {
            font-family: VisbyRoundCF;
            font-size: 4rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: left;
            color: #000;
            margin-bottom: 5rem;

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



        }

        .image {
            width: 100%;
            height: 100%;
            margin-bottom: 3.3rem;
            display: flex;
            /* align-items: center; */
            justify-content: center;
        }

        p {
            font-family: VisbyRoundCF;
            font-size: 2rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: #000;
            max-width: 75rem;
            width: 95%;
        }


    }


}

.caseStudy_desktopView {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    padding: 7rem 1% 1.5rem;

    @media screen and (max-width: 768px) {
        padding: 5rem 1% 1.5rem;
    }


    .wrapper {
        display: flex;
        width: 100%;
        background-color: #00539B;
        border-radius: 2.3rem;
        padding: 9.5rem 5.8rem;
        overflow: hidden;

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

        /* @media screen and (max-width: 575px) {
            padding: 4%;
        } */
    }
}

.caseStudy_mobileView {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    padding: 1.5rem 1% 1.5rem;



    .wrapper {
        display: flex;
        width: 100%;
        gap: 3rem;
        border-radius: 2.3rem;

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

        @media screen and (max-width: 575px) {
            flex-direction: column;
        }



        .c1 {
            width: 50%;
            border-radius: 2.7rem;
            background-color: #f2ece1;
            display: flex;
            padding: 10% 10% 0% 10%;
            overflow: hidden;

            @media screen and (max-width: 768px) {
                padding: 6% 6% 0% 6%;
            }

            @media screen and (max-width: 575px) {
                width: 100%;
            }
        }

        .c2 {
            display: flex;
            border-radius: 2.7rem;
            padding: 10% 10% 0% 10%;
            width: 50%;
            background-image: url('../project/ncaer/mobile-bg.png');
            background-repeat: no-repeat;
            background-size: 100%;
            overflow: hidden;

            @media screen and (max-width: 768px) {
                padding: 6% 6% 0% 6%;
            }

            @media screen and (max-width: 575px) {
                width: 100%;
            }
        }
    }

}






.caseStudy_desktopAndTabView {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    padding: 1.5rem 1% 1.5rem;

    .wrapper {
        display: flex;
        width: 100%;
        gap: 3rem;
        border-radius: 2.3rem;

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

        @media screen and (max-width: 575px) {
            flex-direction: column;
        }


        .c1 {
            width: 60%;
            border-radius: 2.7rem;
            background-color: #ae904f;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10% 5% 10% 5%;
            position: relative;
            overflow: hidden;

            @media screen and (max-width: 768px) {
                padding: 6% 4% 6% 4%;
            }

            @media screen and (max-width: 575px) {
                width: 100%;
            }

            .bg {
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 0;
                height: auto;
                width: 100%;
            }

            img {
                z-index: 5;
            }


        }

        .c2 {
            width: 40%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2.7rem;
            padding: 10% 2.5% 10% 2.5%;
            background-color: #7fb7ff;
            position: relative;
            overflow: hidden;

            @media screen and (max-width: 768px) {
                padding: 6% 2.5% 6% 2.5%;
            }

            @media screen and (max-width: 575px) {
                width: 100%;
            }



            .bg {
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 0;
                width: 100%;
                height: 100%;
                opacity: .5;
            }

            img {
                z-index: 5;
            }

        }
    }

}

.caseStudy_desktopAndTabView.flip {
    .wrapper {

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

        @media screen and (max-width: 575px) {
            flex-direction: column !important;
        }
    }

}





.caseStudy_textBlock {
    position: relative;
    background-color: #FFFFFF;
    padding: 10rem 8vw 2.5rem;

    @media screen and (max-width: 575px) {
        padding: 10rem 4vw 2.5rem;
    }

    .container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

        p {
            font-family: VisbyRoundCF;
            font-size: 4rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: rgba(0, 0, 0, 0.3);
            max-width: 90rem;
            text-transform: uppercase;

            @media screen and (max-width: 991px) {
                font-size: 3.6rem;
            }

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

            @media screen and (max-width: 575px) {
                font-size: 2.8rem;
            }

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

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




.caseStudy_cmsBlock {
    background-color: #fff;
    padding: 4rem 1% 5rem;
    position: relative;
    display: flex;
    gap: 1.6rem;

    @media screen and (max-width: 768px) {
        flex-direction: column;
    }

    .c1 {
        width: 65%;
        background-color: #7D0323;
        display: flex;
        padding: 4.8rem;
        border-radius: 2.7rem;

        @media screen and (max-width: 991px) {
            padding: 4%;
        }

        @media screen and (max-width: 768px) {
            width: 100%;
        }

        img {
            width: 100%;
            object-fit: cover;
            border-radius: 2.5rem;
            object-position: left;
        }

    }

    .c2 {
        flex: 4;
        display: flex;
        flex-direction: column;
        gap: 1.6rem;

        @media screen and (max-width: 768px) {
            /* flex-direction: row; */
            width: 100%;
        }

        .block {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;


            &:nth-child(1) {
                border-radius: 2.7rem;
                background-color: #1b4379;
                padding: 10%;
            }

            &:nth-child(2) {
                border-radius: 2.7rem;
                background-color: #ffe09e;
                padding: 0;
                align-items: flex-end;
                justify-content: flex-end;

                img {
                    width: 100%;
                }
            }

            h1 {
                font-family: VisbyRoundCF;
                font-size: 12rem;
                font-weight: bold;
                text-align: center;
                color: #fff;
                margin-bottom: 2.3rem;
                line-height: 1;

                @media screen and (max-width: 1200px) {
                    font-size: 9rem;
                    margin-bottom: 1.2rem;
                }

                @media screen and (max-width: 991px) {
                    font-size: 7rem;
                }

                @media screen and (max-width: 575px) {
                    font-size: 5.5rem;
                }
            }

            p {
                font-family: VisbyRoundCF;
                font-size: 2rem;
                font-weight: 500;
                line-height: 1.5;
                color: #fff;
                text-align: center;

                @media screen and (max-width: 991px) {
                    font-size: 1.8rem;
                }
            }
        }
    }



}



.caseStudy_textBlockSmall {
    padding: 7rem 4vw;

    .container {

        p {
            font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
            font-size: 2rem;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: #000;
        }
    }


}


.postNav {
    background-color: #fff;
    position: relative;
    padding: 9rem 8vw;



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

    @media screen and (max-width: 575px) {
        padding: 5rem 4vw;
    }


    .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 95rem;
        gap: 5rem;

        a {
            font-family: VisbyRoundCF;
            font-size: 4rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: rgba(0, 0, 0, 0.6);
            transition: all .3s ease-in-out;


            @media screen and (max-width: 991px) {
                font-size: 3.6rem;
            }

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

            @media screen and (max-width: 575px) {
                font-size: 2.8rem;
            }

            @media screen and (max-width: 480px) {
                font-size: 2.4rem;
            }

            @media screen and (max-width: 410px) {
                font-size: 1.8rem;
            }

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

        }
    }

}









/* !asar ========================================  */
/* !============================================= */

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.postid-2221 .caseStudy_mobileView .c2 {
    position: relative;
}

.postid-2221 .caseStudy_gridSection {
    & .c1 {
        & .block {
            &:nth-child(1) {
                & img {
                    @media (max-width: 762px) {
                        height: 100%;
                    }
                }
            }
        }
    }
}




.postid-2221 .caseStudy_mobileView .c2 .c2Img {
    position: absolute;
    right: -45%;
    bottom: -45%;
    aspect-ratio: 1/1;
    transform-origin: center;
    animation: rotate360 30s linear infinite;
}

.postid-2221 .caseStudy_mobileView .c2 .c2Phone {
    position: relative;
}

.postid-2221 .caseStudy_mobileView .c1 {
    position: relative;
}

.postid-2221 .caseStudy_mobileView .c1 .c1Img {
    position: absolute;
    left: -40%;
    bottom: -30%;
    aspect-ratio: 1 / 1;
    transform-origin: center;
    animation: rotate360 40s linear infinite;
    opacity: 0.4 !important;
}

.postid-2221 .caseStudy_mobileView .c1 .c1Phone {
    position: relative;
}

.postid-2221 {
    background-color: #fff7d8;
}


.postid-2221 .caseStudy_banner {
    background-color: #fff7d8;
}



.postid-2221 .csTextSection {
    background-color: #fff7d8;
}



.postid-2221 .caseStudy_visualElements .container {
    padding: 0rem 8vw 7rem;
}


.postid-2221 .caseStudy_gridSection {
    background-image: linear-gradient(to bottom, #fff7d8, #ffb8b8);
    padding: 5rem 1% 0rem;


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



    } */


    /* .c1 {
        & .block {



            &:nth-child(2) {
                img {
                    max-width: 100%;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    } */

    /* .c3 {
        & .block {
            &:nth-child(1) {
                padding: 2rem;
            }
        }
    } */

}






.postid-2221 .caseStudy_logoTextSection {
    padding: 0rem 8vw 0rem 8vw;
    background-image: linear-gradient(to bottom, #ffb8b8, #FFC1B9);

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

.postid-2221 .caseStudy_visualElements {

    background-image: linear-gradient(to bottom, #FFC1B9, #FECEBB);
}



.postid-2221 .caseStudy_desktopView {
    padding: 1.5rem 1% 1.5rem;

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

    /* .wrapper {

        background-color: #FFD160;

    } */

}

.postid-2221 .caseStudy_mobileView {

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

    /* .wrapper {
        .c1 {

            background-color: #AFA3E8;

        }

        .c2 {

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


.postid-2221 .caseStudy_desktopAndTabView {

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

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

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


}



.postid-2221 .caseStudy_textBlock {
    background-image: linear-gradient(to bottom, #FFF2C0, #FFF3C5);
}



.postid-2221 .caseStudy_cmsBlock {
    background-image: linear-gradient(to bottom, #FFF3C5, #FFF7D3);

    /* .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-2221 .postNav {
    background-image: linear-gradient(to bottom, #FFF7D3, #FFF8D8);
}



/* Irani csss */

.postid-2458 {
    background-color: #000;
}


.postid-2458 .caseStudy_banner {
    background-color: #000;
}



.postid-2458 .csTextSection {
    background-color: #000;

    .mainContainer {
        display: flex;
        gap: 4rem;
        width: 100%;
        justify-content: space-between;

        @media screen and (max-width: 768px) {
            flex-direction: column;
        }

        .left {
            flex-basis: 50%;

            p {
                font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                font-size: 3rem;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: left;
                color: rgba(0, 0, 0, 0.3);
                text-transform: uppercase;


                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 {
            flex-basis: 50%;


            p {
                font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                font-size: 2rem;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: right;
                color: #fff;

                @media screen and (max-width: 768px) {
                    text-align: left;
                }


            }

            .urlWrap {
                display: flex;
                justify-content: flex-end;
                width: 100%;
                margin-top: 3.2rem;

                a {
                    font-family: VisbyRoundCF, Tahoma, Geneva, Verdana, sans-serif;
                    font-size: 2rem;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.7;
                    letter-spacing: normal;
                    text-align: left;
                    color: #fff;
                    text-decoration: none;
                    display: flex;
                    align-items: center;
                    gap: 0.5rem;
                    border-bottom: 1px solid #fff;

                    transition: all .3s ease-in-out;

                    &:hover {
                        opacity: .7;
                    }

                    span {
                        svg {
                            height: 2.2rem;
                            width: 2.2rem;
                            display: block;
                            transition: all .3s ease-in-out;

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

                    &:hover {

                        svg {

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

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

                }
            }
        }
    }
}






.postid-2458 .caseStudy_gridSection {
    background-image: linear-gradient(to bottom, #000, #262626);




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



    } */


    .c1 {
        & .block {

            &:nth-child(1) {
                & img {
                    @media (max-width: 762px) {
                        height: 100%;
                    }
                }
            }

            &:nth-child(2) {
                img {
                    max-width: 100%;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    /* .c3 {
        & .block {
            &:nth-child(1) {
                padding: 2rem;
            }
        }
    } */

}






.postid-2458 .caseStudy_logoTextSection {
    background-image: linear-gradient(to bottom, #000, #000);

    .c1 {
        p {
            color: #fff;
        }
    }

    .c2 {
        img {
            width: 100%;
            height: 30rem;
        }
    }
}

.postid-2458 .caseStudy_visualElements {
    background-image: linear-gradient(to bottom, #000, #000);

    .container {
        padding: 0rem 8vw 7rem 8vw;


        p {
            color: #fff;
        }
    }
}



.postid-2458 .caseStudy_desktopView {
    padding: 1.5rem 1% 1.5rem;
    background-image: linear-gradient(to bottom, #000, #0D0E0D);

    /* .wrapper {

        background-color: #FFD160;

    } */

}

.postid-2458 .caseStudy_mobileView {

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

    /* .wrapper {
        .c1 {

            background-color: #AFA3E8;

        }

        .c2 {

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


.postid-2458 .caseStudy_desktopAndTabView {

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

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

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


}



.postid-2458 .caseStudy_textBlock {
    background-image: linear-gradient(to bottom, #131714, #121412);

    .container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

        p {
            font-family: VisbyRoundCF;
            font-size: 4rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: rgba(0, 0, 0, 0.3);
            max-width: 90rem;
            text-transform: uppercase;

            @media screen and (max-width: 991px) {
                font-size: 3.6rem;
            }

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

            @media screen and (max-width: 575px) {
                font-size: 2.8rem;
            }

            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-2458 .caseStudy_cmsBlock {
    background-image: linear-gradient(to bottom, #121412, #050505);

    /* .c1 {

        background-color: #9F92E7;

    } */


    .c2 {
        h1 {
            color: #000;
        }

        p {
            color: #000;
        }
    }
}


.postid-2458 .postNav {
    background-image: linear-gradient(to bottom, #050505, #000);

    .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 95rem;
        gap: 5rem;

        a {
            font-family: VisbyRoundCF;
            font-size: 4rem;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: rgba(255, 255, 255, 0.6);
            transition: all .3s ease-in-out;


            @media screen and (max-width: 991px) {
                font-size: 3.6rem;
            }

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

            @media screen and (max-width: 575px) {
                font-size: 2.8rem;
            }

            @media screen and (max-width: 480px) {
                font-size: 2.4rem;
            }

            @media screen and (max-width: 410px) {
                font-size: 1.8rem;
            }

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

        }
    }
}