#install-app {
    height: 320px;
}

body {
    background-color: var(--greyShade50);
}

/* Lowongan */
.lowongan {
    padding: 10px;
    background-color: var(--white);
}

.lowongan  .lowongan-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--greyShade800);
}

.lowongan .lowongan-perusahaan {
    display: flex;
}

.lowongan .lowongan-perusahaan img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.lowongan .lowongan-perusahaan .nama {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade800);
}

.lowongan .lowongan-perusahaan .pengikut {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade400);
}

.lowongan .lowongan-information {
    color: var(--grey);
}

.lowongan .lowongan-sub-information {
    display: flex;
}

.lowongan .lowongan-sub-information div {
    padding: 5px;
    background-color: var(--greyShade100);
    color: var(--grey);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.lowongan .salary-range {
    padding-top: 5px;
    border-top: 1px solid var(--greyShade300);
    font-size: 18px;
    font-weight: bold;
    color: var(--secondaryShade700);
    display: flex;
    justify-content: space-between;
}

.lowongan .salary-range .bookmark {

}

.lowongan .salary-range .bookmark .fa-regular.fa-bookmark {
    color: var(--grey);
    font-size: 24px;
}

.lowongan .salary-range .bookmark .fa-bookmark {
    color: var(--secondary);
    font-size: 24px;
}


/* Perusahaan */
.perusahaan {
    padding: 10px;
    background-color: var(--white);
}

.perusahaan  .perusahaan-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--greyShade800);
}

.perusahaan .perusahaan-perusahaan {
    display: flex;
}

.perusahaan .perusahaan-perusahaan img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.perusahaan .perusahaan-perusahaan .nama {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade800);
}

.perusahaan .perusahaan-perusahaan .pengikut {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade400);
}

.perusahaan .perusahaan-information {
    color: var(--grey);
}

.perusahaan .perusahaan-sub-information {
    display: flex;
}

.perusahaan .perusahaan-sub-information div {
    padding: 5px;
    background-color: var(--greyShade100);
    color: var(--grey);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.perusahaan .salary-range {
    padding-top: 5px;
    border-top: 1px solid var(--greyShade300);
    font-size: 18px;
    font-weight: bold;
    color: var(--secondaryShade700);
    display: flex;
    justify-content: space-between;
}

.perusahaan .salary-range .bookmark {

}

.perusahaan .salary-range .bookmark .fa-regular.fa-bookmark {
    color: var(--grey);
    font-size: 24px;
}

.perusahaan .salary-range .bookmark .fa-bookmark {
    color: var(--secondary);
    font-size: 24px;
}

/* pencarian */
.pencarian {
    padding: 10px;
    background-color: var(--white);
}

.pencarian  .pencarian-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--greyShade800);
}

.pencarian .pencarian-pencarian {
    display: flex;
}

.pencarian .pencarian-pencarian img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.pencarian .pencarian-pencarian .nama {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade800);
}

.pencarian .pencarian-pencarian .pengikut {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade400);
}

.pencarian .pencarian-information {
    color: var(--grey);
}

.pencarian .pencarian-sub-information {
    display: flex;
}

.pencarian .pencarian-sub-information div {
    padding: 5px;
    background-color: var(--greyShade100);
    color: var(--grey);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.pencarian .salary-range {
    padding-top: 5px;
    border-top: 1px solid var(--greyShade300);
    font-size: 18px;
    font-weight: bold;
    color: var(--secondaryShade700);
    display: flex;
    justify-content: space-between;
}

.pencarian .salary-range .bookmark {

}

.pencarian .salary-range .bookmark .fa-regular.fa-bookmark {
    color: var(--grey);
    font-size: 24px;
}

.pencarian .salary-range .bookmark .fa-bookmark {
    color: var(--secondary);
    font-size: 24px;
}

/* lokasi */
.lokasi {
    padding: 10px;
    background-color: var(--white);
}

.lokasi  .lokasi-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--greyShade800);
}

.lokasi .lokasi-lokasi {
    display: flex;
}

.lokasi .lokasi-lokasi img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.lokasi .lokasi-lokasi .nama {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade800);
}

.lokasi .lokasi-lokasi .pengikut {
    font-size: 14px;
    font-weight: 600;
    color: var(--greyShade400);
}

.lokasi .lokasi-information {
    color: var(--grey);
}

.lokasi .lokasi-sub-information {
    display: flex;
}

.lokasi .lokasi-sub-information div {
    padding: 5px;
    background-color: var(--greyShade100);
    color: var(--grey);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.lokasi .salary-range {
    padding-top: 5px;
    border-top: 1px solid var(--greyShade300);
    font-size: 18px;
    font-weight: bold;
    color: var(--secondaryShade700);
    display: flex;
    justify-content: space-between;
}

.lokasi .salary-range .bookmark {

}

.lokasi .salary-range .bookmark .fa-regular.fa-bookmark {
    color: var(--grey);
    font-size: 24px;
}

.lokasi .salary-range .bookmark .fa-bookmark {
    color: var(--secondary);
    font-size: 24px;
}

/*Breadcrumbs*/
.breadcrumb-list {
    padding: 10px;
    background-color: var(--white);

}

.breadcrumb-list ul {
    list-style: none;
}

.breadcrumb-list ul li {
    display: inline-block;
    padding: 5px;
}

.breadcrumb-list a {
    color: var(--primary);
}

/* lowongan detail */
.lowongan-detail {
    display: flex;
    gap: 20px;
}

.lowongan-detail-item {
    flex: 75;
}

.lowongan-detail-lowongan-lainnya {
    flex: 25;
}