.publication-page {
    padding: 3% 8%;
    font-size: var(--fs-xl);

    .pub-navigation {
        display: flex;

        .pub-section {
            flex-grow: 1;
            font-size: var(--fs-base);
            font-family: "Poppins-Bold";
            text-align: center;
            padding: 1% 0;
            border: 1px solid #E6E7E8;
            color: #222222;
            cursor: pointer;
            transition: all 0.1s ease-in-out;
            text-decoration: none;
        }

        .pub-section:hover {
            background-color: #f5f5f5;
        }

        .selected-section {
            background-color: #BB1A2133;
            color: #BB1A21;
            border-top: 2px solid #BB1A21;
        }
    }

    @media (max-width: 480px) {
        .pub-navigation {
            display: flex;
            flex-direction: column;

            .pub-section {
                font-size: 16px;
                padding: 16px 0;
            }
        }
    }

    .images-pub-lists {
        display: grid;
        padding-top: 8%;
        grid-template-columns: repeat(4, 1fr);
        gap: 52px 3.6%;
        justify-items: start;

        img {
            width: 288px;
            transition: all 0.1s ease-in-out;

            &:hover {
                scale: 1.05;
                cursor: pointer;
            }
        }

        a {
            border: 1px solid #BB1A21;
            color: #BB1A21;
            text-decoration: none;
            font-family: "Poppins-Bold";
            transition: all 0.1s ease-in-out;
            text-align: center;
            width: fit-content;
            padding: 52px 40px;
            min-width: 88px;
            display: flex;
            justify-content: center;
            align-items: center;

            &:hover {
                border: 1px solid #BB1A21;
                outline: none;
                color: white;
                background-color: #D80027;
                scale: 1.05;
            }
        }
    }

    @media (max-width: 480px) {
        .images-pub-lists {
            flex-direction: column;
            align-items: center;
        }
    }
}

a {
    color: #222222;
}

.link-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 4% 0;

    .documents-link {
        width: 64%;
    }
}


.newsletter-block {
    display: flex;
    width: 100%;

    .news-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #BB1A21;
        padding: 0 8%;

        p {
            font-size: var(--fs-5xl);
            font-family: "Poppins-ExtraBold";
            -webkit-text-stroke: 1px white;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 0;
        }
    }

    .news-edition {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: "Poppins-Bold";
        color: black;
        line-height: 100%;
        border: 1px solid #D9D9D9;
        padding: 0 8%;
        width: 100%;
    }
}

.newsletter-block:hover {
    cursor: pointer;
    outline: 2px solid black;
}

.newsletter-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 4%;
    gap: 1.2%;
    row-gap: 24px;

    .newsletter-block {
        display: flex;
        width: 24%;

        .news-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #BB1A21;
            padding: 0 8%;

            p {
                font-size: var(--fs-5xl);
                font-family: "Poppins-ExtraBold";
                -webkit-text-stroke: 1px white;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                line-height: 0;
            }
        }

        .news-edition {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "Poppins-Bold";
            color: black;
            line-height: 100%;
            border: 1px solid #D9D9D9;
            padding: 0 8%;
            width: 100%;
        }
    }

    .newsletter-block:hover {
        cursor: pointer;
        outline: 2px solid black;
    }
}

@media (max-width: 480px) {
    .newsletter-list {
        display: flex;
        flex-direction: column;

        .newsletter-block {
            width: 100%;
        }
    }
}

.book-title-page {
    color: #222222;
}

.undertitle-book {
    padding-top: 3%;
}

.books-series {
    .page-title-big-image {
        background-image: url(../images/book-series.jpeg);
        background-size: cover;
        background-position: center;
        margin-bottom: 6%;
    }

    .book-list,
    .series-list {
        display: flex;
        flex-wrap: wrap;
        gap: 4%;
        padding-top: 4%;
        row-gap: 24px;

        .book-item {
            display: flex;
            width: 38%;

            .book-image {
                width: 206px;
                height: 258px;
            }

            .book-info {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 4% 0 4% 6%;

                .book-info-list {
                    display: flex;
                    flex-direction: column;
                    justify-content: start;
                    gap: 10px;

                    .book-longtitle {
                        font-size: var(--fs-base);
                        color: black;
                        font-family: "Poppins-Bold";
                    }

                    .book-editor {
                        font-size: var(--fs-xs);
                    }

                    .book-year {
                        font-size: var(--fs-sm);
                    }

                    .book-publisher {
                        font-size: var(--fs-xxs);
                    }
                }

                .download-book {
                    width: 72%;
                    border-radius: 50px;
                    border: none;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    padding: 6% 0;
                    color: white;
                    background: linear-gradient(273.65deg, #5F080A 1.4%, #CD4349 113.96%);
                    transition: all 0.2s ease-in-out;
                }

                .download-book:hover {
                    background: linear-gradient(273.65deg, #000000 1.4%, #000000 113.96%);
                    cursor: pointer;
                    scale: 1.05;
                }
            }
        }

    }

    @media (max-width: 480px) {

        .book-list,
        .series-list {
            display: flex;
            flex-direction: column;
            align-items: center;

            .book-item {
                display: flex;
                align-items: center;
                flex-direction: column;
                width: 100%;
                padding-bottom: 64px;

                .book-info {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    padding: 0 64px;

                    .book-info-list {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        padding: 0 32px;
                        padding-top: 32px;
                    }

                    .download-book {
                        width: fit-content;
                        padding: 16px 24px;
                        margin-top: 12px;
                    }
                }
            }
        }
    }
}

.anthologies-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 194px;
    text-align: center;

    .item-image {
        background-color: #D9D9D9;
        width: 194px;
        height: 204px;
    }

    .item-title {
        font-size: var(--fs-base);
        font-family: "Poppins-SemiBold";
        color: black;
    }

    .item-year {
        font-size: var(--fs-xs);
    }
}

.titleandlink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6%;

    .section-paragraph {
        padding: 0;
    }

    @media (max-width: 480px) {
        .see-more {
            width: fit-content;
            text-wrap: nowrap;
        }
    }
}

.big-book-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 1%;
    width: 318px;

    .book-image {
        width: 318px;
        height: 415;
    }

    .info-list {
        display: flex;
        flex-direction: column;
        gap: 6px;

        .book-title {
            color: black;
        }

        .book-info {
            display: flex;
            align-items: start;
            gap: 6px;
            font-size: var(--fs-sm);
        }
    }
}

.statements-page {
    display: flex;
    flex-direction: column;
    gap: 10px;

    .statements-top {
        display: flex;
        border-top: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
        padding: 1% 0;
        font-size: var(--fs-base);

        .left-top {
            width: 29%;
            text-align: center;
            border-right: 1px solid #EBEBEB;
        }

        .right-top {
            width: 64%;
            padding: 0 2%;
        }
    }

    .statements-container {
        display: flex;
        border: 1px solid #EBEBEB;

        .statements-title {
            width: 23%;
            padding: 2% 2% 1% 4%;
            border-right: 1px solid #EBEBEB;
            display: flex;
            align-items: start;
            font-family: 'Poppins-ExtraBold';
            color: black;
        }

        .link-list {
            display: flex;
            flex-direction: column;
            width: 67%;
            padding: 0 2%;
            gap: 0;

            .statements-link {
                text-decoration: none;
                border-bottom: 1px solid #EBEBEB;
                width: 100%;
                padding: 2% 0;
                font-size: var(--fs-base);
                color: #4c4f53;
            }

            .statements-link:hover {
                color: black;
            }
        }
    }
}

.page-advisory-committee {
    .page-title-big-image {
        background-image: url(../images/acre.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 6%;

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

.advisory-text {
    p {
        color: #000000;
    }

    span {
        color: #BB1A21;
        font-family: "Poppins-SemiBold";
    }
}

.wpa-membership {
    .page-title-big-image {
        background-image: url(../images/membership.jpeg);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 3%;

        .page-title {
            width: 52%;

            .section-title {
                color: black;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }
}

.acre-resource {
    .page-title-big-image {
        background-image: url(../images/acre-re.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 3%;

        .page-title {
            width: 52%;

            .section-title {
                color: white;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }

    a {
        color: #BB1A21;
        font-family: "Poppins-Bold";
        text-decoration: none;
    }

    .title-rectangle {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 16px 0;
        width: 100%;
        color: #D80027;
        border: 1px solid #BB1A21;
        font-family: "Poppins-ExtraBold";
        font-size: 17px;
        margin: 32px 0;
    }

    .section-miniparagraph {
        margin-bottom: 16px;

        .section-download {
            display: flex;
            align-items: center;
            gap: 64px;

            a {
                transition: all 0.1s ease-in-out;

                &:hover {
                    scale: 1.05;
                }
            }
        }

        @media (max-width: 480px) {
            .section-download {
                flex-direction: column;
                align-items: start;
                gap: 16px;

                a {
                    margin-bottom: 32px;
                }
            }
        }
    }

    .link-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        .short {
            width: fit-content;
            gap: 12px;
            text-decoration: none;
            color: black;
            transition: all 0.1s ease-in-out;

            &:hover {
                color: white;
            }
        }
    }

    .link-external {
        color: black;
        margin-top: 32px;

        &:hover {
            color: white;
        }
    }

    .section-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .short {
        width: fit-content;
        gap: 124px;
    }

    .big-red-text {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #BB1A21;
        color: white;
        text-align: center;
        padding: 54px 124px;
        font-size: 18px;
        font-family: "Poppins-Bold";
        margin: 54px 0;
    }

    @media (max-width: 480px) {
        .big-red-text {
            padding: 12px 32px;
        }
    }

    @media (max-width: 480px) {
        .section-flex {
            flex-direction: column;
            align-items: start;
        }
    }
}

@media (max-width: 480px) {
    .wpa-membership {
        .types-list {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 12px;
            padding: 0;
            margin: 0;
        }

        .membership-types {
            width: 100%;
            margin: 0;
        }
    }
}

.types-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4%;
}

.membership-types {
    display: flex;
    border: 1px solid #DDDDDD;
    justify-content: space-between;
    border-radius: 14px;
    padding: 1% 2% 0 0;
    width: 30%;
    height: 154px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.1s ease-in-out;

    .membership-name {
        display: flex;
        align-items: center;
        padding-left: 10%;
        font-family: "Poppins-ExtraBold";
        color: black;
    }

    .membership-link {
        display: flex;
        align-items: start;
        gap: 4px;
        font-size: var(--fs-base);
    }

    .spiral {
        position: absolute;
        top: 0;
        right: -70px;
    }
}

.membership-types:hover {
    cursor: pointer;
    color: white;
    background-color: black;
    scale: 1.05;

    .membership-name {
        color: white;
    }

    .membership-link {
        img {
            filter: invert(100%);
        }
    }
}

.eligibility-block {
    display: flex;
    background-image: url('../images/donation.png');
    background-size: cover;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #BB1A21;
    font-family: "Poppins-Bold";
    padding: 1% 0 2% 0;
    border-radius: 20px;
    margin-top: 12%;
    margin-bottom: 4%;
    font-size: 18px;
    font-family: "Poppins-Bold";

    .eligibility-button {
        background-color: #BB1A21;
        border-radius: 50px;
        color: white;
        font-weight: bold;
        padding: 1% 2%;
        transition: all 0.1s ease-in-out;
        text-decoration: none;
        font-size: 16px;
        font-family: "Poppins-Regular";
    }

    .eligibility-button:hover {
        scale: 1.05;
        cursor: pointer;
    }
}

.wpa-eligibility {
    padding-bottom: 8%;

    .page-title-big-image {
        background-image: url(../images/membership.jpeg);
        background-size: cover;
        background-position: center;

        .page-title {
            .section-title {
                color: #000000;
            }
        }
    }
}

.wpa-affiliated-association {

    .page-title-big-image {
        height: fit-content;
        padding: 4%;
        background-image: url(../images/affiliated.png);
        background-size: cover;
        background-position: center;
        padding-left: 32px;
    }

    .affiliated-longtitle {
        font-size: var(--fs-base);
        font-family: 'Poppins-Regular';
        color: #555555;
        width: 78%;
    }

    @media (max-width: 480px) {
        .section-title {
            padding-left: 32px;
        }
    }

    .affiliated-association-list {
        border-radius: 16px;
        border: 1px solid #EBEBEB;
        margin-top: 6%;
        padding: 4%;

        .affiliated-association-title {
            font-family: "Poppins-Bold";
            color: black;
            padding: 2% 0;
        }

        .affiliated-row {
            display: flex;
            align-items: center;
            border-top: 1px solid #EBEBEB;
            padding: 1.5% 0;
            font-size: var(--fs-base);

            .abreviation {
                width: 34%;
                padding-left: 18%;
            }

            .complete-name {
                width: 66%;
            }
        }

        .row-item {
            color: black;

            .abreviation {
                font-weight: bold;
            }
        }
    }
}

.wpa-member-societies {

    .page-title-big-image {
        height: fit-content;
        padding: 4%;
        background-image: url(../images/affiliated.png);
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .member-longtitle {
        font-size: var(--fs-base);
        font-family: 'Poppins-Regular';
        color: #555555;
        width: 78%;
    }

    .member-research {
        position: absolute;
        background-color: white;
        border: 1px solid #55555580;
        width: 88%;
        padding: 0 2%;
        display: flex;
        align-items: center;
        font-size: var(--fs-base);
        border-radius: 14px;

        .member-filter {
            padding-left: 24px;
            position: relative;
            display: flex;
            align-items: center;

            .member-item {
                padding-right: 10%;
                /* background-color: #CD4349; */
                padding-right: 52px;
            }

            .separation {
                width: 1px;
                height: 78px;
                background-color: #55555580;
                left: 0;
            }

            .filter-item {
                width: 100%;
                color: black;
                font-family: 'Poppins-Bold';
                font-size: var(--fs-xl);
                display: flex;
                justify-content: space-between;
                align-items: center;
                white-space: nowrap;

                img {
                    rotate: 180deg;
                }
            }
        }

        .search-button {
            padding: 1.4%;
            background-color: #BB1A2133;
            border-radius: 15px;
            position: absolute;
            right: 4%;
            transition: all 0.1s ease-in-out;
        }

        .search-button:hover {
            background-color: #222222;
            cursor: pointer;
            scale: 1.1;

            img {
                filter: brightness(1000%);
            }
        }
    }

    .member-list {
        margin-top: 15%;
        border: 1px solid #EBEBEB;
        border-radius: 16px;
        padding: 3%;
        display: flex;
        flex-direction: column;

        .table-title {
            font-family: 'Poppins-ExtraBold';
            color: black;
            padding-bottom: 2%;
        }

        .table-row {
            display: flex;
            align-items: center;
            padding: 2% 0;
            font-size: var(--fs-base);
            border-top: 1px solid #EBEBEB;

            .name {
                width: 41%;
            }

            .region {
                width: 20%;
            }

            .country {
                width: 19%;
            }

            .city {
                width: 12%;
            }

            .zone {
                width: 8%;
            }
        }

        .list-row {
            color: black;

            .name {
                font-family: 'Poppins-ExtraBold';
            }

            .country {
                display: flex;
                align-items: center;
                gap: 8px;

                img {
                    width: 28px;
                }
            }

            .city {
                font-family: 'Poppins-Bold';
            }

            .zone {
                background-color: #BB1A2133;
                border: 1px solid #D80027;
                color: #D80027;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 4px 0;
                border-radius: 50px;
            }
        }
    }
}

@media (max-width: 480px) {
    .wpa-member-societies {
        .page-title-big-image {
            padding: 6% 4%;

            .section-title {
                padding-left: 32px;
            }
        }

        .member-longtitle {
            width: 100%;
            font-size: 14px;
        }

        .member-research {
            position: static;
            width: 100%;
            flex-direction: column;
            padding: 4% 3%;
            margin-top: 20px;
            gap: 15px;

            .member-filter {
                padding-left: 0;
                width: 100%;
                justify-content: center;

                .member-item {
                    padding-right: 0;
                    width: 100%;
                    text-align: center;
                }

                .separation {
                    display: none;
                }

                .filter-item {
                    font-size: 14px;
                    gap: 10px;
                }
            }

            .search-button {
                position: static;
                align-self: center;
                padding: 3%;
            }
        }

        .member-list {
            margin-top: 8%;
            padding: 4% 3%;

            .table-title {
                font-size: 18px;
                text-align: center;
                padding-bottom: 4%;
            }

            .table-top {
                display: none;
            }

            .table-row {
                flex-direction: column;
                align-items: flex-start;
                padding: 4% 0;
                gap: 8px;
                border-bottom: 1px solid #EBEBEB;
            }

            .list-row {
                .name {
                    width: 100%;
                    font-size: 16px;
                    margin-bottom: 5px;
                }

                .region,
                .country,
                .city {
                    width: 100%;
                    font-size: 14px;
                }

                .country {
                    margin: 5px 0;
                }

                .zone {
                    width: 60px;
                    margin-top: 8px;
                    font-size: 12px;
                    font-weight: bold;
                }
            }
        }
    }
}

.wpa-special-member {

    .page-title-big-image {
        height: fit-content;
        padding: 4%;
        background-image: url(../images/affiliated.png);
        background-size: cover;
        background-position: center;
        position: relative;

        @media (max-width: 480px) {
            .section-title {
                padding-left: 32px;
            }
        }
    }

    .member-longtitle {
        font-size: var(--fs-base);
        font-family: 'Poppins-Regular';
        color: #555555;
        width: 78%;
    }

    .member-research {
        position: absolute;
        background-color: white;
        border: 1px solid #55555580;
        width: 88%;
        padding: 0 2%;
        display: flex;
        align-items: center;
        font-size: var(--fs-base);
        border-radius: 14px;

        .member-filter {
            padding-left: 24px;
            position: relative;
            display: flex;
            align-items: center;

            .member-item {
                padding-right: 10%;
                padding-right: 52px;
            }

            .separation {
                width: 1px;
                height: 78px;
                background-color: #55555580;
                left: 0;
            }

            .filter-item {
                width: 100%;
                color: black;
                font-family: 'Poppins-Bold';
                font-size: var(--fs-xl);
                display: flex;
                justify-content: space-between;
                align-items: center;
                white-space: nowrap;
                gap: 32px;

                img {
                    rotate: 180deg;
                }
            }
        }

        .search-button {
            padding: 1.4%;
            background-color: #BB1A2133;
            border-radius: 15px;
            position: absolute;
            right: 4%;
            transition: all 0.1s ease-in-out;
        }

        .search-button:hover {
            background-color: #222222;
            cursor: pointer;
            scale: 1.1;

            img {
                filter: brightness(1000%);
            }
        }
    }

    .honorary-membership {
        display: flex;
        flex-direction: column;
        padding: 3% 6%;
        border-radius: 16px;
        border: 1px solid #EBEBEB;
        margin: 10% 0;
        width: 88%;

        .table-title {
            font-family: 'Poppins-ExtraBold';
            color: black;
            padding-bottom: 2%;
        }

        .table-row {
            display: flex;
            align-items: center;
            padding: 2% 0;
            font-size: var(--fs-base);
            border-top: 1px solid #EBEBEB;

            .name {
                width: 38%;
                padding-left: 14%;
            }

            .country {
                display: flex;
                align-items: center;
                gap: 16px;

                img {
                    width: 32px;
                }
            }
        }

        .item-row {
            color: black;
        }
    }
}

@media (max-width: 480px) {
    .wpa-special-member {
        .page-title-big-image {
            padding: 6% 4%;

            .section-title {
                padding-left: 32px;
            }
        }

        .member-longtitle {
            width: 100%;
            font-size: 14px;
        }

        .honorary-membership {
            width: 94%;
            padding: 4% 3%;
            margin: 15% 0;

            .table-title {
                font-size: 18px;
                text-align: center;
                padding-bottom: 4%;
            }

            .table-row {
                flex-direction: column;
                align-items: flex-start;
                padding: 3% 0;
                gap: 8px;

                .name {
                    width: 100%;
                    padding-left: 0;
                    font-weight: 600;
                }

                .country {
                    width: 100%;
                    padding-left: 0;
                    font-size: 14px;
                }
            }

            .title-row {
                display: none;
            }
        }

        .pagination {
            flex-wrap: wrap;
            gap: 5px;
            margin-top: 30px;

            a,
            span {
                padding: 6px 10px;
                font-size: 14px;
            }
        }
    }
}

.wpa-research-initiatives {
    .page-title-big-image {
        background-image: url(../images/researchinitiatives.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 3%;

        .page-title {
            width: 52%;

            .section-title {
                color: white;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }

    .research-title {
        color: black;
        font-family: "Poppins-ExtraBold";
    }

    .two-images-research {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .images-research {
            width: 49%;
            height: 40vh;
            background-size: cover;
            display: flex;
            align-items: end;
            padding-bottom: 8%;
            justify-content: center;

            .research-button {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 2% 8%;
                border: 1px solid white;
                border-radius: 8px;
                background-color: #ffffff3a;
                backdrop-filter: blur(150px);
                transition: all 0.1s ease-in-out;
                font-family: "Poppins-Bold";
            }

            .research-button:hover {
                cursor: pointer;
                scale: 1.05;
            }
        }

        .university {
            background-image: url('../images/universitybern.png');

            .research-button {
                color: black;
            }
        }

        .discover {
            background-image: url('../images/discovernoreresearch.png');

            .research-button {
                color: white;
            }
        }
    }

    .related-research {
        margin-top: 4%;
    }
}

.scientific-sections {
    .page-title-big-image {
        background-image: url(../images/scientific-sections.png);
    }
}

.geopsychiatry-special-interest-groups {
    .page-title-big-image {
        height: fit-content;
        background-image: url(../images/geopsychiatry-special-interest-groups.png);
    }
}

.neuropsychiatry-special-interest-groups {
    .page-title-big-image {
        height: fit-content;
        background-image: url(../images/neuro.jpg);
    }
}

.medical-students-special-interest-groups {
    .page-title-big-image {
        height: fit-content;
        background-image: url(../images/headway.jpg);
    }
}

.public-mental-healthspecial-interest-groups {
    .page-title-big-image {
        height: fit-content;
        background-image: url(../images/publicmh.jpg);
    }
}

.page-bic {
    .page-title-big-image {
        background-image: url(../images/bic.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 3%;

        .page-title {
            width: 52%;

            .section-title {
                color: white;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }

    .bic-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 4%;

        .youtube-video {
            width: 500px;
            height: 300px;
            border-radius: 15px;
        }

        .youtube-texts {
            width: 554px;

            .link-external {
                padding: 3% 6%;
                margin-top: 8%;
            }
        }
    }
}

.news-events {
    .wpa-links {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 3% 0;
        margin-bottom: 4%;

        .links-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            position: relative;
            color: white;

            .link-block {
                width: 30%;
                height: 136px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                border-radius: 5px;
                padding-left: 2%;
                background-size: cover;
                background-position: center;
                position: relative;

                .link-title {
                    font-size: 24px;
                    font-family: "Poppins-Bold";
                }

                .view-all {
                    font-size: 13px;
                    font-family: "Poppins-Regular";
                }
            }

            .bg1::before {
                content: "";
                width: 100%;
                position: absolute;
                inset: 0;
                background-image: url(../images/bg1.jpeg);
                background-size: cover;
                background-position: center;
                filter: grayscale(100%) brightness(50%);
                z-index: -1;
                border-radius: 5px;
            }

            .bg2::before {
                content: "";
                width: 100%;
                position: absolute;
                inset: 0;
                background-image: url(../images/bg2.jpeg);
                background-size: cover;
                background-position: center;
                filter: grayscale(100%) brightness(50%);
                z-index: -1;
                border-radius: 5px;
            }

            .bg3::before {
                content: "";
                width: 100%;
                position: absolute;
                inset: 0;
                background-image: url(../images/bg3.jpeg);
                background-size: cover;
                background-position: center;
                filter: grayscale(100%) brightness(50%);
                z-index: -1;
                border-radius: 5px;
            }
        }

        @media (max-width: 480px) {
            .links-row {
                display: flex;
                flex-direction: column;
                width: 100%;
                gap: 16px;

                .link-block {
                    width: 100%;
                }
            }
        }

        .last-link {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .last-link:before {
            content: "";
            width: 100%;
            position: absolute;
            inset: 0;
            background-image: url(../images/bg4.png);
            background-size: cover;
            background-position: center;
            filter: grayscale(100%) brightness(50%);
            z-index: -1;
            border-radius: 5px;
        }
    }

    .home-news {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .home-news-main {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .home-events-top {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .more-news {
                font-size: var(--fs-md);
                color: #BB1A21;
            }
        }

        .home-news-list {
            display: flex;
            justify-content: space-between;
            height: fit-content;
        }

        @media (max-width: 480px) {
            .home-news-list {
                display: flex;
                flex-direction: column;
                gap: 48px;
                /* background-color: #24689F; */

                .home-news-block {
                    width: 100%;
                }
            }
        }

        .home-news-block {
            width: 30%;
            display: flex;
            flex-direction: column;

            img {
                width: 100%;
                height: 272px;
                border-radius: 10px;
                object-fit: cover;
            }
        }

        .home-news-info {
            width: 100%;
            gap: 12px;
            display: flex;
            align-items: center;

            .home-news-infos {
                display: flex;
                align-items: center;
                gap: 4px;

                img {
                    width: 20px;
                    height: 20px;
                }

                p {
                    font-size: var(--fs-sm);
                }
            }

            .separation-mini-line {
                width: 1px;
                height: 10px;
                background-color: #555555;
            }
        }

        .home-news-title {
            display: flex;

            .news-title {
                font-weight: bolder;
                color: #222222;
                font-size: (--text-medium);
            }

            button {
                background-color: transparent;
                border: none;
                cursor: pointer;
                height: 20px;
                width: 20px;
                padding: 0;
            }

            img {
                width: 20px;
                height: 20px;
            }
        }
    }

    .news-events-archive {
        height: 48px;
        padding: 0 1.5% 0 2.5%;
        display: flex;
        border: 1px solid black;
        border-radius: 50px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1%;

        font-weight: bolder;
        font-size: var(--fs-md);
        color: black;

        button {
            width: fit-content;
            height: fit-content;
            background-color: transparent;
            border: none;
        }

        &:hover {
            color: white;
        }
    }

    .between {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 4%;

        .red-text {
            color: #D80027;
        }

    }
}

.upcoming-congresses-events {
    .page-title-big-image {
        background-image: url(../images/upcoming-congresses.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 5%;

        .page-title {
            width: 52%;

            .section-title {
                color: white;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }

    .congresses-navigation {
        display: flex;

        .pub-section {
            flex-grow: 1;
            font-size: var(--fs-base);
            font-family: "Poppins-Bold";
            text-align: center;
            padding: 1% 0;
            border: 1px solid #E6E7E8;
            color: #222222;
            cursor: pointer;
            transition: all 0.1s ease-in-out;
            text-decoration: none;
        }

        .pub-section:hover {
            background-color: #f5f5f5;
        }

        .selected-section {
            background-color: #BB1A2133;
            color: #BB1A21;
            border-top: 2px solid #BB1A21;
        }
    }

    @media (max-width: 480px) {
        .congresses-navigation {
            display: flex;
            flex-direction: column;

            .pub-section {
                font-size: 14px;
                padding: 16px;
            }
        }
    }

    .thematic {
        margin-top: 4%;
    }

    .congresses-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 4%;

        .top-button {
            display: flex;
            align-items: center;
            background: linear-gradient(to right, #790A0F, #ED1F24);
            color: white;
            gap: 16px;
            padding: 4px 4px 4px 20px;
            border-radius: 50px;
            transition: all 0.1s ease-in-out;
        }

        .top-button:hover {
            cursor: pointer;
            scale: 1.05;
        }
    }

    .home-events {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-bottom: 4%;

        p {
            color: #D80027;
            padding-top: 2%;
            /* font-weight: bold; */
            font-family: "Poppins-Bold";
        }

        /* .home-events-container {
            height: 516px;
            width: 92%;
            padding: 5% 4%;
            height: 52vh;
            border: 1px solid #DDDDDD;
            display: flex;
            justify-content: space-between;
            align-items: center;
            

            .home-events-info {
                width: 30%;
                background-color: #929C9F;

                .home-events-title {
                    font-size: var(--fs-3xl);
                    line-height: 24px;
                    font-weight: bold;
                    color: black;
                    padding: 0 0 5% 0;
                }

                .home-events-text {
                    font-size: var(--fs-sm);
                    color: black;
                }

                .home-events-infos {
                    display: flex;
                    flex-direction: column;
                    padding: 5% 0;
                    gap: 10px;

                    .home-events-infos-line {
                        display: flex;
                        align-items: center;
                        gap: 16px;

                        .home-events-infos-text {
                            font-size: var(--fs-md);
                            color: black;
                        }
                    }
                }

            }

            .home-events-image {
                width: 64%;
            }
        } */


        .home-events-container {
            /* height: 516px; */
            width: 92%;
            padding: 5% 4%;
            height: 52vh;
            border: 1px solid #DDDDDD;
            display: flex;
            justify-content: space-between;

            .date-container {
                height: 100%;
                width: 178px;
                margin-right: 32px;

                .date {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    border: 1px solid black;

                    .monthyear {
                        width: 100%;
                        display: flex;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #BB1A21;
                        color: white;
                        text-wrap: nowrap;
                        font-family: 'Poppins-Bold';
                        padding: 12px 0;
                        font-size: 13px;
                    }

                    .day {
                        width: 100%;
                        display: flex;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 18px;
                        font-weight: 700;
                        color: black;
                        padding: 12px 0;
                    }
                }
            }

            .home-events-info {
                width: 30%;
                margin-right: 32px;
                /* background-color: #929C9F; */

                .home-events-title {
                    font-size: var(--fs-3xl);
                    line-height: 24px;
                    font-weight: bold;
                    color: black;
                    padding: 0 0 5% 0;
                }

                .home-events-text {
                    font-size: var(--fs-sm);
                    color: black;
                }

                .home-events-infos {
                    display: flex;
                    flex-direction: column;
                    padding: 5% 0;
                    gap: 10px;

                    .home-events-infos-line {
                        display: flex;
                        align-items: center;
                        gap: 16px;

                        .home-events-infos-text {
                            font-size: var(--fs-md);
                            color: black;
                        }
                    }
                }

            }

            .home-events-image {
                width: 64%;
                object-fit: cover;
            }
        }

        @media (max-width: 480px) {
            .home-events-container {
                display: flex;
                width: 100%;
                align-items: center;
                flex-direction: column;

                width: fit-content;
                padding: 54px 32px;

                .date-container {
                    margin: 0;
                    padding: 0;
                }

                .home-events-info {
                    margin: 0;
                    padding: 32px 0;
                    width: 100%;
                }

                .home-events-image {
                    display: none;
                    width: 0;
                    height: 0;
                    scale: 0;
                    background-color: #790A0F;
                }
            }
        }

    }

    .congresses-past-list {
        display: flex;
        flex-direction: column;
        font-size: var(--fs-base);

        .list-top {
            border-top: 1px solid #D9D9D9;
            border-bottom: 1px solid #D9D9D9;
            padding: 12px 1%;
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .list-column {
            display: flex;
            align-items: center;

            .date-container {
                background-color: #F0F0F0;
                padding: 4px 8px;
                border-radius: 8px;
            }

            &.agenda {
                width: 24%;
                padding-right: 4%;
                justify-content: center;
                /* background-color: cadetblue; */
            }
        }

        .title {
            width: 21%;
            padding-right: 2%;
            /* background-color: chartreuse; */
        }

        .agenda {
            width: 24%;
            padding-right: 4%;
            justify-content: center;
            /* background-color: cadetblue; */
        }

        .start {
            width: 12%;
            padding-right: 0%;
            justify-content: center;
            /* background-color: cadetblue; */
        }

        .end {
            width: 12%;
            padding-right: 1%;
            justify-content: center;
            /* background-color: darkorange; */
        }

        .theme {
            width: 18%;
            padding-right: 5%;
            /* background-color: burlywood; */
        }

        .citycountry {
            width: 20%;
            padding-right: 1%;
            /* background-color: blueviolet; */
        }

        .website {
            width: 7%;
            /* background-color: greenyellow; */
            justify-content: end;
        }

        .content-list {
            display: flex;
            flex-direction: column;
            border-top: 1px solid #D9D9D9;
            border-bottom: 1px solid #D9D9D9;
            padding: 24px 0;
            gap: 12px;

            .content-row {
                padding: 1%;
                display: flex;
                align-items: center;
                color: black;

                .title {
                    font-family: "Poppins-Bold";
                    width: 16%;
                    padding-right: 7%;
                    font-size: var(--fs-xl);
                }

                .citycountry {
                    gap: 10px;

                    img {
                        width: 32px;
                    }
                }
            }
        }
    }

    @media (max-width: 480px) {
        .congresses-past-list {
            .list-top {
                display: none;
            }

            .content-list {
                .content-row {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 12px;
                    padding: 16px 1%;
                    border-bottom: 1px solid #D9D9D9;

                    &:last-child {
                        border-bottom: none;
                    }

                    .list-column {
                        width: 100% !important;
                        padding-right: 0 !important;
                        justify-content: flex-start !important;
                    }

                    .title {
                        font-size: var(--fs-lg);
                        margin-bottom: 4px;
                    }

                    .theme {
                        font-style: italic;
                        color: #666;
                    }

                    .citycountry {
                        .city {
                            margin: 0;
                        }
                    }

                    .start,
                    .end {
                        .date-container {
                            display: inline-block;
                        }
                    }

                    .website {
                        justify-content: flex-start !important;
                    }
                }
            }
        }
    }
}

.statutes-by-laws {
    display: flex;
    flex-direction: column;

    .statutes-list {
        display: flex;
        flex-direction: column;
        padding: 2% 0;

        .statutes-block {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: start;
            padding: 1% 0 4% 0;

            .statutes-link-list {
                width: 55%;
                display: flex;
                flex-direction: column;
                gap: 12px;

                .contact-button {
                    width: 94%;
                }
            }
        }
    }

    .contact-button {
        width: 94%;
        margin-bottom: 1%;
    }
}

.special-interest-groups {
    .contact-button {
        text-decoration: none;
        width: 94%;
        margin: 2% 0;
        text-wrap: nowrap;
        min-width: fit-content;
    }
}

.co-sponsored {
    .congresses-co-sponsored {
        display: flex;
        flex-direction: column;
        font-size: var(--fs-base);

        .list-top {
            border-top: 1px solid #D9D9D9;
            border-bottom: 1px solid #D9D9D9;
            padding: 12px 1%;
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .list-column {
            display: flex;
            align-items: center;

            .date-container {
                background-color: #F0F0F0;
                padding: 4px 8px;
                border-radius: 8px;
            }
        }

        .title {
            width: 12%;
            padding-right: 5%;
            /* background-color: chartreuse; */
        }

        .theme {
            width: 16%;
            padding-right: 2%;
            /* background-color: burlywood; */
        }

        .citycountry {
            width: 14%;
            padding-right: 1%;
            /* background-color: blueviolet; */
        }

        .start {
            width: 10%;
            padding-right: 0%;
            justify-content: center;
            /* background-color: cadetblue; */
        }

        .end {
            width: 10%;
            padding-right: 1%;
            justify-content: center;
            /* background-color: darkorange; */
        }

        .organiser {
            width: 10%;
            padding-right: 2%;
            /* background-color: chartreuse; */
        }

        .contact {
            width: 10%;
            padding-right: 1%;
            /* background-color: chartreuse; */
        }

        .website {
            width: 7%;
            /* background-color: greenyellow; */
            justify-content: end;
        }

        .content-list {
            display: flex;
            flex-direction: column;
            border-top: 1px solid #D9D9D9;
            border-bottom: 1px solid #D9D9D9;
            padding: 24px 0;
            gap: 12px;

            .content-row {
                padding: 1%;
                display: flex;
                align-items: center;
                color: black;

                .title {
                    font-family: "Poppins-Bold";
                    font-size: var(--fs-xl);
                }

                .start,
                .end {
                    font-size: var(--fs-sm);
                }

                .citycountry {
                    gap: 10px;

                    img {
                        width: 32px;
                    }
                }
            }
        }
    }
}

.wpa-volunteer-program {
    .page-title-big-image {
        background-image: url(../images/volunteer.png);
        background-size: cover;
        background-position: center;
        margin-bottom: 2%;
        padding-bottom: 3%;

        .page-title {
            width: 52%;

            .section-title {
                color: white;

                p {
                    font-size: var(--fs-base);
                    font-family: "Poppins-SemiBold";
                }
            }
        }
    }

    .link-external {
        text-decoration: none;
        margin: 32px 0 0 0;

        &:hover {
            color: white;
        }
    }
}

@media (max-width: 480px) {
    .publication-page {
        display: flex;
        flex-direction: column;

        .page-title-big-image {
            padding: 0;
            display: flex;
            flex-direction: column;
            height: fit-content;

            .page-title {
                width: fit-content;
                height: 100%;
                margin: 0;
                border-radius: 13px;
                border: none;
                /* width: 100%; */
            }
        }

        .two-images-research {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 32px 0;
            margin: 0;
            gap: 32px;

            .images-research {
                width: 100%;
            }
        }
    }

    .page-bic {
        display: flex;
        flex-direction: column;

        .section-miniparagraph {
            .youtube-flex {
                display: flex;
                flex-direction: column;
                height: fit-content;
                width: 100px;

                .youtube-video {
                    width: 100%px;
                    height: 300px;
                    border-radius: 15px;
                }

                .documents-link {
                    width: 100%;
                }
            }
        }

        .bic-flex {
            display: flex;
            flex-direction: column;
            width: 100%;

            .youtube-texts {
                display: flex;
                flex-direction: column;
                width: 100%;
            }
        }
    }
}

.date {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid black;

    .monthyear {
        width: 100%;
        display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #BB1A21;
        color: white;
        text-wrap: nowrap;
        font-family: 'Poppins-Bold';
        padding: 12px 0;
        font-size: 13px;
    }

    .day {
        width: 100%;
        display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
        color: black;
        padding: 12px 0;
    }

    &.little {
        width: 100px;

        .monthyear {
            font-size: 12px;
        }

        .day {
            font-size: 14px;
        }
    }
}

.page-wg-geo {
    .page-title-big-image {
        background-image: url(../images/geopsy.png);
        background-size: cover;
        background-position: center;
    }
}
.page-wg-lancet {
    .page-title-big-image {
        background-image: url(../images/lancet.png);
        background-size: cover;
        background-position: center;
    }
}

.page-wg-website {
    .page-title-big-image {
        background-image: url(../images/cover-website.png);
        background-size: cover;
        background-position: center;
    }
}
.page-wg-learning-portal {
    .page-title-big-image {
        background-image: url(../images/cover-learning.png);
        background-size: cover;
        background-position: center;
    }
}

.page-wg-citiesrise {
    .page-title-big-image {
        background-image: url(../images/citiesrise.png);
        background-size: cover;
        background-position: center;
    }
}

.page-wg-meeting {
    .page-title-big-image {
        background-image: url(../images/berlin.png);
        background-size: cover;
        background-position: center;
    }
}
    .officers {
        display: flex;
        padding: 0 20%;
        gap: 20%;
        margin-top: 40px;

        .officer {
            flex: 1;
            display: flex;
            flex-direction: column;

            b {
                text-align: center;
                color: black;
                margin-top: 10px;
            }

            .div {
                display: flex;
                align-items: center;
                gap: 20px;

                img {
                    width: 20px;
                }
            }

            .officer-photo {
                max-width: 100%;
                filter: grayscale(100%);
                transition: all 0.1s;

                &:hover {
                    filter: grayscale(0);
                    scale: 1.1;
                }
            }

            .contact-button {
                text-align: center;
                width: 100%;

                div {
                    width: 100%;
                }
            }
        }
    }

    .contact-button {
        margin: 50px 0;
        width: 100%;
    }

        @media (max-width: 768px) {
        .page-title-big-image {
            display: flex;
            align-items: center;
            justify-content: center;
            height: fit-content;

            .page-title {
                width: 100%;
            }
        }

        .sections-container {
            flex-direction: column;

            .section-link {
                flex-direction: column;
            }
        }

        .officers {
            flex-direction: column;
        }

        .contact-button {
            div {
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        .youtube-videos {
            flex-direction: column;

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

    .last-text {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }