@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
/*@font-face {
    font-family: Gotham;
    src: url(../../fonts/gotham/GothamMedium.ttf);
}
@font-face {
    font-family: Gotham-light;
    src: url(../../fonts/gotham/GothamLight.ttf);
}
@font-face {
    font-family: Gotham-thin;
    src: url(../../fonts/gotham/Gotham-Thin.otf);
}*/
*{
  /*font-size: 15px;*/
  /*font-family: 'Poppins', sans-serif;*/
  /*font-family: 'Tajawal', sans-serif;*/
}
/*@font-face {
    font-family: 'CircularStd-Bold';
    src: url('../fonts/CircularStd-Book.otf');
}
@font-face {
    font-family: CircularStd_Medium;
    src: url('../fonts/CircularStd-Medium.otf');
}
@font-face {
    font-family: CircularStd_Light;
    src: url('../fonts/CircularStd-Light.otf');
}*/
html, body {
    font-family: 'CircularStd-Bold';
    /*font-family: 'Poppins', sans-serif;*/
    /*font-family: 'Montserrat', sans-serif !important;*/
}
.sidebar{
  left: 0;
}
.home-section{
  left: 260px;
}
.sidebar.close ~ .home-section{
  left: 78px;
}
.menu-icon{
  right: 20px;
}
.sidebar.close .nav-links li .sub-menu{
  left: 100%;
  border-radius: 0 6px 6px 0;
}
.sidebar .nav-links li a .link_name{
  font-size: 0.86rem;
  font-weight: 500;
}
.left-content p{
  padding: 0 30px 0 10px;
}
.user-link .user-name{
  padding-left: 5px;
}
.dropdown-item i{
  margin-right: 5px;
}
.user-mobile .dropdown-item img{
    margin-right: 5px;
}
.tabs-bx h3{
  text-align: left;
}
.show-icon .input-group-append{
  right: 25px;
}
.tabs-bx .nav-pills li{
  border-right: 3px solid var(--dark-brown);
}
.tabs-bx .nav-pills li:first-child > .nav-link{
  padding-left: 0;
}
.tabs-bx .nav-pills li:last-child{
  border-right: 0;
}
.chat-bx .border-right {
  height: calc(100vh - 84px);
  overflow-y: auto;
  border-right: 1px solid #dee2e6 !important;
}
.chat-bx .float-right {
  float: right !important;
}
.chat-bx .ml-3, .chat-bx .mx-3 {
  margin-left: 0.5rem !important;
}
.chat-bx .pl-3, .chat-bx .px-3 {
  padding-left: 1rem !important;
  width: calc(90% - 3rem);
  min-width: 80px;
}
.chat-bx .chat-message-right {
  flex-direction: row-reverse;
}
.mr-3, .mx-3 {
  margin-right: 1rem!important;
}
.auth-form .phone-num input{
  border-top-right-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important;
}
/*.jobs-bx ul li .owner-info span{
  padding-left: 15px;
}
.jobs-bx ul li .owner-info span:first-child{
  padding-left: 0px !important;
}*/
.jobs-bx ul li .owner-info span.skills-data{
  padding-right: 10px;
  border-right: 1px solid var(--black-text);
}
.jobs-bx ul li .owner-info span.skills-data:last-child{
  border-right: 0;
}
.lang-dropdown-start .dropdown-item img,
.lang-dropdown .dropdown-item img {
    margin-right: 7px;
}
.apply-filter {
    top: -55px !important;
}
.reset-filter {
    top: -55px !important;
}
.filter-carousel .filter-item .form-select {
    padding-left: 10px !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding-right: 30px;
}
/*.select2-container--default .select2-search--inline .select2-search__field{
    position: absolute;
    left: 10px;
    z-index: 1;
    top: 5px;
}*/
.apply-filter{
    right: 115px !important;
}
.reset-filter {
    right: 285px !important;
}
.send-btn input {
    border-right: 0;
}
.send-btn .btn {
    border-left: 0;
    border-radius: 0 50px 50px 0 !important;
}
.lang-dropdown-start{
    right: 10px;
}
.jobs-data .action-btns{
  right: 15px;
}
.data-label i{
  right: 8px;
}
.data-label{
  padding: 2px 10px 2px 10px;
}
#divExperiences .experience-bx ul li.exper_list {
    padding-left: 100px;
}
.filter-carousel .owl-nav button.owl-next{
  right: -40px;
  /*transform: rotate(180deg);*/
}
.filter-carousel .owl-nav button.owl-prev{
  left: -40px;
  /*transform: rotate(180deg);*/
}
.actions_btns{
    right: 260px;
}
.choose_frame {
    right: unset;
    left: 0;
}
.choose_frame .lang-dropdown-start{
    left: 15px;
}
/*.require-icon {
    padding-right: 5px;
}*/
.phone-inputs .code .form-control{
    max-width: 100px;
    border-radius: .375rem 0 0 .375rem;
}
.phone-inputs .phone{
    width: 100%;
}
.phone-inputs .phone input{
    border-radius: 0 .375rem .375rem 0;
}

.arrow_link{
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.blue-text{
  color: #0f54fb !important;
}
/*.labels-bx .label-text.interview_card img{
    margin-left: 10px;
}*/
.cart_edit_icon{
    margin-left: 10px;
}

.chat-message-right .msg-text{
    white-space: break-spaces;
    word-break: break-word;
    display: flex;
    align-items: center;
}
.chat-message-left .msg-text{
    display: flex;
    white-space: break-spaces;
    word-break: break-word;
    align-items: center;
}
/*.jobs-status.interview-tabs .nav-bx{
  margin-left: -200px;
}*/
.status-line .status-bx{
    margin-left: 120px;
}
.status-line .status-bx.applied-color{
    margin-left: 130px;
}
.status-line .status-bx.offer-color{
    margin-left: 130px;
}
.status-line .status-bx.No-color {
    margin-left: 130px;
}

.status-line .status-bx.No-color .circle-color{
    background-color: gray;
}
.status-line .status-bx.offer-Nocolor .circle-color {
    background-color: gray;
}
.status-line .status-bx.offer-Nocolor:after {
    border: 0;
}
.applicant-item.decline-item .actions.decline{
    right: 20px;
}

/*.applicant-item.decline-item .owner-info{
    padding-left: 75px;
}*/
.note-modal-header{
    display: flex;
    flex-direction: row-reverse;
}
.note-modal-header h4{
    width: 100%;
    text-align: center;
}
.phone-num .select2-container--default .select2-selection--single {
    border-radius: 50px 0 0 50px;
}
.select_country .select2-container--default .select2-selection--single {
    border-radius: 0px 50px 50px 0;
}
.banner-section-search .search-btn {
    font-family: CircularStd_Light !important;
}
#signinModal .modal-body p {
    font-family: CircularStd_Light;
}
.select2-selection--multiple .select2-selection__rendered:after {
    right: 10px;
}
.static-page {
    color: #212529 !important;
    font-family: 'Poppins' !important;
}

#UnverifiedAccountModal .modal-body p {
    font-family: 'Circular Std', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
}

#UnverifiedAccountModal .modal-header h2 {
    font-family: 'Circular Std', sans-serif !important;
    font-weight: 700;
    font-size: 26px;
}
#UnverifiedAccountModal {
    font-family: 'Circular Std', sans-serif !important;
}
   
/** ====================
 *  MediaQuery Css
=======================*/
@media screen and (max-width: 1230px){
    .left-content p{
        padding: 0 15px 0 5px;
    }
}
@media screen and (max-width: 991px){
    .pagination-bx {
        justify-content: space-between;
    }
    .job-search {
        flex-direction: column;
    }
    .reset-filter {
        right: unset !important;
        left: 275px;
    }
}
@media screen and (max-width: 900px) {
    .job-search {
        flex-direction: column;
    }
    .apply-filter {
        right: unset !important;
        left: 110px;
    }
}
@media screen and (max-width: 768px){
    .jobs-bx ul li .owner-info{
        flex-direction: column;
        align-items: self-start;
    }
    .pagination-bx{
        align-items: start;
        flex-direction: column-reverse;
    }
    .entries-num{
        position: relative;
        bottom: 0;
    }
    #jobDetailsModal .header-info-bx {
        flex-direction: column;
        gap: 10px;
    }
    .experience-bx ul li{
        padding-left: 0;
    }
    #divDiplomas .experience-bx ul li,
    #divTrainingCourses .experience-bx ul li,
    #divCertifications .experience-bx ul li,
    #divProjects .experience-bx ul li,
    #divEducations .experience-bx ul li,
    #divExperiences .experience-bx ul li {
        padding-left: 70px;
    }
    .project-title-bx .data .images-bx ul li {
        padding-left: 0 !important;
    }
    .status-line .status-bx{
        margin-left: 20px;
    }
    .status-line .status-bx:after{
        width: 20px;
    }
    /*.status-line .status-bx.interview-color:after{
        border: 0;
    }*/
    .status-line .status-bx.offer-color{
        margin-left: 20px;
    }
    .status-line .status-bx.No-color,
    .status-line .status-bx.applied-color {
        margin-left: 20px;
    }
    .status-line .status-bx .circle-color {
        width: 40px;
        height: 40px;
    }
    .status-line .status-bx .circle-color img {
        width: 18px;
        height: 18px;
        margin: 11px;
    }
    .status-line .status-bx p{
        font-size: 13px;
    }
    .status-line {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -20px;
    }
    .complete-profile{
        padding-top: 20px;
    }
}
.obfuscated-link {
    color: #1a0dab; /* Link color */
    text-decoration: none; /* Remove underline */
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

    .obfuscated-link::after {
        content: attr(data-link);
        visibility: hidden; /* Hide the actual URL */
    }
@media screen and (max-width: 480px){
    .apply-filter {
        right: unset !important;
        left: 120px;
        white-space: nowrap;
    }
    .complete-profile .profile-edit-icons {
        right: unset;
        left: 0;
        top: 55px;
    }
    .user-data{
        padding-top: 50px;
        flex-direction: column;
    }
    .complete-profile .user-data .brief-text {
        width: 100%;
    }
    .complete-profile .profile-edit-icons.rec_edit {
        top: 120px;
    }
    .reset-filter {
        font-size: 0;
        gap: 0;
        left: 117px;
    }
    .apply-filter{
        font-size: 0;
        gap: 0;
        left: 40px;
    }
    .set-alert{
        font-size: 0;
        gap: 0;
    }
}
@media screen and (max-width: 340px){
    .apply-filter {
        right: -30px !important;
        left: unset;
    }
    .apply-filter {
        right: unset !important;
        left: -35px;
        top: -45px !important;
        white-space: nowrap;
    }
    .fiter-bx{
        padding-top: 40px;
    }
}
@media screen and (max-width: 320px){
    .apply-filter {
        position: initial;
        margin-left: -35px;
        width: 136px;
    }
    .set-alert{
        width: 136px;
    }
}