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

    .former-list {
        display: flex;
        flex-direction: column;
        overflow-x: auto;
        padding: 78px 0;

        .former-top,
        .former-bottom {
            display: flex;
            width: fit-content;
            gap: 64px;

            .former-top-content {
                margin-left: 18px;
                padding-left: 16px;
                position: relative;
                border-left: 1px solid #BB1A21;
                color: black;

                .little-round {
                    width: 6px;
                    height: 6px;
                    border-radius: 500px;
                    background: #BB1A21;
                    position: absolute;
                }

                .year {
                    font-family: "Poppins-Bold";
                    font-size: 18px;
                    margin: 16px 0;
                }

                img {
                    width: 100px;
                    object-fit: cover;
                    transition: all 0.1s ease-in-out;

                    &:hover {
                        scale: 1.05;
                    }
                }

                .name-country {
                    padding: 12px 0;
                    font-family: "Poppins-ExtraBold";
                    text-wrap: nowrap;
                }

                .elected {
                    font-size: 13px;
                    margin-bottom: 32px;
                }
            }
        }

        .former-top {
            .former-top-content {
                .little-round {
                    top: -3px;
                    left: -3px;
                }
            }
        }

        .former-bottom {
            padding-left: 64px;
            border-top: 4px solid #BB1A21;

            .former-top-content {
                .little-round {
                    bottom: -3px;
                    left: -3px;
                }
            }
        }
    }
}