.open-position-item a {

    display: grid
}

.open-position-item .open-position-item-title {

    padding-bottom: 1.6rem;

    font-size: var(--font-subtitle-2-size);

    line-height: var(--font-subtitle-2-line-height, normal);

    letter-spacing: var(--font-subtitle-2-letter-spacing, 0);

    font-weight: var(--font-subtitle-2-weight, 400)
}

.open-position-item .open-position-item-address {

    grid-column: span 2 / span 2;

    padding-bottom: 4.8rem;

    font-size: var(--font-button-size);

    line-height: var(--font-button-line-height, normal);

    letter-spacing: var(--font-button-letter-spacing, 0);

    font-weight: var(--font-button-weight, 400);

    text-decoration-line: underline
}

.open-position-item svg {

    margin-left: auto;

    display: none;

    height: 1.6rem;

    width: 1.6rem;

    fill: rgb(var(--color-blue) / 1)
}

.open-position-item svg path {

    fill: rgb(var(--color-blue) / 1)
}

.animate-dark .open-position-item svg,
.animate-dark .open-position-item svg path {

    fill: rgb(var(--color-white) / 1)
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    .open-position-item a {

        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .open-position-item .open-position-item-title {

        grid-column: span 7 / span 7;

        padding-bottom: 4.8rem
    }

    .open-position-item svg {

        display: block
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}