.contain {
    padding-top: 180px;
    padding-bottom: 50px;
}

.headCard {
    display: flex;
}

.headCard img {
    width: 195px;
}

.headCard div {
    background-color: #FFFAE5;
    border-radius: 15px 0px 0px 15px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.headCard div h1 {
    font-size: 40px;
    line-height: 48.6px;
    font-family: 'UpscaleBold';
    color: #393939;
    margin-bottom: 20px;
}

.headCard div p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'UpscaleRegular';
    color: #202020;
    margin-bottom: 0px;
}

.FilterBTN,
.FilterBTN:hover,
.FilterBTN:active,
.FilterBTN.show {
    width: 100%;
    background-color: #fff;
    text-align: start;
    /* border-color: #D4D4D4; */
    font-size: 14px;
    line-height: 20px;
    font-family: 'UpscaleRegular';
    color: #71717A;
    border-color: #D4D4D8;
}

.dropdown {
    width: 32%;
}

.dropdown-toggle::after {
    display: none;
}

.form-check {
    margin-left: 15px;
}

.form-check-label {
    font-size: 14px;
    line-height: 20px;
    font-family: 'UpscaleRegular';
    color: #333333;
}

.list input[type="checkbox"]:checked {
    background-color: #FBCE15;
    box-shadow: none;
}

.ApplyBTN,
.ApplyBTN:hover {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-family: 'UpscaleSemiBold';
    color: #393939;
    background-color: #FBCE15;
    text-align: center;
    margin: 10px 5px 10px 10px;
}

.ResetBTN,
.ResetBTN:hover {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-family: 'UpscaleRegular';
    color: #393939;
    border: 1px solid #FBCE1566;
    background-color: #fff;
    text-align: center;
    margin: 10px 10px 10px 5px;
}

.GraduateCard {
    background-color: #FFFCF0;
    border-radius: 15px;
    margin-top: 30px;
}

.GradCover {
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
}

.content {
    padding: 15px;
}

.content h1 {
    font-size: 15px;
    line-height: 18.23px;
    font-family: 'UpscaleBold';
    color: #3B3B3B;
    margin-bottom: 0px;
}

.content h2 {
    font-size: 12px;
    line-height: 14.58px;
    font-family: 'UpscaleBold';
    color: #3B3B3B;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.content h2 span.Hired {
    width: 10px;
    height: 10px;
    background-color: #FACD19;
    border-radius: 50%;
    margin-right: 5px;
}

.content h2 span.Available {
    width: 10px;
    height: 10px;
    background-color: #2DA154;
    border-radius: 50%;
    margin-right: 5px;
}

.content .year {
    font-size: 12px;
    line-height: 14.58px;
    font-family: 'UpscaleRegular';
    color: #7E7E7E;
    margin-bottom: 15px;
    margin-top: 15px;
}

.content .ProgramName {
    font-size: 12px;
    line-height: 14.58px;
    font-family: 'UpscaleRegular';
    color: #3B3B3B;
    margin-bottom: 0px;
}







.pagination {
    margin-top: 60px;
    margin-bottom: 60px;
}

.pagination .page-link {
    background-color: #fff;
    color: #39393980;
    border: 2px solid #fff;
    border-radius: 4px;
    /* padding: 5px; */
    padding: 4px 5px 5px 5px;
    font-family: "UpscaleBold";
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    margin: 20px;
    width: 32px;
    height: 32px;
    box-shadow: none;
}

.pagination .page-item.disabled .page-link {
    /* color: rgba(57, 57, 57, 83%); */
    color: rgba(57, 57, 57, 30%);
    border: 2px solid transparent;
    background-color: rgba(251, 206, 21, 50%);
}

.pagination .page-item.active .page-link {
    color: #FBCE15;
    border: 2px solid #FBCE15;
}

.pagination .next-previous {
    background-color: #FBCE15;
    color: #393939;
    border: 2px solid #FBCE15;
    border-radius: 4px;
    padding: 4px 5px 5px 5px;
    box-shadow: none;
    margin: 20px;
    width: 32px;
    height: 32px;
}


@media (max-width: 480px) {

    .EmpowermentProgramsCard img {
        display: none;
    }

    .EmpowermentProgramsCard div h1 {
        font-size: 28px;
    }

    .dropdown {
        width: 80%;
    }

    .pagination .page-link,
    .pagination .next-previous {
        margin: 6px;
    }

    .headCard img {
        display: none;
    }

    .headCard div h1 {
        font-size: 32px;
    }

    .headCard div p {
        font-size: 16px;
    }
}

.nav-item .nav-link.active .underLine .line1 {
    height: 4px;
    background-color: #393939;
    width: 100%;
}

.nav-item .nav-link.active .underLine .line2 {
    height: 4px;
    background-color: #FBCE15;
    width: 12px;
    margin-left: 4px;
}