.job-detail .section-headlines-container {
    grid-area: 1/3/1/span 10;
}

.job-detail .back-btn {
    grid-area: 2/3/2/span 10;
}

.job-detail .job-img {
    grid-area: 3/3/3/span 3;
    aspect-ratio: 558/750;
}

.job-detail .job-content {
    grid-area: 3/7/3/span 6;
}

.job-detail .job-content ul {
    line-height: 2.5;
}

.job-detail .btns-container {
    grid-area: 4/7/4/span 6;
    column-gap: var(--m-xl);
    row-gap: var(--m-xs);
}

.job-detail .btns-container a {
    display: flex;
    align-items: center;
    gap: 1em;
    font-family: "Libre Franklin";
    font-size: var(--fs-20);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: .05em;
}

.job-detail .btns-container a::before {
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 100%;
}

.job-detail .btns-container a.mail::before {
    background: url(../../img/icon-email-circle.svg) no-repeat center/contain;
}

.job-detail .btns-container a.phone::before {
    background: url(../../img/icon-phone-circle.svg) no-repeat center/contain;
}

@media (max-width: 1199.98px) {
    .job-detail .section-headlines-container {
        grid-area: 1/2/1/span 12;
    }

    .job-detail .back-btn {
        grid-area: 2/2/2/span 12;
    }

    .job-detail .job-img {
        grid-area: 3/2/3/span 4;
    }

    .job-detail .job-content {
        grid-area: 3/7/3/span 7;
    }
}

@media (max-width: 991.98px) {
    .job-detail .section-headlines-container {
        grid-area: 1/4/1/span 8;
    }

    .job-detail .back-btn {
        grid-area: 2/4/2/span 8;
    }

    .job-detail .job-img {
        grid-area: 3/4/3/span 8;
        aspect-ratio: 3/2;
    }

    .job-detail .job-content {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-md);
    }
}

@media (max-width: 767.98px) {
    .job-detail .section-headlines-container {
        grid-area: 1/3/1/span 10;
    }

    .job-detail .back-btn {
        grid-area: 2/3/2/span 10;
    }

    .job-detail .job-img {
        grid-area: 3/3/3/span 10;
    }

    .job-detail .job-content {
        grid-area: 4/3/4/span 10;
    }
}

@media (max-width: 575.98px) {
    .job-detail .section-headlines-container {
        grid-area: 1/2/1/span 12;
    }

    .job-detail .back-btn {
        grid-area: 2/2/2/span 12;
    }

    .job-detail .job-img {
        grid-area: 3/2/3/span 12;
    }

    .job-detail .job-content {
        grid-area: 4/2/4/span 12;
    }
}