﻿
.culture-container {
    padding: 0;
}

    .culture-container .culture-left-container, .culture-container .culture-right-container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        min-height: 400px;
        /*padding: 10%;*/
    }

    .culture-container .culture-left-container {
        background-color: #eafaff;
        align-self: stretch;
        display: flex;
        padding-bottom: 56px;
        flex-direction: column;
        overflow: hidden;
        justify-content: center;
        margin: auto 0;
        align-items: center;

        background-image: url(../../images/home/pattern-1.png);
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .culture-container .culture-image-text {
        font-size: 18px;
        font-family: "Instrument Sans";
        font-weight: 400;
        color: rgba(58, 68, 75, 1);
        width: 100%;
        height: 52px;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .culture-container .culture-right-container {
        font-family: "Instrument Sans";
        justify-content: center;
    }

        .culture-container .culture-right-container .culture-right-title {
            font-size: 26px;
            font-weight: 500;
            color: rgba(30, 73, 101, 1);
            width: 100%;
            height: 32px;
            text-align: left;
        }

        .culture-container .culture-right-container .culture-right-text {
            font-size: 18px;
            font-weight: 400;
            width: 100%;
            margin-top: 20px;
        }

        .culture-container .culture-right-container p {
            font-size: 18px;
            font-weight: 400;
        }

    .culture-container .culture-image {
        min-height: 500px;
        width: 100%;
        /*background-image: url('../../images/culture/culture-image.png');*/
        background-size: cover;
        background-repeat: no-repeat;
    }

    .culture-container .content-row {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        /*min-height: 600px;*/
        padding-top: 100px;
    }

    .culture-container .culture-image-text {
        height: auto;
    }

        .culture-container .culture-image-text p {
            width: 70%;
            padding-top: 20px;
        }

        .culture-container .culture-image-text .fr-view {
            justify-items: center;
        }

    .culture-container .culture-button-container {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .culture-container .meet-our-team {
        width: 182px;
        height: 54px;
        background-color: #1E4965;
        color: #EAFAFF;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-family: "Instrument Sans";
        margin-top: 20px;
    }
        .culture-container .meet-our-team:hover {
            background-color: #0B2436;
        }
        .culture-container .main-article {
        width: 100%;
        height: 600px;
        /*background-image: url('../../images/culture/mainArticle.png');*/
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .culture-container .main-article-overlay {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 30%;
        width: 60%;
        background-color: #EAFAFF;
        color: #3A444B;
        font-family: "Instrument Sans";
        display: flex;
        flex-direction: column;
        padding: 30px;
        justify-content: center;
    }

    .culture-container .line1 {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: var(--large-body-font-family);
    }

    .culture-container .line2 {
        font-size: 28px;
        font-weight: 500;
    }

    .culture-container .sub-text-container .col-12 {
        height: auto;
    }

    .culture-container .main-article-p {
        width: 100%;
        font-size: 18px;
        font-family: "Instrument Sans";
        font-weight: 400;
        padding: 20px;
    }

    .culture-container .bottom-logos-container {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
    }

        .culture-container .bottom-logos-container .bottom-logo {
            width: 150px;
            height: 118px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
            .culture-container .bottom-logos-container .bottom-logo a {
                width: 100%;
                height:100%;
                display: flex;
                align-items: center;
            }

            /*.culture-container .bottom-logos-container .bottom-logo img {
                filter: grayscale(100%);
                
            }*/
        .culture-container .bottom-logos-container .bottom-logo img:hover {
            filter: none;
        }

    .culture-container .cyan-content-row {
        width: 100%;
        background-color: #EEF4F8;
        z-index: -1;
        margin-top: -50px;
        --bs-gutter-x: 0;
    }

    .culture-container .gallery-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
        width: 100%;
        padding-bottom: 100px;
    }

    .culture-container .gallery-item {
        aspect-ratio: auto 4 / 3;
        background-size: cover;
        background-repeat: no-repeat;
        display: none;
    }

    .culture-container .gallery-title-row {
        color: rgba(30, 73, 101, 1);
        font-size: 26px;
        font-weight: 500;
        font-family: "Instrument Sans";
    }

.culture-container .load-more-link {
    display: flex;
    width: 150px;
    font-size: 18px;
    font-family: "Instrument Sans";
    font-weight: 400;
    align-items: center;
    color: rgba(0, 89, 185, 1);
}

    .culture-container .load-more-culture-container {
        display: flex;
        justify-content: center;
        padding-bottom: 50px;
    }

    /*.culture-container .culture-left-container-grid-image {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 200px;
        width: 50px;
        background-image: url('../../images/our-philosophy/piramidBg.png');

    }

    .culture-container .culture-left-container::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 22%;
        background-repeat: no-repeat;
        background-image: url(../../images/home/pattern-1.png);
    }*/

    @media (max-width: 1000px) {
        .culture-container .row-collaborative-culture {
        margin-top: 100px;
    }

    .culture-container .culture-image {
        background-size: cover;
    }
}

@media (max-width: 768px) {
    .culture-container .row-collaborative-culture {
        margin-top: 200px;
    }

    .culture-container .culture-image {
        background-size: cover;
    }

    .culture-container .culture-image-text {
        min-height: 200px;
        justify-items: center;
    }

    .culture-container .main-article-overlay {
        width: 100%;
    }

        .culture-container .main-article-overlay .line2 {
            font-size: 18px;
        }

    .culture-container .gallery-item {
        /*width: 100%;
        height: 400px;*/
        display: none;
    }
}


@media(max-width: 400px) {
    .culture-container .row-collaborative-culture {
        margin-top: 350px;
    }

    .culture-container .content-row {
        padding-left: 5%;
        padding-right: 1%;
    }

    /*.culture-container .gallery-item {
        width: 100%;
        height:300px;
    }*/
}
