h1#primeagile__13642 {
    color: #333333 !important;
    background: none !important;
    font-weight: 600 !important;
    padding: 0px !important;
    margin: 0px !important;
    text-shadow: 1px 6px 7px #00000029;
    position: absolute;
    transform: translateX(-7rem);
    font-size: 2rem;
    text-align: center;
}

.job-card-container {
    box-shadow: 1px 5px 10px #00000029;
    border-radius: 10px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    margin-bottom: 30px;
    max-width: 1000px
}
.job-list-row {
    display: flex;
    grid-template-rows: 2rem 3rem 1fr;
}


.job-info-container {
    display: flex;
    width: 100%;
    height: min-content;
    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%
}

#pagelist {
    justify-self: center
}

#pagelist>div {
    display: grid;
    max-width: fit-content;
    flex-wrap: wrap;
    justify-content: center
}

#pagelist>div a {
    text-decoration: none
}


#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
    }
}