* {font-family: "Inter", sans-serif;}
a {text-decoration: none;}
img {max-width: 100%;}
a:hover {text-decoration: underline;}
/* .page-container {min-height: calc(100vh - 146px);} */
.page-container .container, .navbar .container {max-width: 1320px;}
.user-table, .modal-dialog {font-size: 0.875rem;}
.all-ques-type, .form-label {font-size: 0.75rem !important;}
.basedon-type {font-size: 0.625rem;font-weight: 500;}
.accordion-button::after {position: absolute;right: 1rem;top: 19px;}
.pointer {cursor: pointer;}
.form-check-input:checked {background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;border-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;}
.fs10 {font-size: 10px;}
.fs20 {font-size: 1.25rem;}


.text-green {color: #55D369 !important;}
.text-green-dark {color: #209934;}
.text-light-gray{color: #C6D4C7 !important;}
.text-dark-grey{color: #475467;}
.text-bold{font-weight: 700 !important;}
.text-medium{font-weight: 500 !important;}


/* nav bar */

.hiring-banner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;width: 100%;}
.jumbo-tex {font-size: 4rem;font-weight: 600;color: #fff;}


.contener-box {position: relative;padding: 2rem 0;}
.contener-box::before {position: absolute;content: '';height: 100%;width: 33%;background: #F8F8F8;z-index: -1;left: 0;top: 0;}
.heading {font-size: 1.5rem;color: #18181B;font-weight: 600;margin-bottom: 1.5rem;position: relative;}
.content-para {color: #495057;font-size: 0.875rem;line-height: 1.5;}
.pro-img img {
    width: 50px;       /* Set your desired width */
    height: 50px;      /* Set your desired height */
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover;  /* Ensures the image covers the container */
  }
.section-devider {height: 1px;background: rgba(63, 63, 70, 0.2);margin: 1rem auto;}

/* custom select box dropdown */
.select-dropdown {position: relative;display: inline-block;max-width: 100%;margin: 0 15px 0 0;}
.select-dropdown::last-child {margin-right: 0px;}
.select-dropdown__button {padding: 8px 30px 8px 8px;background-color: #fff;color: #616161;border: 1px solid #cecece;border-radius: 3px;cursor: pointer;width: 210px;text-align: left;border-radius: 6px;}
.select-dropdown__button::focus {outline: none;}
.select-dropdown__button .bi-caret-down-fill {position: absolute;right: 10px;top: 12px;font-size: 12px;color: #3F3F46;}
.select-dropdown__list {position: absolute;display: block;left: 0;right: 0;max-height: 300px;overflow: auto;margin: 0;padding: 0;border: 1px solid #cecece;border-top: 0px solid transparent;list-style-type: none;opacity: 0;pointer-events: none;transform-origin: top left;transform: scale(1, 0);transition: all ease-in-out 0.3s;z-index: 2;}
.select-dropdown__list.active {opacity: 1;pointer-events: auto;transform: scale(1, 1);}
.select-dropdown__list-item {display: block;list-style-type: none;padding: 10px 15px;background: #fff;border-top: 1px solid #e6e6e6;font-size: 14px;line-height: 1.4;cursor: pointer;color: #616161;text-align: left;transition: all ease-in-out 0.3s;}
.select-dropdown__list-item:hover {background-color: #f7f7f7;transition: all ease-in-out 0.3s;}
/* custom select box dropdown */

/* posted job list */
.interviews-opt {border: 1px solid #E3E3E5;border-radius: 8px;padding: 1.25rem 2.75rem 1.25rem 1.25rem;position: relative;}
.opt-title {font-size: 1rem;font-weight: 500;color: #18181B;margin-bottom: 0.5rem;}
.opt-status {background: #F6FFFB;font-size: 0.75rem;padding: 2px 6px;border-radius: 4px;font-weight: 500;}
.opt-details {display: flex;align-items: center;gap: 1rem;font-size: 0.75rem;color: #495057;font-weight: 400;}
.position-right {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}
/* posted job list */


.flex-box {display: flex;align-items: center;justify-content: space-between;position: relative;}
#pagination-list {padding: 0;list-style: none;gap: 0.5rem;margin: 0 0.75rem;}
#pagination-list li button {background: #fff;border: 1px solid #DEE2E6;border-radius: 4px;font-size: 0.75rem;padding: 5px;min-width: 30px;display: flex;align-items: center;justify-content: center;min-height: 30px;}
.benifit-item {border: 1px solid #E3E3E5;border-radius: 8px;padding: 1.25rem;position: relative;text-align: center;width: 178px;flex: 1 1 150px;}
.value-items {flex: 1;background: #F5F5F5;padding: 0.5rem 1rem;border-radius: 8px;white-space: nowrap;}

.office-item {border: 1px solid #E3E3E5;border-radius: 8px;display: flex;min-width: 370px;gap: 1.5rem;}
.loc-img > img {border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.add-content {padding: 1rem 1rem 1rem 0;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.job-badge {padding: 0.25rem 0.625rem;font-size: 0.75rem;border-radius: 50px;margin-left: auto;border: 1px solid #DEE2E6;margin: 0.25rem;display: inline-block;}
.powered-by {text-align: center;padding: 4rem 0;position: relative;}
.powered-policy {position: relative;padding-top: 4rem;display: flex;align-items: center;justify-content: center;gap: 1.5rem;}
.powered-policy > span .bi-dot {color: #D4D4D8;font-size: 26px;}
.powered-policy span a {color: #3F3F46;font-size: 0.875rem;}

.inputfile-box {position: relative;}
.file-box {display: inline-block;width: 100%;border: 1px solid;padding: 5px 0px 5px 5px;box-sizing: border-box;height: calc(2rem - 2px);}
.file-button {padding: 11px 20px;position: absolute;border-left: 1px solid #DEE2E6;top: 0px;right: 0px;font-size: 12px;}
.jobs___invalid-feedback {font-size: 12px;color: #FE5A5A;padding: 4px 0;}

/* modal box customization */
#haveQuestion .modal-dialog {max-width: 600px;}
.apply-from {border-radius: 12px;background: #FFF;box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);padding: 20px;}

.showOnmobileView {display: none !important;}
@media (max-width: 1699px) {
    .contener-box::before {width: 31%;}
}
@media (max-width: 1550px) {
    .contener-box::before {width: 28%;}
}
@media (max-width: 1399px) {
    .contener-box::before {width: 30%;}
}
@media (max-width: 991px) {
    .contener-box::before {content: none;}
    .showOnmobileView {display: block !important;}
    .mobileFlexBox {display: flex;align-items: center;justify-content: space-between;}
    .showOndesktopView {display: none !important;}
    .jumbo-tex {font-size: 2.5rem;}
    .main-content-box {padding-left: 0 !important;}
    .profile-box {border: 1px solid #E3E3E5 !important;padding: 20px !important;border-radius: 8px;flex: 1 1 190px;}
    .benifit-item {max-width: 150px;}
    #navbarSupportedContent .menu-items {justify-content: center !important;margin-top: 1.5rem;}
}

@media (max-width: 768px) {
    .opt-details {align-items: flex-start;flex-direction: column;margin-top: 0.75rem;}
    .value-items {flex: 1 1 190px;max-width: 190px;}

}