/*:root{
  --primary-color:#f50202;
  --secondary-color:#0000000d;
  --text-color:#727272;
  --heading-color:#f50202;
  --tertiary-color:#424242;
  --card-bg-color:#ff56560d;
}*/

label.error{
  color: red!important;
  font-size: 14px!important;
  font-weight: 400!important;
}

input[type="text"], input[type="password"], input[type="date"] select {
  line-height: 30px;
}

/*h1, h2, h3, h4 {
  font-family: "Nunito", sans-serif;
}*/

body {
  font-family: "Open Sans", sans-serif;
}

p, .text{
  color: var(--text-color);
}

.btn-primary {
  background: var(--primary-color);
  border-color: var(--primary-color);
  transition: all ease 0.4s;
}

.btn-primary:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  opacity: all ease 0.8;
}

.btn-primary:focus, .btn-primary:active {
  background: var(--primary-color)!important;
  border-color: var(--primary-color)!important;
}
.btn-primary:disabled {
    background-color: #f50202!important;
    border-color: #f50202!important;
}

.btn-secondary {
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
  transition:  all ease 0.4s;
}

.btn-secondary:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  opacity: all ease 0.8;
}

.btn-secondary:focus, .btn-secondary:active {
  background: var(--primary-color)!important;
  border-color: var(--primary-color)!important;
}

.text-primary {
  color: var(--primary-color)!important;
}

.btn-arrow-shower i{
  font-size: 14px;
  opacity: 0;
  display: inline;
  transition: all ease 0.5s;
}
.custom-pagination .pagination{
  justify-content:center;
}
.custom-pagination .page-link{
  color: var(--primary-color);
  box-shadow: none!important;
}
.custom-pagination .active>.page-link{
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.btn-arrow-shower:hover i{
  opacity: 1;
  margin-left: 20px;
}
.show-i i {
    opacity: 1;
    margin-left: 0px;
}
.section-head span{
  padding: 4px 10px;
  background: var(--primary-color);
  border-radius: 5px;
  color: #fff;
  position: relative;
}

.section-head span::after{
  content: '';
  position: absolute;
  width: 30%;
  height: 3px;
  bottom: -40%;
  left: 35%;
  background-color: var(--primary-color);
}

.section-head h2{
  font-weight: 800;
  font-size: 50px;
  color: var(--secondary-color);
}

.dashbaord-footer{
  z-index: 9;
  padding-top: 10px;
  width: 100%;
  background: #fff!important;
  text-align: center;
}

@media(max-width:320px){
  .section-head h2{
    font-size: 42px;
  }
  .category-box-outer{
    margin-top: 150px!important;
  }
  .section-head.top-categories-head-section{
    margin-bottom: 50px!important;
  }
}

.section-head p{
  font-size: 20px;
  color: var(--text-color);
  position: absolute;
  top: 50%;
  left: 0%;
}


/*Navbar section start*/

header {
  margin-bottom: 74px;
}

.dashboard_nav_btn{
  display: none;
}

@media(max-width:1199px){
  .dashboard_nav_btn{
  display: revert;
  margin: 20px 10px;
  }
}

@media(max-width:1200px){
  header{
    margin-bottom: 75px;
  }
  .navbar-nav .user-buttons{
    margin-bottom: 10px;
  } 
  .navbar-collapse{
    text-align: right;
  }
}

.top-header {
  box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}

.navbar-brand img{
  height: 45px;
}

.navbar-toggler{
  font-size: 15px;
}

#navigation ul a{
  font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

.nav-style {
  display: inline-block;
  color: #666;
  padding: 4px 2px;
}

.nav-style a:hover{
  color: var(--primary-color);
}

.nav-style a{
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}


.nav-button{
  border-radius: 40px;
  padding: 8px 15px;
  margin: 0px 5px;
  transition: all ease 0.5s;
}

.nav-button:hover, .nav-button:focus, .nav-button:active {
  border: 2px solid var(--primary-color)!important;
  background: none!important;
  color: var(--primary-color)!important;
}

@media(min-width:992px) and (max-width:1200px){
  .navbar-brand img{
    height: 48px;
  }
  .nav-style a{
    font-size: 15px;
    padding: 5px 2px!important;
  }
  .hero-banner-section {
  margin-top: -16px!important;
  }
}

@media(max-width:992px){
  .nav-button{
    margin:2px 5px;
  }
}


/*Navbar section end*/

/*banner section start*/


.hero-banner-section {
  margin-top: -2px!important;
  position: relative;
  background-image: url("../images/homebanner.webp"); 
  height: 550px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
}

.hero-banner-section .hero-search-box input{
  border-right: 1px solid #ddd;
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}

.job-listing-outer .hero-search-box input{
  border-right: 1px solid #ddd;
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}

.banner-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #434343e0;
  z-index: 1;
}

.hero-content{
  padding-top: 150px;
  z-index: 2!important;
}

.hero-head h1{
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  line-height: 60px;
}

.type-text{
  color: var(--primary-color);
  margin-bottom: auto;
}

.hero-search-container{
  padding: 6px 0px;
  border-radius: 50px;
  border: 4px solid #ddd;
  background: #fff;
}

.hero-search-box input, .hero-search-box select{
  border-top: none;
  border-bottom: none;
  color: grey;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hero-search-box input{
  border-radius: 33px!important;
  border: none;
}

.hero-search-box input::before{
  content: "<i class="fa-solid fa-magnifying-glass"></i>";
}

.hero-search-box button{
  border-radius: 30px!important;
  padding: 15px 30px!important;
  margin: 2px 8px!important;
  font-size: 15px!important;
}

.hero-search-container2{
  display: none;
}

@media(max-width:768px){
  .hero-banner-section .hero-search-container{
    display: none;
  }
  .hero-banner-section .hero-search-container2{
    display: revert;
    padding: 30px 30px;
    background: rgba( 255, 255, 255, 0.1 );
    backdrop-filter: blur( 9px );
    -webkit-backdrop-filter: blur( 9px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
  }
  .hero-content{
    padding-top: 50px;
  }
  .hero-head h1{
  font-size: 30px;
  }
}

@media(max-width:410px){
  .hero-head{
    margin-bottom: 10px!important;
  }
  .hero-head h1{
    font-size: 22px;
    padding: 10px 20px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
  }
}

/*banner section end*/


/*top categories section start*/

.categories-description {
  position: relative;
}

.category-box {
  position: relative;
  background-image: url("../images/card-bg.svg"); 
  background-repeat: repeat; 
  height: 150px;
  border:1px solid #f0f0f0;
  column-gap: 0px;
  z-index: 1;
  transition: 0.35s;
}

.category-box:hover {
  border-radius: 6px;
  background: var(--primary-color);
  transform:scale(1.05);
  z-index:9;
}

.category-box:hover .category-bg {
  background: var(--primary-color);
}

.category-box:hover .category-text h3{
  color: #fff;
}

.category-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #ffffffe8;
  z-index: 1;
  transition: 0.35s;
}


.category-text h3{
  font-size: 16px;
  text-decoration: none;
  color: #000;
  transition: 0.35s;

}

.category-image {
  padding-top: 25px;
}
.category-image img{
    height: 55px;
    width: 55px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 50%;
}

.category-box-outer {
  margin-top: 90px;
}

/*.view-all-categories {
  padding: 10px 20px;
}*/

/*top categories section end*/

.section-outer {
  margin-top: 100px;
}



/* promotion banner section start */

.promo-banner-img {
  max-height: 280px;
  object-fit: cover;
  object-position: center;
}

/* promotion banner section end */

/* footer section start */

.footer-section {
  background: url("../images/footer-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 50px;
}

.footer-logo {
  max-width: 100%;
  vertical-align: middle;
}

.footer-list li a{
  text-decoration: none;
  color: var(--text-color);
  transition: .04s all ease;
}

.footer-list li{
  list-style: none;
  line-height: 34px;
  font-size: 16px;
  transition: all ease 0.5s;

}

.footer-list li:hover{
  transform:scaleX(0.97);
}

.footer-list li a:hover{
  color: var(--primary-color);
}

.footer-list h3{
  color: #333333;
  font-size: 18px;  
}


.footer-description a{
  text-decoration: none;
  color: var(--primary-color);
}

.footer-description {
  text-align: justify;
  line-height: 30px;
  font-size: 16px;
  color: var(--text-color);
}

.footer-link {
  text-decoration: none;
  color: var(--primary-color);
}

.footer-category {
  position: relative;
  margin-bottom: 20px;
}

.footer-category::after{
  position: absolute;
  content: "";
  width: 15%;
  height: 2px;
  bottom: -40%;
  left: 0%;
  background: var(--primary-color);
}

.footer-copyright{
  padding: 25px 12px;
  border-top: 1px solid #aaa;
}


/* footer section end */



.page-header {
  margin-top: -2px!important;
  position: relative;
  background-image: url("../images/page_header.webp"); 
  background-repeat: no-repeat; 
  background-position: center;
  height: 160px;
  box-shadow: 0px 1px 5px 1px #e9e9e9;
  z-index: 1;
}

.page-header-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #404040e8;
  padding-bottom: 60px;
  padding-top: 60px;
  z-index: 1;
}

.page-head {
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  font-family: "Nunito";
}

.main-content-outer {
  margin-top: 60px;
}
.job-listing-outer .hero-search-container3{
  display: none;
}

.job-listing-section .top-categories-head-section{
  margin-bottom: 50px;
}


/* job listing page start*/

.banner-section.job-alert h4{
  font-size: 16px;
  font-weight: 600;
}
.sidebar-job-alert{
  background: #f9f9f9!important;
}
.banner-section.job-alert{
  padding: 20px 15px!important;
  border-radius: 3px!important;
}
.banner-section.job-alert{
  box-shadow: 0px 1px 2px 2px #e9e9e9!important;
}
.banner-section.job-alert .job-alert-subscribe-btn{
  font-weight: 500;
}


@media(max-width:992px){
  .job-listing-outer .hero-search-container{
    display: none;
  }
  .job-listing-outer .hero-search-container3{
    display: revert;
  }
}

.job-categories{
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px!important;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  max-width: 334px;
  transition: all ease 0.35s;
}
.job-type-btn{
  font-weight: 600;
  width: 100%;
  border-radius: 50px!important;
  background: transparent!important;
  border:none!important;

}
.job-type-btn.active{
  color: #fff!important;
  background: var(--primary-color)!important;
  font-weight: 600;
  border: none
}


.job-categories .job-type-btn {
  padding: 10px 51px;
  color: #000;
}

.job-categories li.lisingle{
  width: 323px;
}

@media(max-width:358px){
  .job-categories {
  min-width: 334px;
  }
}

/*@media(max-width:1199px){
  .job-categories .job-type-btn {
    padding: 10px 37px;
  }
}


@media(max-width:991px){
  .job-categories .job-type-btn {
    padding: 10px 23px;
    font-size: 14px;
  }
}

@media(max-width:767px){
  .job-categories{
    width: 41%;
  }
  .job-categories .job-type-btn {
    padding: 10px 23px;
  }
}*/

.job-card-head h4{
  font-size: 20px;
}
.job-card-description p{
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.job-card-salary h5{
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.job-card-salary span{
  font-size: 14px;
}

/*.job-categories a{
  margin-right: 50px;
}

.job-listing-card {
  position: relative;
  background-image: url("../images/card-bg.svg"); 
  background-repeat: repeat; 
  height: 150px;
  border-radius: 6px;
  border:1px solid #f0f0f0;
  box-shadow: 0px 1px 5px 1px #e9e9e9;
  column-gap: 0px;
  z-index: 1;
  transition: 0.35s;
}

.job-listing-card:hover {
  border-radius: 6px;
  border: 2px solid var(--primary-color);
  border-left: 5px solid var(--primary-color);
  transform:scale(1.01);
  z-index:9;
}


.job-listing-card:hover .job-title{
  color: var(--primary-color);
}

.job-listing-card:hover .view-job-button{
  background: darkgray;
  border: none;
}

.job-listing-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #ffffffe8;
  z-index: 1;
  transition: 0.35s;
}

.job-title {
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: 0.35s;
}

.job-description {
  padding: 30px 25px;
  transition: 0.35s;
}

.job-type {
  background: #e0f5d7;
  color: #449626;
  font-size: 14px;
  padding: 3px 12px;
  font-weight: 500;
  border-radius: 4px;
}

.job-listing-cards a{
  text-decoration: none;
}

.inner-card {
  border-radius: 4px;
  box-shadow: 0px 1px 3px 3px #e9e9e9;
  color: var(--text-color);
  font-weight: 500;
  font-size: 14px;
  padding: 3px 14px;
}

.address i{
  color: #12b6e8;
}

.salary i{
  color: #2a41e8;
}

.location i{
  color: #dc3139;
}

.date i{
  color: #0bbdc6;
}

.view-job-button-outer{
  padding: 20px 20px;
}

.view-job-button{
  padding: 10px 20px;
}*/

.browse-all-jobs {
  font-weight: 600;
  padding: 10px 20px;
}


.search-job-box input::placeholder{
  font-size: 14px;
}

/*--------------------------------------------------------------------------------*/
.job-listing-cards a{
  text-decoration: none;
  color: inherit;
}


.job-listing-main .banner-section {
  border-radius: 7px;
  background: #eee;
  padding: 5px;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
}

.job-tags span{
  font-size: 12px;
  background: #eee;
  padding: 2px 5px;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: 500;
  color: #7a7a7a;
  box-shadow: 0px 1px 2px 2px #e9e9e9;

}
.card-outer {
  min-height: 230px;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 20px 15px;
  font-family: "Nunito";
  box-shadow: 0px 1px 2px 2px #e9e9e9;
  transition: all ease 0.35s;
}

.home-job-list{
  max-height: 763px;
  padding: 0px 20px 20px 20px;
  overflow: hidden;
  overflow-y: auto;
}

/* width */
.scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.scroll::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius:20px;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.card-outer:hover {
  /*border-radius: 6px;
  border: 1px solid var(--primary-color);
  border-left: 5px solid var(--primary-color);*/
  /*transform:scale(1.002);*/
  transform:translateY(-7px);
  z-index:9;
}


.job-card-head h4{
  font-size: 25px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow:hidden;

}
@media(max-width:320px){
  .job-card-head h4{
    font-size: 20px;
  }
}

.job-card-labels .job-card-category i{
  color: #12b6e8;
}

.job-card-labels .job-card-time i{
  color: #0bbdc6;
}

.job-card-labels .job-card-location i{
  color: var(--primary-color);
}

.job-card-labels {
  font-size: 12px;
  color: #959595;

}

.label-item {
  margin-right: 5px;
  padding: 0px 8px;
  border-right: 1px solid #aaa;
}

.label-item:last-child{
  border: none;
}

.anim-bell{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    transform-origin: top center;
    animation-name: swing;
}

@keyframes swing{
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.job-card-salary h5{
  font-weight: 700;
}

.job-apply-btn {
  font-weight: 500;
  padding: 8px 15px;
  border: none!important;
  border-radius: 5px;
  /*background: linear-gradient(163deg, #f0f0f0, #f7b2b2);*/
  background: var(--primary-color);
  box-shadow: -9px 9px 18px #cfc6c6, 9px -9px 18px #ffffff;
}

.job-apply-btn i{
  padding: 5px 5px;
  margin-left: 5px;
  background: #fff;
  color: var(--primary-color);
  border-radius: 50%;
}

.job-listing-cards .card-outer:hover .job-apply-btn{
  border: none!important;
  border-radius: 5px;
  font-weight: 600;
  background: var(--tertiary-color);
}

.job-listing-cards .card-outer .job-apply-btn:hover{
  transform: translateY(-5px);
}

.job-listing-cards .card-outer:hover .job-apply-btn i{
  color: var(--tertiary-color);
}

.job-listing-filter{
  border-radius: 5px;
  color: var(--text-color);
  border: 1px solid var(--secondary-color);
  padding: 20px 20px;
}

@media(max-width:768px){
  .job-listing-main .banner-section{
    margin-bottom: 40px!important;
  }
  .apply-job-btn-group{
    display: block!important;
  }
  .apply-job-btn-group .job-apply-btn{
    width: 100%!important;
    margin-top: 10px;
  }
}


@media(max-width:767px){
  .job-card-head .job-title h4{
    font-size: 20px;
  }
  .job-card-head .company-img img{
    height:40px;
    aspect-ratio: 1/1;
  }
}

/* job listing page end*/

/* login page start */

.login-container {
  box-shadow: 0px 1px 5px 2px #e9e9e9;
  padding: 30px 30px;
  border-radius: 5px;
}

.password-input {
  position: relative;
}

.show_hide_password {
  position: absolute;
    top: 40px;
  right: 4%;
  color: #aaa;
  cursor: pointer;
}

.login-container h2{
  font-size: 24px;
  font-weight: 600;
  position: relative;
}

/*.login-container h1::after{
  position: absolute;
  content: "";
  width: 6%;
  height: 2px;
  bottom: -40%;
  left: 45%;
  background: var(--primary-color);
}*/

.login-container .tagline{
  font-weight: 600;
}

.login-container label{
  font-size: 14px;
  font-weight: 600;
}

.signin-bottom-links a{
  text-decoration: none;
}

.signin-bottom-links {
  font-weight: 500;
}

.sign-in-button:hover {
  background: indianred;
}
.signin-bottom-links .remember-me{
  font-size: 16px!important;
}


.signin-bottom-links .forgot-password:hover {
  color: var(--primary-color);
}
/* login page end */

/*sign up page start*/




.confirm-password {
  position: relative;
}

.login-container .interest{
  display: none;
}


.show_hide_c_password {
  position: absolute;
  top: 40px;
  right: 4%;
  color: #aaa;
  cursor: pointer;
}

.text-muted{
  font-size: 12px;
}

.login-container a{
  text-decoration: none;
}

 .form-submit {
  font-weight: 600;
 }

.login-container .user-type{
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  padding: 6px 10px;
  border-radius: 6px;
}

.login-container .user-type label{
  padding: 12px 55px;
  border-radius: 5px;
  font-size: 15px;
  gap: 30px;
}

@media(max-width:768px){
  .login-container .user-type label i{
    display: none;
  }
  .login-container .user-type label {
    text-align: center;
    padding: 5px 5px;
  }
}

/*sign up page end*/

/* breadcrumbs */

.breadcrumb-item a{
  color: #fff;
  text-decoration: none;
}

.breadcrumb-item {
  color: #fff!important;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: var(--primary-color);
}

.breadcrumb-item a:hover {
  color: var(--primary-color)!important;
}

/* breadcrumbs */

/* about us page start */


.about-content p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 35px;
}

.about-content h2{
  font-size: 22px;
}

.about-content a{
  text-decoration: none;
  font-weight: 600;
  color: var(--primary-color);
}

/*testimonials*/

.testimonial-outer-card {
  border-radius: 7px;
  background: #fcfcfc;
  min-height: 380px;
  padding-block-start: 80px;
  padding-left: 40px;
  padding-right: 40px;
}

.testimonial-inner-card {
  position: relative;
  background-image: url("../images/card-bg.svg"); 
  background-repeat: no-repeat; 
  min-height: 260px;
  border-radius: 7px;
  box-shadow: 0px 1px 10px 5px #e5e5e5;
  z-index: 1;
}

.testimonial-card-bg {
  position: absolute;
  border-radius: 7px;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #ffffffe8;
  z-index: 2;
}

.testimonial-card-bg .fa-quote-left {
  position: absolute;
  top: -8%;
  left: 3%;
  font-size: 40px;
  color: var(--primary-color);
  background: #fff;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 2px 2px 2px 1px #ffddb9;
}

.testimonial-card-bg .fa-quote-right {
  position: absolute;
  bottom: -8%;
  right: 3%;
  font-size: 40px;
  color: var(--primary-color);
  background: #fff;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 2px 2px 2px 1px #ffddb9;
}

.testimonial-card-bg .review-img {
  position: absolute;
  right: 50%;
  top: -40px;
  transform: translate(50%,0%);
  width: 80px!important;
  height: 80px!important;
  border-radius: 50%;
  box-shadow: 1px 4px 5px 1px #ffddb9;
}

@media(max-width:768px){
  .testimonial-card-bg .fa-quote-left {
      top: -6%;
      font-size: 13px;
      padding: 8px;
      box-shadow: 1px 1px 0px 1px #ffddb9;
  }
  .testimonial-card-bg .fa-quote-right {
      bottom: -6%;
      font-size: 13px;
      padding: 8px;
      box-shadow: 1px 1px 0px 1px #ffddb9;
  }
  .testimonial-card-bg .review-img {
    position: absolute;
    top: -30px;
    width: 60px!important;
    height: 60px!important;
  }
}

.testimonial-author {
  margin-top: 60px;
}

.testimonial-author h4{
  font-size: 18px;
}

.testimonial-author span{
  font-size: 14px;
  color: #aaa;
}

.testimonial {
  margin-top: 15px;
  padding: 15px 20px;
}

/*owl navigation*/

.owl-prev {
    left: -1%;
    top: 50%;
    position: absolute;
}
.owl-next {
    position: absolute;
    right: -1%;
    top: 50%;
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 3px 10px!important;
    font: inherit;
    font-size: 18px;
  }

  

/*owl navigation*/


/*testimonials*/

/* about us page end*/

/* contact page start */


.contact-form-outer {
  border-radius: 10px;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  padding: 30px 40px;
}

.contact-form-outer h2{
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: "Nunito";
}

.contact-form-outer label{
  font-weight: 600;
}

.main-content-outer .map {
  box-shadow: 0px 1px 20px 2px #e9e9e9;
}

@media(max-width:768px){
  .main-content-outer .map {
    margin-bottom: 30px;
  }
}

/*FAQ section*/

.faq-outer {
  margin-top: 90px;
}

.faq-section{
  margin-bottom: 100px;
}
/*.faq-section .faq-left-content .btn-primary{
  border-radius: 0px;
  padding: 10px 30px;
  margin-bottom: 40px;
}
.faq-left-content h2{
  font-weight: 700;
  color: #000!important;
  font-size: 45px;
  margin-bottom: 40px;
}
.faq-left-content p{
  margin-bottom: 30px;
}*/
.accordion-item {
  border: none!important;
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #eee!important;
  /*border-left: 3px solid var(--primary-color)!important;*/
}
.accordion-header button{
  box-shadow: none!important;
  background: none!important;
  font-weight: 600!important;
  color: #666!important;
  font-size: 18px;
  padding-bottom: 24px;
}
.accordion-button:after {
  transform: rotate(-90deg);
}
.accordion-button:not(.collapsed) {
  color: var(--primary-color)!important;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

/*FAQ section*/

/* contact page end */

/* job details page start */

.job-details-header {
  position: relative;
  background-image: url("../images/single-job.webp"); 
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  height: 350px;
  box-shadow: 0px 1px 5px 1px #e9e9e9;
  z-index: 1;
}

@media(max-width:991px){
  .job-details-main{
    text-align: center;
  }
  .job-control-buttons-outer{
    text-align: -webkit-center;
    margin-top: 50px;
  }
  .job-details-outer .job-details-header{
    height: 500px;
  }
}


.job-details-outer{
  overflow-x: hidden;
}

.job-details-header-bg {
  position: absolute;
  color: #fff;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: linear-gradient(to right, rgba(48,48,48,0.9) 50%, rgba(48,48,48,0.4) 100%, rgba(48,48,48,0) 95%);
  padding-bottom: 60px;
  padding-top: 60px;
  z-index: 1;
}

.job-details-header-bg .job-type {
  background: #fff;
  color: var(--text-color);
  font-weight: 600;
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 3px;
}

.job-details-header-bg .job-type i{
  color: var(--primary-color);
}

.job-details-header .job-control-buttons a{
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding: 10px 10px;
  transition: all ease 0.5s;
}


.job-control-buttons {
  border-radius: 5px;
  background: #ffffff33;
  padding: 20px 20px;
  max-width: 350px;
}

.page-category-heads {
  background: var(--tertiary-color);
  color: #fff;
  padding: 10px 25px;
  border-radius: 4px;
}

.page-category-heads h2{
  font-size: 18px;
  margin-bottom: 0;
}

.page-category-heads h2 i{
  background: #fff;
  color: var(--tertiary-color);
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  height: 34px;
  width: 34px;
  line-height: 34px;
}

.job-description h5{
  font-size: 18px;
  font-weight: 500;
}


.job-description .main-list li{
  list-style-type: "✓ ";
  line-height: 40px;
  color: var(--text-color);
}

.job-description .other-list li{
  list-style-type: disc;
  line-height: 40px;
  color: var(--text-color);
}

.job-description .sub-list li{
  list-style: circle;
}

.job-description-buttons .action-btn {
  padding: 12px 20px;
  font-weight: 600;
}

/*.job-description-buttons .action-btn i{
  opacity: 0;
  transition: all ease 0.5s;
}

.job-description-buttons .action-btn:hover i{
  opacity: 1;
  display: inline;
  margin-left: 30px;
}
*/


@media(max-width:768px){
  .job-description-buttons .action-btn {
    margin-bottom: 20px;
  }
    .job-description span{
        line-height: 25px!important;
    }
}

.job-description{
    font-family: "Open Sans", sans-serif!important;
}
.job-description span, .job-description p, .job-description b{
    font-family: "Open Sans", sans-serif!important;
}

.job-description span{
    line-height: 30px!important;
}

.share-job-buttons a{
  text-decoration: none;
  background: #fff;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 50px;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
  transition: all ease 0.06s;
}

.share-job-buttons a:hover{
  font-size: 22px;
}

.share-job-buttons .fa-twitter {
  color: #1da1f2;
}

.share-job-buttons .fa-linkedin-in {
  color: #0077b5;
}

.share-job-buttons .fa-facebook-f {
  color: #3b5998;
}

.share-job-buttons .fa-whatsapp {
  color: #25D366;
}

.share-job-buttons .fa-pinterest-p {
  color: #f80028;
}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  background-color: var(--primary-color);
  border-radius: 5px;
  padding: 3px 6px;
  transition: all ease 0.15s;
  top: -30px;
  left: -10%;
}

.hover-social-icon:hover .tooltip-text {
  visibility: hidden;
}

/*#top {
  top: -30px;
  left: -10%;
}
*/
.hover-social-icon {
  position: relative;
}

.job-position-information {
  background: #fff; 
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  border-radius: 5px;
  padding: 15px 15px;
}

.job-position-information h3{
  font-size: 18px;
  color: #fff;
  background: var(--primary-color);
  padding: 15px 15px;
  font-weight: 600;
}

.job-info-inner .info-icon{
  width: 40px;
  height: 40px;
  color: #fff;
  background: var(--primary-color);
  padding: 5px;
  border-radius: 50px;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

.job-info-inner{
  border-radius: 4px;
  background: #f1f1f1;
  padding: 10px 10px;
  box-shadow: 0px 1px 2px 2px #e9e9e9;
}

.job-description-footer a{
  color: var(--primary-color);
  text-decoration: none;
}

.right-panel .banner-section {
  background: #fff; 
  height: 260px;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  border-radius: 5px;
  padding: 15px 15px;
}

/* job details page end */

/* blog list page start */

.blog-card-description p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.blog-card-outer h2{
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.view-blog-btn{
  font-weight: 500;
  font-size: 18px;
  color: var(--primary-color);
}
.view-blog-btn i{
  font-size: 14px;
  margin-left: -30px;
  opacity: 0;
  transition: all ease 0.6s;

}

.view-blog-btn:hover{
  color: var(--primary-color);
}

.view-blog-btn:hover i{
  opacity: 1;
  margin-left: 5px;
}

.blogs-list-outer .main-content-outer a{
  text-decoration: none;
}

 .blog-card-outer .featured-image{
  max-width: 1200px;
  max-height: 100%;
  overflow: hidden;
}

 .featured-image img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.blog-card-outer {
  min-height: 218px!important;
  padding: 5px 5px!important;
  position: relative;
  box-shadow: 0px 1px 5px 2px #e9e9e9;
}

@media(max-width:768px){
  .blog-card-outer{
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .blog-card-outer .featured-image{
    width: 100%!important;
  }
  .blog-card-outer .blog-description .blog-details{
    font-size: 12px!important;
  }
  .blog-card-outer h2{
  font-size: 18px;
  }
  .blog-card-outer .read-blog-btn{
  position: inherit!important;
  margin-top: 20px;
  text-align: center;
  width: 100%;
  }
}

.blog-card-outer .blog-description{
  padding: 10px 10px;
}

.blog-card-outer .blog-description .blog-details{
  font-size: 14px;
  font-weight: 500;
  flex-wrap: nowrap;
  grid-gap: 10px;
}

.blog-card-outer .read-blog-btn{
  opacity: 0;
  position: absolute;
  bottom: 14%;
  right: 4%;
  border: none!important;
  border-radius: 5px;
  background: var(--primary-color);
  box-shadow: -9px 9px 18px #cfc6c6, 9px -9px 18px #ffffff;
  transition: all ease 0.35s;
}

.blog-card-outer:hover .read-blog-btn{
  opacity: 1;
  font-weight: 600;
  scale: 1.01;
}

.search-form-inner .search-box{
  position: relative;

}

.search-form-inner .search-box button{
  position: absolute;
  top: 22%;
  right: -6%;
  transform: translate(-50%, 0%);
  cursor: pointer;
}

.blog-box-outer {
  background: #fff;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  padding: 15px 20px;
  border-radius: 5px;
}

.blog-right-panel h3{
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
  padding: 10px 0px ;
  border-bottom:1px solid #ddd;
}

.search-form-inner .search-box input{
  box-shadow: 0px 1px 1px 1px #e9e9e9;
  border: 1px solid #eee;
}

.search-form-inner .search-box input:focus{
  border:none;
}

.latest-blog img{
  border-radius: 5px;
  border: 2px solid #ddd;
  height: 90px;
  object-fit: cover;
}

.latest-blog h4{
  font-size: 14px;
  font-weight: 600;
}

.latest-blog .blog-date {
  font-size: 12px;
  background: #eee;
  padding: 4px 4px;
  border-radius: 4px;
}

.right-panel .latest-blog{
  border-bottom: 1px solid #ddd;
  transition: all ease 0.35s;
}

.right-panel .latest-blog a{
  text-decoration: none;
  color: #000;
  transition: all ease 0.35s;
}

.right-panel .latest-blog:hover a{
  color: var(--primary-color);
}



.right-panel .categories ul li{
  list-style: none;
  text-decoration: none;
  line-height: 20px;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}

.right-panel .categories li a{
  transition: all ease 0.35s;
}

.right-panel a{
  text-decoration: none;
}

.right-panel .categories li:hover a{
  color: var(--primary-color);
  font-weight: 600;
  margin-left: 10px;
}

.right-panel .categories li.active a{
  color: var(--primary-color);
  font-weight: 600;
}



.tags-section .tags  a{
  padding: 5px 10px;
  color: #fff!important;
  margin-right: 20px;
  margin-bottom: 20px;
  background:var(--tertiary-color);
  border-radius: 5px;
}

.tags-section .tags{
  display: flex;
  flex-wrap: wrap;
}


/* blog list page end */

/* blog page start */

.blog-content-outer .blog-title h1{
  font-size: 24px;
  font-weight: 600;
  font-family: "Nunito";
  line-height: 32px;
}

.blog-labels span{
  font-size: 14px;
  background: #eee;
  padding: 2px 5px;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: 500;
  color: #7a7a7a;
  box-shadow: 0px 1px 2px 2px #e9e9e9;
}

.blog-share h5 {
  font-size: 18px;
  font-weight: 600;
}

.item .blog-card-outer{
  position: relative;
  background-image: url("../images/blog2.png"); 
  height: 400px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
  transition: all ease 0.45s;
}


.blog-card-inner{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.blog-card {
  padding: 10px 15px;
}

.blog-card-labels span{
  font-size: 13px;
  background: var(--primary-color);
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 5px;
  margin-right: 8px;
}

.comments-form-outer {
  padding: 15px 15px;
  border-radius: 7px;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
}

.comments-form-outer label{
  font-weight: 600;
  font-size: 14px;
}

/* blog page end */

/* ---------------------------------        User Section start           ---------------------------------- */

/*user dashboard section start*/
.dashboard-cards-outer .card-inner{
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  padding: 25px 15px;
  border-radius: 5px;
}

.dashboard-cards-outer .count{
  font-size: 36px;
  font-weight: 600;
}

.dashboard-cards-outer .user-card-head{
  font-size: 16px;
  color: var(--text-color);
  font-weight: 500;
}


.companies-view .user-card-icon{
  font-size: 25px;
  color: #2a41e8;
  padding: 10px 15px;
  border-radius: 50%;
  background: #2a41e812;
}

.applied-jobs .user-card-icon{
  font-size: 25px;
  color: #36bd78;
  padding: 10px 15px;
  border-radius: 50%;
  background: #36bd7812;
}

.favourite-jobs .user-card-icon{
  font-size: 25px;
  color: #efa80f;
  padding: 10px 15px;
  border-radius: 50%;
  background: #efa80f12;
}

#personal_information h3{
  background:#eee;
  border-radius: 5px;
}

/*user dashboard section end*/

/* resume section start */

.candidate-resume-section h3{
  font-size: 19px;
  font-weight: 600;
}
.candidate-resume-section h4{
  font-size: 17px;
  font-weight: 600;
}

.candidate-resume-section .user-info-outer{
  border:1px solid #ddd;
  padding: 15px 22px;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 1px #eee; 
}
.candidate-resume-section .resume-job-description{
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow:hidden;

}

.candidate-resume-section .resume-category-head{
  font-size: 22px;
}

.form-label{
  font-size: 15px;
  font-weight: 600;
}

::placeholder{
  opacity: 0.6!important;
}
::-ms-input-placeholder{
  opacity: 0.6!important;
}

input[type="date"]::-webkit-datetime-edit {
  color: #888;
}

.resume-submit-btn{
  padding: 8px 40px!important;
  font-weight: 600;
}

.resume-submit-btn span{
  opacity: 0;
  transition: all ease 0.35s;
}

.resume-submit-btn:hover span{
  opacity: 1;
  margin-left: 10px;
}

.red{
  color: var(--primary-color);
}

.view-resume-btn{
  text-decoration: none;
  color: var(--primary-color);
}

.view-resume-btn:hover{
  font-weight: 600;
}

.upload_resume_file .form-label{
  font-size: 15px;
  font-weight: 600;
}
/*resume section end*/

/* applied jobs section start */

.my-jobs .card-outer{
  min-height: 130px;
}

.my-jobs .job-card-head h4{
  font-size: 20px;
  font-weight: 600;
}

/* applied jobs section end */

/* user profile section start */
.c-wrapper{
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  border-radius: 5px;
}

.user-form-inner{
  padding: 20px 20px;
}

.user-form-inner label{
  font-weight: 600;
}

/* user profile section end */


/* ---------------------------------        User Section end             ---------------------------------- */

/*sidebar section start*/
/* width */
.sidebar::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.sidebar::-webkit-scrollbar-track {
  background: #2b2b2b; 
}
 
/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  background: #444444; 
  border-radius: 20px;
}

/* Handle on hover */
.sidebar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.sidebar {
  color: #fff;
  margin-top: -3px!important;
  margin-right: 0!important;
  padding: 0;
  width: 250px;
  background-color: #2b2b2b;
  position: fixed;
  height: 100vh;
  padding-bottom: 150px;
  overflow-y: scroll;
  z-index: 999;
}

.sidebar .sidebar-nav a {
  display: block;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #444444;
  padding: 12px;
  text-decoration: none;
}

.sidebar .sidebar-nav a.active {
  background-color: red;
  color: white;
}

.sidebar .sidebar-nav a:hover:not(.active) {
  background-color: #555;
  color: var(--primary-color);
}

.main-content-wrapper {
  margin: -2px 0px 0px 249px;
  padding: 1px 0px;
  min-height: 90vh;
}

/*@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar .sidebar-nav {
    float: left;
  }

  .main-content-wrapper {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar .sidebar-nav a {
    text-align: center;
    float: none;
  }
}*/

.sidebar .user-head img{
  border-radius: 50%;
  aspect-ratio: 1/1;
  height: 90px;
  overflow: hidden;
  object-fit: cover;
}

.sidebar .user-head .user-name{
  font-weight: 600;
}

.sidebar .sidebar-nav i{
  height: 35px;
  width: 35px;
  margin-right: 5px;
  font-size: 18px;
  border-radius: 50%;
  background: #ffffff14;
  color: #fff;
  line-height: 35px;
  text-align: center;
}

.sidebar .sidebar-nav:hover i{
  background: var(--primary-color);
}

.sidebar .sidebar-nav span{
  font-size: 14px;
}

.main-content-wrapper .page-header .container{
  padding: 0 50px;
}

/*.main-content-wrapper .page-header{
  height: 120px;
}
*/

.main-content-wrapper .main-content{
  padding: 0 38px;
}

.main-content-wrapper .page-header{
  height: 100px;
}

.main-content-wrapper .page-header .page-header-bg{
  padding-top: 28px;
}

.main-content-wrapper .page-header .page-header-bg h1{
  font-size: 26px;
}

.main-content-wrapper .page-header .page-header-bg .breadcrumb{
  font-size: 14px;
  line-height: 44px;
}

.dashboard-alert .alert{
  font-size: 14px;

}
/*sidebar section end*/

/*-----------------------------------  employer section start   ---------------------------------------*/

/*dashboard page start*/
.dashboard-cards-outer a{
  text-decoration: none;
  color: var(--text-color);
  font-weight: 600;
  font-size: 14px;
}

.dashboard-cards-outer .e-dashboard-card{
  height: 140px;
  padding: 15px 10px;
}


.dashboard-cards-outer .e-dashboard-card:hover img{
  scale: 1.1;
}

.dashboard-cards-outer .e-card-icon img{
  height: 60px;
  width: 60px;
  background: #2a41e812;
  border-radius: 50%;
  transition: all ease 0.35s;
}

.dashboard-cards-outer .e-card-icon .canadian{
  background: #2a41e812;
}

.dashboard-cards-outer .e-card-icon .newcomer{
  background: #36bd7812;
}

.dashboard-cards-outer .e-card-icon .aboriginal{
  background: #efa80f12;
}

.dashboard-cards-outer .e-card-icon .disabled{
  background: #0fc5bf12;
}

.dashboard-cards-outer .e-card-icon .youth{
  background: #f0272712;
}

.c-wrapper .e-message i{
  height: 35px;
  width: 35px;
  margin-right: 5px;
  font-size: 18px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 35px;
  text-align: center;
}

.c-wrapper .report-card-item{
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 600;
  background:#fff;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  z-index: 1;
  transition: all ease 0.35s;
}
.c-wrapper .report-card-item:hover{
  transform: scale(1.03);
  background: #eee;
  z-index: 2;
}


.c-wrapper .report-card-item small{
  color: var(--text-color);
}

.report-card-item .badge {
  --bs-badge-font-weight: 600;
  margin-left: 10px;
  background: #40b660!important;
}    

.main-content-wrapper{
 /* margin-bottom: 700px;*/
}

.recent-job {
  position: relative;
}

.recent-job .job-title{
  font-weight: 500;
}

.recent-job .job-dates{
  font-size: 14px;
  font-weight: 400;
}

.recent-job .job-dates .start-end-date{
  font-weight:600;
}

.recent-job .edit-job-btn{
  position: absolute;
  top: 10%;
  right: 5%;
  font-size: 12px;
}
/*dashboard page end*/

/* post a job page start */
.job-bio-list{
  list-style: none;
  list-style-type: "✓ ";
  line-height: 35px;
}

.job-bio-list span{
  margin-left: 10px;
}

.c-wrapper .container{
  padding: 20px 20px;
}
/* post a job page end */

/* manage jobs page start */
.search-job-btn{
  padding: 11px 40px;
  font-size: 17px;
  font-weight: 600;
}

.search-job-btn:hover{
  background: var(--tertiary-color);
  border: none;
}


.search-job-form input[type="text"], .search-job-form input[type="date"], .search-job-form select {
  line-height: 35px;
  font-size: 14px;
}

.manage-job-cards .card-outer{
  position: relative;
}

.manage-job-cards .job-list-controls{
  position: absolute;
  bottom: 10%;
  right: 5%;
}

.manage-job-cards .job-list-controls a{
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  padding: 5px 10px;
  transition: all ease 0.35s;
}

.manage-job-cards .job-list-controls a:hover{
  transform: translateY(-2px);
}

.employer-manage-jobs .job-title h4{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.employer-manage-jobs .card-outer{
  min-height: 100px;
  font-size: 14px;
  padding: 15px 15px;
}

.employer-manage-jobs .card-outer:hover{
  background: #eee;
  cursor: pointer;
}

.employer-manage-jobs .posting-status, .employer-manage-jobs .vacancy{
  font-weight: 600;
}

.employer-manage-jobs .active-label{
  color: #40b660;
}

.employer-manage-jobs .inactive-label{
  color: var(--primary-color);
}

.employer-manage-jobs .card-outer .job-info span{
  margin-right: 10px;
}

.employer-manage-jobs .posting-type .free-post{
  color: var(--primary-color);
  font-weight: 600;
}

.employer-manage-jobs .posting-type .paid-post{
  color: #40b660;
  font-weight: 600;
}

/*.employer-manage-jobs .job-controls a{
  margin-left: 2px;
}
*/
.employer-manage-jobs .btn-dark{
  color: #fff;
  font-weight: 500;
  border:none;
  padding: 5px 13px;
  font-size: 14px;
  border-radius: 4px;
}

.employer-manage-jobs .btn-info{
  color: #fff;
  font-weight: 500;
  border:none;
  padding: 5px 13px;
  font-size: 14px;
  border-radius: 4px;
}

.employer-manage-jobs .btn-warning{
  color: #fff;
  font-weight: 500;
  border:none;
  padding: 5px 13px;
  font-size: 14px;
  border-radius: 4px;
}

.employer-manage-jobs .btn-primary{
  color: #fff;
  font-weight: 500;
  background: #40b660;
  border:none;
  padding: 5px 13px;
  font-size: 14px;
  border-radius: 4px;
}

.employer-manage-jobs .btn-danger{
  color: #fff;
  font-weight: 500;
  background: var(--primary-color);
  border:none;
  padding: 5px 13px;
  font-size: 14px;
  border-radius: 4px;
}

.manage-jobs-outer .c-wrapper .container{
  padding: 1px 20px;
}

/* manage jobs page end */

/* candidate list page start*/
.manage-resume-list .c-job-title a{
  font-size: 13px;
  font-weight: 700;
  padding: 4px 15px;
  border-radius: 11px;
  background: #eee;
}

.manage-resume-list .c-job-title a:hover{
  background: var(--primary-color);
  color: #fff;
}

.filter-candidates h2 span{
  font-size: 14px;
}

.filter-candidates .container{
  padding: 15px 20px!important;
}

.manage-resume-list a{
  text-decoration: none!important;
}

.manage-resume-list .container{
  /*height: 500px;*/
  /*padding: 0px 20px 20px 20px;*/
  overflow: hidden;
  overflow-y: auto;
}

.candidate-card{
  position: relative;
  border-radius: 7px;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  /*height: 130px;*/
  padding: 20px 20px;
  transition: all ease 0.35s;
}

.candidate-card:hover{
  transform: translateY(-5px);
  background: #f9f9f9;
}

.candidate-card:hover .download-resume-btn i{
  background: green;
  color: #fff;
}

.candidate-card .candidate-img img{
  border-radius: 50%;
  height: 100%;
  width: 100%;
  max-height: 100px;
  max-width: 100px;
  border: 4px solid var(--primary-color);
}

.manage-resume-list .job-type {
  background: #e0f5d7;
  color: #449626;
  font-size: 10px;
  padding: 3px 10px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}


.manage-resume-list .candidate-name{
  font-size: 18px;
  font-weight: 600;
  margin-right: 15px;
  color: #000;
  display: inline-block;
}

.c-contact-details span{
  box-shadow: 0px 1px 5px 3px #e9e9e9;
  color: var(--text-color);
  font-size: 11px;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 3px;
  display: inline-block;
}

.c-contact-details .c-email i{
  color: blue;
}

.c-contact-details .c-phone i{
  color: green;
}

.c-contact-details .c-location i{
  color: indianred;
}

.candidate-card .download-resume-btn i{
  position: absolute;
  top: 15%;
  right: 5%;
  background: #d9fbd9;
  color: green;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 27px;
  border-radius: 50%;
}
/* candidate list page end*/

/* featured job packages page start */
.packages a{
  text-decoration: none;
  color: #000;
}

.job-package-card{
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  border-radius: 8px;
  padding: 15px 35px;
  transition: all ease 0.35s;
}

.job-package-card:hover{
  transform: translateY(-6px);
}

.job-package-card .card-tags{
  color: var(--text-color);
  box-shadow: 0px 1px 5px 2px #e9e9e9;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
  margin-right: 10px;
}

.job-package-card .card-tags i{
  color: skyblue;
}

.job-package-card .card-details button{
  padding: 8px 10px;
  background: var(--primary-color);
  border: none;
  font-size: 14px;
  color: #fff;
  transition: all ease 0.35s;
}

.job-package-card .card-details button:hover{
  box-shadow: 0px 1px 10px 2px #cbc4c4;
  background: var(--tertiary-color);
}

.purchase-new-package a{
  color: #fff;
  background: #2aa6ef;
}

.purchase-new-package a:hover{
  color: #fff;
  background: #097abd;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
}

.job-package-card .card-details .package-price{
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
}

.job-package-card .card-details .package-discount{
  background: var(--tertiary-color);
  color: #fff;
  border-radius: 6px;
}

.coupon-li{
  line-height: inherit!important;
  margin-top: 8px;
  margin-bottom: 12px;
}

.job-package-card .buy-package-btn{
  padding: 6px 15px;
  color: #fff;
  border-radius: 30px;
  transition: all ease 0.35s;
}

.job-package-card .buy-package-btn i{
  transition: all ease 0.35s;
}

.job-package-card .buy-package-btn:hover i{
  margin-right: 10px;
}
/* featured job packages page end */

/* transactions page start */
.view-transaction-btn i{
  color: #fff;
}

.view-transaction-btn{
  border-radius: 50%;
}

/* transactions page end */

/*checkout page start*/
.booking-summary h2{
 padding: 16px 25px;
 font-size: 18px;
 font-weight: 600;
 border-radius: 4px;
 color: #fff;
 background: var(--primary-color);
}

.booking-summary ul{
  padding: 20px 25px;
  list-style: none;
  font-weight: 500;
}

.booking-summary ul li{
  line-height: 45px;
  font-size: 16px;
}

.booking-summary ul li:last-child{
  border-top: 1px solid #eee;
  font-weight: 700;
}

.booking-summary .checkout-total span{
  color: var(--primary-color);
  font-weight: 700;
}

.booking-summary ul span{
  float: right;
  color: #000;
  font-weight: 600;
}

.form-outer{
  padding: 20px 20px;
}

.radio-outer{
  background: #f0f0f0;
  padding: 5px 5px;
  margin: 0 2px;
  border-radius: 4px;
  font-weight: 500;
}
.radio-outer .form-check-label .badge{
  color: #fff;
  background: var(--primary-color);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color)!important;
}

.form-check-input:focus{
  box-shadow: none;
}

.credit-card-form img{
  height: 20px;
}
/*checkout page end*/

/* select packages page start */
.select-packages-outer h2{
  font-size: 34px;
  color: var(--primary-color);
  font-weight: 700;
}

@media(min-width:1200px){
  .custom-col{
    flex: 0 0 auto;
    width: 20%;
  }
}

.select-packages-outer  .post-plan-card{
  border: none;
  box-shadow: 0px 1px 10px 2px #e9e9e9;
  border-radius: 10px;
  padding: 30px 30px;
  margin-bottom: 30px;
  transition: all ease 0.35s;
}

.select-packages-outer  .post-plan-card:hover{
  transform: translateY(-10px);
}

.post-plan-card .post-plan-card-head{
  background: var(--primary-color);
  border-radius: 5px;
  color: #fff;
  height: 140px;
  padding: 12px 10px;
}

.post-plan-card .post-plan-card-head h4{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px!important;
  position: relative;
}

.post-plan-card .post-plan-card-head h4:before{
  background: #fff;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  border-radius: 30px;
  position: absolute;
  bottom: -6px;
  width: 40px;
}

.post-plan-card .post-plan-card-head .post-plan-price{
  border-radius: 30px;
  background: #0000001a;
  padding: 15px 24px;
}

.post-plan-card .post-plan-card-head .post-plan-price .value{
  font-size: 30px;
  font-weight: 600;
}

.select-packages-outer  .post-plan-card ul{
  list-style: none;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

.select-packages-outer  .post-plan-card ul li{
  line-height: 45px;
  border-bottom: 1px dashed #ddd;
}

.select-packages-outer  .post-plan-card ul li i{
  color: #38b653;
}

.select-packages-outer  .post-plan-card .post-card-body{
  padding: 20px 0px;
}

.sites-list a{
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 600;
  border-right: 2px solid var(--text-color);
  padding: 0 10px;
  font-size: 18px;
}

.sites-list a:last-child{
  border-right: none;
}
/* select packages page end */

.download-user-profile .user-profile-card{
  box-shadow: 0px 1px 5px 2px #e9e9e9;
  padding: 30px 30px;
  border-radius: 5px;
}

.download-user-profile .user-profile-card .card-head h2{
  font-size: 24px;
  font-weight: 600;
}


/*-----------------------------------  employer section end   ---------------------------------------*/


.employer-manage-jobs .job-controls .btn {
  margin-bottom: 10px;
}

.apply-job-list-outer .candidate-card{
  /*height: 180px;*/
}


.expired-job-watermark{
  position: fixed;
  bottom: 30%;
  left: 30%;
  z-index: 10000;
  font-size:100px;
  color: red;
  transform:rotate(-30deg);
  opacity: 0.6;
}

.dashboard-outer .job-dates.text span:nth-child(2){
  border-left: 1px solid #000!important;
  padding-left: 5px;
}
.job-details-outer .right-panel.mobile-right-panel{
  display: none;
}

@media(max-width: 992px){
  .job-details-outer .right-panel.mobile-right-panel{
    display: revert;
  }
  .job-details-outer .right-panel{
    display: none;
  }
  .employer-search-resumes .candidate-card {
    position: relative;
    border-radius: 7px;
    box-shadow: 0px 1px 10px 2px #e9e9e9;
    height: 154px;
    padding: 15px 15px;
    transition: all ease 0.35s;
  }
}

.select2-container--default .select2-selection--single {
    border: none;
}


.select2-container {
    top: 12px;
    margin-left: 0px!important;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
}

.mob-header{
  display: none;
}
.desk-header{
  display: block;
}
@media(max-width: 1199px){
  .mob-header{
    display: block;
    padding: 15px 0px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
  }
  .desk-header{
    display: none;
  }
  .main-content-wrapper{
    margin-left: 0;
  }
  .sidebar{
    display: none;
  }
}

.modal.side-menu-modal.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.side-menu-modal.fade.show .modal-dialog {
  right: 0;
}

.modal.side-menu-modal.dashboard-menu.fade .modal-dialog {
  left: -500px!important;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.side-menu-modal.dashboard-menu.fade.show .modal-dialog {
  left: 0!important;
}

.modal.side-menu-modal .modal-content {
  border-radius: 0;
  border: none;
}
.modal.side-menu-modal .modal-dialog.modal-sm {
  width: 300px;
}
.modal.side-menu-modal .modal-dialog.modal-lg {
  width: 800px;
}
.modal.side-menu-modal .modal-dialog.modal-xl {
  width: 1140px;
}
/* Top and Bottom */
.modal-footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
}
.side-menu-modal .side-menu-inner{
   /*padding: 20px 20px 20px 20px!important;*/
    background: #555;
    height: 99vh;
}
.side-menu-title{
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0!important;
}
.side-menu-modal .modal-title{
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  text-align: left;
}
.side-menu-modal .modal-header{
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    margin-bottom: 10px;
    max-height: 44px;
    min-height: 44px;
    top: 0;
    z-index: 3;
    position: sticky;
  }
.modal.side-menu-modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 360px!important;
    max-width: 100%;
    height: 100%;
}

  .mob-header .side-menu-title a{
    color: var(--primary-color);
    text-decoration: none;
    position: relative;
    top: 5px;
    right: 12px;
  }
  .mob-header .side-menu-modal .modal-title {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    padding: 10px 9px 0px 16px;
    color: #fff;
  }
  .mob-header .nav-style a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
  }
  .mob-header .nav-style a:focus,.mob-header .nav-style a:active {
    color: #fff;
    background: var(--primary-color);
  }
  .mob-header .nav-style {
    padding: 4px 20px;
    border-bottom: 1px solid #eeeeee2e;
  }
  .mob-header .nav-button {
    border-radius: 40px;
  }
  .mob-header .side-menu-modal .side-menu-inner {
    background: #555;
  }
  .mob-header .modal-body{
    padding: 0;
  }
  .mob-header .dropdown-menu {
    background: #999;
}

.mob-header .side-menu-inner ul li a i{
    margin-right: 10px;
}

.mob-header .side-menu-inner{
  padding-bottom: 50px;
  overflow-y: scroll;
}
.promotion-banner-outer .owl-prev{
  left: 0px;
  top: 40%;
}
.promotion-banner-outer .owl-next{
  right: 0px;
  top: 40%;
}
@media(max-width: 768px){
  .main-content-wrapper .page-header .page-header-bg {
    padding-top: 18px;
  }
  .main-content-wrapper .page-header .page-header-bg .breadcrumb {
    line-height: 1px;
  }
  .main-content-wrapper .main-content {
    padding: 0px;
  }
  .dashboard-cards-outer{
    padding-top: 0px!important;
  }
  .dashboard-cards-outer .card-inner{
    margin-bottom: 15px;
  }
  .main-content-wrapper .page-header .container {
    padding: 0px;
    padding-left: 15px;
  }
  .candidate-pages-section .container.py-5{
    padding-top: 15px!important;
  }
  .candidate-resume-section .accordion-button{
    font-size: 16px!important;
  }
  .candidate-resume-section .accordion-header button {
    padding-bottom: 16px;
  }
  .candidate-resume-section .accordion-item{
    border-bottom: none!important;
  }
  .candidate-resume-section .accordion-body{
    padding-left: 5px;
    padding-right: 5px;
  }
  .resume-card-single{
    margin-bottom: 10px;
    padding: 12px 15px 15px 15px!important;
  }
  .resume-card-single h4{
    font-size: 18px!important;
  }
  .resume-card-single li{
    font-size: 14px!important;
  }
  .resume-submit-btn {
    padding: 3px 8px!important;
    font-weight: 400!important;
    font-size: 14px!important;
  }
  .page-category-heads h2 i {
    font-size: 15px;
    height: 30px;
    width: 30px;
    line-height: 31px;
  }
  .page-category-heads h2{
    font-size: 16px!important;
  }
  .page-category-heads {
    padding: 10px 9px;
  }
  .candidate-apply-job-section .job-card-head .no-mob-img{
    display: none;
  }
  .candidate-apply-job-section .my-jobs .card-outer {
    min-height: 90px;
    padding: 12px 12px;
  }
  .candidate-apply-job-section .job-card-labels.d-flex.mb-3{
    margin-bottom: 6px!important;
  }
  .candidate-apply-job-section .my-jobs .job-card-head h4 {
    font-size: 18px;
  }
  .candidate-apply-job-section .job-card-labels {
    font-size: 11px;
    color: #545353;
  }
  .label-item {
    margin-right: 5px;
    padding: 0px 4px 0px 0px;
    border-right: 1px solid #aaa;
  }
  .footer-copyright {
    padding: 10px 12px;
    border-top: 1px solid #aaa;
    font-size: 15px;
  }
  .main-content-wrapper {
    margin-bottom: 20px;
    height: inherit;
    min-height: 80vh;
  }
  .job-categories {
    min-width: 300px;
  }
  .job-categories .job-type-btn {
    padding: 10px 42px;
  }
  .hero-content {
    padding-top: 30px;
  }
  .hero-banner-section .hero-search-container2 {
    padding: 18px 15px;
    border-radius: 20px;
  }
  .hero-banner-section .hero-search-container2 .form-control, .hero-banner-section .hero-search-container2 .form-select, .hero-banner-section .hero-search-container2 button{
    border-radius: 10px;
    height: 48px;
  }
  .hero-banner-section {
    height: 450px!important;
  }
  .section-outer {
    margin-top: 35px;
  }
  .section-head span {
    padding: 4px 10px 5px 10px;
    border-radius: 5px;
    font-size: 15px;
  }
  .section-head h2 {
    font-size: 26px;
  }
  .section-head p {
    font-size: 15px;
    position: inherit!important;
    margin-top: -10px;
  }
  .category-box-outer {
    margin-top: 0px!important;
  }
  .section-head.top-categories-head-section {
    margin-bottom: 0px!important;
  }
  .home-job-list {
    padding: 0px 2px 20px 2px;
  }
  .job-card-head .job-title h4 {
    font-size: 18px;
  }
  .job-card-description p{
    margin-bottom: 6px;
  }
  .front-job-listing .card-outer {
    padding: 12px 12px 20px 12px;
    min-height: 200px;
  }
  .front-job-listing .job-tags span {
    font-size: 11px;
    padding: 3px 5px 0px 5px;
  }
  .front-job-listing .job-apply-btn{
    padding: 8px 12px;
    font-size: 15px;
    /*width: inherit!important;*/
  }
  .front-job-listing .job-apply-btn i {
    font-size: 12px;
  }
  .front-job-listing .front-job-view{
    text-align: center;
  }
  .browse-all-jobs {
    padding: 6px 16px;
    font-weight: 15px;
  }
  .promotion-banner-outer .owl-carousel .owl-nav button.owl-next, .promotion-banner-outer .owl-carousel .owl-nav button.owl-prev, .promotion-banner-outer .owl-carousel button.owl-dot {
    font-size: 16px;
    top: 39%;
  }
  .promotion-banner-outer .owl-carousel .owl-nav button.owl-next{
    right: 8px;
  }
  .promotion-banner-outer .owl-carousel .owl-nav button.owl-prev{
    left: 8px;
  }
  .footer-section.mt-5{
    margin-top: 20px!important;
  }
  .footer-section{
    padding-top: 20px!important;
  }
  .footer-logo {
    height: 55px;
    margin-bottom: 15px;
  }
  .footer-description {
    line-height: 24px;
    font-size: 15px;
  }
  .footer-section ul{
    padding-left: 0rem!important;
  }
  .footer-list h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
  }
  .footer-category {
    margin-bottom: 14px;
  }
  .footer-list li {
    line-height: 30px;
    font-size: 15px;
  }
  .mob-header .nav-style a:focus, .mob-header .nav-style a:active {
    color: #fff;
    background: transparent!important;
  }
  .job-details-outer .job-tags span {
    font-size: 11px;
    padding: 3px 5px 0px 5px;
  }
  .job-details-outer .page-head {
    font-size: 22px;
    /*line-height: 10px;*/
  }
  .job-details-outer .job-control-buttons {
    width: 260px;
  }
  .job-details-outer .job-details-header {
    height: 500px;
  }
  .job-details-outer .main-content-outer {
    margin-top: 32px;
  }
  .blog-outer .page-header{
    height: 175px;
  }
  .blog-outer .page-header-bg {
    padding-top: 27px;
  }
  .dashboard-outer .recent-job .edit-job-btn {
    position: absolute;
    top: 10%;
    right: -4%;
    font-size: 10px;
    padding: 3px 6px;
  }
  .dashboard-outer .recent-job .job-title {
    font-weight: 600;
    font-size: 15px;
  }
  .dashboard-outer .recent-job .employer-name {
    font-size: 13px;
  }
  .dashboard-outer .job-dates.text span:nth-child(2){
    border-left: none!important;
    padding-left: 0;
    display: block;
  }
  .employer-job-posts .container.py-5{
    padding-top: 10px!important;
  }
  .employer-job-posts .job-bio-list span {
    margin-left: 0px;
  }
  .employer-job-posts .job-bio-list {
    line-height: 25px;
  }
  .employer-job-posts .c-wrapper .container {
    padding: 5px 10px;
  }
  .employer-manage-jobs-outer .search-job-btn {
    padding: 8px 33px;
    font-size: 16px;
    width: 100%;
  }
  .employer-manage-jobs-outer .employer-manage-jobs .job-controls a {
    margin-left: 0;
  }
  .hero-head h1 {
    font-size: 22px;
    line-height: 30px;
  }
  .hero-head.mb-5 {
    margin-bottom: 1rem!important;
  }
  .employer-manage-jobs .col-xl-4.text-end {
    text-align: left!important;
  }
  .employer-manage-jobs .posting-type, .employer-manage-jobs .posted-time, .employer-manage-jobs .deadline-time{
    display: block;
  }
  .employer-manage-jobs .posted-time, .employer-manage-jobs .deadline-time{
    display: inline-block;
  }
  .main-content-outer {
    margin-top: 30px;
  }
  .blogs-list-outer .col-lg-8 .mb5{
  margin-bottom: 1rem!important;
  }
  .employer-my-packages-outer .job-package-card .buy-package-btn {
    padding: 5px 8px;
    border-radius: 12px;
  }
  .employer-my-packages-outer .job-package-card .card-tags {
    display: inline-block;
    margin-bottom: 10px;
  }
  .blog-box-outer.categories-section ul{
    padding-left: 0rem;
    margin-top: -8px;
  }
  .blog-right-panel h3 {
    margin-bottom: 16px;
    padding: 0px 0px 12px 0px;
  }
  .blog-box-outer.categories-section .categories.py-2{
    padding:0px!important;
  }
  .tags-section .tags a {
    padding: 4px 9px;
    margin-right: 7px;
    margin-bottom: 7px;
    font-size: 14px;
  }
  .contact-form-outer {
    border-radius: 10px;
    box-shadow: 0px 1px 10px 2px #E9E9E9;
    padding: 20px 20px;
  }
  .contact-form-outer h2 {
    font-size: 20px;
    margin-bottom: 22px;
  }
  .contact-form-outer label {
    font-weight: 400;
    font-size: 15px;
  }
  .contact-form-outer .form-submit{
  width: 100%;
  }
  .contact-page-section .faq-outer {
    margin-top: 50px;
  }
  .contact-page-section .section-head p {
    margin-top: -28px;
  }
  .contact-page-section .section-head h2 {
    font-size: 22px;
  }
  .faq-main-section.mt-5{
    margin-top: 0rem!important;
  }
  .contact-page-section .accordion-header button {
    color: #232323!important;
    font-size: 15px;
    padding-bottom: 14px;
  }
  .contact-page-section .accordion-item{
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .contact-page-section .accordion-body{
    font-size:15px;
    padding-top:0px;
    padding-bottom:0px;
  }
  
  .about-page-section .testimonials-outer.py-5{
    padding-top:1rem!important;
  }
  .about-page-section .section-head h2{
    font-size: 22px;
   }
  .about-page-section .testimonial-outer-card{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 34px;
    padding-bottom: 35px;
    border-radius:0px;
    background:transparent!important;
    min-height:inherit;
    padding-block-start:0;
  }
  .about-page-section .testimonial-card-bg p{
    font-size: 15px;
  }
  .about-page-section .testimonial-author {
    margin-top: 45px;
  }
  .about-page-section .testimonial {
    margin-top: -4px;
    padding: 15px 20px;
  }
  .about-page-section .testimonial-author h4 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .apply-job-list-outer .c-contact-details{
     margin-top: 20px;
  }
  .apply-job-list-outer .candidate-card .download-resume-btn i {
    top: 6%;
  }
  .apply-job-list-outer .candidate-card{ 
    height: 150px;
  }
  .employer-profile-outer .resume-submit-btn{
    display: block;
    width: 100%;
    padding: 10px 15px!important;
    font-size: 16px!important;
  }

  .expired-job-watermark {
    left: 10%!important;
    font-size: 65px!important;
  }

}

@media(max-width:576px){
  .employer-my-packages-outer .buy-package-btn{
    width: 100%;
    border-radius: 5px;
  }
  .candidate-card .candidate-img{
    width: 100px!important;
    margin-bottom: 20px;
  }
  .employer-search-resumes .candidate-card{
    height: 200px;
    text-align: center;
  }
  .employer-search-resumes .candidate-card .row{
    justify-content: center!important;
  }
  .apply-job-list-outer.employer-search-resumes .candidate-card{
    height: 280px;
  }
  
  
}

@media(max-width:470px){
  .employer-search-resumes .candidate-card{
    height: 300px;
  }
  .apply-job-list-outer.employer-search-resumes .candidate-card{
    height: 300px;
  }
  .employer-search-resumes .candidate-card .download-resume-btn i {
    top: 5%;
    right: 7%;
    height: 35px;
    width: 35px;
    font-size: 21px;
  }
}