.textLeftImageRight {
    padding: 2.5rem 0;

    .mainContainer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8rem;

        @media (max-width: 1200px) {
            gap: 4rem;
        }


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

        .left {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            width: 30%;

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

            .caseStudy_titleBlue {
                padding: 0;
            }

            .caseStudy_head2 {
                margin-bottom: 0;
            }

            .caseStudy_para {}
        }

        .right {
            width: 70%;

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

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



.valuesPrinciples {
    padding: 2.5rem 0;

    .mainContainer {
        .caseStudy_head2 {
            width: 100%;
            text-align: center;
        }

        .cardsRow {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            justify-content: center;
            gap: 2.4rem;

            @media (max-width: 768px) {
                grid-template-columns: repeat(1, 1fr);
                gap: 2rem;
            }


            .card {
                padding: 4vw;
                border-radius: 25.2px;

                .caseStudy_head2 {
                    text-align: center;
                }

                .caseStudy_para {
                    text-align: center;
                }
            }
        }
    }
}


.imageGridWithCaptions {
    padding: 2.5rem 0;

    .mainContainer {
        .sectionIntro {
            margin-bottom: 3.2rem;
            width: 50%;

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

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

            @media (max-width: 450px) {
                width: 100%;
            }

            .caseStudy_head2 {}

            .caseStudy_para {}
        }

        .cardsRow {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            justify-content: center;
            gap: 2.4rem;

            @media (max-width: 575px) {
                grid-template-columns: repeat(1, 1fr);
                gap: 2.4rem;
            }

            .card {
                display: flex;
                flex-direction: column;
                gap: 3.2rem;

                @media (max-width: 1200px) {
                    gap: 2.4rem;
                }

                @media (max-width: 575px) {
                    gap: 1.6rem;
                }

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

                .card_caption {
                    &.caseStudy_para {}
                }
            }
        }
    }
}