.job-details-page .absolute {
    position: absolute;
}

.job-details-page .relative {
    position: relative;
}

.job-details-page .top-full {
    top: 100%;
}

.job-details-page .right-0 {
    right: calc(var(--spacing) * 0);
}

.job-details-page .left-0 {
    left: calc(var(--spacing) * 0);
}

.job-details-page .z-10 {
    z-index: 10;
}

.job-details-page .mx-auto {
    margin-inline: auto;
}

.job-details-page .mt-\[3\.8rem\] {
    margin-top: 3.8rem;
}

.job-details-page .mb-\[1\.2rem\] {
    margin-bottom: 1.2rem;
}

.job-details-page .mb-\[1\.4rem\] {
    margin-bottom: 1.4rem;
}

.job-details-page .mb-\[4\.7rem\] {
    margin-bottom: 4.7rem;
}

.job-details-page .flex {
    display: flex;
}

.job-details-page .hidden {
    display: none;
}

.job-details-page .h-auto {
    height: auto;
}

.job-details-page .w-\[1\.6rem\] {
    width: 1.6rem;
}

.job-details-page .w-\[3rem\] {
    width: 3rem;
}

.job-details-page .w-fit {
    width: fit-content;
}

.job-details-page .w-full {
    width: 100%;
}

.job-details-page .w-max {
    width: max-content;
}

.job-details-page .max-w-\[144rem\] {
    max-width: 144rem;
}

.job-details-page .min-w-\[20rem\] {
    min-width: 20rem;
}

.job-details-page .shrink-0 {
    flex-shrink: 0;
}

.job-details-page .cursor-pointer {
    cursor: pointer;
}

.job-details-page .flex-col {
    flex-direction: column;
}

.job-details-page .items-center {
    align-items: center;
}

.job-details-page .items-stretch {
    align-items: stretch;
}

.job-details-page .justify-center {
    justify-content: center;
}

.job-details-page .gap-\[1\.2rem\] {
    gap: 1.2rem;
}

.job-details-page .gap-\[1\.5rem\] {
    gap: 1.5rem;
}

.job-details-page .gap-\[1\.6rem\] {
    gap: 1.6rem;
}

.job-details-page .gap-\[2\.4rem\] {
    gap: 2.4rem;
}

.job-details-page .self-stretch {
    align-self: stretch;
}

.job-details-page .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
}

.job-details-page .border-\[0\.1rem\] {
    border-style: var(--tw-border-style);
    border-width: 0.1rem;
}

.job-details-page .border-solid {
    --tw-border-style: solid;
    border-style: solid;
}

.job-details-page .bg-white {
    background-color: var(--color-white);
}

.job-details-page .p-\[1\.6rem\] {
    padding: 1.6rem;
}

.job-details-page .px-\[1\.6rem\] {
    padding-inline: 1.6rem;
}

.job-details-page .px-\[2rem\] {
    padding-inline: 2rem;
}

.job-details-page .px-\[4\.6rem\] {
    padding-inline: 4.6rem;
}

.job-details-page .py-\[1\.3rem\] {
    padding-block: 1.3rem;
}

.job-details-page .py-\[1\.7rem\] {
    padding-block: 1.7rem;
}

.job-details-page .py-\[2\.4rem\] {
    padding-block: 2.4rem;
}

.job-details-page .pt-\[3\.2rem\] {
    padding-top: 3.2rem;
}

.job-details-page .pb-\[9\.7rem\] {
    padding-bottom: 9.7rem;
}

.job-details-page .text-center {
    text-align: center;
}

.job-details-page .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
}

.job-details-page .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.job-details-page .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
}

.job-details-page .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

.job-details-page .hover\:text-white {
    &:hover {
        @media (hover: hover) {
            color: var(--color-white);
        }
    }
}

.job-details-page .md\:w-\[27\.5rem\] {
    @media (width >=48rem) {
        width: 27.5rem;
    }
}

.job-details-page .md\:flex-row {
    @media (width >=48rem) {
        flex-direction: row;
    }
}

.job-details-page .md\:px-\[2\.4rem\] {
    @media (width >=48rem) {
        padding-inline: 2.4rem;
    }
}

.job-details-page .md\:px-\[4\.8rem\] {
    @media (width >=48rem) {
        padding-inline: 4.8rem;
    }
}

.job-details-page .md\:px-\[6\.4rem\] {
    @media (width >=48rem) {
        padding-inline: 6.4rem;
    }
}

.job-details-page .md\:py-\[5\.5rem\] {
    @media (width >=48rem) {
        padding-block: 5.5rem;
    }
}

.job-details-page .md\:pt-\[4\.8rem\] {
    @media (width >=48rem) {
        padding-top: 4.8rem;
    }
}

.job-details-page .md\:pb-\[4\.4rem\] {
    @media (width >=48rem) {
        padding-bottom: 4.4rem;
    }
}

.job-details-page .md\:pb-\[5\.8rem\] {
    @media (width >=48rem) {
        padding-bottom: 5.8rem;
    }
}

.job-details-page .lg\:mt-\[6\.7rem\] {
    @media (width >=64rem) {
        margin-top: 6.7rem;
    }
}

.job-details-page .lg\:mb-\[2\.4rem\] {
    @media (width >=64rem) {
        margin-bottom: 2.4rem;
    }
}

.job-details-page .lg\:w-\[30rem\] {
    @media (width >=64rem) {
        width: 30rem;
    }
}

.job-details-page .lg\:px-\[3\.2rem\] {
    @media (width >=64rem) {
        padding-inline: 3.2rem;
    }
}

.job-details-page .lg\:px-\[9\.6rem\] {
    @media (width >=64rem) {
        padding-inline: 9.6rem;
    }
}

.job-details-page .lg\:px-\[11\.2rem\] {
    @media (width >=64rem) {
        padding-inline: 11.2rem;
    }
}

.job-details-page .lg\:py-\[1\.4rem\] {
    @media (width >=64rem) {
        padding-block: 1.4rem;
    }
}

.job-details-page .lg\:py-\[3\.2rem\] {
    @media (width >=64rem) {
        padding-block: 3.2rem;
    }
}

.job-details-page .lg\:pt-\[3\.2rem\] {
    @media (width >=64rem) {
        padding-top: 3.2rem;
    }
}

.job-details-page .lg\:pb-\[7\.5rem\] {
    @media (width >=64rem) {
        padding-bottom: 7.5rem;
    }
}

.job-detail-content {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #0c2340;
}

.job-detail-content u {
    text-decoration: none;
    letter-spacing: -0.048rem;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 3.8rem;
    margin-bottom: 2.4rem;
    display: block;
}

.job-detail-content u b {
    text-decoration: none;
    letter-spacing: -0.048rem;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 3.8rem;
    margin-bottom: 2.4rem;
    display: block;
}

.job-detail-content ul {
    list-style-type: disc;
    padding-left: 2rem;
}

.job-detail-content a {
    color: #00abe8;
    text-decoration: underline;
}

.job-detail-content p+p {
    margin-top: 1rem
}

.category-wrapper {
    background: #003087;
    color: #fff;
}

.btn-apply {
    background: #DA291C;
    font-weight: 700;
}

.text-link {
    color: #005f84
}

.font-500 {
    font-weight: 500;
}

#share-btn {
    background-color: #E5F5FC;
    color: #2C2E34;
    font-weight: 700;
    margin-top: 2.4rem;
}

hover:bg-blue-700 {
    background-color: #E5F5FC;
}

.social-icon-share {
    background-color: #fff;
    color: #003087;
    transition: all .3 ease-in-out;
}

.social-icon-share:hover {
    background: #00abe8;
    color: #fff;
    font-weight: 500;
}