@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

/*-----------------------------------
#   Fonts 
------------------------------------*/

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Regular.eot');
    src: url('../fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Regular.woff2') format('woff2'),
        url('../fonts/Metropolis-Regular.woff') format('woff'),
        url('../fonts/Metropolis-Regular.ttf') format('truetype'),
        url('../fonts/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Medium.eot');
    src: url('../fonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Medium.woff2') format('woff2'),
        url('../fonts/Metropolis-Medium.woff') format('woff'),
        url('../fonts/Metropolis-Medium.ttf') format('truetype'),
        url('../fonts/Metropolis-Medium.svg#Metropolis-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Metropolis Semi';
    src: url('../fonts/Metropolis-SemiBold.eot');
    src: url('../fonts/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-SemiBold.woff2') format('woff2'),
        url('../fonts/Metropolis-SemiBold.woff') format('woff'),
        url('../fonts/Metropolis-SemiBold.ttf') format('truetype'),
        url('../fonts/Metropolis-SemiBold.svg#Metropolis-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.eot');
    src: url('../fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Bold.woff2') format('woff2'),
        url('../fonts/Metropolis-Bold.woff') format('woff'),
        url('../fonts/Metropolis-Bold.ttf') format('truetype'),
        url('../fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Univers Next Arabic';
    src: url('../fonts/UniversNextArabic-Regular.eot');
    src: url('../fonts/UniversNextArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniversNextArabic-Regular.woff2') format('woff2'),
        url('../fonts/UniversNextArabic-Regular.woff') format('woff'),
        url('../fonts/UniversNextArabic-Regular.ttf') format('truetype'),
        url('../fonts/UniversNextArabic-Regular.svg#UniversNextArabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Univers Next Arabic';
    src: url('../fonts/UniversNextArabic-Bold.eot');
    src: url('../fonts/UniversNextArabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniversNextArabic-Bold.woff2') format('woff2'),
        url('../fonts/UniversNextArabic-Bold.woff') format('woff'),
        url('../fonts/UniversNextArabic-Bold.ttf') format('truetype'),
        url('../fonts/UniversNextArabic-Bold.svg#UniversNextArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*-----------------------------------
#   Common Variables 
------------------------------------*/
:root {
    --selection-bg: #155AAA;
    --blue: #155AAA;
    --darkblue: #080036;
    --selection-text: #fff;
    --placeholder-text: #626161;
    --font: 'Metropolis';
}
/*-----------------------------------
#   Common Css 
------------------------------------*/
html[lang="ar"] body{
    font-family: 'Univers Next Arabic';
}
html[lang="ckb"] body{
    font-family: "Vazirmatn", sans-serif;
}
body {height:100%;font-size:14px;font-family:var(--font);font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#222;background-color:#FFF;}
body.loading {overflow:hidden;}
ul,ol {list-style:none;margin:0;padding:0;}
img {max-width:100%;height:auto;}
a {text-decoration:none;outline:none!important;color:inherit;transition:all 0.3s ease;}
.link-disabled {cursor:default !important;}
.link-disabled:hover {background: #E8F2FF!important;color: #155aaa!important;}
input::-webkit-input-placeholder { color:#c7c3c3!important;}
input::-moz-placeholder {color:#c7c3c3!important;}
input:-ms-input-placeholder {color:#c7c3c3!important;}
input:-moz-placeholder { color:#c7c3c3!important;}
input::placeholder{color:#c7c3c3!important;}
textarea::-webkit-input-placeholder { color:#c7c3c3!important;}
textarea::-moz-placeholder {color:#c7c3c3!important;}
textarea:-ms-input-placeholder {color:#c7c3c3!important;}
textarea:-moz-placeholder { color:#c7c3c3!important;}
textarea::placeholder{color:#c7c3c3!important;}

@media(hover: hover) {
    a:hover {color:inherit;}
}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:400;}
p {font-size:14px;line-height:22px;color:#000;margin:0;}
.modal.verify-modal {overflow:inherit;}
.modal.verify-modal.show::before {content:'';position:absolute;height:100%;width:100%;background:#000;opacity:.5;top:0;left:0;}
.verify-modal .modal-dialog {display:flex;min-height:100%;align-items:center;}
.verify-img img {max-width:120px;}
.verify-modal .modal-dialog .modal-body h1 {color:#000;font-weight:700;font-size:32px;line-height:36px;margin:10px 0;}
.verify-modal .modal-dialog .modal-body p {font-size:18px;color:#155aaa;font-weight:500;}
.verify-modal .modal-dialog .modal-footer {justify-content:center;}
.verify-modal .modal-dialog .modal-footer button {background:#155aaa;font-weight:600;}
/*---------------------------
# Cursor Selection CSS
----------------------------*/

::selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}
::-webkit-selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}
::-moz-selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}
::-o-selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}
::-ms-selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}

/*---------------------------
# PlaceHolder
----------------------------*/

::-webkit-input-placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
::-moz-placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
:-ms-input-placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
:-moz-placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
/*---------------------------
# Button CSS
----------------------------*/

.button {
    display:inline-block;
    font-size:14px;
    font-family:var(--font);
    font-weight:500;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:8px 15px;
    outline:none;
    border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
    transition:all 500ms ease;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/*---------------------------
# Button Size
----------------------------*/
.button-sm {
    font-size: 16px;
    padding: 3px 15px;
}
.button-lg {
    font-size: 20px;
    padding: 9px 15px;
}

/*---------------------------
# Button Varients
----------------------------*/

.button-blue {
    background-color: #155AAA;
    color: #fff!important;
    border-color: #155AAA;
    border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
.button-red {
    background-color: #F53649;
    color: #fff!important;
    border-color: #F53649;
}
.button-light-blue {
    background-color: #E8F2FF;
    color: #155AAA;
    border-color: #155AAA;
}

/*---------------------------
# Button Hover CSS
----------------------------*/

@media(hover: hover) {
    .button.button-blue:hover {background-color:#080036;color:#FFF;border-color:#080036;}
    .button.button-light-blue:hover {background-color:#155AAA;color:#FFF;border-color:#155AAA;}
}
/*---------------------------
# Form CSS
----------------------------*/
.form-group {margin-bottom:25px;}
.form-control {
    font-size:16px;font-weight:400;line-height:20px;padding:12px 16px;
    height:50px;border-radius:6px;border-color:#c7c3c3;color:#100F0F;background-color:#FFF;
}
.form-control:focus {color:#100F0F;background-color:#fff;border-color:#155AAA;outline:0;box-shadow:none;}
.form-label {font-size:16px;color:#000000;padding-bottom:10px;margin-bottom:0;}
.form-select {height:50px;border-color:#ECECEC;border-radius:0;}
.form-select:focus {box-shadow:none;border-color:#155AAA;}
textarea.form-control {height:120px;resize:none;}
/*---------------------------
# Radio Button CSS
----------------------------*/

.theme-radio [type="radio"]:checked,
.theme-radio [type="radio"]:not(:checked) {position:absolute;left:-9999px;}
html.rtl .theme-radio [type="radio"]:not(:checked) {right:-9999px;left:auto}
.theme-radio [type="radio"]:checked+label,
.theme-radio [type="radio"]:not(:checked)+label {position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
html[dir="rtl"] .theme-radio [type="radio"]:checked+label,
html[dir="rtl"] .theme-radio [type="radio"]:not(:checked)+label {padding-left:unset;padding-right:28px;}
.theme-radio [type="radio"]:not(:checked)+label:before {
    content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #BDBDBD;border-radius:100%;background:#fff;
}
html[dir="rtl"] .theme-radio [type="radio"]:not(:checked)+label:before {left:unset;right:0;}
.theme-radio [type="radio"]:checked+label:before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #155AAA;border-radius:100%;background:#fff;}
html[dir="rtl"] .theme-radio [type="radio"]:checked+label:before {left:unset;right:0;}
.theme-radio [type="radio"]:checked+label:after,
.theme-radio [type="radio"]:not(:checked)+label:after {
    content: '';width:12px;height:12px;background:#155AAA;position:absolute;
    top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;
}
html[dir="rtl"] .theme-radio [type="radio"]:checked+label:after,
html[dir="rtl"] .theme-radio [type="radio"]:not(:checked)+label:after {left:unset;right:4px;}
.theme-radio [type="radio"]:not(:checked)+label:after {opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.theme-radio [type="radio"]:checked+label:after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/*---------------------------
#   Checkbox CSS
----------------------------*/

.theme-checkbox {position:relative;}
.theme-checkbox input[type="checkbox"] {position:absolute;opacity:0;left:0;top:0;cursor:pointer;}
.theme-checkbox input[type="checkbox"]~.label {position: relative;padding-left:30px;font-size:16px;line-height:24px;cursor:pointer;}
html[dir="rtl"] .theme-checkbox input[type="checkbox"]~.label {padding-left:0;padding-right:30px;}
.theme-checkbox input[type="checkbox"]~.label::before {content:"";width:20px;height:20px;border:1px solid #ccc;background-color:#fff;border-radius:2px;position:absolute;left:0;top:2px;transition:all 0.2s ease;}
html[dir="rtl"] .theme-checkbox input[type="checkbox"]~.label::before {left:auto;right:0;}
.theme-checkbox input[type="checkbox"]~.label::after {
    content:"";width:6px;height:12px;border:solid #fff;
    border-width:0 2.5px 2.5px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);
    transform:rotate(45deg);position:absolute;left:7px;top:5px;display:none;transition:all 0.2s ease;
}
html[dir="rtl"] .theme-checkbox input[type="checkbox"]~.label::after {left:auto;right:7px;}
.theme-checkbox input[type="checkbox"]:checked~.label::before {border-color:#155AAA;background-color:#155AAA;}
.theme-checkbox input[type="checkbox"]:checked~.label::after {display:inline-block;}

/*Radio box*/
.theme-checkbox input[type="radio"] {position:absolute;opacity:0;left:0;top:0;cursor:pointer;}
.theme-checkbox input[type="radio"]~.label {position:relative;padding-left:30px;font-size:16px;line-height:24px;cursor:pointer;
}
.theme-checkbox input[type="radio"]:checked~.label::before {
    border-color:#155AAA;content:"";width:20px;height:20px;border:1px solid #155AAA;
    background-color:#155AAA;border-radius:2px;position:absolute;left:0;top:2px;transition:all 0.2s ease;
}
.theme-checkbox input[type="radio"]~.label::after {
    content:"";width:6px;height:12px;
    border:solid #fff;border-width:0 2.5px 2.5px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);
    transform:rotate(45deg);position:absolute;left:7px;top:5px;display:none;transition:all 0.2s ease;
}
.theme-checkbox input[type="radio"]:checked~.label::after {display:inline-block;}
.theme-checkbox input[type="radio"]~.label::before {
    content:"";width:20px;height:20px;border:1px solid #ccc;background-color:#fff;
    border-radius:2px;position:absolute;left:0;top:2px;transition:all 0.2s ease;
}

/*---------------------------
# Intl Input CSS
----------------------------*/

.iti {width:100%;}

/*----------------------------------
# Common Project CSS
-----------------------------------*/

@media screen and (min-width: 1400px) {
    .container {max-width:1194px;}
}
.main-content {padding-top:100px;padding-bottom:50px;}
.cover-fit {width:100%;height:100%;object-fit:cover;object-position:center;}
.text-darkblue {color:#080036!important;}
.text-gray {color:#626161!important;}
.text-blue {color:var(--blue)!important;}
.padding-60 {padding:60px 0;}
.padding-80 {padding:80px 0;}
.padding-bottom-80 {padding-bottom:80px;}
.text-btn {background-color: transparent;border:0;font-size:18px;font-weight:400;color:#155AAA;}
.light-blue-bg {background-color:#F9FBFE;position:relative;z-index:1;overflow:hidden;}
.light-blue-bg::before {
    content:'';width:530px;height:437px;background-image:url('../images/backgrounds/light-blue-bg.png');
    background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:-1;
}
.light-blue-bg.varient-two::after {
    content:'';width:530px;height:437px;background-image:url('../images/backgrounds/light-blue-bg.png');
    background-repeat:no-repeat;position:absolute;right:0;bottom:0;z-index:-1;transform:rotate(180deg);
}
.section-title {padding-bottom:50px;}
.section-title h4 {position:relative;color:#125aaa;font-size:36px;line-height:38px;font-weight:500;padding-bottom:10px;}
.section-title p {font-weight:400;max-width:540px;margin:0 auto;font-size:16px;max-width:480px;line-height:20px;color:#626161;padding-top:10px;}
.section-title.varient-two {padding-bottom:30px;}
.section-title.varient-two h4 {font-size:30px;font-weight:500;color:#080036;text-transform:uppercase;position:relative;padding-bottom:10px;}
.section-title.varient-two h4::before {content:"";width:11px;height:1px;background-color:#155AAA;position:absolute;left:0;bottom:0;}
html[dir="rtl"] .section-title.varient-two h4::before {left:auto;right:0;}
.section-title.varient-two h4::after {content:"";width:22px;height:1px;background-color:#155AAA;position:absolute;left:15px;bottom:0;}
html[dir="rtl"] .section-title.varient-two h4::after {left:auto;right:15px;}
.section-title.varient-two p {font-size:14px;color:#626161;padding-top:10px;}
.block-title {font-size:24px;font-weight:500;color:#080036;}
.form-block-title {font-size:18px;font-weight:500;color:#080036;padding-bottom:30px;padding-top:20px;}
.job-types>* {margin-right:20px;}
.job-types>*:last-child {margin-right:0;}
.type-job {display:inline-flex;align-items:center;justify-self:center;font-size:14px;color:#155AAA;height:22px;background-color:#E8F2FF;padding:0 6px;}
.urjent {display:inline-flex;align-items:center;justify-self:center;font-size:14px;color:#F9AB00;height:22px;background: rgba(249, 171, 0, 0.15);padding:0 6px;}
.slick-arrow {width:42px;height:42px;border-radius:50%;font-size:0;border:0;background-color:#155AAA;position:relative;transition:0.3s all ease;z-index:9;}
.slick-arrow::before {
    display:inline-block;
    font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;
    vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:26px;color:#fff;
}
.slick-arrow.slick-prev::before {content:'\F12F';}
.slick-next::before {content:'\F138';}
.slick-arrow.slick-disabled {background-color:#9A9A9A;cursor:text;}
.slick-arrow.slick-disabled::before {color:#ddd;}
.bookmark-btn {display:inline-flex;border:0;background-color:transparent;position:relative;font-size:20px;}
.bookmark-btn::before {content: '\F1A2';display: inline-block;font-family:bootstrap-icons!important;color:#155AAA;}
.bookmark-btn.bookmarked::before {content:'\F199';color:#155AAA;}
.job-metas {font-size:16px;color:#545454;}
.job-metas>* {display:inline-block;line-height:24px;vertical-align:middle;margin-right:15px;}
html[dir="rtl"] .job-metas>* {margin-right:unset;margin-left:15px;}
.job-metas>.with-icon {display:inline-flex;}
.job-metas>.with-icon>img {margin-right:5px;}
html[dir="rtl"] .job-metas>.with-icon>img {margin-right:unset;margin-left:5px;}
.job-metas .job-time {color:#626161;}
.job-metas>.with-icon::before {display:inline-block;vertical-align:top;margin-right:10px;}
.dropdown .dropdown-menu {border:0;box-shadow:0px 0px 11px rgba(0, 0, 0, 0.1);border-radius:0;padding:0;}
.dropdown .btn {padding:0;font-size:18px;line-height:0;color:#545454;}
.dropdown-toggle::after {display: none;}
.dropdown .dropdown-item {display:flex;align-items:center;font-size:15px;color:#545454;border-bottom:1px solid #ECECEC;padding:15px 15px;}
.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active {color:#fff;background-color:#155AAA;}
.dropdown .dropdown-item:last-child {border-bottom-color:transparent;}
.dropdown .dropdown-item.with-icon img {margin-right:15px;}
.icon-button {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:0;padding:0;margin:0;}
.toggle-checkbox {position:relative;display:inline-block;height:27px;}
.toggle-checkbox label {width:46px;height:27px;background:#DFE0DF;position:relative;display:inline-block;border-radius:16px;transition:0.4s;border:1px solid #CCC;cursor:pointer;}
.toggle-checkbox label:after {content:'';position:absolute;width:23px;height:23px;border-radius:100%;left:1px;top:1px;z-index:2;background:#FFF;transition:0.4s;}
.toggle-checkbox input {position:absolute;left:-9999px;z-index:5;opacity:0;cursor:pointer;}
.toggle-checkbox input:hover+label:after {box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);}
.toggle-checkbox input:checked+label:after {left:40px;}
.toggle-checkbox input:checked+label {border-color:#155AAA;background:#155AAA;}
.toggle-checkbox input:checked+label:after {background-color:#fff;left:20px;}
.user-profile {margin-bottom:50px;}
.edit-profile.post-service form .form-group.verify-maill-address {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.edit-profile.post-service form .form-group.verify-maill-address label.form-label {width:100%;}
.edit-profile.post-service form .form-group.verify-maill-address .veri-mail-inner {width:78%;}
.edit-profile.post-service form .form-group.verify-maill-address.mail-verify-btn a {display:none;}
.edit-profile.post-service form .form-group.verify-maill-address.mail-verify-btn .veri-mail-inner {width:100%;}
.edit-profile.post-service form .form-group.verify-maill-address a {width:20%;margin-left:2%;height:47px;padding:0 5px!important;font-size:14px;display:inline-block;line-height:45px;}
.profile-img-wrapper {display:inline-block;position:relative;}
.profile-img {width:118px;height:118px;overflow:hidden;border-radius:50%;border:2px solid #155AAA;}
.upload-img-btn {
    width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background-color:#155AAA;
    border:1px solid #FAFFFE;vertical-align:middle;border-radius:50%;overflow:hidden;position:absolute;right:0;bottom:0;cursor:pointer;
}
.upload-img-btn input[type="file"] {position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer;}
.user-profile h4 {font-size:24px;font-weight:500;color:#160102;text-align:center;}
.user-profile p {font-size:16px;color:#545454;text-align:center;}
.user-profile-img-wrap {display:inline-block;position:relative;margin-bottom:20px;}
.user-profile-img {width:118px;height:118px;overflow:hidden;border-radius:50%;border:2px solid #155AAA;}
.user-profile-img img {width:100%;height:100%;object-fit:cover;object-position:top;}
.upload-profileImg-btn {
    width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background-color:#155AAA;border:1px solid #FAFFFE;
    vertical-align:middle;border-radius:50%;overflow:hidden;position:absolute;right:0;bottom:0;cursor:pointer;
}
.upload-profileImg-btn input[type="file"] {position: absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer;}
/*-------------------------------------
# Loader Spinner CSS
-------------------------------------*/
.preloader {background-color: #fff;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999;}
.lds-ellipsis {margin: 0 auto;position: relative;top: 50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:64px;text-align:center;z-index:9999;}
.lds-ellipsis span {
    display:inline-block;width:15px;height:15px;border-radius:50%;background:#155AAA;
    -webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;
    animation:ball-pulse-sync .6s 0s infinite ease-in-out
}
.lds-ellipsis span:nth-child(1) {-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out;}
.lds-ellipsis span:nth-child(2) {-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out;}
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*-------------------------------------
# Responsive CSS
-------------------------------------*/

@media screen and (max-width: 1299px) {
    .section-title h4 {font-size:32px;}
    .high-priority-jobs {padding-top:60px;}
}
@media screen and (max-width:991px) {
    .padding-80 {padding:50px 0;}
}
@media screen and (max-width: 575px) {
    .user-profile {margin-bottom:20px;}
    .padding-60 {padding:40px 0;}
    .section-title h4,
    .section-title.varient-two h4 {font-size:24px;}
    .section-title p {font-size:17px;}
    .form-label {font-size:16px;}
    .button {font-size:16px;}
    .profile-img {width:90px;height:90px;}
}


/*---------------------------------
# Header CSS
----------------------------------*/

header {
    padding:14px 0;position:absolute;left:0;top:0;width:100%;z-index:999;-webkit-transition:.3s;transition:.3s;
    background-color:transparent;box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1);
}
header.navbar-sticky {-webkit-transition:none;transition:none;}
header.navbar-sticky-moved-up {
    position:fixed;left:0;top:0;width:100%;background-color:#FFF;z-index:999;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
}
header.navbar-sticky-transitioned {-webkit-transition:.3s;transition:.3s;}
header.navbar-sticky-on {margin-top:0;-webkit-transition:.3s;transition:.3s;}
header>.container {display:flex;max-width:1634px;align-items:center;}
header .brand-logo {width:175px;margin:0;}
.header-search {margin-left:0;margin-right:auto;}
html[dir="rtl"] .header-search {margin-left:auto;margin-right:20px;}
.header-search .form-group {position:relative;margin:0;}
.header-search .form-control {height:46px;padding-left:38px;background-color:transparent;border-color:#ccc;}
.header-search .form-select {height:46px;background-color:transparent;border-color:#ccc;}
.header-search .form-group::before {position:absolute;top:15px;left:15px;}
.header-search .search::before {content: url('../../images/icons/ic-search.svg');}
.header-search-inner {max-width:570px;}
.main-navigation {margin:0 auto;}
.inanna-home .main-navigation {margin:0 auto;}
html[dir="rtl"] .main-navigation {margin-left:unset;margin-right:auto;}
.main-navigation>ul {display:inline-flex;}
.main-navigation>ul>li {padding:0 5px;}
.main-navigation>ul>li>a {display:block;font-size:18px;font-weight:500;color:#125aaa;padding:10px 10px;position:relative;}
.main-navigation>ul>li>a::before {content:"";width:0;height:2px;background-color:#125aaa;border-radius:20px;position:absolute;bottom:5px;left:10px;transition:0.3s all ease;}
html[dir="rtl"] .main-navigation>ul>li>a::before {left:unset;right:10px;}
.main-navigation>ul>li.active>a {color:#125aaa;}
.main-navigation>ul>li.active>a::before {width:22px;}
.user-controls {display:inline-flex;align-items:center;margin:0 -10px;font-size:28px;color:#454545;}
.user-controls>li {padding:0 7px;}
.nav-toggler {display:none;color:#1a1a1a;}
.search-toggler {display:none;color:#1a1a1a;font-size:20px;}
.nav-toggler>* {cursor:pointer;}
.user-controls .notification {position:relative;display:block;margin:0 10px;font-size:20px;}
.user-controls .notification .count {
    display:inline-block;
    width:14px;height:14px;line-height:14px;border-radius:50%;text-align:center;background-color:#ED1B24;
    font-size:12px;font-weight:500;color:#fff;position:absolute;right:-2px;top:-2px;
}
.nav-close-btn {font-size:24px;margin:15px 0;margin-left:25px;margin-right:inherit;width:24px;height:24px;cursor:pointer;display:none;}
html[dir="rtl"] .nav-close-btn {margin-right:25px;margin-left:auto;}
.logged-user .dropdown-toggle.btn {all:unset;cursor:pointer;width:64px;}
.logged-user .user-thumbnail {display:inline-block;width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid #ececec;vertical-align:middle;position:relative;}
.logged-user .dropdown-toggle::after {display: inline-block !important;margin-left:0;border-top:.25em solid;border-right:.25em solid transparent;border-bottom:0;border-left:.25em solid transparent;vertical-align:middle;margin-right:inherit;}
html.rtl .logged-user .dropdown-toggle.btn {text-align:right;}
html.rtl .logged-user .dropdown-toggle::after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.logged-user .dropdown-toggle.btn img,
.logged-user .user-info .user-img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.logged-user .dropdown-menu {min-width:250px;}
.logged-user .user-info {padding:12px;background-color:#E8F2FF;display:flex;align-items:center;max-width:100%;}
.logged-user .user-info .user-img {width:50px;min-width:50px;height:50px;overflow:hidden;border-radius:50%;border:1px solid #155AAA;margin-right:15px;}
html[dir="rtl"] .logged-user .user-info .user-img {margin-right:0;margin-left:15px;}
.logged-user .user-info h4 {font-size:14px;font-weight:500;color:#160102;}
.logged-user .user-info p {font-size:14px;color:#160102;}
.lang-dropdown .btn {all:unset;cursor:pointer;border:none;border-radius:4px;height:34px;display:inline-flex;align-items:center;padding:0 8px;padding-right:27px;position:relative;}
html[dir="rtl"] .lang-dropdown .btn {padding-right:8px;padding-left:27px;}
.lang-dropdown .btn::before {content:'\F282';display:inline-block;font-family:bootstrap-icons !important;font-size:12px;color:#155AAA;position:absolute;right:8px;top:50%;transform:translateY(-50%);}
html[dir="rtl"] .lang-dropdown .btn::before {right:unset;left:8px;}
.lang-dropdown .dropdown-toggle img {max-width:24px;display:none;}
.lang-dropdown .dropdown-toggle span {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    color: #080036;
    text-transform: uppercase;
}

html[dir="rtl"] .lang-dropdown .dropdown-toggle span {
    margin-left: unset;
    margin-right: 5px;
}

.lang-dropdown .dropdown-item img {
    max-width: 24px;
    display: inline-block;
    margin-right: 10px;
    display: none;
}

html[dir="rtl"] .lang-dropdown .dropdown-item img {
    margin-right: unset;
    margin-left: 10px;
}

@media (hover: hover) {
    .main-navigation>ul>li>a:hover {color:#125aaa;}
    .main-navigation>ul>li>a:hover::before {width:22px;}
}

@media only screen and (max-width: 1439px) {
    .header-search-inner {max-width:375px;}
}

@media only screen and (max-width: 1365px) {
    .search-toggler {display:inline-block;}
    .header-search {
        position:absolute;width:100%;top:76px;left:0;margin:0;background-color:#fff;padding:20px 10px;
        box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;transition:0.3s all ease;opacity:0;visibility:hidden;
    }
    body.mobile-search--open .header-search {visibility: visible;opacity: 1;}
    .header-search-inner {max-width:100%;margin-left:0;margin-right:0;}
}

@media only screen and (max-width: 1199px) {
    header::before {
        content:'';width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);position:fixed;
        left:0;top:0;z-index:98;opacity:0;visibility:hidden;cursor:pointer;transition:all 0.3s ease;
    }
    .main-navigation {display:block;width:400px;height:100%;background-color:#fff;transition:0.4s all ease;position:fixed;left:-400px;top:0;z-index:99;}
    .main-navigation>ul {display:block;}
    .nav-toggler {display:inline-block;}
    body.mobile-navigation--open {overflow:hidden;}
    body.mobile-navigation--open header::before {opacity:1;visibility:visible;}
    body.mobile-navigation--open .main-navigation {left:0!important;}
    .nav-close-btn {display:block;}
    .user-controls {margin-left:auto;}
    html[dir="rtl"] .user-controls {margin-left:unset;margin-right:auto;}
    .main-navigation > ul > li {border-bottom:1px solid #ccc;}
    .main-navigation > ul > li > a {color:#545454;font-weight:normal;padding:12px 10px;}
    .main-navigation>ul>li.active>a {font-weight:500;}
    .main-navigation > ul > li > a::before {display:none;}
}

@media screen and (max-width: 479px) {
    .login-employer .button {font-size:12px;padding:8px 8px;}
}


/*--------------------------------------------
# Hero Banner
--------------------------------------------*/
.home-catogary-section .category-box{position: relative;box-shadow: inset 0 0 0 1px #17639e;transition: color 0.25s;border:none;}
.home-catogary-section .category-box::before {content:'';position:absolute;border:2px solid transparent;width:0;height:0;box-sizing:inherit;border-radius:6px;}
.home-catogary-section .category-box::after {content:'';position:absolute;border:2px solid transparent;width:0;height:0;box-sizing:inherit;border-radius:6px;}
.home-catogary-section .category-box::before {left:0;top:0;}
.home-catogary-section .category-box::after {bottom:0;right:0;}
.home-catogary-section .category-box:hover::after {border-bottom-color:#fff;border-left-color:#fff;transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;width:100%;height:100%;}
.home-catogary-section .category-box:hover::before {border-top-color:#fff;border-right-color:#fff;transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;width:100%;height:100%;}
.hero-banner {
    width:100%;background-image:url('../../images/backgrounds/hero-banner-bg.png');background-repeat:no-repeat;background-size:cover;
    background-position:center;display:flex;flex-direction:column;justify-content:center;padding-top:180px;padding-bottom:110px;
}
.banner-title h4 {font-size:84px;font-weight:700;color:#000;text-align:center;padding-bottom:10px;}
.banner-title h4 span {color:#155AAA;}
.banner-title p {font-size:20px;line-height:30px;color:#626161;max-width:650px;margin:0 auto;margin-bottom:30px;text-align:center;}
.jobs-profile-suggestions {padding-bottom:40px;}
.jobs-profile-suggestions ul {display:flex;justify-content:center;max-width:100%;flex-wrap:wrap;margin:-5px;}
.jobs-profile-suggestions ul li {padding:5px;}
.jobs-profile-suggestions ul li a {display:block;font-size:16px;color:#000;background-color:#fff;border:1px solid #c7c3c3;padding:15px 42px;border-radius:6px;}
@media (hover:hover) {
    .jobs-profile-suggestions ul li a:hover {background-color:#155AAA;color:#fff;}
}
.job-input {flex:1;}
.search-jobs-form {display:flex;max-width:760px;flex-wrap:wrap;background-color:#fff;border:1px solid #c7c3c3;padding:6px;margin:0 auto;border-radius:6px;}
.search-jobs-form .button-blue {width:160px;margin-left: auto;}
.search-jobs-form .button-blue img {vertical-align:sub;}
.search-jobs-form .job-input {position: relative;padding-bottom: 0;}
.search-jobs-form .job-input .form-control {border:0;padding-left:40px;}
html[dir="rtl"] .search-jobs-form .job-input .form-control {padding-left:unset;padding-right:40px;}
.search-jobs-form .job-input::before {position:absolute;left:15px;top:50%;transform:translateY(-50%);}
html[dir="rtl"] .search-jobs-form .job-input::before {left:unset;right:15px;}
.search-jobs-form .job-title::before {content: url('../../images/icons/ic-suitcase.svg');}
.search-jobs-form .job-location::before {content:url('../../images/icons/ic-location.svg');}
.search-jobs-form .job-title::after {content:"";width:1px;height:18px;display:inline-block;background-color:#DFE0DF;position:absolute;right:0;top:50%;transform:translateY(-50%);}
html[dir="rtl"] .search-jobs-form .job-title::after {right:unset;left:0;}

/*---------------------------------------------
# Job Offers
---------------------------------------------*/

.job-offers {background-color: #F2F6F9;padding-top:50px;padding-bottom:60px;overflow:hidden;}
.job-offers .section-title {padding-bottom:25px;}
.job-box {display:block;background-color:#fff;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.13);padding:15px 15px;position:relative;}
.job-box .button {font-size:16px;}
.job-offers .job-types {position:absolute;top:15px;right:15px;z-index:2;}
html[dir="rtl"] .job-offers .job-types {right:unset;left:15px;}
.job-box .employer-logo {width:36px;min-width:36px;height:36px;border-radius:50%;overflow:hidden;border:1px solid #ccc;margin-bottom:10px;}
.job-box .employer-logo img {object-fit:cover;border-radius:0;}
.job-title {padding-bottom:15px;}
.job-title h4 {font-size:20px;font-weight:500;color:#080036;}
.job-title p {font-size:14px;font-weight:400;color:#080036;}
.job-box .job-salary {display:block;font-size:16px;color:#000000;}
.job-box .button-blue {position:relative;z-index:2;}
.jobs-offer-slider.slick-slider .slick-list {padding-top:10px!important;padding-bottom:10px!important;}
.jobs-offer-slider .slick-track {margin:0!important;}
.jobs-offer-slider .slick-slide {padding:10px;}
.jobs-offer-slider .slick-dots>li {display:inline-block;}
.jobs-offer-slider .slick-dots>li>button {width:28px;height:5px;background-color:#DFE0DF;border-radius:10px;border:0;font-size:0;}
.jobs-offer-slider .slick-dots>li.slick-active>button {background-color:#155AAA;width:48px;}
.success-modal-content {padding:30px;}
.select-resume-content>h4 {font-size:40px;font-weight:500;color:#080036;padding-bottom:10px;}
.select-resume-content>p,
.success-modal-content>p {font-size:18px;font-weight:400;color:#5E5E5E;}
.job-apply-methods {display:flex;max-width:100%;flex-wrap:wrap;margin:0 -10px;justify-content:center;margin:50px 0;position:relative;overflow:hidden;}
.job-apply-methods .method {
    display:block;background-color:#fff;border:1px solid #ECECEC;border-radius:6px;padding:15px;
    padding-top:35px;text-align:center;margin:0 10px;min-width:180px;max-width:180px;cursor:pointer;
}
.job-apply-methods .method .method-img {width:150px;height:100px;overflow:hidden;}
.job-apply-methods .method .method-img img {width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:top;}
.job-apply-methods .method h5 {font-size:20px;color:#000;}
.job-apply-methods input[type="radio"]:checked,
.job-apply-methods input[type="radio"]:not(:checked) {position:absolute;left:-9999px;top:-9999px;opacity:0;}
.job-apply-methods input[type="radio"]:checked+label {border-color:#155AAA;}
.success-modal-content>h3 {font-size:50px;font-weight:500;color:#080036;padding:40px 0;}
.success-modal-content>h5 {font-size:24px;font-weight:500;color:#080036;padding-bottom:15px;}
.job-apply-methods input[type="file"] {position:absolute;left:-9999px;top:-9999px;opacity:0;}
/*---------------------------------------------
# Top Categories
---------------------------------------------*/
.helped-company {text-align:center;padding:30px 15px;}
.helped-company .helped-company-logo {display:block;width:100%;height:117px;overflow:hidden;}
.helped-company .helped-company-logo img {width:100%;height:100%;aspect-ratio:1;object-fit: scale-down;}
.helped-company .category-title {display:block;font-size:22px;line-height:32px;font-weight:500;color:#000000;padding-bottom:10px;}
.helped-company .position-number {
    display:inline-block;padding:5px 10px;font-size:13px;color:#545454;
    background-color:#FDFDFD;border:1px solid #EBEBEB;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.08);
}
@media(hover:hover) {
    .helped-company .position-number:hover {background-color:#EAF2FD;border-color:#EAF2FD;}
}
.helped-companies-list {position:relative;}
.helped-companies-list::after {content:'';width:1px;height:100%;background-color:#FFF;position:absolute;top:0;right:0;}
.helped-companies-list::before {content:'';width:100%;height:1px;background-color:#fff;position:absolute;bottom:0px;left:0;z-index:1;}
.helped-companies-list>[class*="col-"] {border-right:1px solid #ECECEC;border-bottom:1px solid #ececec;}

/*---------------------------------
#   HighPriority Jobs CSS
----------------------------------*/

.high-priority-jobs {position:relative;width:100%;background-image:url('../../images/backgrounds/priority-jobs-bg.svg');background-repeat:no-repeat;background-size:cover;padding-bottom:230px;padding-top:70px;z-index:1;overflow:hidden;}
.high-priority-jobs .section-title {padding-bottom:140px;}
.high-priority-jobs::before {content:"";width:100%;height:240px;position:absolute;top:0;left:0;background:#FFF;clip-path:ellipse(64% 97% at 50.00% 3.00%);z-index:-1;}
.high-priority-jobs::after {
    content:'';width:100%;height:171px;background-image:url('../../images/backgrounds/wave-bg-1.png');
    background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;bottom:-4px;left:0;
}
.high-priority-jobs-list ul {margin-bottom:50px;}
.high-priority-jobs-list ul li {padding-bottom:30px;}
.high-priority-jobs-list ul li:last-child {padding-bottom:0;}
.high-priority-job-wrapper {border:1px solid #c7c3c3;padding:10px;display:flex;align-items:center;position:relative;border-radius:6px;overflow:hidden;}
.high-priority-job-wrapper::before {content:url('../../images/icons/ic-star-yellow.svg');position:absolute;left:0;top:0;}
html[dir="rtl"] .high-priority-job-wrapper::before {left:unset;right:-4px;top:2px;transform:rotate(90deg);}
.high-priority-job-wrapper .jobs-details {flex:1;padding-right:170px;}
html[dir="rtl"] .high-priority-job-wrapper .jobs-details {padding-right:unset;padding-left:170px;}
.high-priority-job-wrapper .employer-logo {width:100px;height:100px;border:1px solid #E3E3E3;padding:12px;margin-right:12px;}
html[dir="rtl"] .high-priority-job-wrapper .employer-logo {margin-right:unset;margin-left:12px;}
.job-position {font-size:24px;font-weight:500;color:#080036;}
.job-deadline {font-size:16px;color:#626161;padding-top:8px;}
.high-priority-job-wrapper .job-metas {padding-top:6px;padding-bottom:10px;}
.high-priority-job-wrapper .hp-jobs-right {display:inline-flex;align-items:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5;}
html[dir="rtl"] .high-priority-job-wrapper .hp-jobs-right {right:unset;left:10px;}
.high-priority-job-wrapper .button-light-blue {font-weight:400;background-color:transparent;width:109px;}
.helped-companies {margin-top:-50px;position:relative;z-index:2;padding-bottom:70px;}
.helped-companies .slick-prev {position:absolute;left:-50px;top:50%;transform:translateY(-50%);}
.helped-companies .slick-next {position:absolute;right:-50px;top:50%;transform:translateY(-50%);}
.app-download-links>a {display:inline-block;}
.app-download-links>a:first-child {margin-right:20px;}
.get-app {
    width:100%;background-image:url('../../images/backgrounds/get-app-bg.svg');background-repeat:no-repeat;
    background-size:cover;overflow:hidden;padding-top:50px;padding-bottom:30px;
}
.get-app .section-title h4::after,.get-app .section-title h4::before {display: none}
.jobs-offer-slider .slick-prev {position:absolute;top:50%;transform: translateY(-50%);left:-50px;}
.jobs-offer-slider .slick-next {position:absolute;top:50%;transform:translateY(-50%);right:-50px;}
.jobs-offer-slider:hover .slick-prev {left:20px;}
.jobs-offer-slider:hover .slick-next {right:20px;}

@media screen and (max-width: 1599px) {
    .high-priority-jobs::after{height:130px;}
}
@media screen and (max-width: 1400px) {
    .banner-title h4 {font-size:66px;}
    .hero-banner {padding-top:130px;padding-bottom:60px;}
    .high-priority-jobs {padding-top:50px;padding-bottom:165px;}
    .high-priority-jobs::before {height:200px;clip-path:ellipse(60% 97% at 50.00% 3.00%);}
    .high-priority-jobs::after {height:100px;}
    .helped-companies {margin-top:0;padding-bottom:50px}
    .high-priority-jobs .section-title {padding-bottom:120px;}
}
@media screen and (max-width: 1250px) {
    .banner-title h4 {font-size:52px;}
    .helped-companies .slick-prev,
    .helped-companies .slick-next {position:static;transform:translateY(0);}
    .helped-companies .arrow-container {text-align:right;padding:0 15px;direction:ltr;}
    .helped-companies .slick-prev {margin-right:15px;}
}
@media screen and (max-width: 1199px) {
    .high-priority-jobs {padding-bottom:130px;}
    .helped-companies {padding-bottom:80px;}
    .app-download-links>a {max-width:200px;}
}
@media screen and (max-width: 991px) {
    .banner-title h4 {font-size:46px;}
    .high-priority-jobs {padding-top:0;padding-bottom:50px;}
    .high-priority-jobs .section-title {padding-bottom:50px;}
    .high-priority-jobs::before,
    .high-priority-jobs::after {display:none;}
    .helped-companies {margin-top:0;padding-top:50px;padding-bottom:50px;}
    .helped-companies-list>[class*="col-"]:nth-child(even) {border-right-color:transparent;}
    .helped-companies-list::after {display:none;}
    .get-app {padding:50px 0;}
    .get-app .section-title {padding:30px 0;}
}
@media screen and (max-width: 767px) {
    .high-priority-job-wrapper {padding-right:30px;}
    .high-priority-job-wrapper .hp-jobs-right {display:inline;position:static;transform:translateY(0);}
    .high-priority-job-wrapper .job-deadline {margin-bottom:15px;}
    .high-priority-job-wrapper .bookmark-btn {position:absolute;right:10px;top:12px;}
    html[dir="rtl"] .high-priority-job-wrapper .bookmark-btn {right:unset;left:10px;}
    .high-priority-job-wrapper .jobs-details {padding-right:0;}
    html[dir="rtl"] .high-priority-job-wrapper .jobs-details {padding-left:0;}
    .helped-company {padding:15px 7.5px;}
}
@media screen and (max-width: 767px) {
    .select-resume-content>h4 {font-size:32px;}
    .success-modal-content>h3 {font-size:32px;padding:30px 0;}
    .select-resume-content>p,
    .success-modal-content>p {font-size:16px;}
    .success-modal-content {padding:20px 0;}
    .job-apply-methods {margin:40px -10px;}
    .job-apply-methods .method h5 {font-size:16px;margin:0 -5px;}
    .job-apply-methods .method .method-img {height:75px;}
    .success-modal-content>img {max-width:90px;}
}
@media screen and (max-width: 575px) {
    .banner-title h4 {font-size:32px;}
    .banner-title p {font-size:16px;line-height:24px;}
    .jobs-profile-suggestions ul li a {font-size:15px;padding:12px 20px;}
    .search-jobs-form .button-blue {width:120px;}
}
@media screen and (max-width: 479px) {
    .search-jobs-form .job-input {flex:0 0 100%;max-width:100%;}
    .search-jobs-form .job-title {border-bottom:1px solid #ececec;}
    .search-jobs-form .job-title::after {display:none;}
    .search-jobs-form .button-blue {width:100%;}
    .job-box .job-salary {margin-top:10px;margin-bottom:15px;}
    .helped-company {padding:30px 10px;}
    .helped-company .category-title {font-size:17px;line-height:28px;}
    .high-priority-job-wrapper .employer-logo {width:64px;height:64px;}
    .app-download-links>a {max-width:140px;}
    .job-position {font-size:18px;}
    .high-priority-job-wrapper {align-items:flex-start;}
    .job-apply-methods>div:first-child {margin-bottom:15px;}
}

/*--------------------------------
# Footer CSS
---------------------------------*/

footer {background-color:#080036;}
.footer-top {padding:75px 0;}
.foot-info .foot-logo {display:block;margin-bottom:20px;}
.foot-info .foot-logo img {max-width:160px;}
.foot-info p {font-size:16px;font-weight:400;color:#E8F2FF;max-width:80%;}
.foot-links h4 {font-size:20px;font-weight:500;color:#fff;position:relative;padding-bottom:10px;margin-bottom:20px;}
.foot-links h4::before {content:"";width:11px;height:1px;background-color:#155AAA;position:absolute;left:0;bottom:0;}
html[dir="rtl"] .foot-links h4::before {left:unset;right:0;}
.foot-links h4::after {content:"";width:22px;height:1px;background-color:#155AAA;position:absolute;left:15px;bottom:0;}
html[dir="rtl"] .foot-links h4::after {left:unset;right:15px;}
.foot-links ul li {padding-bottom:10px;}
.foot-links ul li:last-child {padding-bottom:0;}
.foot-links ul li a {display:inline-block;font-size:16px;line-height:20px;font-weight:400;color:#fff;}
@media(hover:hover) {
    .foot-links ul li a:hover {color:#155AAA;}
}
.footer-bottom {padding:20px 0;border-top:1px solid #201464;}
.footer-bottom p {font-size:14px;font-weight:300;color:#FFFFFF;}
.footer-social>a {display:inline-block;margin-right:25px;}
.footer-social>a:last-child {margin-right:0;}
html[dir="rtl"] .footer-social>a {margin-right:unset;margin-left:25px;}
html[dir="rtl"] .footer-social>a:last-child {margin-right:unset;margin-left:0;}

@media(hover: hover) {
    .footer-social>a:hover {transform:scale(1.15);}
}

/*--------------------------
Footer Responsive CSS
----------------------------*/

@media screen and (max-width: 1199px) {
    .footer-top {padding:45px 0;}
    .footer-top>.container>.row {margin-bottom:-30px;}
    .footer-top>.container>.row>[class*="col-"] {margin-bottom:30px;}
    .foot-info p {max-width:90%;}
}

@media screen and (max-width: 575px) {
    .footer-bottom p {text-align:center;padding-top:20px;}
    .footer-social {text-align:center;}
    .foot-links h4 {font-size:18px;}
}

/*-----------------------------------
# Jobs List
------------------------------------*/

.job-filter {border:1px solid #ECECEC;box-shadow:0px 0px 11px rgba(0, 0, 0, 0.1);padding:25px 15px;}
.filter-title {display:block;font-size:14px;font-weight:500;color:#080036;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ececec;position:relative;cursor:pointer;}
.filter-title[aria-expanded="true"] {color:#155AAA;border-color:#155AAA;}
.filter-title[aria-expanded="true"]::after,
.filter-title[aria-expanded="true"]::before {background-color:#155AAA;}
.filter-title::before {
    content:"";width:13px;height:1px;display:block;background-color:#080036;
    position:absolute;right:0;top:50%;transform:translateY(-50%);
}
.filter-title::after {
    content:"";width:13px;height:1px;background-color:#080036;
    position:absolute;right:0;top:50%;transform:rotate(90deg) translateY(-50%);transition:0.2s ease-in;
}
html[dir="rtl"] .filter-title::before,
html[dir="rtl"] .filter-title::after {right:unset;left:0;}
.filter-title[aria-expanded="true"]::after {transform:rotate(180deg) translateY(-50%);}
.filter:last-child .filter-title {border-bottom-color:transparent;}
.filter-list ul li {padding:20px 0;border-bottom:1px solid #ECECEC;}
.filter .theme-checkbox {display:flex;align-items:center;justify-content:space-between;}
.filter .theme-checkbox .count {
    width:18px;height:18px;line-height:18px;text-align:center;background-color:#eaeaea;border-radius:4px;
    font-size:12px;color:#545454;font-weight:500;transition:0.2s all ease;
}
.filter .theme-checkbox input[type="checkbox"]:checked~.count {background-color:#155AAA;color:#fff;}
.salary-range {padding-bottom:30px;}
.jobs-list>ul>li {padding-bottom:30px;}
.jobs-list>ul>li:last-child {padding-bottom:0;}
.indi-job-wrapper {position:relative;display:block;border:1px solid #ECECEC;background-color:#fff;padding:25px 20px;padding-right:35px;}
html[dir="rtl"] .indi-job-wrapper {padding-right:20px;padding-left:35px;}
.emloyer-info {display:flex;}
.job-info {flex:1;}
.employer-logo {width:62px;min-width:62px;height:62px;margin-right:10px;border-radius:50%;overflow:hidden;border:1px solid #c7c3c3;padding:3px;}
html[dir="rtl"] .employer-logo {margin-right:unset;margin-left:10px;}
.employer-logo img {width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;}
.job-position {display:block;font-size:20px;font-weight:500;color:#080036;padding-bottom:5px;}
.emloyer-info .applied-job-metas {font-size:16px;line-height:20px;color:#080036;font-weight:500;}
.indi-job-wrapper .job-desc {font-size:16px;color:#000;padding-bottom:10px;line-height:20px;padding-left:72px;max-width:85%;margin-top:5px;}
.indi-job-wrapper .bookmark-btn {position:absolute;right:15px;top:15px;z-index:2;}
html[dir="rtl"] .indi-job-wrapper .bookmark-btn {right:unset;left:15px;}
.indi-job-wrapper .job-employer {position:relative;z-index:2;}
.job-info-bottom {position:relative;}

@media screen and (max-width: 767px) {
    .employer-logo {width:48px;min-width:48px;height:48px;}
    .job-position {width: 240px;font-size:20px;}
}

@media screen and (max-width: 576px) {
    .job-info-bottom>* {margin-bottom:10px;}
    .job-info-bottom>*:last-child {margin-bottom:0;}
}


/*-----------------------------------
#   Login Page CSS 
------------------------------------*/

.auth-form {
    width:100%;background-repeat:no-repeat;background-size:cover;background-image:url('../../images/backgrounds/auth-bg.png');
    min-height:100vh;display:flex;align-items:center;justify-content:center;padding:150px 0 60px;
}
.form-box {max-width:680px;margin:0 auto;background-color:#fff;padding:40px 70px;}
.form-box.jobs-form-box {padding:40px 0 0 0;}
.auth-form .nav-tabs {margin-bottom:40px;}
.auth-form .nav-tabs .nav-item {width:50%;}
.auth-form .nav-tabs .nav-link {width:100%;color:#155AAA;background-color:#fff;padding:12px 15px;font-size:16px;border-radius:0;border-color:transparent;margin:0;}
.auth-form .nav-tabs .nav-link.active {background-color:#155AAA;color:#fff;}
.f-ps-link {font-size:18px;color:#155AAA;}
.form-box .form-submit-btn {margin-top:25px;}
.auth-form .form-box .form-group.form-grp-pass {margin-bottom:10px;}
.login-email-opt {font-size:13px;font-weight:500;color:#626161;text-align:center;position:relative;z-index:1;padding:30px 0;}
.login-email-opt::before {content:"";position:absolute;width:100%;height:1px;background-color:#ECECEC;top:50%;left:0;transform:translateY(-50%);z-index:-1;}
.login-email-opt span {background-color:#fff;padding:0 20px;}
.social-login {display:flex;flex-direction:column;margin-bottom:30px;}
.social-login li:first-child {margin-bottom:15px;}
.social-login  li a {display:flex;width:100%;height:52px;align-items:center;justify-content:flex-start;padding:0 15px;border-radius:6px;font-size:16px;font-weight:500;}
.form-box form .form-group input {height:52px;border-radius:6px;border:1px solid #c7c3c3;}
.form-box form  .form-submit-btn input[type="submit"] {height:52px;border-radius:6px;}
.social-login li a img {margin-right:15px;width:28px;}
.social-login a.google {border:1px solid #c7c3c3;background-color:#fff;}
.social-login a.fb {background-color:#1877F2;color:#fff;}
.social-login a.apple {background-color:#000000;}
.goto {font-size:16px;font-weight:500;color:#545454;text-align:center;}
.goto>a {color:#155AAA;}
.password_toggle_btn {background-color:transparent;border:0;position:absolute;top:13.5px;right:15px;font-size:20px;color:#626161;}
html[dir="rtl"] .password_toggle_btn {right:auto;left:15px;}
.password_toggle_btn::before {
    content:"\F340";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;
    font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;
}
.password_toggle_btn.show::before {content:"\f341";}
.icon-group {position:relative;}
.otp-input.form-control {width:60px!important;height:60px;display:inline-flex;background-color:#FFF;border-radius:4px;font-size:16px;}
.otpContainer>div {padding-right:30px;}
.otpContainer>div:last-child {padding-right:0;}
.otp-metas {font-size:16px;color:#626161;margin-top:20px;}
.otp-metas button {color:#155AAA;background-color:transparent;border:0;}
.otp-timer {position:relative;}
.otp-timer::before {content:url('../../images/icons/ic-timer.svg');vertical-align:middle;margin-right:5px;}

@media screen and (max-width:575px) {
    .form-box .form-submit-btn {margin-top:35px;}
    .f-ps-link {font-size:16px;}
}
@media screen and (max-width:479px) {
    .otp-input.form-control {width:52px !important;height:52px;}
}

/*-------------------------------------------
# Job Detasils Page CSS
-------------------------------------------*/

.job-details-content .section-title .job-metas {margin-bottom:20px;}
.job-details-metas-wrap {border:1px solid #ECECEC;padding:30px 20px;margin-bottom:30px;}
.job-details-metas {font-size:16px;color:#545454;display:flex;max-width:100%;flex-wrap:wrap;margin-bottom:-30px;}
.job-details-metas>div {flex:0 0 33.33333%;max-width:33.333333%;padding-bottom:20px;}
.job-details-metas>div>span {display:block;}
.job-details-metas>div>span.with-icon {display:inline-flex;line-height:24px;vertical-align:middle;color:#000;font-weight:500;margin-bottom:5px;}
.job-details-metas>div>span.with-icon img {margin-right:5px;}
html[dir="rtl"] .job-details-metas>div>span.with-icon img {margin-right:unset;margin-left:5px;}
.job-details-metas>div>span.value {line-height:20px;vertical-align:middle;padding-left:30px;}
html[dir="rtl"] .job-details-metas>div>span.value {padding-left:0;padding-right:30px;}
.job-details-desciption {padding-bottom:30px;}
.job-details-desciption:last-of-type {padding-bottom:0;}
.job-details-desciption h4 {font-size:22px;font-weight:500;color:#000000;padding-bottom:10px;}
.job-details-desciption p,.job-details-desciption pre {font-size:16px;color:#6E7775;padding-bottom:10px;}
.job-details-desciption p:last-child,.job-details-desciption pre:last-child {padding-bottom:0;}
.job-desc-list li {font-size:16px;line-height:24px;color:#6E7775;padding-left:30px;padding-bottom:10px;position:relative;}
.job-desc-list li:last-child {padding-bottom:0;}
.job-desc-list li::before {
    content:'\F285';display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;
    text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;position:absolute;left:0;top:4px;
}
html[dir="rtl"] .job-desc-list li {padding-left:0;padding-right:30px;}
html[dir="rtl"] .job-desc-list li::before {left:unset;right:0;transform:rotate(180deg);}
.divider {border-bottom:1px solid #c7c3c3;}
.button.applied,
.button.applied:hover {background-color:#b9b9b9;border-color:#b9b9b9;cursor:not-allowed;color:#fff;}
.job-details-content .section-title {position:relative;}
.job-details-content .bookmark-btn {position:absolute;right:0;top:0;}
html[dir="rtl"] .job-details-content .bookmark-btn {right:unset;left:0;}

@media screen and (max-width: 991px) {
    .job-details>.container>.row>[class*="col"]:first-child {margin-bottom:30px;}
}
@media screen and (max-width:767px) {
    .job-details-metas {margin-bottom:-20px;}
    .job-details-metas>div {flex:0 0 50%;max-width:50%;padding-bottom:20px;}
    .job-details-desciption {padding-bottom:25px;}
}
@media screen and (max-width: 479px) {
    .job-details-metas>div {flex: 0 0 100%;max-width:100%;}
}

/*-------------------------------------------
# Contact Us Page CSS
-------------------------------------------*/

.contact-form-box {background-color:#fff;border:1px solid #c7c3c3;padding:20px;height:100%;}
.contact-form-box h4 {font-size:26px;font-weight:500;color:#080036;}
.contact-form-box .title p {font-size:16px;color:#545454;padding-bottom:30px;}
.contact-us-info {padding:35px 35px;padding-bottom:20px;height:100%;}
.contact-info-metas h4 {font-size:22px;font-weight:500;color:#080036;}
.contact-info-metas p {font-size:16px;color:#545454;}
.contact-info-metas .with-icon {position:relative;padding-left:80px;margin-bottom:40px;}
html[dir="rtl"] .contact-info-metas .with-icon {padding-left:unset;padding-right:80px;}
.contact-info-metas .with-icon:last-child {margin-bottom:0;}
.contact-info-metas .with-icon img {position:absolute;top:50%;transform:translateY(-50%);left:0;}
html[dir="rtl"] .contact-info-metas .with-icon img {left:unset;right:0;}
.contact-info-metas .with-icon::after {content:"";width:1px;height:36px;background-color:#B7CEF0;display:block;position:absolute;top:50%;transform:translateY(-50%);left:55px;}
html[dir="rtl"] .contact-info-metas .with-icon::after {left:unset;right:55px;}
.contact-us-media {text-align:center;margin-top:50px;}

@media screen and (max-width: 1199px) {
    .contact-us-media {margin-top:20px;}
    .contact-us .col-lg-7 {margin-bottom:30px;}
}
@media screen and (max-width: 575px) {
    .contact-form-box h4 {font-size:24px;}
    .contact-us-info {padding:25px 20px;}
    .contact-info-metas h4 {font-size:20px;}
    .contact-info-metas p {font-size:16px;}
    .contact-us-media {margin-top:40px;}
    .contact-info-metas .with-icon {margin-bottom:30px;padding-left:60px;}
    .contact-info-metas .with-icon img {width:18px;}
    .contact-info-metas .with-icon::after {left:45px;}
}

/*------------------------------------
# Edit Profile
------------------------------------*/

.edit-profile .light-blue-bg {padding:30px;}
.edit-profile .change-pass {font-size:16px;font-weight:500;color:#155AAA;}
.upload_certificate {position:relative;cursor:pointer;color:#626161;}
.upload_certificate input[type="file"] {position:absolute;left:-9999px;top:-9999px;}
.upload_certificate::before {content:url('../../images/icons/ic-attachment.svg');position:absolute;right:15px;top:14px;}
.profile-view-metas {margin-bottom:50px;}
.booking-details-sec .profile-view-metas ul li{font-size:16px;line-height:24px;color:#545454;padding:16px 0;border-bottom:1px solid #c7c3c3;justify-content:space-between;width:48%;}
.profile-view-metas ul li span {display:block;}
.profile-view-metas ul li span.key {color:#080036;font-size:18px;font-weight:500;}
.profile-view-metas ul li span.value {color:#545454;}
.profile-view-metas ul li .value {color:#080036;}
.certificates .certificate {display:inline-block;width:62px;height:50px;overflow:hidden;float:left;padding:4px;border:1px solid #ececec;margin-right:5px;}
.certificates .certificate:last-child {margin-right:0;}
.certificates .certificate img {width:100%;height:100%;object-fit:contain;object-position:center;}
.desc p {font-size:16px;color:#545454;padding-top:10px;}

@media screen and (max-width: 575px) {
    .edit-profile .light-blue-bg {padding:20px 15px;}
    .user-profile-img {width:90px;height:90px;}
    .profile-view-metas ul li {font-size:14px;}
}

/*---------------------------------------
# Notifications Page CSS
----------------------------------------*/

.notifications-list ul li {position:relative;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ECECEC;}
.notifications-list ul li:last-child {margin-bottom:0;border-bottom-color:transparent;}
.notifier-img {width:63px;height:47px;border-radius:4px;overflow:hidden;position:absolute;left:0;top:0;}
.notifier-img img {width:100%;height:100%;object-fit:contain;object-position:center;}
.notification-text {padding-right:75px;}
.notification-controls {position:absolute;right:0;top:0;}
.notification-controls .btn {color:#626161;}
.notification-time {display:block;font-size:14px;color:#626161;position:absolute;right:0;bottom:30px;}

@media screen and (max-width: 767px) {
    .notification-text {padding-right:30px;}
    .notifier-img {width:52px;height:39px;}
}

/*-----------------------------
# Setting Page CSS
-----------------------------*/

.user-settings {margin-top:-30px;}
.setting {padding:30px 0;border-bottom:1px solid #ECECEC;}
.setting h4 {font-size:20px;font-weight:500;color:#545454;}
.setting p {font-size:18px;color:#626161;}
.delete-ac-btn {background-color:transparent;border:0;font-size:20px;font-weight:500;color:#155AAA;}

/*----------------------------------------
# Chat Page CSS
-----------------------------------------*/

.chat-layout-wrapper {display: flex;max-width:100%;min-height:calc(100vh - 150px);max-height:calc(100vh - 150px);position:relative;overflow:hidden;}
.chat-left-sidebar {min-width:100%;max-width:100%;}
.chat-user-search {display:flex;max-width:100%;margin-bottom:30px;}
.chat-user-search form {flex:1;}
.chat-user-search .btn {position:absolute;right:0;top:4px;}
html[dir="rtl"] .chat-user-search .btn {right:unset;left:0;}
.chat-user-search .button i {vertical-align:middle;}
.chat-loader {position:absolute;left:0;top:78px;width:100%;height:calc(100% - 78px);background-color:#fff;}
.chat-user-list {max-height:calc(100% - 80px);display:flex;flex-direction:column;border:1px solid #ECECEC;}
.chat-user-list ul {max-height:100%;overflow-x:hidden;overflow-y:auto;}
.chat-user-list ul li.active {border:1px solid #155AAA;}
.chat-user-list ul li a {display:block;padding:15px 20px;border-top:1px solid #ECECEC;}
.chat-user-list ul li:first-child a {border-top:0;}
.chat-user-img,
.chat-name-avatar {min-width:48px;max-width:48px;height:48px;overflow:hidden;border-radius:50%;border:1px solid #155AAA;margin-right:12px;}
html[dir="rtl"] .chat-user-img,
html[dir="rtl"] .chat-name-avatar {margin-right:0;margin-left:12px;}
.chat-user-img img,
.chat-name-avatar img {width:100%;height:100%;object-fit:cover;object-position:center;}
.chat-user-info h5 {font-size:20px;font-weight:500;color:#160102;}
.chat-user-info p {font-size:16px;color:#545454;}
.chat-user-metas {min-width:80px;}
.chat-user-metas {display:inline-flex;flex-direction:column;align-items:flex-end;}
.message-time {font-size:12px;color:#626161;}
.unread-messages {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#ED1B24;font-size:10px;font-weight:500;color:#fff;}
.chat-user-metas .message-time {margin-bottom:15px;}
.user-chat {-webkit-transition:all .4s;transition:all .4s;background-color:#fff;border:1px solid #ececec;width:100%;display:flex;flex-direction:column;}
.user-chat .user-chat-body {flex:1;height:calc(100% - 78px);}
.user-chat-topbar {background-color:#155AAA;padding:15px 25px;padding-right:80px;position:relative;}
html[dir="rtl"] .user-chat-topbar {padding:15px 25px;padding-left:80px;}
.chat-name-avatar {border-color:#fff;}
.chat-name {overflow:hidden;}
.chat-name h5 {font-size:20px;font-weight:500;color:#fff;}
.chat-name p {font-size:16px;line-height:1;color:#E8F2FF;}
.user-chat-conversation {padding:40px 25px 0 25px;max-height:calc(100% - 94px);min-height:calc(100% - 94px);overflow-y:auto;}
.message {margin-bottom:20px;}
.message:last-child {margin-bottom:0;}
.message .message-content {display:inline-block;max-width:45%;padding:12px 15px;background-color:#EFF6FF;border-radius:12px 12px 12px 0px;font-size:16px;line-height:22px;color:#3665A5;}
.message .message-content img {border-radius:12px;max-width:250px;}
.message .message-time {display:block;margin-top:7px;}
.message.self {text-align:right;}
.message.self .message-content {background-color:#ECECEC;border-radius:12px 12px 0 12px;color:#000000;}
.user-chat-input-section {padding:20px 25px;position:relative;border-top:0;}
.user-chat-input-section .form-control {border-color:#155AAA;padding-right:80px;height:50px;}
html[dir="rtl"] .user-chat-input-section .form-control {padding-right:16px;padding-left:80px;}
.send_btn {background-color:transparent;border:0;padding:0;margin:0;position:absolute;top:34px;right:40px;}
html[dir="rtl"] .send_btn {right:unset;left:40px;transform:rotate(180deg);}
.attachment-btn {position:absolute;right:85px;top:35px;cursor:pointer;}
html[dir="rtl"] .attachment-btn {right:unset;left:85px;}
.attachment-btn input[type="file"] {position:absolute;left:-9999px;top:-9999px;}
.chat-back-btn {font-size:24px;color:#fff;background-color:transparent;border:0;margin-right:10px;display:none;}
html[dir="rtl"] .chat-back-btn {margin-right:unset;margin-left:10px;transform:rotate(180deg);}
.chat-control-dropdown .btn {padding:0;line-height:0;font-size:18px;color:#fff;}
.chat-control-dropdown .dropdown-toggle::after {display:none;}
.blocked-container {padding:31px 0;text-align:center;border-top:1px solid #ececec;}
.blocked-container .button {background-color: #D5E2F2;font-size:13px;color:#757575;padding:4px 15px;border-radius:8px;font-weight:400;}
.blocked-container .button:not(button) {cursor:text;}

@media screen and (max-width: 991px) {
    .user-chat-conversation {padding:20px;}
    .user-chat-input-section {padding:20px 20px;}
    .user-chat-topbar {padding:12px 15px;padding-right:80px;}
    html[dir="rtl"] .user-chat-topbar {padding:12px 15px;padding-left:80px;}
    .chat-left-sidebar {max-width:100%;flex:1;margin-right:0;}
    .chat-back-btn {display:block;}
}

@media screen and (max-width: 767px) {
    .message .message-content {font-size:15px;max-width:70%;}
    .chat-user-info h5,
    .chat-name h5 {font-size:16px;}
    .chat-user-info p,
    .chat-name p {font-size:15px;}
}

@media screen and (max-width: 575px) {
    .message .message-content img {max-width:150px;}
}

/*--------------------------------
# Create Resume Page
---------------------------------*/

.resume-steps-wrapper {padding-bottom:35px;}
.resume-steps-wrapper .steps {display:flex;width:710px;flex-wrap:wrap;margin:0 auto;max-width:100%;}
.resume-steps-wrapper .steps .step {
    flex:1;display:inline-flex;flex-direction:column;
    align-items:center;position:relative;z-index:1;background-color:transparent;border:0;padding:0;
}
.resume-steps-wrapper .steps .step::after {content:'';display:block;width:100%;height:1px;background-color:#DFE0DF;position:absolute;left:50%;top:13px;z-index:-1;}
html[dir="rtl"] .resume-steps-wrapper .steps .step::after {left:unset;right:50%;}
.resume-steps-wrapper .steps .step:last-child::after {display:none;}
.resume-steps-wrapper .steps .step i {
    display:inline-block;width:26px;height:26px;border-radius:50%;background-color:#DFE0DF;border:2px solid #FFFFFF;
    box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);line-height:24px;text-align:center;font-size:18px;color:#DFE0DF;
}
.resume-steps-wrapper .steps .step .step-title {font-size:14px;line-height:1.2;color:#626161;padding-top:10px;text-align:center;}
.resume-steps-wrapper .steps .step.completed::after {background-color:#219653;}
.resume-steps-wrapper .steps .step.completed i {color:#fff;background-color:#219653;border-color:#219653;box-shadow:none;}
.resume-steps-wrapper .steps .step.completed .step-title {color:#219653;}
.resume-steps-wrapper .steps .step.active i {color:#fff;background-color:#155AAA;border-color:#155AAA;box-shadow:none;}
.resume-steps-wrapper .steps .step.active .step-title {color:#000000;}
.back-btn {display:inline-block;font-size:24px;margin-right:15px;cursor:pointer;}
.back-btn.next-btn {margin-right:0;margin-left:auto;}
html[dir="rtl"] .back-btn {transform:rotate(180deg);margin-right:0;margin-left:15px;}
html[dir="rtl"] .back-btn.next-btn {margin-right:auto;margin-left:0;}
.create-resume-step-content {position:relative;}
.create-resume-step-content .resume-header {display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #D9E8FA;}
.create-resume-step-content .resume-header h4 {font-size:24px;font-weight:500;color:#080036;}
.resume-body {padding:40px 25px;}
.upload-applicant-img {display:inline-block;margin-bottom:30px;}
.applicant-img {display:block;width:125px;height:125px;border-radius:50%;border:2px solid #155AAA;margin-bottom:10px;}
.applicant-img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.upload-applicant-img-btn {position:relative;}
.upload-applicant-img-btn input[type="file"] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.save-exit-btn {position:absolute;right:15px;top:20px;}
.white-box {background-color: #fff;border:1px solid #E7EBF0;padding:30px 20px;margin-top:50px;}
.qualification-list {margin-top:-20px;margin-bottom:-10px;}
.qualification {position:relative;padding:20px 0;padding-right:220px;}
html[dir="rtl"] .qualification {padding-right:0;padding-left:220px;}
.qualification .block-control {position:absolute;right:0;top:20px;}
html[dir="rtl"] .qualification .block-control {right:unset;left:0;}
.qualification::before {content:"";display:inline-block;width:2px;height:46px;background-color:#155AAA;position:absolute;left:-20px;top:50%;transform:translateY(-50%);}
html[dir="rtl"] .qualification::before {left:unset;right:-20px;}
.qualification .degree-name {display:block;font-size:18px;line-height:24px;color:#080036;}
.qualification-metas {font-size:14px;line-height:20px;color:#626161;margin-left:-15px;margin-right:-15px;}
.qualification .field {position:absolute;right:0;top:20px;font-size:16px;color:#626161;}
.qualification .controls {position:absolute;top:20px;right:0;display:inline-flex;margin:0 -10px;}
.qualification .text-btn:last-child {color:#FF0000;padding:0 10px;}
.qualification-metas>div {display:inline-block;padding:0 15px;border-right:1px solid #626161;}
html[dir="rtl"] .qualification-metas>div {border-right:unset;border-left:1px solid #626161;}
.qualification-metas>div:last-child {border-right:none;}
.white-box .block-title {padding-bottom:30px;}
.add-experience-btn {display:flex;align-items:center;margin-bottom:20px;}
.add-experience-btn::before {font-size:32px;}
.skills-list .skill {padding:15px 0;border-bottom:1px solid #ececec;}
.skills-list .skill>.d-flex {padding-bottom:30px;}
.skills-list [class*="col-"]:last-child .skill {border-bottom: 0;}
.skills-list [class*="col-"]:last-child .skill .rangeslider {margin-bottom:0;}
.skill-title {font-size:14px;color:#080036;}
.rangeslider,
.rangeslider .rangeslider__fill {box-shadow:none;}
.rangeslider {background:#ECECEC;}
.rangeslider-horizontal {height:4px;}
.rangeslider-horizontal .rangeslider__fill {background-color:#155AAA;}
.rangeslider .rangeslider__handle {box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);border-color:transparent;}
.rangeslider-horizontal .rangeslider__handle {width:12px;height:12px;}
.rangeslider-horizontal .rangeslider__handle::after {display:none;}
.rangeslider .rangeslider__handle-tooltip {background-color:#155AAA;font-weight:500;}
.rangeslider-horizontal .rangeslider__handle-tooltip:after {border-top-color:#155AAA;}

@media screen and (max-width: 767px) {
    .save-exit-btn {position:static;margin-top:30px;}
    .qualification {padding-right:20px;}
    .qualification .field {position:static;display:block;line-height:24px;}
    .qualification .controls {position:static;}
    #education_pane .qualification .block-control {position:static;padding-top:10px;}
}

@media screen and (max-width: 575px) {
    .create-resume-step-content .resume-header h4 {font-size:18px;}
}

@media screen and (max-width: 479px) {
    .resume-steps-wrapper .steps .step .step-title {font-size:10px;line-height:16px;}
    .resume-body {padding:30px 20px;}
    .create-resume-step-content .resume-header {padding:20px 20px;}
    .white-box .block-title {padding-bottom:15px;}
}


/*------------------------------------------------
# CMS Page CSS
------------------------------------------------*/

.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 {font-size:20px;font-weight:500;color:#2B2D42;padding-bottom:10px;}
.cms-content p {font-size:16px;line-height:24px;color:#636363;padding-bottom:10px;}

.cms-content p+h1,
.cms-content p+h2,
.cms-content p+h3,
.cms-content p+h4,
.cms-content p+h5,
.cms-content p+h6 {padding-top:30px;}
.accordion-item {border-radius:0 !important;margin-bottom:30px;border:0;}
.accordion-header {padding-bottom:0!important;}
.accordion-button {background-color:#E8F2FF;font-size:20px;font-weight:500;color:#131313;box-shadow:none;}
.accordion-button:focus {box-shadow:none;border-color:transparent;color:#131313;}
.accordion-body {border:1px solid #D9D9D9;border-top-color:transparent;}
.accordion-body p {font-size:16px;color:#636363;line-height:24px;padding-bottom:10px;}

/*-------------------------------------
# My Resume CSS
-------------------------------------*/

.my-resume .light-blue-bg {
    padding: 30px;
}

.resume-details-block {
    padding: 30px 0;
    border-top: 1px solid #ececec;
}

.resume-details-block:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.resume-details-block .block-title {
    padding-bottom: 25px;
    position: relative;
}

.resume-details-block .block-title button {
    position: absolute;
    right: 0;
    top: 2px;
}

.resume-details-box {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}

.resume-details-box:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.resume-details-box h5 {
    font-size: 20px;
    font-weight: 500;
    color: #160102;
}

.resume-details-block p,
.resume-details-box p {
    font-size: 18px;
    line-height: 24px;
    color: #545454;
}

.block-control {
    display: inline-flex;
    align-items: center;
}

.resume-details-box .block-control {
    position: absolute;
    top: 0;
    right: 0;
}

html[dir="rtl"] .resume-details-box .block-control {
    right: unset;
    left: 0;
}

.job-desc {
    font-size: 16px;
    color: #6E7775;
    max-width: 70%;
    margin-top: 20px;
}

.job-desc span {
    color: #131313;
}

.resume-skills {
    margin: -10px;
}

.resume-skills .skill {
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 24px;
    color: #080036;
    background-color: #E8F2FF;
    border: 1px solid #155AAA;
    margin: 10px;
}

.resume-skills .skill b {
    font-weight: 500;
    margin-left: 5px;
    color: #155AAA;
}

.attachments-list .attachment {
    display: inline-block;
}

.attachments-list .attachment img {
    max-width: 22px;
}

@media screen and (max-width:767px) {
    .resume-details-block .block-title {
        font-size: 20px;
    }
    .resume-details-box h5 {
        font-size: 18px;
    }
    .resume-details-block p,
    .resume-details-box p {
        font-size: 16px;
    }
    .job-desc {
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .resume-details-box .block-control {
        position: static;
        margin-top: 5px;
    }
    .my-resume .light-blue-bg {
        padding: 30px 15px;
    }
    .resume-skills .skill {
        padding: 10px 15px;
    }
}

.form-modal-content {
    padding: 50px 50px;
    padding-top: 0;
}

.form-modal .modal-header {
    padding: 40px 50px;
    padding-bottom: 30px;
}

.select2-container .select2-selection--multiple {
    font-size: 16px;
    font-family: var(--font);
    font-weight: 400;
    line-height: 20px;
    padding: 14px 16px;
    min-height: 50px;
    border-radius: 0 !important;
    border-color: #ECECEC !important;
    color: #100F0F;
    background-color: #FFF !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    padding: 0 !important;
}

.select2-selection__rendered {
    margin: -5px 0 !important;
}

.resumes-list {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    margin: -7.5px;
}

.resumes-list li {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 7.5px;
}

.ind-resume {
    display: block;
    border: 1px solid #ececec;
    padding: 30px 30px;
    text-align: center;
    position: relative;
}

.ind-resume .ind-resume-title {
    font-size: 16px;
    color: #080036;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-top: 10px;
    display: block;
}

.ind-resume .ind-resume-title a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.ind-resume .block-control {
    z-index: 5;
    position: relative;
    padding-top: 15px;
}

.resume-default-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    border-radius: 0 3px 3px 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -10px;
    top: 15px;
    background-color: #00CB20;
}

.resume-default-label::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-bottom: solid 5px transparent;
    border-right: solid 5px #56945F;
    border-left: solid 5px transparent;
    border-top: solid 5px #56945F;
}

@media screen and (max-width: 991px) {
    .resumes-list li {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .ind-resume {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 767px) {
    .form-modal-content {
        padding: 35px 20px;
        padding-top: 0;
    }
    .form-modal .modal-header {
        padding: 30px 20px;
    }
    .resumes-list li {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
    }
}

@media screen and (max-width: 575px) {
    .resumes-list li {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.swal-footer {
    text-align: center !important;
}

.swal-button {
    display: inline-block !important;
    font-size: 18px !important;
    font-family: var(--font) !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    border: 1px solid #155AAA !important;
    padding: 8px 15px !important;
    outline: none !important;
    border-radius: 0 !important;
    transition: all 500ms ease !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    background-color: #155AAA;
    min-width: 120px !important;
}

.swal-button:not([disabled]):hover {
    background-color: #080036 !important;
    border-color: #080036 !important;
}

.swal-button:focus {
    box-shadow: none !important;
}

.form-group .select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 9999 !important;
}


/*----------------------------------
# Form Validation CSS
-----------------------------------*/

label.error {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 1em;
    color: #dc3545;
}

.help-block {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 1em;
    color: #dc3545;
}

.help-block strong {
    font-weight: 400;
}

.no-data-wrapper {
    border: 1px solid #eee;
    padding: 30px 0;
    padding-bottom: 0;
}
.coming-soon-section {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/backgrounds/auth-bg.png);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coming-soon-section .no-data-wrapper {
    border: none;
}
.coming-soon-section .no-data-text .block-title {
    font-size:62px;
    color: #155aaa;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.coming-soon-section .no-data-text p {
    color: #c1c1c1;
}
.coming-soon-section .no-data-wrapper .error-media img {
    width: 100%;
}
.coming-soon-section .main-content {
    padding: 0;
}
.no-data-media {
    display: block;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.error-media {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.no-data-text {
    padding: 30px 0;
}

.no-data-text .block-title {
    font-size: 28px;
    color: #c1c1c1;
    margin-top: 20px;
    text-align: center;
}

.no-data-text h3 {
    font-size: 42px;
    font-weight: 700;
    color: #080036;
    padding-bottom: 10px;
}

.no-data-text p {
    font-size: 18px;
    color: #626161;
    padding-bottom: 20px;
    max-width: 620px;
    margin: 0 auto;
}


/*----------------------------------
# Subscription Page CSS
-----------------------------------*/

.subscription-plans-list {
    margin-bottom: 30px;
}

.subscription-plan.card {
    border: 0;
    border-radius: 4px;
    overflow: hidden;
}

.subscription-plan .card-title {
    margin: 0;
}

.subscription-plan .card-title h4 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    height: 60px;
    line-height: 60px;
    background-color: #155AAA;
    padding: 0 20px;
}

.subscription-plan .card-body {
    background: linear-gradient(197.66deg, rgba(47, 128, 237, 0.13) 12.26%, rgba(88, 151, 139, 0) 87.93%);
    border: 1px solid #ECECEC;
    border-radius: 4px;
    position: relative;
}

.plan-fetures-list li {
    font-size: 16px;
    color: #6E7775;
    padding-bottom: 15px;
    position: relative;
}

.plan-fetures-list li::before {
    margin-right: 10px;
    font-size: 12px;
}

.plan-price {
    font-size: 24px;
    font-weight: 500;
    color: #155AAA;
    padding-bottom: 20px;
}

.plan-price span {
    font-size: 13px;
    color: #626161;
}

.see-more-btn {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    color: #155AAA;
}

.subscription-history ul {
    margin: -20px 0;
}

.subscription-history ul li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #ECECEC;
}

.subscription-history ul li:last-child {
    border-bottom-color: transparent;
}

.subscription-history ul li .plan-name,
.subscription-history ul li .plan-cost {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #160102;
}

.subscription-history ul li .plan-name .active {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    background-color: #219653;
    border-radius: 4px;
    padding: 0 10px;
    margin-left: 10px;
}

.subscription-history ul li .plan-duration {
    display: block;
    font-size: 16px;
    color: #6E7775;
    padding-top: 5px;
}

.subscription-history ul li .plan-duration.expire-soon {
    color: #FF0000;
}

.subscription-history ul li .plan-cost {
    position: absolute;
    right: 0;
    top: 20px;
}

@media screen and (max-width: 991px) {
    .subscription-plans-list>[class*="col-"] {
        padding-bottom: 30px;
    }
    .subscription-plans-list>[class*="col-"]:last-child {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    .subscription-plans-list>[class*="col-"] {
        padding-bottom: 15px;
    }
    .plan-price {
        font-size: 20px;
    }
    .subscription-plan .card-title h4 {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }
    .subscription-history ul li .plan-name,
    .subscription-history ul li .plan-cost {
        font-size: 18px;
    }
    .subscription-history ul li .plan-cost {
        position: static;
        margin-top: 10px;
    }
}

.total-amount {
    padding: 15px 0;
    background-color: #eee;
    text-align: center;
    margin-bottom: 30px;
}

.total-amount h4 {
    font-size: 18px;
    color: #080036;
    padding-bottom: 10px;
    font-weight: 400;
}

.total-amount span {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #080036;
}

.payment-types h4 {
    font-size: 20px;
    color: #626161;
    text-align: center;
    padding-bottom: 20px;
}

.payment-types ul li a {
    display: flex;
    align-items: center;
    max-width: 220px;
    margin: 0 auto;
    padding: 15px 15px;
    margin-bottom: 20px;
    color: #080036;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.payment-types ul li:last-child a {
    margin-bottom: 0;
}

.payment-types ul li a i {
    font-size: 20px;
}

.payment-types ul li a span {
    margin-left: 10px;
}

.social-links {
    margin: 0 -5px;
}

.social-links>a {
    margin: 0 5px;
}

.description-box {
    font-size: 16px;
    line-height: 24px;
    color: #080036;
}

.description-box p {
    color: #080036;
}

.description-box ul {
    margin-top: 20px;
}

.description-box ul li {
    position: relative;
    padding-left: 26px;
    padding-bottom: 10px;
}

.description-box ul li:last-child {
    padding-bottom: 0;
}

.description-box ul li::before {
    content: "\F26B";
    font-family: bootstrap-icons !important;
    position: absolute;
    left: 0;
    top: 0;
}

.pagination {
    justify-content: flex-end;
}

.page-item.active .page-link {
    background-color: #080036;
    border-color: #080036;
}

.page-link {
    color: #080036;
}

.page-link:hover {
    color: #080036;
}


/*----------------------------------
# Activities Page CSS
-----------------------------------*/

.applied-job-list ul {
    margin-bottom: -20px;
}

.applied-job-list ul li a {
    display: block;
    padding: 20px 0;
    border-top: 1px solid #ECECEC;
}

.applied-job-list ul li:first-child a {
    border-top: 0;
}

.job-title {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #080036;
    padding-bottom: 10px;
}

.applied-job-metas {
    font-size: 16px;
    line-height: 20px;
    color: #626161;
}

.applied-job-metas>* {
    padding: 0 20px;
    border-right: 1px solid #ECECEC;
}

.applied-job-metas>*:first-child {
    padding-left: 0;
}

.applied-job-metas>*:last-child {
    border-right: 0;
    padding-right: 0;
}

.job-status {
    display: inline-block;
    font-size: 16px;
    color: #626161;
    margin-top: 15px;
    font-weight: 500;
}

.job-status.selected {
    color:#057642;
}

.job-status.short-listed {
    color: #234D85;
}

.job-status.rejected {
    color: #D22323;
}

.job-status.pending {
    color: #DDA807;
}

.applied-job-list ul li a .text-end {
    min-width: 140px;
}

@media screen and (max-width: 991px) {
    .job-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .job-title {
        font-size: 18px;
    }
    .applied-job-list ul li a .text-end {
        display: flex;
        align-items: center;
        padding-top: 5px;
    }
    .job-status {
        margin-top: 0;
        margin-left: 10px;
    }
}

.job-action-dropdown {
    position: absolute;
    right: 20px;
    top: 25px;
}

html[dir="rtl"] .job-action-dropdown {
    right: unset;
    left: 20px;
}

.job-action-dropdown .dropdown {
    display: inline-block;
    width: 150px;
    cursor: pointer;
}

.job-action-dropdown .dropdown .form-select {
    line-height: 36px;
}

.company-posted-jobs .job-position.stretched-link::after {
    width: calc(100% - 325px);
}

.company-posted-jobs .job-position.stretched-link {
    width: calc(100% - 325px);
}

@media screen and (max-width:767px) {
    .company-posted-jobs .job-position.stretched-link::after {
        width: 100%;
        height: calc(100% - 115px);
    }

    .company-posted-jobs .job-position.stretched-link {
        width: calc(100% - 115px);
    }
    
    .job-action-dropdown {
        position: static;
        padding-top: 10px;
    }
    .job-action-dropdown .dropdown {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:430px) {
    .company-posted-jobs .job-position.stretched-link {
        width: 100%;
    }
}

/*----------------------------------
# Applicant Page CSS
-----------------------------------*/

.ind-applicant {
    padding: 30px 0;
    border-bottom: 1px solid #ECECEC;
    position: relative;
}

.ind-applicant:last-child {
    border-bottom: 0;
}

.applicant-img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #155AAA;
    margin-right: 20px;
}

html[dir="rtl"] .applicant-img {
    margin-right: unset;
    margin-left: 20px;
}

.ind-applicant h4 {
    font-size: 20px;
    font-weight: 500;
    color: #160102;
    position: relative;
}

.ind-applicant h4.verified::after {
    content: url('../images/icons/ic-verified.svg');
    vertical-align: text-top;
    margin-left: 5px;
}

html[dir="rtl"] .ind-applicant h4.verified::after {
    margin-left: unset;
    margin-right: 5px;
}

.ind-applicant p {
    font-size: 16px;
    color: #545454;
}

.view-resume-btn {
    display: inline-block;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    color: #155AAA;
}

.view-resume-btn i {
    display: inline-block;
    font-size: 14px;
}

html[dir="rtl"] .view-resume-btn i {
    transform: rotate(180deg);
}

.ind-applicant-right-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    padding: 8px 0;
}

.application-status {
    font-size: 16px;
}

.application-status.short-listed {
    color: #234D85;
}

.application-status.approved,
.application-status.hired {
    color: #219653;
}

.application-status.pending {
    color: #F2994A;
}

.application-status.rejected {
    color: #FF0000;
}

.ind-applicant .dropdown .form-select {
    line-height: 36px;
}

@media screen and (max-width:575px) {
    .ind-applicant {
        padding: 15px 0;
    }
    .ind-applicant-right-content {
        text-align: left;
        text-align: left;
        padding-left: 63px;
        padding-bottom: 0;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .ind-applicant h4 {
        font-size: 18px;
    }
    .applicant-img {
        width: 48px;
        height: 48px;
        margin-right: 15px;
    }
}

.follow-btn {
    width: 120px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
}
.gallery-img {width:100%;max-width:100%;height:110px;border-radius:8px;overflow:hidden;border:1px solid #155AAA;position:relative;}
.gallery-img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.upload-gallaryImg-btn {display:inline-block;width:100%;height:110px;border-radius:8px;overflow:hidden;border:1px solid #155AAA;cursor:pointer;position:relative;}
.upload-gallaryImg-btn::before {
    content:'\F64D';display:inline-block;font-family:bootstrap-icons!important;font-size:24px;
    color:#155AAA;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
}
.upload-gallaryImg-btn input[type="file"] {position:absolute;left:-9999px;top:-9999px;}
.view-list .gallery-img {cursor:pointer;}
.view-list .gallery-img::before {
    content:"";display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);
    position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:0.4s ease all;
}
.view-list .gallery-img::after {
    content:'\F62C';display:inline-block;font-family:bootstrap-icons !important;
    font-size:24px;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:0.4s ease all;
}
@media(hover:hover) {
    .gallery-img:hover::before,
    .gallery-img:hover::after {opacity:1;visibility:visible;}
}
.delete-galleryImg-btn {
    color:#155AAA;position:absolute;right:10px;width:32px;height:32px;display:inline-flex;align-items:center;
    justify-content:center;border-radius:50%;background-color:#fff;border:1px solid #155AAA;top:10px;font-size:17px;
}
.cropper-area .cropper-container {margin-bottom:25px;}
.noUi-horizontal {height:6px;}
.noUi-target {background:#ECECEC;border:none;box-shadow:none;}
.noUi-connect {background:#155AAA;}
.noUi-handle::before,
.noUi-handle::after {display:none;}
.noUi-handle {border:none;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);}
.noUi-horizontal .noUi-handle {width:12px;height:12px;border-radius:50%;right:-2px;top:-3px;}
.noUi-tooltip {font-size:13px;font-weight:500;color:#155AAA;}
.box-image {width:100%;height:300px;overflow:hidden;border:1px solid #eee;}
.box-image img {width:100%;height:100%;object-fit:cover;object-position:center;}
.chat-tools {display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);right:15px;z-index:1;}
html[dir="rtl"] .chat-tools {right:unset;left:15px;}
.chat-tools li:first-child {padding-right:15px;}
html[dir="rtl"] .chat-tools li:first-child {padding-right:unset;padding-left:15px;}
.chat-tools li a {font-size:16px;color:#fff;}
.chat-tools li a i {font-size:22px;}
.spinner {padding:15px;text-align:center;}
.spinner img {width:36px;}
.user-chat-body {position:relative;}
.user-chat-body .spinner {position:absolute;width:100%;height:calc(100% - 94px);left:0;top:0;display:flex;align-items:center;justify-content:center;}
.user-chat-body .spinner img {width:48px!important;}
.lg-outer {direction:ltr;}
.strip-payment .contact-form-box h4 {padding-bottom:30px;}
.contact-form-box .strip-logo {max-width:80px;position:absolute;right:15px;top:20px;}


/*--------------------------------------
# My Resume View Page CSS
--------------------------------------*/

.view-resume-bg {width:100%;max-width:1200px;margin:0 auto 40px;padding:60px 40px;background-color:#fff;border:1px solid #c7c3c3;border-radius:6px}
.view-resume-wrapper {border-top: 8px solid #155AAA;border-bottom: 8px solid #155AAA;}
.vr-emp-info {display: flex;max-width: 80%;flex-wrap: wrap;align-items: center;margin: 0 auto;padding: 40px 0;}
.vr-emp-info figure {width: 300px;min-width: 300px;height: 200px;overflow: hidden;border-bottom: 15px solid #155AAA;margin-bottom: 0;}
.vr-emp-info figure img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.vr-emp-info h4 {font-size: 38px;color: #2C2E35;text-transform: uppercase;font-weight: bold;}
.vr-emp-info figcaption {flex: 1;padding: 0 30px;text-align: center;}
.vr-emp-contact-info {display: flex;max-width: 100%;flex-wrap: wrap;border-top: 1px solid #c7c3c3;border-bottom: 1px solid #c7c3c3;}
.vr-emp-contact-info>span {flex:1;font-size:15px;font-weight:normal;color:#2c2e35;line-height:24px;text-transform:uppercase;padding:10px 15px;text-align:center;}
.vr-block-title {font-size: 26px;font-weight: bold;text-transform: uppercase;color: #2C2E35;padding-bottom: 20px;}
.ptrb-40 {padding-top: 40px;padding-right: 40px;padding-bottom: 40px;}
.ptlb-40 {padding-top: 40px;padding-left: 40px;padding-bottom: 40px;}
.vr-fast-facts {margin-bottom: 20px;}
.vr-fast-facts ul {display: flex;max-width: 100%;flex-wrap: wrap;}
.vr-fast-facts ul li {flex: 0 0 50%;max-width: 50%;font-size: 15px;font-weight: normal;color: #2C2E35;padding-bottom: 15px;}
.c-progress {display:flex;max-width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom: 30px;}
.c-progress:last-child {padding-bottom: 0;}
.c-progress>span {font-size:16px;font-weight: normal;color: #2C2E35;}
.c-progress>span:first-child {width:35%;min-width:140px;}
.c-progress>span:last-child {width:50px;text-align:right;}
.c-progress .progress {flex:1;border-radius:0;height:10px;}
.c-progress .progress-bar {background-color: #155AAA;}
.vr-details-block {padding-bottom:40px;}
.vr-details-block:last-child {padding-bottom: 0;}
.vr-details-block p {font-size: 12px;font-weight: normal;color: #2c2e35;line-height: 24px;letter-spacing: 0.5px;padding-top: 15px;}
.vr-details-block-top {display: flex;max-width: 100%;flex-wrap: wrap;}
.vr-details-block-top>div {flex: 0 0 50%;max-width: 50%;}
.vr-details-block-top .right {text-align: right;}
.vr-details-block span {display: block;}
.vr-details-block .company {font-size: 18px;font-weight: bold;color: #2c2e35;text-transform: uppercase;margin: 0;margin-bottom: 8px;}
.vr-details-block .job-duration {font-size: 12px;font-weight: normal;color: #2c2e35;}
.vr-details-block .job-desig {font-size: 16px;font-weight: bold;color: #9b9b9b;text-transform: uppercase;margin: 0;margin-bottom: 8px;}
.vr-details-block .job-loc {font-size: 12px;font-weight: normal;color: #155AAA;}
.vr-emp-contact {display: flex;max-width: 100%;flex-wrap: wrap;justify-content: center;border-top: 1px solid #c7c3c3;border-bottom: 1px solid #c7c3c3;margin-bottom: 40px;}
.vr-emp-contact span {display: block;font-size: 15px;color: #2C2E35;text-align: center;padding: 7px 20px;}
.vr-main-content {position: relative;}
.my-resume .row.center-divident-9::before {content:'';position:absolute;height:90%;width:1px;background:#c7c3c3;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.my-resume .row.center-divident-8::before {content:'';position:absolute;height:80%;width:1px;background:#c7c3c3;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.vr-emp-contact-info>span:nth-child(2) {position: relative;}
.vr-emp-contact-info>span:nth-child(2)::after {content:'';position:absolute;top:50%;transform:translateY(-50%);height:15px;width:1px;background:#c7c3c3;right:0;}
.vr-emp-contact-info>span:nth-child(2)::before {content:'';position:absolute;top:50%;transform:translateY(-50%);height:15px;width:1px;background:#c7c3c3;left:0;}
.vr-fast-facts ul.vr_p_info li:first-child {flex:inherit;width:50%;max-width:100%;}
.vr-fast-facts ul.vr_p_info li:nth-child(2) {width:35%;flex:inherit;max-width:100%;}
.vr-fast-facts ul.vr_p_info li:last-child {width:15%;flex:inherit;text-align:right;max-width:100%;}
.vr-details-block-des ul li .company_name p,.vr-details-block-des ul li .company-user-dgn p {font-size:18px;color:#2C2E35;}
.vr-details-block-des ul li .company_name,.vr-details-block-des ul li .company-user-dgn,
.vr-details-block-des ul li .time-peried,.vr-details-block-des ul li .company-user-venue {width:50%;word-break: break-word;}
.vr-details-block-des ul li .time-peried p,.vr-details-block-des ul li .company-user-venue p {font-size:14px;}
.vr-details-block-des ul li .time-peried p {color:#2C2E35;}
.vr-details-block-des ul li .company-user-venue p{color:#155aaa}
.vr-details-block-des p.vr-dtail-content {font-size:14px;line-height:22px;color:#2C2E35;word-break: break-word;}
.my-resume .vr-box-section::before {content:'';position:absolute;width:88%;height:1px;background:#c7c3c3;bottom:0;}
.my-resume .vr-box-section.btm-brdr-right::before {right:calc(var(--bs-gutter-x) * .5);}
.my-resume .vr-box-section.btm-brdr-left::before {left:calc(var(--bs-gutter-x) * .5);}
.vr-btn-sect a.button {max-width:195px;margin-right:10px;}
.education-sec .left span.crt-lst-company {font-size:18px;font-weight:bold;line-height:normal;color:#2C2E35;text-transform:uppercase;}
.education-sec .left .school-study {font-size:14px;line-height:20px;color:#2C2E35;padding-top:4px;}
.education-sec .right .job-loc-tm {font-size:14px;color:#155aaa;}
.education-sec .left {max-width:60%;flex:0 0 60%;}
.education-sec .right {max-width:40%;flex:0 0 40%;}
.my-resume .uer-degination {font-size:28px;color:#155aaa;}
.my-resume .vr-emp-info figcaption {padding:0 20px 0 50px;border-right:1px solid #c7c3c3;}
.my-resume .vr-emp-info {align-items:inherit;}
@media only screen and (max-width: 1279px) {
    .view-resume-bg {padding: 30px;}
    .ptrb-40 {padding-top: 30px;padding-right: 30px;padding-bottom: 30px;}
    .ptlb-40 {padding-top: 30px;padding-left: 30px;padding-bottom: 30px;}
    .vr-emp-contact {margin-bottom: 30px;}
    .vr-details-block {padding-bottom: 30px;}
}
@media only screen and (max-width: 991px) {
    .vr-main-content::before {display: none;}
    .ptrb-40 {padding-right:0;}
    .ptlb-40 {padding-left:0;}
    .my-resume .row.center-divident-9::before,.my-resume .row.center-divident-8::before,
    .vr-emp-contact-info>span:nth-child(2)::before,.vr-emp-contact-info>span:nth-child(2)::after {display:none;}
    .vr-emp-contact-info>span {flex:inherit;font-size:14px;line-height:18px;padding:5px 0;width:100%;}
    .my-resume .vr-box-section::before {width:100%;}
    .my-resume .vr-box-section.btm-brdr-right::before {right:0;}
    .my-resume .vr-box-section.btm-brdr-left::before {left:0;}
}
@media (min-width:768px) and (max-width:991px) {
    .vr-emp-info {max-width:90%;}
    .vr-emp-info figure {width:185px;min-width:185px;height:175px;border-bottom:10px solid #155AAA;}
    .my-resume .vr-emp-info figcaption {padding:0 20px 0 20px;}
    .vr-emp-info h4 {font-size:26px;}
    .my-resume .uer-degination {font-size:22px;}
}
@media only screen and (max-width: 767px) {
    .vr-block-title {font-size: 24px;}
    .vr-emp-info {max-width: 100%;flex-direction: column;padding: 25px 0;}
    .vr-emp-info figure {width: 200px;min-width: 200px;height: 150px;}
    .vr-emp-info figcaption {padding: 0;padding-top: 15px;}
    .vr-emp-info h4 {font-size: 28px;}
    .vr-details-block p {padding-top: 10px;}
    .my-resume .vr-emp-info {align-items:center;}
    .my-resume .vr-emp-info figcaption {padding:15px 0 0;border-right:none;text-align:center!important;}
    .vr-emp-contact span {padding:5px 15px;width:100%;line-height:16px;}
}
@media only screen and (max-width: 479px) {
    .view-resume-bg {padding: 20px;}
    .vr-emp-contact-info {flex-direction: column;}
    .vr-emp-contact-info>span {border: 0;padding: 6px 15px;}
    .vr-fast-facts ul li {flex: 0 0 100%;max-width: 100%;}
    .vr-details-block-top>div {flex: 0 0 100%;max-width: 100%;}
    .vr-details-block-top .right {text-align: left;padding-top: 8px;}
    .c-progress>span {font-size: 15px;}
    .education-sec .left,.education-sec .right {max-width:100%;flex:0 0 100%;}
    .vr-fast-facts ul.vr_p_info li:first-child,
    .vr-fast-facts ul.vr_p_info li:nth-child(2),.vr-fast-facts ul.vr_p_info li:last-child,
    .vr-details-block-des ul li .company_name, .vr-details-block-des ul li .company-user-dgn,
    .vr-details-block-des ul li .time-peried, .vr-details-block-des ul li .company-user-venue{width:100%;text-align:left;}
    .vr-btn-sect {text-align: center;}
    .vr-btn-sect a.button {max-width:60%;margin:0 auto 15px auto;}
}
/*---------------------------------
# Categories
----------------------------------*/

@media only screen and (min-width: 1200px) {
    .categories {max-width:80%;margin:0 auto;}
}
.category-box {
    display:block;width:100%;height:100%;font-size:16px;color:#155AAA;background-color:#fff;
    border:1px solid #155AAA;padding:15px 0;padding-bottom:22px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
}
.category-box:hover {background-color:#155AAA;color:#fff;}
.category-box:hover img {filter:brightness(0) invert(1);}
.category-box img {margin-bottom:10px;}
.categories .category-name {display:block;font-size:18px;line-height:24px;font-weight:500;}

/*---------------------------------------------------------------------------------------------------
# Service Provider Panel CSS
-----------------------------------------------------------------------------------------------------*/

/*---------------------------------
# Sidebar
----------------------------------*/

.sidebar {background-color:#FFF;border:1px solid #c7c3c3;border-radius:6px;overflow:hidden;}
.sidebar-nav {padding:0;}
.sidebar-nav>ul>li>a {display:block;position:relative;font-size:18px;font-weight:500;line-height:24px;color:#080036;padding:11px 20px;transition:0.2s ease-in;}
.sidebar-nav a.has-dropdown[aria-expanded="true"] {background-color:var(--blue);color:#fff;}
.sidebar-nav a.has-dropdown::after {
    content:"\F285";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:bold!important;font-variant:normal;text-transform:none;
    line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;font-size:14px;
    transition:0.2s ease-in;position:absolute;top:19px;right:15px;transform:rotate(0deg);
}
.sidebar-nav a.has-dropdown[aria-expanded="true"]::after {transform:rotate(90deg);}
.sidebar-nav-submenu {margin-left:20px;}
.sidebar-nav-submenu li a {display:block;position:relative;font-size:16px;font-weight:400;line-height:24px;color:rgba(8, 0 54, 0.8);padding:10px 15px;}
.sidebar-nav-submenu li a::before {content:"";width:6px;height:1px;display:inline-block;background-color:#454545;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.sidebar-nav>ul>li.active>a {background-color:var(--blue);color:#fff;}
.bookings .nav .nav-item {flex:0 0 33.333333%;max-width:33.333333%;}
.bookings .nav .nav-item a {display:block;font-size:18px;line-height:24px;font-weight:500;color:var(--darkblue);background-color:#eaeaea;padding:12px 20px;text-align:center;}
.bookings .nav .nav-item a.active {color:#fff;background-color:var(--blue);}
.bookings .tab-content {background-color:#F6F6F6;padding:20px;}
.bookings-list ul li {padding-bottom:20px;}
.bookings-list ul li:last-child {padding-bottom:0;}

@media(hover: hover) {
    .sidebar-nav>ul>li>a:hover {background-color: var(--blue);color:#fff;}
    .sidebar-nav>ul>li>a:hover img {filter:brightness(0) invert(1);}
}
.working-hours-wrap {background-color:#fff;padding:15px;border:1px solid #ECECEC;margin-bottom:25px;}
.working-hours-wrap .row {align-items:center;margin-bottom:10px;}

@media only screen and (max-width: 767px) {
    .bookings .nav .nav-item a {font-size:16px;padding:12px 10px;}
}

@media only screen and (max-width: 479px) {
    .working-hours-wrap .theme-checkbox input[type="checkbox"]~.label {font-size:13px;padding-left:25px;}
}
.ind-service {position:relative;display:block;border-bottom:1px solid #c7c3c3;background-color:#fff;padding:20px 0;}
.jobs-list > ul > li:last-child .ind-service {border-bottom:none;}
.ind-service-inner {display:flex;align-items:flex-start;position:relative;}
.sp-thumbnail {width:120px;height:100px;border:1px solid #eaeaea;overflow:hidden;margin-right:10px;border-radius:6px;}
html[dir="rtl"] .sp-thumbnail {margin-right:0;margin-left:10px;}
.service-info {flex:1;}
.sp-name {display:block;font-size:15px;color:#545454;padding-bottom:13px;}
.service-title {display:block;font-size:20px;font-weight:500;color: #080036;padding-bottom:5px;}
.service-charges {font-size:16px;font-weight:500;color:var(--darkblue);}
.service-metas {font-size:14px;color:#545454;}
.service-metas>* {display:inline-block;margin-right:10px;margin-bottom:5px;}
html[dir="rtl"] .service-metas>* {margin-right:0;margin-left:10px;}
.service-metas>*:last-child {margin-right:0;}
html[dir="rtl"] .service-metas>*:last-child {margin-left:0;}
html[dir="rtl"] .service-metas>*::before {margin-right:0;margin-left:5px;}
.service-sp-actions {margin:0 -5px;margin-top:15px;position:relative;z-index:2;}
.service-sp-actions .action-btn {margin:0 5px;}
.action-btn {display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:4px;border:1px solid var(--blue);background-color:transparent;font-size:17px;color:var(--blue);}
.action-btn.delete-btn {color:#F53649;border-color:#F53649;}
.action-btn:hover {background-color:var(--blue);color:#fff;}
.action-btn.delete-btn:hover {color:#fff;background-color:#F53649;}

@media only screen and (max-width: 767px) {
    .sp-thumbnail {width:90px;height:70px;}
}

.booking-details {border-top:1px solid #ececec;padding:15px;padding-bottom:0;margin:0 -15px;margin-top:15px;display:flex;justify-content:space-between;}
.booking-status {font-size:13px;font-weight:400;line-height:1;color:#fff;padding:5px 8px;border-radius:5px;display:inline-block;}
.booking-status.pending {background-color:#FFC926;}
.booking-status.accepted {background-color: #125aaa;}
.booking-status.cancelled {background-color:#F53649;}
.booking-status.completed {background-color:#239322;}

/*---------------------------------
# Service Details Page CSS
----------------------------------*/

.ind-service-slider {position:relative;border:1px solid #eaeaea;}
.ind-service-slider .slick-prev {position:absolute;top:50%;transform:translateY(-50%);left:15px;}
.ind-service-slider .slick-next {position:absolute;top:50%;transform:translateY(-50%);right:15px;}
.ind-service-slider .item {width:100%;height:360px;overflow:hidden;}
.ind-service-slider .item img {width:100%;height:100%;object-fit:cover;object-position:center;}

/*------------------------------------
# Booking Details Page CSS
------------------------------------*/

.booking-details-sec .profile-view-metas {padding:0!important;}
.booking-details-sec .profile-view-metas ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.choose-service-role {display:flex;}
.choose-service-role a {display:block;width:250px;padding:25px 10px;border:1px solid #ececec;font-size:20px;font-weight:500;color:var(--darkblue);text-align:center;}
.choose-service-role a:first-child {margin-right:20px;}
.choose-service-role a img {max-width:85px;display:block;margin:0 auto;margin-bottom:20px;}

@media only screen and (max-width: 575px) {
    .choose-service-role {display:block;}
    .choose-service-role a {margin:0 auto;}
    .choose-service-role a:first-child {margin:0 auto;margin-bottom:20px;}
}
.dash-meta-box {display:block;width:100%;height:100%;padding:35px 15px;text-align:center;color:#fff;border-radius:24px;}
.dash-meta-box .value {display:block;padding-bottom:15px;font-size:56px;font-weight:500;}
.dash-meta-box .key {display: block;font-size:21px;line-height:28px;font-weight:500;letter-spacing:1px;}
.service-filter {display:flex;align-items:center;max-width:100%;margin-bottom:20px;background:#f6f6f6;padding:15px 15px;}
.service-filter h4 {font-size:22px;font-weight:500;text-transform:uppercase;color:var(--darkblue);padding-right:30px;}
html[dir="rtl"] .service-filter h4 {padding-right:0;padding-left:30px;}
.service-filter .form-group {flex:1;margin:0;padding:0 7.5px;max-width:250px;}
.service-filter .form-group:first-of-type {margin-left:auto;}
html[dir="rtl"] .service-filter .form-group:first-of-type {margin-left:unset;margin-right:auto;}
@media only screen and (max-width: 767px) {
    .service-filter {display:block;}
    .service-filter h4 {padding-bottom:15px;}
    .service-filter .form-group {max-width:100%;margin-bottom:15px;padding:0;}
}
.bg-none {background:none!important;}
.popular-cat-slider .slick-slide {padding:10px;}
.popular-cat-slider-wrapper {position:relative;}
.popular-cat-slider-wrapper .slick-prev {position:absolute;left:-60px;top:50%;transform:translateY(-50%);}
.popular-cat-slider-wrapper .slick-next {position:absolute;right:-60px;top:50%;transform:translateY(-50%);}
@media only screen and (max-width: 1279px) {
    .popular-cat-slider-wrapper .slick-prev,
    .popular-cat-slider-wrapper .slick-next {position:static;transform:translateY(0);}
    .popular-cat-slider-wrapper .arrow-container {margin-top:20px;}
    .popular-cat-slider-wrapper button:first-child {margin-right:10px;}
    html[dir="rtl"] .popular-cat-slider-wrapper button:first-child {margin-right:unset;margin-left:10px;}
    html[lang="ckb"] .arrow-container, html[lang="ar"] .arrow-container{ direction:ltr; }
}

.menu-active {border-bottom:2px solid #155aaa;color:#155aaa;font-weight:bolder!important;}
.user-controls li.search-sec-box input {border:1px solid #c7c3c3;border-radius:6px;height:38px;padding:5px 35px 5px 15px;width:100%;}
.user-controls li.search-sec-box input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
.user-controls li.search-sec-box {position:relative;}
.user-controls li.search-sec-box button {border:none;height:38px;width:35px;padding:0;line-height:34px;}
.user-controls li.search-sec-box button i {color:#545454;font-size:18px;}

.modal.mod-search .modal-dialog .search-sec-result {border:1px solid #c7c3c3;border-radius:6px;background:#fff;}
.modal.mod-search .modal-dialog .search-sec-result a {display:block;font-size:16px;color:#100F0F;padding:5px 15px;}
.modal.mod-search .modal-dialog .search-sec-result a:last-child {border-bottom: none;}
.modal.mod-search .modal-dialog {border:1px solid #c7c3c3c3;background:#fff;max-width:800px;padding-top:15px;border-radius:6px;margin-top:88px;}
.modal.mod-search .modal-dialog button.btn-close {position:absolute;color:#c7c3c3;font-size:16px;top:-7px;right:17px;}
.modal.mod-search .modal-search-sec .search-sec-result {visibility:hidden;opacity:0;position: absolute;}
.modal.mod-search .modal-search-sec.show-result .search-sec-result {visibility:visible;opacity:1;position:static;}
/*home page category custom slider here*/
.home-category-slider .job-box .employer-logo {width: 100%;min-width: 100%;height: 180px;border-radius: 0;border:none;padding:0; margin-bottom: 15px}
.home-banner-section{width:100%;background-repeat:no-repeat;background-size:100%;background-position:center;text-align:center;padding-top:88px;}
.home-banner-section .home-banner-inner {padding:100px 0 275px;background-size:cover;background-position: center;background-repeat: no-repeat;}
.home-banner-section .home-banner-inner h4 {font-size:28px;font-weight: normal;color: #fff}
.home-banner-section .home-banner-inner h4 span {font-weight:bold;font-size:36px}
.home-banner-section .home-banner-inner h4 p.head-fst-line {color:#fff;font-size:34px;font-weight:normal;max-width:100%;margin:0;line-height:40px;}
.home-banner-section .home-banner-inner h4 p.head-fst-line span {color:#f3ac44;font-size:38px;line-height:44px}
.home-banner-section .home-banner-inner p {color:#fff;line-height:21px;font-size:16px;font-weight:500;max-width:460px;letter-spacing: .5px}
section.hero-banner.home-catogary-section {padding:0 0 60px 0;background-image:none;margin-top:-215px;}
.home-catogary-section .category-box:hover {background-color:#17639e;}
.home-category-slider .job-box {padding: 0;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px;overflow: hidden;}
.home-category-slider .job-title {padding: 0 10px 4px;}
.home-category-slider .job-metas {padding: 0 10px 10px;}
.home-category-slider .job-metas > .with-icon {align-items:flex-start;line-height:14px;font-size:14px;color: #545454;}
.home-category-slider .job-metas > .with-icon > img {width:13px;}
.home-category-slider .job-price-box {padding: 0 10px 10px;}
.home-category-slider .job-price-box .button {font-size:14px;padding:5px 8px;width:70px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.home-category-slider .job-title h4 {font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.home-category-slider .job-title p {line-height:16px;margin-top:8px;color:#757578;}
.home-category-slider .job-box .job-salary {font-size:14px;color:#757578;}
.home-category-slider.featured_slider-section .job-title {padding:0 10px 8px;}
.home-category-slider.featured_slider-section .job-title p {margin-top:1px;color:#080036;}
.home-category-slider .slick-track {display:flex;}
.home-category-slider .slick-track .slick-slide {display:flex;height:auto;}
.home-category-slider .slick-track .slick-slide .job-box {height:100%;width:100%;}
.home-category-slider .featured_job_slider {position: relative;}
.home-category-slider .featured_job_slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);}
.home-category-slider .featured_job_slider .slick-prev {left: -60px;}
.home-category-slider .featured_job_slider .slick-next {right: -60px;}
.home-category-slider .section-title h4 {position:relative;color: #125aaa;font-size:36px;line-height:38px;}
.home-category-slider .section-title h4::before,.high-priority-jobs .section-title h4::before,
.helped-companies .section-title h4::before {content: '';position: absolute;height: 2px;width: 25px;background: #125aaa;left: 0;right: 40px;margin: 0 auto;bottom: 0;}
.home-category-slider .section-title h4::after,.high-priority-jobs .section-title h4::after,
.helped-companies .section-title h4::after {content: '';position: absolute;height: 2px;width: 45px;background: #125aaa;left: 40px;right: 0;margin: 0 auto;bottom: 0;}
.home-category-slider .section-title p {font-size: 16px;max-width: 480px;line-height: 20px;color: #626161;padding-top: 10px;}

/*job applied*/
.jobs-list > ul > li:last-child .indi-job-wrapper {border-bottom: none;}
.jobs-list > ul {border: 1px solid #c7c3c3;padding: 0 20px;border-radius: 6px;}
.jobs-list > ul > li {padding-bottom: 0}
.jobs-list .indi-job-wrapper {background-color: #fff;padding: 25px 0;padding-right: 0;border: none;border-bottom: 1px solid #c7c3c3;}
.jobs-list.favourite_job .indi-job-wrapper .bookmark-btn {right: 0;top: 25px;}
.jobs-list.favourite_job .indi-job-wrapper .bookmark-btn {right: 0;top: 25px;}
.jobs-list .indi-job-wrapper .job-desc {max-width: 90%;word-break: break-word;}
.jobs-list > ul > li:hover .employer-logo {border-color:#155AAA;}
.jobs-list .indi-job-wrapper .job-info .stretched-link,
.jobs-list > ul > li .employer-logo {display: inline-block;transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;}
.jobs-list > ul > li:hover .indi-job-wrapper .job-info .stretched-link {color:#155AAA;}
/*job applied end*/
.high-priority-job-wrapper .jobs-details .job-metas {padding-bottom: 3px}

/*Notification*/
.notifications .notifications-list ul {border: 1px solid #c7c3c3;padding: 20px;border-radius: 6px;}
.notifications-list ul li {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #c7c3c3;}
.notifications-list ul li .notifaication-text-detail p {margin-bottom: 10px;color: #057642;font-weight:normal;}
.notifications-list ul li .notification-time {color:#057642;bottom:inherit;top:14px;font-weight:600;line-height:20px;font-size:14px;}
section.notifications ul.pagination,.job-listing ul.pagination {justify-content: center;padding-top: 50px;}
section.notifications ul.pagination li .page-link,.job-listing ul.pagination li .page-link{padding: 10px 13px;display: inline-block;font-size: 16px;}
section.notifications ul.pagination li:first-child .page-link,
section.notifications ul.pagination li:last-child .page-link,.job-listing ul.pagination li:first-child .page-link,
.job-listing ul.pagination li:last-child .page-link {font-size: 25px;line-height: 16px;}

/*Company profile*/
.profile-top-layout {border: 1px solid rgba(0,0,0,.2);border-radius:6px;overflow: hidden;}
.profile-top-layout .profile-img-section {background-repeat: no-repeat;background-size: cover;background-position: center;padding:70px 20px;position: relative;}
.profile-top-layout .profile-img-section .user-profile {margin: 0;position: absolute;bottom: -17px;left:0;width:100%;padding:0 20px;display: flex;flex-wrap:wrap}
.profile-top-layout .profile-img-section .user-profile .user-profile-img {width: 128px;height: 128px;border-radius: 6px;border: none;background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,.3);display: flex;align-items: center;justify-content: center;}
.profile-top-layout .profile-img-section .user-profile .user-profile-img img {object-position: inherit;width:105px;height:105px;object-fit: scale-down;}
.profile-top-layout .prodile-full-inner {padding:45px 24px 24px;}
.profile-top-layout .company-short-des > div {color: #545454;font-size: 16px;}
.profile-top-layout .company-short-des .company-name {color: #000;font-size: 28px;letter-spacing: .5px;font-weight: 500;}
.profile-top-layout .company-short-des .company-sub-title {font-size: 18px;color: #000;}
.profile-top-layout .company-des-section .company-follow-btn {border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 24px;}
.profile-top-layout .profile-img-section .compy-moto-header {position: absolute;left: 175px;bottom: 28px;font-size: 26px;color: #fff;}
.profile-top-layout .profile-img-section .compy-moto-header span {display: block;font-weight: 500;letter-spacing: .5px;padding-top: 6px;font-size: 26px;}
.profile-top-layout h3 {margin: 0;font-size: 25px;line-height: 24px;padding: 22px 0 15px 0;color: #000;}
.company-about-section,.company-contact-info,.company-contact-detail {border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:24px;}
.company-contact-detail div p,.company-contact-info div p {color:rgba(0,0,0,.8);}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des {padding-left:20px;width:75%}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des .event-heading span {display:inline-block;color:#fff;font-weight:500;font-size:26px;}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des div span {color:#fff;font-size:16px;padding-bottom:6px;display:inline-block;}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des div span i {float:left;display:inline-block;margin-right:5px;position:relative;top:0;font-size:16px;}
.cat-des-detail .profile-top-layout .description-detail-box {padding:16px 0 0;margin-bottom:30px;}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des .event-venue > span {display:flex;}
.cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des .event-venue > span > span {text-align:left;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cat-des-detail .profile-top-layout .profile-view-metas {margin:30px 0;border-bottom:1px solid #c7c3c3;border-top:1px solid #c7c3c3;padding:30px 0 10px !important;}
.cat-des-detail .profile-top-layout .description-detail-box .key {color:#080036;font-size:18px;font-weight:500;}
.cat-des-detail .profile-top-layout .description-detail-box  .value {font-size:16px;color:#545454;}
.cat-des-detail .profile-top-layout .description-detail-box span {display:block;line-height:24px;}
.cat-des-detail .profile-view-metas ul li {border:none;padding:0 0 20px 0;word-break: break-word;}
.cat-des-detail .profile-top-layout .detail-gallery-section .gallery-section .key {color:#080036;font-size:18px;font-weight:500;display:block;margin-bottom:15px;}
.cat-des-detail .profile-top-layout .detail-gallery-section ul {display:flex;flex-wrap:wrap;}
.cat-des-detail .profile-top-layout .detail-gallery-section ul li {width:18.933%;border-radius:6px;overflow:hidden;margin-right:1.333%;margin-bottom:1.333%;}
.cat-des-detail .profile-top-layout .detail-gallery-section ul li:nth-child(5n) {margin-right:0;}
.cat-des-detail .profile-top-layout .detail-gallery-section ul li .gallery-img {display:block;height:137px;}
.cat-des-detail .profile-top-layout .profile-img-section .sortbox-des {padding:0;margin-left:auto;align-items:end;margin-bottom:36px;position:absolute;right:16px;bottom: -70px;}
.event-organiser .organiser-head {color:#080036;font-weight:500;font-size:22px;}
.event-organiser .job-info .job-position {color:#545454;}
.event-organiser .job-desc {line-height:20px;}
.event-organiser {border-top:1px solid #c7c3c3;padding:30px 0 0 0;margin-top:20px;}
.edit-profile.cat-des-detail .profile-img-des h4 {color:#fff;font-weight:500;font-size:26px;text-align:left;}

/*job-details*/
.job-details .job-details-content .section-title {padding-bottom:15px;}
.job-details .job-details-content .job-details-metas-wrap {border: none;padding:0;border-radius:0;}
.job-details .job-details-content .job-details-metas {margin-bottom:20px;}
.job-details .job-details-content .job-details-desciption {padding-bottom:24px;border-bottom:1px solid #c7c3c3;margin-bottom:24px;}
.job-details .job-details-content .job-details-desciption:last-child {margin-bottom:0;border: none;padding:0;}
.job-details .section-title.varient-two h4 {font-size:22px;}
.job-details .jobs-list.applied_job .job-position {font-size:18px;}
.job-details .job-details-desciption .job-desc-list,
.job-details .job-details-desciption .job-desc-list p,
.job-details .job-details-desciption .job-desc-list li a {font-size:16px;line-height:20px;color:#222}
.job-details-content.job-detail-box .section-title {display: flex;}
.job-post-time {display:flex;color:#057642;font-weight:500;width:100%;align-items:center;padding-top:5px;font-size:14px}
.job-details-content.job-detail-box .job-metas > div {margin:0;}
.job-details-content.job-detail-box .section-title h4 {color:#080036;font-size:28px;line-height:34px;}
.job-post-time span.time-text {padding-left:6px;}
.job-post-time.after-time {color:#545454;font-weight:normal;}
.job-details-content.job-detail-box .job-metas {margin-bottom:0;}
.job-details-content.job-detail-box .company-pro-des p {font-size:16px;color:#000;margin-bottom:10px;}
.job-details-content.job-detail-box .company-pro-des {margin-bottom:20px;}
.job-details-content.job-detail-box .job-apply-section {margin-bottom:24px;border-bottom:1px solid #c7c3c3;padding-bottom:36px;}
.job-details .job-details-content .job-details-metas > div {border:1px solid #c7c3c3;border-radius:6px;padding:10px;margin:0 2% 2% 0;flex:0 0 32%;max-width:32%}
.job-details .job-details-content .job-details-metas > div:nth-child(3n) {margin-right:0;}
.job-details-desciption p {color:#222;}

/*Activities*/
.job-list-activity span.job-title {font-size:20px;}
.job-list-activity .applied-job-metas {color:#545454;}
.job-list-activity .text-end .applied-job-metas {color:#080036;font-weight:500;}
.job-list-activity ul {margin:0;border:1px solid #c7c3c3;padding:0 20px;border-radius:6px;}
.job-list-activity ul li a {border-color: #c7c3c3;padding:24px 0;}
.job-list-activity ul li a .applied-job-metas span {border-color:#c7c3c3;}

/*Messaging List*/
.chat-left-sidebar .chat-user-search input[type="text"] {border-color:#c7c3c3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.chat-left-sidebar .chat-user-search .button-blue {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.chat-left-sidebar .chat-user-list {border:none;}
.chat-left-sidebar .chat-user-list ul {margin:0;border:1px solid #c7c3c3;padding:0 20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.chat-left-sidebar .chat-user-list ul li a {padding:24px 0;border-color:#c7c3c3;}
.chat-user-metas .message-time {color:#057642;font-weight:500;font-size:14px;}

/*job-listing-section*/
.job-listing .job-filter {padding:0 20px;border:1px solid #c7c3c3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.job-listing .job-filter .filter .filter-title {border-bottom:1px solid #c7c3c3;font-size:16px;}
.job-listing .job-filter .filter:last-child  .filter-title {border:none;}
.job-listing .job-filter .filter  .filter-list ul li {border-bottom:1px solid #c7c3c3;}

/*My-post-event*/
.sidebar ul li.menuShow .sidebar-nav-submenu li a.active {color:#155AAA;font-weight:500;}
.job-details .job-details-content .job-details-desciption a.save-btn {display:inline-block;margin-left:10px;background:transparent;}
.job-details .job-details-content .job-details-desciption a.save-btn:hover {background:#155AAA;color:#fff;}

/*My-post-event rtl*/
.rtl .sidebar-nav a.has-dropdown::after {left:15px;right:inherit;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.rtl .sidebar-nav a.has-dropdown[aria-expanded="true"]::after {transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.rtl .sidebar ul li.menuShow .sidebar-nav-submenu {margin-left:inherit;margin-right:20px;}
.rtl .sidebar ul li.menuShow .sidebar-nav-submenu li a::before {left:inherit;right:0;}
.sidebar ul li.menuShow .sidebar-nav-submenu li a.active::before {background:#155AAA;}

/*Menu*/
.main-navigation .menu-mobile-head {display: flex;align-items: center;justify-content: space-between;padding: 0 15px;background: #125aaa;}
.main-navigation .menu-mobile-head .menu-title {font-size: 18px;font-weight: bold;color: #fff;}
.main-navigation .menu-mobile-head .nav-close-btn i::before {color: #fff;}
.slider-view-all {padding: 0 10px;text-align: right;}
.slider-view-all a {color: #125aaa;font-size: 16px;display: inline-block;text-decoration: underline;}
.main-navigation > ul > li.dropdown > ul.dropdown-menu {width: 267px;border-top:3px solid #125aaa;transform:translate(5px, 63px)!important;}
.main-navigation > ul > li.dropdown > ul.dropdown-menu > li > a {color:#626161;border:none;padding:11px 15px;font-size:16px;}
.main-navigation > ul > li.dropdown > ul.dropdown-menu > li > a:hover {background:#125aaa;color:#fff;}
.main-navigation > ul > li.dropdown > a.dropdown-toggle::after {border-top:.3em solid #125aaa;display:inline-block;vertical-align:0.14em;}
.service-filter.category-listing-filter {display: block;}
.service-filter.category-listing-filter .category-listing-filter {display:flex;justify-content:space-between;align-items:center;}
.service-filter.category-listing-filter .category-listing-filter .list-search-seaction {display:flex;align-items:center;width:70%;}
.service-filter.category-listing-filter .category-listing-filter .reset-btn {width:30%;text-align:right;}
.service-filter.category-listing-filter .category-listing-filter .list-search-seaction .category-listing-search {position:relative;width:100%;}
.service-filter.category-listing-filter .category-listing-filter .list-search-seaction .category-listing-search input[type="text"] {width:100%;border-color:#c7c3c3;border-radius:6px;height:46px}
.service-filter.category-listing-filter .category-listing-filter .list-search-seaction .category-listing-search .listing-search-btn {position:absolute;right:4px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.service-filter.category-listing-filter .category-listing-filter .list-search-seaction .category-listing-search .listing-search-btn input,
.service-filter.category-listing-filter .category-listing-filter .reset-btn input,
.service-filter.category-listing-filter .category-listing-filter .reset-btn a { font-weight: normal;padding:6px 15px}
.category-listing-filter .filter-icons svg {width: 30px;}
.category-listing-filter .filter-icons {padding-right: 20px;}
.category-listing-filter .filter-icons svg path {fill: #155aaa;}
.service-filter.category-listing-filter .category-listing-filter .reset-btn svg {width:17px;margin-right:3px;position:relative;top:-3px;}
.service-filter.category-listing-filter .category-listing-filter .reset-btn a:hover svg path {fill:#fff;}
.service-filter.category-listing-filter .category-listing-filter .reset-btn svg path {fill:#155AAA;}
.post-btn {text-align:right;position:absolute;right:15px;top:-44px;}
.post-btn a.button {font-size:14px;padding-left:33px;position:relative;}
.post-btn a.button i {font-size:20px;position:absolute;left:10px;top: 3px;color:#fff;}
header .user-controls>li > a.sign-btn {background:transparent;color:#155AAA;font-weight:normal;padding:6px 15px;border:1px solid #155AAA;font-size:16px}
header .user-controls>li > a.sign-btn:hover {background:#E8F2FF}
.review-ration-box {display:flex;align-items:center;padding-bottom:7px;}
.review-ration-box .star-reviewing {margin-right: 10px;}
.review-ration-box .star-reviewing i {color: #f06c00;}
.review-ration-box .review-counter a.all-review {color: #155AAA;text-decoration: underline;font-size: 14px;}
.review-ration-box .review-counter .review-counter-value {font-size: 14px;color:#080036;font-weight: 500;}

/*construction worker*/
.ind-service-inner .service-metas {margin-bottom: 10px;}
.ind-service .ind-service-inner .service-metas span {background: #E8F2FF;color: #155aaa;padding: 5px 8px;border-radius: 6px;}
.ind-service .ind-service-inner .job-desc {max-width: 100%;color: #222;margin-top: 8px;line-height: 20px;word-break: break-word;}
.all-review-box {display: flex;border-bottom: 1px solid #c7c3c3;padding: 20px 0;}
.all-review-box:last-child {border-bottom:none;padding-bottom:0;}
.all-review-box p.review-description {line-height: 22px;}
.write-review-box {padding:30px 0 0 0;}
.write-review-box form textarea {border: 1px solid #c7c3c3;border-radius: 6px;}
.write-review-box form label {font-size: 16px;font-weight: 500;color: #222;}
.review-tabs {margin-top:47px}
.review-tabs nav .nav-tabs button {font-size: 16px;font-weight: 500;color: #222;}
.review-tabs nav .nav-tabs {border-color: #c7c3c3}
.review-tabs nav .nav-tabs button:focus,.review-tabs nav .nav-tabs button:hover {border-color: #c7c3c3 #c7c3c3 #c7c3c3}
.review-tabs nav .nav-tabs button.active {background: #E8F2FF;color: #155aaa;}
.review-tabs nav .nav-tabs button.active:hover {border-color:#155aaa #155aaa #155aaa;border-bottom-color: #c7c3c3;}
.write-review-box .reviewing-box {display: flex;align-items: center;margin-bottom: 25px !important;}
.write-review-box .reviewing-box .star-reviewing {float:left;border-style: none;}
.write-review-box .reviewing-box .star-reviewing:not(:checked) > input {position:absolute;left:-9999px;clip:rect(0,0,0,0);}
.write-review-box .reviewing-box .star-reviewing:not(:checked) > label {float: right;width:20px;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:20px;line-height:20px;margin:0 5px 0 0;color:#ccc;}
.write-review-box .reviewing-box .star-reviewing:not(:checked) > label:before {content:"\f586";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em;}
.write-review-box .reviewing-box .star-reviewing > input:checked ~ label {color:#f06c00;text-shadow:none;}
.write-review-box .reviewing-box .star-reviewing:not(:checked) > label:hover,
.write-review-box .reviewing-box .star-reviewing:not(:checked) > label:hover ~ label {color:#f06c00}
.write-review-box .reviewing-box .star-reviewing > input:checked + label:hover,
.write-review-box .reviewing-box .star-reviewing > input:checked + label:hover ~ label,
.write-review-box .reviewing-box .star-reviewing > input:checked ~ label:hover,
.write-review-box .reviewing-box .star-reviewing > input:checked ~ label:hover ~ label,
.write-review-box .reviewing-box .star-reviewing > label:hover ~ input:checked ~ label {color:#f06c00;text-shadow: none;}
.write-review-box .reviewing-box .star-reviewing > label:active {position:relative;top:0px;left:0px;}
.all-review-section .all-view a.button {border:1px solid #155aaa;border-radius:6px;color:#155aaa;font-weight:500;display:inline-block;padding:10px 30px;}
.all-review-section .all-view {text-align:center;margin-top:40px;}
.all-review-section .all-view a.button:hover {background:#155aaa;color:#fff;}
.write-review-box .reviewing-box label {padding: 0;display: inline-block;margin-right:10px;}
.all-review-section {padding-top: 10px;}
.edit-profile.post-service form .form-group {width: 49%;}
.edit-profile.post-service form .form-group select, .edit-profile.post-service form .form-group input,
.edit-profile.post-service form .form-group select {border-color: #c7c3c3;border-radius: 6px;height: 47px}
.edit-profile.post-service form .form-group textarea {border-color: #c7c3c3;border-radius: 6px;}
.booking-section .bookings .jobs-list > ul {border: none;padding: 0 20px;border-radius: 0;border-top: 1px solid #c7c3c3;}
.booking-section .bookings ul.nav li {border-right: 1px solid #c7c3c3;}
.booking-section .bookings .jobs-list > ul .booking-details {margin: 15px 0 0;border-color: #c7c3c3;align-items: center;padding: 15px 0 0;}
.booking-section .bookings .jobs-list > ul .booking-details .service-metas span {margin-bottom: 0;font-weight: 500;font-size: 16px;}
.booking-section .bookings ul.nav li:last-child {border-right: none;}
.booking-section .bookings {border: 1px solid #c7c3c3;border-radius: 6px;overflow: hidden;}
.booking-section .bookings .tab-content {background-color: transparent;padding: 0;}
.booking-section .service-filter select,.booking-section .service-filter input {height:47px;border-radius:6px;border-color:#c7c3c3;}
.auth-form .form-box {box-shadow:0 0 12px 1px rgba(0, 0, 0, .1);border-radius:6px;}
.auth-form .form-box .form-label {font-size:16px;}
.auth-form .form-box .f-ps-link {font-size:14px;}

/*maintenance */
.uploaded-img-box img {border-radius: 6px;}
.booking-details-sec .form-group select[name="status"] {border-radius:6px;border-color:#c7c3c3;}

/*rent-office*/
.rent-office-dtl .job-metas>.with-icon {display: block;color: #222;margin:0;word-break:break-word;}
.jobs-list .indi-job-wrapper.rent-office-dtl .job-desc {max-width: 100%;}
.rent-office-dtl .job-metas>.with-icon span {color:#545454;font-weight: normal;}
.edit-review .action-btn i::before{line-height: inherit;}
.profile-view-metas .form-block-title {font-size: 24px;}
.booking-details-sec.category-detail-box .profile-view-metas ul li:nth-last-child(-n + 2) {width: 100%;}
.booking-details-sec.category-detail-box .profile-view-metas ul li:last-child {border: none;}
.booking-details-sec.category-detail-box .profile-view-metas ul li.gallery-section .value {display: flex;flex-wrap:wrap;padding: 10px 0 0 0;}
.booking-details-sec.category-detail-box .profile-view-metas ul li.gallery-section .value .gallery-box {border:none;width: 150px;height: 180px;border-radius: 6px;overflow: hidden;margin: 0 10px 10px 0;}
.booking-details-sec.category-detail-box .profile-view-metas ul li.gallery-section .value .gallery-box img {object-fit: cover;width: 100%;height: 100%;}
.booking-details-sec.category-detail-box .profile-view-metas ul li.gallery-section .value ul {justify-content: inherit;}
.booking-details-sec.category-detail-box .profile-view-metas ul li.gallery-section .value .gallery-box .gallery-img {width:100%;height:100%;border:none;border-radius:6px;}
.detail-gallery-section .detail-gallery-box {width:18.933%;height:137px;margin:0 1.333% 1.333% 0;}

/*event list*/
.job-filter.sidebar-filter-box {padding:20px;}
.sidebar-filter-box .aside-box-heading {color:#080036;font-size:18px;font-weight:500;margin-bottom:10px;border-bottom:1px solid #c7c3c3;padding-bottom:10px;}
.job-filter.sidebar-filter-box .filter {margin-bottom:20px;}
.job-filter.sidebar-filter-box .filter:last-child {margin-bottom:0;}
.job-filter.sidebar-filter-box ul li {margin:12px 0;}
.job-filter.sidebar-filter-box ul li:last-child {margin-bottom:0;}
.right-dtl-box {text-align:right;padding-left:15px;}
.date-time-box {font-weight:500;font-size:14px;margin-bottom:0;padding:0;color:#155aaa;line-height:20px;}
.event-organiser .job-metas .event-venue i {margin-right:4px;}
.right-dtl-box .social-icon-box a {width:32px;height:32px;display:inline-block;padding:0;border-radius:6px;font-size:18px;text-align:center;line-height:32px;color:#222;font-weight:bold;background:#f6f6f6;}
.right-dtl-box .social-icon-box a:hover {background:#155aaa;color:#fff}
.modal .right-dtl-box .social-icon-box > a > i {font-size:18px;margin:0}
.right-dtl-box .social-icon-box {position:relative;z-index:5;}
.sidebar-search-box .service-filter.category-listing-filter .category-listing-filter {flex-wrap:wrap;-webkit-flex-wrap:wrap;width:100%}
.sidebar-search-box .service-filter.category-listing-filter .category-listing-filter .list-search-seaction{width:100%;}
.sidebar-filter-box .reset-btn{text-align:right}
.sidebar-filter-box .reset-btn .clear-al-btn {display:inline-block;padding:0 0 10px;font-size:14px;color:#155aaa;}
.job-filter.sidebar-filter-box {padding:10px 20px 20px 20px;position:sticky;top:110px;}
.sidebar-search-box .service-filter.category-listing-filter .category-listing-filter .listing-search-btn input {font-size:14px;}
.sidebar-search-box .service-filter.category-listing-filter .category-listing-filter input[type="text"] {height:42px;}
.job-filter.sidebar-filter-box .sidebar-search-box .service-filter {padding:10px;border-radius:6px;margin-bottom:10px;}
.job-filter.sidebar-filter-box .sidebar-search-box {margin:0 -10px;}
.sortbox-des {display:flex;align-items:center;padding:15px 0 0 70px;flex-wrap:wrap;-webkit-flex-wrap:wrap;position:relative;z-index:5}
.sortbox-des > div {margin-bottom:5px;}
.sortbox-des div > a {font-weight:normal;font-size:14px;display:inline-block;border:none;padding:4px 8px;background:#E8F2FF;color:#155aaa;line-height:normal;border-radius:6px;margin:0 8px 5px 1px;}
.sortbox-des div > a > i {margin-left: 6px;font-size: 14px;}
.sortbox-des div > a .counter {font-weight:500;display:inline-block;padding-left:3px;}

/* otp-verify form*/
.opt-verify-form .opt-verify-code input{width:52px;text-align:center;font-size:18px;font-weight:500;margin-right:15px;color:#000;padding:10px;line-height:22px;}
.opt-verify-form .opt-verify-code input:last-child {margin-right:0}
.opt-verify-form .opt-verify-code input::placeholder{color:#000;font-size:28px;position:relative;top:8px;}
.opt-verify-form .opt-verify-code input::-webkit-input-placeholder {color:#000;font-size:28px;position:relative;top:8px;}
.opt-verify-form .opt-verify-code input::-moz-placeholder{color:#000;font-size:28px;position:relative;top:8px;}
.opt-verify-form .opt-verify-code input:-ms-input-placeholder{color:#000;font-size:28px;position:relative;top:8px;}
.opt-verify-form .opt-verify-code input:-moz-placeholder {color:#000;font-size:28px;position:relative;top:8px;}
.opt-verify-form .section-title label {color:#545454;font-size:16px;line-height:20px;}
.opt-verify-form form .opt-verify-code .form-label {font-size:18px;padding-bottom:13px;}
.timer-box {width: 20px;height: 20px;top: 2px;}
@keyframes animatedClockSecRotate{
    0%{transform:rotate(0deg) translate(0,-2px)}100%{transform:rotate(360deg) translate(0,-2px)}
}
@-webkit-keyframes animatedClockSecRotate{
    0%{transform:rotate(0deg) translate(0,-2px)}100%{transform:rotate(360deg) translate(0,-2px)}
}
.animated-clock {width: 20px;height: 20px;border-radius: 50%;border: 2px solid #155aaa;}
.animated-clock-sec {position:absolute;width:2px;height:8px;top:6px;left:9px;background:#155aaa;border-radius:2px;animation:animatedClockSecRotate 5s linear infinite;}
aside.main-siderbar-left .job-filter.sidebar-filter-box {position:static;}
.logged-user .dropdown-toggle.btn.msg-icon:before {content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:red;left:29px;z-index:999999;}
.main-navigation > ul > li.notify-icon{position:relative}
.main-navigation > ul > li.notify-icon::before {content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:red;right:18px;top:8px;}
.main-siderbar-left form .filter-inner-box ul {max-height:250px;overflow-y:auto;}
@media (max-width:767px) {
    .home-banner-section{padding-top:69px!important;}
    .modal.mod-search .modal-dialog {margin-top:69px;}
    header{padding:15px 0;}
    .edit-profile.post-service form .form-group{width:100%;}
    .home-banner-section .home-banner-inner h4 p.head-fst-line {font-size:22px;line-height:26px;}
    .home-banner-section .home-banner-inner h4 p.head-fst-line span{font-size:26px;display:block;line-height:30px}
    .home-category-slider .section-title h4{font-size:30px;line-height:34px;}
    .job-offers{padding-top:35px;padding-bottom:20px;}
    section.hero-banner.home-catogary-section{padding:0 0 35px 0;margin-top:-235px;}
    header .brand-logo{width:110px;}
    .home-banner-section .home-banner-inner{padding:35px 0 240px;}
    .jobs-list > ul{padding:0 15px;}
    .notifications-list ul li .notification-time{top:inherit;bottom:3px}
    .jobs-list ul li .emloyer-info{align-items:flex-start;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    .jobs-list ul li .emloyer-info .text-end{text-align:left!important;width:100%;padding:5px 0 5px 60px;}
    .jobs-list .indi-job-wrapper .job-desc{padding-left:60px;max-width:100%}
    .jobs-list ul li .emloyer-info .job-metas{align-items:flex-start;}
    .jobs-list ul li .emloyer-info .job-metas > .with-icon img{margin-top:4px;}
    .jobs-list ul li .emloyer-info .text-end .job-status.pending{margin-left:0;}
    .jobs-list .indi-job-wrapper{padding:15px 0;}
    .jobs-list .indi-job-wrapper .bookmark-btn{top:15px;}
    .job-details .job-details-content .job-details-metas-wrap{padding:0;}
    .job-details .jobs-list ul li .emloyer-info .job-metas > .with-icon img,
    .job-listing .jobs-list ul li .emloyer-info .job-metas > .with-icon img{margin-top:0;}
    .profile-top-layout .profile-img-section{padding:125px 15px}
    .profile-top-layout .prodile-full-inner{padding:14px 15px 20px;}
    .profile-top-layout .profile-img-section .compy-moto-header{left:130px;bottom:12px;font-size:19px;right:15px;font-weight:bold;}
    .profile-top-layout .profile-img-section .compy-moto-header span{font-weight:normal;font-size:18px;line-height:20px;}
    .profile-top-layout .profile-img-section .user-profile{top:50%;flex-direction:column;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);padding: 0 10px;bottom: inherit;}
    .profile-top-layout .profile-img-section .user-profile .user-profile-img{width:85px;height:85px;margin:0 auto 15px auto;border-radius:50%;justify-content:center;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des{padding-left:0;margin:0 auto;text-align:center;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des .event-heading span{font-size:22px;margin-bottom:5px;line-height:26px;text-overflow:inherit;overflow:inherit;white-space:inherit;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des div span{font-size:16px;padding-bottom:5px;line-height:18px;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des div span i{top:1px;font-size:16px;float:none}
    .cat-des-detail .profile-top-layout .profile-img-section .sortbox-des{padding:0;margin:5px 0 0 0;justify-content:center;position:static;}
    .cat-des-detail .profile-top-layout .detail-gallery-section ul li{width:48%;}
    .cat-des-detail .profile-top-layout .detail-gallery-section ul li .gallery-img{height:145px;}
    .event-organiser .emloyer-info,.ind-service.rent-office-dtl .ind-service-inner{flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    .job-list-activity ul li a .applied-job-metas span{display:block;padding:0 0 5px 0;border:none;}
    .job-list-activity ul,.chat-left-sidebar .chat-user-list ul{padding:0 15px;}
    .job-list-activity ul li a,.chat-left-sidebar .chat-user-list ul li a{padding:20px 0;}
    .profile-top-layout .profile-img-section .user-profile .user-profile-img img{width:75px;height:75px;border-radius:50%}
    .auth-form{padding:100px 0 40px 0;}
    .categories .category-name{font-size:16px;line-height:20px;}
    .home-catogary-section .category-box{padding:15px;}
    .job-details .job-details-content .job-details-metas > div{max-width:49%;flex:0 0 49%}
    .job-details .job-details-content .job-details-metas > div:nth-child(3n){margin-right:2%;}
    .job-details .job-details-content .job-details-metas > div:nth-child(2n){margin-right:0;}
    .main-content{padding-top:90px!important;}
    .profile-view-metas .form-block-title{font-size:22px;}
    .right-dtl-box{text-align:left;padding:10px 0 0 58px;width:100%;}
    .sortbox-des{padding:10px 0 0 58px;}
    .button.button-blue:hover {background-color:#080036;color:#FFF;border-color:#080036;}
    .form-box{padding:30px 20px;}
    .detail-gallery-section .detail-gallery-box{width:31%;height:115px;}
    .notifications-list ul li{padding-bottom:25px;}
    section.notifications ul.pagination, .job-listing ul.pagination{padding-top:26px;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des .event-venue > span {justify-content:center;}
    .profile-top-layout {overflow:visible;}
    .edit-profile.cat-des-detail .profile-img-des h4{text-align:center}
    .coming-soon-section .main-content {padding:0!important;}
    .coming-soon-section .no-data-text .block-title {font-size:34px;}
}
@media (max-width:479px) {
    .service-filter.category-listing-filter .category-listing-filter {flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    .service-filter.category-listing-filter .category-listing-filter .reset-btn {width:100%;text-align:center;padding-top:10px;}
    .service-filter.category-listing-filter .category-listing-filter .list-search-seaction .category-listing-search,
    .service-filter.category-listing-filter .category-listing-filter .reset-btn a.button,
    .service-filter.category-listing-filter .category-listing-filter .list-search-seaction {width:100%;}
    .service-filter.category-listing-filter .category-listing-filter .reset-btn a.button {padding:8.96px 15px;}
    .category-listing-filter .filter-icons svg {width:22px;height:46px;display:inline-block;}
    .category-listing-filter .filter-icons {display:none;}
    header .user-controls>li > a.sign-btn {padding:3px 7px;font-size:14px;vertical-align:top}
    header .user-controls > li.lang-dropdown > .dropdown-toggle {padding-left:0;}
    .home-banner-section {padding-top:65px!important;}
    .logged-user .dropdown-toggle.btn {width:52px;border:none;line-height:normal;display:flex;align-items:center;}
    html.rtl .logged-user .dropdown-toggle.btn {justify-content: flex-end;}
    .logged-user .dropdown-toggle.btn .user-thumbnail {width:32px;height:32px;}
    .logged-user .dropdown-toggle.btn .user-thumbnail img {vertical-align:initial;}
    .logged-user .dropdown-toggle::after {margin-left:5px;}
    html.rtl .logged-user .dropdown-toggle::after {margin-left:0;}
    .job-details .job-details-content .job-details-metas > div {max-width:100%;flex:0 0 100%;}
    .indi-job-wrapper.rent-office-dtl .sp-thumbnail {width:100%;height:200px;margin:0 0 20px 0;}
    .indi-job-wrapper.rent-office-dtl .job-info {width:100%;}
    .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des{width:90%;}
    .modal.mod-search .modal-dialog {margin-top:65px!important;}
}
@media (max-width:579px) {
    .main-navigation {width:80%!important;left:-80%!important;}
    .booking-section .bookings .jobs-list > ul .booking-details {flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    .booking-section .bookings .jobs-list > ul .booking-details .service-metas {width:100%;margin-bottom:10px;}
    .edit-review .action-btn {width:28px;height:28px;line-height:28px;}
    .booking-details-sec .profile-view-metas ul li {width:100%;}
    .app-download-links img {width:100%;max-width:150px;margin-bottom:5px;}
}
@media (min-width:768px) and (max-width:1199px) {
    header {padding: 18px 0;}
    header .brand-logo {width:125px;}
    section.hero-banner.home-catogary-section .container {max-width:750px;}
    .home-banner-section .home-banner-inner h4,.home-category-slider .section-title h4 {font-size:30px;line-height:34px;}
    .categories .category-name {font-size:16px;line-height:20px;letter-spacing:-.5px;}
    .main-navigation {width:400px;left:-400px;}
    .home-category-slider .job-box .employer-logo {height:150px;}
    .coming-soon-section .no-data-text .block-title {font-size: 46px}
}
@media (min-width:1200px) and (max-width:1370px) {
    header {padding: 16px 0;}
    header .brand-logo {width:140px;}
    .main-navigation > ul > li > a {font-weight:normal;padding:10px 5px;}
    .home-category-slider .job-box .employer-logo {height:150px;}
}
@media (min-width:768px) and (max-width:991px) {
    .cat-des-detail .profile-top-layout .detail-gallery-section ul li {width:23.64%;}
    .cat-des-detail .profile-top-layout .detail-gallery-section ul li .gallery-img {height:145px;}
    .modal.mod-search .modal-dialog {max-width:100%;margin:79px 50px 0 50px!important;}
}
@media (min-width:768px) and (max-width:1370px) {
    .modal.mod-search .modal-dialog {margin-top:79px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .cat-des-detail .profile-top-layout .detail-gallery-section ul li .gallery-img {height:100px;}
}
@media (max-width:1199px) {
    .main-navigation > ul > li.dropdown > ul.dropdown-menu {width:100%;border-top:none;transform:none!important;position:static!important;box-shadow:none;}
    .main-navigation > ul > li.dropdown > a.dropdown-toggle::after {border-top:.3em solid #545454;vertical-align:0.10em;}
}
@media (min-width: 1200px) {
    .main-navigation .menu-mobile-head {display:none;}
}
@media (max-width:1370px) {
    .home-banner-section {padding-top:79px;}
    .social-login  li a,.form-box form .form-group input,.form-box form  .form-submit-btn input[type="submit"] {height:46px}
}
@media (max-width: 1279px) {
    .home-category-slider .featured_job_slider .slick-prev, .home-category-slider .featured_job_slider .slick-next {position:static;transform:translateY(0);}
    .home-category-slider .featured_job_slider button:first-child {margin-right:10px;}
}
@media (min-width:576px) and (max-width:991px) {
    .modal.mod-search .modal-dialog {max-width: 100%;margin:69px 50px 0 50px;}
}
@media (max-width:991px) {
    .post-btn {position:static;margin:20px 0 10px 0;}
}

/**Payment History****/
.jobs-list.payment .heading {font-size:35px;font-weight:500;margin-bottom:30px;color:#000;}
.jobs-list.payment .payment-details {border:1px solid #ccc;display:flex;justify-content:space-between;padding:15px;border-radius:4px;color:#080036;margin-bottom:25px;}
.payment-details .text-details p{color:#080036; }
.payment-details .text-details p span {display:block;}
.jobs-list.payment h1 {font-size:30px;font-weight:500;margin-bottom:30px;color:#000;}
.jobs-list.payment .payment-history {font-size:17px;color:#080036;border:none;padding:0;border-radius:inherit;}
.jobs-list.payment .payment-history li {display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;border-bottom:1px solid #e6e5e5;padding-bottom:20px;margin-bottom:20px;line-height:25px;}
.jobs-list.payment .payment-history li .border-div {border:1px solid #000;border-radius:6px;display:block;width:70px;text-align:center;color:#999;}
.jobs-list.payment .payment-history li .border-div strong {color:#080036;}
.jobs-list.payment .payment-history li .border-div span {color:#656565;}
.jobs-list.payment .payment-history li span {display:block;}
.jobs-list.payment .payment-history li strong {display:block;}
.jobs-list.payment .payment-history li .name {color:#155aaa;}
.settlement .contant-amount .total-amountp span {display:block;color:#155aaa;font-size:20px;}
.settlement .contant-amount {display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#080036;margin:25px 0;text-align:center;}
.settlement .contant-amount span {display:block;text-align:center;margin-top:4px;font-size:20px;color:#dd0000;}
.settlement .contant-amount .text-se span {color:#5abba7;}
.settlement .statement-payment h2 {font-size:22px;font-weight:500;color:#b0b0b0;margin-bottom:10px;}
.settlement .statement-payment ul li {display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;border-bottom:1px solid #e6e5e5;padding-bottom:20px;margin-bottom:20px;line-height:25px;font-size:18px;}
.settlement .statement-payment ul li .balance-data {color:#155aaa;}
.settlement .statement-payment ul li .date {text-align:left;}
.settlement .statement-payment ul li span {display:block;color:#545454;}
.settlement .statement-payment ul li .balance-data .bi-arrow-down-left {color:#3d9382;}

/*-AR--Kurdi Language-*/
html[dir="rtl"] header {direction:ltr;}
html[dir="rtl"] header .main-navigation {margin:0 auto;}
html[dir="rtl"] header .main-navigation ul {direction:rtl;}
.cat-des-detail .profile-top-layout .description-detail-box  .value {word-break:break-all;}
html[dir="rtl"] .detail-gallery-section .detail-gallery-box {margin:0 0 1.333% 1.333%;}
@media  (max-width: 1199px) {
    html[dir="rtl"] header .user-controls {margin-right:initial;margin-left:auto;}
    html[dir="rtl"] .nav-close-btn {margin-left:0;}
    html[dir="rtl"] .main-navigation .menu-mobile-head {flex-direction:row-reverse;}
}
@media (max-width:1023px) {
    html[dir="rtl"] header .lang-dropdown .btn {padding-right:8px;padding-left:25px;}
    html[dir="rtl"] header .lang-dropdown .btn::before {left:5px;}
}
@media (min-width:768px) {
    html[dir="rtl"] .cat-des-detail .profile-top-layout .profile-img-section .user-profile .profile-img-des {margin-right:20px;}
}
@media (max-width:479px) {
    html[dir="rtl"] header .lang-dropdown .btn {padding-right:0;padding-left:10px;}
    html[dir="rtl"] header .lang-dropdown .btn::before {left:-5px;}
}

.ribbon {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  .ribbon {
    --f: .5em;
    position: absolute;
    top: 0;
    right: -20px;
    line-height: 1.8;
    padding-inline: 1lh;
    padding-bottom: var(--f);
    z-index: 10;
    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
    clip-path: polygon(
      100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
    transform-origin: 0% 100%;
    background-color: #dc3545;
  }