.arrow_buttons {
    display: flex;
    justify-content: flex-end;
    margin-right: 9%;
    user-select: none;
}

.arrow_buttons > #left_arrow {
    transform: rotate(-180deg);
    margin-right: 0.5rem;
}

.arrow_buttons > img {
    cursor: pointer;
}

.arrow_buttons > img:active {
    opacity: 0.5;
}

@media screen and (min-width: 1270px) {
    .equipo-main {
        position: relative;

        width: calc(100% - 17.625rem);
        height: auto;

        margin: 5rem 0 0 17.625rem;
    }

    .equipo-main > h1 {
        font-weight: 700;
        font-size: 2.5rem;

        margin: 7.5rem 0rem 3.5rem 5.25rem;

        color: var(--green-4);
    }

    .equipo-list {
        margin: 0 5.25rem;

        overflow-x: auto;

        /* display: flex; */

        padding-bottom: 2rem;

        width: calc(100% - (5.25rem * 2));

        scroll-behavior: smooth;
    }

    .equipo-inner-list {
        margin: 1rem 0;
        display: flex;
    }

    .equipo-container {
        max-width: 13.75rem;
        min-width: 13.75rem;
        height: auto;

        margin-right: 2rem;
    }

    .equipo-container > img {
        width: 165px;
        height: 165px;

        border-radius: 100%;

        object-fit: cover;
    }

    .equipo-container > h1 {
        margin-top: 1rem;

        font-weight: 600;
        font-size: 1.125rem;

        color: var(--black-1);
    }

    .equipo-container > h2 {
        font-weight: 400;
        font-size: 0.875rem;

        margin: 0.25rem 0;

        color: #6b6b6b;
    }

    .equipo-container > a > h3 {
        font-weight: 500;
        font-size: 1rem;

        margin: 0.25rem 0;

        color: var(--green-2);
    }

    .equipo-container > a > p {
        font-weight: 500;
        font-size: 0.625rem;

        letter-spacing: 0.1rem;

        color: var(--green-2);

        word-break: break-word;
    }

    /* Custom Scrollbar for the team list */
    .equipo-list::-webkit-scrollbar {
        height: 3px;
    }

    /* Track */
    .equipo-list::-webkit-scrollbar-track {
        background: var(--grey-1);
    }

    /* Handle */
    .equipo-list::-webkit-scrollbar-thumb {
        background: var(--green-4);
    }

    /* Handle on hover */
    .equipo-list::-webkit-scrollbar-thumb:hover {
        background: var(--green-4);
    }
}

@media screen and (max-width: 1269px) {
    .equipo-main {
        position: relative;

        width: 100%;
        height: auto;

        margin: 5rem 0 0 0;
    }

    .equipo-main > h1 {
        font-weight: 700;
        font-size: 2.5rem;

        margin: 7.5rem 0rem 3.5rem 5.25rem;

        color: var(--green-4);
    }

    .equipo-list {
        margin-left: 5.25rem;
        margin-right: 5.25rem;

        overflow-x: auto;

        /* display: flex; */

        padding-bottom: 2rem;

        width: calc(100% - (10.5rem));

        scroll-behavior: smooth;
    }

    .equipo-inner-list {
        margin: 1rem 0;
        display: flex;
    }

    .equipo-container {
        max-width: 13.75rem;
        min-width: 13.75rem;
        height: auto;

        margin-right: 2rem;
    }

    .equipo-container > img {
        width: 165px;
        height: 165px;

        border-radius: 100%;

        object-fit: cover;
    }

    .equipo-container > h1 {
        margin-top: 1rem;

        font-weight: 600;
        font-size: 1.125rem;

        color: var(--black-1);
    }

    .equipo-container > h2 {
        font-weight: 400;
        font-size: 0.875rem;

        margin: 0.25rem 0;

        color: #6b6b6b;
    }

    .equipo-container > a > h3 {
        font-weight: 500;
        font-size: 1rem;

        margin: 0.25rem 0;

        color: var(--green-2);
    }

    .equipo-container > a > p {
        font-weight: 500;
        font-size: 0.625rem;
        width: 100%;
        line-break: anywhere;

        letter-spacing: 0.1rem;

        color: var(--green-2);

        word-break: break-word;
    }

    /* Custom Scrollbar for the team list */
    .equipo-list::-webkit-scrollbar {
        height: 3px;
    }

    /* Track */
    .equipo-list::-webkit-scrollbar-track {
        background: var(--grey-1);
    }

    /* Handle */
    .equipo-list::-webkit-scrollbar-thumb {
        background: var(--green-4);
    }

    /* Handle on hover */
    .equipo-list::-webkit-scrollbar-thumb:hover {
        background: var(--green-4);
    }
}

@media screen and (min-width: 500px) and (max-width: 900px) {
    .equipo-main {
        position: relative;

        width: 100%;
        height: auto;

        margin: 2rem 0 0 0;
    }

    .equipo-main > h1 {
        font-weight: 700;
        font-size: 2.5rem;

        margin: 0 2.25rem 3.5rem 2.25rem;

        color: var(--green-4);
    }

    .equipo-list {
        margin-left: 2.25rem;
        margin-right: 2.25rem;

        overflow-x: auto;

        /* display: flex; */

        padding-bottom: 2rem;

        width: calc(100% - (4.5rem));

        scroll-behavior: smooth;
    }

    .equipo-inner-list {
        margin: 1rem 0;
        display: flex;
    }

    .equipo-container {
        max-width: 13.75rem;
        min-width: 13.75rem;
        height: auto;

        margin-right: 2rem;
    }

    .equipo-container > img {
        width: 165px;
        height: 165px;

        border-radius: 100%;

        object-fit: cover;
    }

    .equipo-container > h1 {
        margin-top: 1rem;

        font-weight: 600;
        font-size: 1.125rem;

        color: var(--black-1);
    }

    .equipo-container > h2 {
        font-weight: 400;
        font-size: 0.875rem;

        margin: 0.25rem 0;

        color: #6b6b6b;
    }

    .equipo-container > a > h3 {
        font-weight: 500;
        font-size: 1rem;

        margin: 0.25rem 0;

        color: var(--green-2);
    }

    .equipo-container > a > p {
        font-weight: 500;
        font-size: 0.625rem;
        width: 100%;
        line-break: anywhere;

        letter-spacing: 0.1rem;

        color: var(--green-2);

        word-break: break-word;
    }

    /* Custom Scrollbar for the team list */
    .equipo-list::-webkit-scrollbar {
        height: 3px;
    }

    /* Track */
    .equipo-list::-webkit-scrollbar-track {
        background: var(--grey-1);
    }

    /* Handle */
    .equipo-list::-webkit-scrollbar-thumb {
        background: var(--green-4);
    }

    /* Handle on hover */
    .equipo-list::-webkit-scrollbar-thumb:hover {
        background: var(--green-4);
    }
}

@media screen and (max-width: 499px) {
    .equipo-main {
        position: relative;

        width: 100%;
        height: auto;

        margin: 2rem 0 0 0;
    }

    .equipo-main > h1 {
        font-weight: 700;
        font-size: 2.5rem;

        margin: 0 2.5rem 3.5rem 2.5rem;

        color: var(--green-4);
    }

    .equipo-list {
        margin: 0 2.5rem;

        overflow-x: auto;

        /* display: flex; */

        padding-bottom: 2rem;

        width: calc(100% - (4.5rem));

        scroll-behavior: smooth;
    }

    .equipo-inner-list {
        margin: 1rem 0;
        display: flex;
    }

    .equipo-container {
        max-width: 13.75rem;
        min-width: 13.75rem;
        height: auto;

        margin-right: 2rem;
    }

    .equipo-container > img {
        width: 165px;
        height: 165px;

        border-radius: 100%;

        object-fit: cover;
    }

    .equipo-container > h1 {
        margin-top: 1rem;

        font-weight: 600;
        font-size: 1.125rem;

        color: var(--black-1);
    }

    .equipo-container > h2 {
        font-weight: 400;
        font-size: 0.875rem;

        margin: 0.25rem 0;

        color: #6b6b6b;
    }

    .equipo-container > a > h3 {
        font-weight: 500;
        font-size: 1rem;

        margin: 0.25rem 0;

        color: var(--green-2);
    }

    .equipo-container > a > p {
        font-weight: 500;
        font-size: 0.625rem;
        width: 100%;
        line-break: anywhere;

        letter-spacing: 0.1rem;

        color: var(--green-2);

        word-break: break-word;
    }

    /* Custom Scrollbar for the team list */
    .equipo-list::-webkit-scrollbar {
        height: 3px;
    }

    /* Track */
    .equipo-list::-webkit-scrollbar-track {
        background: var(--grey-1);
    }

    /* Handle */
    .equipo-list::-webkit-scrollbar-thumb {
        background: var(--green-4);
    }

    /* Handle on hover */
    .equipo-list::-webkit-scrollbar-thumb:hover {
        background: var(--green-4);
    }
}