body {
    overflow-x: hidden;
    font-family: PlayfairDisplay !important;
}

a {
    text-decoration: none !important;
}

footer {
    background: #101010;
    padding: 90px 0;
    color: #fff;
}
.navbar-expand .navbar-nav .nav-link{
    font-size: 19px;
    font-weight: bold;
}
div#top-navigation:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 9;
}
footer h5 {
    font-weight: 400;
    font-size: 32px;
    line-height: 28px;
    margin-bottom: 20px;
}

footer ul a {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
}

footer ul a {
    color: #FFFFFF;
}

.socials {
    gap: 20px;
    margin-bottom: 90px;
}

.socials a {
    font-size: 30px;
}

.job-results-wrapper, .job-results-wrapper .d-flex, .job-results-wrapper .vacancy-info-item, .job-results-wrapper p,
.job-results-wrapper ul, .job-results-wrapper ol {
    font-size: 1.25rem !important;
}

body {
    font-size: 1.25rem !important;
}

.hero-section > div > div > div {
    width: 100%;
}

#navbar-actions-wrapper > div {
    margin-left: auto;
}

.navbar-nav .nav-link.active {
    display: none;
}

.box-link-text {
    position: absolute;
    bottom: -36px;
    left: 0;
    color: black;
    text-transform: capitalize;
    font-size: 1.35rem;
}

.location-link-wrapper a > div {
    padding: 0 !important;
}

.location-link-wrapper a > div > div {
    width: 100%;
    height: 100%;
}

.location-link-wrapper .hover-link {
    background-color: #000000;
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.location-link-wrapper .hover-link:hover {
    opacity: 0.8;
}

.location-link-comp .row > div {
    padding-bottom: 3rem;
}

.explore {
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 41px;
    margin-right: 15px;
}

.no-jobs-wrapper a {
    display: none !important;
}

a {
    color: #000;
    text-decoration: none;
}

div#top-navigation {
    position: absolute;
    width: 100%;
}

img {
    max-width: 100%;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/%3E%3Cpath fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/%3E%3C/svg%3E") !important;
}

.navbar-light .collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important;
}

#rcc-confirm-button {
    background: #000 !important;
}

.modal-content button,
.job-results-component button {
    background: #000 !important;
    color: #fff !important;
}

.modal-content .w-100.d-flex.align-items-center.ps-4 svg,
.modal-content .w-100.d-flex.align-items-center.ps-4 {
    color: #000 !important;
}


.single-job-wrapper .single-job-comp {
    max-width: unset !important;
    padding-left: 0;
    padding-right: 0;
}

div#single-job-container button {
    color: #000;
}

.location-city svg path,
.vacancy-details svg path {
    fill: #fff;
}

.single-job-comp .container-xxl.h-100 button {
    color: #fff !important;
    background: #000;
    border-color: #000;
}

#single-job-container .position-relative {
    width: 100%;
}

.single-job-wrapper .single-job-comp {
    max-width: unset !important;
    padding-left: 0;
    padding-right: 0;
}

.vacancy-card {
    background-color: #000; /* Adjust the color to match your design */
    border-radius: 10px;
    padding: 2rem 3rem 2rem 3rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: white;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: fit-content;
    min-width: 300px;
}

#single-job-container .d-flex.flex-wrap > .position-relative {
    height: calc(100% + 10rem);
}

#single-job-container .d-flex.flex-wrap > .position-relative > div {
    width: 100%;
}

.modal-content button.h-auto.ms-auto.px-0.py-0 {
    background: #fff !important;
}

.modal-content .bi-x {
    color: #000 !important;
}

.modal-content > div {
    background: #fff !important;
    color: #000 !important;
}

@media (max-width: 767px) {
    footer {
        padding: 45px 0;
    }

    .socials {
        margin-bottom: 45px;
    }
}