/*
Theme Name: Job Forum Pro
Description: Job Forum Pro WordPress Theme is the perfect choice for building Job Forum Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Job Forum Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Job Forum Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://www.wpelemento.com/products/job-board-wordpress-theme
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: job-forum-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Be Vietnam Pro", sans-serif;
}
html {
  overflow-x: hidden;
}
.elementor_container {
  max-width: 1170px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Be Vietnam Pro", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Be Vietnam Pro", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.sticky-header {
  position: fixed !important;
  width: 100%;
  z-index: 9999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 0px 0px;
  animation: slideDown 0.75s ease-out;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

/*
.elementskit-btn > svg {
  background-color: #3E0B61;
  width: 32px !important;
  height: 32px !important;
  padding: 7px;
  border-radius: 50px;
  transform: translateX(-8px);
  z-index: 2;
}
.elementskit-btn > svg path {
  fill: #FFFFFF;
}
.elementskit-btn {
  position: relative;
  z-index: 2;
}
.elementskit-btn::after {
  content: '';
  position: absolute;
  right: 0; 
  background: linear-gradient(90deg, #6E00BE 0%, #6E00BE 71.87%, #5E1078 100%);
  top: 0;
  width: 70%;
  z-index: -1;
  height: -webkit-fill-available;
  border-radius: 30px 30px 30px 30px;
}
.elementskit-btn:hover::after {
  background: #B62CF5;
}
.elementskit-btn:hover svg {
  background-color: #B62CF5;
} */

/* ========================== Top Slider Animation Start ========================== */

.top-banner-box {
  width: max-content;
}
.top-banner-box .elementor-image-box-content {
  width: auto;
}

/* ========================== Top Slider Animation End ========================== */


/* ========================== Job Portal CSS Start ========================== */


/* ========================== Our Process Section Start ========================== */

.our-process-content-row .e-con-inner {
  max-width: 1505px;
}
.our-process-content-row .our-process-content-box-left {
  width: 100px;
  height: 100px;
}
.our-process-content-box:hover {
  background-color: #6E00BE !important;
}
.our-process-content-box:hover .our-process-content-box-left {
  border: 1px solid #FFF;
  background-color: #23152D !important;
}

/* ========================== Our Process Section End ========================== */

/*=============== Blog Section Start ===============*/

.blog-section-content .pp-posts-container .pp-posts .pp-post-wrap .pp-post-thumbnail img {
  height: 234px;
  object-fit: cover;
  margin: auto;
}
.blog-section-content .pp-posts-container .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  height: 45px;
}

.blog-section-content .pp-posts-container .pp-carousel-item:hover {
  background-color: #6E00BE;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-title a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-excerpt p {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-meta-text a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta svg path {
  fill: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-date svg path {
  fill: #FFFFFF !important;
}


/*=============== Blog Section Start End ===============*/






/* .blog-section-content .pp-posts-container .swiper-wrapper .pp-slider-arrow svg {
  height: 17px;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-title a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-excerpt p {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-meta-text a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta svg path {
  fill: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-date svg path {
  fill: #FFFFFF !important;
}
.blog-section-content .pp-posts-container .pp-carousel-item .pp-post-meta .pp-post-author .pp-meta-text a {
  display: inline-block;
  max-width: 5ch;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}
.blog-section-content .pp-posts-container .pp-carousel-item .pp-post-meta .pp-post-date svg path {
  fill: #6E00BE;
}
.blog-section-content .pp-posts-container .pp-carousel-item {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts-button {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts-button {
  position: absolute;
  right: 0;
  bottom: 12px;
  display: flex;
  border-radius: 20px;
}
.blog-section-content .pp-posts-container .pp-post {
  width: 425px;
  height: 410px;
  padding: 26px;
}
.blog-section-content .pp-posts-container .pp-post-content-wrap {
  margin: auto;
  padding-bottom: 14px;
}
.blog-section-content .pp-posts .pp-posts-button {
  z-index: 1;
}
.blog-section-content .pp-posts .pp-posts-button svg {
  background-color: #5E1078;
  width: 30px !important;
  height: 30px !important;
  padding: 8px;
  border-radius: 50px;
  transform: translateX(-14px);
  z-index: 2;
}
.blog-section-content .pp-posts .pp-carousel-item-wrap:hover .pp-posts-button {
  background: #000407 !important;
  border: 1px solid #6E00BE;
} */

/*=============== Blog Section End ===============*/


/*================ Featured Companies Start ===============*/


.company-item a {
  background-color: #F8F5FF;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px 10px;
  color:#000; 
  display:block; 
  text-align:center;
  width: auto;
  height: 120px;
}
.company-item a img {
  width: 90px;
  height: 80px;
  object-fit: contain;
}
.company-item p {
  font-size:14px; 
  font-weight:600; 
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

/*================ Featured Companies End ===============*/


/*================ Featured Companies Start ===============*/

#jobs-by-category #wpjobportal-data-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 15px;
  padding: 20px;
}
#jobs-by-category .wjportal-job-by-item {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 8px 10px !important;
  height: 100px;
  text-align: center;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
#jobs-by-category .wjportal-job-by-item-num {
  float: unset !important;
}
#jobs-by-category a.wjportal-job-by-item-cnt {
  font-size: 16px;
  font-family: 'Manrope';
  font-weight: 400;
}
.wjportal-job-by-item-cnt {
  display: inline-block;
}
.wjportal-job-by-item-num {
  display: block;       
  margin-top: 3px;     
}

/*================ Featured Companies Start ===============*/


/*======================== Courses Section Start =====================*/

.courses-content {
  margin: 0px;
  padding: 0px 0px 25px 0px;
  border: 1px solid #E6E2F4;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 30px 0px #766BA21A;
}
.courses-content:hover {
  background-color: #6E00BE;
}
.courses-content:hover .courses-title a {
  color: #FFFFFF;
}
.courses-content:hover .courses-short-description p {
  color: #FFFFFF;
}
.courses-content:hover .courses-price p {
  color: #FFFFFF;
}
.courses-content:hover .courses-buy-now-btn a {
  background-color: #FFFFFF;
  color: #6E00BE;
}
.courses-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #201832;
  font: 600 16px/20px 'Be Vietnam Pro';
}
.courses-short-description p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font: 400 14px/22px 'Be Vietnam Pro';
  color: #514472;
}
.courses-featured-img {
  padding: 10px 10px 10px 10px;
}
.courses-featured-img img {
  height: 185px;
  object-fit: cover;
  border-radius: 8px;
}
.courses-price p {
  color: #201832;
  font: 600 16px/20px 'Be Vietnam Pro';
  font-family: Be Vietnam Pro;
}
.courses-buy-now-btn a {
  color: #FFFFFF;
  background-color: #6E00BE;
  font: 600 12px/26px 'Be Vietnam Pro';
  font-family: Be Vietnam Pro;
  border-radius: 60px;
  padding: 14px 30px;
  &:hover {
    background-color: #201832;
  }
}
.courses-price-container {
  border-top: 1px solid #EAE7F5;
  padding: 0px 20px;
}
.courses-item-content-area {
  padding: 0px 20px 15px;
}
.courses-applied {
  background-color: #EEE6FF;
  border-radius: 60px;
  padding: 8px 18px;
}
.courses-applied p {
  color: #514472;
}
.courses-time {
  align-items: center;
  justify-content: center;
  display: flex;
}

/*======================== Courses Section End =====================*/


/*=============== Events Section Start ===============*/

.event-section-content .pp-posts-container .pp-posts .pp-post-wrap .pp-post-thumbnail img {
  height: 190px;
  object-fit: cover;
  margin: auto;
}
.event-section-content .pp-posts-container .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.event-section-content .event-company-name {
  padding: 10px 0 0px 15px;
}
.event-section-content .pp-posts .pp-grid-item:hover {
  background-color: #6E00BE;
}
.event-section-content .pp-posts .pp-grid-item:hover .event-company-name {
  color: #FFFFFF;
}
.event-section-content .pp-posts .pp-grid-item:hover .pp-post-title a {
  color: #FFFFFF;
} 
.event-section-content .pp-posts .pp-grid-item:hover .pp-meta-text {
  color: #FFFFFF;
}
.event-section-content .pp-posts .pp-grid-item:hover .pp-posts-button {
  background-color: #FFFFFF;
  color: #201832;
}
.event-section-content .pp-posts .event-company-name {
  font: 600 12px / 16px "Be Vietnam Pro";
  color: #6E00BE;
}

/*=============== Events Section End ===============*/


/* ========================== Job Portal CSS End ========================== */









/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #6E00BE;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #000000;
  border: 2px solid #6E00BE;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: linear-gradient(270deg, #F0EAFF 0%, #F0EAFF 27.15%, #F0EAFF 100%);
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 70px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: l7 1s infinite linear;
}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}

/*============= Preloader End =============*/







/*================ Featured Companies Start ===============*/


.company-item a {
  background-color: #F8F5FF;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px 10px;
  color:#000; 
  display:block; 
  text-align:center;
  width: auto;
  height: 120px;
}
.company-item p {
  font-size:14px; 
  font-weight:600; 
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

/*================ Featured Companies End ===============*/

/*================ jobs-by-category Start ===============*/

#jobs-by-category #wpjobportal-data-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 15px;
  padding: 20px;
}
#jobs-by-category .wjportal-job-by-item {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 8px 10px !important;
  height: 100px;
  text-align: center;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
#jobs-by-category .wjportal-job-by-item-num {
  float: unset !important;
}
#jobs-by-category a.wjportal-job-by-item-cnt {
  font-size: 16px;
  font-family: 'Manrope';
  font-weight: 400;
}
.wjportal-job-by-item-cnt {
  display: inline-block;
}
.wjportal-job-by-item-num {
  display: block;       
  margin-top: 3px;     
}

/*================ jobs-by-category Companies Start ===============*/


/*================ Walking Jobs Start ===============*/

.job-card-box .job-card {
  border-radius: 10px;
  border: 1px solid #EAE7F5;
  box-shadow: 0px 4px 30px 0px #766BA21A;
}
.job-card img {
  width: 100px;
}
.job-title {
    font-family: Be Vietnam Pro;
    font-weight: 600;
    font-size: 16px;
    color: #201832;
}
.company-name {
    font-family: Be Vietnam Pro;
    font-weight: 600;
    font-size: 12px;
    color: #6E00BE;
}
.job-location, .job-exp, .job-pos {
    font-family: Be Vietnam Pro;
    font-weight: 600;
    font-size: 12px;
    color: #514472;
    line-height: 25px;
}
.job-view-btn {
    background-color: #6E00BE;
    font-size: 15px;
    color: #FFFFFF;
    padding: 13px 25px;
    border-radius: 60px;
    font: 600 12px / 16px "Be Vietnam Pro";
    text-transform: capitalize;
    &:hover {
      background-color: #201832;
      color: #FFFFFF;
    }
}
.job-card-box-carousel .job-card {
    background-color: #F2F2F2;
    margin: 8px;
    border-radius: 10px;
    padding: 20px;
}
.job-card-bottom-data.row.align-items-center {
    border-top: 1px solid #EAE7F5;
}
.job-card-top-data {
    padding: 20px 15px 16px 15px;
}
.job-card-bottom-data {
    padding: 16px 5px 20px 5px;
}
.job-created-at {
    background-color: #6E00BE1A;
    border-radius: 60px;
    padding: 5px 14px;
    width: fit-content;
    color: #6E00BE;
    font: 600 12px/20px "Be Vietnam Pro";
}
.job-card-box .job-title a {
  color: #201832;
  font: 600 16px/20px "Be Vietnam Pro";
  font-family: Be Vietnam Pro;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  &:hover {
    color: #6E00BE;
  }
}
.job-card-box .job-company-name {
  color: #6E00BE;
  font: 600 12px/16px "Be Vietnam Pro";
}
.latest-jobs-slick .slick-track .slick-slide {
  margin: 10px;
}

/*================ Walking Jobs End ===============*/

/*================ Jobs by category Start ===============*/

.jobs-by-categories-box {
  background-color: #FFF;
  border: 1px solid #E6E2F4;
  border-radius: 10px;
  box-shadow: 0px 4px 30px 0px #766BA21A;
}
.jobs-by-categories-box:hover {
  background-color: #6E00BE;
}
.jobs-by-categories-box:hover .job-category-title {
  color: #FFFFFF;
}
.jobs-by-categories-box:hover .job-category-posted-job {
  color: #FFFFFF !important;
}
.job-category-title {
  color: #201832;
  font: 600 14px/20px "Be Vietnam Pro";
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.job-category-posted-job {
  color: #201832;
  font: 600 14px/20px "Be Vietnam Pro";
}
.jobs-by-categories-all-pagination .page-link {
  border-radius: 5px !important;
  border-color: #201832 !important;
  color: #201832 !important;
  padding: 4px 11px;
}
.jobs-by-categories-all-pagination .page-link:hover {
  background-color: #6E00BE !important;
  color: #FFFFFF !important;
}

/*================ Jobs by category End ===============*/


/*================ Jobs Slider Start ===============*/

.company-slide {
   background-color: #F8F5FF;
   margin: 0px 12px;
   padding: 20px 20px;
    border-radius: 10px;
    height: 140px;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}
.company-slide:hover {
  background-color: #6E00BE;
  transition: 0.3s ease-in-out;
}
.company-slide:hover .c-name {
  color: #FFF;
}
.company-slide:hover .active-hiring {
  color: #FFF;
}
.company-slide .applied {
    background: #EEE6FF;
    border-radius: 30px;
    padding: 6px 10px;
    color: #514472;
    font: 600 12px/14px "Be Vietnam Pro";
    margin-right: 12px;
}
.days-left {
    background: #EEE6FF;
    border-radius: 30px;
    padding: 6px 10px;
    color: #514472;
    font: 600 12px/14px "Be Vietnam Pro";
}
.company-slide .c-name {
  color: #201832 ;
  font: 600 16px/18px "Be Vietnam Pro";
}
.company-slide .company-image {
    background-color: #FFF;
    padding: 8px;
    border-radius: 10px;
}
.company-slide .company-info {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.company-slide .active-hiring {
  color: #6E00BE;
  font: 600 10px/15px "Be Vietnam Pro";
  padding-top: 5px;
}

/*================ Jobs Slider End ===============*/



/*================ Remote work Start ===============*/

.latest-jobs-slick.slick-slider .slick-arrow {
  background-color: #6E00BE;
  width: 40px;
  height: 40px;
  &:hover {
    background-color: #201832;
  }
}
.latest-jobs-slick.slick-slider .slick-prev:before {
  content: '\f053';
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  opacity: 1;
}
.latest-jobs-slick.slick-slider .slick-next:before {
  content: '\f054';
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  opacity: 1;
}


.latest-jobs-slick.slick-slider {
  position: relative;
}
.latest-jobs-slick.slick-slider .slick-prev {
  left: 0;
  z-index: 1;
  transform: translate(-338px, 40px);
}
.latest-jobs-slick.slick-slider .slick-next {
  left: 0px;   
  right: auto !important;
  z-index: 1;
  transform: translate(-278px, 40px);
}



/*================ Remote work End ===============*/


/*================ Job Search Page Start ===============*/

.page-template-page-job-search .job-details-section .job-desc p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.page-template-page-job-search .job-details-section p+p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.job-search-wrap {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 15px auto;
}

.job-search-wrap form {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EEDBFD;
    border-radius: 40px;
    padding: 5px 10px;
    height: 55px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05);
    position: relative;
}

.job-search-wrap .job-search-icon {
    position: absolute;
    left: 20px;
    font-size: 18px;
    color: #777D87;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

#job_query {
    flex: 1;
    border: none;
    outline: none;
    padding: 12px 20px 12px 45px;
    font-size: 16px;
    background: transparent;
    color: #333;
}

#job_search_btn {
    background-color: #6E00BE;
    border: none;
    padding: 10px 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    margin-left: 8px;
    &:hover {
     background-color: #341C46;
    }
}

#job_search_btn:hover {
    opacity: 0.9;
}


.header-search.job-search-wrap {
    position: relative;
}
.header-search.job-search-wrap .job-search-icon {
    position: absolute;
    right: 20px;
    font-size: 18px;
    color: #6E00BE;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: inherit;
    cursor: pointer;
}
.header-search.job-search-wrap #job_query {
    padding: 12px 20px 12px 20px;
    width: -webkit-fill-available;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: inherit !important;
    transition: background-color 5000s ease-in-out 0s;
}
.header-search.job-search-wrap input:-webkit-autofill,
.header-search.job-search-wrap input:-webkit-autofill:hover,
.header-search.job-search-wrap input:-webkit-autofill:focus,
.header-search.job-search-wrap input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #000 !important;
}

.header-search form {
  background-color: #FBF5FF;
  border: 1px solid #EEDBFD;
  height: 50px;
}
input:-internal-autofill-selected {
  background-color: unset !important;
  background-image: unset !important;
}


/*================ Job Search Page End ===============*/


/*================ Job Details Page Start ===============*/

.job-details-container {
    background-color: #F7F6FB;
    padding: 30px;
    margin: auto;
    width: fit-content;
}
.wjportal-jobs-act-btn-apply {
    background-color: #6E00BE !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
    padding: 13px 25px !important;
    border-radius: 60px !important;
    font: 600 12px / 16px "Be Vietnam Pro" !important;
    text-transform: capitalize !important;
    &:hover {
      background-color: #341C46 !important;
    }
}

/*================ Job Details Page End ===============*/

/*================ Job Category Page Start ===============*/

.job-cat-btn {
  background-color: #6E00BE;
  font-size: 15px;
  color: #FFFFFF;
  padding: 13px 25px;
  border-radius: 60px;
  font: 600 12px / 16px "Be Vietnam Pro";
  text-transform: capitalize;
  &:hover {
    background-color: #341C46;
  }
}

/*================ Job Category Page End ===============*/

/*================ All companies Page Details Start ===============*/

.btn-primary {
  background-color: #6E00BE;
  font-size: 15px;
  color: #FFFFFF;
  padding: 13px 25px;
  border-radius: 60px;
  font: 600 12px / 16px "Be Vietnam Pro";
  text-transform: capitalize;
  &:hover {
    background-color: #341C46;
  }
}

/*================ All companies Page Details Start ===============*/

/*================ All companies logo on Home Page Start ===============*/

.companies-hiring-carousel .slick-arrow {
  background-color: #6E00BE;
  width: 40px;
  height: 40px;
  &:hover {
    background-color: #201832 !important;
  }
}
.companies-hiring-carousel .slick-arrow.slick-next,
.companies-hiring-carousel .slick-arrow.slick-next {
  background-color: #6E00BE;
  opacity: 1 !important;
}
.companies-hiring-carousel .slick-arrow.slick-disabled {
  opacity: 1 !important;
}
.companies-hiring-carousel .slick-prev:before {
  content: '\f053';
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  opacity: 1 !important;
}
.companies-hiring-carousel .slick-next:before {
  content: '\f054';
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  opacity: 1 !important;
}
.companies-hiring-carousel {
  position: relative;
}
.companies-hiring-carousel .slick-prev {
  left: 0;
  z-index: 1;
  transform: translate(-60px, -15px);
}
.companies-hiring-carousel .slick-next {
  right: 0;
  z-index: 1;
  transform: translate(60px, -15px);
}
.companies-hiring-carousel .slick-dots li button:before {
  font-size: 14px;
  opacity: 1;
}
.companies-hiring-carousel .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #6E00BE;
}
.companies-hiring-carousel .slick-dots li button:before {
  opacity: 1;
  color: #D3B3EB;
}
.companies-hiring-carousel .slick-dots {
  bottom: -50px;
}
.companies-hiring-carousel .slick-dots li {
  margin: 0 2px;
}
.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 30%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

/*================ All companies logo on Home Page Start ===============*/



/*=============== Registration Form Start ==============*/

.wjportal-form-wrp {
  padding: 10px !important;
}
.wjportal-form-btn-wrp .wjportal-form-btn {
  background-color: #6E00BE !important;
}
.wjportal-form-btn-wrp .wjportal-form-btn:hover {
  background-color: #23152D !important;
}
.wjportal-form-input-field {
  padding-left: 10px;
}
.wjportal-main-up-wrapper form#loginform-custom input#wp-submit {
	background-color: #6E00BE !important;
}
.wjportal-main-up-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.wjportal-cp-view-btn {
  background: #6E00BE !important;
  border: 1px solid #6E00BE !important;
  &:hover {
    background-color: #23152D !important;
    color: #FFFFFF !important;
  }
}
.wjportal-job-type {
  background: #6E00BE !important;
}
.wjportal-cp-user-act-btn {
  border: 1px solid #6E00BE !important;
  background: #6E00BE !important;
  color: #fff !important;
}
.all-courses-page-pagination .page-numbers {
  padding: 7px 14px;
  margin: 0 6px;
  border: 1px solid #6E00BE;
  text-decoration: none;
  cursor: pointer;
  border-radius: 6px;
  &:hover {
    background-color: #6E00BE;
    color: #FFFFFF;
  }
}
.all-courses-page-pagination .page-numbers.current {
  background: #6E00BE;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 6px;
}
.page-template-page-job-search .job-desc-title {
  font-size: 20px;
}



/*=============== Registration Form End ==============*/

/*============== Jobseeker Controlpanel Start ============*/

.wjportal-jobdetail-wrapper {
  margin: auto;
  padding: 0px 0px 80px 0px;
}
.wjportal-page-header {
  margin: auto;
  padding: 80px 0px 40px 0px;
}
.wjportal-main-up-wrapper p, .wjportal-main-up-wrapper ul, .wjportal-main-up-wrapper ol {
  background: unset;
}
.wjportal-job-act-btn {
  background-color: #6E00BE !important;
  &:hover {
    background-color: #23152D !important;
  }
}
.wjportal-company-view-company-btn:hover {
  background-color: #6E00BE !important;
  color: #ffffff !important;
}
.wjportal-company-view-company-btn {
  color: #6E00BE !important;
  border-color: #6E00BE !important;
}
.wjportal-login-to-apply-btn {
  background-color: #6E00BE !important;
  &:hover {
    background-color: #23152D !important;
  }
}
.wjportal-breadcrumbs-link {
  color: #6E00BE !important;
}
.wjportal-form-wrp.wjportal-login-form {
  margin: auto;
  padding: 0 0 80px 0 !important;
}
.wjportal-register-form {
  margin: auto;
  padding-bottom: 70px !important;
}
.wjportal-newest-jobs {
  margin: auto;
  padding-bottom: 60px;
}
#wjportal-job-cp-wrp {
  width: 1170px;
  margin: auto;
  padding-bottom: 60px;
}
.wrapper-profile-header {
  padding-top: 40px;
}

/*============== Jobseeker Controlpanel End ============*/



@media screen and (min-width:320px) and (max-width:1024px) {
  .wjportal-page-header {
    margin-bottom: 10px;
  }
}

/*=============== Registration Form End ==============*/



@media screen and (min-width:1600px) and (max-width:1920px) {

}

@media screen and (min-width:1366px) and (max-width:1599px) {
  .single-events .feature-image-box-events img {
    height: 450px;
    object-fit: cover;
  }
}

@media screen and (min-width:1200px) and (max-width:1365px) {
  .single-events .feature-image-box-events img {
    height: 400px;
    object-fit: cover;
  }
}

@media screen and (min-width:1025px) and (max-width:1199px) {
  .single-events .feature-image-box-events img {
    height: 350px;
    object-fit: cover;
  }
  .job-view-btn {
    padding: 13px 22px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
 
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .single-events .feature-image-box-events img {
    height: 350px;
    object-fit: cover;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .job-card-bottom-data-right {
    justify-content: flex-start !important;
    margin-top: 10px;
  }
  .job-card-bottom-data>div {
    width: 100%;
  }
  .job-card-bottom-data {
    flex-direction: column;
  }
  #newsletter-section {
    --width: 85% !important;
  }
  .single-events .feature-image-box-events img {
    height: 300px;
    object-fit: cover;
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .single-events .feature-image-box-events img {
    height: 300px;
    object-fit: cover;
  }
}

@media screen and (min-width:320px) and (max-width:374px) {
  .job-view-btn {
    padding: 13px 16px;
  }
}