#contact {
    background: linear-gradient(135deg, #222222, #323232);
    color: white;
}


#contact-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#map {
    width: 650px;
    height: 300px;

    color: black;
    background-color: rgba(0,0,0,0.8);
}

#map-approval {
    text-align: center;
    margin-top: 50px;
    color: white;
}

#map-approval a {
    text-decoration: underline;
}

#map-approval button {
    margin-top: 15px;;
}

@media (max-width: 1024px) {
    #contact-details {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    #map {
        width: 100%;
        margin-bottom: 25px;
    }
}




.accordion {
    width: 100%;
    height: auto;

    margin-bottom: 50px;
}

.accordion header {
    width: 100%;
    height: 45px;

    padding: 0 25px;

    line-height: 45px;
    background-color: #171717;

    cursor: pointer;
    user-select: none;
}

.accordion .main {
    height: 0;

    background-color: #2B2B2B;
    overflow: hidden;
}

.accordion .main.active {
    height: auto;
}

.accordion-tab-item {
    width: calc(100% - 50px);

    margin: 0 auto;
    padding: 10px 0px;

    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.accordion-tab .accordion-tab-item:last-of-type {
    border-bottom: 0;
}

.accordion-tab-item-name {
    font-weight: 600;
}

.accordion-tab-item-description {
    display: flex;
    justify-content: space-between;
}


@media (max-width: 1034px) {
    .accordion-tab-item-description {
        font-size: 14px;
        flex-direction: column;
    }
}




/* JOBS */
.accordion-jobs .accordion-tab-item-name {
    margin-bottom: 25px;
}

.jobs-pdf {
    display: block;
    margin-top: 25px;
    text-decoration: underline;
}