h1#primeagile__13642 {
    color: #0082d7;
    text-shadow: 1px 6px 7px #00000029;
    position: absolute;
    font-size: 2rem;
    margin-top: 95px;
    text-align: center;
    /* width: 100% */
}

.job-card-container {
    box-shadow: 1px 5px 10px #00000029;
    border: 1px solid #f6f6f6;
    border-radius: 10px;
    padding: 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    height: auto;
    max-width: 1000px
}

.job-info-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between
}

.job-status-location-data-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.job-status {
    display: flex;
    color: green;
    font-weight: 700;
    padding-right: 50px;
    align-items: center
}

.job-status div {
    color: #000;
    font-weight: 400;
    margin-right: 7px
}

.job-location-container {
    display: flex;
    flex-wrap: wrap;
    padding-right: 50px;
    margin: 20px 0
}

.carrer-listing-container {
    padding: 40px 80px
}

.breadcrumb {
    padding: 10px !important;
    justify-content: flex-end;
    text-transform: capitalize
}

#primeagile__13783 a,
#primeagile__18117 a {
    text-decoration: none !important
}

.animate__animated {
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

#primeagile__13852,
.job-location-container {
    gap: 3px;
}

.disableClass {
    visibility: hidden;
}

#primeagile__14156 {
    height: auto;
}

#primeagile__13859,
#primeagile__13860 {
    width: 20px;
    height: 20px;
}

.second-title,
.card-title {
    color: #000
}

.second-title {
    text-align: center;
    font-weight: bold;
    position: absolute;
    margin-top: 170px;
    width: 100%
}

#primeagile__20301 {
    margin-bottom: 20px
}

#primeagile__20301 a {
    background: #dadada;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 20px;
    color: #000 !important
}

.breadcrumb-item.active {
    color: #202123 !important
}

.filterTitle {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-block: 1em;
}

.filterTitle span {
    background: #dadada;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 20px;
    color: #000 !important;
    cursor: pointer;
}

@media screen and  (max-width: 720px) {
    .filterTitle {
        flex-wrap: wrap;
         gap: 25px;

    }
}