main {
    padding: 3% 8%;
    font-size: var(--fs-xl);

    .collaborating-text {
        padding-top: 2%;
    }

    .collaborating-centres-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #D9D9D9;
        padding: 4% 3% 2% 3%;
        color: black;

        .centres-image {
            width: 186px;
            height: 186px;
            border-radius: 500px;
            object-fit: cover;
            object-position: center;
            filter: grayscale(100%);
            transition: all 0.1s ease-in-out;
        }

        .collaborating-centres-info {
            width: 64%;
            display: flex;
            flex-direction: column;
            gap: 16px;

            .collaborating-location {
                font-family: "Poppins-ExtraBold";
                font-size: var(--fs-3xl);
            }

            .centres-info {
                display: flex;
                gap: 16px;
                line-height: 20px;
            }

            a {
                text-decoration: none;
            }

            .contact-button {
                width: 28%;
                border: 1px solid black;
                border-radius: 50px;
                padding: 1% 3%;
                font-family: "Poppins-SemiBold";
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: black;
                transition: 0.1s ease-in-out;
            }

            .contact-button:hover {
                scale: 1.08;
                background-color: black;
                color: white;

                img {
                    filter: invert(100%)
                }
            }
        }
    }

    .collaborating-centres-container:hover {
        .centres-image {
            scale: 1.1;
            filter: grayscale(0);
        }
    }
}

.coMo {
    background-image: url(../images/coMo.png);
    background-size: cover;

    .page-title {
        .section-title {
            color: black;
        }
    }
}

.working-group-on {
    background-image: url(../images/wgpm2.png);
    background-size: cover;
    background-position: center;
}

@media (max-width: 480px) {
    main {
        .collaborating-centres-container {
            display: flex;
            flex-direction: column;
            align-items: center;

            .collaborating-centres-info {
                width: 100%;
                padding: 0;
                margin: 0;

                .contact-button {
                    text-wrap: nowrap;
                    width: fit-content;
                }
            }
        }
    }
}