/* ---------- Sidebar bottom ---------- */

.sidebar_bottom {
    display: flex;
    width: 1024px;
    margin: 150px 0 0 0;
    padding: 100px calc(50% - 512px) 0 calc(50% - 512px);
    background-color: var(--p-black);
}

/* ---------- Sidebar bottom div ---------- */

.sidebar_bottom_left {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    width: 30%;
    margin: 0;
    padding: 0;
}

.sidebar_bottom_center {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 40%;
    margin: 0;
    padding: 0;
}

.sidebar_bottom_right {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    width: 30%;
    margin: 0;
    padding: 0;
}

.sidebar_bottom_div {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 4px 8px;
    border-radius: 8px;
    transition-duration: 250ms;
}

.sidebar_bottom_div_center {
    margin: 24px 0;
}

.sidebar_bottom_div:hover {
    background-color: var(--p-grey);
}

/* ---------- Sidebar top components ---------- */

.sidebar_bottom_svg {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    padding: 0;
    fill: var(--p-white);
    cursor: pointer;
}

.sidebar_bottom_link {
    margin: 0;
    padding: 0;
    color: var(--p-white);
    font-family: inter;
    font-size: var(--p-extra-extra-light);
    text-align: end;
    cursor: pointer;
}

.sidebar_bottom_text {
    margin: 0 0 11.5px 0;
    padding: 0;
    color: var(--p-white);
    font-family: inter;
    font-size: var(--p-extra-extra-light);
    text-align: center;
}

.sidebar_bottom_logo_link {
    width: 100px;
    height: 66.66px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.sidebar_bottom_logo {
    width: 100px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.sidebar_bottom_logo1 {
    fill: var(--p-white);
}

.sidebar_bottom_logo2 {
    fill: var(--p-white);
}

.sidebar_bottom_logo3 {
    fill: none;
    stroke: var(--p-white);
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

.sidebar_sub_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1024px;
    margin: 0;
    padding: 48px calc(50% - 512px) 100px calc(50% - 512px);
    background-color: var(--p-black);
}

.sidebar_sub_bottom_box {
    display: flex;
    width: 125px;
    margin: 0;
    padding: 0;
}

.sidebar_sub_bottom_box_left {
    justify-content: end;
}

.sidebar_sub_bottom_link {
    margin: 0;
    padding: 0;
    color: var(--p-white);
    font-family: inter;
    font-size: var(--p-extra-extra-light);
    text-align: center;
    transition-duration: 250ms;
}

.sidebar_sub_bottom_link:hover {
    color: var(--p-grey);
}

.sidebar_sub_bottom_link_center {
    margin: 0 48px;
}

/* ---------- Resize ---------- */

@media only screen and (max-width: 1148px) {
    .sidebar_bottom {
        flex-direction: column;
        width: 90%;
        padding: 100px 5% 0 5%;
    }

    .sidebar_bottom_left {
        order: 1;
        justify-content: center;
        width: 254px;
        margin: 0 calc(50% - 127px);
    }
    
    .sidebar_bottom_center {
        order: 3;
        justify-content: center;
        width: 100%;
        margin: 28px 0 0 0;
    }
    
    .sidebar_bottom_right {
        order: 2;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 33.5px 0 0 0;
    }

    .sidebar_sub_bottom {
        width: 90%;
        padding: 48px 5% 100px 5%;
    }
}

@media only screen and (max-width: 778px) {
    .sidebar_sub_bottom {
        flex-direction: column;
    }

    .sidebar_sub_bottom_box, .sidebar_sub_bottom_box_left {
        justify-content: center;
    }

    .sidebar_sub_bottom_link_center {
        margin: 24px 0;
    }
}