/*------------------------------------------
Project Name : Jobs Portal
Desgined By  : sharjeelanjum.com
Developed By : sharjeel
Updated        :  17/Nov/2024
Table Of Index
------------------
1. Base css
2. Typography css
3. Header css
4. Top Search css
5. Map search css
6. Revolution slider css
7. How it works css
8. Top Employers css
9. Home Jobs css
10. Video css
11. Testimonials css
12. App Box css
13. Search List css
14. Job Detail css
15. Cms Pages css
16. FAQs css css
17. User Account css
18. 404 Page css
19. About Us css
20. Pay Packages css
21. Blog Listing css
22. Blog Grid css
23. Blog Detail css
24. Blog sidebar css
25. Footer css
26. Media Queries css
------------------------------------------*/
/************************************************
           ==Start Base css==
*************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,600,700&display=swap");
/* CSS Reset */
/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v200/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2)
    format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
  font-weight: 500;
}
.hidden {
  display: none;
}
a {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  color: #0052cc;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:focus {
  outline: 0 solid;
}
input:focus,
textarea:focus {
  outline: none;
}
p {
  line-height: 22px;
}
img {
  max-width: 100%;
}
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.margin-top30 {
  margin-top: 30px;
}
.margin-left80 {
  margin-left: 80px;
}
/*Common*/
.section {
  padding: 50px 0;
  overflow: hidden;
}
.greybg {
  background: #f2f6fd;
}
/*Section Title*/
.titleTop {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.titleTop .viewallbtn{margin-left: auto;}
.titleTop .subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #900;
  letter-spacing: 3px;
}
.titleTop h3 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  line-height: 30px;
}
.titleTop h4 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: 30px;
}
.titleTop h3 span {
  color: #900;
  font-weight: 300;
}
.titleTop h3 i {
  color: #900;
}
.btn-primary {
  border: none;
}
.modal-title {
  font-size: 20px;
}
.btn-close,
.close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url(../images/times.svg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
  text-shadow: none;
}
.btn {
  font-weight: 700;
}
.btn-success {
  background: #2bab4f;
  color: #fff;
  border: none;
  padding: 15px 25px;
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
}
.btn-yellow {
  background: #e51c25;
  color: #fff;
  border: none;
  padding: 15px 25px;
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
}
.btn-yellow:hover {
  background: #fff;
  color: #000;
}
.btn-dark {
  background: #2a2b32;
  color: #fff;
  border: none;
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 8px;
}
.btn-dark:hover {
  background: #fff;
  color: #000;
}
/************************************************
           ==Tyography css==
*************************************************/
.mt-wrapper {
  margin-bottom: 30px;
}
h1,
.h1 {
  font-size: 45px;
}
h2,
.h2 {
  font-size: 30px;
}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
#message-error {
  color: red;
  padding-top: 6px;
  display: inline-block;
}
.button-orng {
  background: #ffb72f;
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ffb72f),
    to(#ff9000)
  );
  background: -webkit-linear-gradient(#ffb72f, #ff9000);
  background: -moz-linear-gradient(#ffb72f, #ff9000);
  background: -ms-linear-gradient(#ffb72f, #ff9000);
  background: -o-linear-gradient(#ffb72f, #ff9000);
  background: linear-gradient(#ffb72f, #ff9000);
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
}
.button-orng:hover {
  text-decoration: none;
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ff9000),
    to(#ffb72f)
  );
  background: -webkit-linear-gradient(#ff9000, #ffb72f);
  background: -moz-linear-gradient(#ff9000, #ffb72f);
  background: -ms-linear-gradient(#ff9000, #ffb72f);
  background: -o-linear-gradient(#ff9000, #ffb72f);
  background: linear-gradient(#ff9000, #ffb72f);
  color: #fff;
}
.sitebtn {
  -webkit-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
  -moz-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
  box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
  background: #ff9000;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 4px;
}
.sitebtn:hover {
  background: #111;
  color: #fff;
  text-decoration: none;
}
.sitebtn i,
.button-orng i {
  padding-right: 7px;
  font-size: 16px;
  display: inline-block;
}
.grey_sitebtn {
  -webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  -moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  background: #444;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 4px;
}
.grey_sitebtn:hover {
  background: #111;
  color: #fff;
  text-decoration: none;
}
.grey_sitebtn i {
  padding-right: 7px;
  font-size: 16px;
  display: inline-block;
}
.gree_sitebtn {
  -webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  -moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
  background: #77c30a;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 4px;
}
.gree_sitebtn:hover {
  background: #111;
  color: #fff;
  text-decoration: none;
}
.gree_sitebtn i {
  padding-right: 7px;
  font-size: 16px;
  display: inline-block;
}
/*Shortcode*/
.mt-shortcodes-d-styles {
  padding-bottom: 30px;
}
.mt-shortcodes-default-custom-styles .row1 {
  padding-bottom: 55px;
}
.mt-list-style h4 {
  font-size: 16px;
  font-weight: 400;
  color: #252525;
}
.mt-list-style ul {
  padding: 0;
  list-style: none;
}
.mt-list-style ul li {
  line-height: 36px;
}
.mt-list-style ul li a {
  color: #737373;
  line-height: 36px;
}
.mt-list-style ul li span {
  font-size: 16px;
  margin-right: 10px;
}
.mt-list-style-blue {
  color: #900;
}
/*Buttons*/
.mt-style-button {
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  margin-bottom: 24px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
}
.mt-style-button1 .mt-style-button {
  background: #900;
  color: #fff;
  border-radius: 3px;
}
.mt-style-button2 .mt-style-button {
  background: #ddd;
  color: #000000;
  border-radius: 3px;
}
.mt-style-button3 .mt-style-button {
  background: #fff;
  color: #252525;
  border: 2px solid #42454a;
  border-radius: 3px;
}
.mt-style-button41 .mt-style-button {
  background: #55adff;
  color: #fff;
  border-radius: 30px;
}
.mt-style-button42 .mt-style-button {
  background: #ffb72f;
  color: #fff;
  border-radius: 0px;
}
.mt-style-button43 .mt-style-button {
  background: #5fd33f;
  color: #fff;
  border-radius: 3px;
}
.mt-style-button.large {
  line-height: 51px;
  font-size: 16px;
  letter-spacing: 1px;
}
.mt-style-button.normal {
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 1px;
}
.mt-style-button.small {
  line-height: 30px;
  font-size: 9px;
  letter-spacing: 1px;
}
.mt-style-button1 .mt-style-button:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}
.mt-style-button2 .mt-style-button:hover {
  background: #900;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
.mt-style-button3 .mt-style-button:hover {
  background: #900;
  color: #fff;
  border-radius: 3px;
  border: 2px solid #900;
  text-decoration: none;
}
.mt-style-button41 .mt-style-button:hover {
  background: #333;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
}
.mt-style-button42 .mt-style-button:hover {
  background: #000;
  color: #fff;
  border-radius: 0px;
  text-decoration: none;
}
.mt-style-button43 .mt-style-button:hover {
  background: #000;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
/************************************************
           ==Header css==
*************************************************/
.header {
  padding:10px 0;
  background: #fff;
  position: relative;
  z-index: 101;
}
.header .col-md-5 {
  padding-right: 0;
}
.header .logo {
  margin: 0;
  display: flex;
  max-width: 200px;
  height: 56px;
  align-items: center;
  margin-top: 3px;
}
.header.issticky {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 101;
  width: 100%;
  top: 0;
}
.navbar-nav {
  margin-top: 0;
}
.navbar {
  padding: 0;
}
.navbar-default {
  background: none;
  border: none;
  margin-bottom: 0;
  min-height: auto;
  float: right;
}
.navbar {
  background: none;
  margin-top: 0;
}
.navbar-collapse {
  padding: 0;
}
.navbar-nav > li {
  padding: 0 15px;
}
.navbar-nav > li > a {
  font-weight: 500;
  padding: 16px 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 12px 0;
  color: #000;
  border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: none;
}
.navbar-light .navbar-nav .active > .nav-link {
  color: #900;
  border-bottom-color: #900;
}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a {
  color: #900;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: #fff;
}
.mbloginbtn{display: none;}
.ekontynav > li .mbnavtxt{display: none;}

.core-menu-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 0;
}
.userbtn {
  margin-top: 0;
}
.dropdown-menu {
  border-radius: 5px;
  padding: 0;
  border: none;
  box-shadow: 2px 8px 15px rgba(0, 0, 0, 0.1);
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {
  font-weight: 500;
  color: #555;
  padding: 12px 20px;
  font-size: 14px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a:hover {
  background: #900;
  color: #fff;
}
.navbar-collapse.in {
  overflow: inherit;
  height: auto;
  padding: 0 15px;
}
.navbar-nav li.postjob,
.navbar-nav li.jobseeker {
  padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-item.register {
  padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-item.register a {
  background:#3642ad;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  border-bottom: none;
}
.navbar-expand-lg .navbar-nav .nav-item.register a:hover{background: #2a39bd;}


.navbar-expand-lg .navbar-nav .nav-item.signin{ padding-right: 0;}

.navbar-expand-lg .navbar-nav .nav-item.signin a {
  background:#2a39bd;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  border-bottom: none;
}
.navbar-expand-lg .navbar-nav .nav-item.signin a i{color: #fff;}
.navbar-expand-lg .navbar-nav .nav-item.signin a:hover{background: #000; color: #fff;}


.navbar-expand-lg .navbar-nav .nav-item.joinus{padding-right: 10px; padding-left: 10px;}
.navbar-expand-lg .navbar-nav .nav-item.joinus a {
  background: rgb(140, 23, 30);
    background: -moz-linear-gradient( 90deg, rgba(140, 23, 30, 1) 0%, rgba(237, 36, 45, 1) 100% );
    background: -webkit-linear-gradient(90deg, rgba(140, 23, 30, 1) 0%, rgba(237, 36, 45, 1) 100%);
    background: linear-gradient(90deg, rgba(140, 23, 30, 1) 0%, rgba(237, 36, 45, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c171e",endColorstr="#ed242d",GradientType=1);
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  border-bottom: none;
}
.navbar-expand-lg .navbar-nav .nav-item.joinus a:hover{background: rgb(237, 36, 45);
  background: -moz-linear-gradient( 90deg, rgba(237, 36, 45, 1) 0%, rgba(140, 23, 30, 1) 100% );
  background: -webkit-linear-gradient(90deg, rgba(237, 36, 45, 1) 0%, rgba(140, 23, 30, 1) 100%);
  background: linear-gradient(90deg, rgba(237, 36, 45, 1) 0%, rgba(140, 23, 30, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed242d",endColorstr="#8c171e",GradientType=1); color: #fff;}



.navbar-expand-lg .navbar-nav .nav-item.foruserbtn a {
  background: #900;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  border-bottom: none;
}
.navbar-nav li.jbpost .nav-link {
  color: #ed242d;
}
.navbar-nav li.jobseeker a {
  background: #666;
  color: #fff;
  padding: 16px 15px;
  border-bottom-color: #666;
}
.navbar-nav li > a.postjob:hover,
.navbar-nav li > a.jobseeker:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}
.navbar-nav > li.userbtn > a {
  padding: 0;
  border: none;
  padding-top: 8px;
}
.navbar-nav > li.userbtn img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: 0 0 24px;
}
.navbar-nav > li.userbtn .mbnavtxt {
  color: #333;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.navbar-nav > li.userbtn .dropdown-menu {
  left: auto;
  right: 0;
  width: 180px;
}
.navbar-header {
  display: none;
}
.close-toggler {
  display: none;
}
.navbar-expand-lg .navbar-nav .nav-item.loginlink {
  padding-right: 2px;
  position: relative;
}
.navbar-expand-lg .navbar-nav .nav-item.loginlink a {
  padding-right: 5px;
  color: #900;
}

.mobilenav{display: none;}
.ekontynav > li {
  padding: 0;
}
.navbar-expand-lg .ekontynav .nav-link {
  padding: 12px 15px;
  text-align: center;
}

.navbar-expand-lg .ekontynav .nav-link .fa-flag{font-size: 18px;}

.navbar-expand-lg .ekontynav .nav-link.pages:hover{background: #eee; border-radius: 5px;}

.ekontynav > li.active a {
  color: #900;
  border-bottom-color: #900;
}
.writecv {
  position: relative;
}
.writecv:before{
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 20px;
  background-color: #e5e5e5;
}
.navbar-nav li.writecv .nav-link {
  color: #ed242d;
}
.ekontynav {
  display: flex;
  margin-left: auto;
  align-items: center;
  margin-top: 0;
}
.ekontynav .nav-link.show {
  color: #ed242d;
}
.notebdg {
  color: #fff;
  background: #900;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 22px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
}
#notificationDropdown .notebdg {
  right: 8px;
}
.droptitle {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.droptitle h4 {
  font-size: 16px;
  margin: 0;
}
.droptitle a {
  font-size: 13px;
  color: #000;
}
.droptitle a:hover {
  color: #469ee3;
  text-decoration: underline;
}
.ekontynav .dropdown-menu {
  width: 350px;
  z-index: 9000;
  max-height: 500px;
  overflow: auto;
}
.ekontynav .dropdown-item {
  border-top: 1px solid #eee;
}
.dropdown-item img {
  width: 40px;
  height: 40px;
}
.dropdown-item .message-info {
  flex-grow: 1;
  font-size: 0.9rem;
  margin-left: 10px;
}
.message-user-name {
  font-weight: bold;
  color: #333;
}
.message-time {
  font-size: 12px;
}
.message-preview {
  font-size: 13px;
  color: #555;
}
.ekontynav .dropdown-item i {
  width: auto;
}

.issticky .navbar{margin-top: 0;}


.topheaderwrap{background:#2a3278; padding: 5px 0; }
.topheaderwrap .content {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.topheaderwrap .content .topbar-left {
    color: #fff;
    font-size: 14px;
}
.topheaderwrap .content .top-socials {
    display: inline-block;
}
.topbar-left .line {
    display: inline-block;
    margin: 0 10px;
    min-height: 1px;
    min-width: 1px;
    position: relative;
}
.topheaderwrap .content .topbar-left .line:before {
    border-right: 1px solid #5f7190;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -13px;
}
.topbar-left a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding-right: 18px;
    text-decoration: none;
}

.topbar-right .topbarlogin{
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    border-bottom: none;
    display: inline-block; margin: 5px 0;
    border: 1px solid #fff;
}
.topbar-right .topbarlogin:hover{background: #fff; color: #000;}


/************************************************
           ==Top Search css==
*************************************************/
.searchwrap {
  /* animation: bgColorChange 15s infinite ease-in-out; */
  background-size: cover;
  padding-bottom:50px;
  position: relative;
  overflow: hidden;
  background:#f0f4f5 url(../images/search-background.jpg?v=2) no-repeat right;
  background-size: cover;
}
/* @keyframes bgColorChange {
  0%   { background-color: #3642ad; }
  50%  { background-color: #8c171e; }
  100% { background-color: #7076a9; }
}

.searchwrap:after{background: url(../images/search-bg.png) no-repeat; width: 260px; height: 560px; content:''; position: absolute; right: 13%; bottom: 0px;} */
.srjobseeker {
  padding:70px 0 30px 0;
  position: relative;
  z-index: 10;
  text-align: center;
}
.searchwrap .section{padding-top:100px; padding-bottom: 0;}
/*.srcompanies:before, .srjobseeker:before{
	background-color: #fff;
    opacity: 0.1;
    width: 1000px;
    height: 1000px;
    position: absolute;
    left: -400px;
    bottom: 30px;
    content: "";
    border-radius: 50%;
	animation: pulse-animation 6s infinite;
}
.srcompanies:after, .srjobseeker:after{
	background-color: #fff;
    opacity: 0.05;
    width: 1000px;
    height: 1000px;
    position: absolute;
    left: -350px;
    bottom: 150px;
    content: "";
    border-radius: 50%;
	animation: pulse-animation 4s infinite;
}
.srcompanies:before, .srcompanies:after{
	opacity: 0.2;
}
*/
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
  }
}
.srcompanies {
  background: #ffd302 url(../images/srcompanybg.jpg) no-repeat top right;
  padding: 120px 40px 40px 60px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
}
.bxsrctxt {
  position: relative;
  z-index: 1;
}
.bxsrctxt h2 {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}
.bxsrctxt h1 {
  font-size: 40px;
  color: #000;
  font-weight: 700;
}
.bxsrctxt p {
  font-size: 18px;
  color: #000;
}
.srcompanies .bxsrctxt h2,
.srcompanies .bxsrctxt h1,
.srcompanies .bxsrctxt p {
  color: #000;
}
.srchlinkbt {
  margin-top:15px;
  display: flex;
  justify-content: center;
}
.srchlinkbt a {
  margin-right: 10px;
  padding: 10px 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  
}
.searchwrap .col-lg-5 {
  position: relative;
}
.searchwrap .searchtpimg {
  -webkit-animation: hero-thumb-animation 2s linear infinite alternate;
  -moz-animation: hero-thumb-animation 2s linear infinite alternate;
  -o-animation: hero-thumb-animation 2s linear infinite alternate;
  animation: hero-thumb-animation 2s linear infinite alternate;
}
.searchbarbt {
  position: relative;
}

.srjobseeker .nav-tabs{margin-top: 30px; border-bottom: none; margin-bottom: 1px;}
.srjobseeker .nav-tabs .nav-link{background: #fff; color: #000; margin-right: 2px; padding: 10px 20px; font-size: 16px; margin-bottom: 0;}
.srjobseeker .nav-tabs .nav-link.active, .srjobseeker .nav-tabs .nav-link:hover{background: #0052cc; color: #fff; border: none; margin-bottom: 0; padding: 11px 20px;}



.searchbar #state_dd{width: 130px;}



@keyframes hero-thumb-animation {
  0% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(100px);
  }
}
.loginpageimg {
  text-align: center;
}
.divider-text-center {
  position: relative;
  text-align: center;
  margin-bottom: 35px;
}
.divider-text-center::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  background-color: #e0e6f6;
  top: 50%;
  left: 0;
  z-index: 1;
}
.divider-text-center span {
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
  z-index: 2;
  position: relative;
}
.searchbar {
  margin: 0;
  background:#fff;
  border-radius:0 10px 10px 10px;
  padding:8px;
  box-shadow: 0px 20px 40px 5px rgb(0 0 0 / 10%);
}

.srchbox {
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
h3.seekertxt {
  text-align: left;
  color: #000;
  font-size: 48px;
  font-weight: 700;
}
h3.seekertxt span {
  color: #009c46;
}
.srchbox label {
  display: block;
  color: #000;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}
.additional_fields {
  margin-top: 15px;
}
.additional_fields .form-control {
  margin-bottom: 15px;
}
.searchbar .form-control {
  height: 50px;
  padding: 13px 15px;
  font-size: 16px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #eee;
  appearance: auto;
}
.searchbar select.form-control {
  border: 1px solid #eee;
  border-radius: 0;
}

.popular-searches{font-weight: 700; margin-top: 40px; color: #fff; display: none;}
.popular-searches .title{font-weight: 700;    margin-right: 20px;}
.popular-searches a{color: #fff;}
.popular-searches a:hover{text-decoration: underline;}
.form-control:focus {
  box-shadow: none;
}
.srchbtn {
  text-align: center;
}
.searchbar .btn {
  background: #0052cc;
  color: #fff;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 13px 20px;
}
.seekersrch .form-control {
  box-shadow: none;
}
.seekersrch .btn {
  padding: 13px 20px;
}
.getstarted {
  text-align: center;
  margin-top: 50px;
}
.getstarted a {
  display: inline-block;
  border: 3px solid #fff;
  padding: 12px 25px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.getstarted a i {
  margin-right: 10px;
}
.getstarted a:hover {
  background: #900;
  text-decoration: none;
}
.slidersearch .searchbar {
  background: #f2f6fd;
  padding: 25px;
  margin-top: -50px;
  z-index: 5;
  position: relative;
  border-radius: 15px;
  box-shadow: 0px 6px 12px rgb(0 0 0 / 5%);
}
/************************************************
           ==map search css==
*************************************************/
#map_canvas {
  height: 450px;
  width: 100%;
}
.infobox-wrap {
  width: 340px;
  padding: 10px 5px;
}
.infobox-wrap .infobox-figure {
  width: 150px;
  float: left;
}
.infobox-wrap .infobox-content {
  width: 180px;
  float: left;
  padding-left: 15px;
  text-align: left;
}
.infobox-wrap .infobox-content h5 {
  text-align: left;
  margin: 0;
  font-size: 20px;
}
.infobox-wrap .infobox-content .address p {
  text-align: left;
  color: #999;
  font-weight: 500;
}
.infobox-wrap .infobox-rattings {
  margin: 10px 0 15px;
}
.infobox-wrap .infobox-rattings i {
  margin-right: 2px;
}
.infobox-wrap .infobox-figure img {
  max-width: 100% !important;
}
.infobox-rattings i {
  color: #ff9600;
  font-size: 18px;
}
#map-section .form-control {
  height: auto;
  border-radius: 0;
  padding: 13px 15px;
  border: none;
  font-size: 18px;
}
#map-section .btn {
  background: #900;
  border-radius: 0;
  color: #fff;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 20px;
}
.searchblack {
  margin-top: -460px;
  z-index: 10;
  position: relative;
  max-width: 555px;
  float: right;
}
.searchblack .searchbar {
  margin-top: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.searchblack h3 {
  font-size: 40px;
  color: #000;
  font-weight: 900;
  margin-bottom: 40px;
}
.searchblack h3 span {
  display: block;
  color: #900;
  font-weight: 700;
}
.preuserinfo {
  padding: 20px;
  text-align: center;
}
.mypremodal .preuserinfo h3{font-size: 20px;}
.mypremodal .preuserinfo .material-symbols-outlined{
  font-size: 72px;
  color: #999;
  margin-bottom: 10px;
  background: linear-gradient(45deg, rgba(3, 69, 165, 1) 0%, rgba(199, 1, 1, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mypremodal .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.mypremodal .modal-dialog {
  transform: scale(0);
  transition: transform 0.3s ease-in-out; /* Smooth animation */
}

.mypremodal.show .modal-dialog {
  transform: scale(1); /* Scale to full size on show */
}
.mypremodal .btn-yellow,
.mypremodal .btn-dark {
  padding: 10px 25px;
  margin-left: 5px;
  margin-right: 5px;
}
.subheadernav {
  border-top: 1px solid #eee;
  text-align: center;
  background: rgb(70, 158, 227);
  background: -moz-linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#469ee3",endColorstr="#00b3b6",GradientType=1);
}
.subheadernav ul li {
  display: inline-block;
}
.subheadernav a {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  color: #fff;
  font-weight: 500;
  gap: 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.subheadernav ul li:last-child a {
  border-right: none;
}
.subheadernav a:hover {
  background: #000;
  color: #fff;
}
.preuserinfo .userimgupbox{    background: #f2f2f2;
  border-radius: 10px;}
.preuserinfo .userimgupbox .formrow > label.btn {
  color: #fff;
  background: none;
  color: #8b8b8b;
  border: 2px dashed #ccc;
  margin-bottom: 0;
  margin-top: 5px;
}
.preuserinfo .formpanel .btn{width: auto; padding: 10px 20px;}


.jobsearch-box-title {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  line-height: 25px;
  margin-top: 25px;
}
.jobsearch-box-title:before, .jobsearch-box-title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 1px;
  height: 10px;
  background-color: #e5e5e5;
}
.jobsearch-box-title:after {
  left: auto;
  right: 0;
}
.jobsearch-box-title span {
  display: inline-block;
  font-size: 12px;
  color: #3642ad;
  position: relative;
}
.jobsearch-box-title span:before, .jobsearch-box-title span:after {
  background-color: #e5e5e5;
  content: "";
  height: 1px;
  left: 100%;
  margin-left: 8px;
  position: absolute;
  top: 12px;
  width: 999em;
}
.jobsearch-box-title span:after {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 8px;
}
.jobsearch-user-type-choose{display: flex; justify-content: center; gap: 30px;}
.jobsearch-user-type-choose li a {
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  padding: 30px 10px 15px;
  position: relative;
}
.jobsearch-user-type-choose li{
  width: 50%;
  flex: 0 0 50%;
}
.jobsearch-user-type-choose li.active a {
  background-color: #353738;
  color: #fff;
}
.jobsearch-user-type-choose li i {
  position: absolute;
  left: 50%;
  top: -16px;
  color: #fff;
  border-radius: 100%;
  width: 33px;
  height: 33px;
  background-color: #3642ad;
  font-size: 17px;
  padding-top: 8px;
  margin-left: -16px;
}
.jobsearch-user-type-choose li.active i {
  background-color: #ed242d;
}
.jobsearch-user-type-choose li span {
  display: block;
  font-size: 20px;
  color: #2c3e50;
  font-weight: 500;
  margin-bottom: 6px;
}
.jobsearch-user-type-choose li small {
  font-size: 12px;
  color: #555;
  font-style: italic;
}
.jobsearch-user-type-choose li.active small {
  color: #c4d3dd;
}
.jobsearch-user-type-choose li.active span {
  color: #fff;
}


.postmyvideos div{
  --bs-aspect-ratio: 56.25%;
  position: relative;
  width: 100%;
}
.postmyvideos div::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.postmyvideos div>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*********************************************
		Revolution slider
**********************************************/
.tp-bannertimer {
  display: none;
}
.tp-banner-container {
  position: relative;
  z-index: 1;
  padding: 0;
  width: 100%;
}
.tp-banner {
  position: relative;
  width: 100%;
}
.tp-caption {
  line-height: normal !important;
}
.tp-caption a {
  color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
  border: 3px #fff solid;
  border-radius: 50%;
  background-image: none !important;
}
.tparrows {
  width: auto !important;
  height: auto !important;
  background-image: none !important;
}
.tp-arr-allwrapper {
  margin: 0 10px;
  width: 50px;
  height: 60px;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
  color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-family: "FontAwesome";
  line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
  content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
  content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #444;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 57px;
}
.slide-h2 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #555;
  font-weight: bold;
  font-size: 55px;
  line-height: 100%;
}
.big-font {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 60px;
}
.large-desc {
  font-size: 16px;
}
.slide-h3 {
  color: #fff;
  font-size: 31px;
  line-height: 100%;
}
.slide-h3 span {
  text-transform: uppercase;
  font-weight: bold;
}
.slide-head {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 30px;
}
.slide-desc {
  font-size: 22px;
  line-height: 150%;
}
.main-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 70px;
}
.icon-cont {
  padding: 15px 40px;
  border-radius: 10px;
  text-align: center;
}
.icon-cont:after {
  position: absolute;
  bottom: -10px;
  left: 40%;
  z-index: 5;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  content: "";
}
.icon-cont i {
  margin-bottom: 10px;
  color: #fff;
  font-size: 50px;
}
.icon-cont span {
  display: block;
  padding: 0 0 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
a.wit-btn {
  background: #fff;
  color: #333 !important;
  text-transform: uppercase;
}
.wit-line {
  width: 5%;
  height: 1px;
  background: #fff;
}
.vert-line {
  min-height: 270px;
  width: 1px;
  background: #fff;
}
.subTxt {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  color: #333;
}
.large-title {
  color: #222;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase !important;
}
.large-light-title {
  color: #787878 !important;
  font-size: 70px;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/*messages*/
.messageWrap {
  padding: 40px 0px;
  position: relative;
}
.message-body {
  background-color: #f0f0f0;
  overflow: hidden;
}
.message-body .row {
  margin: 0;
}
.message-body .col-lg-4,
.message-body .col-lg-8 {
  padding: 0;
}
.messages::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  transition: 0.3s background;
}
.messages::-webkit-scrollbar-thumb {
  background: transparent;
}
.messages:hover::-webkit-scrollbar-thumb {
  background: #adb5bd;
}
.message-history::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  transition: 0.3s background;
}
.message-history::-webkit-scrollbar-thumb {
  background: transparent;
}
.message-history:hover::-webkit-scrollbar-thumb {
  background: #adb5bd;
}
.message-inbox {
  border-right: 4px solid #eee;
}
.message-header {
  padding: 0;
}
.message-header h4 {
  display: inline-block;
  font-size: 18px;
  color: #232323;
  margin: 0;
}
.message-inbox .message-header span {
  float: right;
}
.message-inbox .message-header span + span {
  margin-right: 10px;
}
.message-inbox .message-header span a {
  color: #232323;
}
.message-inbox .message-header span a.active {
  color: #e52d27;
}
.message-inbox .list-wrap {
  position: relative;
  height: 550px;
  overflow: hidden;
  background: #fff;
}
.message-history {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
}
.message-history li {
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.message-history li a {
  display: block;
  overflow: hidden;
  padding: 15px 20px;
  text-decoration: none;
}
.message-history .active {
  background-color: #f8f8f8;
}
.message-history li:hover {
  background-color: #f8f8f8;
}
.message-history li .user-name p {
  font-size: 13px;
  color: #666;
  line-height: 1.5em;
  margin-top: 5px;
}
.message-history li .image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}
.message-history li .image img {
  width: 100%;
}
.message-history li .user-name {
  position: relative;
  margin-left: 65px;
}
.message-history li .user-name .author {
  margin-top: 13px;
}
.message-history .message-grid .user-name .author span {
  color: #232323;
}
.message-history li .user-name .author span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.message-history .message-grid .user-name .author .user-status {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #2db82d;
  border-radius: 50%;
  margin-left: 5px;
}
.message-history li .user-name .time {
  position: absolute;
  top: 2px;
  right: 0;
}
.message-history li .user-name .time span {
  font-size: 13px;
  color: #777;
}
.icon-envelope {
  content: "\f003";
  font-family: "FontAwesome";
}
.ps-scrollbar-x-rail {
  display: none;
}
.ps-container > .ps-scrollbar-y-rail {
  position: absolute;
  right: 0;
  width: 5px;
  height: 100%;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  right: 0;
  width: 3px;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.message-details .list-wraps {
  position: relative;
  height: 590px;
  overflow: hidden;
}
.ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:active > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  opacity: 1;
}
.message-details {
  position: relative;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.message-details .author {
  overflow: hidden;
}
.message-details .author .image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  margin-right: 18px;
}
.message-details .author .author-name {
  display: block;
  font-size: 16px;
  color: #232323;
  line-height: 1.5em;
  font-weight: 500;
}
.message-details .author em {
  font-size: 14px;
  font-style: italic;
  color: #666;
}
.message-details h2 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  margin: 0;
  text-transform: capitalize;
}
.message-details h2 a {
  color: #232323;
}
.message-details .list-wraps {
  position: relative;
  height: 590px;
  overflow: hidden;
}
.messages {
  list-style: outside none none;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 440px;
}
.messages > li {
  margin-bottom: 10px;
}
.friend-message .profile-picture {
  float: left;
}
.messages .profile-picture {
  height: 40px;
  margin: 0;
  width: 40px;
}
.messages .profile-picture img {
  border: medium none;
  border-radius: 50%;
}
.friend-message .message {
  background-color: #fff;
  margin-left: 50px;
}
.friend-message .message::before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
  border-top: 0 solid transparent;
  content: "";
  height: 0;
  left: -10px;
  top: 10px;
  position: absolute;
  width: 0;
}
.friend-message .message::before {
  border-right-color: #fff;
}
.messages .message .time {
  font-size: 12px;
  line-height: 10px;
  margin-top: 0;
  text-align: right;
}
.messages .message {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  min-height: 40px;
  padding: 15px 20px;
  position: relative;
}
.my-message .profile-picture {
  float: right;
}
.my-message .message .messages .profile-picture img {
  border-radius: 50%;
  border: medium none;
}
.my-message .message {
  background-color: #007bff;
  color: #fff;
  margin-right: 50px;
}
.my-message .message::before {
  border-left-color: #007bff;
}
.my-message .message::before {
  border-bottom: 10px solid transparent;
  border-left: 10px solid;
  border-top: 0 solid transparent;
  border-left-color: #007bff;
  content: "";
  height: 0;
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
}
.chat-form {
  background-color: #eff0f4;
  clear: both;
  margin-top: 15px;
  padding: 10px 0px 10px 10px;
}
.chat-form .form-group {
  width: 100%;
}
.chat-form .form-group textarea {
  width: 100%;
  padding: 5px 11px;
}
.chat-form .input-wrap {
  width: 100%;
  position: relative;
}
.chat-form .input-group-prepend {
  position: absolute;
  top: 7px;
  right: 6px;
}
.chat-form .input-group-prepend .input-group-text {
  -webkit-appearance: none;
  background: #007bff;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 75px;
  display: block;
  border: none;
  line-height: 17px;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
}
.chat-form .btn {
  padding: 15px 25px;
}
.chat-form {
  background-color: #dcdcdc;
  clear: both;
  margin-top: 15px;
  padding: 10px;
}
.message-history li .user-name .count-messages {
  float: right;
  margin: -13px;
  margin-right: 2px;
}
.large-text {
  font-size: 20px;
  color: #000;
  font-weight: lighter;
}
.larger-text {
  font-size: 24px;
  font-weight: lighter;
  text-transform: uppercase;
}
.witTxt {
  color: #fff !important;
}
.light-font {
  font-weight: lighter !important;
  font-size: 50px;
}
.black-bg {
  background: rgba(0, 0, 0, 0.63);
  color: #a8a8a8;
  text-transform: none;
}
.lft-list {
  padding: 10px;
  font-size: 18px;
  color: #fff;
}
.wit-border {
  border: 1px #fff solid;
  padding: 15px 60px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.rounded-bord {
  margin-right: 15px;
  border: 1px #fff solid;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#vertical-ticker {
  height: 120px;
  overflow: hidden;
}
#vertical-ticker li {
  padding: 15px 20px;
  display: block;
  text-align: center;
}
.to-bottom i.fa {
  font-size: 30px;
  border: 2px #a8a8a8 solid;
  padding: 20px 22px;
  border-radius: 50%;
  -webkit-animation: bounce 2s infinite linear;
  animation: bounce 2s infinite linear;
}
.slidertext1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px !important;
  padding: 15px 0 !important;
  text-transform: none !important;
  font-family: "Open Sans", sans-serif;
  max-width: 550px;
  white-space: break-spaces;
}
.sliderpara {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 !important;
  text-transform: none !important;
}
.slidertext5 {
  padding: 0 !important;
}
.slidertext5 a {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
  padding: 15px 50px;
  text-transform: capitalize !important;
  text-align: left;
  background: #900;
  font-family: "Open Sans", sans-serif;
  border-radius: 45px;
}
/************************************************
           == How it works css==
*************************************************/
.rt-single-icon-box.working-progress {
  background: 0 0;
  border-radius: 12px;
  padding: 24px;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: .24s ease-in-out;
}
.rt-single-icon-box.working-progress:hover{background: #e7f0fa;}
.icon-72 {
  width: 72px;
  height: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-size: 40px;
  color: #0a65cc;
  display: flex;
      text-align: center;
      border-radius: 50%;
      transition: .24s ease-in-out;
      margin: 0 auto;
      margin-bottom: 15px;
}
.icon-72 .material-symbols-outlined{font-size: 40px;}
.rt-single-icon-box.working-progress:hover .icon-72 {
  color: #fff;
  background:#0a65cc;
}
.body-font-2 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  font-weight: 500;
}
.body-font-4 {
  font-size: 14px;
  line-height: 22px;
  color: #9199a3;
}
.has-arrow {
  position: absolute;
  right: -33%;
  z-index: 5;
  top: 0;
}
.has-arrow.middle {
  top: 33%;
  transform: translateY(-33%);
}
.howitwrap {
  background: rgb(140, 23, 30);
  background: -moz-linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c171e",endColorstr="#ed242d",GradientType=1);
  padding: 60px 0 60px 70px;
  border-radius: 40px;
  margin: 60px 0;
  margin-right: 200px;
  position: relative;
}
.howitimg {
  position: absolute;
  right: -230px;
  top: 0;
  max-width: 536px;
}
.howitsection .container {
  max-width: 1140px;
}
.howitwrap .titleTop h3 {
  color: #fff;
}
.howlist {
  list-style: none;
}
.howlist li {
  margin-top: 40px;
  display: flex;
  gap: 30px;
}
.howlist li .iconcircle {
  text-align: center;
  display: inline-block;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}
.howlist li .iconcircle i {
  font-size: 40px;
  color: #ffd302;
}
.howlist li h4 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}
.howlist li p {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
}
.statsbox {
  padding: 20px 30px 0;
  background: #f3f5f7;
  border-radius: 35px 35px 0 0;
  width: 530px;
  margin: 0 auto;
  margin-top: -74px;
  position: relative;
  z-index: 2;
  box-shadow: 0px -16px 20px rgba(0, 0, 0, 0.2);
}
.statsbox .statint {
  text-decoration: none;
  transition: all 0.4s ease 0s;
}
.statico {
  margin-right: 15px;
}
.statico i {
  font-size: 36px;
}
.statsbox .statint h4 {
  margin-bottom: 0;
  font-size: 32px;
}
.statsbox .statint p {
  font-size: 14px;
}
.statsbox .col:nth-child(1) h4,
.statsbox .col:nth-child(1) i {
  color: #900;
}
.statsbox .col:nth-child(2) h4,
.statsbox .col:nth-child(2) i {
  color: #ffd302;
}
.statsbox .col:nth-child(3) h4,
.statsbox .col:nth-child(3) i {
  color: #900;
}
.popularind {
  margin-top: 30px;
  text-align: center;
}
.popularind h4 {
  margin-bottom: 10px;
  font-size: 16px;
}
.hmindlist {
  margin-bottom: 0;
}
.hmindlist li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
}
.hmindlist li a {
  border: 1px solid #ddd;
  padding: 10px 15px;
  display: block;
  margin: 5px 5px 5px 0;
  border-radius: 4px;
  color: #000;
  background: #fff;
  transition: all 0.4s ease 0s;
}
.hmindlist li span{    display: inline-block;
  background: #eee;
  padding: 5px 8px;
  border-radius: 25px;
  margin-left: 10px;
  font-weight: 500;
  font-size: 13px;
  color: #900;}
.hmindlist li a:hover {
  background: #900;
  color: #fff;
  border-color: #900;
  transform: translateY(-2px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  box-shadow: 0px 0 30px rgba(81, 81, 102, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
.citieswrap {
  background: #f2f6fd;
}
.citiessrchlist .cityinfobox {
  background: #fff;
  box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
  padding: 25px;
  border-radius: 0 0 10px 10px;
}
.citiessrchlist li {
  margin-top: 30px;
  transition: all 0.4s ease 0s;
}
.citiessrchlist li .cityimg img {
  border-radius: 10px 10px 0 0;
}
.citiessrchlist li:hover {
  transform: translateY(-3px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.citiessrchlist li:hover .cityinfobox {
  box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
}
/************************************************
           == Top Employers css==
*************************************************/
.employerList:after {
  display: table;
  clear: both;
  content: "";
}
.employerList li .empint {
  background: linear-gradient(90deg, #fff6e6 0, #fff 100%), #fff;  
  border-radius: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: 1px solid #eee;
  padding: 22px 18px;
  margin-bottom: 15px;
  position: relative;
}
.employerList li .empint:hover {
  border-color: #900;
  transform: translateY(-3px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}


.emptbox {
  display: flex;
  width: 100%;
}
.emptbox .comimg {
  width: 65px;
  padding-right: 15px;
}
.emptbox h4 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
}
.emptbox h4 a{color: #000;}
.text-info-right .emloc {
  color: #666;
  margin-top: 8px;
}

.text-info-right .indst {
  color: #333;
  margin-bottom:8px;
  font-size: 12px;
}

.cm-info-bottom {
  color: #8c96a3;
}
.employerList li h3 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.employerList li p {
  color: #888;
}
.employerList li img {
  width: 100%;
  border-radius: 8px;
}
.employerList .owl-stage-outer {
  padding: 20px 0 20px 0;
}
.employerList .owl-controls {
  text-align: center;
  margin-top: -15px;
}
.employerList .owl-controls .owl-nav i {
  display: inline-block;
  background: #333;
  color: #fff;
  font-size: 20px;
  padding: 9px 12px;
  margin: 0 5px;
  cursor: pointer;
}
.compnaieslist li .empint {
  background: #fff;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 30px;
}
.compnaieslist li .empint:hover {
  border-color: #0046cc;
  transform: translateY(-2px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.compnaieslist .emptbox {
  display: flex;
  gap: 15px;
}
.compnaieslist .emptbox .comimg {
  width: 60px;
  height: 60px;
  background: #eee;
  padding-right: 0;
  border-radius: 8px;
  flex: 0 0 60px;
}
.compnaieslist .emptbox .comimg img{width: 60px; height: 60px; object-fit: contain; border-radius: 0;}
.compnaieslist .emptbox h4 {
  font-size: 15px;
  margin-bottom: 5px;
  min-height: 32px;
  font-weight: 600;
  color: #333;
}
.compnaieslist .emptbox h4 a{color: #333;}
.compnaieslist .emptbox h4 a:hover{color: #000;}

.comcfjbs {margin-bottom: 10px; margin-top: 10px;}
.comcfjbs span{display: inline-block; border: 1px solid #eee; border-radius: 30px; padding: 10px 20px; font-weight: 500;}
.morelinkcp{display: inline-block; margin-top: 10px; color: #900;}

.promotepof-badgeemp {
  position: absolute;
  right: -7px;
  top: 0;
  background-color: #f11d26;
  color: #fff;
  line-height: 1;
  padding: 3px 8px 3px 5px;
  font-size: 11px;
  z-index: 1;
}
.promotepof-badgeemp:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -7px;
  border-top: 7px solid #f11d26;
  border-right: 7px solid transparent;
}
.promotepof-badgeemp i {
  float: left;
  margin: 0 6px 0 0;
  color: #fff;
}

.compnaieslist .text-info-right .indst {
  color: #333;
  margin-bottom:8px;
  font-size: 12px;
}
.compnaieslist .text-info-right .emloc {
  color: #666;
  margin-top:8px;
  font-size: 13px;
}
.compnaieslist .text-info-right .emloc i{width: 20px;}
.compnaieslist .cm-info-bottom {
  color: #333;
}
.compnaieslist li h3 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.compnaieslist li p {
  color: #888;
}
.compnaieslist li .comimg img {
  width: 100%;
  border-radius: 8px;
}
.followingusers{display: flex; gap: 15px; align-items: center;  margin: 15px 0 15px 10px;}
.employer-thumblist{display: flex;}
.employer-thumblist li {
  width: 35px;
  flex:0 0 35px;
  margin-left: -10px;
}
.employer-thumblist li img {
  border-radius: 100%;
  border: 2px solid #fff;
  height: 35px;
  width: 35px;
}

.combtnlinks{
  margin: 0 -25px -25px -25px;
  display: flex;
  border-top: 1px solid #eee;
}
.combtnlinks a{width: 50%; flex: 0 0 50%; text-align: center; padding:15px 20px; color: #0052cc;}
.combtnlinks a:first-child{border-radius: 0 0 0 9px;}
.combtnlinks a:last-child{border-radius: 0 0 9px 0; border-left: 1px solid #eee;}
.combtnlinks a:hover{background: #0046cc; color: #fff;}


.compnysidebarserch{
  border: 1px solid #e4e5e8;
  box-shadow: 0 8px 24px #002c6d0a; 
  padding: 25px;
  margin-bottom: 15px;
}
.compnysidebarserch h4{font-size: 16px; margin-bottom: 15px; font-weight: 600; color:#666; font-weight: 500;}
.compnysidebarserch label{display: block; margin-bottom: 5px;}
.compnysidebarserch .form-control{appearance: auto; border-radius: 0;}

.comfilter .btn {
  background: #0052cc;
  display: block;
  border-radius: 0;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px;
}


.employerList li .combtnlinks{margin: 0 -18px -22px -18px;}






/*Top Search*/
.topsearchwrap h4 {
  margin: 0;
  color: #5d6469;
  font-size: 22px;
  font-weight: 500;
  padding: 15px 25px;
  text-align: left;
  border-bottom: 1px solid #eee;
  background: #f6f6f6;
}
.srchbx {
  border: 1px solid #eee;
  margin-bottom: 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.srchbx .srchint {
  padding: 30px;
  background: #fff;
}
.topsearchwrap .titleTop h3, .topsearchwrap .titleTop p{color: #000;}
.catelist li {
  margin-top: 30px;
}
.catelist li a {
  display: flex;
  background: #fff;
  box-shadow: 0 1px 5px 0 #c3cdd7;
  border-left: 5px solid #900;
  border-radius: 4px;
  color: #000;
  padding: 15px 30px 15px 20px;
  font-weight: 700;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  justify-content: space-between;
}
.catelist li:hover a {
  box-shadow: 0 10px 25px -5px #b6c7d6;
  background: #fff;
  border-left-color: #000;
}
.catelist li span {
  color: #900;
}
.owl-carousel .owl-stage-outer{padding: 10px 0;}
.categorylisting .owl-nav{display: none;}
.categorylisting .catecard {
  padding: .625rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-top: 0;
    text-align: left;
    display: flex;
    border-radius:.375rem;
    gap: 15px;
    border: 1px solid #eee;
}
.categorylisting .catecard h3 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px;
}
.categorylisting .catecard .iconcircle {
  display: inline-block;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}
.categorylisting .catecard .badge {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  padding-left: 0;
}
.categorylisting .catecard:hover h3 {
  color: #900;
}
.intcategorylisting li .catecard {
  padding: 20px 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  text-align: center;
  display: block;
}
.intcategorylisting li .catecard h3 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 10px;
}
.intcategorylisting li .catecard .iconcircle {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.intcategorylisting li .catecard .badge {
  background: #e9eff3;
  padding: 4px 15px;
  font-size: 14px;
  color: #900;
  font-weight: 400;
}
.intcategorylisting li .catecard:hover h3 {
  color: #900;
}
/***************************
		Searh Tabs
***************************/
.tabswrap {
  border-bottom: 3px solid #900;
}

.tabswrap .nav-tabs > li {
  margin-bottom: 0;
}
.tabswrap .nav-tabs > li > a {
  background: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  padding: 15px 30px;
  border: none;
}
.tabswrap .nav-tabs > li > a.active,
.tabswrap .nav-tabs > li > a.active:focus {
  background: #900;
  color: #fff;
  border-color: #900;
  border-radius: 5px 5px 0 0;
  font-weight: 700;
}
.tabswrap .nav-tabs > li.last {
  float: right;
}
.tabswrap .nav-tabs > li.last a {
  background: none;
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: none;
  margin-top: 7px;
}
.tabswrap .nav-tabs > li.last a:hover {
  border: none;
  color: #900;
}
.largebanner {
  text-align: left;
  margin: 30px auto;
  max-width: 748px;
  position: relative;
  background: #fff;
  border: 1px solid #fff;
  padding: 9px;
  border-radius: 5px;
}
.largebanner img {
  display: block;
}
.shadow3,
.shadow4 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  position: relative;
}
.shadow3:before,
.shadow3:after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 2px;
  left: 15px;
  right: 15px;
  z-index: -1;
  border-radius: 100px/30px;
  -webkit-box-shadow: 0 0 20px 2px #ccc;
  -moz-box-shadow: 0 0 20px 2px #ccc;
  box-shadow: 0 0 20px 2px #ccc;
}
/************************************************
           == Home Jobs css==
*************************************************/
.breadcrumbs{padding:25px 0;
  background: rgb(66, 46, 157);
  background: -moz-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#422e9d",endColorstr="#8c171e",GradientType=1);
}
.breadcrumb-menu{display: flex; align-items: center; justify-content: center;}
.breadcrumb-menu h6{font-size: 18px; color: #fff; margin-bottom: 0;}
.breadcrumb-menu ul{margin-left: auto; display: flex; gap: 10px;}
.breadcrumb-menu ul li, .breadcrumb-menu ul li a{color: #fff;}
.jobslist {
  list-style: none;
}
.jobslist li {
  margin-bottom: 30px;
}
.jobslist li .jobint {
  background: #fff;
  padding: 15px;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  min-height: 113px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #fff;
}
.jobslist li .jobint:hover {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border-color: #0a65cc;
}
.jobslist li .col-md-7,
.jobslist li .col-md-9 {
  padding-left: 0;
}
.jobslist li h4 {
  margin-bottom: 10px;
}
.jobslist li h4 a {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.jobslist li h4 a:hover {
  color: #900;
}
.jobslist li .company {
  color: #999;
  padding: 7px 0;
}
.jobslist li .company a {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #18191c;
}
.jobslist li .company a:hover{color: #000; text-decoration: underline;}
.jobslist li .comploc{margin-top: 10px;}
.jobslist li .jobloc {
  color: #000;
  margin-bottom: 10px;
}
.jobslist li .jobloc span {
  color: #999;
}
.jobslist li .applybtn {
  background: #fff;
  display: inline-block;
  color: #900;
  font-weight: 500;
  padding: 9px 13px;
  margin-top: 20px;
  border: 1px solid #900;
  border-radius: 45px;
}
.jobslist li .applybtn:hover {
  background: #900;
  color: #fff;
  text-decoration: none;
}
.ltjobscomp{display: flex; gap: 15px; margin-top: 15px; align-items: center;}
.compimg{width: 60px; flex: 0 0 60px;}
.newjbox li .jobint {
  box-shadow: none; 
  background: linear-gradient(90deg, #fff6e6 0, #fff 100%), #fff;  
  border: 1px solid #e4e5e8;
  box-shadow: 0 2px 18px #18191c08;
  border-radius: 8px;
  transition: all 0.4s ease 0s;
}
.newjbox li .jobint .favbtn{margin-left: auto; display: inline-block; font-size: 20px; padding: 10px 12px; border-radius: 5px; color: #c8ccd1;}
.newjbox li .jobint .favbtn:hover{background: #e7f0fa; color: #0a65cc;}
.newjbox.row {
  margin-top: 20px;
}
.newjbox.row li h4 a {
  font-weight: 500;
  font-size: 16px;
}
.newjbox.row li .salary{margin-top: 10px; font-size: .875rem;
  line-height: 1.25rem;
color: #767f8c;
}
.newjbox li .jobint:hover {
  transform: translateY(-3px);
  background: #fff;
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  box-shadow: 0px 0 30px rgba(81, 81, 102, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
.newjbox li .jobint img {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.viewallbtn {
  text-align: center;
  margin-top: 40px;
}
.viewallbtn a {
  display: inline-block;
  background: #0052cc;  
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px;
  border-radius: 5px;
}
.viewallbtn a:hover {
  background:#000;  
  text-decoration: none;
}
.partTime {
  background: #f8a60c;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 3px;
}
.fulltime {
  border:1px solid #0052cc;
  color: #0052cc;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 20px;
  border-radius:35px;
  font-weight: 600;
}
label.fulltime[title="Part Time"] {
  border-color: #f8a60c;
  color: #f8a60c;
}
label.fulltime[title="Freelance"] {
  border-color: #ff0000;
  color: #ff0000;
}
label.fulltime[title="Contract"] {
  border-color: #0c86f8;
  color: #0c86f8;
}
label.fulltime[title="Internship"] {
  border-color: #9b54f4;
  color: #9b54f4;
}
label.fulltime[title="First Shift (Day)"] {
  border-color: #afcb59;
  color: #afcb59;
}
label.partTime[title="First Shift (Day)"] {
  border-color: #afcb59;
  color: #afcb59;
}
label.partTime[title="Second Shift (Afternoon)"] {
  border-color: #688cd5;
  color: #688cd5;
}
label.partTime[title="Third Shift (Night)"] {
  border-color: #ef7d7d;
  color: #ef7d7d;
}
label.partTime[title="Rotating"] {
  border-color: #b09eeb;
  color: #b09eeb;
}
.freelance {
  background: #ff0000;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 4px 6px;
}
.featuredjobwrap {
  position: relative;
  overflow: hidden;
}
.featuredlist {
  list-style: none;
}
.featuredlist .jobint {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid #ddd;
  margin-top: 30px;
  transition: all 0.4s ease 0s;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  position: relative;
}
.featuredlist .company-logo{width: 70px; flex: 0 0 70px;}
.featuredlist .jobint:hover {
  border-color: #900;
  transform: translateY(-3px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  box-shadow: 0px 0 30px rgba(81, 81, 102, 0.2);
}
.featbtns{margin-left: auto;}
.featbtns a{background: #e7f0fa; display: inline-block; padding: 12px 25px; border-radius: 5px; color: #0a65cc; font-weight: 500;}
.featbtns a.fav{background: none;}
.featbtns a:hover{background: #0a65cc; color: #fff;}
.fticon i {
  background-color: #d9e4ed;
  border-radius: 10px;
  padding: 8px;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  margin-right: 10px;
  text-decoration: none;
}
.featuredlist .jobint h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.featuredlist .jobint h4 a {
  font-size: 16px;
  color: #000;
}
.ftjbtype{    display: inline-block;
  background: #e7f0fa;
  color: #333;
  padding: 7px 10px;
  font-size: 13px;
  margin-left: 10px;
  font-weight: 400;
  border-radius: 5px;} 
.featuredlist .jobint h4 a:hover {
  color: #900;
}
.featuredlist .jobint .salary{display: inline-block; margin-left: 15px;}
.featuredlist .jobint strong {
  font-weight: 500;
}
.featuredlist .jobint strong i {
  color: #900;
}
.featuredlist .jobint span {
  color: #999;
}
.jobcompany {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}
.jobcompany .company-logo {
  display: block;
  width: 70px;
  height: 70px;
  box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 15px;
  flex-shrink: 0;
}
.jobcompany .company-logo img {
  border-radius: 15px;
}
.ftjobcomp span {
  display: block;
  color: #999;
  margin-bottom: 10px;
}
.ftjobcomp a {
  color: #000;
  font-weight: 500;
}



/* JObs listing new */
.jobintv2{
    display: flex;
    width: 100%;
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 5%);
    border: 1px solid #dfdfdf;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    align-items: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.jobintv2:hover {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.jobintv2 .compimg {
  min-width: 90px;
  max-width: 90px;
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  height: 90px;
  flex: 0 0 90px;
}
.jobintv2 .compimg a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.jobintv2 .compimg img{width: 75px;}
.jobv2info{padding: 0 25px;}
.jobv2info h4 a{font-size: 20px; color: #000;font-weight: 600; line-height: 28px; display: block;}
.jobv2info .comploc{margin-bottom: 10px; color:#00000080}
.jobv2info .salary{color:#00000080}

.jobv2btns{margin-left: auto;
  width: 170px;
  flex: 0 0 170px;
}
.jobv2btns .favbtn{width:36px; height: 36px; border-radius: 100%; font-size: 16px; 
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    justify-content: center;
    align-items: center;
    border: 1px solid #0052cc;
    color: #0052cc;
    margin-left: 5px;
}
.jobv2btns .favbtn:hover{background:#0052cc; color: #fff;}

.appliedjobswrap{
  background: #f1f5ff;
  border-radius: 10px;
  padding: 25px;
  border: 1px solid #eee;
}
.appliedjobswrap .table{margin-bottom: 0;}
.appliedjobswrap .table tr a{font-size: 14px;}
.appliedjobswrap .table thead th{font-weight: 700; font-size: 14px;    padding: 15px 10px;}
.appliedjobswrap .table tr h5{font-size: 14px; margin-bottom: 0;}
.appliedjobswrap .table .btn-primary{padding: 6px 20px;}


.jobdetail .newjobslistv2 li .jobintv2{box-shadow:none; border-radius: 5px; margin-bottom: 5px;}
.jobdetail .newjobslistv2 li:last-child .jobintv2{margin-bottom: 0;}

/* For jobseeker */
.frsktopbanner {
  background: #f2f6fd;
  padding: 100px 0;
}
.frskinfo h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.frskinfo p {
  font-size: 18px;
  line-height: 30px;
}
.frskinfo .viewallbtn {
  text-align: left;
}
.whywork {
  padding: 100px 0;
}
.whywork .titleTop {
  text-align: center;
}
.whywork .titleTop h3{font-size: 24px;}
.whywork .titleTop p {
  font-size: 18px;
  line-height: 30px;
  max-width: 770px;
  margin: 0 auto;
}
.whworkbox {
  margin-top: 40px;
  text-align: center;
}
.number {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 20px;
  color: #000;
}
.number span {
  display: inline-block;
  border-bottom: 4px solid #900;
}
.whworkbox h3 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.whworkbox p {
  margin-bottom: 30px;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.txtsec1 {
  background: #f2f6fd;
  padding: 70px 0;
  text-align: center;
}
.txtsec1 .dbtitle h3 {
  font-size:24px;
  font-weight: 500;
  text-align: center;
}
.txtsec1 .dbtitle p {
  max-width: none;
}
.txtsec1 p {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}


.txtdata {
  margin-top: 40px;
}
.subheading {
  font-size: 24px;
  font-weight: 500;
  color: #444;
  line-height: 30px;
  margin-bottom: 10px;
}
.txtdata ul.list li {
  font-weight: var(--font-bold);
  margin-top: 5px;
}
.frempimgbx {
  border: 10px solid #fff;
  border-radius: 15px;
  background: #eee;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.frmbox {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
}
.nochargebx {
  background: #f2f6fd;
  padding: 50px 0;
}
.nochargebx p {
  margin-bottom: 30px;
  font-size: 18px;
  color: #666;
}
.nochargebx ul li {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
.nochargebx ul li i {
  color: #999;
}
.nochargebx ul li p{margin: 0; line-height: 26px; font-size: 16px;}
.nochargebx ul li .material-symbols-outlined{font-size:50px; color: #5f6368;}


.ctabg {
  background: #222 url(../images/ctabg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  padding: 100px 0;
}
.ctabg h4 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.ctabg p {
  font-size: 18px;
  color: #fff;
}
.ctabg2 {
  background: #222 url(../images/ctabg2.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  padding: 100px 0;
}
.ctabg2 h4 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.ctabg2 p {
  font-size: 18px;
  color: #fff;
}
/************************************************
           == Video css==
*************************************************/
.videowraper {
  position: relative;
  padding: 50px 0;
  max-width: 900px;
  margin: 0 auto;
}
.videowraper .titleTop {
  text-align: center;
  display: block;
}
.videowraper p {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  color: #555;
  text-align: center;
}
.videowraper .embed-responsive {
  margin: 0 auto;
  margin-top: 30px;
}
.videowraper .embed-responsive iframe {
  width: 100%;
}

.mobilechaticon{display: none;}

/************************************************
           == Loginbox css==
*************************************************/
.infodatawrap {
  padding: 60px 0;
  background: rgb(66, 46, 157);
    background: -moz-linear-gradient(90deg, rgba(66, 46, 157, 1) 0%, rgba(140, 23, 30, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(66, 46, 157, 1) 0%, rgba(140, 23, 30, 1) 100%);
    background: linear-gradient(90deg, rgba(66, 46, 157, 1) 0%, rgba(140, 23, 30, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#422e9d",endColorstr="#8c171e",GradientType=1);
}
.jbseekerbox{padding: 30px 0 30px 30px;}
.jbseekerbox .viewallbtn{text-align: left;}
.jbseekerbox h4{font-size: 18px; color: #0a65cc;}
.jbseekerbox h5{font-size: 24px; margin-bottom: 20px;}
.jbseekerbox p{font-size: 16px; line-height: 28px;}
.userloginbox {
  text-align: center;
  position: relative;
}
.userloginbox .viewallbtn {
  margin-top: 0;
}
.userloginbox .viewallbtn a {
  background: #e51c25;
  color: #fff;
  margin: 0 10px;
}
.userloginbox .viewallbtn a.foremp {
  background: #fff;
  color: #000;
}
.userloginbox .viewallbtn a:hover {
  background: #000;
  color: #fff;
}
.userloginbox p {
  max-width: 770px;
  margin: 0 auto;
  font-size: 16px;
  min-height: 44px;
  color: #444;
}
.userloginbox h3 {
  color: #000;
  font-size: 24px;
}
.emploginbox {
  text-align: center;
  position: relative;
}
.emploginbox .viewallbtn {
  margin-top: 30px;
}
.emploginbox .viewallbtn a {
  background: #000;
  color: #fff;
}
.emploginbox .viewallbtn a:hover {
  background: #444;
  color: #fff;
}
.emploginbox p {
  max-width: 770px;
  margin: 0 auto;
  font-size: 16px;
  color: #000;
}
.emploginbox h3 {
  color: #000;
}
.usrintxt {
  position: relative;
  z-index: 1;
}
.usrintxt h4 {
  color: #000;
}
/************************************************
           == Testimonials css==
*************************************************/
.testimonialwrap {
  background: #f2f6fd;
  text-align: center;
  padding:50px 0;
}
.testimonialsList {
  list-style: none;
}
.testimonialsList li {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  text-align: left;
}
.testimonialsList li .ratinguser {
  color: #f9b420;
  font-size: 16px;
  margin-bottom: 20px;
}
.testimonialsList li .testimg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}
.testimonialsList li .clientname {
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 5px 0;
  color: #333;
}
.testimonialsList li p {
  font-style: italic;
  line-height: 24px;
  font-size: 14px;
  color: #818181;
}
.testimonialsList li .clientinfo {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  color: rgb(185, 185, 185);
  margin-bottom: 15px;
}
/************************************************
           == App Box css==
*************************************************/
.appwraper {
  background: url(../images/app-bg.jpg) no-repeat top;
  background-size: cover;
  padding-top: 70px;
  background-attachment: fixed;
}
.appimg {
  text-align: center;
}
.appimg img {
  display: block;
}
.appwraper .titleTop {
  text-align: left;
  margin-bottom: 10px;
}
.appwraper .subtitle {
  color: #fff;
}
.appwraper .titleTop h3 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 5px;
}
.appwraper .subtitle2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #fff;
}
.appwraper p {
  color: #fff;
  line-height: 24px;
}
.appwraper .appbtn {
  margin-top: 45px;
  margin-bottom: 30px;
}
.appwraper .appbtn a {
  display: inline-block;
  margin-right: 10px;
}
/*Page Title*/
.pageTitle {
  padding: 50px 0;
  background: #f0eff4 url(../images/pagetitle.jpg) no-repeat bottom right;
  position: relative;
  overflow: hidden;
}
.pageTitle h1 {
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}
.breadCrumb {
  color: #fff;
  margin-top: 15px;
}
.breadCrumb a {
  color: #555;
  display: inline-block;
  padding: 0 5px;
}
.breadCrumb span {
  color: #990;
  display: inline-block;
  padding-left: 5px;
}
.buildpagebtn {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
}
.buildpagebtn a {
  display: inline-block;
  color: #000;
  font-weight: bold;
}
.buildpagebtn a:hover {
  color: #900;
}
/************************************************
           == Search List css==
*************************************************/
.turbolinks-progress-bar {
  background: rgb(95, 255, 2) !important;
}
.listpgWraper {
  padding: 40px 0;
  min-height: 400px;
}
.listpgWraper h3{font-size: 20px;}
.pageSearch {
  padding: 80px 0 100px 0;
  background: #f0eff4 url(../images/pagetopbg.jpg) no-repeat bottom right;
  position: relative;
  overflow: hidden;
}
.pageSearch h3 {
  color: #000;
}
.pageSearch h5 {
  color: #000;
  margin-top: 15px;
}
.pageSearch .searchform {
  margin: 0 auto;
}
.pageSearch .form-control {
  border: none;
}
.searchform {
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0px 20px 40px 5px rgb(0 0 0 / 10%);
}
.searchform .input-group {
  gap: 10px;
}
.searchform .form-control {
  height: auto;
  padding: 13px 12px;
  font-size: 16px;
  border: 1px solid #eee;
}
.searchform select.form-control {
  padding: 10px 12px;
  background: #fff;
  line-height: 24px;
  appearance: auto;
}
.searchform .btn {
  background: #900;
  font-size: 16px;
  color: #fff;
  padding: 14px 20px;
  border-radius: 8px !important;
  margin-left: 10px !important;
}
.searchform .btn:hover {
  background: #444;
}
/************************************************
           == Sidebar css==
*************************************************/
.jobreqbtn {
  margin-bottom: 20px;
}
.jobreqbtn a {
  display: block;
  padding: 10px 20px;
  text-align: left;
  margin-bottom: 10px;
  background: rgb(140, 23, 30);
  background: -moz-linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(140, 23, 30, 1) 0%,
    rgba(237, 36, 45, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c171e",endColorstr="#ed242d",GradientType=1);
  color: #fff;
}
.jobreqbtn a:hover {
  background: #333;
  color: #fff;
}
.jobreqbtn a.btn-job-alert-disabled {
  color: #999 !important;
  border: 1px solid #999;
  cursor: default;
  background: none;
}
.jobreqbtn a.btn-job-alert {
  background: #900;
  color: #fff;
}
.searchfilter{ 
  /* position: fixed;
  top: 0;
  left: -100%; 
  width: 300px;
  height: 100%;
  background-color: #fff;
  box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  transition: left 0.3s ease; 
  padding: 20px;
  z-index: 110000;}
  .searchfilter.active {
    left: 0; Slide in */
}
.searchfilter .modal-dialog{margin: 0; width: 350px;}
.searchfilter .modal-content{border-radius: 0; border: none; height: 100vh; overflow: auto;}
.searchnt{
  text-align: center;
  margin-top: 30px;
}
.sidebar {padding-bottom: 30px;}
.sidebar .widget {
  border: 1px solid #e4e5e8;
  box-shadow: 0 8px 24px #002c6d0a;
  padding: 25px;
  margin-bottom: 15px;
}
.sidebar .widget-title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}
.sidebar .form-control {
  appearance: auto;
}
.optionlist {
  list-style: none;
}
.optionlist li {
  margin-bottom: 10px;
  padding: 5px 0;
  position: relative;
  padding-left: 30px;
}
.optionlist li span {
  position: absolute;
  right: 0;
  top: 6px;
}
.optionlist li input[type="checkbox"] {
  display: none;
}
.optionlist li input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  border: 1px solid #d1d1d1;
  background: #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.optionlist li input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #4ece00;
  padding-left: 2px;
  position: relative;
  top: 2px;
}
.sidebar a {
  color: #900;
  display: inline-block;
  margin-top: 10px;
}
.searchnt .btn {
  background:#0052cc;
  display: block;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px;
}
.sidebar .gad {
  margin-top: 15px;
  text-align: center;
}
.social a {
  color: #00a8ff;
  font-size: 32px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 0;
}
.social a:hover {
  color: #000;
}
/*Listing*/
.topstatinfo {
  margin-bottom: 30px;
}
.searchList {
  list-style: none;
  margin-bottom: 30px;
}
.searchList > li {
  background: #fcfdff;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: 1px solid #eee;
  padding: 22px 18px;
  margin-bottom: 15px;
}
.searchList > li.featured {
  background: #f7f5ff;
  border-color: #ddd;
}
.searchList > li:hover {
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
  border-bottom-color: #900;
}
.searchList > li .jobimg {
  float: left;
  width: 70px;
  margin-right: 15px;
}
.searchList > li .jobimg img {
  border-radius: 10px;
}
.searchList > li h3 i {
  font-size: 16px;
  color: rgb(231, 1, 1);
}
.searchList > li h3 a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.searchList li .companyName {
  margin: 10px 0;
  color: #969595;
}
.searchList li .companyName a {
  color: #969595;
}
.searchList li a:hover {
  color: #333;
}
.searchList li .location {
  color: #000;
}
.searchList li .location span {
  color: #333;
}
.searchList li .listbtn {
  margin-top: 20px;
  display: flex;
  gap: 5px;
  justify-content: right;
}
.searchList li .listbtn a {
  background: #fff;
  display: block;
  border-radius: 7px;
  color: #900;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 15px;
  text-align: center;
  border: 1px solid #900;
  line-height: 36px;
}
.searchList li .listbtn a:hover {
  background: #900;
  color: #fff;
  text-decoration: none;
}
.searchList li .listbtn .fas.fa-heart {
  color: #da0303;
}
.searchList li .listbtn a.favbtn {
  border-color: #da0303;
}
.searchList li .listbtn a.favbtn:hover {
  background: #eee;
}
.searchList li p {
  line-height: 22px;
  color: #333;
  margin: 10px 0 0 0;
}
.searchList li .cateinfo {
  color: #900;
  margin: 10px 0;
}
.searchList li .minsalary {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 25px;
  color: #900;
}
.searchList li .minsalary span {
  color: #999;
  font-weight: 400;
}
/*Pagination*/
.pagiWrap {
  background: #fff;
  padding: 20px 0;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
.pagiWrap .showreslt {
  font-weight: 500;
  color: #333;
  margin-bottom: 15px;
}
.pagiWrap nav{text-align: right;}
.pagiWrap nav a {
  border-radius: 0;
}
.pagiWrap .pagination {
  text-align: right;
  margin: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}
.btn-bars {
  background: #eee;
  padding: 10px 20px;
}
.btn-bars::after {
  display: none;
}
.btn-bars:hover {
  background-color: #ddd;
}
.btn-primary {
  background-color:#0052cc;
  line-height: normal;
  padding: 10px 25px;
}
.searchList > li .dropdown-menu {
  z-index: 10;
}
.searchList > li .dropdown-menu li a {
  padding: 10px 15px;
}
/*Featured jobs*/
.featuredjobswrap{
  border-bottom: 1px solid #e4e5e8;
    padding-bottom: 10px;
    margin-bottom: 30px;
    min-height: 225px;
    position: relative;
}
.featuredjobswrap h2 {
  margin-bottom: 0;
  font-size: 20px;
  color: #ed242d;
}
.featuredjobswrap .featuredlist .jobint {
  margin-top: 15px;
  box-shadow: none;
  display: block;
}
.featuredjobswrap .jobcompany .company-logo {
  box-shadow: none;
  border: 1px solid #e4e5e8;
}
.ftjobslist li .jobint{background: #fff; position: relative;}
.ftjobslist li .jobint .fulltime{padding: 6px 10px; font-size: 13px;}


.ftjobslist li .jobint .company a{font-size: 14px;}
.countrieslist {
  margin-top: 20px;
}
.countrieslist .countryinfobox {
  margin-bottom: 30px;
  border: 1px solid #eee;
  background: #fff;
  padding: 15px;
  border-radius: 5px;
}
.countrieslist .countryinfobox:hover {
  border-color: #990;
}
.countrieslist .countryinfobox h4{font-size: 18px;}
.countrieslist .countryinfobox h4 a{color: #666;}
.countrieslist .countryinfobox span{
  background: #e7f6ea;
  color: #1da73b;
  font-size: 13px;
  display: inline-block;
    padding: 4px 6px;
    border-radius: 3px;
    font-weight: 500;
}

.loader {
  background: rgba(255, 255, 255, 0.5); position: fixed; left: 0; right: 0; bottom: 0; top:0;
  z-index: 10000;
}
.loader:before{ content:'';

width: 48px;
  height: 48px;
  margin: auto;
  border-radius: 50%;
  display: inline-block;
  position: fixed;
  border: 3px solid;
  border-color: #fff #fff transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform-origin: center center;
  box-sizing: border-box;

}

.loader::after {
  content: '';  
  box-sizing: border-box;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent #990000 #990000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
    
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.select2-search__field{margin-top: 0; padding: 12px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color: #0052cc;
  border-radius: 40px;
  border: none;
  padding: 10px 15px;
  color: #fff;
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff; margin-right: 8px;  font-size: 20px;}
.select2-results__option {
  padding: 10px;
  font-size: 16px;
}


/* Company details */
.comcoverimg{position: relative; border-radius: 0 ; background: #333; height: 250px; overflow: hidden;}
.comcoverimg img{width: 100%; height: 250px; object-fit: cover;}
.comcoverimg .editcoverico{bottom: auto; top: 15px;}

.compheader{position: relative; z-index: 1; padding:30px; background: #fff; border-radius: 0; display: flex; gap: 20px;}
.comptact h1{font-size: 24px; font-weight: 500;  display: flex; align-items: center; gap: 5px;}
.comptact h1 .material-symbols-outlined{color: #0052cc;}
.industry{font-size: 16px; font-weight: 500;}
.compheader .userPic{width: 110px; height: 110px; flex: 0 0 110px; border: 1px solid #eee;  border-radius: 10px;   padding: 5px; position: relative;}
.compheader .userPic img{width: 100px; height: 100px; object-fit: cover;}
.complinkswrap{
  padding: 10px 30px 0 30px;
  border-top: 2px solid #e7f0fa;
  border-radius: 0 0 15px 15px;
  display: flex;
  gap: 25px;
  background: #fff;
}

.complinkswrap .nav-tabs{border-bottom:0}
.complinkswrap .nav-link{font-size: 16px; color: #000; font-weight: 600; border: none; padding-bottom: 15px;}
.complinkswrap .nav-link.active{border-bottom: 2px solid #1967d2; color: #1967d2;}



.aboutcompanybox{margin-bottom: 30px;}
.aboutcompanybox h3{font-size: 20px; font-weight: 500;}
.aboutcompanybox p{font-size: 16px; line-height: 26px; color: #333; margin-bottom: 20px;}
.aboutcompanybox p:empty{display: none;}
.aboutcompanybox  ul {
  margin-bottom: 20px;
  list-style: disc;
  margin-left: 40px;
}
.aboutcompanybox ul li {
  padding: 2px 0;
  position: relative;
  line-height: 20px;
  font-size: 16px;
}
.aboutcompanybox ul li p{margin-bottom: 0; color: #333;}



.compheader .jobButtons{padding: 0; margin-left: auto;}
.compheader .jobButtons a{background:#0052cc; border-color: #0052cc; color: #fff;}
.compheader .jobButtons a:hover{background: #0047b1;}
.compheader .jobButtons a.report{background: #900; color: #fff; border-color: #900;}


.compheader .loctext{font-size: 16px;}
.compheader .loctext i{color: #b7b7b7; width: auto;}
.alert-success strong{font-weight: 700; color: #000;}

/************************************************
           == Job Detail css==
*************************************************/
.job-header {
  background: #fff;
  margin-bottom: 30px;
  border-radius: 15px;
  border: 2px solid #e7f0fa;
}
.job-header hr{opacity: 1; border-color: #e7f0fa;}

.job-header.nomrg {
  margin-bottom: 0;
}
.job-header .jobinfo {
  padding: 20px;
}
.tw-salery-border{border-right: 2px solid #e7f0fa;}
.salery h4, .job-type h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #18191c;
  
}
.salery h2{
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #0052cc;
  margin-bottom: 2px;
}
.job-type p, .salery p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #767f8c;
  margin-bottom: 0;
  margin-top: 0 !important;
}
.job-type span{
  font-weight: 400;
    color: #0052cc;
    font-size: 36px;
}

.jobPagetitle .jobinfo .title{margin-bottom: 10px; font-size: 16px;}
.jobPagetitle .jobinfo .title a{color: #333;}
.jobPagetitle .jobinfo .title a:hover{text-decoration: underline;}
.jobPagetitle .jobinfo h1 { font-size: 24px;  color: #000;}
.jobmainreq {
  border-radius: 0 0 5px 5px;
}
.jobpagetitlewrap{padding: 40px 0; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.jobtopinfobx{display: flex; gap: 15px;}
.jobtopinfobx .companylogo{width: 80px; height: 80px; border-radius: 10px; overflow: hidden; background: #fff;}
.jobtopinfobx .companylogo .user-avatar{margin-right: 0; width: auto; height: auto; border-radius: 0 !important;}
.jobPagetitle .jobinfo .ptext {
  color: #666;
  margin: 12px 0;
}






.jobPagetitle .jobinfo .salary {
  font-size: 16px;
  font-weight: 700;
  color: #666;
}

.companyinfo {
  margin-bottom: 30px;
  background: #f9f9ff;
  padding: 30px;
  border-radius: 15px;
}
.companyinfo h3 {
  margin-bottom: 30px;
  color: #900;
  font-size: 24px;
}
.companyinfo .companylogo {
  width: 100px;
  background: #fff;
  display: inline-block;
  margin-bottom: 10px;
  float: left;
  margin-right: 15px;
}
.companyinfo .companylogo img {
  display: block;
  border-radius: 15px;
}
.companyinfo .ptext {
  color: #900;
  padding: 7px 0;
}
.companyinfo .title a {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.companyinfo .opening a {
  color: #900;
}
.companyoverview {
  text-align: left;
}
.companyoverview p {
  color: #555;
  margin-bottom: 0;
}
.nodatabox {
  padding: 35px;
  background-color: #eee;
  border-radius: 5px;
  text-align: center;
}
.nodatabox h4 {
  font-size: 24px;
}
.delete_alert {
  color: #dd0000;
}
.alrtstable th {
  font-weight: 700;
  background: #f4f4f4;
}
.popmessage {
  position: fixed;
  background: #fff;
  padding: 35px;
  top: 50%;
  left: 50%;
  max-width: 300px;
  text-align: center;
  margin-left: -150px;
  z-index: 10;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  color: #12bb08;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.bgoverlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}
.job-header .jobinfo .candidateinfo .userPic {
  float: left;
  width: 100px;
  height: 100px;
  background: #cbcbcb;
  margin-right: 20px;
  border: 1px solid #b1bcc5;
}
.loctext {
  margin-top: 15px;
}
.loctext i {
  margin-right: 5px;
  width: 24px;
  color: #900;
}
.loctext a {
  color: #333;
}
.job-header .jobinfo .candidateinfo .title {
  font-size: 24px;
  color: #333;
  font-weight: 500;
}
.job-header .jobinfo .candidateinfo .desi {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}
.job-header .jobinfo .candidateinfo .loctext {
  line-height: 24px;
  color: #555;
  margin-top: 8px;
}
.job-header .jobinfo .candidateinfo .loctext i {
  width: 20px;
  color: #900;
}
.container {
  max-width: 1140px;
}
.feedspageouter .container{max-width: 1140px;}
.usercoverimg {
  position: relative;
  min-height: 240px;
  background: #333;
}
.usercoverimg:after {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9026961126247374) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9026961126247374) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9026961126247374) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  content: "";
}
/*Candidate Info*/
.usernotificationbox{display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 30px; background: #f5f5f5; padding: 25px; border-radius: 10px;}
.usernotificationbox h2{font-size: 20px; margin-bottom: 0;}
.usernotificationbox h2 a{color: #000;}
.usernotificationbox h2 a:hover{text-decoration: underline;}
.notbtns a{display: inline-block; border: 1px solid #eee; border-radius: 7px; margin-left: 5px; padding: 10px 25px; font-size: 16px; font-weight: 700; background: #fff;}
.notbtns a.accept{background: #1967d2; color:#fff; }
.userprofilepagewrap{border-top: 1px solid #eee;
  padding: 20px 0;
  background: #eee;}
.usercoverpic{overflow: hidden; border-radius: 15px 15px 0 0; height: 240px; background: #999; position: relative;}
.usercoverpic img{width: 100%; height: 240px;  object-fit: cover;}
.candidate-detail-header{border: 1px solid #eee; border-radius: 0 0 15px 15px; padding: 0 20px 20px; margin-bottom: 30px; background: #fff;}



.userMaininfo .userPic {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 5px solid #fff;
  position: relative;
  background: #eee;
  margin-top: -120px;
  margin-bottom: 15px;
}
.userMaininfo .userPic img {
  object-fit: cover;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.editphotoico{
  width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: 50%;
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    border: 2px solid #fff;
}

.editcoverico{
  background: #fff;
  border-radius: 7px;
  position: absolute;
  right: 15px;
  bottom:15px;
  color: #000;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 600;
}

.pagecoverimg .editcoverico{
  bottom: auto;
  top: 20px;
}


.profiletopdata{display: flex; justify-content: space-between;}

.userMaininfo h3 {
  color: #000;
  margin-bottom:15px;
}
.userMaininfo h3 span {
  font-size: 14px;
  color: #2bc15b;
  display: block;
  margin-top: 10px;
}
.userMaininfo .desi {
  font-size: 14px;
  color: #444;
}
.membersinc {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
}
.useractionbtn{margin-top: 40px; display: flex; gap: 10px; align-items: center;}
.useractionbtn a{
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 40px;
  border: 1px solid #1967d2;
  position: relative;
  background: #1967d2;
  line-height: 1.5;
}
.useractionbtn a.sendmsg{background: #fff; color: #1967d2;}
.useractionbtn a:hover{background: #1451a4; border-color: #1451a4; color: #fff;}
.userinfoabout{margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; padding: 25px; background: #fff;
  border-radius: 15px;}
.userinfoabout h3, .activitybox h3{font-size: 20px;}
.userinfoabout p{font-size: 16px; line-height: 30px; color: #666;}
.userinfoabout iframe{width: 100%; height: 450px;}

.see-more {
  cursor: pointer;
  display: inline-block;
  color: #555;
  font-weight: 600;
}
.userprofilepagewrap .viewallbtn a{background:#0052cc;}
.userprofilepagewrap .viewallbtn a:hover{background: #000;}

.userbtnsprofile{margin-top: -30px; text-align: right;}
.userbtnsprofile .useractionbtn{margin-top: 0; }
.useractionbtn .dropdown .btn{
  border: 1px solid #000000;
    border-radius: 40px;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 14px;
    background: #fff;
    color: #000;
}
.useractionbtn .dropdown a{background: none; color: #000; border-radius: 0; border: none; font-weight: 400;}
.useractionbtn .dropdown a:hover{background: #f3f3f3;}


.cadinfomodal{margin-top: 10px;}
.cadinfomodal a{font-weight: 600;}


.activitybox{background: #fff; padding: 30px; margin-bottom: 30px; border-radius: 15px;}
.actfeedbox{padding: 15px; margin-top: 15px;background: #fff; border-radius: 10px; border: 1px solid #eee;}
.actfeedbox .feedimg{margin-bottom: 10px;}
.actfeedbox .feedimg img{height:140px !important; object-fit: cover; border-radius: 5px;}
.feedcontent{font-size: 14px; color: #666; line-height: 19px;}
.poststat{font-size: 13px; font-weight: 700; margin-bottom: 10px;}
.actfeedbox .feed-card-content{padding: 0;}
.actfeedbox .feed-card-content iframe{height: 140px !important;}
.actfeedbox .postimages{justify-content: center;}
.actfeedbox .feedcontent{word-break: break-all; white-space: normal;}



.activitybox .post-stats{padding: 0; margin-bottom: 10px; border-bottom: none;}

.activitybox h3{margin-bottom: 15px; margin-right: auto;}
.actitle{display: flex; align-items: center;}
.actitle a{background: #fff; border: 1px solid #003087; border-radius: 5px; padding: 9px 15px; display: inline-block; color: #003087;}

.candidat_header{background: #F5F7FC; border-radius: 15px; margin-bottom: 30px;}
.userlinkstp {
  padding: 20px 25px;
  background: #fff;
  margin-bottom: 30px;
  text-align: right;
  border-radius: 0 0 5px 5px;
  min-height: 82px;
}
.userlinkstp.applybox {
  text-align: center;
  border-top: none;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
}
.userlinkstp a {
  margin-left: 10px;
  color: #900;
  font-weight: 500;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 40px;
  border: 1px solid #900;
  position: relative;
  z-index: 2;
}
.userlinkstp a.report {
  color: #e01010;
  border-color: #e01010;
}
.userlinkstp a.apply {
  background: #900;
  color: #fff;
  font-size: 18px;
}
.userlinkstp .jbexpire {
  background: #ff7c69;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: not-allowed;
}
.userlinkstp a:hover {
  background: #900;
  color: #fff;
}
.userlinkstp a.report:hover {
  color: #fff;
  background: #e01010;
}
.prolinkadd {
  display: inline-block;
  background: #900;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
  margin-top: 15px;
}
.prolinkadd:hover {
  background: #222;
  color: #fff;
  text-decoration: none;
}
.cadsocial {
  margin-top: 10px;
}
.cadsocial a {
  color: #666;
  font-size: 24px;
  display: inline-block;
  margin-right: 7px;
}
.cadsocial a:hover {
  color: #900;
}
.relatedJobs {
  margin-bottom: 0;
  border-top: 1px solid #eee;
  padding-top: 30px;
}
.relatedJobs h3 {
  font-size: 20px;
  font-weight: 500;
  color: #555;
  margin-bottom: 15px;
}
.relatedJobs .searchList li {
  margin-bottom: 15;
}
.relatedJobs .searchList li h3 {
  margin-bottom: 0;
}
.relatedJobs .searchList li .location {
  margin-top: 5px;
}
.relatedJobs .searchList li .companyName {
  margin-bottom: 0;
  margin-top: 5px;
}
/*Buttons*/
.jobButtons {
  padding:0 20px 20px 20px;
  display: flex;
  gap: 15px;
  justify-content: center;
}
.jobButtons.applybox {
  border-top: none;
  padding: 0;
  margin-top: 15px;
  display: flex;
  gap: 10px;
  justify-content: end;
  align-items: center;
}
.jobButtons a {
  color: #900;
  font-weight: 500;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #900;
}
.jobButtons a.report {
  color: #e01010;
  border-color: #e01010;
}
.jobButtons.applybox a.saved{background: #eee; border: none; font-size: 18px;}
.jobButtons.applybox a.save{background: #fff; border: none; font-size: 18px;}
.jobButtons.applybox a.save:hover, .jobButtons.applybox a.saved:hover{background: #333;}

.jobButtons a.apply {
  background: #0052cc;
    color: #fff;
  font-size: 18px;
  margin-right: 0;
  border: none;
}
.jobButtons .jbexpire {
  background: #ff7c69;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: not-allowed;
}
.jobButtons a:hover {
  background: #900;
  color: #fff;
  border-color: #000;
}
.jobButtons a.report:hover {
  color: #fff;
  background: #e01010;
}

.benefits h3, .jobdescription h2{font-size: 20px; margin-bottom: 15px;}
.compinforbox{font-size: 16px; margin-bottom:15px; font-weight: 500;}

.jobdescription p{font-size: 16px; line-height: 26px;}
.jobdescription h6{font-size: 16px; margin-top: 20px; font-weight: 500;}

.jobdescription ul, .benefits ul {
  margin-bottom: 30px;
  list-style: disc;
  margin-left: 40px;
}
.jobdescription ul li, .benefits ul li {
  padding: 2px 0;
  position: relative;
  line-height: 20px;
  font-size: 16px;
}





.job-header .contentbox {
  padding: 35px;
}
.job-header .contentbox h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.job-header .contentbox h6{margin-top: 20px;}

.job-header .contentbox h3 i,
.jobdetail h3 i,
.companyinfo h3 i {
  color: #ccc;
  margin-right: 5px;
  font-size: 20px;
}
.job-header .contentbox p {
  line-height: 24px;
  color: #555;
  margin-top: 20px;
  margin-bottom: 0;
  word-wrap: break-word;
}
.job-header .contentbox p strong {
  font-weight: 700;
}
.job-header .contentbox p em {
  font-style: italic;
}
.job-header .contentbox p u {
  text-decoration: underline;
}
.jobButtons a.apply.applied {
  background: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
}
.job-header .contentbox iframe {
  width: 100%;
  height: 350px;
}
.job-header .contentbox ul {
  margin-bottom: 30px;
}
.job-header .contentbox ul li {
  padding: 5px 0 5px 25px;
  position: relative;
  line-height: 20px;
}
.job-header .contentbox ul li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #900;
  position: absolute;
  left: 0;
}
.job-header .contentbox ul.userPortfolio {
  margin-bottom: 0;
}
.benefits .contentbox ul {
  margin-bottom: 0;
}
.benefits p:empty {
  display: none;
}
ul.skillslist {
  margin-bottom: 0 !important;
}
ul.skillslist li:before {
  display: none;
}
ul.skillslist li {
  display: inline-block;
  padding: 0 !important;
}
ul.skillslist li a {
  display: inline-block;
  background: #eee;
  color: #555;
  padding: 10px 20px;
  margin: 5px 10px 5px 0;
  border-radius: 45px;
  font-weight: 500;
  font-size: 14px;
}
ul.skillslist li a:hover {
  text-decoration: none;
  background: #900;
  color: #fff;
}
.listingjobs li {
  margin-bottom: 30px;
}
.jobcard {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
  padding: 10px;
  border-radius: 15px;
}
.jbcrdint {
  border-radius: 10px;
  background: #f6f6fb;
  padding: 20px;
}
.jbcominf {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.cmpimg {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 68px;
}
.comnme a {
  font-size: 18px;
  font-weight: var(--font-bold);
  color: var(--sec-color);
}
.comnme {
  padding-top: 0;
  max-width: 75%;
  flex: 0 0 75%;
}
.jbcompname {
  display: inline-block;
  margin-top: 5px;
  font-weight: var(--font-bold);
  margin-bottom: 5px;
}
.jbdate i {
  color: var(--primary-color);
}
.jbcrdint h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.jbcrdint h4 a {
  font-weight: 500;
  font-size: 16px;
  color: #003087;
  word-break: break-all;
}
.jbcrdint h4 a:hover {
  color: #333;
}
.exp strong {
  font-weight: 700;
}
.jbtype {
  margin-top: 5px;
}
.jbtype span {
  background: #fff;
  border-radius: 50px;
  padding: 7px 15px;
  font-size: 13px;
  display: inline-block;
  font-weight: 500;
}
.jbcrdata {
  padding: 10px;
}
.jbcrdata hr {
  opacity: 0.1;
}
.jbsubt {
  display: flex;
  justify-content: space-between;
}
.jbsubt span {
  display: block;
}
.jbsubt strong {
  font-weight: 700;
  word-break: break-word;
}
.jbloc {
  color: #858892;
}
.jbloc i {
  color: #900;
}
.exp {
  margin: 10px 0;
}
.jbcrdint p {
  word-break: break-word;
}
.jobcard .clientInfo {
  word-break: break-word;
}
.jbbtns {
  display: flex;
  gap: 15px;
  align-items: center;
}
.detailbtn {
  background: #003087;
  font-size: 14px;
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
}
.jbbtns .btn {
  background: #ddd;
}
.jbbtns .favbtn {
  background: #ed242d;
}
/*Job Info*/
.jobdetail .table-bordered {
  border: none;
  margin-bottom: 0;
}
.jobdetail .table-bordered td {
  border: none;
  border-top: 1px solid #ddd;
}
.jobdetail {
  padding: 35px;
}
.jobdetail iframe {
  width: 100%;
  height: 250px;
  border: none;
}
.jobdetail h3 {
  font-size: 18px;
  color: #000;
  font-weight:600;
}

.jbdetail li {
  margin-top: 30px;
  color: #555;
}
.jbdetail li span{font-weight: 700; display: block; margin-bottom: 10px;}
.jbdetail li:last-child{margin-bottom: 0;}
.jbitlist{display: flex; flex-direction: column;}
.jbdetail li a {
  display: block;
  color: #0052cc;
  font-weight: 500;
}
.jbdetail .jbitdata strong{text-transform: uppercase; font-size: 13px; color: #777; display: block; margin-bottom: 10px;}
.jbdetail .jbitdata span {
  display: block;
  color: #000;
  font-weight: 500;
  margin-bottom: 0;
}

.jbdetail li span.material-symbols-outlined{font-weight: 400; color:#0052cc; font-size: 30px;}


.jbdetail li span.permanent {
  color: #900;
}
.jbdetail li span.contract {
  color: #900;
}
.jbdetail li span.freelance {
  color: #f07200;
  background: none;
  padding: 0;
}


.comaboutdata p:empty{display: none;}
.comaboutdata h3{margin-top: 15px;}
.comaboutdata ul{list-style: disc; margin-left: 20px;}
.comaboutdata ul li strong{font-weight: 700;}
.comaboutdata ul li{line-height: 22px; margin-bottom: 10px;}


/*Skills*/
.skillswrap {
  margin-top: 20px;
}
.skillswrap h5 {
  color: #7b7b7b;
  font-weight: 400;
  margin-bottom: 5px;
}


/*Education*/
.educationList {
  margin-bottom: 0 !important;
}
.educationList li {
  padding-top: 0 !important;
  margin-top: 30px;
  padding-left: 40px;
  position: relative;
}
.educationList li .expbox:before{width: 2px; height:calc(100% - 2rem); background: #ddd; content:''; position: absolute; top: 24px; left: 5px; display: block;}
.educationList li .exdot{width: 12px; height: 12px; background: #ddd; border-radius: 50%; position: absolute; left: 0; top: 5px;}
.educationList li .date {
  line-height: 18px;
  color: #555;
}
.educationList li h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
}
.educationList li h5 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 700;
  color: #555;
  font-size: 14px;
}
.educationList li p {
  margin-top: 0 !important;
}
/*Experience*/
.experienceList {
  margin-bottom: 0 !important;
}
.experienceList li {
  padding-top: 0 !important;
  margin-top: 30px;
  padding-left: 40px;
  position: relative;
}
.experienceList li .expbox:before{width: 2px; height:calc(100% - 2rem); background: #ddd; content:''; position: absolute; top: 24px; left: 5px; display: block;}
.experienceList li .exdot{width: 12px; height: 12px; background: #ddd; border-radius: 50%; position: absolute; left: 0; top: 5px;}
.experienceList li:hover {
  border-bottom-color: #900;
}
.experienceList li:before {
  display: none;
}
.experienceList li:last-child {
  border-bottom: 0;
}
.experienceList li h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.experienceList li p {
  margin-bottom: 0 !important;
  margin-top: 10px;
  font-size: 14px;
}
.userprofilepagewrap .followcard{border: 1px solid #eee; border-radius: 15px;}
.userprofilepagewrap .followcard .hstack{align-items: start;}
.userprofilepagewrap .followcard .connectbtn{border-radius: 40px; margin-top: 5px; padding:6px 15px; display: inline-block; font-weight: 400;}


/* Expired job */
.jobexpiredbox{    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 50px auto;
  padding: 40px;
  text-align: center;
  border-radius: 20px;}
.jobexpiredbox h5{font-size: 32px; font-weight: 600; color: #8c171e;}
.jobexpiredbox p{font-size: 18px; color: #666; margin-bottom: 30px;}
.jobexpiredbox a{background: #0052cc; color: #fff; padding: 13px 30px; font-size: 16px; font-weight: 600; border-radius: 40px;}



/*Portfolio*/
.userPortfolio li {
  padding: 0 15px !important;
  margin-top: 30px;
}
.userPortfolio li:before {
  display: none;
}
.userPortfolio li .imgbox {
  overflow: hidden;
  position: relative;
}
.userPortfolio li .itemHover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(22, 34, 46, 0.9);
  transform: scale(0);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.userPortfolio li:hover .itemHover {
  transform: scale(1);
}
.userPortfolio li .zoombox {
  display: table;
  width: 100%;
  height: 20%;
  text-align: right;
}
.userPortfolio li .item-zoom {
  display: inline-block;
  border: 1px solid #fff;
  padding: 14px 12px;
  margin: 15px 15px 0 0;
  color: #fff;
}
.userPortfolio li .item-zoom:hover {
  background: #2079f2;
  border-color: #2079f2;
}
.userPortfolio li .infoItem {
  display: table;
  width: 100%;
  height: 70%;
  text-align: center;
}
.userPortfolio li .itemtitle {
  vertical-align: bottom;
  padding: 0 15px 15px;
  position: relative;
  display: table-cell;
}
.userPortfolio li .itemtitle h5 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 5px;
}
.userPortfolio li .itemtitle p {
  color: #ccc;
  line-height: 18px;
}
.userPortfolio li .itemtitle a {
  color: #2079f2;
}
.userPortfolio li.shown,
.no-cssanimations .userPortfolio li,
.no-js .grid li {
  opacity: 1;
}
.userPortfolio li a,
.userPortfolio li img {
  outline: 0;
  border: none;
  display: block;
  max-width: 100%;
}
.profilelang, .profileskills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.profileskills li {
  margin-top: 10px;
}
.profileskills li .skillbox, .langbox {
  border: 1px solid #eee;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 7px;
  background: #F5F7FC;
}
.profileskills li .skillbox:hover {
  border-color: #28a745;
}
.profileskills li .skillbox span {
  display: block;
  margin-top: 5px;
  font-weight: 400;
}

.profilelang h5{font-size: 14px;
  font-weight: 700; margin-bottom: 5px;}
  .profilelang p{margin-bottom: 0; font-size: 14px;     font-weight: 400;
    line-height: normal;}

.fileimprove{margin-bottom: 20px; text-align: center;}
.fileimprove h4{font-size: 20px; color: #777;}


    .progress-circle {
      position: relative;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background: conic-gradient(#58df22 var(--progress, 0%), #ddd 0%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      font-weight: 600;
      color: #58df22;
      margin: 0 auto;
  }

  .progress-circle::before {
      content: "";
      position: absolute;
      width: 110px;
      height: 110px;
      background: #fff;
      border-radius: 50%;
  }

  .progress-text {
      position: absolute;
      z-index: 1;
  }


.cvintroboxtop{margin-bottom: 20px; background-color: #fff;
 border-radius: 10px; display: flex; gap: 20px;      flex-wrap: wrap;}
.cvuserimg{    width: 130px;
  flex: 0 0 130px;
  height: 130px;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  border: 1px solid #0052cc;
  border-radius: 50%;
  padding: 4px;
}
  .cvuserimg img{width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;}
.cvuserimg a{display: block;}
.cvuserimg a i{display: none;}
.cvuserimg a:hover i{
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.usercvphoto{margin-left: auto; display: flex; flex-direction: column; align-items: center;}


.cvuserinformation h4{font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.cvuserinformation p{margin-bottom: 10px;}
.dlist{display: table;}
.dlist.is-fitted>div{
  display: table-row;
}
.dlist.is-fitted>div>dt, .dlist.is-expanded>div>dt, .dlist.is-fitted>div>dd, .dlist.is-expanded>div>dd {
  display: table-cell;
  padding-top: 10px;
}
.dlist>div>dt {
  font-weight: 400;
}
.dlist.is-fitted>div>dt, .dlist.is-expanded>div>dt, .dlist.is-fitted>div>dd, .dlist.is-expanded>div>dd {
  display: table-cell;
}
.dlist.is-fitted>div>dd, .dlist.is-expanded>div>dd {
  padding-left: 2em;
}

.downloadbtnlink{margin-top: auto; margin-left: auto;}
.downloadbtnlink a{border: 2px solid #0052cc; border-radius: 40px; color: #0052cc; padding: 10px 20px; display: inline-block;}



.newcvcard{
  margin-bottom: 20px; -webkit-box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02);
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02); background-color: #fff;
  padding: 20px; border-radius: 10px; border: 1px solid #eee;
}
.cardhead{display: flex; justify-content: space-between;}
.cardhead h4{font-size: 20px; font-weight: 700;}
.cardhead a{font-size: 18px; color: #0052cc;} 
.cardintbody .dlist.is-spaced>div>dt, .cardintbody .dlist.is-spaced>div>dd {
  padding-top: 15px;
}

.cvnewform textarea{height: 250px;}

.instructionbox{border-radius: 10px; padding: 20px; background: #fff3cd; margin-bottom: 20px; border: 1px solid #ffe69c; color: #664d03;}
.instructionbox ol{list-style: decimal; margin-left: 20px;}
.instructionbox li{font-size: 14px; margin-top: 10px;}
.instructionbox ul{list-style: disc; margin-left: 20px;}


/************************************************
           == Cms Pages css==
*************************************************/
.inner-page {
  padding: 50px 0;
}
.inner-page .title {
  text-align: center;
  margin-bottom: 40px;
}
.inner-page .title > span {
  color: #292929;
  font-size: 17px;
  margin-bottom: 10px;
}
.inner-page .title h2 {
  color: #292929;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 1px;
  margin: 0;
}
.inner-page .title > p {
  line-height: 24px;
}
.contact {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 30px;
}
.contact > span {
  color: #900;
  float: left;
  font-size: 50px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  width: 70px;
}
.inner-page .fa-home:before {
  content: "\f015";
}
.information {
  overflow: hidden;
  padding-right: 20px;
  margin-top: 5px;
}
.information > strong {
  color: #000;
  display: table;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.information > p {
  line-height: 22px;
  margin: 0;
}
.contact-form input,
.contact-form textarea {
  color: #8c8c8c;
  border: 1px solid #ddd;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 15px;
  padding: 10px 20px;
  width: 100%;
  border-radius: 5px;
}
.contact-form textarea{height:150px;}
.contact-form {
  background: #fff;
    border: 1px solid #edeff5;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 48px;
    box-shadow: 0 12px 120px #001d4914;
}
.contact-form button {
  background-color: #900;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 18px 40px;
  margin-top: 20px;
  display: flex;
      align-items: center;
      gap: 15px;
      border-radius: 5px;
}
.contactleftxt{padding-right:130px;}
.contactleftxt h6{font-size: 18px; color: #990000;}
.contactleftxt h3{font-size: 30px; margin-bottom: 20px;}
.contactleftxt p{font-size: 16px; color: #767f8c; line-height: 26px;}



/************************************************
           == FAQs css==
*************************************************/
.faqs {
  margin-bottom: 30px;
}
.faqs .panel-default > .panel-heading {
  background: none;
  border: none;
  padding: 0;
}
.faqs h4 a {
  padding: 15px 55px 15px 15px;
  display: block;
  background: #900;
  color: #fff;
  font-size: 16px;
  position: relative;
}
.panel-group .panel {
  border-radius: 0;
  margin-bottom: 20px;
}
.panel-group .panel-body {
  line-height: 24px;
  color: #555;
}
.faqs h4 .collapsed:hover,
.faqs h4 a:hover,
.faqs h4 a:active {
  text-decoration: none;
  background: #900;
  color: #fff;
}
.faqs h4 a:before {
  content: "\f068";
  background: #fff;
  font-family: "FontAwesome";
  width: 30px;
  padding: 6px 0;
  color: #900;
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
}
.faqs h4 .collapsed:before {
  content: "\f067";
  font-family: "FontAwesome";
  background: #666;
  width: 30px;
  padding: 6px 0;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  text-decoration: none;
}
.faqs h4 a.collapsed {
  background: #fff;
  color: #666;
  text-decoration: none;
}
.accordion-item {
  margin-bottom: 30px !important;
}
.accordion-button {
  background-color: #f0eff4 !important;
}
.accordion-body {
  word-break: break-all;
}
/*Form Panel*/
.formpanel {
  margin-top: 20px;
}
.formpanel .formrow {
  margin-bottom: 15px;
}
.formpanel .formrow > label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #999;
}
.formpanel .formrow > label span {
  color: #e40404;
}
.formpanel .form-control {
  height: auto;
  border-radius: 0;
  padding: 10px 13px;
  border-color: #ddd;
}
.formpanel select.form-control {
  padding: 10px 13px;
  border-radius: 0;
  line-height: normal;
  appearance: auto;
}
.formpanel textarea.form-control {
  height: 150px;
}
.formpanel .btn {
  width: 100%;
  background: #3642ad;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.formpanel .btn:hover {
  background: #000;
}
.formpanel .formrow .help-block {
  color: #e70000;
  display: block;
  margin-top: 5px;
}
.formpanel.mt0 {
  margin-top: 0;
}
#projects_div h3 {
  font-size: 16px;
  margin-top: 5px;
}
.featchoose li {
  margin-bottom: 10px;
}
/*Google Map*/
.gmap {
  margin-top: 20px;
}
.gmap iframe {
  height: 250px;
  width: 100%;
  border: none;
}
.googlemap iframe {
  height: 400px;
  width: 100%;
  border: none;
}
.userimgupbox {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.userimgupbox .imagearea {
  min-height: 122px;
}
.userimgupbox .imagearea label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #999;
}
.userimgupbox .imagearea label span {
  color: #e40404;
}
.userimgupbox .formrow {
  margin-bottom: 0;
}
.userimgupbox .imagearea img{max-width: 100px;}
.formpanel .formrow > label.btn {
  color: #fff;
  background: none;
  color: #8b8b8b;
  border: 2px dashed #ccc;
  margin-bottom: 0;
  margin-top: 5px;
}
.formpanel .formrow > label.btn:hover {
  background: #eee;
}

.editproflink{background: #eee; border-radius: 5px; display: inline-block; color: #333; text-decoration: none; padding: 10px 25px; font-weight: 600;}
/************************************************
           == User Account css==
*************************************************/
.authpages {
  padding: 50px 0;
  position: relative;
  background: #eee;
}
/* .authpages:before{background: url(../images/search-bg.png) no-repeat bottom; position: absolute; top: 0; left: 0; width: 100%; height: 550px; content: '';} */



.recruitcard {
  text-align: center;
  padding:20px 15px 25px;
}
.recruitcard h3 {
  font-size: 22px;
  text-align: left;
  margin-bottom: 15px;
}
.recruitcard img {
  margin-bottom: 30px;
  border-radius: 15px;
}
.listcadibullet {
  list-style-type: decimal;
  margin-left: 16px;
}
.listcadibullet li {
  margin-top: 7px;
  text-align: left;
}
.listcadibullet li strong{font-weight: 700;}
.useraccountwrap {
  max-width: 600px;
  margin: 0 auto;
}
.userccount {
  background: #f5f7ff;
  padding: 50px;
  border-radius: 10px;
  border-bottom: 3px solid #900;
  margin-bottom: 30px;
  box-shadow: 0px 6px 12px rgb(0 0 0 / 5%);
}
.whitebg {
  background: #fff;
}
.userccount p {
  text-align: center;
  line-height: 24px;
}
.userccount h5 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 30px;
}
.socialLogin {
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 20px;
  display: flex
  ;
      justify-content: center;
}
.socialLogin a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  color: #fff;
  font-size:24px;
  margin: 0 5px;
  border-radius: 10px;
  border: 2px solid #EFEFEF;
}
.socialLogin a i{font-size: 24px;}

.socialLogin a svg{width: 24px;}
.socialLogin a.fb {
  color: #1877f2;
}
.socialLogin a.gp {
  color: #dd4b39;
}
.socialLogin a.tw {
  color: #000;
}
.socialLogin a:hover{background: #eee;}
.socialLogin a span{font-size: 16px; font-weight: 600; color: #000;}


.newuser {
  margin-top: 30px;
  text-align: center;
  color: #666;
  font-size: 18px;
}
.newuser a {
  font-weight: 500;
}
.userbtns .nav-tabs {
  margin-bottom: 0;
}
.userbtns .nav-tabs > li {
  width: 50%;
  margin-bottom: 0;
}
.userbtns .nav-tabs > li a, .userbtns .nav-tabs > li button {
  border: none;
  border-radius: 5px 5px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  padding: 10px 20px;
  position: relative;
  background: #f2f2f2;
  margin-right: 5px;
}
.userbtns .nav-tabs > li a:hover,
.userbtns .nav-tabs > li a.active,
.userbtns .nav-tabs > li button:hover,
.userbtns .nav-tabs > li button.active {
  background: #0052cc;
  border: none;
  color: #fff;
}
.userbtns .nav-tabs > li.active a:after, .userbtns .nav-tabs > li.active button:after  {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0052cc;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.userbtns .nav-tabs > li a.active:after, .userbtns .nav-tabs > li button.active:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0052cc;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}



.userlogincontent{width: 50%; flex: 0 0 50%; padding: 50px;
	background:#000 url(../images/loginpagebg.jpg?v=2) no-repeat;
  background-size: cover;	
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

.userlognform{padding: 50px; border-top: 1px solid #eee;}
.userlognform .useraccountwrap{
  max-width: 450px;
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 30px;
}
.userlognform .userccount{box-shadow: none; border: none; padding: 0;}
/* .userlogincontent .recruitcard h3{color: #fff;}
.userlogincontent .listcadibullet li{color: #fff;} */







.docpending {
  background: #900;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.docapprove {
  background: #198754;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.strippckinfo {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.pkginfo {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  color: #777;
}
.pkginfo strong {
  color: #900;
  font-weight: 700;
}
.tab-content > .active {
  opacity: 1;
}
.tab-content > .active.show {
  opacity: 1;
}
.profileban {
  position: relative;
}
.abtuser {
  background: #f1f5ff;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 0;
}
.profileban img {
  width: 100%;
}
.abtuser h4 {
  color: #2166a4;
  font-size: 20px;
  font-weight: 500;
}
.abtuser h6 {
  color: #444;
  font-size: 16px;
  font-weight: 500;
}
.uavatar img {
  display: block;
  width: 70px;
  height: 70px;
  margin-right: 0;
}
.editbtbn {
  text-align: left;
  margin-top: 15px;
}
.editbtbn a {
  background: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  display: inline-block;
  font-weight: 400;
}
.editbtbn a:hover {
  background: #900;
  color: #fff;
  text-decoration: none;
}
.userdata {
  margin-top: 10px;
}
.userdata li {
  color: #737373;
  font-size: 14px;
  margin-top: 10px;
}
.userdata li i {
  color: #8c171e;
  font-size: 14px;
  margin-right: 5px;
}
.userdashbox {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.userdashbox h4 {
  text-align: center;
  font-size: 18x;
  color: #333;
  font-weight: 700;
  word-break: break-word;
}
.uavatar {
  background: #fff;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.postjobcand{padding: 15px;  border-radius: 10px; display: flex; gap: 15px; align-items: center; margin-bottom: 30px;
  border: 1px solid #ebeffb;
}
.postjobcand span{font-size: 48px; color: #0052cc;}
.postjobcand h4{font-size: 22px; color: #222; font-weight: 700; margin: 0;}
.postjobcand a{border: 2px solid #e9ecf1; padding: 12px 25px; color: #0052cc; font-size: 16px; font-weight: 600; display: inline-block; border-radius: 5px; margin-left: auto;}
.postjobcand a:hover{background: #0052cc; color: #fff;}


.report-options {
  list-style: none;
  padding: 0;
}
.report-options li label {
  display: flex;
  padding: 15px;
  border: 2px solid #eee;
  background: white;
  color: black;
  text-align: center;
  margin: 10px 0;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3sease;
  font-size: 16px;
}
.report-options li label:hover{background: #f3f3f3;}

.report-options li input[type="radio"] {
  display: none; /* Hide the input completely */
}

.report-options li input[type="radio"]:checked + label {
  background: #0052cc;
  color: white;
}




.arrow {
  font-weight: bold;
  margin-left: auto;
}
.form-step {
  display: none;
  text-align: left;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.form-step:first-child {
  display: block;
}
.form-step p{color: #666;}
.btnradiotp ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}

.btnradiotp ul li {
  position: relative;
}

.btnradiotp label {
  display: block;
  padding: 10px;
  border: 2px solid #0052cc;
  background: white;
  color: black;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
  border-radius: 45px;
  transition: all 0.3s ease;
}

.btnradiotp input[type="radio"] {
  display: none; /* Hide the input completely */
}

.btnradiotp input[type="radio"]:checked + label {
  background: #0052cc;
  color: white;
}


.stepbtns{margin-top: 30px; text-align: right;}
.stepbtns button{border-radius:45px; padding: 10px 20px; font-size: 16px; border: 1px solid #0052cc; color: #0052cc; font-weight: 600; background: #fff;}
.stepbtns button.next-btn{background:#0052cc; color: #fff;}
.stepbtns button.prev-btn{margin-right: 10px;}

.reportnote{background: #f4f4f4; padding: 10px; font-size: 14px;line-height: 20px; margin-top: 30px; border-radius: 5px;}

#reportblock .modal-dialog{max-width: 600px;}
.selectionoptbx{margin-top: 30px;}
.selectionoptbx h6{margin-bottom: 5px;}
.selectionoptbx .reportnote{margin-bottom: 30px; margin-top: 0;}
.selectionoptbx textarea{height: 200px; margin-top: 5px;}

.selectedusers{display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 15px;    border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 30px;}
.selectedusers span{display: inline-block; background: #0052cc; color: #fff; font-size: 16px; padding: 10px 20px;     border-radius: 40px;}
.selectedusers span a{color: #fff; margin-left: 10px;}


/* Share Modal Styles */
#customShareModal{background: rgba(0, 0, 0, 0.5);}
#customShareModal .btn-primary{background: #0052cc;}

.sharemodal {
  position: fixed;
  top:50px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  justify-content: center;
  align-items: center;
  z-index: 120000;
}
.sharemodal-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 600px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  margin-top: 100px;
}
.close-button {
  float: right;
  font-size: 24px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
}
.close-button:hover {
  color: black;
}
.resumebuildwrap {
  padding: 35px;
  border-radius: 15px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.resumebuildwrap .table th {
  font-weight: 700;
}
.title-error {
  color: #df0909;
}
.expboxint {
  border: 1px solid #eee;
  padding: 25px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.expboxint:hover {
  border-color: #900;
}
.expboxint h4 {
  font-size: 20px;
}
.expboxint h5 {
  font-size: 16px;
  color: #666;
}
.expboxint h5 i {
  margin-right: 7px;
  color: #999;
}
.expboxint p i {
  color: #900;
}
.userprofilealert {
  background: #900;
  padding: 10px 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  animation: colorChange 6s infinite;
}
.userprofilealert h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
.userprofilealert h5 i {
  font-size: 24px;
  color: #eeba00;
  margin-right: 10px;
}

.empprofilealert {
  background:#fde898;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:30px;
}
.empprofilealert h5 {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
.empprofilealert h5 i {
  font-size: 20px;
  color: #fff;
  margin-right: 15px;  
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.2);
}

.empprofilealert a{    background: #eb020c;
  padding: 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;}
  .empprofilealert a:hover{background: #000;}

#skill_div table td, #language_div table td{padding-left: 0;}
#skill_div table a , #language_div table a{font-size: 14px;}
.modal-body .formrow{margin-bottom: 15px;}
.modal-body .formrow .form-control{margin-top: 5px;}
.modal-body .formrow textarea.form-control{height: 180px;}
.videocv iframe{width: 100%; height: 350px; margin-bottom: 10px;}

.hobbieslist li{display: flex; justify-content: space-between; margin-top: 15px; margin-top: 5px;  background: #f3f3f3;
  padding: 10px;}
.hobbieslist li h5{margin-bottom: 5px; font-size: 15px; font-weight: 700;}
.hoblinks a{font-size: 18px;}

.referenceslist li .refintbx{position: relative; border: 1px solid #eee; border-radius: 4px; padding: 20px; margin-top: 30px;}
.referenceslist li .refintbx h5{font-weight: 600;}
.referenceslist li .refintbx h5 span{font-size: 14px; color: #777;}
.reflinks{position: absolute; right: 15px; top: 15px;}
.reflinks a{font-size: 14px;}
.refphn{margin-top: 10px; color: #666;}
.refphn i{color: #ccc;}
a.refphn{color: #0052cc;}



.downloadbtn .btn-primary {
  background: rgb(0, 41, 162);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 46%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 46%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 46%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0029a2",endColorstr="#149ac9",GradientType=1);
  transition: 0.2s ease-in-out;
}
.downloadbtn .btn-primary:hover {
  background: rgb(0, 41, 162);
  background: -moz-linear-gradient(
    180deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 47%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 47%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(0, 41, 162, 1) 0%,
    rgba(41, 129, 195, 1) 47%,
    rgba(79, 155, 215, 1) 47%,
    rgba(20, 154, 201, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0029a2",endColorstr="#149ac9",GradientType=1);
}
.rejreason {
  color: #900;
  line-height: 17px;
  margin-top: 10px;
}
.spdoclist {
  display: block;
}
.spdoclist h5 {
  justify-content: space-between;
}
.spdoclist h5 p {
  font-size: 16px;
  font-weight: normal;
}
.spdoclist h5 strong {
  margin-right: auto;
}
.spdoclist .uploadlistbtn {
  background: #eeba00;
  color: #000;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 5px;
}

.spdoclist .reqlistdoc {
  background: #fff;
  color: #000;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 5px;
  margin-left: 10px;
}
.spdoclist .uploadlistbtn:hover, .spdoclist .reqlistdoc:hover{color: #fff;}

.preuserinfo ol li {
  margin-top: 15px;
  font-size: 16px;
}
.featuredprofile {
  border-radius: 5px;
  padding: 30px;
  border-top: 5px solid #900;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0px 20px 30px 5px rgb(0 0 0 / 10%);
  border: 1px solid #eee;
}
.featuredprofile .featprice {
  font-weight: 700;
  font-size: 30px;
  color: #c70101;
  margin-bottom: 20px;
  text-align: center;
  background: #eee;
  padding: 20px;
}
.featuredprofile .featprice span {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.packginfor p {
  margin-bottom: 0;
}
.packginfor h5 {
  margin-bottom: 10px;
  font-size: 20px;
  text-align: left;
}
.featuredprofile .order {
  padding: 0;
  margin-top: 30px;
}
.featuredprofile.purchased {
     background: #fff;
    border: 1px solid #e4e5e8;
    box-shadow: none;
}
.featuredprofile.purchased .order {
  text-align: left;
  margin-top:20px;
  font-weight: normal;
}
.featuredprofile.purchased .order strong {
  display: block;
  font-weight: 400;
  font-size: 16px;
}
.featuredprofile.purchased .order span {
  display: block;
  font-size: 14px;
  color: #000;
  margin-top: 8px;
  font-weight: 700;
}
.pckfeatlist li {
  margin-top: 15px;
  font-size: 14px;
}
.pckfeatlist li i {
  color: #900;
  margin-right: 10px;
  width: 18px;
}
/***************************
		404 Page
***************************/
.error-page-wrap {
  padding: 100px 0;
}
.error-page-wrap .errormain {
  text-align: center;
}
.error-page-wrap .errormain h2 {
  font-size: 350px;
  color: #999;
  font-weight: 900;
  line-height: 350px;
}
.error-page-wrap .errormain h3 {
  font-size: 40px;
  color: #888;
  font-weight: 900;
  line-height: 50px;
  letter-spacing: 5px;
  display: inline-block;
  border: 5px solid #ddd;
  padding: 20px 40px;
  margin-top: -20px;
}
.error-msg {
  margin-top: 50px;
}
.error-msg p {
  max-width: 500px;
  margin: auto;
  line-height: 24px;
  font-size: 16px;
  color: #666;
}
.error-msg .btn {
  background: #900;
  color: #fff;
  margin-top: 30px;
  border-radius: 0;
  padding: 10px 25px;
  font-size: 18px;
  font-weight: 500;
}
/***************************
	About Us
****************************/
.about-wraper {
  padding: 100px 0;
}
.about-wraper h2 {
  font-size: 36px;
  color: #900;
  font-weight: 700;
  margin-bottom: 15px;
}
.about-wraper p {
  line-height: 24px;
  font-size: 16px;
}
.about-wraper strong {
  font-weight: 700;
}
.about-wraper em {
  font-style: italic;
}
.about-wraper u {
  text-decoration: underline;
}
.about-wraper ul {
  margin-top: 20px;
  margin-bottom: 20px;
}
.about-wraper ul li {
  padding: 5px 0 5px 25px;
  position: relative;
  line-height: 24px;
  font-size: 16px;
}
.about-wraper ul li:before {
  content: "\f18e";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.what_we_do {
  padding: 50px 0;
  background: #f8f8f8;
  margin-top: 100px;
}
.what_we_do .main-heading {
  color: #900;
  text-align: center;
  line-height: 48px;
  font-size: 36px;
  font-weight: 700;
}
.whatText {
  font-size: 24px;
  text-align: center;
  color: #444;
  line-height: 42px;
}
.whatList {
  list-style: none;
  margin-top: 50px;
}
.whatList li {
  text-align: center;
}
.whatList li .iconWrap {
  display: inline-block;
  border: 4px solid #ddd;
  border-radius: 100%;
  padding: 10px;
}
.whatList li .icon {
  font-size: 103px;
  color: #fff;
  background: #900;
  width: 180px;
  height: 180px;
  text-align: center;
  line-height: 180px;
  border-radius: 100%;
}
.whatList li h3 {
  font-size: 30px;
  color: #333;
  padding-top: 30px;
  margin-bottom: 15px;
  font-weight: 500;
}
.whatList li p {
}
.textrow {
  padding-top: 100px;
}
ul.orderlist {
  list-style: none;
  margin-top: 30px;
}
ul.orderlist li {
  float: left;
  width: 48%;
  margin-bottom: 12px;
  color: #333;
  font-size: 16px;
}
ul.orderlist li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: #82b440;
}

.rltsidebarbox, .leftsidebarwrap{position: relative;}
.sidebar-container {
  position: relative;
  height: auto;
}




/**************************
	Pay Packages
**************************/
.freepackagebox {
  background: #ccc;
  padding: 25px;
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 30px;
  border-radius: 10px;
  animation: colorChange 6s infinite;
}
.freepackagebox a {
  margin-left: auto;
  background: #fff;
  color: #000;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 20px;
  width: 250px;
  text-align: center;
}
.freepackagebox img {
  width: 80px;
}
.freepackagebox h5 {
  font-size: 20px;
}
.freepackagebox p {
  font-size: 18px;
}
.freepackagebox h5,
.freepackagebox p {
  color: #fff;
  margin-bottom: 0;
}
.frpkgct p {
  font-size: 14px;
}
.freepackagebox.feedadvert {
  padding: 10px 10px 10px 25px;
}
.freepackagebox a.postlink {
  width: auto;
  font-size: 14px;
  padding: 10px 15px;
}
.feedpkginfo {
  background: #ccc;
  padding: 12px 12px 12px 25px;
  margin-bottom: 30px;
  border-radius: 10px;
  animation: colorChange 6s infinite;
  min-height:49px;
}
.feedpkginfo p {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
}
.feedpkginfo a {
  background: #fff;
  color: #000;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  padding: 6px 15px;
  text-align: center;
  display: inline-block;
  margin-left: auto;
}
@keyframes colorChange {
  0% {
    background-color: #000;
  }
  33% {
    background-color: #469ee3;
  }
  66% {
    background-color: #a20000;
  }
  100% {
    background-color: #3add7b;
  }
}
.userstatsbox {
  position: relative;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  animation: usercolorChange 6s infinite;
  background: rgb(70, 158, 227);
  background: -moz-linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(70, 158, 227, 1) 0%,
    rgba(162, 0, 0, 1) 48%,
    rgba(0, 179, 182, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#469ee3",endColorstr="#00b3b6",GradientType=1);
}
.fade-text {
  width: 100%;
  font-size: 18px;
  display: none;
  color: #fff;
  margin-top: 10px;
}
.fade-text i {
  margin-right: 10px;
  color: #469ee3;
  background: #fff;
  display: inline-block;
  padding: 10px;
  border-radius: 50px;
  width: 44px;
  height: 44px;
  font-size: 20px;
  text-align: center;
  line-height: 26px;
}
.fade-text:nth-child(2) i {
  color: #a20000;
}
.fade-text:nth-child(3) i {
  color: #3add7b;
}
@keyframes usercolorChange {
  0% {
    background-color: #000;
  }
  33% {
    background: rgb(47, 162, 0);
    background: -moz-linear-gradient(
      90deg,
      rgba(47, 162, 0, 1) 0%,
      rgba(215, 219, 29, 1) 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(47, 162, 0, 1) 0%,
      rgba(215, 219, 29, 1) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(47, 162, 0, 1) 0%,
      rgba(215, 219, 29, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fa200",endColorstr="#d7db1d",GradientType=1);
  }
  66% {
    background: rgb(162, 24, 0);
    background: -moz-linear-gradient(
      90deg,
      rgba(162, 24, 0, 1) 0%,
      rgba(20, 188, 201, 1) 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(162, 24, 0, 1) 0%,
      rgba(20, 188, 201, 1) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(162, 24, 0, 1) 0%,
      rgba(20, 188, 201, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a21800",endColorstr="#14bcc9",GradientType=1);
  }
  100% {
    background: rgb(70, 158, 227);
    background: -moz-linear-gradient(
      90deg,
      rgba(70, 158, 227, 1) 0%,
      rgba(162, 0, 0, 1) 48%,
      rgba(0, 179, 182, 1) 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(70, 158, 227, 1) 0%,
      rgba(162, 0, 0, 1) 48%,
      rgba(0, 179, 182, 1) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(70, 158, 227, 1) 0%,
      rgba(162, 0, 0, 1) 48%,
      rgba(0, 179, 182, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#469ee3",endColorstr="#00b3b6",GradientType=1);
  }
}
.fade-text span {
  display: inline-block;
  animation: shakeEffect 0.5s 1 ease-in-out;
  font-weight: bold;
}
@keyframes shakeEffect {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
/*************************
	Three colum Packages
*************************/
.four-plan h3 {
  padding: 0px;
  font-weight: 500;
  margin-bottom: 0;
  color: #900;
}
.four-plan .boxes {
  list-style: none;
  border-radius: 5px;
  background: #fff;
  margin-top: 10px;
  border: 1px solid #eee;
}
.four-plan .boxes li {
  display: block;
}
.four-plan .icon {
  font-size: 52px;
  color: #565656;
  padding: 30px 0;
}
.four-plan .plan-name {
  font-size: 26px;
  font-weight: 500;
  padding: 20px;
  text-align: center;
}
.four-plan .plan-date {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.plan-pages {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #868686;
  padding: 10px 30px;
}
.plan-pages i {
  margin-right: 10px;
  color: #2990c8;
}
.plan-pages i.fa-times-circle {
  margin-right: 10px;
  color: #e50f0f;
}
.plan-pages1 {
  display: block;
  font-size: 16px;
  line-height: 43px;
  font-weight: bold;
  color: #e2e2e2;
}
.order {
  font-size: 14px;
  padding: 25px 20px;
  font-weight: bold;
  text-align: center;
}
.order a {
  background: #900;
  border-radius: 5px;
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.order.paypal a {
  background: #003087;
}
.order.payu a {
  background: #54d726;
}
.order a:hover {
  background: #333;
}
.boxes .order a {
  background: #e9040e;
  border-radius: 50px;
}
.invitereval {
  padding: 30px;
  text-align: center;
}
.invitereval h3 {
  font-size: 24px;
}
.totalpay {
  font-size: 16px;
    padding: 10px 15px;
    background: #f3f3f3;
    margin-bottom: 15px;
    border-radius: 5px;
}
.totalpay strong {
  color: #900;
  font-weight: 500;
}
.btn2s li {
  display: inline-block;
}
.main-plan {
  margin-bottom: 15px;
  text-align: center;
  background: #f6f6f6;
  padding: 20px;
}
.main-plan .plan-price1-1 {
  font-size: 20px;
  color: #565656;
  display: inline-block;
  font-weight: 300;
}
.main-plan .plan-price1-2 {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  color: #e9040e;
}
/* .four-plan .col-md-4:nth-child(2) .main-plan .plan-price1-2{color: #900;}
.four-plan .col-md-4:nth-child(2) .boxes{border-top-color:  #900;} */
.main-plan .plan-price1-3 {
  font-size: 18px;
  float: left;
  line-height: 20px;
  margin-right: 30px;
  color: #cdcdcd;
  font-weight: 300;
  padding-top: 32px;
}
.main-plan .plan-price1-4 {
  display: block;
}

.choosepybox{padding: 20px;}


/*************************
	Three colum Packages
*************************/
.three-plan {
  padding: 100px 0;
}
.three-plan h3 {
  padding: 0px;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
.three-plan ul {
  list-style: none;
  background: #fff;
}
.three-plan li {
  padding: 0px;
}
.three-plan .boxes {
  background: #fff;
  margin-top: 30px;
}
.pricing-table1 {
  background: #ffc600;
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding: 10px 0px;
  font-weight: 500;
}
.pricing-table1 strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.pricing-detail {
  list-style: none;
}
.pricing-detail li {
  display: block;
  text-align: center;
}
.pricing-unit1 {
  font-size: 57px;
  float: left;
  color: #ffc600;
  margin-left: 20px;
  padding-top: 80px;
  font-weight: 300;
}
.pricing-unit1-1 {
  font-size: 132px;
  font-weight: bold;
  color: #ffc600;
  float: left;
}
.pricing-unit1-2 {
  font-size: 18px;
  line-height: 20px !important;
  color: #cdcdcd;
  float: left;
  font-weight: 300;
  padding-top: 100px;
}
.pricing-unit1-3 {
  display: block;
}
.pricing-unit2 {
  font-size: 57px;
  float: left;
  color: #00aeff;
  margin-left: 20px;
  padding-top: 80px;
  font-weight: 300;
}
.pricing-unit2-1 {
  font-size: 132px;
  font-weight: bold;
  color: #00aeff;
  float: left;
}
.pricing-unit2-2 {
  font-size: 18px;
  line-height: 20px !important;
  color: #cdcdcd;
  font-weight: 300;
  padding-top: 100px;
}
.pricing-unit2-3 {
  display: block;
}
.pricing-unit3 {
  font-size: 57px;
  float: left;
  color: #56d700;
  margin-left: 20px;
  padding-top: 80px;
  font-weight: 300;
}
.pricing-unit3-1 {
  font-size: 132px;
  font-weight: bold;
  color: #56d700;
  float: left;
}
.pricing-unit3-2 {
  font-size: 18px;
  line-height: 20px !important;
  color: #cdcdcd;
  font-weight: 300;
  padding-top: 100px;
}
.pricing-unit3-3 {
  display: block;
}
.three-plan .plan-name-dt {
  font-size: 36px;
  font-weight: bold;
  color: #5c5c5c;
  padding: 0px 82px;
  padding-top: 75px;
  line-height: 44px;
  padding-bottom: 39px;
}
.three-plan .plan-good i {
  font-size: 18px;
  color: #a8a8a8;
  margin-right: 12px;
}
.three-plan .plan-pages {
  font-size: 16px;
  line-height: 43px;
  padding-left: 70px;
  font-weight: 300;
  color: #a8a8a8;
  border-top: 1px solid #f5f5f5;
  padding-top: 3px;
}
.three-plan .plan-detail {
  font-size: 16px;
  line-height: 43px;
  text-align: center;
  font-weight: bold;
  color: #868686;
  border-top: 1px solid #f5f5f5;
  padding-top: 3px;
}
.three-plan .plan-detail1 {
  font-size: 16px;
  line-height: 43px;
  text-align: center;
  font-weight: bold;
  color: #868686;
  border-top: 1px solid #f5f5f5;
  padding-top: 3px;
}
.three-plan .plan-detail1 i {
  color: green !important;
}
.three-plan .plan-detail i {
  color: red !important;
}
.pricing-table1-2 {
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding: 10px 0px;
  font-weight: 500;
}
.pricing-table1-2 strong {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.pricing-table1-3 {
  background: #56d700;
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding: 10px 0px;
  font-weight: 500;
}
.pricing-table1-3 strong {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.three-plan .plan-pages i {
  font-size: 18px;
  color: #a8a8a8;
  margin-right: 12px;
}
.three-plan .plan-pages1 {
  display: block;
  font-size: 16px;
  line-height: 43px;
  font-weight: bold;
  color: #e2e2e2;
}
.three-plan .order-1 {
  background: #ffc600;
  font-size: 16px;
  padding: 25px 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.three-plan .order-1 a {
  background: #000;
  border-radius: 5px;
  padding: 12px 32px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.three-plan .order-2 {
  background: #000;
  font-size: 16px;
  padding: 25px 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.three-plan .order-2 a {
  background: #00aeff;
  border-radius: 5px;
  padding: 12px 32px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.three-plan .order-3 {
  background: #56d700;
  font-size: 16px;
  padding: 25px 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.three-plan .order-3 a {
  background: #000;
  border-radius: 5px;
  padding: 12px 32px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
/* =======================
		Blog Listing
======================= */
.blogWraper {
  margin-bottom: 40px;
}
.blogList {
  list-style: none;
}
.blogList li .bloginner {
  background: #fff;
  padding: 12px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #eee;
}
.blogList li .bloginner:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-color: #900;
}
.homeblogposts .blogList li .bloginner{margin-top: 20px; margin-bottom: 0;}
.postimg {
  position: relative;
  display: inline-block;
}
.postimg .date {
  width: 60px;
  height: 60px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  padding: 7px 10px 0 10px;
  text-align: center;
  line-height: 20px;
  background: #900;
  letter-spacing: 0.4px;
  outline: 3px solid #900;
  border: 1px solid #fff;
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 12;
}
.post-header {
  margin-bottom: 20px;
}
.post-header h2 {
  margin-top: 15px;
}
.post-header h4 a {
  font-size: 16px;
  color: #555;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}
.post-header h4 a:hover {
  color: #333;
}
.postmeta {
  margin: 10px 0 10px 0;
  line-height: 24px;
}
.postmeta span,
.postmeta a {
  color: #900;
}
.blogList p,
.blogGrid li p {
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  max-height: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.2rem !important;

}
.blogList .readmore,
.blogGrid .readmore {
  border-bottom: 1px dotted #00b1f1;
  display: inline-block;
  margin-top: 15px;
  color: #000;
  font-weight: 500;
  padding-bottom: 5px;
}
.blogList .readmore:hover,
.blogGrid .readmore:hover {
  text-decoration: none;
  color: #00b1f1;
}


.blogstyle2{
  position: relative;
  display: block;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 30px;
  box-shadow: 10px 20px 60px rgba(17, 17, 17, .05);
  background: #fff;
}

.news-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
}
.news-one__img img{width: 100%; display: block;transition: .3s; height: 180px; object-fit: cover;}
.blogstyle2:hover img {
  transform: scale(1.05);
}

.news-one__content {
  position: relative;
  display: block;
  padding:15px;
  transition: all 500ms ease;
}
.news-one__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 20px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 60px;
    max-height:60px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.news-one__title a{color: #333;}
.news-one__title a:hover{color: #003087;}


.news-one__text {
  font-size: 16px;
  line-height: 28px;
  color: #696e77;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height:140px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.news-one__content .postmeta{margin-top: 0; color: #696e77; font-size: 16px;}
.morelinksblg{
  border: 1px solid #c8c8c8;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 50px;
  font-size: 16px;
  color: #555;
  font-weight: 600;
}
.morelinksblg:hover{background: #0052cc; color: #fff;}


.userblogs .blogstyle2{padding: 10px;    border-radius: 15px;}
.userblogs .blogstyle2 p{margin-bottom: 15px;}
.userblogs .news-one__title{margin-bottom: 10px;}
.userblogs .morelinksblg{padding:10px 20px;}
.userblogs .news-one__img{border-radius: 10px; height: 110px;}
.userblogs .news-one__img img{height: 110px;  object-fit: cover;}

.blogtextarea{height: 200px;}




/* =======================
		Blog Grid
======================= */
.blogGrid {
  list-style: none;
}
.blogGrid li {
  margin-bottom: 30px;
}
.blogGrid li .int {
  background: #fff;
  padding: 20px;
  border: 1px solid #e4e4e4;
}
.blogGrid li .int:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-color: #900;
}
.blogGrid li .post-header {
  margin-top: 10px;
}
/* =======================
		Blog Detail
======================= */
.blogdetailbox {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #e4e4e4;
}
blockquote {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  padding: 20px 20px 20px 60px;
  position: relative;
  border: 3px solid #00b1f1;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
blockquote p {
  font-style: italic;
  display: inline-block;
  color: #000;
}
blockquote:before {
  color: #ddd;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 22px;
  font-style: normal;
  left: 24px;
  position: absolute;
  top: 20px;
  transform: scale(-1);
}
blockquote:after {
  color: #ddd;
  content: "\f10e";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 22px;
  font-style: normal;
  margin: 0 0 0 8px;
  position: relative;
  top: 3px;
}
.comments h4 {
  color: #222222;
  font-size: 24px;
  font-weight: 500;
}
.comments .media-body h4 span {
  font-size: 12px;
  color: #777777;
  margin-left: 20px;
  display: inline-block;
  width: 100%;
}
.comments {
  margin-top: 30px;
}
.comments .media-list {
  margin-bottom: 30px;
}
.comments .media-list li {
  padding: 20px;
  border: 1px solid #e9e9e9;
  position: relative;
  background: #fff;
}
.comments .media-left {
  margin-right: 20px;
}
.comments .media-left a {
  width: 100px;
  display: inline-block;
}
.comments .media p {
  margin-top: 5px;
  color: #333;
  line-height: 20px;
}
.comments .media h6 span {
  font-size: 13px;
  color: #999;
  margin: 0;
  margin-top: 10px;
  text-transform: none;
  display: inline-block;
  width: 100%;
}
.comments .media {
  margin-top: 30px;
}
.comments .media h6 {
  font-weight: 500;
  color: #00b1f1;
  font-size: 16px;
  text-transform: none;
}
.comments .btn.raply {
  padding: 10px 12px;
  font-size: 12px;
  color: #333;
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 15px;
  right: 0;
}
.comments .btn.raply:hover {
  background: #00b1f1;
  color: #fff;
}
.comments .media a img {
  margin-bottom: 10px;
}
.commnetsfrm {
  background: #fff;
  padding: 25px;
}
.comments form label {
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
.comments form .form-control {
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  border-radius: 0px;
  box-shadow: none;
  background: none;
  border: 1px solid #e8e8e8;
}
.comments form textarea.form-control {
  display: inline-block;
  width: 100%;
  height: 150px;
}
.commnetsfrm .btn {
  background: #00b1f1;
  color: #fff;
  font-weight: 700;
  margin-top: 20px;
  border-radius: 0;
  font-size: 18px;
  padding: 8px 18px;
}
/************************************************
           ==Blog sidebar css==
*************************************************/
.search {
  position: relative;
  margin-bottom: 15px;
}
.search .form-control {
  border-radius: 0;
  height: auto;
  padding: 10px 12px;
  border-color: #ddd;
}
.search .btn {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  background: none;
  font-size: 20px;
}
/*categories*/
.categories li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.categories li a {
  margin-top: 0;
  color: #888;
  font-weight: 500;
}
.categories li:before {
  content: "\f0da ";
  font-family: "FontAwesome";
  position: absolute;
  left: 0px;
  color: #900;
  font-size: 12px;
}
.categories li a:hover {
  color: #900;
}
/*Archives*/
.archive li {
  line-height: 45px;
}
.archive li a {
  margin-top: 0;
  color: #888;
  font-weight: 500;
}
.archive li span {
  float: left;
  height: 30px;
  width: 30px;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #fff;
  outline: 3px solid #f5f5f5;
  margin-right: 20px;
  line-height: 26px;
  font-size: 12px;
  color: #777777;
  margin-top: 10px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.archive li a:hover span {
  background: #900;
  color: #fff;
}
/*Popular Posts*/
.papu-post {
}
.papu-post .media-left {
  margin-right: 0px;
}
.papu-post .media-left img {
  width: 100%;
}
.papu-post .media-left a {
  width: 80px;
  margin-top: 0;
  margin-right: 5px;
  display: inline-block;
}
.papu-post span {
  color: #333;
  letter-spacing: 0px;
  font-size: 11px;
}
.papu-post li {
  border-bottom: 1px solid #ececec;
  padding: 20px 0;
  margin: 0px;
}
.papu-post .media-heading {
  display: inline-block;
  width: 100%;
  color: #00b1f1;
  margin-top: 0px;
  line-height: 20px;
}
.papu-post li:last-child {
  border-bottom: 0;
}
/*Tags*/
.tags:after {
  display: table;
  clear: both;
  content: "";
}
.tags li {
  display: inline-block;
  float: left;
}
.tags a {
  color: #969595;
  border: 1px solid #dadada;
  padding: 7px 10px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.tags a:hover {
  border: 1px solid #900;
  background: #900;
  color: #fff;
  text-decoration: none;
}
/*Photo Streen*/
.photo-steam {
  margin: 0 -5px;
}
.photo-steam:after {
  display: table;
  clear: both;
  content: "";
}
.photo-steam li {
  float: left;
  width: 25%;
  padding: 0 5px;
  margin-bottom: 10px;
}

.swal2-popup{padding: 25px !important;}
.swal2-title{font-size: 24px !important; padding-top: 0 !important;}
.swal2-html-container{padding: 0 !important; padding-top: 10px !important; font-size: 16px !important;}
.swal2-icon{margin-top: 0 !important;}
.swal2-confirm{padding: 15px 25px !important; background-color:#0052cc !important;}
.swal2-cancel{padding: 15px 25px !important;}

.notifyjs-corner {
  bottom: 20px;
  top: auto !important;
  right: 50% !important; 
  margin-right: -130px !important; 
}


/************************************************
           == Dashboard Page css==
*************************************************/
.usertopnavwrap{display: flex; margin-bottom: 30px; border: 1px solid #eee;  border-radius: 10px;  padding: 15px;     flex-wrap: wrap;}
.userprflinks{margin-left: auto;}
.userprflinks .seekerlks{display: flex; gap: 5px; flex-wrap: wrap; align-items: center;}
.userprflinks .seekerlks > li > a{border: 1px solid #eee; border-radius: 5px; padding: 7px 10px; color: #0052cc; display: block;}
.userprflinks .seekerlks li > a span, .userprflinks .seekerlks li > a i{width: 24px; height: 24px; font-size: 24px;}
.userprflinks .seekerlks > li:first-child a{padding: 13px 20px; font-weight: 600;}
.userprflinks .seekerlks li a.more{padding:13px 10px;}
.userprflinks .seekerlks > li > a:hover{background: #0052cc; border-color: #0052cc; color: #fff;}

.userprflinks .dropdown-item{padding:10px 20px; font-size: 14px;}
.userprflinks .dropdown-item.editlink{background: #0052cc; color:#fff;}




.usernavwrap {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
}
.usernavdash {
  margin-bottom: 0;
}
.usernavdash li a {
  border-bottom: none;
  padding: 10px 0;
  color: #444;
  display: block;
}
.usernavdash li a:hover {
  color: #900;
  text-decoration: none;
}
.usernavdash li i {
  margin-right: 2px;
  font-size: 18px;
  width: 25px;
  color: #999;
}
.usernavdash li.active a {
  color: #900;
}
.usernavdash li.active a i,
.usernavdash li a:hover i {
  color: #900;
}
.fade:not(.show) {
  opacity: 1;
}
.profbox {
  background: #f1f5ff;
  padding:20px 25px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #eee;
}
.profbox h3 {
  font-size: 18px;
  color: #515050;
  font-weight: 500;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-left: -25px;
  margin-right: -25px;
  padding-left: 25px;
  padding-right: 25px;
}
.profbox h3 i {
  font-size: 24px;
  margin-right: 10px;
  opacity: 0.6;
}
.profbox h3 a {
  float: right;
  font-size: 14px;
}
.profbox h3 a i {
  font-size: 14px;
  margin-right: 5px;
}
.recomndjobs li {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  font-size: 14px;
}
.recomndjobs li h4 a {
  display: block;
  color: #2166a4;
  font-size: 16px;
  font-weight: 500;
}
.recomndjobs li p {
  margin-bottom: 0;
  color: #828282;
}
.recomndjobs li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.recomndjobs li:after {
  clear: both;
  content: "";
  display: table;
}
.followinglist li {
  margin-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
}
.followinglist li span {
  font-weight: 700;
}
.profilestat li .inbox {
  background: #fff;
  padding: 15px 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  transition: all 0.4s ease 0s;
  display: flex;
  gap: 15px;
  color: #000;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
/* .profilestat li:nth-child(2) .inbox {
  background: rgb(252, 95, 95);
  background: -moz-linear-gradient(
    90deg,
    rgba(252, 95, 95, 1) 0%,
    rgba(153, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(252, 95, 95, 1) 0%,
    rgba(153, 0, 0, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(252, 95, 95, 1) 0%,
    rgba(153, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc5f5f",endColorstr="#990000",GradientType=1);
}
.profilestat li:nth-child(3) .inbox {
  background: rgb(67, 220, 230);
  background: -moz-linear-gradient(
    90deg,
    rgba(67, 220, 230, 1) 0%,
    rgba(0, 24, 153, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(67, 220, 230, 1) 0%,
    rgba(0, 24, 153, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(67, 220, 230, 1) 0%,
    rgba(0, 24, 153, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43dce6",endColorstr="#001899",GradientType=1);
} */





.profilestat li i {
  font-size: 30px;
  color: #fff;
  margin-bottom: 0;
  display: block;
  padding: 9px;
  width: 52px;
  flex: 0 0 52px;
  text-align: center;
}
.profilestat li h6 {
  font-size: 30px;
  font-weight: 500;  
  margin-bottom: 0;
  margin-right:auto;
}
.profilestat li h6 a {
  color: #000;
}
.profilestat li h6 span {
  font-size: 18px;
}
.profilestat li strong {
  display: block;
  font-size: 13px;
}


.profilestat li h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right:auto;
}
.profilestat li h5 span {
  font-size: 18px;
}
.profilestat li strong {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}


.profilestat li:nth-child(1) i{background: #0052cc;}
.profilestat li:nth-child(2) i{background: #c70101;}
.profilestat li:nth-child(3) i{background: #32c768;}
.profilestat li:nth-child(4) i{background: #9632c7;}
.profilestat li:nth-child(5) i{background: #32c7c1;}
.profilestat li:nth-child(6) i{background: #88aec5;}
.profilestat li:nth-child(7) i{background: #c3c732;}


.profilestat li:nth-child(1) strong{color: #0052cc;}
.profilestat li:nth-child(2) strong{color: #c70101;}
.profilestat li:nth-child(3) strong{color: #32c768;}
.profilestat li:nth-child(4) strong{color: #9632c7;}
.profilestat li:nth-child(5) strong{color: #32c7c1;}
.profilestat li:nth-child(6) strong{color: #88aec5;}
.profilestat li:nth-child(7) strong{color: #c3c732;}



.profilestat li .inbox:hover {
  box-shadow: 0px 18px 40px rgb(0 0 0 / 10%);
  background: #000;
  color: #fff;
}


.notify-container {
  position: fixed;
  left: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.notifybox {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  width: 320px;
  text-decoration: none;
  color: inherit;
  font-family: Arial, sans-serif;
  animation: slideUpFade 0.5s ease-out;
}

.notify-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
}

.notify-content {
  flex: 1;
}

.notify-message {
  margin: 0;
  font-size: 14px;
  color: #333;
}

.notify-time {
  font-size: 12px;
  color: #777;
}

.notify-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;
  color: #aaa;
  cursor: pointer;
  transition: color 0.3s ease;
}

.notify-close:hover {
  color: #555;
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.opentoworkbox{margin-bottom: 30px; display: flex; gap: 20px;
  border: 1px solid #eee;
  padding: 25px;
  border-radius: 10px;
  background: #f1f5ff;
}
.opentoworkbox h5{font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.opentoworkbox p{margin-bottom: 15px;}
.opentoworkbox a{background: #0052cc; display: inline-block; padding: 10px 25px; border-radius: 40px; color: #fff; font-size: 16px;}
.opentoworkbox .uavatar{margin: 0;}
.upgradetopro{text-align: right; margin-bottom: 20px; display: flex; justify-content: end;}
.upgradetopro a{display: flex; color: #fff; padding:10px 15px; font-weight: 700; font-size: 16px; border-radius: 0; align-items: center; gap: 10px; background: #ff0000;}
.upgradetopro a i{font-size: 20px;}
.upgradetopro a:hover{background: #000;}

.instoretxt {
  font-size: 16px;
  font-weight: 500;
  background: #fcfdff;
  border: 1px solid #eee;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 15px;
  box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
}
.instoretxt .credit {
  font-size: 24px;
  margin-bottom: 20px;
}
.instoretxt .currency {
  font-size: 16px;
  font-weight: 700;
}
.instoretxt .currency strong {
  color: #900;
}
.instoretxt strong {
  font-weight: 700;
  color: #900;
}
.instoretxt a {
  font-size: 18px;
  display: inline-block;
  padding: 9px 20px;
  background: #900;
  color: #fff;
  margin: 0 5px;
}
.instoretxt a:hover {
  background: #333;
  text-decoration: none;
}
.instoretxt a.history {
  background: #444;
}
.myads h3 {
  font-size: 24px;
  margin: 0 0 10px 0;
}



#chart-container {
  max-width: 900px;
  background: #f1f5ff;
  padding: 20px;
  border-radius: 10px;
}

.toolbar {
  text-align: right;
  margin-bottom: 10px;
}

.toolbar button {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px 12px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 4px;
}

.toolbar button.active {
  background-color: #008ffb;
  color: white;
}


.box-notifications .inner {
  display: flex;
  margin-bottom: 20px;
}
.box-notifications .inner:last-child{margin-bottom: 0;}
.box-notifications .noti-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #1481601a;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin-right: 12px;
}
.box-notifications .inner h4 {
  color: #121212;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}
.box-notifications .inner h4 a{display: block;}
.box-notifications .inner p {
  color: #64666c;
  font-size: 14px;
}
.box-notifications .inner .p-16 {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}



/* The switch - the box around the slider */
.switchbox {display: flex;
  gap: 10px;
  align-items: center;
  background: #f3f3f3;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.switchbox .txtlbl {
  font-size: 14px;
  font-weight: 500;
}
.switchbox .txtlbl i {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.switchbox strong {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  border-radius: 18px;
  cursor: pointer;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px !important;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),
    inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 10px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 10px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15),
    inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 33px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}


.gotodashboard{text-align: center; padding: 20px;}
.gotodashboard h3{font-size: 30px;}
.gotodashboard p{font-size: 18px; margin-bottom: 30px;}
.gotodashboard a{display: inline-block; background: #fff; border: 1px solid #0052cc; border-radius: 45px; padding: 10px 25px; margin: 0 2px; font-weight: 600; font-size: 16px;}
.gotodashboard a.proceed{background:#0052cc; color: #fff;}


#pwaInstallModal .modal-body{text-align: center; padding: 25px;}
#pwaInstallModal .modalbtns{margin-top: 15px; display: flex; justify-content: center; gap: 10px;}
#pwaInstallModal .modalbtns button{font-size: 16px; font-weight: 600;}
#pwaInstallModal img{max-width: 100px;}
#pwaInstallModal .modal-title{margin-top: 10px; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 10px;}
#pwaInstallModal .modal-title span{color: #0052cc;}


/************************************************
           ==Subscribe css==
*************************************************/
.subscribe {
  padding: 50px 0;
  background: rgb(255, 211, 2);
  background: -moz-linear-gradient(
    211deg,
    rgb(198 25 34) 0%,
    rgba(6, 76, 127, 1) 100%
  );
  background: -webkit-linear-gradient(
    211deg,
    rgb(198 25 34) 0%,
    rgba(6, 76, 127, 1) 100%
  );
  background: linear-gradient(211deg, rgb(210 27 36) 0%, rgb(4 22 53) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd302",endColorstr="#064c7f",GradientType=1);
}
.subscribe h6 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}
.subscribe p {
  color: #fff;
}
.subscribe .form-control {
  height: auto;
  padding: 15px 13px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  margin-right: 1px;
  border-right: 1px solid #ddd;
}
.subscribe .btn {
  background: #900;
  padding: 15px 20px;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0 5px 5px 0;
  width: 100%;
}
.subscribe .btn:hover {
  background: #000;
  color: #fff;
}
#subscribe_newsletter_form {
  margin-top: 8px;
}
.elemental {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #252525;
}
.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6,
.elemental p,
.elemental span,
.elemental strong,
.elemental table,
.elemental tr,
.elemental td,
.elemental th,
.elemental ol,
.elemental ul,
.elemental li,
.elemental blockquote,
.elemental figure,
.elemental div {
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6 {
  margin: 0;
  padding: 0;
}
.elemental p {
  margin: 0.2em 0;
  padding: 0;
}
.elemental a {
  text-decoration: none;
}
.elemental ul,
.elemental ol {
  margin: 0;
  padding: 0;
}
.elemental td,
.elemental th {
  padding: 3px;
}
.elemental p br:only-child {
  display: block;
  height: 6px;
  content: "";
  margin: 0;
  font-size: 10%;
}
.elemental .break-word {
  word-break: break-word;
}
.elemental .cover-letter .cl-section {
  margin: 25px auto;
}
.elemental .no-padd-left {
  padding-left: 0;
}
.elemental .no-padd-right {
  padding-right: 0;
}
.elemental .section-header {
  word-break: break-word;
}
.elemental .item {
  *zoom: 1;
}
.elemental .item:before,
.elemental .item:after {
  display: table;
  content: "";
  line-height: 0;
}
.elemental .item:after {
  clear: both;
}
.elemental .item > .row > div {
  word-break: break-word;
}
.elemental .objective ul,
.elemental .objective ol,
.elemental .description ul,
.elemental .description ol,
.elemental .cl-description ul,
.elemental .cl-description ol {
  margin-left: 0;
}
.elemental .cl-description p {
  margin: 0.6em 0;
}
.elemental h1 {
  font-size: 1.8em;
}
.elemental h2 {
  font-size: 1.6em;
}
.elemental h2.section-header {
  font-size: 1em;
}
.elemental h3 {
  font-size: 1.2em;
}
.elemental h4 {
  font-size: 1.1em;
}
.elemental h5 {
  font-size: 1em;
}
.elemental h6 {
  font-size: 0.8em;
}
.elemental .date {
  font-size: 0.9em;
}
.elemental .contact {
  font-size: 0.95em;
}
.elemental .objective,
.elemental .description {
  font-size: 0.95em;
}
.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6,
.elemental strong,
.elemental b {
  font-weight: bold;
}
.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6 {
  color: #252525;
}
.elemental .about-section {
  padding-top: 0.5em;
}
.elemental .about-section.photo-resume .name {
  margin-top: 0.5em;
}
.elemental .about-section .name h1,
.elemental .about-section .name h6 {
  margin: 0;
  color: #ffffff;
  text-shadow: 0 1px 2px #00284f;
}
.elemental .about-section .name h1 {
  font-size: 1.8em;
}
.elemental .about-section .name .subheader {
  font-size: 1em;
  color: #ececec;
  font-style: italic;
  padding: 0.1em 0;
}
.elemental .about-section .personal-details {
  padding: 1em;
  margin-bottom: 0;
  background: #900;
}
.elemental .about-section .contact {
  border: none;
  width: 100%;
}
.elemental .about-section .contact tr .label-container {
  vertical-align: top;
  border-right: 0.25em solid transparent;
  min-width: 80px;
  max-width: 200px;
}
.elemental .about-section .contact tr .label-container span {
  display: inline-block;
}
.elemental .about-section .contact tr th,
.elemental .about-section .contact tr td {
  border: none;
  padding: 1px 0;
}
.elemental .about-section .contact {
  display: block;
  color: #dfdfdf;
  margin-top: 0.5em;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 0;
  padding-left: 0;
}
.elemental .about-section .contact a {
  color: inherit;
}
.elemental .about-section .contact tr .label-container {
  min-width: 100px;
  vertical-align: top;
  min-width: 85px;
}
.elemental .about-section .contact tr .label-container span {
  padding: 2px 4px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  width: 100%;
  color: #ffffff;
}
.elemental .about-section.photo-resume .photo {
  z-index: 2;
  position: relative;
  background-color: #fff;
}
.elemental .about-section.photo-resume .photo img {
  display: block;
  width: 100%;
  border: 2px solid #fff;
}
.elemental .column-container {
  overflow: hidden;
}
.elemental .one-fourth {
  display: table-cell;
  width: 300px;
  vertical-align: top;
  padding: 10px;
  padding-top: 20px;
  background: #ececec;
}
.elemental .three-fourth {
  display: table-cell;
  padding: 10px;
  padding-top: 20px;
  vertical-align: top;
}
.elemental .resume-content-section {
  margin-top: 0;
}
.elemental .resume-content-section .section {
  padding-bottom: 1em;
  padding-top: 0;
}
.elemental .profileskills li .skillbox {
  padding: 5px 10px;
}
.elemental .profileskills li .skillbox span {
  margin-top: 0;
}
.elemental .resume-content-section .section .section-header {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  padding: 5px 5px 3px 5px;
  background: #dfdfdf;
  color: #181818;
}
.elemental .resume-content-section .section .item {
  padding: 0.8em 0;
  border-bottom: 1px dashed #dfdfdf;
}
.elemental .resume-content-section .section .item:last-child {
  border-bottom: none;
}
.elemental .resume-content-section .section .date {
  font-style: italic;
  margin-top: 0.5em;
  color: #585858;
}
.elemental .resume-content-section .section .language-list h3,
.elemental .resume-content-section .section .language-list h4 {
  display: inline;
}
.elemental .resume-content-section .section h1,
.elemental .resume-content-section .section h2,
.elemental .resume-content-section .section h3,
.elemental .resume-content-section .section h4 {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.elemental .resume-content-section .section h3 {
  font-weight: 700;
}
.elemental .resume-content-section .section h4 {
  font-weight: bold;
  color: #000;
  margin: 0;
}
.excity {
  margin-bottom: 5px;
  color: #555;
}
.excity i, .expcomp i {
  color: #999;
  margin-right: 5px;
  width: 15px;
}
.expcomp{margin: 10px 0; font-weight: 700;color: #555;}
.elemental .resume-content-section .three-fourth .section .date {
  text-align: left;
}
.elemental .resume-content-section .one-fourth .section .date {
  text-align: left;
  margin-bottom: 0.5em;
}
.elemental .resume-content-section .one-fourth .section .section-header {
  background: lightgray;
}
@media (max-width: 767px) {
  .elemental.html .about-section .col-sm-7,
  .elemental.html .about-section .col-sm-5 {
    width: 100%;
  }
  .elemental.html .resume-content-section .section .item .date {
    text-align: left;
  }
}
.elemental.cover-letter-container .about-section .personal-details .name {
  margin-top: 0;
}
.elemental.cover-letter-container .cl-section {
  padding: 0 0.5em;
}
.listpgWraper .container .col-md-9.col-sm-8 {
  background-color: white;
  border-radius: 5px;
}
.resume-content-section.photo-resume .column-container .one-fourth {
  background: white;
}
.resume-content-section.photo-resume .column-container .three-fourth {
  border-right: 1px solid lightgray;
}
.resume-content-section.photo-resume .section-header.section-header-about {
  margin-bottom: 10px !important;
}
.kanban-board {
  display: flex;
  gap: 20px;
}
.column {
  border-radius: 5px;
  padding: 20px;
  width: 25%;
  height: 800px;
  background-color: #f8f8f8;
  overflow: hidden;
  overflow-y: auto;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #000;
}
.task {
  background-color: #fff;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 15px;
  cursor: grab;
  transition: transform 0.3s ease;
}
#rejected .task {
  background-color: #fff4f6;
}
#shortlist .task {
  background-color: #fffaef;
}
#hired .task {
  background-color: #f4fff4;
}
#applied {
  background-color: #d7dff1;
}
#rejected {
  background-color: #f1d7dc;
}
#shortlist {
  background-color: #f7edd9;
}
#hired {
  background-color: #d0efd0;
}
.task.dragging {
  opacity: 0.4;
  border: 3px dotted #ccc;
}
.column h2 {
  margin: 0;
  font-size: 18px;
  margin-bottom: 20px;
}
.column:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.column:hover .task {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.task h3 {
  font-size: 18px;
}
.move-btn {
  border: none;
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  color: #666;
}
.profbtn {
  margin-top: 10px;
  background: #900;
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 3px;
}
.profbtn:hover {
  background: #044473;
}
.location,
.minsalary {
  line-height: 18px;
}
.location i,
.minsalary i {
  color: #900;
}
.jobskrbtnact {
  border-top: 1px solid #eee;
  margin-top: 15px;
}
.select2-container {
  z-index: 10000000;
}
/* Additional styles for Dragula library */
.gu-mirror {
  position: fixed;
  margin: 0;
  z-index: 10000;
  opacity: 0.8;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.gu-hide {
  display: none !important;
}
/* Responsive styles */
@media (max-width: 600px) {
  .kanban-board {
    flex-direction: column; /* Stack columns vertically on small screens */
  }
  .column {
    width: 100%; /* Take up full width on small screens */
  }
}
/* Feeds */
.feedswrap {
  background: #eee;
  padding: 20px 0;
}
.feedswrap .container {
  max-width: 1140px;
}
.headsearch {
  margin-top: 0;
  max-width: 280px;
  width: 100%;
}
.headsearch .btn {
  background: none;
  border: 1px solid #dee2e6;
  border-left: none;
}
.headsearch .form-control {
  border-right: none;
}
.feedpost {
  border: none;
  padding: 15px;
  margin-bottom: 20px;
  position: relative;
  z-index: 100;
}
.feedpost textarea {
  border: none;
  font-size: 18px;
  resize: none;
  background: #eee;
  height: 50px;
  border-radius: 50px;
  padding: 10px 20px;
}
.feedpost textarea.active-textarea{background: #eee !important; height: 150px; border-radius: 5px;}

#locationSpan{font-weight: 600;}


.feedpost .feedpostbtn {
  border-radius: 40px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: left;
  padding: 15px 25px;
  font-weight: 500;
}
.feedpost .feedpostbtn:hover {
  background: #f3f3f3;
}
.attachments {
  margin-bottom:0;
  margin-top: 15px;
}
.attachments ul {
  display: flex;
  gap: 5px;
}
.attachments ul li {
  position: relative;
}
.attachments ul li a {
  display: flex;
  gap: 5px;
  padding:5px 8px;
  border-radius: 5px;
  align-items: center;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
}
.attachments ul li a:hover {
  background: #f3f3f3;
}
.attachments ul li a span {
  color: #900;
  width: 24px;
    height: 24px;
    overflow: hidden;
}
.attachments ul li strong{display: none;}
.attachments ul li:nth-child(2) a span {
  color: #f9af00;
}
.attachments ul li:nth-child(3) a span {
  color: #3add7b;
}
.attachments ul li:nth-child(5) a span {
  color: #0052cc;
}
.attachments ul li:nth-child(6) a span {
  color: #9200cc;
}
.attachments ul li .feedtypeico {
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 24px;
}

.preview-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.dz-preview{    height: 88px;
  overflow: hidden;
  flex: 0 0 20%;
  width: 20%;
  margin-top: 10px;
  border: 1px solid #ddd;
  padding: 5px;
  background: #fff;
  position: relative;
  border-radius: 7px;}
  .dz-remove {
    position: absolute;
    background: #cf1b1b;
    width: 16px;
    height: 16px;
    top: 5px;
    right: 5px;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .dz-remove::before {
    content: "✖"; /* Unicode for cross icon */
    color: #fff; /* Change color of the cross */
    font-size: 12px; /* Adjust the size of the cross */
    text-indent: 0; /* Ensure icon is visible */
  }
  
  .cancelButton{
    position: absolute;
    right: 10px;
    top: 9px;
        background: #eee;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    color: #555;
    text-align: center;
  }
    .cancelButton .core-menu-icon{font-size: 18px; line-height: 26px;}

.fileContainer {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.fileContainer input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.custom-file-upload {
  padding:0;
  text-align: center;
  cursor: pointer;
  width: 100%;
  color: #666;
  background-color: #f9f9f9;
  transition: background-color 0.3s ease;
  display: none;
  position: relative;
  margin-top: 15px;
}
.custom-file-upload:hover {
  background-color: #f1f1f1;
}
.custom-file-upload label {
  cursor: pointer;
  font-size: 16px;
}
.custom-file-upload input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.custom-file-upload .material-symbols-outlined {
  font-size: 40px;
  margin-bottom: 10px;
}
.postoverlay {
  background-color: rgba(163, 163, 163, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.sellbox{text-align: center; border-radius: 10px; margin-bottom: 20px; padding: 20px;
  background: rgb(3,69,165);
  background: -moz-linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  background: linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0345a5",endColorstr="#c70101",GradientType=1);
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}

.alert-success-custom {
  position: fixed;
  width:300px;
  background:#0f428f;
  box-shadow: 0 5px 30px rgba(0,0,0,0.1);
  padding: 15px;
  left: 50%;
  bottom: 5%;
  margin-left: -150px;
  z-index: 10000;
  color: #fff;
  display: flex;
  align-items: center;
  animation: slideUp 0.5s ease-in-out forwards;
  font-weight: 600;
  border-radius: 5px;
  line-height: 24px;
}
.alert-success-custom .btn-close{
  top: 18px !important;
  right: 12px !important;
  padding: 0;
  color: #fff;
  border-radius: 3px !important;
}
.alert-success-custom strong{font-weight: 600; color: #fff; margin-right: 6px;}
.alert-success-custom i{margin-right: 6px; color: #fff;}

.sellbox h5{font-size: 20px; margin-bottom: 5px; color: #fff;}
.sellbox p{margin-bottom: 10px; color: #fff;}
.sellbox a{display: inline-block; background: rgb(140, 23, 30);
	background: -moz-linear-gradient(
	  90deg,
	  rgba(140, 23, 30, 1) 0%,
	  rgba(237, 36, 45, 1) 100%
	);  
	background: -webkit-linear-gradient(
	  90deg,
	  rgba(140, 23, 30, 1) 0%,
	  rgba(237, 36, 45, 1) 100%
	);  
	background: linear-gradient(
	  90deg,
	  rgba(140, 23, 30, 1) 0%,
	  rgba(237, 36, 45, 1) 100%
	);  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c171e",endColorstr="#ed242d",GradientType=1);
	color: #fff;
	border-radius: 4px;
	padding: 10px 15px;
	border-bottom: none;
	font-weight: 500;
}
.sellbox a:hover{background: #fff; color: #000;}


.pagesmanagebox{border-radius: 10px; margin-bottom: 15px; padding: 20px;
  background:#fff;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  -webkit-box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02);
    border: 1px solid #eee;
}
.pagesmanagebox h5{font-size: 20px; margin-bottom: 5px; color: #333;}
.pagesmanagebox p{margin-bottom: 10px; color: #333;}
.pagesmanagebox a{
  display: inline-block;
  color: #fff;
	border-radius: 4px;
	padding: 10px 15px;
	border-bottom: none;
	font-weight: 500;
  background: #0052cc;
}
.pagesmanagebox a:hover{background: #0146ad;}
.pagesmanagebox img{    width: 120px; height: 120px;
  flex: 0 0 120px;}



  .sidebarmanagebox{border: 1px solid #eee; border-radius: 15px; margin-bottom: 15px; padding: 20px; background:#fff;  }
  .sidebarmanagebox h5, .postjob345widget h5{font-size: 16px; margin-bottom: 10px; color: #333; font-weight: 600; line-height: 24px;}
  .sidebarmanagebox p, .postjob345widget p{margin-bottom: 15px; color: #333;}
  .sidebarmanagebox a, .postjob345widget a{
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    border-bottom: none;
    font-weight: 500;
    background: #0052cc;
  }
  .sidebarmanagebox a:hover,  .postjob345widget a:hover{background: #0146ad;}
  .sidebarmanagebox img{width: 120px; margin-bottom: 10px;}


  .postjob345widget{border: 1px solid #eee; border-radius: 15px; margin-top: 15px; padding: 20px; background:#fff;}
  .postjob345widget img{width: 120px; flex: 0 0 120px;}

  .interestwrap{
    display: flex;
    gap: 15px;
    background: rgb(3,69,165);
  background: -moz-linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  background: linear-gradient(90deg, rgba(3,69,165,1) 0%, rgba(199,1,1,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0345a5",endColorstr="#c70101",GradientType=1);
    padding: 30px;
    border-radius: 10px;
    margin: 30px 0;
  }
  .interestwrap img{width: 100px; flex: 0 0 100px; border-radius: 10px; object-fit: cover; height: 100px; background: #fff;}
  .interestwrap h5{color: #fff;}
  .interestwrap p{margin-bottom: 20px; color: #fff;}
  .interestwrap .proconnect{padding: 15px 30px;}





/* Feedpost container to bring it above the overlay */
.new-postbox {
  display: inline-block;
  width: 100%;
}
.new-postbox .avatar img{width: 3rem;  height: 3rem;  border-radius: 50%;}

.feedpost .feedbtn {
  display: block;
  border: none;
  background: #0052cc;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  margin-top: 15px;
}
.feedpost .feedbtn:hover {
  background: #000;
}
.modal {
  z-index: 1061;
}

#customShareModal{z-index: 1001;}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
  position: relative;
  display: inline-block;
  flex-shrink: 0 !important;
}
.avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-autoresize] {
  resize: none;
}
.nav-stack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 0.7rem;
  justify-content: center;
}
.nav-pills .nav-link {
  cursor: pointer;
  margin-bottom: 15px;
  padding: 10px 20px;
  font-size: 16px;
  background: none;
  color: #333;
}
.nav-pills .nav-link:hover {
  background: #f0f2f5;
}
.nav-pills .nav-link svg {
  width: 30px;
}
.feedleftlinks {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.feedleftlinks h5 {
  font-size: 14px;
  margin-bottom: 15px;
}
.feedleftlinks .core-menu-icon {
  color: #900;
  overflow: hidden;
}
.feedleftlinks .nav-link {
  display: flex;
  gap: 10px;
  align-items: center;
}
.feedleftlinks .nav-link .mbnavtxt {
  font-size: 14px;
  font-weight: 500;
}
.createcvwidget {
  background: rgb(133,11,19);
  background: -moz-linear-gradient(90deg, rgba(133,11,19,1) 0%, rgba(201,5,6,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(133,11,19,1) 0%, rgba(201,5,6,1) 100%);
  background: linear-gradient(90deg, rgba(133,11,19,1) 0%, rgba(201,5,6,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#850b13",endColorstr="#c90506",GradientType=1);
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.createcvwidget:hover{
  background: rgb(140,23,31);
background: -moz-linear-gradient(180deg, rgba(140,23,31,1) 0%, rgba(166,10,11,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(140,23,31,1) 0%, rgba(166,10,11,1) 100%);
background: linear-gradient(180deg, rgba(140,23,31,1) 0%, rgba(166,10,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c171f",endColorstr="#a60a0b",GradientType=1);
}



.createcvwidget h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
}
.createcvwidget p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.createcvwidget a {
  display: inline-block;
  background: #fff;
  padding: 10px 25px;
  color: #000;
  border-radius: 50px;
  font-weight: 500;
  margin-top: 15px;
}
.postjobwidget {
  background: rgb(0,54,131);
  background: -moz-linear-gradient(90deg, rgba(0,54,131,1) 0%, rgba(1,80,199,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,54,131,1) 0%, rgba(1,80,199,1) 100%);
  background: linear-gradient(90deg, rgba(0,54,131,1) 0%, rgba(1,80,199,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003683",endColorstr="#0150c7",GradientType=1);
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.postjobwidget:hover{
  background: rgb(3,69,165);
background: -moz-linear-gradient(180deg, rgba(3,69,165,1) 0%, rgba(1,80,199,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(3,69,165,1) 0%, rgba(1,80,199,1) 100%);
background: linear-gradient(180deg, rgba(3,69,165,1) 0%, rgba(1,80,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0345a5",endColorstr="#0150c7",GradientType=1);
}

.createcvwidget img,
.postjobwidget img {
  width: 50px;
}
.postjobwidget h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
}
.postjobwidget p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.postjobwidget a {
  display: inline-block;
  background: #fff;
  padding: 10px 25px;
  color: #000;
  border-radius: 50px;
  font-weight: 500;
  margin-top: 15px;
}
.createcvwidget a:hover,
.postjobwidget a:hover {
  background: #000;
  color: #fff;
}

.gtinterview {
  background:#fff;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.gtinterview:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.gtinterview img {
  width: 50px;
}
.gtinterview h5 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 5px;
}
.gtinterview p {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.sidebarextlinks .gtinterview{border: 1px solid #eee;}


.location_div{margin: 15px 0; position: relative;}
.location_div .form-control{background:#eee; border-radius:50px; border:none; padding:10px 55px 10px 20px;}
.location_div .form-control:focus{box-shadow:none;}
.location_div a{
  position: absolute;
  right: 15px;
  top: 15px;
  color: #d50a0a;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
}


/* Feeds */
.feed-card {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  overflow: hidden;
}
.feed-card-header {
  display: flex;
  align-items: center;
  padding: 15px 15px 0 15px;
}

.feed-card-header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 16px;
  object-fit: cover;
}
.user-info {
  flex-grow: 1;
  margin-right: 20px;
}
.user-name{
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}
.user-name a{
  font-weight: 700;
  color: #000;
}
.user-name a.nobold{font-weight: 400 !important;}
.post-time {
  font-size: 14px;
  color: #777;
}



.post-loc{font-size: 14px;}
.post-loc i{color: #777;}

.btnpost {
  background: #eee;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0;
}
.dropdown-item {
  padding: 15px 20px;
}
.dropdown-item i {
  width: 24px;
  color: #555;
}
.dropdown-menu {
  border: 1px solid #eee;
}
.feed-card-content {
  padding: 16px;
}
.feed-card-content:empty{padding: 0;}
.post-description {
  margin-bottom: 5px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
            position: relative;
}
.content-text {
  display: block;
  overflow: hidden;
}

.see-more-btn {
  border: none;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
  padding: 0 5px;
  line-height: normal;
  position: absolute;
  right: 0;
  bottom: 1px;
  background: #fff;
}

.expanded {
  display: block;
}

.post-media {
  width: 100%;
}
.postimages {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: space-between;
  background: #ddd;
  max-height: 535px;
  overflow: hidden;
  position: relative;
}

.postimages a {
  display: block;
  flex: 1 1 calc(48% - 3px);
}

.postimages a:nth-child(1) {
  flex: 1 1 100%;
  max-width: 100%;
}
.postimages a:nth-child(1) img {
  height: 350px;
}

.postimages img {
  object-fit: cover;
  flex: 1 1 calc(48% - 3px);
  height: 180px;
}

.image-count{
  position: absolute;
  bottom: 0;
  right: -2px;
  color: #fff;
  width: 50%;
  height: 180px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  background: rgba(0, 0, 0, 0.4);
}
.image-count a{color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-count a i{font-size: 36px;}

.post-stats {
  padding: 0 16px;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  display: flex;
  gap: 15px;
}
.feed-card-actions {
  display: flex;
  justify-content: space-around;
  padding:4px 12px;
  position: relative;
  align-items: center;
}
.action-button {
  cursor: pointer;
  color: #333;
  font-weight: 500;
  position: relative;
  padding: 8px 12px;
  border-radius: 7px;
}
.action-button .dropdown-toggle{
  font-weight: 500;
  background: no-repeat;
  border: none;}

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

.action-button .dropdown-menu .dropdown-item{display: flex; gap: 10px; padding: 10px 15px;}
.action-button .dropdown-menu .dropdown-item strong{display: block; font-weight:600; margin-bottom: 3px; font-size: 14px;}
.action-button .dropdown-menu .dropdown-item span{font-size: 13px;  color: #888;}
.action-button .dropdown-menu .dropdown-item .fas{    font-size: 20px;
  color: #999;}
  .action-button .dropdown-menu li:first-child{border-bottom: 1px solid #eee;}

.action-button .dropdown-menu .dropdown-item:active{background-color:#f8f9fa;}

.action-button:hover{background: #eee;}
.shared-post .feed-card{box-shadow: none; border: 1px solid #eee; width: auto; margin:15px; margin-top: 0; display: flex; flex-direction: column; flex-flow: column-reverse;}
.shared-post .feed-card-header{padding-top: 0;padding-bottom: 15px;}

.shared-post .feed-card .post-description{margin-bottom: 5px;}


/* Reactions container */
.like-text {
  color: #555; /* Default color */
}
.reactions {
  display: flex;
  position: absolute;
  top: -50px; /* Position above the Like button */
  left: 0;
  background: #fff;
  border-radius: 25px;
  padding: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  gap: 5px;
}
.reaction-icon {
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  animation: bounceIn 0.4s ease forwards;
  animation-delay: calc(0.05s * var(--i)); /* Delay each icon slightly */
}
/* Toggle class to show reactions */
.action-button.active .reactions {
  display: flex;
}
.action-button.active .reaction-icon {
  opacity: 1;
  transform: translateY(0);
}
/* Bounce-in animation */
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.8);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Apply delay to each icon */
.reactions .reaction-icon:nth-child(1) {
  --i: 1;
}
.reactions .reaction-icon:nth-child(2) {
  --i: 2;
}
.reactions .reaction-icon:nth-child(3) {
  --i: 3;
}
.reactions .reaction-icon:nth-child(4) {
  --i: 4;
}
.reactions .reaction-icon:nth-child(5) {
  --i: 5;
}
.reactions .reaction-icon:nth-child(6) {
  --i: 6;
}
.feed-card-comments {
  padding: 16px;
  border-top: 1px solid #ddd;
}
.comment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}
.comment-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment-content {
  background-color: #f3f2ef;
  border-radius: 12px;
  padding: 8px 12px;
  max-width: 85%;
}
.comment-text {
  font-size: 0.9em;
  color: #333;
}
.post-comment {
  display: flex;
  align-items: center;
  border-radius:50px;
  border: 1px solid #ddd;
  padding:5px 8px;
}
.comment-input {
  flex-grow: 1;
  padding: 8px;
  border: none;
  border-radius:20px;
}
.comment-submit {
  cursor: pointer;
  background-color: #0073b1;
  color: #fff;
  padding: 8px 16px;
  border-radius: 18px;
  border: none;
  margin-left: 8px;
}
.comment-wrap {
  padding-bottom: 0;
}
.comment-wrap .bg-light {
  background-color: #eef0f2 !important;
}
.comment-wrap .comment-item-nested {
  padding-left: 2.75rem;
}
.comment-wrap .comment-item {
  position: relative;
  padding-top: 10px;
}
.comment-wrap .comment-item:last-child{padding-bottom: 0;}
.comment-wrap .comment-item .avatar {
  position: relative;
  z-index: 1;
  flex: 0 0 36px;
  height: 36px;
  width: 36px;
}
.comment-wrap .comment-item .avatar .user-avatar{height: 36px; width: 36px;}
.comentfirst{flex: 0 0 90%; width: 90%;}
.comentfirst h6{font-size: 14px;}
.comentfirst small{font-size: 13px; color: #555;}
.comentfirst p{font-size: 14px; color: #333;}
.avatar-xs {
  height: 36px;
  width: 36px;
}
.comment-item h6 a {
  color: #000;
  font-size: 14px;
}
.nav.nav-divider .nav-item {
  display: flex;
  align-items: center;
  position: relative;
}
.nav.nav-divider .nav-link {
  padding: 0;
  color: #333;
}
.nav.nav-divider .nav-item + .nav-item:before {
  content: "•";
  color: inherit;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  opacity: 0.8;
}
.hstack .avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block;
  flex-shrink: 0 !important;
  overflow: hidden;
  border-radius: 50%;
}
.hstack .avatar img{
  height: 3rem;
  width: 3rem;
  object-fit: cover;
}
.hstack a {
  font-size: 14px;
  font-weight:600;
}
.icon-md {
  height:36px;
  width: 36px;
  flex: 0 0 36px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #0052cc;
  color: #fff;
}


.btn-primary-soft {
  background: #0052cc;
  color: #fff;
  font-weight: 500;
}
.btn-primary-soft:hover {
  background: #333;
  color: #fff;
}
.btn-danger-soft:hover {
  background: #8c171e;
  color: #fff;
}

.hstack h6, .compheader .hstack h6{
  margin-bottom: 5px;
}
.profiletopdata .hstack i, .compheader .hstack i{
  font-size: 24px;
    color: #999;
    margin-bottom: 10px;
}
.followcard {
  border: none;
  margin-bottom: 15px;
}
.followcard .card-header {
  background: none;
}
.followcard .card-title {
  padding-top: 15px;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.followcard .card-title span {
  color: #df0909;
}
.followcard .card-title a{margin-left: auto; font-weight: 400; font-size: 14px;}


.sidebarjobs li {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.sidebarjobs li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.sidebarjobs li h4 {
  margin-bottom: 5px;
  font-family: "Open Sans", sans-serif;
}
.sidebarjobs li h4 a {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.sidebarjobs li h4 a:hover {
  color: #000;
}
.sidebarjobs li .fulltime{padding: 4px 8px;font-size: .875em; text-transform: none;}

.sidebarjobs li .location {
  margin-bottom: 10px;
}
.sidebarjobs li .comimg img {
  border-radius: 50%;
}
.sidebarsponsor {
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 0.375rem;
  display: none;
  border: 1px solid #eee;
  border-radius: 10px;
}
.sidebarsponsor h5 {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}
.sidebarsponsor h5 span {
  color: #ebba16;
}
.sidebarsponsor h4 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}

.compsponsor{margin-top: 30px;}
.compsponsor .sidebarsponsor{border: 1px solid #eee;}



.sidepageslist {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  align-items: start;
}
.sidepageslist h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.sidepageslist .followbtn {
  background: #0052cc;
  display: inline-block;
  color: #fff;
  font-size: .875em;
  padding:4px 6px;
  border-radius: 3px;
  font-weight: 700;
  margin-top: 8px;
}
.sidepageslist .followbtn:hover {
  background: #222;
}
.sidepageslist .comimg {
  width: 60px;
  border: 1px solid #ddd;
  overflow: hidden;
  flex: 0 0 60px;
}


.dashwidget .followcard{
  -webkit-box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 0 0 1px rgba(0, 11, 25, .02);
    border-radius: 15px;
}


.followcard .emloc {
  color: #555;
  font-size: 14px;
  margin-bottom: 10px;
}
.empsbox {
  border: 1px solid #eee;
  margin-top: -1px;
  padding: 15px;
  display: flex;
  gap: 10px;
}
.followcard .empsbox h4 {
  font-size: 14px;
  font-weight: 600;
}
.followcard .empsbox h4 a, .sidepageslist h4 a{color: #000;}

.myfriendsbx{padding: 1rem; }
.myfriendsbx .row{margin: 0 -5px;}
.myfriendsbx .col-lg-4, .myfriendsbx .col-md-6{padding: 0 5px;}
.myconecsdlist{display: block; margin-bottom: 10px; text-align: center;}
.myconecsdlist strong{color: #000; font-size: 14px;}
.imgfrnd{margin-bottom: 5px; height:80px; overflow: hidden;}
.imgfrnd img{
  object-fit: cover;
  height: 80px;
  width: 100%;
}

.empsbox .followbtn {
  background: #0052cc;
  display: inline-block;
  color: #fff;
  font-size: .875em;
  padding:4px 6px;
  border-radius: 3px;
  font-weight: 700;
}
.empsbox .followbtn:hover {
  background: #222;
}
.empsbox .comimg {
  width: 60px;
}
.premiumusers {
  background:#fff;
  margin-bottom: 15px;
  border: none;
}
.premiumusers .card-title {
  color: #000;
  padding-top: 15px;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.premiumusers .card-title a{margin-left: auto; color: #0052cc;font-size: 14px;}
.premiumusers .card-title i{color: #df0909;}
.premiumusers .card-header {
  background: none;
}

.userprofilepagewrap .premiumusers{border: 1px solid #eee; border-radius: 15px;}

.premiumusers .user-box {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.premiumusers .user-box img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  margin-bottom: 10px;
  border: 3px solid transparent;
}
.premiumusers .user-box:hover img {
  border-color: #fff;
}
.premiumusers .user-box .name {
  font-size: 14px;
}

.listitem{display: flex; gap: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.listitem:last-child{border-bottom: none;}
.proimg{
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
}
.proimg img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
}
.prouserinfo .name a{font-weight: 600;}
.prouserinfo .prodesi{margin-top: 8px; margin-bottom: 8px;}
.proconnect{background: #fff; border-radius: 35px; border: 1px solid #ddd; padding: 5px 12px; font-size: 14px; display: inline-block; font-weight: 600;}
.proconnect:hover{background: #0052cc; border-color: #0052cc; color: #fff;}



.d-grid .btn-primary-soft{    background: none;
  color: #333;
  border-top: 1px solid #eee;
  border-radius: 0;
  font-weight: 700;
  margin-top: 10px;
}
.d-grid .btn-primary-soft:hover{background: #eee;}


.compaignbox {
  padding: 25px;
}
.compaignbox h4 {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  margin-bottom: 15px;
}
.compaignbox h4 span {
  color: #ebba16;
}
.compaignbox h5 {
  margin-top: 15px;
  margin-bottom: 5px;
}


#customShareModal .modal-title{
  display: flex;
  align-items: center;
  gap: 10px; 
}
#customShareModal .modal-footer{padding-bottom: 0;}
#customShareModal .modal-footer .btn-primary{background:#0052cc;}

#customShareModal #feedpostTextarea{
  font-size: 18px;
  padding: 12px;
}

.post-social-share{
  text-align: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.post-social-share .btn-icon-social {
  display: inline-block;
  background: #fbfbfb;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
}
.post-social-share .btn-icon-social svg{
  width: 24px;
  height: 24px;
}
.post-social-share .btn-icon-social:hover {
  background: #f7f7f7;
}

.sharetobox{
  margin-top: 30px;  
  margin-bottom: 30px;
}
.sharetobox h4{font-size: 18px; text-align: center;}
.shareoptbox{display: flex; justify-content: center; gap: 15;}

select.form-control{appearance: auto;}

.card-input-element + .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 10px;
  justify-content: center;
  color: var(--primary);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid transparent;
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding:10px 25px 10px 15px;
}
.card-radio-btn .content_head {
  color: #333;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}
.card-radio-btn .material-symbols-outlined{font-size: 30px;}

.card-input-element:checked + .card {
  border: 2px solid #0052cc;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
.card-input-element:checked + .card::after {
  content: "\f058";
  color: rgba(0, 82, 204, 0.7);
  position: absolute;
  right: 5px;
  top: 5px;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}



.userinfoabout .tab-content .listitem{border: 1px solid #eee; border-radius: 10px; padding:0; display: block;}
.userinfoabout .tab-content .listitem .proimg{width: auto; height: auto;}
.userinfoabout .tab-content .listitem .proimg img{width: 100%;
  height: 200px;
  border-radius: 10px 10px 0 0;
  object-fit: cover;}
.userinfoabout .tab-content .listitem .prouserinfo{padding: 15px;}

/* Notifications */
.ntsCard li .ntslink {
  background: #fff;
  padding: 15px;
  display: flex;
  gap: 15px;
  color: #000;
  align-items: center;
  border-top: 1px solid #ccc;
}
.ntsCard li .ntslink:hover {
  background: #f4f4f4;
}
.ntsCard li:first-child .ntslink {
  border-radius: 10px 10px 0 0;
}
.ntsCard li:last-child .ntslink {
  border-radius: 0 0 10px 10px;
}
.ntsCard li .ntslink .avatar {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
}
.ntsCard li .ntslink strong {
  font-weight: 700;
}
.ntsCard li .ntstime {
  color: #888;
  font-size: 13px;
  margin-top: 5px;
}
.ntsCard li .ntslink.unread {
  background: #f1dede;
}
.feedswrap .freepackagebox img {
  width: 60px;
}
.feedswrap .freepackagebox h5 {
  font-size: 18px;
}
/* Connections */
.connecard {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.connecard .cardtitle {
  display: flex;
  justify-content: space-between;
}
.connecard .cardtitle h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.connectbox {
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 8px;
  margin-top: 30px;
}
.connectbox:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.ctcoverimg{height: 60px; overflow: hidden;}
.ctcoverimg img{height: 60px !important; object-fit: cover; width: 100%;}
.userimg {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50%;
  margin-top: -30px;
  border: 3px solid #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
  z-index: 1;
}
.focompimg {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 10px;
  margin-top: -30px;
  border: 3px solid #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  left: 20px;
  z-index: 1;
  background: #fff;
}
.groupimg {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 10px;
  margin-top: -20px;
  border: 3px solid #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  left: 20px;
  z-index: 1;
  background: #fff;
}
.continfo {
  padding: 15px;
  text-align: center;
}
.fcomcontinfo {
  padding: 20px;
}
.fcomcontinfo h4,
.continfo h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5rem !important;
  max-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 16px;
}
.persond-descover {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.2rem !important;
}
.connectbtn {
  background: #fff;
    border-radius: 35px;
    border: 1px solid #ddd;
    padding: 5px 12px;
    font-size: 14px;
    display: inline-block;
  font-weight:600;
}
.connectbtn:hover {
  background: #0052cc; border-color: #0052cc; color: #fff;
}
.invitebox {
  background: #f3f3f3;
  padding: 15px 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block;
  flex-shrink: 0 !important;
}
.invitebox .btn-primary-soft {
  border: 1px solid #003087;
  color: #003087;
  border-radius: 5px;
  padding: 8px 15px;
  background: none;
  font-size: 14px;
  line-height: normal;
}
.invitebox .btn-primary-soft:hover {
  background: #003087;
  color: #fff;
}
.invitebox .btn-danger-soft {
  color: #900;
}
.invitebox h6 a:hover {
  text-decoration: underline;
}

.intsearchbar {
  margin-top: 20px;
  margin-bottom:30px;
  background: #fff;
  border: 1px solid #e4e5e8;
  box-shadow: 0 8px 24px #002c6d0a;
  border-radius: 8px;
}
.intsearchbar .input-group{padding:0 10px;}
.intsearchbar p,
.intsearchbar h2 {
  color: #fff;
}
.intsearchbar p {
  font-size: 16px;
}
.intsearchbar .btn {
  background: #f1f2f4;
  border: none;
  color: #000;
  margin: 8px 0;
  border-radius:5px !important; margin-left: 10px !important;
}
.intsearchbar .btn svg{margin-right: 10px; }
.intsearchbar .filterbtn{background: #0052cc; color:#fff;
  display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-weight: 400;
      padding: 10px 22px;
}
.intsearchbar .form-control {
  height: auto;
  padding:20px 15px;
  font-size: 18px;
  border: none;
  border-radius: 0;
  appearance: auto;
}
.intsearchbar .filterbtn i{
  font-size: 24px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.intsearchbar .filterbtn:hover i {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.intsearchbar .filterbtn:hover{background: #236cd9;}

.intsearchbar  #country_id{border-radius: 0;}
.intsearchbar select.form-control{border-left: 1px solid #e4e5e8;margin-right: 10px;}

/* Pages */

.pagecoverimg{position: relative; background: #333; max-height: 300px; overflow: hidden; border-radius:0 0 15px 15px;}
.pagecoverimg img{width: 100%;}
.pagesheader{position: relative; z-index: 1; padding:20px; display: flex; gap: 20px; margin-top: -99px;}
.pagesheader h1{font-size: 26px; font-weight:700; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.9); margin-bottom: 0; margin-top: 20px;}
.pagesheader .industry{font-size: 16px; font-weight: 500;}
.pagesheader .userPic{width: 110px; height: 110px; flex: 0 0 110px; border:4px solid #fff; background: #eee;  border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); position: relative;}
.pagesheader .userPic img{width: 105px; height: 102px; object-fit: cover;border-radius: 50%;}
.pagesheader .pagesButtons{margin-left: auto; align-items: start; padding: 0; padding-top: 20px; display: flex; gap: 15px;}
.pagesheader .pagesButtons .like, .pagesheader .pagesButtons .boost{color: #fff; background: #0052cc; border: none;  font-weight: 500;  padding: 10px 20px;  font-size: 14px;  border-radius: 5px;}
.pagesheader .pagesButtons a.boost{background: #fff; color: #0052cc;}
.pagesheader .pagesButtons .btnpost:hover{background: #eee;}

.pageinfobox{background: #fff; padding: 20px; border-radius: 15px; margin-bottom: 30px;}
.pageinfobox p{white-space: pre-wrap;}
.about-list li{display: flex; align-items: center; gap: 15px; color: #333; font-size: 16px; margin-bottom: 10px; font-weight: 500;}
.about-list li span{color: #0052cc;}

.pagesocial{display: flex; flex-wrap: wrap; justify-content: center;}
.pagesocial li{padding: 0 5px;}
.pagesocial li a{font-size: 24px;}

/* Ads Manager */
.adstopbanner{
  background: rgb(66, 46, 157);
  background: -moz-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#422e9d",endColorstr="#8c171e",GradientType=1);
  padding: 30px;
  border-radius:0 0 15px 15px;
  text-align: center;
  margin-bottom: 30px;
}
.adstopbanner h1{font-size: 24px; color: #fff;}
.adstopbanner p{font-size: 16px; color: #fff;}
.compaignswrap{
  background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.compaignswrap .table-light th{font-weight: 700; padding:15px 10px;}


.connectbody .form-control{appearance: auto;}


.adstep h4{font-size: 20px; text-align: center; margin-bottom: 20px;}
.adstartbox{display: block; border: 1px solid #ddd; border-radius: 10px; text-align: center; padding:35px 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.adstartbox:hover{background: #f4f4f4; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.adstartbox .adsicon{width: 50px;height: 50px;background: #eee;border-radius: 50%;margin: 0 auto;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;color: #000;}
.adstartbox h5{font-size: 18px; color: #000;}
.adstartbox p{font-size: 14px; color: #555; margin-bottom: 0; min-height: 66px;}

.adformwrapstep{margin: 0 auto; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; max-width: 600px;}
.adformwrapstep .form-group{margin-bottom: 15px;}
.adformwrapstep .input-group .form-control{font-size: 30px; padding: .75rem .5rem; border-left: 0;}
.adformwrapstep .form-group label{margin-bottom: 5px;}
.adformwrapstep .form-group label, .adformwrapstep .form-group .input-group-text{font-size: 14px; font-weight: 500;}
.adformwrapstep .input-group .input-group-text{font-size: 30px; background: none; border-right: none;}
.adformwrapstep .form-control{appearance: auto; padding: .75rem 1.5rem; font-size: 1rem; border-radius: 0.375rem;}

.form-radio{display: flex; gap: 10px; align-items: center; margin-bottom: 10px;}
.form-check-input{width: 24px; height: 24px; margin-top: 0;}

.publishbtn{text-align: center;}
.publishbtn p{margin-bottom: 10px;}
.publishbtn p a{font-weight: 500;}
.publishbtn .btn-primary{background: #0052cc;}


/* Groups */
.groupsearchbar {
  background: rgb(66, 46, 157);
  background: -moz-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(66, 46, 157, 1) 0%,
    rgba(140, 23, 30, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#422e9d",endColorstr="#8c171e",GradientType=1);
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 30px;
  
}
.groupsearchbar .form-control {
  height: auto;
  padding:15px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  appearance: auto;
}
.groupsearchbar p,
.groupsearchbar h2 {
  color: #fff;
}

.groupsearchbar p {
  font-size: 16px;
}
.grouptabsbar {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: baseline;
}
.grouptabsbar h3{font-size: 18px;}
.grouptabsbar .tblink {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: relative;
  display: block;
  padding: 0 15px;
}
.grouptabsbar .tblink:before {
  width: 0;
  height: 2px;
  background: #fff;
  content: "";
  position: absolute;
  bottom: -28px;
  left: 0;
}
.grouptabsbar .tblink:hover {
  color: #900;
}
.grouptabsbar .tblink.active {
  color: #900;
}
.grouptabsbar .tblink.active:before {
  background: #900;
  width: 100%;
}
.grouptabsbar .btn {
  margin-left: auto;
  background: #0052cc;
}
.socpagi {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
}
.socpagi .page-link {
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
.modalFrom {
  padding: 15px;
}
.frmrow {
  margin-bottom: 20px;
}
.modal-header h4 {
  font-size: 18px;
  margin-bottom: 0;
}
.modal-header h4 i {
  color: #0052cc;
}

.ftsidelinks .bttxt{border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; line-height: 24px;}
.ftsidelinks ul li{display: inline-block; margin:5px;}
.ftsidelinks ul li a{color: #000; font-size: 13px;}
.ftsidelinks ul li a:hover{text-decoration: underline;}

.feed-card-header .connectbtn{margin-top: 0; margin-right: 15px; padding: 0; border: none;}
.feed-card-header .connectbtn:hover{background: none; text-decoration: none; color: #000;}


.googlemeetwrap{text-align: center;}
.googlemeetwrap h3{font-size: 36px;}
.googlemeetwrap p{font-size: 18px; margin-bottom: 30px;}


/************************************************
/************************************************
           ==Footer css==
*************************************************/
.footerWrap {
  background:#18191c;
  padding: 50px 0;
}
.footerWrap h5 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
}
.footerWrap p {
  line-height: 26px;
  color: #9199a3;
  font-size: 16px;
}
.footerWrap .ft-logo {
  margin-bottom: 15px;
}
.footerWrap .address {
  margin-bottom: 20px;
  padding-top: 8px;
  color: #9199a3;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  margin-top: 15px;
}
.footerWrap .address:before {
  position: absolute;
  left: 0;
  content: "\f041";
  font-family: "FontAwesome";
  font-size: 18px;
}
.footerWrap .email {
  margin-bottom: 20px;
  color: #9199a3;
  position: relative;
  padding-left: 30px;
}
.footerWrap .email:before {
  position: absolute;
  left: 0;
  content: "\f003";
  font-family: "FontAwesome";
  font-size: 18px;
}
.footerWrap .email a,
.footerWrap .phone a {
  color: #9199a3;
}
.footerWrap .phone {
  margin-bottom: 20px;
  color: #9199a3;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding-left: 30px;
}
.footerWrap .phone:before {
  position: absolute;
  left: 0;
  content: "\f095";
  font-family: "FontAwesome";
  font-size: 18px;
}
.social {
  margin-top: 20px;
}
.social a {
  color: #fff;
  font-size: 24px;
  display: inline-block;
  margin-right: 8px;
}
.social a:hover {
  color: #9199a3;
}
.sidebar .social a {
  color: #444;
}
/*Articles*/
.posts-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.posts-list li {
  border: none;
  margin: 15px 0;
}
.posts-list .media-left {
  margin-right: 30px;
  width: 80px;
  float: left;
  padding-right: 0;
}
.posts-list .entry-title {
  font-weight: 400;
  text-transform: inherit;
  margin: 0 0 5px;
}
.post .entry-title a {
  color: #fff;
  font-size: 16px;
}
.posts-list .entry-meta {
  padding: 0;
}
.posts-list .entry-date {
  color: #ccc;
  font-style: italic;
  text-transform: capitalize;
}
.btad {
  text-align: center;
  margin-bottom: 30px;
}
.footerWrap .quicklinks {
  list-style: none;
}
.footerWrap .quicklinks li a {
  display: block;
  color: #9199a3;
  padding: 8px 0;
  font-size: 16px;
}
.footerWrap .quicklinks li a:hover {
  color: #fff;
  text-decoration: none;
}
.copyright {
  padding: 10px 0;
  color: #777;
  background: #18191c;
  border-top: 1px solid #3a3a3a;
}
.copyright ul li {
  display: inline;
}
.copyright ul li a {
  color: #555;
  padding: 0 5px;
  display: inline-block;
  margin: 5px;
}
.copyright a:hover {
  color: #000;
}
.paylogos {
  text-align: right;
}
.bttxt {
  color: #888;
  line-height: 24px;
}
/*copyright*/
.copyright {
  padding: 20px 0;
}
.help-block-error {
  color: #fe0004;
}
.seekerbox {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e4e5e8;
  display: block;
}
.seekerbox:hover {
  border-color: #900;
}
.userhimg {
  height: 205px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.userhimg img {
  max-height: none !important;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
}
.seekerbox h3 {
  margin-top: 0;
  font-size: 16px;
}
.seekerbox h3 a {
  color: #000;
}
.seekerbox .hmcate {
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 18px;
}
.seekerbox .hmcate i {
  width: 18px;
  flex: 0 0 18px;
  color: #900;
}


.cuserbtlinks{
  margin: 20px -25px -25px -25px;
  display: flex;
  border-top: 1px solid #eee;
}

.cuserbtlinks a{
  width: 50%;
  flex: 0 0 50%;
  text-align: center;
  padding: 15px 20px;
  color: #0052cc;
}
.cuserbtlinks a:first-child {
  border-radius: 0 0 0 9px;
}
.cuserbtlinks a:last-child {
  border-radius: 0 0 9px 0;
  border-left: 1px solid #eee;
}
.cuserbtlinks a:hover{background: #0046cc; color: #fff;}

/* .seekerbox .listbtn span {
  display: inline-block;
  background: #100378;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10px;
  border-radius: 5px;
}
.seekerbox .listbtn span:hover {
  background: #000;
} */

.seekerbox .msglink span{background: #0052cc;}


.hmseekerinfo {
  padding: 20px;
}
.srchint {
  position: relative;
}

.owl-nav button {
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eee !important;
  position: absolute;
  bottom: 50%;
  margin: 0 5px !important;
}
.owl-nav button.owl-prev {
  left: -40px;
}
.owl-nav button.owl-next{
  right: -40px;
}


.featuredjobswrap .owl-nav{text-align: center;}
.featuredjobswrap .owl-nav button{position: static;}



.homeseekerlist .owl-dots{display: none;}

.categorylisting .owl-dots{text-align: center; margin-top:15px;}
.categorylisting .owl-dots .owl-dot{width: 12px; height: 12px; background: #fff; border: none; border-radius: 50%; margin: 0 4px;}
.categorylisting .owl-dots .owl-dot.active{background: #000;}





#hireme .preuserinfo {
  padding: 15px;
}
#hireme .preuserinfo h3 {
  font-size: 18px;
  line-height: 24px;
}
#hireme .modal-dialog {
  max-width: 350px;
}


.userlisting .seekerbox{margin-bottom: 30px; padding: 25px; border-radius: 10px; transition: all 0.4s ease 0s; box-shadow: 0 12px 48px #002c6d00; }
.userlisting .seekerbox:hover{box-shadow: 0 12px 48px #002c6d1a; border-color:#0052cc;}
.ltisusrinf{display: flex; justify-content: space-between; align-items: center;}
.ltisusrinf a{color: #0047b1;}
.userlisting .userltimg{width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 4px solid #fff;  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); position: relative;
  z-index: 1; background: #fff; margin: 0 auto;}
.userlisting .userltimg img{height: 100px; width: 100px; object-fit: cover;}
.userlisting .hmseekerinfo{padding:20px 0 0 0;}
.userlisting .usercoverpic{margin: -25px; height: auto; height: 70px; border-radius: 8px 8px 0 0; background: #ced6e3;} 
.userlisting .usercoverpic img{display: block; height: 70px;  object-fit: cover;}

.topresultsmsg{border-top: 1px solid #eee; padding-top: 30px; margin-bottom: 30px;}


.popupprofile{padding: 35px;}
.popupprofile .candidate-detail-header{border: none; padding: 0; border-radius: 0;}
.popupprofile .jobButtons.applybox{margin-left: auto; margin-top: 0;}
.popupprofile .jobButtons a.apply{font-size: 16px;}
.popupprofile .profileskills li .skillbox, .popupprofile .langbox{padding: 10px 15px;  font-size: 14px;  font-weight: 500;}
.popupprofile .profilelang h5{margin-bottom: 0; font-weight: 500; font-family: "Open Sans", sans-serif;}
.popupprofile .profileskills li{margin-top: 0;}


.popupprofile .userMaininfo{display: flex; gap: 20px; align-items: center;}
.popupprofile .userMaininfo .userPic{margin-top: 0; border: 5px solid #e7e7e7;}


.activitylist .owl-nav button{background: #3b3b3b !important; color: #fff !important;}



.homeseekerlist .seekerbox{ position: relative;}
.promotepof-badge {
  position: absolute;
  right: 0;
  top: 0;
}
.promotepof-badge:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-top: 40px solid #ed242d;
  border-left: 40px solid transparent;
  border-radius: 0 6px 0 0;
}
.promotepof-badge i {
  z-index: 5;
  position: relative;
  color: #fff;
  float: left;
  margin: 6px 6px 0 0;
}



.table-dark { background: #000; }
    .table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #eee;
        font-size: 14px;
    }
    .table th { color: #ffffff;
    padding: 10px 5px;
    background: #0052cc; }
    .table td { padding: 5px; border-top: 1px solid #eee; }
    .table .btn-primary{padding: 7px 15px; font-size: 14px; font-weight:400; background: none; color: #0052cc;}
    #featuredInvoiceModal .modal-dialog{max-width:850px;}
    .invoices-table {
    background: #fff;
    border: 1px solid #e4e5e8;
    box-sizing: border-box;
    border-radius: 8px;
}
.invoices-table .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #18191c;
    padding: 24px 24px 0;
    margin-bottom: 16px;
}
.listpgWraper{background:#fff;}
.benefits-card, .plan-card {
    background: #fff;
    border: 1px solid #e4e5e8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
}
.plan-card .title {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.25;
    color: #18191c;
    margin-bottom: 12px;
}
.plan-card .short-desc, .benefits-card .short-desc  {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #767f8c;
    margin-bottom: 20px;
}
 .benefits-card .benefit-list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0 0 24px;
    -moz-column-count: 2;
    column-count: 2;
    border-bottom: 1px solid #e4e5e8;
}
.benefits-card .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    color: #18191c;
    margin-bottom: 8px;
}
.remaining .remaining-list {
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-column-count: 2;
    column-count: 2;
}
.remaining-list li, .benefit-list li{padding:5px 0;}
.remaining-list li i, .benefit-list li i{color:#0052cc}

/* On Demand services */


.odtitle{display: flex; justify-content: space-between; align-items: center;}
.odtitle h4{margin-bottom: 0;}
.odtitle a{font-size: 14px; background:#0052cc; color: #fff; display: inline-block; padding: 8px 15px; border-radius: 5px; margin-top: 10px;}
.odtitle a:hover{background: #000;}

.odshero{background:#eee; padding:90px 0; position: relative; overflow: hidden;}
.odshero .odshrimg{position: absolute; right: 0; top: 0; width: 38%;}
.odshero h2{font-size: 30px; font-weight: 700;}
.odshero p{font-size: 16px;}
.banner_info{position: relative; z-index: 1;}

.odshero .form-control {
    height: 50px;
    padding: 13px 15px;
    font-size: 16px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #eee;
    appearance: auto;
}
.odshero h4{margin-bottom: 0;}
.odshero .btn {
    background: #0052cc;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
}
.odshero .btn-danger{background: #dc3545;}


.odshero .input-group{background: #fff; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px;}

.ondemandservices{padding: 40px 0;}

.odscate ul{list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-top: 30px;}
.odscate ul li{width: 120px; flex: auto;}
.odscate ul li a{display: block; background: #f0f7fc; border-radius: 5px; padding: 10px; text-align: center; text-decoration: none;
transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.odscate ul li a span{display: block; font-size: 14px; color: #000; margin-top: 10px;}
.odscate ul li a img{max-width: 80px;}

.odscate ul li a:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    background: #dde4e9;
}




.popluarservices{padding:50px 0 30px 0;}
.popluarservices .nav-tabs{margin-top: 20px; border-bottom: none; margin-bottom: 0;}
.popluarservices .nav-tabs .nav-link{border: none; border-bottom: 2px solid #fff; margin-bottom: 0;padding: 10px 0; margin-right: 20px; color: #000;}
.popluarservices .nav-tabs .nav-link.active{border: none; border-bottom: 2px solid #0052cc; color: #0052cc; font-weight: 700;}


.single_services {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding: 15px;
    background: #fff;
}

.single_services_img {
    display: block;
    position: relative;
    overflow: hidden;
    height: 170px;
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
}
.single_services_img img{height: 170px; object-fit: cover;}

.single_services_img span {
    background: var(--colorYellow);
    color: var(--colorBlack);
    padding: 20px 50px 10px 50px;
    display: block;
    position: absolute;
    top: -10px;
    left: -44px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    z-index: 9;
}

.single_services_img .trending {
    padding: 22px 50px 7px 50px;
}

.single_services_img .trending i {
    transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}

.single_services_img .new {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
}

.single_services_text {
    padding-top:10px;
    position: relative;
}

.single_services_text .title{font-size: 16px; text-decoration: none; color: #000; font-weight: 600;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
    hyphens: auto;
    white-space: pre-wrap;
    line-height: 1.25;
}

.single_services_text .rating {
    color: #ffad2d;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.single_services_text .rating span {
    font-weight: 700;
    color:#000;
    margin-left: 5px;
}

.single_services_text h4 {
    font-size: 18px;
    font-weight: 700;
}
.single_services_text h4 span{display: block; font-size: 14px; font-weight: 400; color: #777;}

.single_services:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.book_now_btn{
    padding: 8px 20px;
    background-color: #2e3846;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
  }
.book_now_btn:hover{background-color: #000;}
.odshowit{background: #eff1f5; padding: 30px 0; margin-top: 1px;}
.odshowit .titleTop h3{font-size: 30px;}
.odshowit .titleTop h3,  .odshowit .titleTop p{color: #000;}
.odshowbox{    text-align: center;
    padding: 20px;
    margin-top: 20px;
    background: #fff;
    border-radius: 15px;
    min-height: 212px;}
.odshowbox h4{color: #000; font-size: 18px; margin-top: 15px;}
.odshowbox p{color:#555; margin-bottom: 0;}
.odshico{text-align: center;}
.odshico img{max-width: 60px;}


.nearbyproviders{background: #e1eef8; border-radius: 10px; padding: 20px; margin-top: 20px;}
.providerbox{display: flex; align-items: center; background: #fff; border-radius: 10px; box-shadow:2px 5px 10px rgba(0,0,0,0.1); padding: 15px; gap: 15px;}
.providerbox .proimg{width: 80px; flex: 0 0 80px; border-radius: 50%; height: 80px; overflow: hidden;}
.providerbox .proimg img{width: 80px; height: 80px; object-fit: cover;}
.provdinfo h5{font-size: 16px; margin-bottom: 5px;}
.provdinfo p{margin-bottom: 0; font-size: 13px;}
.provdinfo .distance{font-size: 13px; margin-top: 5px;}
.provdinfo .distance i{color:#0052cc;;}
.provdrate i{color: #ffad2d;}

.providerslist .owl-nav, .providerslist .owl-dots{display: none;}


.providers3x .proimg{width: 80px; flex: 0 0 80px; border-radius: 5px; height: 80px; overflow: hidden;}
.starsrfrom{display: flex; justify-content: space-between; margin-top: 7px;}
.starsrfrom strong{font-size: 18px; font-weight: 600;}
.starsrfrom span{font-size: 14px; color: #777;}
.providers3x .provdinfo{width: 100%;}



.locwrap{background: #e1eef8; border-radius: 10px; padding: 30px; margin-top: 20px; display: flex; gap: 15px; min-height: 200px; align-items: center;}
.nbmapico{width: 100px; flex: 0 0 100px;}
.locwrap .book_now_btn{margin-top: 10px;}

.odswidgets{margin-top: 30px;}
.odswidgets img{width: 100%;}

.signlecategory{padding: 30px 0;}
.signlecategory .singlecatewrap{display: flex; margin-bottom: 30px;}
.sngcateinfo{background:#e1eef8; border-radius: 10px 0 0 10px; text-align: center; padding: 30px; width: 20%; flex: 0 0 20%;
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sngcatelisting{background:#f0f7fc; border-radius: 0 10px 10px 0; padding: 15px 20px; width: 80%; flex: 0 0 auto;}
.sngcateico{margin-bottom: 15px;}

.sngcatelisting .single_services{margin-top: 0; box-shadow: none; border: 1px solid #e1eef8;}

.cateservices .owl-nav button{background: #9ca3b3 !important; color: #fff !important;}
.cateservices .owl-dots{display: none;}


/*******************
	Large Screen
*******************/
@media screen and (max-width: 1400px) {
.preview-container .dz-preview{
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
}
.feedpost textarea.active-textarea{height: 130px;}
}

@media screen and (max-width: 1199px) {
  .main-plan .plan-price2 {
    margin-left: 0px;
    font-size: 44px;
  }
  .main-plan .plan-price2-1 {
    font-size: 70px;
  }
  .main-plan .plan-price2-2 {
    margin-right: 0px;
  }
  .main-plan .plan-price {
    margin-left: 0px;
    font-size: 44px;
  }
  .main-plan .plan-price-1 {
    font-size: 70px;
  }
  .main-plan .plan-price-2 {
    margin-right: 0px;
  }
  .main-plan .plan-price1-1 {
    margin-left: 0px;
    font-size: 44px;
  }
  .main-plan .plan-price1-2 {
    font-size: 70px;
  }
  .main-plan .plan-price1-3 {
    margin-right: 0px;
  }
  .pricing-unit1 {
    margin-left: 5px;
  }
  .pricing-unit2 {
    margin-left: 5px;
  }
  .pricing-unit3 {
    margin-left: 5px;
  }
}
/*******************
	Monitor Screen
*******************/
@media screen and (max-width: 1024px) {
  .usernav li a {
    padding: 19px 14px;
  }
  .jobslist li .applybtn {
    margin-top: 15px;
  }
  .pageSearch a.btn {
    margin-bottom: 15px;
  }
}
/*******************
	Tablet Screen
*******************/
@media screen and (max-width: 990px) {
  body {
    font-size: 16px;
  }
  .header .logo {
    text-align: center;
    float: left;
  }
  .navbar-header {
    float: right;
    display: block;
    margin-top: 10px;
  }
  .navbar-toggler {
    background: #eee;
    padding: 10px 12px;
    border-radius: 5px;
  }
  .navbar-toggle .icon-bar {
    background: #fff;
  }
  .navbar-default {
    float: none;
  }
  .ekontynav{display: block;}
  .navbar-expand-lg .ekontynav .nav-link{text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0px;
    font-weight: 500;
    font-size: 16px;
  }
  .navbar-nav > li.userbtn{padding: 0;}
  .navbar-nav > li.userbtn > a{display: flex; align-items: center; gap: 10px; margin: 10px 0;}

  .navbar-nav > li.userbtn > #personalMenu{display: none;}

  .navbar-nav > li.userbtn .dropdown-menu{width: auto;
    display: block;
    border: none;
    box-shadow: none;
    padding: 0;
    padding-bottom: 50px;
    border-top: 1px solid #eee;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu > li > a{font-size: 16px; padding: 12px 0;}
  
  .notebdg{position: static; margin-left: auto;}
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 0;
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .navbar-expand-lg .ekontynav .nav-link .mbnavtxt {
    display: inline-block;
  }
  .navbar-expand-lg .navbar-nav .nav-item.register {
    margin-bottom: 15px;
  }
  .navbar-expand-lg .navbar-nav .nav-item.loginlink a {
    border-bottom: none;
  }

  .navbar-expand-lg .navbar-nav .nav-item.joinus{padding: 0; margin: 15px 0;}

  .mobilechaticon{display: block;
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 10000;
    width: 60px;
    height: 60px;}
    .mobilechaticon img{filter: drop-shadow(-5px 5px 10px rgba(0, 0, 0, 0.3));}

  .mbloginbtn{
    display: block;
    float: right;
    background: #e51c25;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 600;}

   


    .searchbar{padding: 10px;}
  .three-plan li {
    padding: 0 15px;
    margin-top: 15px;
  }
  .three-plan ul {
    background: none;
  }
  .main-plan {
    max-width: 150px;
    margin: 0 auto;
  }
  .main-unit {
    max-width: 240px;
    height: 200px;
    margin: 0 auto;
  }
  /*Search*/
  .searchblack {
    margin-top: 30px;
  }
  .searchwrap {
    display: block;
    height: auto;
    background-position: bottom left;
  }
  .has-arrow, .searchwrap:after{display: none;}

  .srjobseeker {
    padding: 40px 0;
  }
  .bxsrctxt p {
    font-size: 16px;
  }
  .bxsrctxt h1{font-size: 28px;}
  .statsbox {
    width: auto;
    margin-top: 0;
    border-radius: 0;
  }
  .searchwrap .searchtpimg {
    display: none;
  }
  .section {
    padding: 40px 15px;
  }
  .searchwrap .section{padding-top: 0;}
  .searchbar .btn {
    width: 100%;
  }
  .searchbar .btn {
    border-radius: 5px;
  }
  .howitwrap {
    margin: 30px;
    padding: 30px;
  }
  .howitimg {
    position: static;
  }
  .infodatawrap {
    display: block;
  }
  .navbar-collapse.show {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    z-index: 10000;
    padding: 30px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .close-toggler {
    background: none;
    color: #bbb;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .headsearch{max-width: none;    margin-top: 35px;}
  .writecv{border:none}
  .writecv:before{display: none;}
  .navbar-nav > li{padding: 0;}
  .navbar-nav{margin-top: 0;}
  .pageSearch {
    background: #900;
    padding: 120px 0 50px 0;
  }
  .pageSearch:after {
    display: none;
  }
  ul.orderlist li {
    float: none;
    width: auto;
  }
  .optionlist li {
    font-size: 14px;
  }
  .searchList li p {
    font-size: 16px;
  }
  .sidebar a {
    font-size: 16px;
  }
  .sidebar .social a {
    font-size: 30px;
  }
  .pageTitle h1,
  .breadCrumb {
    text-align: center;
  }


  .userloginpage{display: block;}
  .userlogincontent{border-left: none;}
  .userlognform, .userlogincontent{width: 100%;}
  .userlognform .useraccountwrap{max-width: none;}




  /*job detail*/
  .featbtns{margin-left: 0;}
  .job-header .jobinfo .companyinfo {
    text-align: left;
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding-top: 30px;
  }
  .whatList li {
    margin-bottom: 30px;
  }
  .about-wraper h2 {
    margin-top: 20px;
  }
  .postimg {
    margin-top: 15px;
  }
  .about-wraper,
  .textrow {
    padding: 50px 0;
  }
  .appwraper .appbtn {
    margin-top: 30px;
  }
  .appwraper .titleTop h3 {
    font-size: 20px;
  }
  .appwraper .subtitle2 {
    font-size: 24px;
  }
  /*Footer*/
  .footerWrap h5 {
    margin-top: 25px;
    font-size: 24px;
  }
  .slidertext1 {
    font-size: 30px;
    line-height: 32px !important;
  }
  .caption {
    padding: 15px !important;
  }
  .jobButtons.applybox{justify-content: start;}
  .compheader{margin-left: 0; margin-right: 0; margin-top: 10px;}
  .comptact h1{font-size: 20px;}

  .owl-nav{text-align: center;}
  .owl-nav button{position: static; display: inline-block;}
  .intsearchbar .input-group{display: block; margin-top: 15px;}
  .intsearchbar .form-control{    width: 100%;
    border: 1px solid #eee;
    padding: 10px 15px;
    margin-top: 10px;}
    .intsearchbar span{margin: 0; display: block;}
    .breadcrumbs{padding: 20px 15px;}
    .intsearchbar .btn{margin-left: 0 !important; margin-right: 10px;}

    .featuredjobswrap .jobslist li{margin-bottom: 10px;}
  .rltsidebarbox, .leftsidebarwrap {display: none;}

  .contactleftxt{padding-right: 0; margin-bottom: 30px;}
.benefits{margin-bottom: 30px; margin-top: 30px;}
.sidebarjobs li .comimg{width: 100px; display: block;}
.sidebarjobs li .jobint .ps-0{padding-left: 15px !important;}


}

/*******************
Large Mobile Screen
*******************/
@media screen and (max-width: 768px) {
  .topsearchwrap h5 {
    margin-top: 30px;
  }
  .navbar-nav > li {
    padding: 0;
  }
  .navbar-expand-lg .navbar-nav .nav-item.register{padding-left: 0;}
  .pagiWrap {
    margin-bottom: 30px;
  }
  .jobButtons a {
    font-size: 15px;
    margin-right: 0px;
    padding: 6px 10px;
  }
  .post-header h4 {
    margin-top: 10px;
  }
  .popularind{text-align: left;}
  .usercvphoto{margin-left: 0;}
.downloadbtnlink{margin-top: 15px;}
}
@media screen and (max-width: 767px) {
  .navbar-nav li.postjob,
  .navbar-nav li.jobseeker {
    margin-bottom: 10px;
  }
  .dropdown-menu {
    position: static;
    float: none;
  }
  .usernav li a {
    padding: 12px 15px;
  }
  .titleTop h3 {
    font-size: 18px;
    display: block;
    margin-bottom: 0;
  }
  .titleTop .viewallbtn{text-align: left;}
  .viewallbtn a{padding:12px 20px;}
  .featuredlist .jobint h4 a{line-height: 20px;}

  .post-header h4 a{line-height: 20px;}
  .countrieslist .countryinfobox{margin-bottom: 10px;}
  .catelist {
    margin-bottom: 30px;
  }

  .jobtopinfobx{display: block;}

  .featuredlist .jobint .salary{margin-left: 0; margin-top: 10px;}
  .ftjbtype{margin-left: 0; margin-top: 8px;}
  .adstartbox{padding: 25px 15px;}
  .adstartbox h5{font-size: 16px;}
  .useractionbtn{flex-wrap: wrap; margin-top: 20px;}
  
  .jobslist li .col-md-7,
  .jobslist li .col-md-9 {
    padding-left: 15px;
  }

  .useraccountwrap{margin: 15px 0; max-width: none !important;}
.comprofile{background: none; padding: 0 !important; box-shadow: none !important;border-bottom: none;}
.comprofile h5{text-align: center;}
.comprofile h3{font-size: 18px;}
.preuserinfo .userimgupbox .formrow > label.btn{text-transform: none;}

  .userccount{padding: 30px;}

  .main-plan .plan-price2 {
    margin-left: 0px;
    font-size: 44px;
  }
  .pagiWrap .showreslt {
    margin-bottom: 10px;
  }
  .job-header .jobinfo {
    padding: 15px;
  }
  .job-header .contentbox {
    padding: 20px;
  }
  .searchbar .form-control {
    width: 100%;
  }
  .searchbar select.form-control {
    border-top: 1px solid #eee;
  }
  .searchbar #functional_area_id {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .searchbar .btn {
    margin-left: 0 !important;
  }
  .userlognform{padding: 30px 20px;}
  .formpanel .mb-3{font-size: 14px;}

  .feed-card-header{flex-wrap: wrap;}
  .user-info{flex: 0 0 70%; margin-right: 0;}
  .howlist li {
    display: block;
  }
  .howlist li h4 {
    margin-top: 10px;
  }
  /*sidebar*/
  .sidebar {
    margin-top: 30px;
  }
  .text-right {
    text-align: left;
  }
  .pageTitle {
    background-position: left;
  }
  /*Photo Streem*/
  .photo-steam li {
    width: 50%;
  }
  .appimg {
    display: none;
  }
  .appwraper .appbtn a {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .pull-right {
    float: none !important;
  }
  .comments .media-list li.margin-left80 {
    margin-left: 0;
  }
  .compheader{flex-wrap: wrap;}
  .compheader .jobButtons{margin-left: 0;}

  .feedswrap{padding: 20px 0;}
  .attachments ul{display: block;}
  .attachments ul li{width: auto;}
  .attachments ul li a{justify-content: start; border: none; border-top: 1px solid #eee; border-radius: 0; padding: 10px 0;}
  .attachments ul li strong{display: block;}
  .feedpost textarea{font-size: 16px;}
  .feedpkginfo a{width: 170px;}
  .feedpkginfo{    min-height: 68px;}
  .action-button{padding:8px 10px; font-size: 14px;}

  .mobilenav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ddd;
}
.mobilenav ul{display: flex; justify-content: space-between;}
.mobilenav ul li a{display: block; padding: 10px 20px; color: #444; text-align: center;}
.mobilenav ul li a span{font-size: 30px;}
.mobilenav ul li a div{font-size: 14px;}
.footerWrap{padding: 30px 0;}
.copyright {
  padding: 20px 0 70px 0;
}
.paylogos{text-align: left;}

.user-info .d-flex{flex-direction: column;}

.profiletopdata{display: block;}
.userbtnsprofile{margin-top: 0; text-align: left;}
.userbtnsprofile .hstack{justify-content: start !important;}
.usercoverpic{height: 180px;}
.editcoverico{bottom: auto; top: 15px;}

.shareoptbox{display: block;}
.shareoptbox .card-radio-btn{display: block;}
.card-input-element + .card{justify-content: start;}

}
/*******************
	Mobiles Screen
*******************/
@media screen and (max-width: 560px) {
  .jobButtons a {
    display: block;
    margin-right: 0;
    margin-top: 10px;
  }
  .searchwrap h3 {
    font-size: 24px;
  }
  .searchbar .input-group {
    display: block;
  }
  .searchbar .btn {
    margin: 15px 0 0 0;
  }
  .usernav li a {
    padding: 10px 10px;
    text-transform: none;
  }
  .error-page-wrap .errormain h2 {
    font-size: 150px;
    line-height: 160px;
  }
  .error-page-wrap .errormain h3 {
    font-size: 28px;
  }
  .searchList li {
    text-align: center;
  }
  .searchList li .jobimg {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .job-header .jobinfo .companyinfo,
  .job-header .jobinfo .candidateinfo,
  .educationList li {
    text-align: center;
  }
  .job-header .jobinfo .companyinfo .companylogo,
  .job-header .jobinfo .candidateinfo .userPic,
  .educationList li .date {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .job-header .jobinfo .candidateinfo .userPic {
    height: auto;
  }
  .employerList {
    margin: 15px 0;
  }
  .copyright ul li a {
    background: #ddd;
    color: #000;
    padding: 8px 15px;
    margin: 5px;
    display: block;
  }
  .copyright ul li a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
  }
  .appwraper .titleTop h3 {
    font-size: 24px;
  }
  .appwraper {
    padding-top: 50px;
  }
  .appimg {
    display: none;
  }
  .nav-tabs > li,
  .tabswrap .nav-tabs {
    float: none;
  }
  .tabswrap .nav-tabs > li {
    margin-top: 5px;
  }
}
@media screen and (max-width: 400px) {
  .header .col-md-5 {
    padding-right: 15px;
  }
  .usernav li {
    width: 50%;
    text-align: center;
  }
}


.postitlebx{
  border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.showuserselect strong{font-weight: 700;}


/*Add post CSS*/
.emoji-wysiwyg-editor {
  border: 1px solid #ffffff !important;
}
.emoji-picker-icon {
  right: 30px !important;
  top: 30px !important;
}
.feeling-picker-container {
  position: relative;
  display: inline-block;
}
/* Trigger Button */
.feeling-trigger {
  padding: 10px 15px;
  background-color: #f0f2f5;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.feeling-trigger i {
  margin-right: 8px;
  color: #1877f2;
}
/* Dropdown Container */
.feeling-dropdown {
  top: 45px;
  right: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: none;
}
/* Dropdown Grid Layout */
.feeling-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 10px;
  margin: 0;
  list-style: none;
}
/* Feeling Item */
.feeling-item {
  cursor: pointer;
  padding: 10px;
  transition: background 0.2s ease-in-out;
}
.feeling-item:hover {
  background-color: #f0f2f5;
  border-radius: 8px;
}
/* Feeling Icon and Text */
.feeling-item i,
.feeling-item .emoji {
  font-size: 24px;
  margin: 0 auto;
  display: block;
}
.feeling-item .feeling-text {
  font-size: 12px;
  color: #555;
  display: block;
}
/* Show Dropdown */
.feeling-dropdown.visible {
  display: block;
}
span.emoji {
  text-indent: 0 !important;
}
.preview-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.preview-container .dz-preview {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  margin-top: 15px;
}
.preview-container .dz-preview img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.dropzone {
  border: none !important;
  border-radius: 8px;
  padding: 10px !important;
  min-height: auto !important;
  text-align: center;
  background-color: #f9f9f9;
}
.dropzone .dz-message h6{margin-bottom: 0; font-weight: 700; color: #333;}

.dz-image {
  position: absolute;
}
.dropzone .dz-message{margin: 0 !important;}
.dz-progress{position: absolute; left: 10px; right: 10px;}
.dz-remove {
  position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background: #fff;
    border: none;
    cursor: pointer;
    z-index: 100;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.dz-remove::before {
  content: "\f1f8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #ff0000;
    text-indent: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}

.dz-error-message{position: absolute;
    background: #ffe5e5;
    padding: 5px;
}
.dz-details{width: 100%;}
.dz-filename{position: relative; z-index: 2;}
.dz-filename span{
  font-size: 10px;
  word-break: break-word;
  display: block;
}

.dz-success-mark, .dz-error-mark{display: none;}