@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');



body {

    font-family: 'Open Sans', sans-serif;

}



header {

    padding: 10px 0;

    box-shadow: 9px 6px 10px #f3f3f3;

    margin: 0;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

header a img {

    width: 190px;

}



header .menu ul {

    list-style: none;

    margin: 16px 0 0;

    float: right;

}



header .menu ul li {

    display: inline-block;

}



header .menu ul li a {

    display: block;

    text-decoration: none;

    margin: 7px 20px 0;

    color: #000;

    font-family: 'Open Sans', sans-serif;

    transition: all 0.2s ease-in-out;

    position: relative;

    font-weight: 600;

}



header .menu ul li a:hover {

    color: #d3b062;

}



header .menu ul li a::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #d3b062;

    transition: width .3s;

    position: absolute;

    bottom: -4px;

}



header .menu ul li a:hover::after {

    width: 100%;

}



/* header .menu ul li:last-child a:hover::after {

    width: 78%;

} */



/* header .menu ul li:nth-last-child(2) a,

header .menu ul li:last-child a {

    background: transparent;

    color: #444;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0 6px;

} */



/* header .menu ul li:nth-last-child(2) a:after,

header .menu ul li:last-child a:after {

    display: none;

} */



header .menu ul li:last-child a {

    margin-right: 0 !important;

}



header .profile {

    float: right;

    margin: 10px 0 0;

}



header .profile .dropdown-menu {

    padding: 0;

}



header .profile a {

    color: #000;

}



.dropdown-item {

    font-size: 16px;

    color: #000000;

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #fff;

    background-color: #d3b062;

}



header .profile button,

header .profile button:hover,

header .profile button:focus,

header .profile button:active:focus {

    background: transparent;

    border: transparent;

    outline: none;

    box-shadow: none
}



header .profile .dropdown-toggle::after {

    color: #d3b062;

}



.breadcrumbs {

    width: 100%;

    float: left;

    text-align: center;

    background: #d3b062;

    padding: 50px 0;

}



.breadcrumbs h1 {

    color: #fff;

    font-size: 34px;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

}



.breadcrumbs ul {

    margin: 0;

    padding: 0;

}



.breadcrumbs ul li {

    display: inline-block;

    color: #fff;

    font-size: 12px;

    font-family: 'Open Sans', sans-serif;

}



.breadcrumbs ul li a {

    color: #fff;

    font-size: 12px;

    text-decoration: none;

    font-weight: 600;

}



.breadcrumbs li:nth-child(2):before {

    padding: 0 5px;

    color: #fff;

    content: "/\00a0";

}



main {

    margin: 0;

    width: 100%;

    float: left;

}



#banner {

    margin: 50px 0 0;

}



#banner h1 {

    color: #d3b062;

    text-transform: capitalize;

    margin: 80px 0 25px;

    font-weight: 700;

}



#banner p {

    font-size: 16px;

    line-height: 30px;

    color: #575756;

}



#banner img {

    border-bottom-right-radius: 200px;

    border-top-left-radius: 200px;

    max-width: 100%;

}



#banner span {

    width: 130px;

    height: 115px;

    background: #d3b062;

    border-bottom-left-radius: 65px;

    border-top-right-radius: 65px;

    display: inline-block;

    margin: -60px 0 0 -60px;

}



#jobs {

    margin: 60px 0 0;

    background: #f1f1f1;

    padding: 80px 0;

    width: 100%;

    float: left;

}



#jobs input {

    border-radius: 30px;

    border: 1px solid transparent;

    outline: 0;

    width: 100%;

    padding: 8px 15px;

    font-size: 16px;

}



#jobs select {

    border-radius: 30px;

    border: 1px solid transparent;

    outline: 0;

    width: 100%;

    padding: 8px 15px;

    font-size: 16px;

    background: #fff;

}

#jobs select {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}


#jobs button#search-jobs {

    font-size: 16px;

    background: #575756;

    color: #fff;

    padding: 8px 0;

    display: block;

    border-radius: 30px;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize;

    transition: all 0.2s ease-in-out;

    border: 1px solid transparent;

    width: 80%;

    float: right;

}



#jobs h2 {

    text-align: center;

    color: #d3b062;

    text-transform: capitalize;

    font-weight: 700;

}



#jobs p {

    text-align: center;

    color: #575756;

    font-size: 18px;

    margin: 20px 0 40px;

}



#jobs .available-jobs p {

    text-align: left;

    font-size: 14px;

    margin: 14px 0 0;

    font-weight: bold;

}



#jobs .job-listings {

    position: relative;

}



#jobs .job-listings .row {

    margin: 18px 0;

    background: #fff;

    padding: 14px 0;

    border-radius: 4px;

}



#jobs .job-listings .row img {

    width: 50px;

    margin: 0 auto;

    display: block;

}



#jobs .job-listings .row p {

    margin: 0;

    text-align: left;

    font-size: 14px;

    color: #5a5a5a;

}



#jobs .job-listings .row h3 {

    font-size: 20px;

}



#jobs .job-listings .row a {

    font-size: 16px;

    background: transparent;

    color: #444;

    padding: 14px 0 10px;

    display: block;

    border-radius: 30px;

    text-align: right;

    text-decoration: none;

    text-transform: capitalize;

    transition: all 0.2s ease-in-out;

    border: 1px solid transparent;

    font-weight: bold;

    margin: 0 14px 0 0;

}



#jobs .job-listings .row a:hover {

    background: #fff;

    border: 1px solid transparent;

    color: #d3b062;

}



#jobs .job-listings .row a i {

    margin: 0 0 0 10px;

}



#jobs .job-listings .pagination-outer {

    text-align: center;

    width: 100%;

    margin: 60px 0 0;

}



#jobs .job-listings .pagination-outer a {

    position: relative;

    display: inline-block;

    color: #fff;

    text-decoration: none;

    background-color: #444;

    border: 1px solid transparent;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    border-radius: 0.25rem;

    padding: 0.375rem 0.75rem;

}



#jobs .job-listings .pagination-outer a.page-numbers:hover {

    z-index: 2;

    color: #fff;

    background-color: #d3b062;

    border-color: transparent;



}



#jobs .job-listings .pagination-outer span.page-numbers.current {

    z-index: 3;

    color: #fff;

    background-color: #d3b062;

    border-color: #d3b062;

    border-radius: 0.25rem;

    padding: 0.375rem 0.75rem;

}



#faqs {

    background: #fff;

    padding: 80px 0;

    width: 100%;

    float: left;

}



#faqs h2 {

    text-align: center;

    color: #d3b062;

    text-transform: capitalize;

    font-weight: 700;

}



#faqs .accordion-button {

    color: #000;

    background-color: transparent;

    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);

}



#faqs .accordion-item {

    background-color: transparent;

    border: 1px solid transparent;

}



#faqs .accordion-body {

    color: #575756;

    padding: 22px 0 0;

}



#faqs .accordion-button:not(.collapsed)::after {

    filter: brightness(0%);

}



#faqs .accordion-button::after {

    filter: brightness(0%);

}



#faqs .accordion-button {

    font-size: 18px;

    color: #000;

    text-align: left;

    background-color: transparent;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;

    padding: 25px 0 25px 0px;

    margin: 0;

}



/*Footer*/

footer {

    width: 100%;

    float: left;

    background: #444;

    padding: 80px 0 25px;

    text-align: center;

}



footer h2 {

    font-size: 18px;

    color: #fff;

    text-align: center;

    font-weight: bold;

    margin: 0 0 15px;

}



footer p {

    margin: 0;

    color: #fff;

    text-align: center;

    font-size: 14px;

    line-height: 26px;

}



footer a {

    color: #fff;

    text-decoration: none;

    margin: 2px 0;

    display: inline-block;

    font-size: 14px;

}



footer a i {

    font-size: 12px;

}



footer a:hover {

    color: #fff;

}

footer p.powered-by {

    text-align: left;

    font-weight: 600;

    color: #fff;

}

footer .copyrights {

    margin: 30px 0 0;

}



footer .copyrights p {

    font-size: 14px;

    text-align: left;

}



footer .copyrights p small {

    font-size: 12px;

}



footer .copyrights p a {

    display: inline-block;

    font-size: 12px;

}



footer img {

    width: 100%;

}



#job_detail {

    margin: 0 0 40px;

}



#job_detail h2 {

    color: #d3b062;

    font-size: 30px;

    border-bottom: 1px solid #ebebeb;

    padding: 0 0 13px;

    font-weight: bold;

}



#job_detail h2 span {

    padding: 6px 0 2px;

    display: inline-block;

    margin: 0 12px 0 0;

    line-height: 1.6em;

    font-size: 13px;

    color: #5a5a5a;

    font-weight: normal;

}



#job_detail h4 {

    padding: 0;

    margin: 25px 0 17px;

    font-size: 20px;

    font-weight: 400;

    color: #000;

}



#job_detail p {

    margin: 0;

    margin-bottom: 25px;

    line-height: 1.6em;

    font-size: 15px;

    color: #5a5a5a;

}



#job_detail a {

    font-size: 15px;

    color: #d3b062;

    text-decoration: underline;

}



#job_detail ul {

    padding: 0;

    list-style: inside;

}



#job_detail li {

    margin: 0;

    line-height: 1.8em;

    font-size: 15px;

    color: #5a5a5a;

}



#job_detail .col-md-8 {

    margin: 50px 0 0;

}



#job_detail .col-md-4 {

    border-left: 1px solid #ebebeb;

}



#job_detail .job_sidebar {

    padding: 35px 38px 31px 38px;

}



#job_detail .job_sidebar .form-check-input:checked {

    background-color: #d3b062;

    border-color: #d3b062;

}



#job_detail .job_sidebar .form-check-input:focus {

    border-color: #d3b062;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(15 81 44 / 26%);

}



#job_detail .job_sidebar h4 {

    font-size: 20px;

}



#job_detail .job_sidebar .job_sidebar_questions {

    margin: 24px 0 0;

}



#job_detail .job_sidebar .job_sidebar_questions p {

    margin: 6px 0 7px;

    line-height: 24px;

}



#job_detail .job_sidebar .job_sidebar_questions label {

    font-size: 14px;

    color: #7d7d7d;

}



#job_detail p.skills span {

    border: 1px solid #f4ebd8;

    display: inline-block;

    padding: 10px 20px;

    border-radius: 30px;

    background: #f4ebd8;

    color: #fff;

    font-size: 14px;

}



.apply_job_btn {

    text-align: center;

    margin: 40px 0 0;

}



.apply_job_btn button,

.apply_job_btn button:hover {

    background: #d3b062;

    padding: 10px 60px;

    border-radius: 30px;

    transition: all 0.3s;

    position: relative;

    overflow: hidden;

    z-index: 1;

    border: none;

}



/* 

.apply_job_btn button:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0%;

    height: 100%;

    background-color: #000;

    transition: all 0.3s;

    border-radius: 10rem;

    z-index: -1;

}



.apply_job_btn button:hover:before {

    width: 100%;

}



.apply_job_btn button:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #0f512c;

    border-radius: 10rem;

    z-index: -2;

} */



.apply_job_btn .btn-primary:focus {

    color: #fff;

    background-color: #d3b062;

    border-color: #d3b062;

    box-shadow: 0 0 0 0.2rem rgb(244 235 216 / 50%);

}



.apply_job_btn #job-apply-btn.btn-primary.disabled,

.apply_job_btn #job-apply-btn.btn-primary:disabled {

    color: #fff;

    background-color: #d3b062;

    border-color: #d3b062;

}



.signin {

    text-align: center;

    width: 100%;

    float: left;

}



.form-signin {

    max-width: 500px;

    margin: 0 auto;

}



.signin h3 {

    font-size: 40px;

    font-weight: 600;

    color: #d3b062;

    font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

}



.signin p {

    color: #000;

    margin-bottom: 15px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

}



.signin .form_method {

    margin: 0 0 15px;

}



.signin .form_method .btn-facebook {

    background-color: #3b5998;

}



.signin .form_method .btn-google {

    background-color: #db4437;

}



.signin .form_method .form-btn {

    margin-right: 10px;

    text-align: center;

    color: #ffffff;

    display: inline-block;

    padding: 15px 45px;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    border: none;

    border-radius: 50px;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    cursor: pointer;

    text-decoration: none;

    font-family: 'Open Sans', sans-serif;

}



.signin .form_method .form-btn i {

    margin: 0 15px 0 0;

}



.signin .inputs .form-group {

    margin: 0 0 16px;

}



.signin .inputs input {

    border-radius: 30px;

    padding: 12px 15px;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

}



.signin .inputs select {

    border-radius: 30px;

    padding: 12px 15px;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



select,

select option {

    color: #000000;

}



select:invalid,

select option[value=""] {

    color: #999999;

}



[hidden] {

    display: none;

}



/* 

.signin .inputs select {

    color: #636c72;



    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



.signin .inputs select option[selected] {

    color: #000;

}



.grey {

    color: #000;

} */

.signin .btn-primary.disabled,

.signin .btn-primary:disabled {

    color: #fff;

    background-color: #d3b062;

    border-color: #d3b062;

}



.signin .inputs input:focus,

.signin .inputs select:focus {

    box-shadow: none;

    border-color: #d3b062;

}



.signin .actions {

    width: 100%;

    float: left;

}



.signin .actions .remember {

    width: 50%;

    float: left;

    text-align: left;

    position: relative;

    display: block;

}



.signin .actions .remember a {

    font-weight: 600;

    text-decoration: none;

    color: #000;

}



.signin .actions .forgot {

    float: right;

    text-align: right;

    width: 50%;

}



.signin .actions .forgot a {

    color: #000;

    text-decoration: none;

    font-size: 15px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

}



.login_footer {

    width: 100%;

    float: left;

}



.login_footer button {

    margin: 15px 0 0;

    display: block;

    padding: 15px 45px;

    font-size: 16px;

    line-height: 20px;

    border: none;

    font-weight: 600;

    border-radius: 50px;

    background-color: #d3b062;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    color: #ffffff;

    cursor: pointer;

    width: 100%;

    font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

}



.login_footer button:hover {

    background-color: #d3b062;

}



.login_footer button:focus,

.login_footer button:focus-visible,

.login_footer button:active {

    color: #fff;

    background-color: #d3b062;

    border-color: #d3b062;

    box-shadow: none;

}



.login_footer p {

    margin: 25px 0 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

}



.login_footer p a {

    color: #d3b062;

    text-decoration: none;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

}



.signin .actions .remember>input {

    position: absolute;

    visibility: hidden;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.signin .actions .remember label {

    margin-bottom: 0;

    position: relative;

    padding-left: 30px;

    font-family: "Open Sans", sans-serif;

    color: rgba(0, 0, 0, 0.5);

    font-weight: 400;

    cursor: pointer;

    font-size: 14px;

    color: #000;

}



.signin .actions .remember input[type=checkbox]:checked~label:before {

    background-color: transparent;

}



.signin .actions .remember input[type=checkbox]:checked~label:before {

    background-color: #d3b062;

    border-color: #d3b062;

}



.signin .actions .remember label:before {

    border-radius: 50%;

    border-color: #595959;

}



.signin .actions .remember label:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0px;

    height: 20px;

    width: 20px;

    z-index: 10;

    border: 1px solid #000;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}



.signin .actions .remember input[type=checkbox]:checked~label:after {

    top: 3px;

    left: 3px;

    border: none;

    width: 14px;

    height: 14px;

    background-color: #d3b062;

}



.signin .actions .remember input[type=checkbox]:checked~label:after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 1;

}



.signin .actions .remember label:after {

    top: 3px;

    left: 3px;

    width: 14px;

    height: 14px;

    border-radius: 50%;

}



.signin .actions .remember label:after {

    content: '';

    display: block;

    position: absolute;

    top: 4px;

    left: 7px;

    width: 6px;

    height: 10px;

    border: 2px solid #fff;

    border-top: none;

    border-left: none;

    z-index: 10;

    opacity: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}



.skills span {

    display: inline-block;

    margin: 0 22px 0 0;

    background: #fff;

    border-radius: 30px;

    border: 1px solid #ccc;

    padding: 5px 12px;

    font-size: 14px;

}



/*Preloader*/

@keyframes ldio-r207o3rakdc {

    0% {

        transform: rotate(0)
    }



    100% {

        transform: rotate(360deg)
    }

}



.spinner-dual-ring>div>div {

    box-sizing: border-box !important
}



.spinner-dual-ring>div>div {

    position: absolute;

    width: 70px;

    height: 70px;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    border: 8px solid #000;

    border-color: #d3b062 transparent #d3b062 transparent;

    animation: ldio-r207o3rakdc 1s linear infinite;

    transform: translate(-50%, -50%);

}



.spinner-dual-ring {

    width: 100%;

    height: 100%;

    display: none;

    overflow: hidden;

    background: rgb(255 255 255 / 48%);

    position: absolute;

    z-index: 999;

}



.spinner-dual-ring>div {

    width: 100%;

    height: 100%;

    position: relative;

    transform: translateZ(0) scale(1);

    backface-visibility: hidden;

    transform-origin: 0 0;

}



.status-msg .success {

    color: green;

    font-size: 16px;

}



.status-msg .error {

    color: red;

    font-size: 16px;

}



.swal2-footer a {

    color: #d3b062;

    text-decoration: none;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

}



.swal2-actions .swal2-confirm {

    background: #d3b062;

}



.swal2-styled.swal2-confirm:focus {

    box-shadow: none;

}



.swal2-title {

    padding: 0.2em 1em 0;

    font-size: 1.225em;

}



.swal2-html-container {

    margin: 0.5em 1.6em 0;

    font-size: 16px;

}



/*Profile*/

.profile .square {

    height: 200px;

    width: 200px;

    margin: auto;

    vertical-align: middle;

    border: 1px solid #f3f0f0;

    background-color: #fff;

    border-radius: 50%;

}



.profile .btn-success-soft {

    color: #28a745;

    background-color: rgba(40, 167, 69, 0.1);

}



.profile .btn-danger-soft {

    color: #dc3545;

    background-color: rgba(220, 53, 69, 0.1);

}



.profile .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



.profile textarea.form-control {

    border-radius: 0;

}



.profile select {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



.profile .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



.profile fieldset textarea {

    width: 100%;

    min-height: 170px;

    border: 1px solid transparent;

    padding: 0;

    font-size: 16px;

    border-radius: 10px;

}



.profile fieldset textarea:focus-visible {

    outline: none;

}



.profile h2 {

    padding: 0;

    font-size: 22px;

    color: #444;

    text-transform: capitalize;

    margin: 30px 0 25px;

    font-weight: 700;

}



.profile .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



.profile h3,

.dashboard h3 {

    font-size: 22px;

    color: #d3b062;

    text-transform: uppercase;

}



.profile a {

    float: right;

    color: #d3b062;

    padding: 0 0 0 20px;

}



.header-img {

    width: 36px;

    height: 36px;

    position: relative;

    cursor: pointer;

    background-position: center center;

    float: left;

    background-size: cover;

    overflow: hidden;

    border: 1px solid #f4ebd8;

}



#profilebtnHeader.dropdown-toggle::after {

    margin-left: 0.5em;

    position: relative;

    top: 6px;

}



.terms h2 {

    color: #d3b062;

    font-size: 24px;

}



.terms h3 {

    color: #d3b062;

    font-size: 22px;

}



#experience-info,

#skills-info,

#education-info,

#identification-info,

#resume-info {

    text-transform: lowercase;

    font-weight: normal;

    font-size: 14px;

}



/*Settings*/

.settings,

.edit-profile,

.signin,

.dashboard,

.applied-jobs,

.terms {

    padding: 5rem 0 !important;

}



.settings .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



.settings select {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



.settings .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



.settings h2 {

    padding: 0;

    margin: 0 0 17px;

    font-size: 22px;

    font-weight: 600;

    color: #000;

}



.settings .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#settings_outer h2 {

    font-size: 24px;

    margin: 22px 0;

    color: #0f512c;

    font-weight: 700;

}



#settings_outer h2+p {

    margin-top: -22px;

    margin-bottom: 30px;

    line-height: 1.6em;

    font-size: 14px;

    color: #7d7d7d;

}



#exp_list .experience .company span {

    float: right;

    font-size: 14px;

}



#exp_list .experience .company span span {

    float: left;

}



#exp_list .experience .responsibility {

    margin: 12px 0 0 18px;

}



#exp_list h3 a,

#skills a {

    color: #0f512c;

}



#exp_list .experience a {

    font-size: 12px;

    color: #000;

    float: right;

}



#exp_list h4 {

    font-size: 17px;

    margin: 24px 0 0;

}



#exp_list p {

    line-height: 1.6em;

    font-size: 14px;

    margin: 5px 0 4px 18px;

    color: #7d7d7d;

}



#education_list .education .company span {

    float: right;

    font-size: 14px;

}



#education_list .education .company span span {

    float: left;

}



#education_list .education .responsibility {

    margin: 12px 0 0 26px;

}



#education_list h3 a,

#skills a,

#education_list p a,

#exp_list p a,

#identification_list p a,

#summary p a {

    color: #d3b062;

}

#summary .row {
    margin-bottom: 17px;
}

#education_list .education a {

    font-size: 12px;

    color: #000;

    float: right;

}



#education_list h4 {

    font-size: 17px;

    margin: 24px 0 0;

}



#education_list h4 span#edu_date_dashboard {

    color: #7d7d7d;

    font-size: 14px;

    margin: 0 0 4px 26px;

    float: right;

}



#education_list p {

    line-height: 1.6em;

    font-size: 15px;

    margin: 0 0 4px 26px;

    color: #7d7d7d;

}



#cert_list h3 {

    font-size: 22px;

    color: #0f512c;

    text-transform: uppercase;

}



#cert_list p {

    line-height: 1.6em;

    font-size: 15px;

    margin: 0 0 4px 0;

    color: #7d7d7d;

    padding-right: calc(var(--bs-gutter-x) * .5);

    margin-top: var(--bs-gutter-y);

}



#skills p,
#skills-dashboard p{

    line-height: 1.6em;

    font-size: 15px;

    margin: 0;

    color: #7d7d7d;

}



#skills-dashboard ul {

    list-style: none;

    margin: 25px 0 18px;

    padding: 0;

}



#skills-dashboard ul li {

    display: inline-block;

    background: #f4ebd8;

    color: #000;

    padding: 6px 25px;

    border-radius: 30px;

    font-size: 14px;

    margin: 0 8px 8px 0;

}

#skill ul,
#education ul,
#certificates ul,
#assessments ul,
#screenings ul,
#tasks ul{
    list-style: none;
    margin: 25px 0 18px;
    padding: 0;
}
#skill ul li,
#education ul li,
#certificates ul li,
#assessments ul li,
#screenings ul li,
#screenings ul li {
    display: inline-block;
    background: #f4ebd8;
    color: #000;
    padding: 6px 25px;
    border-radius: 30px;
    font-size: 14px;
    margin: 0 8px 8px 0;
}



.profile #profile-btn {

    background: #0f512c;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 16px;

    text-decoration: none;

}



.profile #edit-btn {

    background: #0f512c;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 16px;

    text-decoration: none;

}



.profile #password-btn {

    background: #0f512c;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0 6px;

    border: none;

    font-size: 16px;

    text-decoration: none;

}



#resume-btn {

    color: #d3b062;

}



#dashboard-btn,

.availabe-jobs-btn {

    background: #d3b062;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 16px;

    text-decoration: none;

    width: 152px;

    text-align: center;

    transition: all 0.2s ease-in-out;

    border: 1px solid transparent;

    display: block;

}



.availabe-jobs-btn:hover {

    background: #fff;

    border: 1px solid #d3b062;

    color: #d3b062;

}



.password-instruction {

    text-align: left;

    font-size: 12px;

}



.password-instruction i {

    margin: 0 5px 0 6px;

    font-size: 13px;

    color: green;

    font-weight: bold;

}



#profile_outer {

    text-align: left;

    margin: 0;

}



#profile_outer h2 {

    font-size: 24px;

    margin: 22px 0 0;

    color: #d3b062;

    font-weight: 700;

}



#mediaFile {

    position: absolute;

    top: -1000px;

}



#profilebtnHeader img {

    border: 2px solid #0f512c;

    width: 36px;

    height: 36px;

}



.sidebar-profile #profile_picture {

    margin: 30px 0 0;

}



.dashboard #profile {

    border-radius: 100%;

    width: 200px;

    height: 200px;

    position: relative;

    cursor: pointer;

    background: #f4f4f4;

    display: table;

    background-size: cover;

    background-position: center center;

    margin: 0;

}



#profile {

    border-radius: 100%;

    width: 200px;

    height: 200px;

    position: relative;

    cursor: pointer;

    background: #f4f4f4;

    display: table;

    background-size: cover;

    background-position: center center;

    margin: 0 auto;

}



#profile:after {

    position: absolute;

    content: '\f304';

    font-family: FontAwesome;

    right: 17px;

    top: 17px;

    background: #d3b062;

    color: #fff;

    font-size: 12px;

    padding: 2px 6px;

    border-radius: 30px;

}



#profile.profile_img_uploaded:after {

    display: none;

}



#profile img {

    width: 100%;

}



#profile .dashes {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 100%;

    width: 100%;

    height: 100%;

    opacity: 1;

}



#profile label {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 0 30px;

    color: grey;

    opacity: 1;

}



#profile.hasImage .dashes,

#profile.hasImage label {

    opacity: 0;

    pointer-events: none;

    user-select: none;

}



/*Dashboard*/

.dashboard {

    padding: 60px 0;

}



.dashboard img {

    max-width: 100%;

    border-radius: 50%;

}



.dashboard h3 {

    position: relative;

}



.dashboard h3 a {

    font-size: 14px;

    color: #000;

    margin: 0 0 0 25px;

    position: absolute;

    top: 10px;

}



.dashboard p {

    font-size: 14px;

    line-height: 26px;

}



#profile_outer p {

    line-height: normal;

    font-size: 14px;

    color: #585858;

}



#profile_outer p i {

    color: #000;

    margin: 0 4px 0 0;

}



#profile_outer h2+p {

    margin-top: 0;

    margin-bottom: 0;

    line-height: 1.6em;

    font-size: 14px;

    color: #585858;

}



.page-dashboard .swal2-container.swal2-center>.swal2-popup {

    padding: 25px 0 15px;

}



.page-dashboard .swal2-textarea {

    font-size: 14px;

    min-height: 200px;

}



.page-dashboard .swal2-file:focus,

.page-dashboard .swal2-input:focus,

.page-dashboard .swal2-textarea:focus {

    border: 1px solid #ccc;

    outline: 0;

    box-shadow: none;

}



.swal2-loader {

    border-color: #d3b062 transparent #d3b062 transparent;

}



.page_404 {

    padding: 40px 0;

    text-align: center;

}



.page_404 .bg_img {

    background-image: url(../img/404.gif);

    height: 400px;

    background-position: center;

}



.page_404 h1 {

    font-size: 80px;

}



.page_404 h3 {

    font-size: 32px;

}



.page_404 a {

    color: #fff !important;

    padding: 10px 20px;

    background: #d3b062;

    margin: 20px 0;

    display: inline-block;

    border-radius: 30px;

    text-decoration: none;

}



.applicant-social {

    list-style: none;

    padding: 0;

    margin: 8px 0 12px;

}



.applicant-social li {

    display: inline-block;

}



.applicant-social li a {

    color: #000;

    font-size: 20px;

    display: block;

    margin: 0 18px 0 0;

}



.applicant-social li i {

    font-size: 14px;

}



.archive #jobs {

    margin: 0px;

}



#profile_img {

    border-radius: 100%;

    width: 200px;

    height: 200px;

    position: relative;

    cursor: pointer;

    background: #f4f4f4;

    display: table;

    background-size: cover;

    background-position: center center;

    box-shadow: 0 5px 8px #a1a0a0;

}



#summary p strong {

    padding: 0;

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.2;

}

#summary p span {
    display: block;
}

#summary h3 {

    margin: 0 0 22px;

}



#summary a {

    color: #d3b062;

}



#summary p {

    line-height: 1.6em;

    font-size: 15px;

    margin: 0 0 0 0;

    color: #7d7d7d;

}

#add_skills-btn {
    margin: 37px 6px 0;
}

.profile .skills .check-box {

    display: flex;

    column-gap: .3em;

    align-items: center;

    font-family: sans-serif;

    font-size: 15px;

    margin-bottom: 5px;

    --checked-color: #0f512c;

    --unchecked-color: #aaa;

}



.profile .skills .check-box__switcher {

    font-size: inherit;

    appearance: none;

    height: 1em;

    width: 1.5em;

    border-radius: 1em;

    background-color: var(--unchecked-color);

    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0"%3F%3E%3Csvg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"%3E%3Ccircle cx="10" cy="10" fill="%23ffffff" r="10"/%3E%3C/svg%3E');

    background-repeat: no-repeat;

    background-size: auto calc(100% - 4px);

    background-position: center left 2px;

    transition: background-position .2s ease-in, background-color 0s .1s;

    font-size: 20px;

}



.profile .skills .check-box__switcher:checked {

    background-position: center right 2px;

    background-color: #0f512c;

}



.profile ul.skills {

    padding: 0;

    margin: 20px 0 0 8px;

    list-style: none;

    display: grid;

    grid-auto-flow: row;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: repeat(2, 1fr);

}



.profile ul.skills li {

    display: inline-block;

    margin: 9px 24px 0 0;

}



.profile .accordion {

    position: relative;

}



.profile .accordion-header {

    margin: 0 0 10px;

}



.profile .accordion-button:focus {

    border-color: transparent;

    box-shadow: none;

}



.profile .accordion-button:not(.collapsed) {

    color: #fff;

    background-color: #0f512c;

    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);

}



.profile .accordion-button:not(.collapsed)::after,

.accordion-button::after {

    filter: brightness(0) invert(1);

}



.profile .accordion-item {

    border: 1px solid rgb(255 255 255 / 13%);

}



.profile .accordion-button {

    background: #0f512c;

    color: #fff;

    margin: 0;

}



.profile .add_new_experience {

    float: right;

    margin: 0;

}



button {

    background: #d3b062;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0 6px;

    border: none;

    font-size: 16px;

    text-decoration: none;

}



.datepicker-panel>ul>li.picked,

.datepicker-panel>ul>li.picked:hover {

    color: #ffffff;

}



.datepicker-panel>ul>li.highlighted {

    background-color: #d3b062;

    color: #fff;

}



.datepicker-top-left,

.datepicker-top-right {

    border-top-color: #d3b062;

}



.datepicker-top-left:before,

.datepicker-top-right:before {

    border-bottom-color: #d3b062;

}



.datepicker-panel>ul>li:hover {

    background-color: rgb(244 235 216 / 39%);

}



.datepicker-panel>ul>li.highlighted:hover {

    background-color: rgb(244 235 216 / 39%);

}



.datepicker-panel>ul>li.picked,

.datepicker-panel>ul>li.picked:hover {

    color: #ffffff;

    background-color: #d3b062;

}



.info {

    font-size: .8em;

    color: red;

    letter-spacing: 2px;

    padding-left: 5px;

}



/*progressbar*/

#progressbar {

    overflow: hidden;

    color: lightgrey;

    text-align: center;

    margin: 0;

    padding: 0;

}



#progressbar .active {

    color: #000000;

}



#progressbar li {

    list-style-type: none;

    font-size: 12px;

    width: 25%;

    float: left;

    position: relative;

}



/*Icons in the ProgressBar*/

#progressbar #received:before {

    font-family: FontAwesome;

    content: "\f00c";

}



#progressbar #interview:before {

    font-family: FontAwesome;

    content: "\f00d";

}



#progressbar #confirmed:before {

    font-family: FontAwesome;

    content: "\f00c";

}



#progressbar #hired:before {

    font-family: FontAwesome;

    content: "\f00c";

}



#progressbar .process:before {

    content: "\f00c" !important;

}



/*ProgressBar before any progress*/

#progressbar li:before {

    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 18px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px;

    z-index: 2;

    position: relative;

}



/*ProgressBar connectors*/

#progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: lightgray;

    position: absolute;

    left: 0;

    top: 25px;

    z-index: 1;

}



#progressbar li.active:before,

#progressbar li.active:after {

    background: #0f512c;

}



.applied-jobs {}



.applied-jobs h3 {

    font-size: 18px;

}



.applied-jobs img {

    width: 50px;

}



.applied-jobs .applied_jobs_details {

    display: flex;

    margin: 4px 0 0 50px;

}



.applied-jobs .applied_jobs_details p {

    margin: 0 24px 0 0;

    font-size: 12px;

}



.applied-jobs .applied_jobs_details p strong {

    display: block;

}



/**

 * Edit Profile

 */

.edit-profile {

    padding: 5rem 0 !important;

}



/* .edit-profile .col-md-12 {

    padding: 0 0;

} */



.edit-profile .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



.edit-profile textarea.form-control {

    border-radius: 0;

}



.edit-profile select {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}

#date_birth_append_calendar,
#exp_end_date_append_calendar,
#exp_start_date_append_calendar,
#edu_start_date_append_calendar,
#edu_end_date_append_calendar,
#iden_issue_date_append_calendar,
#iden_expiry_date_append_calendar,
#exp_start_date_update_append_calendar,
#exp_end_date_update_append_calendar, 
#edu_start_date_update_append_calendar, 
#edu_end_date_update_append_calendar,
#iden_issue_date_update_append_calendar,
#iden_expiry_date_update_append_calendar{
    position: relative;
}

#date_birth_append_calendar select,
#exp_start_date_append_calendar select,
#exp_end_date_append_calendar select {
    background-image: none;
}



.edit-profile .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



.edit-profile fieldset textarea {

    width: 100%;

    min-height: 170px;

    border: 1px solid transparent;

    padding: 0;

    font-size: 16px;

    border-radius: 10px;

}



.edit-profile fieldset textarea:focus-visible {

    outline: none;

}



.edit-profile h2 {

    padding: 0;

    font-size: 22px;

    color: #d3b062;

    text-transform: capitalize;

    margin: 30px 0 25px;

    font-weight: 700;

}



.edit-profile .form-label {

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



.edit-profile #applicant_form_edit textarea.form-control {

    border-radius: 0;

    border-radius: 8px;

}



.edit-profile .personal-information {

    padding: 0 35px 23px 0;

}



.edit-profile .edit-profile-action {

    margin: 40px 0 20px;

    width: 100%;

    float: left;

}



.edit-profile .edit-profile-action a {

    color: #fff;

    padding: 5px 25px;

    display: inline-block;

    text-decoration: none;

    border-radius: 30px;

    margin: 0 15px 0 0;

}



.edit-profile .edit-profile-action a:first-child {

    background: #0f512c;

    margin: 0;

}



.edit-profile .edit-profile-action a:last-child {

    color: #000;

    box-shadow: 2px 2px 6px -1px #ccc;

}



.edit-profile .personal-information h2 {

    padding: 0;

    font-size: 22px;

    color: #d3b062;

    text-transform: capitalize;

    margin: 0 0 25px;

    font-weight: 700;

}



/* Children Information */

.spouse-information {

    padding: 0 35px 0 0;

}



/* Children Information */

.child-information {

    padding: 0 0 0 0;

    display: none;

}



.child-information #add-children {

    background: #0f512c;

    color: #fff;

    padding: 10px 12px;

    border-radius: 30px;

    font-size: 15px;

    text-decoration: none;

}



.child-information #add-children span {

    font-size: 12px;

}



.child-information .childrenDiv table {

    font-size: 14px;

    margin: 5px 0;

}



.child-information .childrenDiv table a {

    font-size: 14px;

    margin: 5px 0;

    float: left;

    padding: 0 15px 0 0;

}



.child-information .childrenDiv table a:last-child {

    padding: 0 0 0 0;

}



#childrenInformation .modal-dialog {

    max-width: 600px;

}



#childrenInformation .modal-dialog .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#childrenInformation .modal-dialog .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



#childrenInformation .modal-dialog .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



#childrenInformation .modal-dialog select.form-control {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



#childrenInformation .modal-dialog .btn-close:focus {

    box-shadow: none;

}



#childrenInformation .modal-dialog .modal-footer button {

    display: inline-block;

    background: #0f512c;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 14px;

    text-decoration: none;

}



#childrenInformation .modal-dialog .modal-footer button:focus {

    box-shadow: none;

}



/*Sidebar Profile*/

.edit-profile .col-3 {

    border-left: 1px solid #ced4da;

}



.edit-profile .sidebar-profile {

    padding: 0 32px;

}



.edit-profile .sidebar-profile.fixed {

    position: fixed;

    top: 50px;

}



.edit-profile .sidebar-profile .profile-strength .progress-message {

    color: #d3b062;

    padding: 15px 0 0;

    font-size: 14px;

    margin: 0;

}



.edit-profile .sidebar-profile .profile-strength h2,

.edit-profile .sidebar-profile #profile_picture h2 {

    padding: 0;

    font-size: 22px;

    color: #444;

    text-transform: capitalize;

    margin: 0 0 25px 0;

    font-weight: 700;

}



.edit-profile .sidebar-profile .profile-strength .progress {

    margin: 0 0 12px;

}



.edit-profile .sidebar-profile .profile-strength .progress .progress-bar {

    background-color: #d3b062;

}



.edit-profile .sidebar-profile .profile-strength p {

    color: #888;

    padding: 6px 0 0;

    font-size: 14px;

    margin: 0;

}



.edit-profile .sidebar-profile #profile-image label.cabinet {

    display: block;

    cursor: pointer;

    width: 200px;

    height: 200px;

    margin: 0 auto;

}



.edit-profile .sidebar-profile #profile-image figure img {

    margin: 0 auto;

    display: block;

}



.edit-profile .sidebar-profile #profile-image figure {

    margin: 20px 0 0;

    top: 0;

    left: 0;

    border-radius: 100%;

    width: 100%;

    height: 100%;

    border: 4px dashed #0f512c;

    background: #f4f4f4;

    position: relative;

    opacity: 1;

}



.edit-profile .sidebar-profile #profile-image figure label {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    text-align: center;

    color: grey;

}



.edit-profile .sidebar-profile #profile-image figure figcaption i {

    display: block;

    text-align: center;

}



.edit-profile .sidebar-profile #profile-image label.cabinet input.file {

    position: relative;

    height: 100%;

    width: auto;

    opacity: 0;

}



#cropImagePop #upload-demo {

    width: 250px;

    height: 250px;

    padding-bottom: 25px;

    margin: 0 auto;

}





/* Experience */

.experience-information {

    padding: 0 35px 2px 0;

}



.experience-information .exp_clone_outer {

    margin: 20px 0 0;

    border: 1px solid #ced4da;

    padding: 0 16px;

    border-radius: 6px;

    position: relative;

}



.experience-information .exp_clone_outer h4 {

    font-size: 18px;

    margin: 0;

}



.experience-information .exp_clone_outer h5 {

    font-size: 15px;

    margin: 5px 0;

    color: #5a5a5a;

}



.experience-information .exp_clone_outer p {

    margin: 0;

    font-size: 14px;

    color: #727272;

}



.experience-information .exp_clone_inner {

    margin: 15px 0 15px;

    border-bottom: 1px solid #efefef;

    padding: 0 0 14px;

}



.experience-information .exp_clone_outer .exp_clone_inner:last-child {

    border-bottom: 1px solid transparent;

    padding: 0;

}



.experience-information .exp_clone_inner p:last-child {

    margin: 10px 0 0;

}



.experience-information .exp_clone_outer a {

    float: right;

    color: #d3b062;

    padding: 0 0 0 20px;

}



.experience-information .exp_clone_outer .exp_actions {

    position: absolute;

    right: 20px;

    top: 15px;

}



.experience-information #add-experience {

    background: #d3b062;

    color: #fff;

    border-radius: 30px;

    font-size: 15px;

    text-decoration: none;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    padding: 11px 0 0;

}



#experienceInformation .modal-dialog,
#updateExperienceInformation .modal-dialog {

    max-width: 600px;

}



#experienceInformation .modal-dialog .form-label,
#updateExperienceInformation .modal-dialog .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#experienceInformation .modal-dialog .form-control,
#updateExperienceInformation .modal-dialog .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



#experienceInformation .modal-dialog textarea.form-control,
#updateExperienceInformation .modal-dialog textarea.form-control {

    border-radius: 8px;

}



#experienceInformation .modal-dialog .form-control:focus,
#updateExperienceInformation .modal-dialog .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



#experienceInformation .modal-dialog select.form-control,
#updateExperienceInformation .modal-dialog select.form-control {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



#experienceInformation .modal-dialog .btn-close:focus,
#updateExperienceInformation .modal-dialog .btn-close:focus {

    box-shadow: none;

}



#experienceInformation .modal-dialog .modal-footer button,
#updateExperienceInformation .modal-dialog .modal-footer button {

    display: inline-block;

    background: #d3b062;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 14px;

    text-decoration: none;

}



#experienceInformation .modal-dialog .modal-footer button:focus,
#updateExperienceInformation .modal-dialog .modal-footer button:focus {

    box-shadow: none;

}



/* Skills */

.skills-information {

    padding: 0 35px 0 0;

}



.skills-information select {

    border-radius: 50px;

}



.skills-information select:focus {

    outline: none;

    box-shadow: none;

    border-color: #ccc;

}

.skills-information input {

    border-radius: 50px;

}



.skills-information select:input {

    outline: none;

    box-shadow: none;

    border-color: #ccc;

}



.skills-information #add_skills {

    padding: 6px 20px;

}



.skills-information .skill_outer {

    list-style: none;

    display: inline-block;

    background: #f4ebd8;

    color: #000;

    padding: 6px 25px;

    border-radius: 30px;

    font-size: 14px;

    margin: 0 8px 16px 0;

    position: relative;

}



.skills-information .skill_outer a.del_skill {

    color: #000;

    position: absolute;

    top: -10px;

    right: 2px;

    border-radius: 30px;

    border: 1px solid #000;

    padding: 0 5px;

    font-size: 11px;

}



.skills-information .skill_outer small {

    font-weight: 700;

}



/* Education */

.education-information {

    padding: 0 35px 2px 0;

}



.education-information .edu_clone_outer {

    margin: 20px 0 0;

    border: 1px solid #ced4da;

    padding: 0 16px;

    border-radius: 6px;

    position: relative;

}



.education-information .edu_clone_outer h4 {

    font-size: 18px;

    margin: 0;

}



.education-information .edu_clone_outer h5 {

    font-size: 15px;

    margin: 5px 0;

    color: #5a5a5a;

}



.education-information .edu_clone_outer p {

    margin: 0;

    font-size: 14px;

    color: #727272;

}



.education-information .edu_clone_inner {

    margin: 15px 0 15px;

    border-bottom: 1px solid #efefef;

    padding: 0 0 14px;

}



.education-information .edu_clone_outer .edu_clone_inner:last-child {

    border-bottom: 1px solid transparent;

    padding: 0;

}



.education-information .edu_clone_inner p:last-child {

    margin: 10px 0 0;

}



.education-information .edu_clone_outer a {

    float: right;

    color: #d3b062;

    padding: 0 0 0 20px;

}



.education-information .edu_clone_outer .edu_actions {

    position: absolute;

    right: 20px;

    top: 15px;

}



.education-information #add-education {

    background: #d3b062;

    color: #fff;

    border-radius: 30px;

    font-size: 15px;

    text-decoration: none;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    padding: 11px 0 0;

}



#educationInformation .modal-dialog,
#updateEducationInformation .modal-dialog {

    max-width: 600px;

}



#educationInformation .modal-dialog .form-label,
#updateEducationInformation .modal-dialog .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#educationInformation .modal-dialog .form-control,
#updateEducationInformation .modal-dialog .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



#educationInformation .modal-dialog textarea.form-control,
#updateEducationInformation .modal-dialog textarea.form-control {

    border-radius: 8px;

}



#educationInformation .modal-dialog .form-control:focus,
#updateEducationInformation .modal-dialog .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



#educationInformation .modal-dialog select.form-control,
#updateEducationInformation .modal-dialog select.form-control {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



#educationInformation .modal-dialog .btn-close:focus,
#updateEducationInformation .modal-dialog .btn-close:focus {

    box-shadow: none;

}



#educationInformation .modal-dialog .modal-footer button,
#updateEducationInformation .modal-dialog .modal-footer button {

    display: inline-block;

    background: #d3b062;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 14px;

    text-decoration: none;

}



#educationInformation .modal-dialog .modal-footer button:focus,
#updateEducationInformation .modal-dialog .modal-footer button:focus {

    box-shadow: none;

}



/* Identification Types */

.identification-information {

    padding: 0 35px 2px 0;

}



.identification-information .identification_clone_outer {

    margin: 20px 0 0;

    border: 1px solid #ced4da;

    padding: 0 16px;

    border-radius: 6px;

    position: relative;

}



#identification_list .identification_clone_outer {

    margin: 20px 0 0;

    border: none;

    padding: 0;

    border-radius: 6px;

    position: relative;

}



#identification_list p {

    line-height: 1.6em;

    font-size: 15px;

    margin: 0 0 4px 26px;

    color: #7d7d7d;

}



.identification-information .identification_clone_outer h4 {

    font-size: 18px;

    margin: 0;

}



#identification_list .identification_clone_outer h4 {

    font-size: 16px;

    margin: 0;

}



.identification-information .identification_clone_outer h5,

#identification_list .identification_clone_outer h5 {

    font-size: 15px;

    margin: 5px 0;

    color: #5a5a5a;

}



.identification-information .identification_clone_outer p,

#identification_list .identification_clone_outer p {

    margin: 0;

    font-size: 14px;

    color: #727272;

}



.identification-information .identification_clone_inner,

#identification_list .identification_clone_inner {

    margin: 15px 0 15px;

    border-bottom: 1px solid #efefef;

    padding: 0 0 14px;

}



.identification-information .identification_clone_outer .identification_clone_inner:last-child,

#identification_list .identification_clone_outer .identification_clone_inner:last-child {

    border-bottom: 1px solid transparent;

    padding: 0;

}



.identification-information .identification_clone_inner p:last-child,

#identification_list .identification_clone_inner p:last-child {

    margin: 10px 0 0;

}



.identification-information .identification_clone_outer a,

#identification_list .identification_clone_outer a {

    float: right;

    color: #d3b062;

    padding: 0 0 0 20px;

}



.identification-information .identification_clone_outer .identification_actions,

#identification_list .identification_clone_outer .identification_actions {

    position: absolute;

    right: 20px;

    top: 15px;

}



#identification_list .form-label {

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#identificationInformation .modal-dialog input[type="file"].form-control,
#updateIdentificationInformation .modal-dialog input[type="file"].form-control {

    background-color: #e9ecef;

}



.identification-information #add-identification {

    background: #d3b062;

    color: #fff;

    border-radius: 30px;

    font-size: 15px;

    text-decoration: none;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    padding: 11px 0 0;

}



#identificationInformation .modal-dialog,
#updateIdentificationInformation .modal-dialog {

    max-width: 600px;

}



#identificationInformation .modal-dialog .form-label,
#updateIdentificationInformation .modal-dialog .form-label {

    margin-bottom: 0.5rem;

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



#identificationInformation .modal-dialog .form-control,
#updateIdentificationInformation .modal-dialog .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



#identificationInformation .modal-dialog textarea.form-control,
#updateIdentificationInformation .modal-dialog textarea.form-control {

    border-radius: 8px;

}



#identificationInformation .modal-dialog .form-control:focus,
#updateIdentificationInformation .modal-dialog .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}



#identificationInformation .modal-dialog select.form-control,
#updateIdentificationInformation .modal-dialog select.form-control {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 1.3rem center;

    background-size: 1em;

}



#identificationInformation .modal-dialog .btn-close:focus,
#updateIdentificationInformation .modal-dialog .btn-close:focus {

    box-shadow: none;

}



#identificationInformation .modal-dialog .modal-footer button,
#updateIdentificationInformation .modal-dialog .modal-footer button {

    display: inline-block;

    background: #d3b062;

    color: #fff;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 0;

    border: none;

    font-size: 14px;

    text-decoration: none;

}



#identificationInformation .modal-dialog .modal-footer button:focus,
#updateIdentificationInformation .modal-dialog .modal-footer button:focus {

    box-shadow: none;

}

#identification_front_side_update img,
#identification_back_side_update img,
#identification_front_side img,
#identification_back_side img {
    width: 100%;
    border: 1px solid #ccc;
}

#identification_front_side_img_update,
#identification_back_side_img_update,
#identification_front_side_img,
#identification_back_side_img {
    color: #7c7c7c;
    font-size: 26px;
}

.attachmentIdentification_1,
.attachmentIdentification_2 {
    width: 25%;
    margin: 12px 0 0;
    border-radius: 0 !important;
}



/* Resume */

.resume-information #add-resume {

    background: #d3b062;

    color: #fff;

    border-radius: 30px;

    font-size: 15px;

    text-decoration: none;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    padding: 11px 0 0;

}



.resume-information .form-label {

    padding: 0;

    margin: 0 0 17px;

    font-size: 14px;

    font-weight: 300;

    color: #000;

}



.resume-information input[type="file"].form-control {

    background-color: #e9ecef;

}



.resume-information input[type="file"].form-control:focus {

    outline: none;

    box-shadow: none;

    border-color: #d7d7d7;

}



.resume-information .form-control {

    padding: 0.5rem 1rem;

    font-size: 14px;

    color: #000;

    border-radius: 30px;

}



.resume-information .resume_append_outer {}



.resume-information .resume_append_outer a.download_resume {

    color: #d3b062;

}



.resume-information .resume_append_outer a.del_resume {

    color: #d3b062;

    margin: 0 0 0 52px;

}



.datepicker-dropdown {

    z-index: 999999 !important;

}



.modal-footer {

    border: none;

}



.modal-dialog button:first-child {

    color: #000 !important;

    box-shadow: 2px 2px 6px -1px #ccc;

    margin: 0 15px 0 0 !important;

    background: #fff !important;

}



.edit_edu,

.edit_exp,

.edit_identification {

    display: block;

}

.email-verification {
    text-align: center;
    padding: 50px 0;
    width: 100%;
    float: left;
}

.email-verification h2 {
    color: #d3b062;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.email-verification p {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
}

.email-verification a {
    font-size: 14px;
    background: #d3b062;
    color: #fff;
    padding: 8px 30px;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
    display: inline-block;
    margin: 25px 0 0;
}





/*Calendar*/
#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    position: absolute !important;
    top: inherit !important;
    left: inherit !important;
}

#ui-datepicker-div table {
    border-collapse: collapse;
    border-spacing: 0;
}

#ui-datepicker-div .ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-unselectable.ui-state-disabled {
    color: #d1d1d1;
    font-size: 14px;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #000000;
    font-size: 0.875rem;
    text-decoration: none;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
    background-color: #e9d4a7;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #d3b062;
    color: white;
}

#ui-datepicker-div .ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

#ui-datepicker-div .ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

#ui-datepicker-div .ui-datepicker-header a>span {
    display: none;
}

#ui-datepicker-div .ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

#ui-datepicker-div .ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

#ui-datepicker-div .ui-datepicker-year {
    margin: 0 10px 0 10px;
}

/* #ui-datepicker-div .ui-datepicker-today a {
    background: #d3b062;
    border: 1px solid #d3b062;
    color: #fff !important;
} */




#toast {
    visibility: hidden;
    max-width: 30px;
    height: 50px;
    margin: auto;
    background-color: #FAEAD0;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 20px;
    font-size: 17px;
    white-space: nowrap;
}

#profile_img_toast {
    visibility: hidden;
    max-width: 30px;
    height: 50px;
    margin: auto;
    background-color: #29a76d;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 20px;
    font-size: 17px;
    white-space: nowrap;
}

#toast #img {
    width: 50px;
    height: 50px;
    float: left;
    padding-top: 7px;
    padding-left: 3px;
    box-sizing: border-box;
    background-color: #ef9400c4;
    color: #fff;
    font-size: 24px;
}
#profile_img_toast #img {
    width: 50px;
    height: 50px;
    float: left;
    padding-top: 7px;
    padding-left: 3px;
    box-sizing: border-box;
    background-color: #198754;
    color: #fff;
    font-size: 24px;
}

#toast #desc {
    color: #5d6672 !important;
    line-height: 1.6;
    white-space: nowrap;
    font-size: 15px;
    margin: 13px 0 0;
}
#profile_img_toast #desc{
    color: #fff !important;
    line-height: 1.6;
    white-space: nowrap;
    font-size: 15px;
    margin: 13px 0 0;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

#profile_img_toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand_profile 0.5s 0.5s, stay_profile 3s 1s, shrink_profile 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand_profile 0.5s 0.5s, stay_profile 3s 1s, shrink_profile 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes expand {
    from {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@keyframes expand {
    from {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes stay {
    from {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@keyframes stay {
    from {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes shrink {
    from {
        min-width: 350px;
    }

    to {
        min-width: 50px;
    }
}

@keyframes shrink {
    from {
        min-width: 350px;
    }

    to {
        min-width: 50px;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 60px;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 60px;
        opacity: 0;
    }
}



@-webkit-keyframes expand_profile {
    from {
        min-width: 50px
    }

    to {
        min-width: 410px
    }
}

@keyframes expand_profile {
    from {
        min-width: 50px
    }

    to {
        min-width: 410px
    }
}

@-webkit-keyframes stay_profile {
    from {
        min-width: 410px
    }

    to {
        min-width: 410px
    }
}

@keyframes stay_profile {
    from {
        min-width: 410px
    }

    to {
        min-width: 410px
    }
}

@-webkit-keyframes shrink_profile {
    from {
        min-width: 410px;
    }

    to {
        min-width: 50px;
    }
}

@keyframes shrink_profile {
    from {
        min-width: 410px;
    }

    to {
        min-width: 50px;
    }
}



@media (max-width: 992px) {
    
    .dashboard #profile{
        width: 175px;
        height: 175px;
        max-width: 100%;
    }
    
    #profile_outer p {
        word-break: break-all;
    }
    
    .edit-profile .sidebar-profile {
        padding: 0px;
    }
}



@media (max-width: 767px) {

    header {

        text-align: center;

    }

    header .menu ul {
        float: left;
        padding: 0;
        margin: 5px 0 6px 0;
    }

    #banner h1 {

        margin: 5px 0;

    }

    #jobs .job-listings .row h3 {

        font-size: 20px;

        text-align: center;

        margin: 15px 0 0;

    }

    #jobs .job-listings .row p {

        text-align: center;

    }

    #jobs .job-listings .row img {

        width: 75px;

        margin: 12px auto 17px;

    }

    #jobs .job-listings .row a {

        text-align: center;

        margin: 0;

    }

    #jobs {

        padding: 45px 0 0;

    }

    footer img {

        width: 270px;

        max-width: 100%;

        margin: 0 0 25px;

    }

    footer .copyrights p {

        text-align: center;

    }

    footer h2 {

        margin: 15px 0;

    }

    footer p.powered-by {

        text-align: center;

    }

    #faqs .accordion-button {

        font-size: 16px;

        font-weight: bold;

    }

    header .menu ul li:last-child a {

        margin-right: 20px !important;
        display:none;

    }

    header .menu ul li a {
        margin: 7px 5px 0 !important;
    }

    #faqs {

        padding: 45px 0;

        float: left;

    }

    #faqs h2 {

        text-align: left;

    }

    #jobs .row .col {}

    #profile_outer {

        text-align: center;

    }

    #mediaFile {

        display: none;

    }

    .dashboard #profile {

        margin: 0 auto;

    }

    #jobs .job-listings .pagination-outer {
        margin: 24px 0;
        float: left;
    }

    #jobs .row .col {
        width: 100%;
        display: block !important;
        flex: auto;
        margin: 0 0 12px;
    }

    #jobs input,
    #jobs select {
        padding: 14px 15px;
        border-radius: 30px;
    }

    #jobs button#search-jobs {
        font-size: 16px;
        padding: 14px 0;
        width: 100%;
        float: none;
        margin: 0;
    }

    #banner span {
        display: none;
    }

    #job_detail .job_sidebar {
        padding: 0 15px 31px;
    }

    .settings,
    .edit-profile,
    .signin,
    .dashboard,
    .applied-jobs,
    .terms {
        padding: 3rem 0 !important;
    }

    .side_action_btn {
        margin: -16px auto 21px;
        text-align: center;
        display: inline-block;
    }

    .side_action_btn .mt-5 {
        margin-top: 1rem !important
    }

    #summary p span {
        display: inline-block;
    }

    #summary .row {
        margin-bottom: 0;
    }

    #summary .row p span {
        margin-bottom: 10px;
    }

    .edit-profile .sidebar-profile {
        padding: 0;
    }

    .edit-profile .col-md-9 {
        order: 2;
    }

    .edit-profile .personal-information {
        padding: 0 0 23px 0;
    }

    #exp_list .experience .company span {
        float: left;
        margin: 5px 0 0;
    }

    #exp_list .experience .responsibility {
        float: left;
        width: 100%;
        margin: 5px 0 0 18px;
    }

    #education_list h4 span {
        margin: 12px 0 4px 26px;
        float: none;
        display: block;
    }

    #identification_list .form-label {
        margin: 0 0 5px;
    }

    .applied-jobs .applied_jobs_details {
        margin: 4px 0 0 31px;
        width: 100%;
        display: block;
    }

    header a img {
        float: left;
    }

    header .profile {
        float: right;
        margin: -52px 0 0;
    }

    .breadcrumbs {
        padding: 20px 0;
    }
    
    .experience-information .exp_clone_outer h4,
    .education-information .edu_clone_outer h4,
    .identification-information .identification_clone_outer h4 {
            width: 75%;
    }

}