/* Jobs Section Styling */
.jobs-section {
    background-color: #d2d2e7;
}

.jobs-section .row {
    position: relative;
}

.jobs-section .text-panel {
    margin-top: 60px;
    margin-bottom: 60px;
}

.jobs-section h3 {
    margin-top: 0px;
    text-transform: uppercase;
}

.jobs-section p {
    text-align: justify;
    text-align-last: center;
    line-height: 1.2;
}

/* Jobs Page Styling */

.jobs-separator {
    height: 22px;
    margin-top: 20px;
    border-top: 2px solid #000000;
}

.jobs-details-text-panel {
    margin-bottom: 1rem;
}

.internships-details-text-panel {
    margin-bottom: 1rem;
}

.jobs-details-text-panel h3,
.internships-details-text-panel h3 {
    margin-top: 0px;
    text-transform: uppercase;
}

.jobs-details-text-panel h6,
.internships-details-text-panel h6 {
    margin-bottom: 0.2rem;
}

.jobs-details-text-panel p,
.internships-details-text-panel p {
    text-align: justify;
    text-align-last: center;
    line-height: 1.2;
}

.vacancy-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.vacancy-panel {
    position: relative;
    min-height: 100%;
    min-width: 100%;
    text-align: left;
    background-color: #f2f2f2;
    padding: calc(0.7 * 15px);
    border-radius: calc(0.7 * 10px);
}

.vacancy-panel ul {
    margin-bottom: 0;
}

.vacancy-panel p {
    text-align: justify;
    text-align-last: left;
    margin-bottom: 0.2rem;
}

@media screen and (min-width: 768px) {

    .vacancy-panel {
        padding: 15px;
        border-radius: 10px;
    }
}

.vacancies-whitespace-separator {
    position: relative;
    width: 100%;
    height: 1rem;
}

.pre-pre-footer {
    width: 100%;
    height: 160px;
    background-color: #d2d2e7;
}