/*

Template: Jobster - Job Board HTML5 Template
Version: 2.0.0
Author: potenzaglobalsolutions
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

*/


/*================================================
[  Table of contents  ]
================================================

 :: Typography
 :: Helper Classes
 :: Shortcodes
  	- Accordion
  	- Feature Box
  	- Testimonial
  	- Counter
  	- Countdown
  	- Nav Tab
    - Owl carousel
    - Pricing
    - Button
    - Progress Bar
    - Select2
    - Datetimepicker
    - Portfolio
 :: Header
 :: Banner
   - Banner Map
   - Banner Slider
   - Banner Bg Slider
 :: Layout
    - Section Title
    - Category style
 :: Listing
   - Job list
   - Job grid
 :: Employer
 		- Employer List
 		- Employer Grid
 :: Candidate
 		- Candidate List
 		- Candidate Grid
 :: Jobster Candidate
 :: Job Search Field
 :: Job Filter
 :: Sidebar
   - Widget
 :: Dashboard
 :: Blog
 :: Not found
 :: Footer
 :: Login
 :: Responsive

======================================
[ End table content ]
======================================*/


/*****************************
	Typography
*****************************/

body {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #646f79;
    overflow-x: hidden;
}

a {
    outline: medium none !important;
    color: #17B0DD;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:focus {
    color: #212529;
    text-decoration: none !important;
}

a:hover {
    color: #212529;
    text-decoration: none !important;
}

input {
    outline: medium none !important;
    color: #21c87a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    color: #212529;
    margin-top: 0px;
    font-weight: 600;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

label {
    font-weight: normal;
}

h1 {
    font-size: 42px;
    font-style: normal;
}

h2 {
    font-size: 28px;
    line-height: 38px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-weight: normal;
    line-height: 1.7;
}

*::-moz-selection {
    background: #21c87a;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #21c87a;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #21c87a;
    color: #ffffff;
    text-shadow: none;
}

.container-fluid {
    padding: 0 100px;
}


/* Loading */

#pre-loader {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden !important;
    right: 0px;
    z-index: 999999;
}

#pre-loader img {
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto;
}


/* divider */

hr {
    border-top-color: #eeeeee;
    opacity: 0.10;
}


/* form-control */

.form-control {
    border: 1px solid #eeeeee;
    color: #626262;
    border-radius: 0px;
    height: 50px;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #21c87a;
}

textarea.form-control {
    height: auto;
}


/* custom-file */

.custom-file .custom-file-label {
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    border-color: #eeeeee;
    padding: 15px 90px 15px 20px;
    border-radius: 0px;
}

.custom-file .custom-file-label:after {
    height: 48px;
    padding: 14px 25px;
    border-radius: 0px;
}

.custom-file .custom-file-input {
    height: 50px;
    color: #212529;
    border-radius: 3px;
    border-color: #eeeeee;
}

.custom-file .custom-file-input:focus~.custom-file-label {
    border-color: #21c87a;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* input-group-prepend */

.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
    width: 50px;
    background: transparent;
    border-color: #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.input-group-text {
    border-radius: 0px;
}


/* checkbox */

.custom-checkbox:checked~.custom-control-label:before {
    background: #21c87a;
    border-color: #21c87a;
}

.custom-checkbox:not(:disabled):active~.custom-control-label:before {
    background: transparent;
    border-color: transparent;
}

.custom-checkbox:focus~.custom-control-label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-checkbox:focus:not(:checked)~.custom-control-label:before {
    border-color: #eeeeee;
}

.form-check-input[type=checkbox] {
    border-radius: inherit;
    margin-top: 2px;
}

.form-check-input {
    border: 2px solid #dfdfdf;
    width: 15px;
    height: 15px;
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
}

.form-check-input:checked {
    background-color: #21c87a;
    border-color: #21c87a;
    border: 2px solid #21c87a;
}

.form-check-input:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border-color: #21c87a;
}

.custom-control-label:before {
    top: 2px;
}

.custom-control-label:after {
    top: 2px;
}

.custom-checkbox .custom-control-label:before {
    border-radius: 0px;
    border: 2px solid #dfdfdf;
}

.form-check label {
    padding-left: 5px;
}

.form-check.custom-radio .form-check-input {
    margin-top: 3px;
}


/* input-group */

.choose-file.input-group .form-control {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 35px;
    margin: 0;
    opacity: 0;
    color: #001935;
    border-color: #eeeeee;
}

.choose-file .input-group-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    line-height: 1.5;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #001935;
    border-color: #eeeeee;
    padding: 15px 90px 15px 20px;
}

.choose-file .input-group-text::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    height: 48px;
    padding: 14px 25px;
}


/* border */

.border {
    border-color: #eeeeee !important;
}

.border-top {
    border-top-color: #eeeeee !important;
}

.border-left {
    border-left-color: #eeeeee !important;
}

.border-right {
    border-right-color: #eeeeee !important;
}

.border-bottom {
    border-bottom-color: #eeeeee !important;
}


/*Negative margin*/

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
}


/* badge */

.badge {
    border-radius: 3px;
}

.badge+.badge {
    margin-left: 6px;
}

.badge-md {
    padding: 5px 8px;
    font-size: 13px;
    font-weight: normal;
}

.badge-primary {
    background: #21c87a;
}


/* back to to */

.back-to-top {
    background: #17B0DD;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    position: fixed;
    overflow: hidden;
    cursor: pointer;
    right: 30px;
    bottom: 30px;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-to-top:hover {
    background-color: #212529;
    color: #ffffff;
}

.back-to-top:focus {
    color: #ffffff;
}


/* breadcrumb */

.breadcrumb {
    padding-left: 0;
    background: transparent;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.breadcrumb .breadcrumb-item {
    padding-right: 5px;
}

.breadcrumb .breadcrumb-item a {
    color: #646f79;
}

.breadcrumb .breadcrumb-item a:hover {
    color: #21c87a;
}

.breadcrumb .breadcrumb-item i {
    padding-right: 10px;
    line-height: 20px;
    font-size: 11px;
}

.breadcrumb .breadcrumb-item:before {
    display: none;
}

.breadcrumb .active span {
    color: #21c87a;
}


/* pagination */

.pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: inherit;
}

.pagination .page-item {
    margin: 0 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pagination .page-item .page-link {
    color: #646f79;
    padding: 12px 20px;
    font-weight: 500;
    border: 1px solid #eeeeee;
    border-radius: 0px;
}

.page-item:last-child .page-link {
    border-radius: inherit;
}

.page-item.active .page-link,
.pagination .page-item .page-link:hover {
    background: #21c87a;
    border-color: #21c87a;
    color: #ffffff;
}

.pagination .page-item .page-link:focus {
    background: #21c87a;
    border-color: #21c87a;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* blockquote */

.blockquote {
    font-size: 16px;
    border-left: 2px solid #eeeeee;
    padding-left: 20px;
    font-style: italic;
    display: block;
}


/* table */

.table-bordered td {
    border-color: #eeeeee;
}

.table-bordered th {
    border-color: #eeeeee;
}

.table thead th {
    border-bottom-color: #eeeeee;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #f6f6f6;
}

.table td {
    padding: 0.75rem;
}

.table th {
    padding: 0.75rem;
}


/*****************************
  Helper Classes
*****************************/


/* color */

.text-primary {
    color: #186fc9 !important;
}

.text-white {
    color: #ffffff;
}

.text-dark {
    color: #212529 !important;
}

a.text-dark:hover {
    color: #186fc9 !important;
}

.text-light {
    color: #646f79 !important;
}

.text-info {
    color: #186fc9 !important;
}

.text-success {
    color: #53b427 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #e74c3c !important;
}

.freelance {
    color: #53b427;
}

.freelance {
    background-color: #53b427;
}

.temporary {
    color: #e74c3c;
}

.temporary {
    background-color: #e74c3c;
}

.full-time {
    color: #186fc9;
}

.full-time {
    background-color: #186fc9;
}

.part-time {
    color: #ffc107;
}

.part-time {
    background-color: #ffc107;
}


/* background */

.bg-primary {
    background-color: #17B0DD !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.bg-light {
    background-color: #f6f6f6 !important;
}

.bg-white {
    background-color: #ffffff !important;
}


/* Page section margin padding */

.space-ptb {
    padding: 100px 0;
}

.space-pt {
    padding: 100px 0 0;
}

.space-pb {
    padding: 0 0 100px;
}

.h-100vh {
    height: 100vh !important;
}


/* img holder */

.bg-holder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}


/* bg-holder-pattern */

.bg-holder-pattern {
    background-repeat: no-repeat;
    background-position: 100% 15%;
}


/* Background overlay */

.bg-overlay-black-10 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-10:before {
    background: rgba(33, 37, 41, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-20 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-20:before {
    background: rgba(33, 37, 41, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-30 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-30:before {
    background: rgba(33, 37, 41, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-40 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-40:before {
    background: rgba(33, 37, 41, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-50 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-50:before {
    background: rgba(33, 37, 41, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-60 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-60:before {
    background: rgba(33, 37, 41, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-70 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-70:before {
    background: rgba(33, 37, 41, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-80 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-80:before {
    background: rgba(33, 37, 41, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-black-90 {
    position: relative;
    z-index: 1;
}

.bg-overlay-black-90:before {
    background: rgba(33, 37, 41, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-10 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-10:before {
    background: rgba(255, 255, 255, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-20 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-20:before {
    background: rgba(255, 255, 255, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-30 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-30:before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-40 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-40:before {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-50 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-50:before {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-60 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-60:before {
    background: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-70 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-70:before {
    background: rgba(255, 255, 255, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-80 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-80:before {
    background: rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-white-90 {
    position: relative;
    z-index: 1;
}

.bg-overlay-white-90:before {
    background: rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-theme-20 {
    position: relative;
    z-index: 1;
}

.bg-overlay-theme-20:before {
    background: rgba(33, 200, 122, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-theme-50 {
    position: relative;
    z-index: 1;
}

.bg-overlay-theme-50:before {
    background: rgba(33, 200, 122, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-theme-70 {
    position: relative;
    z-index: 1;
}

.bg-overlay-theme-70:before {
    background: rgba(33, 200, 122, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-theme-90 {
    position: relative;
    z-index: 1;
}

.bg-overlay-theme-90:before {
    background: rgba(33, 200, 122, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-overlay-gradient {
    position: relative;
}

.bg-overlay-gradient:before {
    z-index: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    top: auto;
    height: 75%;
    -webkit-transition: all .35s;
    transition: all .35s;
}


/* avatar */

.avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.avatar.avatar-sm {
    width: 20px;
    height: 20px;
}

.avatar.avatar-md {
    width: 40px;
    height: 40px;
}

.avatar.avatar-lg {
    width: 60px;
    height: 60px;
}

.avatar.avatar-xl {
    width: 80px;
    height: 80px;
}

.avatar.avatar-xll {
    width: 100px;
    height: 100px;
}

.avatar.avatar-xlll {
    width: 120px;
    height: 120px;
}

.avatar.avatar-xllll {
    width: 180px;
    height: 180px;
}


/* font size */

.font-sm {
    font-size: 13px;
}

.font-md {
    font-size: 15px;
}

.font-lg {
    font-size: 17px;
}

.font-xl {
    font-size: 21px;
}

.font-xll {
    font-size: 30px;
    line-height: 30px;
}

.font-xlll {
    font-size: 40px;
    line-height: 40px;
}


/* border-radius */

.border-radius {
    border-radius: 3px !important;
}

.border-radius-top {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.border-radius-right {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.border-radius-bottom {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.border-radius-left {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}


/* Margin */

.ms-lg-n6 {
    margin-left: -4rem !important;
}


/*****************************
  Responsive
*****************************/

@media (min-width: 576px) {
    /* Margin */
    .j-mt-sm-n4 {
        margin-top: -4rem !important;
    }
    .j-mt-sm-n5 {
        margin-top: -5rem !important;
    }
    .j-mt-sm-n6 {
        margin-top: -6rem !important;
    }
    .j-mt-sm-n7 {
        margin-top: -7rem !important;
    }
    .j-mt-sm-n8 {
        margin-top: -8rem !important;
    }
    .j-mt-sm-n9 {
        margin-top: -9rem !important;
    }
    .j-mt-sm-n10 {
        margin-top: -10rem !important;
    }
}

@media (min-width: 768px) {
    /* Margin */
    .j-mt-md-n4 {
        margin-top: -4rem !important;
    }
    .j-mt-md-n5 {
        margin-top: -5rem !important;
    }
    .j-mt-md-n6 {
        margin-top: -6rem !important;
    }
    .j-mt-md-n7 {
        margin-top: -7rem !important;
    }
    .j-mt-md-n8 {
        margin-top: -8rem !important;
    }
    .j-mt-md-n9 {
        margin-top: -9rem !important;
    }
    .j-mt-md-n10 {
        margin-top: -10rem !important;
    }
}

@media (min-width: 992px) {
    /* Margin */
    .j-mt-lg-n4 {
        margin-top: -4rem !important;
    }
    .j-mt-lg-n5 {
        margin-top: -5rem !important;
    }
    .j-mt-lg-n6 {
        margin-top: -6rem !important;
    }
    .j-mt-lg-n7 {
        margin-top: -7rem !important;
    }
    .j-mt-lg-n8 {
        margin-top: -8rem !important;
    }
    .j-mt-lg-n9 {
        margin-top: -9rem !important;
    }
    .j-mt-lg-n10 {
        margin-top: -10rem !important;
    }
}

@media (min-width: 1200px) {
    /* Margin */
    .j-mt-xl-n4 {
        margin-top: -4rem !important;
    }
    .j-mt-xl-n5 {
        margin-top: -5rem !important;
    }
    .j-mt-xl-n6 {
        margin-top: -6rem !important;
    }
    .j-mt-xl-n7 {
        margin-top: -7rem !important;
    }
    .j-mt-xl-n8 {
        margin-top: -8rem !important;
    }
    .j-mt-xl-n9 {
        margin-top: -9rem !important;
    }
    .j-mt-xl-n10 {
        margin-top: -10rem !important;
    }
}

@media (max-width: 991px) {
    .ms-lg-n6 {
        margin-left: 0 !important;
    }
    .j-mt-sm-n6 {
        margin-top: -3rem !important;
    }
}

@media (max-width: 991px) {
    .j-mt-sm-n6 {
        margin-top: -2rem !important;
    }
}


/*****************************
	Shortcodes
*****************************/


/*****************************
	Accordion
*****************************/

.accordion .accordion-item .accordion-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}

.accordion .accordion-item .accordion-title .collapsed {
    color: #212529;
}

.accordion .accordion-item .accordion-content {
    padding-bottom: 25px;
}


/* Accordion Style */

.accordion-style .card {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    border-radius: 0px;
}

.accordion-style .card:last-child {
    margin-bottom: 0px;
}

.accordion-style .card-header {
    background: transparent;
    border-bottom: none;
    padding: 0.75rem 1.25rem;
}

.accordion-style .card-header .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accordion-style .card-header .accordion-title i {
    font-size: 12px;
    margin-left: auto;
    padding-right: 0;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 7px;
}

.accordion-style .accordion-content {
    border-top: 1px solid #eeeeee;
}

.accordion-style .accordion-title .btn {
    display: block;
    color: #21c87a;
    font-size: 16px;
    padding: 0px;
    text-decoration: none;
    width: 100%;
    text-align: left;
}

.accordion-style .accordion-title .btn+i {
    color: #21c87a;
}

.accordion-style .btn.collapsed {
    color: #212529;
}

.accordion-style .btn.collapsed+i {
    color: #212529;
}

.accordion-style .btn.collapsed:hover,
.accordion-style .btn {
    color: #21c87a;
}

.accordion-style .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-style .btn-light:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-style .btn.btn-link:hover {
    color: #21c87a;
}

.accordion-style .accordion-content li {
    margin-bottom: 10px;
}

.accordion-style .accordion-content li:last-child {
    margin-bottom: 0px;
}


/*****************************
    Feature Box
*****************************/

.feature-info {
    padding: 25px;
    border: 1px solid #eeeeee;
}

.feature-info .feature-info-icon {
    font-size: 56px;
    line-height: 56px;
    display: inline-block;
    color: #21c87a;
}

.feature-info .feature-info-icon h5 {
    word-break: break-word;
}

.feature-info .feature-info-content p {
    margin-bottom: 10px;
}


/* Feature Style 01 */

.feature-info-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eeeeee;
    position: relative;
}

.feature-info-01 .feature-info-icon {
    font-size: 76px;
    line-height: 76px;
}

.feature-info-01:before {
    content: "";
    border-bottom: 2px solid;
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

.feature-info-01 .feature-info-content a {
    font-weight: 600;
}

.feature-info-01.primary-box:before {
    border-bottom-color: #17B0DD;
}

.feature-info-01.dark-box:before {
    border-bottom-color: #212529;
}


/* Feature Style 02 */

.feature-info-02 {
    padding: 0;
}

.feature-info-02 .feature-info-icon {
    border: none;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #3ddf93;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

.feature-info-02 .feature-info-icon i {
    font-size: 36px;
    line-height: inherit;
}

.feature-info-02 .feature-info-content .title {
    color: #3ddf93;
}

.feature-info-02:hover {
    background: inherit;
}

.feature-info-02.text-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.feature-info-02.text-start .feature-info-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-bottom: 0;
}


/* Feature Step */

.feature-step {
    padding: 0;
}

.feature-step .feature-info-img {
    position: relative;
}

.feature-step .feature-info-img img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.feature-step .feature-info-img .feature-info-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
    background: #f6f6f6;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #21c87a;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    font-size: 40px;
}

.feature-step:hover .feature-info-img .feature-info-icon {
    color: #ffffff;
    background-color: #21c87a;
}

.feature-info-content label {
    font-size: 13px;
}


/*****************************
	Testimonial
*****************************/

.testimonial-item .testimonial-content {
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    position: relative;
}

.testimonial-item .testimonial-content p {
    font-style: normal !important;
    font-size: 16px;
    font-weight: 500;
    color: #626262;
    margin-top: 15px;
}

.testimonial-item .testimonial-name .quotes {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
    color: #dddddd;
}

.testimonial-item .avatar {
    width: 100px !important;
    height: 100px !important;
    display: inline-block;
}

.testimonial-item .avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


/* testimonial 02 */

.testimonial-style-02 .testimonial-content {
    background-color: #17B0DD;
    padding: 30px;
    position: relative;
}

.testimonial-style-02 .testimonial-content p {
    font-style: normal !important;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}

.testimonial-style-02 .testimonial-content:before {
    position: absolute;
    content: "";
    bottom: -9px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 0;
    height: 0;
    left: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #17B0DD transparent transparent transparent;
    opacity: 1;
}

.testimonial-style-02 .testimonial-author {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial-style-02 .testimonial-author .testimonial-avatar {
    margin-right: 20px;
}

.testimonial-style-02 .testimonial-author .testimonial-avatar img {
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial-style-02 .quotes {
    display: block;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 1;
}


/*****************************
	Counter 
*****************************/

.counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.counter .counter-icon i {
    font-size: 42px;
    color: #17B0DD;
    padding-right: 20px;
    line-height: 42px;
}

.counter .counter-content {
    vertical-align: top;
    color: #212529;
}

.counter .counter-content .timer {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 28px;
    font-family: "Poppins", sans-serif;
}

.counter .counter-content label {
    display: block;
}

.bg-light .counter .counter-content label {
    color: #626262;
}


/* Dark BG */

.bg-dark .counter .counter-content {
    color: rgba(255, 255, 255, 0.5);
}

.bg-dark .counter .counter-content .timer {
    color: #ffffff;
}


/*****************************
	Countdown
*****************************/

.countdown {
    display: inline-block;
    margin-right: 40px;
}

.countdown span {
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
    color: #21c87a;
}

.countdown p {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #212529;
}

.coming-soon {
    background-position: center center;
}

.coming-soon .facebook-bg {
    background-color: #445c8e;
}

.coming-soon .twitter-bg {
    background-color: #43afe9;
}

.coming-soon .google-bg {
    background-color: #dc0510;
}

.coming-soon .linkedin-bg {
    background-color: #13799f;
}

.coming-soon .social-bg-hover {
    position: relative;
    color: #ffffff;
}

.coming-soon .social-bg-hover span {
    position: relative;
    color: #ffffff;
}

.coming-soon .social-bg-hover:before {
    content: "";
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.coming-soon .social-bg-hover:hover {
    color: #ffffff;
}

.coming-soon .social-bg-hover:hover:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.coming-soon .newsletter .form-control {
    padding-right: 150px;
}

.coming-soon .newsletter .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 30px;
}


/*****************************
	 Nav Tab
*****************************/


/* Tabs style 01 */

.nav-tabs-style-01 .nav-tabs {
    border: none;
}

.nav-tabs-style-01 .nav-tabs .nav-item {
    margin-right: 15px;
    margin-bottom: 0px;
}

.nav-tabs-style-01 .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.nav-tabs-style-01 .nav-tabs .nav-item .nav-link {
    background-color: #17B0DD;
    color: #ffffff;
    padding: 18px 38px;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 0;
}

.nav-tabs-style-01 .nav-tabs .nav-item .nav-link.active {
    background-color: #ffffff;
    color: #212529;
}

.nav-tabs-style-01 .tab-content {
    background-color: #ffffff;
    padding: 30px;
}


/* Tabs style 02 */

.nav-tabs-style-02 {
    background-color: #ffffff;
    margin-bottom: 20px;
}

.nav-tabs-style-02 .nav-tabs {
    border-bottom: none;
}

.nav-tabs-style-02 .nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs-style-02 .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: none;
    font-size: 16px;
    padding: 14px 20px;
    color: #212529;
}

.nav-tabs-style-02 .nav-tabs .nav-item .nav-link.active {
    color: #17B0DD;
}

.nav-tabs-style-02 .job-found {
    margin-right: 20px;
}


/* nav-tabs-style-03 */

.nav-tabs.nav-tabs-style-03 li {
    position: relative;
}

.nav-tabs.nav-tabs-style-03 li i {
    border: none;
}

.nav-tabs.nav-tabs-style-03 li:last-child:after {
    border: none;
}

.nav-tabs.nav-tabs-style-03 li:after {
    position: absolute;
    content: "";
    border: 1px dashed #eeeeee;
    left: 34px;
    top: 100%;
    width: 1px;
    height: 100%;
}

.nav-tabs.nav-tabs-style-03 {
    border: none;
}

.nav-tabs.nav-tabs-style-03 .feature-info-icon {
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 30px;
    border: 2px solid #dfdfdf;
    position: relative;
    z-index: 99;
    margin-right: 20px;
    margin-left: -2px;
}

.nav-tabs.nav-tabs-style-03 .feature-info-icon.active {
    background: #21c87a;
    border-radius: 50%;
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 70px;
    color: #ffffff;
    font-size: 30px;
    margin: 0 auto;
    border: 1px solid #21c87a;
}

.nav-tabs.nav-tabs-style-03 {
    display: block;
}

.nav-tabs.nav-tabs-style-03 .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #eeeeee;
    border-radius: 37px;
}

.nav-tabs.nav-tabs-style-03 .nav-item span {
    font-weight: 600;
    color: #646f79;
}

.nav-tabs.nav-tabs-style-03 .nav-item.active span {
    color: #17B0DD;
}

.nav-tabs.nav-tabs-style-03 .nav-item.active .feature-info-icon {
    background: #21c87a;
    color: #ffffff;
    border-color: #21c87a;
}


/* nav-tabs-style-04 */

.nav-tabs-style-04 .nav-tabs {
    border-bottom: none;
}

.nav-tabs-style-04 .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-right: 20px;
}

.nav-tabs-style-04 .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.nav-tabs-style-04 .nav-tabs .nav-item .nav-link {
    border: none;
    border-radius: 0;
    background: #f6f6f6;
    color: #212529;
}

.nav-tabs-style-04 .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #21c87a;
}

.nav-tabs-style-04 .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #21c87a;
}


/* nav tabs border */

.nav-tabs.nav-tabs-border .nav-item {
    margin-bottom: 10px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link {
    background: transparent;
    padding: 20px 16px;
    border: 2px solid #eeeeee;
    border-radius: 3px;
    border-color: #000000;
    margin-right: 20px;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link:last-child {
    margin-right: 0px;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link p {
    font-size: 13px;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link.active {
    border-color: #21c87a;
    color: #21c87a;
    -webkit-transition: all 0.01s ease-in-out;
    transition: all 0.01s ease-in-out;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link.active .tab-icon {
    color: #21c87a;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link.active h6 {
    color: #21c87a;
}

.nav-tabs.nav-tabs-border .nav-item .nav-link.active p {
    color: #21c87a;
}

.nav-tabs.nav-tabs-border .tab-icon {
    font-size: 35px;
    line-height: 35px;
    font-weight: normal;
}


/* Login-Register */

.login-register .nav-tabs.nav-tabs-border {
    border: none;
}

.login-register .nav-tabs.nav-tabs-border .nav-item .nav-link {
    border: 1px solid #eeeeee;
    border-radius: inherit;
    position: relative;
    -webkit-transition: all 0.03s ease-in-out;
    transition: all 0.03s ease-in-out;
}

.login-register .nav-tabs.nav-tabs-border .nav-item .nav-link:before {
    content: "";
    border-bottom: 2px solid;
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-color: #212529;
    -webkit-transition: all 0.03s ease-in-out;
    transition: all 0.03s ease-in-out;
}

.login-register .nav-tabs.nav-tabs-border .nav-item .nav-link.active:before {
    border-color: #21c87a;
    -webkit-transition: all 0.03s ease-in-out;
    transition: all 0.03s ease-in-out;
}


/*****************************
	Responsive
*****************************/

@media (max-width: 767px) {
    .nav-tabs-style-02 {
        display: block !important;
        padding-bottom: 15px;
    }
    .nav-tabs-style-02 .nav-tabs .nav-item .nav-link {
        margin-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .nav-tabs-style-02 {
        padding-top: 8px;
    }
}


/*****************************
	Owl carousel 
*****************************/

.owl-nav-top-center .owl-nav .owl-next {
    right: 40%;
    font-size: 20px;
    padding: 10px;
    top: 25px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
}

.owl-nav-top-center .owl-nav .owl-next:hover {
    color: #21c87a;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-nav-top-center .owl-nav .owl-prev {
    left: 40%;
    font-size: 20px;
    padding: 10px;
    top: 25px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
}

.owl-nav-top-center .owl-nav .owl-prev:hover {
    color: #21c87a;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-nav-bottom-center .owl-nav .owl-next {
    left: 65%;
    font-size: 32px;
    bottom: 55px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
}

.owl-nav-bottom-center .owl-nav .owl-prev {
    right: 65%;
    font-size: 32px;
    bottom: 55px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
}

.owl-nav-top-right .owl-nav .owl-next {
    right: 0px;
    top: -43px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
    padding: 15px;
}

.owl-nav-top-right .owl-nav .owl-next:hover {
    color: #21c87a;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-nav-top-right .owl-nav .owl-prev {
    right: 40px;
    top: -43px;
    -webkit-transform: inherit;
    transform: inherit;
    position: absolute;
    padding: 15px;
}

.owl-nav-top-right .owl-nav .owl-prev:hover {
    color: #21c87a;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.owl-carousel .owl-dot {
    height: 15px;
    width: 15px;
    background: #dfdfdf;
    margin: 0 8px;
}

.owl-carousel .owl-dot:hover {
    background: #21c87a;
}

.owl-carousel .owl-dot.active {
    background: #21c87a;
}


/*****************************
    Pricing 
*****************************/


/* Pricing plan 01 */

.pricing-plan-01 {
    border: 1px solid #f6f6f6;
    position: relative;
    margin: 20px 0;
    padding: 15px 15px 35px;
}

.pricing-plan-01 .pricing-price {
    border-bottom: 1px solid #f6f6f6;
    padding: 20px 15px;
}

.pricing-plan-01 .pricing-price i {
    line-height: 1;
    margin-bottom: 15px;
    color: #17B0DD;
    display: block;
}

.pricing-plan-01 .pricing-price .pricing-title {
    margin-top: 10px;
    margin-bottom: 0;
}

.pricing-plan-01 .pricing-price sup {
    top: -20px;
    font-size: 16px;
    left: -5px;
}

.pricing-plan-01 .pricing-price strong {
    color: #212529;
    font-size: 36px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 46px;
    font-weight: 500;
}

.pricing-plan-01 .pricing-list {
    margin-bottom: 30px;
}

.pricing-plan-01 .pricing-list li {
    border-bottom: 1px solid #f6f6f6;
    padding: 15px 8px;
}

.pricing-plan-01 .pricing-list li i {
    color: #21c87a;
    margin-right: 5px;
}

.pricing-plan-01:hover .btn {
    background: #17B0DD;
    color: #ffffff;
    border-color: #004fe3;
}

.pricing-plan-01.active {
    z-index: 2;
    top: 0;
    padding: 20px 15px 50px;
    border-radius: 3px;
    margin: 0 0px;
    -webkit-box-shadow: 0px 0px 34px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(0, 0, 0, 0.06);
    position: relative;
}

.pricing-plan-01.active .pricing-price strong {
    color: #17B0DD;
}

.pricing-plan-01.active .btn {
    background: #17B0DD;
    color: #ffffff;
    border-color: #004fe3;
}

.pricing-plan-01.active:hover .pricing-price strong {
    color: #004fe3;
}

.pricing-plan-01.active:before {
    width: 100%;
    height: 2px;
    background-color: #17B0DD;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}


/* Pricing Plan 02 */

.pricing-plan-02 {
    background-color: #f6f6f6;
    margin-bottom: 30px;
}

.pricing-plan-02 .price-month .price {
    font-size: 36px;
    color: #212529;
    line-height: 1;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.pricing-plan-02 .pricing-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pricing-plan-02 .pricing-list li {
    padding: 0px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}

.pricing-plan-02 .pricing-price {
    padding: 20px 25px;
}

.pricing-plan-02.active {
    position: relative;
}

.pricing-plan-02.active:before {
    content: "";
    border-bottom: 2px solid #21c87a;
    display: inline-block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
}

.pricing-plan-02.active .price-month .price {
    color: #21c87a;
}

.pricing-plan-02.active .btn-outline {
    border-color: #21c87a;
    background-color: #21c87a;
    color: #ffffff;
}


/*****************************
    Responsive
*****************************/

@media (max-width: 1199px) {
    .pricing-plan-02 .pricing-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
    }
}

@media (max-width: 991px) {
    .pricing-plan-02 .pricing-price .btn {
        padding: 12px 20px;
    }
    .pricing-plan-02 .pricing-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 767px) {
    .pricing-plan-02 .pricing-price li {
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
        -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
        display: block;
    }
    .pricing-plan-02 .pricing-list {
        display: block;
    }
}


/*****************************
	Button
*****************************/

.btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button {
    outline: medium none !important;
    color: #21c87a;
}

.btn {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 0px;
}

.btn:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.btn:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #ffffff;
}

.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #ffffff;
}

.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #ffffff;
}

.show>.btn.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #ffffff;
}

.show>.btn-primary.dropdown-toggle {
    background: #21c87a;
    border-color: #21c87a;
}

.btn-primary {
    background: #17B0DD;
    border-color: #004fe3;
}

.btn-primary:hover {
    background: #004fe3;
    border-color: #17B0DD;
}

.btn-primary2 {
    background: #ff0000;
    border-color: #790000;
}

.btn-primary2:hover {
    background: #b80000;
    border-color: #ff2525;
}

.btn-primary:focus {
    background: #1dae6a;
    border-color: #1dae6a;
}

.btn-primary:active {
    background: #1dae6a;
    border-color: #1dae6a;
}

.btn-primary:not(:disabled):not(.disabled).active {
    background: #21c87a;
    border-color: #21c87a;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background: #21c87a;
    border-color: #21c87a;
}

.btn-dark {
    background: #212529;
    border-color: #212529;
}

.btn-dark:hover {
    background: #2c3237;
    border-color: #2c3237;
}

.btn-dark:not(:disabled):not(.disabled):active:focus {
    color: #21c87a;
}

.btn:not(:disabled):not(.disabled).active:focus {
    color: #ffffff;
}

.btn i {
    padding-right: 10px;
}

.btn+.btn {
    margin-left: 3px;
}

.btn-link {
    color: #17B0DD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.btn-link:hover {
    color: #212529;
    text-decoration: none;
    outline: none;
}

.btn-link:focus {
    color: #212529;
    text-decoration: none;
    outline: none;
}

.btn.btn-link:not(:disabled):not(.disabled):active:focus {
    color: #212529;
}

.btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #212529;
}

.btn-white:hover {
    background: #dfdfdf;
    border-color: #dfdfdf;
}

.btn.btn-sm {
    padding: 6px 24px;
}

.btn.btn-md {
    padding: 9px 26px;
}

.btn.btn-lg {
    padding: 14px 30px;
}

.btn.btn-xl {
    padding: 16px 40px;
}

.btn-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn-app i {
    font-size: 40px;
}

.btn.btn-app {
    margin-left: 0px;
}

.btn-outline {
    border: 1px solid #eeeeee;
}

.btn-outline:hover {
    background: #21c87a;
    border-color: #21c87a;
    color: #ffffff;
}

.btn-outline:focus {
    background: #21c87a;
    border-color: #21c87a;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.btn-light {
    background: #f6f6f6;
    -webkit-box-shadow: 1px 1px 14px 0px rgba(33, 37, 41, 0.04);
    box-shadow: 1px 1px 14px 0px rgba(33, 37, 41, 0.04);
}

.btn-light:hover {
    background: #dfdfdf;
    -webkit-box-shadow: 1px 1px 14px 0px rgba(33, 37, 41, 0.19);
    box-shadow: 1px 1px 14px 0px rgba(33, 37, 41, 0.19);
    border: 1px solid transparent;
}

.btn-outline-primary {
    background: transparent;
    color: #21c87a;
    border: 1px solid #21c87a;
}

.btn-outline-primary:not(:disabled):not(.disabled).active {
    background: transparent;
    border-color: #21c87a;
    color: #ffffff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    background: transparent;
    border-color: #21c87a;
    color: #21c87a !important;
}

.btn-outline-primary:hover {
    background: #21c87a;
    color: #ffffff;
    border-color: #21c87a;
}

.btn-outline-primary:focus {
    background: #21c87a;
    border-color: #21c87a;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.btn-white:hover,
.btn-white:focus {
    background: #21c87a !important;
    color: #ffffff !important;
    border-color: #21c87a !important;
}


/*****************************
	Progress Bar
*****************************/

.progress {
    position: relative;
    overflow: inherit;
    height: 3px;
    margin: 40px 0px 15px;
    width: 100%;
    display: inline-block;
    line-height: 0;
}

.progress .progress-bar {
    height: 3px;
    background: #21c87a;
}

.progress .progress-bar-title {
    position: absolute;
    left: 0;
    top: -20px;
    color: #212529;
    font-size: 14px;
    font-weight: 600;
}

.progress .progress-bar-number {
    position: absolute;
    right: 0;
    color: #646f79;
    top: -20px;
}


/*****************************
	Select2
*****************************/

.select2-results__option {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.select2-container {
    margin-left: 0 !important;
}

.select2-container .select2-selection--single {
    height: auto;
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529;
    font-weight: bold;
    line-height: inherit;
    text-transform: capitalize;
}

.bigdrop {
    min-width: 196px !important;
}

.select2-results__options {
    padding: 8px 2px;
}

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

.select2-container--default .select2-results__option--highlighted {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    padding-left: 10px;
}


/* Select Dropdown Arrow */

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
    right: 0px;
    height: 21px;
    width: 14px;
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    color: #21c87a;
}

.select2-container--default .select2-search--dropdown {
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #eeeeee;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f6f6f6;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(33, 200, 122, 0.1);
    color: #21c87a;
}

.select2-dropdown {
    border: none;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #eeeeee;
    height: 50px;
    padding: 15px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 20px;
}

.select2-results__option[aria-selected] {
    text-transform: capitalize;
}

.select2-container--default .select2-results>.select2-results__options {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #626262;
    font-weight: 600;
}

.select2-container--open .select2-dropdown {
    background: #f9f9f9;
    padding: 7px;
    border: 1px solid #eeeeee;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #eeeeee;
    padding: 4px 10px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04);
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #21c87a;
}

.select-border .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
}

.select-border .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    color: #646f79;
}

.bootstrap-datetimepicker-widget table th.prev span {
    font-weight: 900 !important;
}

.bootstrap-datetimepicker-widget table th.next span {
    font-weight: 900 !important;
}

tbody {
    border-top: inherit !important;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 15px !important;
    line-height: 15px !important;
    width: 30px !important;
    font-size: 14px !important;
    padding: 10px !important;
}


/*****************************
	Datetimepicker 
*****************************/

.bootstrap-datetimepicker-widget table td.active {
    background-color: #21c87a;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #21c87a;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 40px;
    font-size: 14px;
}

.bootstrap-datetimepicker-widget table th {
    font-size: 14px;
}

.bootstrap-datetimepicker-widget table td span.active {
    background: #21c87a;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 19rem;
}


/*****************************
	 Category
*****************************/


/* Category Style 01 */

.category-style-01 .category-item {
    text-align: center;
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 30px 20px;
    color: #646f79;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

.category-style-01 .category-item:hover .category-icon i {
    color: #212529;
}

.category-style-01 .category-item:hover h6 {
    color: #21c87a;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-01 .category-icon {
    display: inline-block;
}

.category-style-01 .category-icon i {
    font-size: 60px;
    line-height: 60px;
    color: #186fc9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* Category Style 02 */

.category-style-02 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-style-02 ul .category-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25.00%;
    flex: 0 0 25.00%;
    max-width: 25.00%;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.category-style-02 ul .category-item:nth-child(1n+5) {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.category-style-02 ul .category-item:nth-child(4n+0) {
    border-right: none;
}

.category-style-02 ul .category-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    height: 100%;
}

.category-style-02 ul .category-item a .title {
    font-size: 14px;
    line-height: 1;
    word-break: break-word;
}

.category-style-02 ul .category-item a .category-icon {
    margin-right: 14px;
}

.category-style-02 ul .category-item a i {
    font-size: 40px;
    line-height: 40px;
    color: #646f79;
}

.category-style-02 ul .category-item a span {
    margin-left: auto;
    color: #646f79;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    padding: 2px 10px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.05);
}

.category-style-02 ul .category-item a:hover {
    background: #21c87a;
    border-color: #21c87a;
}

.category-style-02 ul .category-item a:hover i {
    color: #ffffff;
}

.category-style-02 ul .category-item a:hover span {
    color: #ffffff;
}

.category-style-02 ul .category-item a:hover .title {
    color: #ffffff;
}


/* Category style 3 */

.category-style-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-style-03 .category-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.04);
    padding: 30px 25px;
    color: #646f79;
    margin-left: -1px;
    margin-top: -1px;
}

.category-style-03 .category-item .category-icon {
    width: 50px;
    height: 50px;
    background-color: rgba(33, 200, 122, 0.05);
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-03 .category-item .category-icon i {
    font-size: 30px;
    line-height: 50px;
    color: #21c87a;
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-03 .category-item h6 {
    color: #212529;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-03 .category-item span {
    color: #646f79;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-03 .category-item .category-bg-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.category-style-03 .category-item .category-bg-icon i {
    font-size: 120px;
    line-height: 1;
    opacity: 0.02;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-style-03 .category-item:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(0, 0, 0, 0.06);
    background-color: #21c87a;
}

.category-style-03 .category-item:hover .category-icon {
    background-color: rgba(255, 255, 255, 0.5);
}

.category-style-03 .category-item:hover .category-icon i {
    color: #ffffff;
}

.category-style-03 .category-item:hover h6 {
    color: #ffffff;
}

.category-style-03 .category-item:hover span {
    color: #ffffff;
}

.category-style-03 .category-item:hover .category-bg-icon i {
    color: #ffffff;
    opacity: 0.08;
}


/*****************************
	Responsive
*****************************/

@media (max-width: 991px) {
    .category-style-02 ul .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .category-style-02 ul .category-item:nth-child(1n+4) {
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }
    .category-style-02 ul .category-item:nth-child(3n+0) {
        border-right: none;
    }
    .category-style-02 ul .category-item:nth-child(4n+0) {
        border-right: 1px solid rgba(0, 0, 0, 0.06);
    }
    .category-style-02 ul .category-item:nth-child(3n+3) {
        border-right: none;
    }
    .category-style-03 .category-item {
        padding: 20px 20px;
    }
}

@media (max-width: 767px) {
    .owl-carousel.category-style-01 .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .category-style-02 ul .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50.00%;
        flex: 0 0 50.00%;
        max-width: 50.00%;
    }
    .category-style-02 ul .category-item:nth-child(3n+3) {
        border-right: 1px solid rgba(0, 0, 0, 0.06);
    }
    .category-style-02 ul .category-item:nth-child(2n+2) {
        border-right: none;
    }
    .category-style-03 .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50.00%;
        flex: 0 0 50.00%;
        max-width: 50.00%;
    }
}

@media (max-width: 575px) {
    .category-style-02 ul .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
    }
    .category-style-02 ul .category-item:nth-child(2n+0) {
        border-right: none;
    }
    .category-style-02 ul .category-item:nth-child(3n+3) {
        border-right: none;
    }
    .category-style-03 .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/*****************************
    List 
*****************************/


/* List Style 01 */

.list-style-01 {
    margin-bottom: 0;
}

.list-style-01 li {
    font-size: 15px;
    margin: 5px 15px;
    position: relative;
}

.list-style-01 li:before {
    content: "";
    background: #21c87a;
    height: 6px;
    width: 6px;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -15px;
}


/*****************************
  Portfolio
*****************************/

.grid-item .portfolio-item {
    position: relative;
    overflow: hidden;
}

.grid-item .portfolio-item:before {
    content: "";
    background: rgba(33, 37, 41, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid-item .portfolio-item:hover:before {
    opacity: 1;
}

.grid-item .portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 0;
}

.grid-item .portfolio-item .portfolio-info {
    position: absolute;
    width: 100%;
    bottom: -60px;
    left: 0;
    padding: 30px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid-item .portfolio-item .portfolio-info .portfolio-title {
    margin-bottom: 0px;
}

.grid-item .portfolio-item .portfolio-info .portfolio-title a {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}

.grid-item .portfolio-item .portfolio-info .portfolio-title a:hover {
    color: #21c87a;
}

.grid-item .portfolio-item .portfolio-info .portfolio-category {
    font-size: 13px;
    margin: 0 5px 5px 0;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
}

.grid-item .portfolio-item .portfolio-info .portfolio-category:hover {
    color: #ffffff;
}

.grid-item .portfolio-item .portfolio-icon a {
    background-color: #21c87a;
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -30px;
    opacity: 0;
    margin: 30px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid-item .portfolio-item .portfolio-icon a:hover {
    background-color: #ffffff;
    color: #21c87a;
}

.grid-item:hover .portfolio-item .portfolio-icon a {
    top: 0;
    opacity: 1;
}


/*************************************
         isotope
*************************************/

.my-shuffle-container {
    margin: -15px;
}

.my-shuffle-container.columns-1 .grid-item {
    width: 100%;
    padding: 12px;
}

.my-shuffle-container.columns-2 .grid-item {
    width: 50%;
    padding: 12px;
}

.my-shuffle-container.columns-3 .grid-item {
    width: 33.33333333%;
    padding: 12px;
}

.my-shuffle-container.columns-4 .grid-item {
    width: 25%;
    padding: 12px;
}

.my-shuffle-container.columns-5 .grid-item {
    width: 20%;
    padding: 12px;
}

.my-shuffle-container.columns-6 .grid-item {
    width: 16.666666%;
    padding: 0px;
}


/* Pagination */

.single-pagination .sin-pag-img {
    position: relative;
    overflow: hidden;
}

.single-pagination a {
    color: #212529;
}

.single-pagination a .sin-pag-img i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #21c87a;
    color: #ffffff;
    font-size: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-pagination a:hover {
    color: #21c87a;
}

.single-pagination a:hover .sin-pag-img i {
    opacity: 1;
}

.single-pagination .lead {
    font-weight: 700;
}

.single-pagination small {
    color: #646f79;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .my-shuffle-container.columns-6 .grid-item {
        width: 25%;
    }
    .my-shuffle-container.columns-4 .grid-item {
        width: 33%;
    }
    .my-shuffle-container.columns-3 .grid-item {
        width: 33%;
    }
}

@media (max-width: 991px) {
    .my-shuffle-container.columns-4 .grid-item {
        width: 50%;
    }
    .my-shuffle-container.columns-3 .grid-item {
        width: 50%;
    }
    .my-shuffle-container.columns-6 .grid-item {
        width: 33%;
    }
}

@media (max-width: 767px) {
    .my-shuffle-container.columns-3 .grid-item {
        width: 50%;
    }
    .my-shuffle-container.columns-4 .grid-item {
        width: 50%;
    }
    .my-shuffle-container.columns-5 .grid-item {
        width: 50%;
    }
    .my-shuffle-container.columns-6 .grid-item {
        width: 50%;
    }
    .grid-item .portfolio-item .portfolio-info {
        padding: 15px;
    }
    .grid-item .portfolio-item .portfolio-info .portfolio-title a {
        font-size: 14px;
        line-height: 18px;
    }
    .grid-item .portfolio-item .portfolio-icon a {
        height: 40px;
        width: 40px;
        margin: 10px;
    }
}

@media (max-width: 575px) {
    .my-shuffle-container {
        margin: 0;
    }
    .my-shuffle-container.columns-2 .grid-item,
    .my-shuffle-container.columns-3 .grid-item,
    .my-shuffle-container.columns-4 .grid-item,
    .my-shuffle-container.columns-5 .grid-item,
    .my-shuffle-container.columns-6 .grid-item {
        padding: 0 0px 15px 0;
    }
    .my-shuffle-container.columns-2 .grid-item {
        width: 100%;
    }
    .my-shuffle-container.columns-3 .grid-item {
        width: 100%;
    }
    .my-shuffle-container.columns-4 .grid-item {
        width: 100%;
    }
    .my-shuffle-container.columns-5 .grid-item {
        width: 100%;
    }
    .my-shuffle-container.columns-6 .grid-item {
        width: 100%;
    }
}


/*****************************
  Header
*****************************/

.header {
    background: #ffffff;
}

.header .container-fluid {
    padding: 0 60px;
}


/* topbar */

.header .topbar {
    background: #212529;
    padding: 10px 0;
}

.header .topbar a {
    color: #ffffff;
}

.header .topbar a:hover {
    color: #21c87a;
}

.header .topbar .dropdown {
    margin-right: 20px;
}

.header .topbar .dropdown .dropdown-toggle {
    padding: 12px 0;
}

.header .topbar .dropdown .dropdown-toggle i {
    font-size: 10px;
}

.header .topbar .dropdown .dropdown-menu a {
    color: #212529;
}

.header .topbar .dropdown .dropdown-menu a:hover {
    color: #21c87a;
}

.header .topbar .social {
    margin-right: 20px;
    display: inline-block;
}

.header .topbar .social ul {
    margin: 0;
}

.header .topbar .social ul li {
    display: inline-block;
    padding: 0 4px;
}

.header .topbar .social ul li a {
    color: #ffffff;
}

.header .topbar .social ul li a:hover {
    color: #21c87a;
}

.header .topbar .login {
    display: inline-block;
}

.header .topbar .login a {
    color: #ffffff;
}

.header .topbar .login a:hover {
    color: #21c87a;
}


/* topbar dropdown-menu */

.topbar .dropdown .dropdown-menu {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.topbar .dropdown .dropdown-menu a {
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 3px;
}

.topbar .dropdown .dropdown-menu a:hover {
    background: rgba(33, 200, 122, 0.1);
    color: #21c87a;
}


/* navbar */

.header-default .navbar {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.navbar {
    padding: 0;
}

.navbar .navbar-nav .nav-link {
    font-size: 16px;
    padding: 25px 20px;
    text-transform: capitalize;
}

.navbar .navbar-nav .nav-link i {
    font-weight: bold;
}

.navbar .navbar-nav .nav-link:hover {
    color: #17B0DD;
}

.navbar-collapse {
    position: relative;
}

.navbar-light .navbar-brand {
    color: #ffffff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
}

.navbar-light .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-light .navbar-nav>.dropdown>a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-brand {
    padding: 24px 0px;
    margin-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
}

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

.header .navbar-nav>li {
    display: inline-block;
}

.header .navbar-nav li>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 0px;
    text-transform: capitalize;
    font-size: 14px;
}

.header .navbar-nav li>a:hover {
    color: #21c87a;
}

.header .navbar-nav li>a i {
    margin-left: 5px;
    font-size: 10px;
}


/* Navbar Light */

.navbar-light .navbar-nav .nav-link {
    color: #212529;
}


/* Navbar Dark */

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.header .navbar-dark .add-listing .login a {
    color: #ffffff;
}

.header .add-listing {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    text-align: right;
}

.megamenu {
    padding: 20px 20px;
    width: 100%;
}

.megamenu>div>li>ul {
    padding: 0;
    margin: 0;
}

.megamenu>div>li>ul>li {
    list-style: none;
}

.megamenu>div>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #212529;
    white-space: normal;
}

.megamenu>div>li>ul>li>a:hover {
    text-decoration: none;
    color: #212529;
    background-color: #f6f6f6;
}

.megamenu>div>li>ul>li>a:focus {
    text-decoration: none;
    color: #212529;
    background-color: #f6f6f6;
}

.megamenu .card {
    outline: none;
}

.megamenu .card:hover {
    outline: 1px solid #000000;
}

.megamenu .card:focus {
    outline: 1px solid #000000;
}

.megamenu.disabled>a {
    color: #626262;
}

.megamenu.disabled>a:hover {
    color: #626262;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}

.megamenu.disabled>a:focus {
    color: #626262;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #21c87a;
    font-size: 18px;
}

.header li>.dropdown-item:focus {
    color: #21c87a;
    background: none;
}

.header li>.dropdown-item:hover {
    color: #21c87a;
    background: none;
}

.header .dropdown-item.active {
    background: none;
}

.header .dropdown-item:active {
    background: none;
}

.header .dropdown-item:focus {
    background: none;
}

.header .dropdown-item:hover {
    background: none;
}

.header .dropdown-toggle::after {
    content: none;
}

.header .navbar-collapse {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin-left: 40px;
}

.header .megamenu .dropdown-item {
    padding: 0px;
}

.header .navbar .dropdown-menu {
    padding: 20px 15px;
    z-index: 1021;
}

.header .navbar .dropdown-menu a.dropdown-item {
    min-width: 210px;
}

.header .navbar .dropdown-menu li a i {
    margin-left: auto;
}

.header .navbar .dropdown-menu.megamenu {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.header .navbar .dropdown-menu.megamenu li {
    padding: 0;
}

.navbar .dropdown>.dropdown-menu li>a {
    font-size: 14px;
    padding: 10px 20px 10px 0;
    border-radius: 3px;
    position: relative;
    color: #212529;
}

.navbar .dropdown>.dropdown-menu li>a:hover {
    background: rgba(33, 200, 122, 0.1);
    color: #21c87a;
    padding-left: 10px;
}


/* header-transparent */

.header-transparent {
    position: absolute;
    background: transparent;
    width: 100%;
    z-index: 9999;
}

.header-transparent.style-2 .navbar .navbar-nav .nav-link {
    color: #000000;
}

.header-transparent.style-2 .is-sticky {
    background: #ffffff;
}

.navbar .navbar-nav .nav-item.active .nav-link {
    color: #17B0DD;
}

.navbar .navbar-nav .dropdown-menu li.active>a {
    background: rgba(33, 200, 122, 0.1);
    color: #21c87a;
    padding-left: 15px;
}

.header.header-transparent .add-listing {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    text-align: right;
}

.header.header-transparent .add-listing .login a {
    color: #ffffff;
}

.header.header-transparent .add-listing .login a:hover {
    color: #21c87a;
}

.header.header-transparent .navbar.is-sticky {
    background-color: #212529;
}


/* add-listing */

.header .add-listing .login a {
    color: #212529;
}

.header .add-listing .login a:hover {
    color: #17B0DD;
}

.header .add-listing .login a i {
    color: #17B0DD;
}

.header .add-listing .btn-white i {
    color: #21c87a;
}

.header .add-listing .btn-white:hover {
    border-color: #21c87a;
}

.header .add-listing .btn-white:hover i {
    color: #ffffff;
}

.header .add-listing .btn-white:focus {
    border-color: #21c87a;
}

.header .add-listing .btn-white:focus i {
    color: #ffffff;
}

.header.style-2 .add-listing .login a {
    color: #000000;
}


/* add-listing */

.add-listing .login a {
    color: #ffffff;
}

.add-listing .login a:hover {
    color: #21c87a;
}

.add-listing .login a i {
    color: #21c87a;
}

.add-listing .btn-white:hover {
    border-color: #21c87a;
}

.add-listing .btn-white:hover i {
    color: #ffffff;
}

.add-listing .btn-white i {
    color: #21c87a;
}

.add-listing .btn-white:focus i {
    color: #ffffff;
}

.dropdown-menu>li {
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.megamenu li ul li {
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.megamenu.dropdown-menu>li {
    border: none;
}

.megamenu.dropdown-menu>li:hover:before {
    position: inherit;
}

.dropdown-menu.megamenu li .agency-logo ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dropdown-menu.megamenu li .agency-logo ul li {
    display: inline-block;
    border-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dropdown-menu.megamenu li .agency-logo ul li .job-list {
    border-bottom: 0;
    display: inline-block;
}

.dropdown-menu.megamenu li .agency-logo ul li:first-child {
    padding-left: 0;
}

.dropdown-menu.megamenu li .agency-logo ul li:before {
    position: inherit;
}

.agency-logo .job-list {
    padding: 0;
}

.agency-logo .job-list .job-list-logo {
    margin-right: 0;
}


/* sticky header */

@-webkit-keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.header .is-sticky {
    position: fixed;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    top: 0;
    z-index: 9999;
    -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.header .is-sticky .header-contact-info {
    display: none !important;
}

.header .is-sticky .navbar {
    position: relative;
    top: 0px;
    right: 0px;
    left: 0;
    border-top: none !important;
    width: 100%;
}

@media (min-width: 992px) {
    .header .navbar .dropdown-menu {
        margin: 0px;
        font-size: 14px;
        border-radius: 0px;
        border: none;
        left: 100%;
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, transform;
        transition-property: opacity, visibility, transform, -webkit-transform;
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        visibility: hidden;
        opacity: 0;
        display: block !important;
        pointer-events: hidden;
        pointer-events: none;
    }
    .header .navbar .dropdown-menu.megamenu {
        left: 50%;
        max-width: 700px;
    }
    .header .navbar .dropdown-menu.megamenu.dropdown-menu-lg {
        left: 100%;
        min-width: 610px;
    }
    .navbar-nav .mega-menu {
        position: static;
    }
    .header .navbar .dropdown:hover>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        visibility: visible;
        opacity: 1;
        pointer-events: visible;
        pointer-events: unset;
    }
    .header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
        left: 100%;
        right: auto;
        -webkit-transform: translate3d(0px, 10px, 0);
        transform: translate3d(0px, 10px, 0);
    }
    .navbar-nav li:hover>ul.dropdown-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: visible;
        pointer-events: unset;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 99%;
        margin-top: -6px;
    }
    .dropdown-menu>li>a:hover:after {
        text-decoration: underline;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media (max-width: 1400px) {
    .navbar .navbar-nav .nav-link {
        padding: 10px 12px;
    }
}

@media (max-width: 1199px) {
    .header .container-fluid {
        padding: 0 30px;
    }
    .navbar-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }
    .header .navbar-collapse {
        margin-left: 10px;
    }
    .navbar .navbar-nav .nav-link {
        padding: 10px 7px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .header .container-fluid {
        padding: 0 20px;
    }
    .navbar-toggler {
        border: none;
        position: absolute;
        height: 58px !important;
        right: 10px;
    }
    .header .navbar-collapse {
        position: absolute;
        top: 100%;
        z-index: 999;
        background: #ffffff;
        width: 100%;
        left: 0;
        margin-left: 0px;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    }
    .navbar .navbar-nav {
        padding: 10px 0;
    }
    .navbar .navbar-nav .nav-link {
        color: #212529;
        padding: 10px 20px;
    }
    .navbar .navbar-nav .nav-link i {
        margin-left: auto;
    }
    .header .navbar-nav>li {
        display: block;
    }
    .header .navbar .dropdown-menu {
        margin: 0px;
        font-size: 14px;
        border-radius: 0px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f6f6f6;
        padding: 14px 30px;
        font-size: 13px;
        max-height: 300px;
        overflow-x: scroll;
    }
    .header .add-listing {
        margin-right: 40px;
    }
    .header .navbar .dropdown-menu li {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 575px) {
    .header .add-listing {
        margin-right: 0;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .header .add-listing a.btn {
        margin-left: auto;
    }
    .si-float-wrapper {
        left: 0 !important;
    }
}

@media (max-width: 991px) {
    /* sticky header */
    .header .is-sticky .navbar {
        top: 0;
        right: 0;
    }
}


/*****************************
	Banner
*****************************/

.header.header-transparent+.banner {
    padding: 340px 0 255px 0;
}

.banner {
    padding: 150px 0 250px 0;
    position: relative;
}

.banner .job-search-item span {
    font-size: 11px;
}

.job-search-item {
    text-align: left;
}

.job-search-item .form-group {
    position: relative;
}

.job-search-item label {
    font-weight: 500;
}

.job-search-item input {
    height: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.job-search-item input.location-input {
    padding-right: 100px;
}

.job-search-item .left-icon i {
    left: 15px;
    top: 50%;
    right: auto;
    font-size: 16px;
    position: absolute;
    color: #21c87a;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.job-search-item .left-icon .detect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

.job-search-item .left-icon .detect:after {
    position: absolute;
    content: "";
    background: #eeeeee;
    height: 40px;
    width: 1px;
    left: -10px;
    top: -10px;
}

.job-search-item .left-icon .detect span {
    padding: 0px 5px;
    font-size: 14px;
    color: #646f79;
}

.job-search-item .left-icon .detect i {
    position: inherit;
    left: inherit;
    right: 0px;
}

.job-search-item .btn {
    padding: 18px 20px;
    margin-top: 29px;
    position: relative;
}

.job-search-item .btn i {
    color: #ffffff;
}

.job-tag ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.job-tag li {
    margin-left: 10px;
    margin-bottom: 5px;
}

.job-tag li:first-child {
    margin-left: 0;
}

.job-tag li a {
    color: #ffffff;
}

.job-tag li:hover a {
    color: #17B0DD;
}

.banner-shape {
    position: absolute;
    bottom: -15px;
    z-index: 99;
}

.banner-shape-2 {
    position: absolute;
    top: 0px;
    z-index: 9;
    right: 0px;
    left: 0px;
}


/*Banner-02 */

.banner-2 {
    padding: 250px 0 225px 0;
}


/*Banner Map */

.banner-map {
    padding: 0;
}

.banner-map .map-canvas {
    height: 500px;
}


/*Banner Slider */

#slider .carousel-item .slider-content {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
}

#slider .carousel-item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

#slider .slider-content {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

#slider .slider-content h1 {
    font-size: 60px;
    margin-bottom: 20px;
}

#slider .slider-content h2 {
    letter-spacing: 3px;
    font-weight: 500;
}

#slider .slider-content h6 {
    line-height: 26px;
}

#slider .slider-content a.btn-link:hover {
    color: #ffffff;
}

.carousel .carousel-item.active .animated-01 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .carousel-item.active .animated-02 {
    -webkit-animation: bounceInRight 1s ease-in-out 500ms both;
    animation: bounceInRight 1s ease-in-out 500ms both;
}

.carousel .carousel-item.active .animated-03 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .carousel-item.active .animated-04 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
}

.carousel .carousel-item.active .animated-05 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .carousel-item.active .animated-06 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .carousel-item.active .animated-07 {
    -webkit-animation: fadeInDown 0.7s ease-in 300ms both;
    animation: fadeInDown 0.7s ease-in 300ms both;
}

.carousel .carousel-item.active .animated-08 {
    -webkit-animation: fadeInUp 0.7s ease-in 300ms both;
    animation: fadeInUp 0.7s ease-in 300ms both;
}


/* Banner Bg Slider */

.banner-bg-slider {
    position: relative;
}

.banner-bg-slider-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.kenburnsy {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.kenburnsy img {
    display: none;
}

.kenburnsy .slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.kenburnsy.fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto !important;
    z-index: -1;
}

.banner-bg-slider-content .job-search-item .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner-bg-slider-content .job-search-item input {
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
}


/*banner-slider */

.search {
    position: relative;
}

.search a {
    position: absolute;
    right: 0;
    top: 0;
    margin: 6px;
    padding: 18px 20px 17px;
    background: #21c87a;
    color: #ffffff;
}

.search input {
    padding-left: 30px;
    padding-right: 130px;
    height: 70px;
}

.banner .nav-tabs .nav-item .nav-link {
    margin-right: 0px;
}


/*control-prev */

.carousel-control-prev,
.carousel-control-next {
    opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: none;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.2);
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carousel-indicators li {
    height: 5px;
    width: 25px;
    margin-right: 5px;
    margin-left: 5px;
}


/* banner bg video */

.banner-bg-video .bg-video {
    width: 170vh;
}


/*****************************
  Responsive
*****************************/

@media (max-width: 1199px) {
    .banner-bg-video .bg-video {
        width: 80vh;
    }
}

@media (max-width: 991px) {
    .banner-2 {
        padding: 70px 0 70px 0;
    }
    .banner .tab-content .form-inline .input-group {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .banner-2 {
        padding: 70px 0 70px 0;
    }
    .banner .nav-tabs .nav-item .nav-link {
        margin-bottom: 0;
        padding: 10px !important;
    }
}


/*****************************
	Layout
*****************************/

.header-inner {
    padding: 40px 0;
}

.header-inner.header-inner-big {
    padding: 100px 0;
}


/* Section Title */

.section-title {
    margin-bottom: 40px;
}

.section-title h2 {
    margin-bottom: 0px;
}

.section-title .title {
    padding-bottom: 15px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: -0.5px;
    display: inline-block;
}

.section-title .title span:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #17B0DD;
    bottom: -4px;
    left: 20%;
    z-index: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.section-title .title span:after {
    border-bottom: 2px solid #17B0DD;
    content: "";
    display: inline-block;
    width: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.section-title .title:after {
    content: "";
    width: 100%;
    border-bottom: 2px solid #eeeeee;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.section-title p {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
}

.section-title.center {
    text-align: center;
}

.section-title.center .title span:before {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.section-title.center .title span:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 25%;
}

.bg-primary .section-title.dark {
    text-align: center;
}

.bg-primary .section-title.dark .title span:before {
    background: #212529;
}

.bg-primary .section-title.dark .title span:after {
    border-bottom: 2px solid #212529;
}


/* BG Light */

.bg-light .section-title .title:after {
    border-bottom-color: #ffffff;
}


/* BG Dark */

.bg-dark .section-title .title {
    color: #ffffff;
}

.bg-dark .section-title .title:after {
    border-bottom-color: #ffffff;
}

.list-style li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.list-style li i {
    margin-top: 3px;
}

.list-style-2 li {
    margin-bottom: 5px;
}


/* Category style */

.category-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-style .category-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.category-style .category-icon i {
    font-size: 50px;
    line-height: 50px;
    color: #21c87a;
}


/* index-slider */

.owl-carousel .item .category-item {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.slider-category {
    margin-top: -80px;
    -webkit-box-shadow: 0px 0px 24px 4px rgba(0, 25, 53, 0.04);
    box-shadow: 0px 0px 24px 4px rgba(0, 25, 53, 0.04);
}


/* browse-jobs */

.browse-job {
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* job-found */

.job-found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.job-found span {
    background: #21c87a;
    padding: 5px 10px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 14px;
}


/* popup-icon */

.popup-icon {
    position: relative;
    display: block;
}

.popup-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-left: 1px;
}

.popup-icon i:hover {
    color: #ffffff;
}

.forgot-pass p {
    margin-top: 7px;
    margin-bottom: 5px;
}


/* index slider */

.video-img .popup-icon {
    position: initial;
}


/* btn App */

.bg-primary .btn-app.btn-white:hover {
    background: #212529 !important;
}


/* iframe */

iframe {
    width: 100%;
    border: 0;
}


/* newsletter */

.newsletter {
    position: relative;
}


/* job-grid-map */

.si-content-wrapper {
    padding: 0;
    background-color: #ffffff;
}

.custom-window.open .si-frame {
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 10px;
    overflow: visible;
}

.map-canvas {
    width: 100%;
    height: 100%;
}

.custom-window {
    top: 30px;
    width: 280px;
    -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
}

.custom-window .si-content {
    overflow: visible;
    background-color: #ffffff;
    position: relative;
}

.custom-window .si-content .job-grid-map-content p {
    position: absolute;
    top: 0;
    right: 0;
}

.custom-window .si-content .job-grid-map-content p a {
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    display: inline-block;
    white-space: nowrap;
}

.custom-window .custom-close {
    top: -12px;
    right: -12px;
    border-radius: 50%;
}

.custom-window.active {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.job-grid-map {
    position: relative;
    max-height: inherit;
    padding: 100px 12px 12px 12px;
    overflow: auto;
    z-index: 2;
}

.si-pointer-bg-top {
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.job-grid-map-img {
    position: absolute;
    top: 15px;
    right: 0;
    left: 10px;
    width: 76px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 1;
}

.job-grid-map-title {
    margin-top: 12px;
}

.job-grid-map-price span {
    font-size: 13px;
}

.job-grid-map-content p {
    margin: 0;
}

.job-grid-map-content *+p {
    margin-top: 1em;
}

.custom-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    width: 24px;
    padding: 0 6px;
    height: 24px;
    -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    border: 0;
    background-color: #212529;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.custom-close:hover {
    background-color: #21c87a;
}

.custom-close:focus {
    background-color: #21c87a;
}

.custom-close:active {
    background-color: #21c87a;
}


/* our-clients */

.our-clients .owl-carousel img {
    padding: 20px;
    background: #ffffff;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 75px;
}

.our-clients .owl-carousel img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.our-clients .owl-carousel .owl-dots {
    margin-top: 0;
    margin-bottom: 0px;
}


/* Table */

.table-striped tbody tr:nth-of-type(odd) {
    background: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background: #fafcfc;
}


/* mfp-close */

.mfp-image-holder .mfp-close {
    color: #ffffff;
    right: -15px;
    text-align: right;
    padding-right: 6px;
    background-color: #21c87a;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 30px;
    top: 25px;
    position: absolute;
}


/* form */

.form-inline.icon .input-group i {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.form-inline.icon .input-group .form-control {
    padding: 10px 20px;
}

.form-inline.icon .btn {
    height: 50px;
}

.btn-close:focus:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1210px;
    }
}


/*****************************
	Listing
*****************************/


/* Job List */

.job-list {
    padding: 24px 20px;
    background: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    position: relative;
    border-bottom: 1px solid transparent;
}

.job-list:before {
    content: "";
    border-bottom: 1px solid #21c87a;
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.job-list:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.job-list:hover:before {
    opacity: 1;
}

.job-list:hover a.job-list-favourite {
    color: #e74c3c;
    -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
    box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
}

.job-list.border-bottom:before {
    left: 0;
    right: 0;
}

.job-list .job-list-logo {
    margin-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border: 1px solid #eeeeee;
    height: 80px;
    width: 80px;
    text-align: center;
    padding: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.job-list .job-list-logo img {
    height: 100%;
}

.job-list-title {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.job-list-title span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    display: inline-block;
    margin-left: 10px;
    white-space: nowrap;
}

.job-list .job-list-details {
    overflow: hidden;
}

.job-list .job-list-details h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-list-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.job-list-details ul li {
    margin: 5px 10px 5px 0px;
    font-size: 13px;
}

.job-list-details ul li.freelance a {
    color: #53b427;
}

.job-list-details ul li.temporary a {
    color: #e74c3c;
}

.job-list-details ul li.full-time a {
    color: #186fc9;
}

.job-list-details ul li.part-time a {
    color: #ffc107;
}

.job-list .job-list-favourite-time {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

.job-list-favourite-time .job-list-favourite {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
    font-size: 16px;
    color: #646f79;
}

.job-list-favourite-time .job-list-favourite:hover {
    background: #ffffff;
    color: #e74c3c;
}

.job-list-favourite-time span {
    display: block;
    margin: 0 auto;
}


/* BG Light */

.bg-light .job-list {
    margin-bottom: 30px;
}

.bg-light .job-list:last-child {
    margin-bottom: 0px;
}

.bg-light .job-list.job-grid:last-child {
    margin-bottom: 30px;
}


/* job-list hovering */

.job-list.hovering {
    -webkit-box-shadow: 0px 0px 24px 4px rgba(33, 37, 41, 0.04);
    box-shadow: 0px 0px 24px 4px rgba(33, 37, 41, 0.04);
    position: relative;
    z-index: 9;
}

.job-list.hovering .job-list-favourite-time .job-list-favourite {
    background: #ffffff;
    color: #e74c3c;
    -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
    box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
}


/* job Masonry */

.my-shuffle-container .job-list.job-grid {
    margin-bottom: 0;
}


/* job Grid */

.job-list.job-grid {
    padding-top: 40px;
    padding-bottom: 0px;
    border: 1px solid #eeeeee;
    display: block;
    margin-bottom: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: auto;
}

.job-list.job-grid .job-list-title {
    display: inherit;
}

.job-list.job-grid .job-list-logo {
    text-align: center;
    margin: 0 auto 30px;
    border: 0;
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    padding: 0;
}

.job-list.job-grid .job-list-logo span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
}

.job-list.job-grid .job-list-details {
    text-align: center;
}

.job-list.job-grid ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.job-list.job-grid .job-list-details ul li {
    margin: 3px 4px;
}

.job-list.job-grid .job-list-favourite-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eeeeee;
    margin-top: 20px;
    padding: 10px 0;
}

.job-list.job-grid .job-list-favourite-time a {
    margin-bottom: 0;
    margin-left: auto;
}

.job-list.job-grid .job-list-favourite-time span {
    display: inline-block;
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}

.job-shortby .form-inline label {
    font-weight: 500;
    color: #212529;
}

.job-shortby .select2-container--default .select2-selection--single {
    border-width: 1px;
}


/* job Grid Style 1 */

.job-list.job-grid-style-1 {
    padding-top: 30px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    display: block;
    margin-bottom: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: auto;
    padding-bottom: 0;
}

.job-list.job-grid-style-1 .job-list-logo {
    border: 0;
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    padding: 15px;
    background-color: #21c87a;
    border-radius: 3px;
}

.job-list.job-grid-style-1 .job-list-details .job-list-info .job-list-option ul {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.job-list.job-grid-style-1 .job-list-favourite-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eeeeee;
    margin-top: 20px;
    padding: 10px 0;
}

.job-list.job-grid-style-1 .job-list-favourite-time span {
    display: inline-block;
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}

.job-list.job-grid-style-1 .job-list-favourite-time a {
    margin-bottom: 0;
    margin-left: auto;
}


/* Employer */

.employers-list {
    padding: 30px 20px;
    background: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.employers-list:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.04);
    box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.04);
    position: relative;
    z-index: 99;
}

.employers-list .employers-list-logo {
    margin-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border: 1px solid #eeeeee;
    width: 80px;
    height: 80px;
    padding: 10px;
    text-align: center;
}

.employers-list .employers-list-logo img {
    height: 100%;
}

.employers-list-title {
    margin-bottom: 5px;
}

.employers-list-details {
    -ms-flex-item-align: center;
    align-self: center;
}

.employers-list-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.employers-list-details ul li {
    margin: 5px 10px 5px 0px;
    font-size: 13px;
}

.employers-list-details ul li:last-child {
    margin-right: 0;
}

.employers-list .employers-list-position {
    margin-left: auto;
    -ms-flex-item-align: center;
    align-self: center;
}

.employers-list-position .btn-dark:hover {
    background: #17B0DD;
    border-color: #21c87a;
}


/* Employer Grid */

.employers-grid {
    padding: 30px 20px;
    border-radius: 0px;
    display: block;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.employers-grid:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    position: relative;
    z-index: 99;
}

.bg-light .employers-grid {
    background: #ffffff;
}

.employers-grid .employers-list-position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0;
    padding-top: 15px;
    margin: 0;
    text-align: center;
}

.employers-grid .employers-list-position a {
    margin: 0 auto;
}

.employers-grid .employers-list-logo {
    text-align: center;
    margin: 0 auto 10px;
    width: 80px;
    height: 80px;
    padding: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.employers-grid .employers-list-details {
    text-align: center;
}

.employers-grid .employers-list-details ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.employers-grid .employers-list-details ul li {
    margin-bottom: 10px;
}


/* Carousel Employer Grid */

.owl-carousel .employers-grid img {
    height: 100%;
}


/* user-dashboard-info-box */

.user-dashboard-info-box .candidates-list .thumb {
    margin-right: 20px;
}

.user-dashboard-info-box .candidates-list .thumb img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
}

.user-dashboard-info-box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td {
    vertical-align: middle;
}

.user-dashboard-info-box td li {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th {
    border-bottom: none;
}

.table.manage-candidates-top th {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite {
    margin-bottom: 10px;
}

.table.manage-candidates-top {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul {
    color: #969696;
}


/* Candidate List */

.candidate-list {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.candidate-list:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    position: relative;
    z-index: 99;
}

.candidate-list:hover a.candidate-list-favourite {
    color: #e74c3c;
    -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
    box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
}

.candidate-list .candidate-list-image {
    margin-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border: none;
}

.candidate-list .candidate-list-image img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
}

.candidate-list-title {
    margin-bottom: 5px;
}

.candidate-list-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.candidate-list-details ul li {
    margin: 5px 10px 5px 0px;
    font-size: 13px;
}

.candidate-list .candidate-list-favourite-time {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

.candidate-list .candidate-list-favourite-time span {
    display: block;
    margin: 0 auto;
}

.candidate-list .candidate-list-favourite-time .candidate-list-favourite {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
    font-size: 16px;
    color: #646f79;
}

.candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover {
    background: #ffffff;
    color: #e74c3c;
}

.candidate-banner .candidate-list:hover {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}


/* Candidate Grid */

.candidate-list.candidate-grid {
    padding: 0px;
    display: block;
    border-bottom: none;
}

.candidate-grid .candidate-list-image {
    text-align: center;
    margin-right: 0px;
}

.candidate-grid .candidate-list-image img {
    height: 150px;
    width: 100%;
}

.candidate-grid .candidate-list-details {
    text-align: center;
    padding: 20px 20px 0px 20px;
    border: 1px solid #eeeeee;
    border-top: none;
}

.candidate-grid .candidate-list-details ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.candidate-grid .candidate-list-details ul li {
    margin: 2px 5px;
}

.candidate-grid .candidate-list-favourite-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
    padding: 10px 0;
}

.candidate-grid .candidate-list-favourite-time a {
    margin-bottom: 0;
    margin-left: auto;
}

.candidate-grid .candidate-list-favourite-time span {
    display: inline-block;
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}

.candidate-list.candidate-grid .candidate-list-favourite-time .candidate-list-favourite {
    margin-bottom: 0px;
}

.owl-carousel .candidate-list.candidate-grid {
    margin-bottom: 20px;
}


/* Jobster Candidate */

.jobster-candidate-timeline {
    position: relative;
}

.jobster-candidate-timeline:before {
    content: '';
    position: absolute;
    left: 20px;
    width: 2px;
    top: 5px;
    bottom: 5px;
    height: calc(100% - 5px);
    background-color: #eeeeee;
}

.jobster-candidate-timeline .jobster-timeline-item {
    display: table;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle {
    border-radius: 50%;
    border: 12px solid white;
    z-index: 1;
    top: 5px;
    left: 9px;
    position: absolute;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle:before {
    content: '';
    position: absolute;
    left: 12px;
    width: 20px;
    top: -1px;
    bottom: 5px;
    height: 2px;
    background-color: #eeeeee;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle>i {
    font-size: 15px;
    top: -8px;
    left: -7px;
    position: absolute;
    color: #21c87a;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0 0 70px;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info h6 {
    color: #21c87a;
    margin: 5px 0 0px;
}

.jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info span {
    color: #212529;
    font-size: 13px;
    font-weight: 500;
}

.jobster-candidate-timeline span.jobster-timeline-time {
    color: #646f79 !important;
}

.jobster-candidate-timeline .jobster-timeline-icon {
    border: 2px solid #eeeeee;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    background: #ffffff;
    position: relative;
    margin-bottom: 20px;
}

.jobster-candidate-timeline .jobster-timeline-icon i {
    font-size: 16px;
    color: #212529;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
}


/* Job Search Field */

.job-search-field .form-group-search {
    width: 100%;
}

.job-search-field.job-search-field-01 input {
    border: none;
    border-bottom: 1px solid #eeeeee;
    padding-left: 20px;
    border-radius: 0px;
}

.job-search-field.job-search-field-01 .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 1px solid #eeeeee;
    padding-left: 20px;
}

.job-search-field.job-search-field-02 input {
    border: 1px solid #eeeeee;
    padding-left: 20px;
}

.job-search-field.job-search-field-02 .select2-container--default .select2-selection--single {
    border: 1px solid #eeeeee;
    padding-left: 20px;
}

.job-search-field.search-under-banner .job-search-item label {
    color: #ffffff;
}

.job-search-field.job-search-field-top-03 input {
    border: 1px solid #eeeeee;
    padding-left: 20px;
}

.job-search-field.job-search-field-top-03 .select2-container--default .select2-selection--single {
    border: 1px solid #eeeeee;
    padding-left: 20px;
}

.advanced-search {
    width: 100%;
}

.advanced-search .card {
    border: 0;
    padding: 0;
    background: none;
}

.job-search-field-top-03 .job-search-item {
    background: #f6f6f6;
    padding: 30px;
}

.select2-container--default .select2-selection--single {
    height: 50px;
    padding: 13px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.job-search-field .select2-container--default .select2-selection--single {
    height: 60px;
    padding: 20px 20px;
}

.job-search-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22px;
}

.hp-search-more {
    width: 100%;
}

.hp-search-more a {
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 14px !important;
}

.hp-search-more span {
    font-size: 14px !important;
}

.job-search-item .hp-search-more i {
    position: absolute;
    right: -25px;
    left: auto;
}


/* Job Filter */

.job-filter-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.job-filter-tag ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.job-filter-tag ul li a {
    margin-left: 3px;
    background: rgba(33, 200, 122, 0.1);
    color: #21c87a;
    font-weight: 500;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 3px;
}

.job-filter-tag ul li a i {
    padding-left: 4px;
    font-size: 12px;
}

.job-filter-tag ul li a:hover {
    background: #21c87a;
    color: #ffffff;
}

.job-filter-tag ul li .filter-clear {
    background: rgba(33, 37, 41, 0.1);
    color: #212529;
}

.job-filter-tag ul li .filter-clear:hover {
    background: #212529;
    color: #ffffff;
}


/* companies-info box */

.companies-info {
    padding-right: 25px;
}

.companies-info .companies-details {
    padding: 20px 10px;
}

.companies-info .companies-details .companies-logo {
    width: 80px;
    height: 80px;
    padding: 10px;
    background: #ffffff;
}

.employers-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.employers-box .employers-grid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    padding: 25px;
    color: #212529;
    border: inherit;
    border-right: 1px solid rgba(0, 0, 0, 0.04);
}

.employers-box .employers-grid:nth-child(1n+5) {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.employers-box .employers-grid:nth-child(4n+0) {
    border-right: none;
}

.employers-box .employers-grid:before {
    content: "";
    border-bottom: 2px solid #21c87a;
    display: inline-block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.employers-box .employers-grid:hover {
    -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.employers-box .employers-grid:hover:before {
    opacity: 1;
}

.employers-box .employers-list-info {
    text-align: center;
}

.companies-counter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    text-align: right;
}

.companies-counter .counter {
    display: inline-block;
}

.companies-details .employers-list-option ul li i {
    font-size: 12px;
    color: #21c87a;
}

.companies-counter .counter .counter-content .timer {
    font-size: 20px;
}

.companies-info-2 .companies-counter {
    text-align: left;
}

.companies-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
}

.companies-info-2 .companies-details {
    padding: 0;
}


/*****************************
	Responsive
*****************************/

@media (max-width: 767px) {
    .employers-box .employers-grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 575px) {
    .job-list {
        display: inline-block;
        text-align: center;
        width: 100%;
        border-bottom: 0;
        padding: 20px;
    }
    .employers-box .employers-grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .employers-box .employers-grid:nth-child(1n+1) {
        border-top: 1px solid rgba(0, 0, 0, 0.04);
        border-right: none;
    }
    .companies-info .companies-details .companies-name btn {
        padding: 12px 20px;
    }
}


/*****************************
  Sidebar
*****************************/

.sidebar .widget {
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar .widget .widget-title {
    border-bottom: 1px solid #eeeeee;
    padding: 14px 20px;
}

.sidebar .widget .widget-content {
    padding: 14px 20px;
}

.sidebar .search {
    position: relative;
}

.sidebar .search i {
    position: absolute;
    color: #21c87a;
    cursor: pointer;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar .search .form-control {
    font-weight: 400;
    padding-right: 40px;
    height: 50px;
    padding-left: 15px;
}

.sidebar .locations {
    position: relative;
}

.sidebar .locations i {
    position: absolute;
    color: #21c87a;
    cursor: pointer;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar .locations .form-control {
    font-weight: 400;
    padding-right: 40px;
    height: 50px;
    padding-left: 15px;
}


/* Widget */

.widget .widget-title {
    margin-bottom: 20px;
}

.widget .widget-title h6 {
    margin-bottom: 0;
}

.widget .widget-title a {
    color: #212529;
}

.widget .widget-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}


/* similar-jobs-item */

.similar-jobs-item .job-list {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 15px;
}

.similar-jobs-item .job-list:last-child {
    margin-bottom: 0;
}

.similar-jobs-item .job-list:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* checkbox */

.widget .widget-content {
    margin-top: 10px;
}

.widget .widget-content .custom-checkbox {
    margin-bottom: 8px;
}

.widget .widget-content .custom-checkbox:last-child {
    margin-bottom: 0px;
}


/*fill checkbox*/

.widget .fulltime-job .form-check-input {
    background-color: #186fc9;
    border: 2px solid #186fc9;
}

.widget .fulltime-job .form-check-input:checked {
    background-color: #186fc9;
    border-color: #186fc9;
    border: 2px solid #186fc9;
}

.widget .parttime-job .form-check-input {
    background-color: #ffc107;
    border: 2px solid #ffc107;
}

.widget .parttime-job .form-check-input:checked {
    background-color: #ffc107;
    border-color: #ffc107;
    border: 2px solid #ffc107;
}

.widget .freelance-job .form-check-input {
    background-color: #53b427;
    border: 2px solid #53b427;
}

.widget .freelance-job .form-check-input:checked {
    background-color: #53b427;
    border-color: #53b427;
    border: 2px solid #53b427;
}

.widget .temporary-job .form-check-input {
    background-color: #e74c3c;
    border: 2px solid #e74c3c;
}

.widget .temporary-job .form-check-input:checked {
    background-color: #e74c3c;
    border-color: #e74c3c;
    border: 2px solid #e74c3c;
}

.widget ul {
    margin: 0;
}

.widget ul li a:hover {
    color: #21c87a;
}

.widget .company-detail-meta ul {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget .company-detail-meta ul li {
    margin-right: 15px;
    display: inline-block;
}

.widget .company-detail-meta ul li a {
    color: #646f79;
    font-weight: 600;
    font-size: 12px;
}

.widget .company-detail-meta .share-box li {
    margin-right: 0;
    display: inline-block;
    float: left;
}

.widget .company-detail-meta ul li.linkedin a {
    padding: 15px 20px;
    border: 2px solid #eeeeee;
    display: inline-block;
}

.widget .company-detail-meta ul li.linkedin a i {
    color: #06cdff;
}

.widget .company-address ul li {
    margin-bottom: 10px;
}

.widget .company-address ul li:last-child {
    margin-bottom: 0;
}

.widget .company-address ul li a {
    color: #646f79;
}

.widget .widget-box {
    padding: 20px 15px;
}

.widget .similar-jobs-item .job-list.jobster-list {
    padding: 15px 10px;
    border: 0;
    margin-bottom: 10px;
}

.widget .similar-jobs-item .job-list {
    padding-bottom: 15px;
}

.widget .similar-jobs-item .job-list-logo {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    height: 60px;
    width: 60px;
}

.widget .similar-jobs-item .job-list-details {
    margin-right: 15px;
    -ms-flex-item-align: center;
    align-self: center;
}

.widget .similar-jobs-item .job-list-details .job-list-title h6 {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget .similar-jobs-item .job-list.jobster-list .job-list-company-name {
    color: #21c87a;
}

.widget .docs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eeeeee;
    padding: 30px;
    border-radius: 3px;
}

.widget .docs-content .docs-text {
    -ms-flex-item-align: center;
    align-self: center;
    color: #646f79;
}

.widget .docs-content span {
    font-weight: 600;
}

.widget .docs-content .docs-icon {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
}


/* Job Detail */

.widget .jobster-company-view ul li {
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
}

.widget .jobster-company-view ul li:last-child {
    margin-bottom: 0;
}

.widget .jobster-company-view ul li span {
    color: #212529;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 600;
}


/* secondary menu */

.secondary-menu-sticky-top {
    padding: 10px;
    padding-bottom: 0px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    margin-bottom: 48px;
    margin-top: -25px;
}

.secondary-menu-sticky-top ul {
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.secondary-menu-sticky-top ul li {
    list-style: none;
    padding-right: 9px;
    padding-bottom: 10px;
}

.secondary-menu-sticky-top ul li a {
    display: block;
    color: #646f79;
    font-weight: 600;
    text-transform: capitalize;
    padding: 1px 15px;
}

.secondary-menu-sticky-top ul li a:hover {
    color: #ffffff;
    background: #21c87a;
}

.secondary-menu-sticky-top ul li a.active {
    color: #ffffff;
    background: #21c87a;
}


/*****************************
  Dashboard
*****************************/

.user-dashboard-sidebar .jobster-user-info {
    border: 2px solid #eeeeee;
    padding: 20px;
    text-align: center;
}

.jobster-user-info .profile-avatar {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.jobster-user-info .profile-avatar img {
    height: 115px;
    width: 115px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.jobster-user-info .profile-avatar img {
    border-radius: 100%;
}

.jobster-user-info .profile-avatar i {
    font-size: 16px;
    color: #21c87a;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    bottom: 20px;
    right: -5px;
}

.upload-file .custom-file {
    width: 160px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}

.upload-file .custom-file .custom-file-label {
    background: #21c87a;
    padding: 0;
    color: #ffffff;
    height: 50px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.upload-file .custom-file .custom-file-label:after {
    display: none;
}

.upload-file .custom-file .custom-file-input {
    height: 50px;
    width: 100%;
    position: relative;
    z-index: 99;
    opacity: 0;
}

.custom-file .custom-file-input {
    height: 50px;
}


/* user dashboard nav */

.user-dashboard-nav {
    border: 2px solid #eeeeee;
    padding: 2px;
    margin-top: 30px;
}

.user-dashboard-nav ul li {
    margin-bottom: 2px;
    background: #21c87a;
}

.user-dashboard-nav ul li:last-child {
    margin-bottom: 0px;
}

.user-dashboard-nav ul li a {
    color: #212529;
    padding: 15px 20px;
    background: #f6f6f6;
    display: block;
}

.user-dashboard-nav ul li a:hover {
    color: #21c87a;
}

.user-dashboard-nav ul li.active a {
    color: #21c87a;
}


/* user dashboard info box */

.user-dashboard-info-box {
    margin-bottom: 30px;
}

.user-dashboard-info-box .bg-light .input-group-append .input-group-text {
    background-color: #ffffff;
}

.cover-photo-contact .cover-photo {
    position: relative;
}

.cover-photo-contact .cover-photo i {
    top: -10px;
    right: -10px;
    font-size: 24px;
    color: #21c87a;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
}

.user-dashboard-info-box .search {
    position: relative;
}

.user-dashboard-info-box .search i {
    position: absolute;
    right: 0;
    top: 0;
    background: #21c87a;
    color: #ffffff;
    padding: 18px 20px;
    cursor: pointer;
}

.user-dashboard-info-box .search input {
    padding-right: 65px;
    border-radius: 0px;
    height: 50px;
}

.user-dashboard-table th p {
    color: #646f79;
}

.user-dashboard-table tr td {
    color: #646f79;
    vertical-align: middle;
}

.user-dashboard-table td li {
    margin: 0 4px;
}

.user-dashboard-table td li a.text-info {
    color: #186fc9;
}

.user-dashboard-table td li a:hover {
    color: #21c87a;
}

.user-dashboard-table td li a.text-primary:hover {
    color: #212529 !important;
}

.user-dashboard-info-box .pricing-plan.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* secondary menu */

.secondary-menu {
    padding-bottom: 0px;
    margin-top: 30px;
}

.secondary-menu ul {
    padding: 0px;
    margin: 0;
}

.secondary-menu ul li {
    list-style: none;
    padding-right: 9px;
    padding-bottom: 10px;
}

.secondary-menu ul li a {
    display: block;
    color: #646f79;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 16px;
}

.secondary-menu ul li a:hover {
    color: #ffffff;
    background: #21c87a;
}

.secondary-menu ul li a.active {
    color: #ffffff;
    background: #21c87a;
}


/* dashboard */

.user-dashboard-info-box .feature-info.bg-primary .feature-info-icon {
    border: none;
    background: #3ddf93;
    color: #ffffff;
}

.user-dashboard-info-box .feature-info.bg-dark .feature-info-icon {
    background: #2a2f34;
    border: none;
}

.user-dashboard-info-box .feature-info.bg-light .feature-info-icon {
    background: #ffffff;
    border: none;
}


/* candidates-user */

.candidates-user-info .candidates-skills {
    padding: 15px;
}

.candidates-user-info .candidates-skills .btn {
    padding: 12px 20px;
}

.candidates-profile-info .progress {
    height: 2px;
    bottom: 15px;
    margin: 0px;
}

.candidates-profile-info .progress .progress-bar {
    height: 2px;
}

.candidates-profile-info .progress~.profile-avatar {
    margin-top: 15px;
}

.user-dashboard-sidebar .progress .progress-bar-number {
    position: absolute;
    right: 10%;
    color: #969696;
    top: 10px;
}


/* candidates-feature-info */

.candidates-feature-info {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #eeeeee;
}

.candidates-feature-info .candidates-info-icon {
    width: 70px;
    height: 70px;
    line-height: 78px;
    text-align: center;
    display: block;
    background: rgba(33, 200, 122, 0.1);
    border-radius: 50%;
}

.candidates-feature-info .candidates-info-icon i {
    font-size: 24px;
}

.candidates-feature-info .candidates-info-content {
    margin: 10px 0;
}

.candidates-feature-info .candidates-info-content .candidates-info-title {
    margin-bottom: 0;
}

.candidates-feature-info .candidates-info-count {
    font-size: 24px;
}


/* dashboard my resume */

.user-dashboard-info-circle {
    border: 2px solid #eeeeee;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-top: 10px;
}

.user-dashboard-info-circle i {
    color: #212529;
}

.user-dashboard-info-box .user-dashboard-minus i {
    background: #212529;
    padding: 4px 8px;
    border-radius: 3px;
    color: #ffffff;
}

.user-dashboard-info-box .dashboard-timeline-info {
    position: relative;
}

.user-dashboard-info-box .dashboard-timeline-edit {
    position: absolute;
    right: 0;
    top: 0;
}


/* My Resume */

.profile {
    margin-bottom: 25px;
}

.profile .jobster-user-info {
    display: inline-block;
    width: 100%;
}

.profile .jobster-user-info .profile-avatar {
    position: relative;
    height: 115px;
    width: 115px;
    border-radius: 100%;
    display: inline-block;
}

.profile .jobster-user-info .profile-avatar img {
    border-radius: 100%;
}

.profile .jobster-user-info .profile-avatar i {
    font-size: 16px;
    color: #21c87a;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    bottom: 20px;
    right: -5px;
}

.about-candidate {
    padding: 25px 0px;
}

.about-candidate .candidate-info {
    margin-bottom: 20px;
}

.resume-experience {
    padding-left: 10px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    padding-right: 50px;
    background: #f6f6f6;
}

.resume-experience:before {
    position: absolute;
    left: -40%;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    content: "";
    z-index: -1;
    top: 0;
}

.resume-experience .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle {
    border-color: #f6f6f6;
}

.user-dashboard-info-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: bold;
    color: #626262;
}

@media (max-width: 1199px) {
    .secondary-menu ul li a {
        padding: 10px 15px;
    }
}

@media (max-width: 991px) {
    .resume-experience {
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 15px;
    }
    .resume-experience:before {
        content: none;
    }
    .secondary-menu ul li {
        display: inline-block;
    }
}

@media (max-width: 575px) {
    .secondary-menu ul li a {
        padding: 4px 8px;
    }
}


/*****************************
	Blog
*****************************/

.blog-post .blog-post-content {
    padding: 20px;
    border: 1px solid #eeeeee;
    border-top: none;
    position: relative;
}

.blog-post .blog-post-content:before {
    content: "";
    border-bottom: 2px solid #17B0DD;
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0px;
}

.blog-post .blog-post-content .blog-post-details .blog-post-time {
    margin: 0px 0px 10px;
}

.blog-post .blog-post-content .blog-post-details .blog-post-time a {
    color: #646f79;
}

.blog-post .blog-post-content .blog-post-details .blog-post-title h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-post .blog-post-content .blog-post-details .btn {
    font-weight: normal;
}

.blog-post .blog-post-content .media img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.blog-post .blog-post-content hr {
    border-top: 1px solid #eeeeee;
    opacity: inherit;
}

.blog-post .blog-post-footer {
    padding: 20px 0px 0px;
    border-top: 1px solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-post .blog-post-footer a {
    font-size: 14px;
    color: #646f79;
}

.blog-post .blog-post-footer a:hover {
    color: #21c87a;
}

.blog-post .blog-post-footer a:hover i {
    color: #21c87a;
}

.blog-post .blog-post-footer i {
    padding-right: 5px;
    color: #21c87a;
}

.blog-post .blog-post-time {
    display: inline-block;
}

.blog-post .blog-post-comment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}


/* blog-post 02 */

.blog-post .blog-post-category a,
.blog-detail .blog-post .blog-post-category a {
    color: #21c87a;
    font-weight: 600;
    display: inline-block;
}

.blog-post .blog-post-footer .blog-post-author img {
    height: 20px;
    border-radius: 50%;
    margin: 0 5px;
    width: auto;
    display: inline-block;
}

.blog-post .blog-post-footer .blog-post-time,
.blog-post-author,
.blog-post-time,
.blog-post-share {
    margin: 0 8px;
}

.blog-post .blog-post-details .blog-post-description {
    margin: 15px 0px;
}

.blog-post .blog-post-details .btn-link i {
    padding-right: 0;
}


/* blog-post-quote */

.blog-post-quote .blog-post-details .blog-post-category a {
    color: #ffffff;
}

.blog-post-quote .blog-post-details .blog-post-link .btn-link {
    color: #ffffff;
}

.blog-post-quote .blog-post-details .blog-post-link .btn-link:hover {
    color: #212529;
}

.blog-post-quote .blog-post-details .blog-post-title h5 a {
    color: #ffffff;
}

.blog-post-quote .blog-post-details .blog-post-title h5 a:hover {
    color: #212529;
}

.blog-post-quote .blog-post-content .blog-post-footer {
    border-top: 1px solid rgba(33, 37, 41, 0.1);
}

.blog-post-quote .blog-post-content .blog-post-footer a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-post-quote .blog-post-content .blog-post-footer a:hover {
    color: #212529;
}

.blog-post-quote .blog-post-content .blog-post-footer a:hover i {
    color: #212529;
}

.blog-post-quote .blog-post-content .blog-post-footer a:hover span {
    color: #212529 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-post-quote .blog-post-content .blog-post-footer i {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-post-quote .blog-post-content .blog-post-footer span {
    color: #ffffff;
}

.blog-post-quote .blog-post-content {
    border-color: #21c87a;
}

.blog-post-quote .blockquote {
    padding: 40px 40px 0px 40px;
    margin-bottom: 0;
    border-left: 0;
}

.blog-post-quote .blockquote i {
    font-size: 46px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.5);
}


/* blog-post-you-tube // */

.blog-post.blog-post-you-tube iframe {
    width: 100%;
    height: 385px;
}


/* post-without-image */

.blog-post.post-without-image {
    border: 1px solid #eeeeee;
}

.blog-post.post-without-image .blog-post-content {
    border: none;
}


/* sidebar */

.blog-sidebar .widget {
    margin-bottom: 50px;
}

.blog-sidebar .widget:last-child {
    margin-bottom: 0px;
}

.blog-sidebar .widget .widget-title {
    margin-bottom: 20px;
}

.blog-sidebar .widget .search {
    position: relative;
}

.blog-sidebar .widget .search i {
    position: absolute;
    right: 0;
    top: 0;
    background: #21c87a;
    color: #ffffff;
    padding: 18px 20px;
    cursor: pointer;
}

.blog-sidebar .widget .search input {
    padding-right: 65px;
    height: 50px;
}

.blog-sidebar .widget ul.list-style li {
    margin-bottom: 20px;
}

.blog-sidebar .widget ul.list-style li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #626262;
    width: 100%;
}

.blog-sidebar .widget ul.list-style li a:hover {
    color: #21c87a;
}

.widget .search input {
    padding-left: 15px;
}


/* recent-posts */

.blog-sidebar .widget .recent-posts a b {
    color: #212529;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-sidebar .widget .recent-posts a:hover b {
    color: #21c87a;
}

.blog-sidebar .widget .newsletter i {
    color: #21c87a;
    background: inherit;
}

.blog-sidebar .widget .newsletter .newsletter-bg-icon i {
    font-size: 160px;
    color: #ffffff;
    opacity: 0.1;
    position: absolute;
    right: -20px;
    bottom: -35px;
}

.blog-sidebar .widget .newsletter .form-check {
    cursor: pointer;
}

.blog-sidebar .widget .newsletter label {
    cursor: pointer;
}

.custom-control.custom-checkbox label {
    cursor: pointer;
}


/* Subscribe & Follow */

.blog-sidebar .widget .social ul li {
    padding: 10px;
    border: 1px solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-sidebar .widget .social ul li .follow {
    background: #f6f6f6;
    padding: 3px 18px;
    font-size: 12px;
}

.blog-sidebar .widget .social ul li a {
    font-size: 12px;
    font-weight: 600;
}

.blog-sidebar .widget .social ul li a i {
    width: 15px;
}

.blog-sidebar .widget .social ul .facebook a {
    color: #466ca9;
}

.blog-sidebar .widget .social ul .facebook .follow:hover {
    background: #466ca9;
    color: #ffffff;
}

.blog-sidebar .widget .social ul .twitter a {
    color: #20b5e6;
}

.blog-sidebar .widget .social ul .twitter .follow:hover {
    background: #20b5e6;
    color: #ffffff;
}

.blog-sidebar .widget .social ul .youtube a {
    color: #d92c20;
}

.blog-sidebar .widget .social ul .youtube .follow:hover {
    background: #d92c20;
    color: #ffffff;
}

.blog-sidebar .widget .social ul .instagram a {
    color: #181818;
}

.blog-sidebar .widget .social ul .instagram .follow:hover {
    background: #181818;
    color: #ffffff;
}

.blog-sidebar .widget .social ul .linkedin a {
    color: #13799f;
}

.blog-sidebar .widget .social ul .linkedin .follow:hover {
    background: #13799f;
    color: #ffffff;
}


/* popular-tag */

.blog-sidebar .widget .popular-tag ul li {
    display: inline-block;
    margin-bottom: 4px;
}

.blog-sidebar .widget .popular-tag ul li a {
    padding: 6px 20px;
    display: block;
    border: 1px solid #eeeeee;
    color: #646f79;
}

.blog-sidebar .widget .popular-tag ul li a:hover {
    color: #21c87a;
    border-color: #21c87a;
}


/* blog-detail */

.navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navigation .nav-links .nav-title {
    padding: 12px 20px;
}

.navigation .nav-links .pagi-text {
    display: inline-block;
    padding: 12px 25px;
    color: #646f79;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navigation .nav-links .nav-previous {
    width: 50%;
    border: 1px solid #eeeeee;
    margin-right: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navigation .nav-links .nav-previous a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #646f79;
}

.navigation .nav-links .nav-previous:hover {
    background: #f6f6f6;
}

.navigation .nav-links .nav-previous:hover .pagi-text {
    background: #21c87a;
    color: #ffffff;
}

.navigation .nav-links .nav-previous .nav-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.navigation .nav-links .nav-previous .pagi-text {
    border-right: 1px solid #eeeeee;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navigation .nav-links .nav-next {
    width: 50%;
    border: 1px solid #eeeeee;
    margin-right: 30px;
    margin-right: 0;
    text-align: right;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navigation .nav-links .nav-next a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #646f79;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.navigation .nav-links .nav-next .pagi-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #eeeeee;
}

.navigation .nav-links .nav-next:hover {
    background: #f6f6f6;
}

.navigation .nav-links .nav-next:hover .pagi-text {
    background: #21c87a;
    color: #ffffff;
}

.navigation .nav-links .nav-next .nav-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.blog-detail .blog-post .blog-post-category {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.blog-detail .blog-post .blog-post-content .blockquote {
    font-size: 16px;
    border-left: 2px solid #21c87a;
    padding-left: 15px;
    font-style: italic;
    display: block;
}

.blog-detail .avatar-xlll img {
    width: 120px;
    max-width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}


/* Popular-Tags */

.blog-detail .blog-post-tags li {
    padding: 6px 10px;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 5px;
}

.blog-detail .blog-post-tags li a {
    color: #646f79;
}

.blog-detail .blog-post-tags li:hover {
    background: #21c87a;
    border: 1px solid #21c87a;
}

.blog-detail .blog-post-tags li:hover a {
    color: #ffffff;
}


/* share-box */

.share-box {
    position: relative;
    z-index: 99;
}

.share-box .share-box-social {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    bottom: 100%;
    background: #21c87a;
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    display: block;
    min-width: 150px;
}

.share-box .share-box-social li {
    display: inline-block;
    float: left;
}

.share-box .share-box-social li:last-child a {
    padding-right: 0;
}

.share-box .share-box-social li a {
    padding: 0 8px;
    color: #ffffff !important;
    font-size: 12px;
    display: block;
}

.share-box .share-box-social li a:hover {
    color: #212529 !important;
}

.share-box .share-box-social li a:hover i {
    color: #212529 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.share-box .share-box-social li a i {
    color: #ffffff !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-right: 5px;
}

.share-box .share-box-social li a i:last-child {
    padding-right: 0;
}

.share-box .share-box-social:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #21c87a transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    z-index: 99;
    margin-left: -3px;
}

.share-box:hover .share-box-social {
    opacity: 1;
    visibility: visible;
    margin-bottom: 6px;
}


/* share-box-white-bg */

.share-box.share-dark-bg .share-box-social {
    background: #000000;
    -webkit-box-shadow: 0px 34px 4px rgba(246, 246, 246, 0.04);
    box-shadow: 0px 34px 4px rgba(246, 246, 246, 0.04);
}

.share-box.share-dark-bg .share-box-social:before {
    border-color: #000000 transparent transparent transparent;
}

.share-box.share-dark-bg .share-box-social li a i {
    color: #ffffff !important;
}

.share-box.share-dark-bg .share-box-social li a:hover i {
    color: #21c87a !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*****************************
    Not found
*****************************/

.notfound-404 {
    height: 230px;
    position: relative;
    z-index: -1;
}

.notfound-404 h1 {
    font-size: 160px;
    margin: 0px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
}


/*****************************
	Footer
*****************************/

.footer {
    padding-top: 90px;
    color: #626262;
}

.footer ul {
    margin: 0;
}

.footer-shape {
    position: absolute;
    top: -100px;
}

.footer-top-logo img {
    height: 34px;
}

.footer .footer-link ul li {
    margin-bottom: 15px;
}

.footer .footer-link ul li:last-child {
    margin-bottom: 0px;
}

.footer .footer-link ul li a {
    color: #646f79;
}

.footer .footer-link ul li a:hover {
    color: #21c87a;
}

.footer .footer-contact-info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
}

.footer .footer-contact-info ul li i {
    line-height: 24px;
}

.footer .footer-contact-info ul li span {
    padding-left: 15px;
    -ms-flex-item-align: top;
    align-self: top;
}

.footer .footer-contact-info.bg-holder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}

.footer-bottom {
    padding: 30px 0px;
    color: #646f79;
}

.footer-bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.footer-bottom ul li {
    margin-right: 10px;
}

.footer-bottom ul li a {
    color: #646f79;
}

.footer-bottom ul li a:hover {
    color: #21c87a;
}

.footer-bottom.bg-dark ul li a:hover {
    color: #21c87a;
}

.footer-bottom.bg-dark a:hover {
    color: #ffffff;
}

.social ul li a {
    font-weight: 600;
}

.social ul li.facebook a {
    color: #094ecd;
}

.social ul li.twitter a {
    color: #25d1e0;
}

.social ul li.linkedin a {
    color: #0077b5;
}

.footer-bottom ul li a {
    color: #ffffff;
}


/* Dark BG */

.bg-dark {
    color: rgba(255, 255, 255, 0.5);
}

.footer.bg-dark {
    color: #ffffff;
}

.footer.bg-dark h5 {
    color: #ffffff;
}

.footer.bg-dark hr {
    border-top-color: rgba(255, 255, 255, 0.1);
    margin: 0;
}

.footer.bg-dark .footer-bottom {
    color: rgba(255, 255, 255, 0.5);
}

.footer.bg-dark .footer-bottom a:hover {
    color: #ffffff;
}

.footer.bg-dark .footer-link ul li a {
    color: #ffffff;
}

.footer.bg-dark .footer-link ul li a:hover {
    color: #21c87a;
}

.footer.bg-dark .counter .counter-content label {
    color: #ffffff;
}

.footer.bg-dark .footer-bottom ul li a:hover {
    color: #21c87a;
}


/*****************************
	Login 
*****************************/

.login-register legend {
    font-size: 13px;
    font-weight: 500;
    width: auto;
    padding: 0;
}

.login-register .nav-tabs .tab-icon {
    color: #000000;
}

.login-register .nav-tabs p {
    color: #000000;
}


/* Social Login */

.social-login ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.social-login ul li {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.social-login ul li a {
    padding: 15px 20px;
    display: block;
    color: #ffffff;
}

.social-login ul li.facebook a {
    background: #466ca9;
}

.social-login ul li.twitter {
    margin-right: 0;
}

.social-login ul li.twitter a {
    background: #20b5e6;
}

.social-login ul li.google a {
    background: #d34836;
}

.social-login ul li.linkedin {
    margin-right: 0;
}

.social-login ul li.linkedin a {
    background: #13799f;
}


/*****************************
	Responsive
*****************************/

@media (max-width: 1340px) {
    .banner-shape {
        bottom: -30px;
    }
    #slider .slider-content h1 {
        font-size: 60px;
    }
    .slider-category {
        margin-top: -60px;
    }
    .header .navbar .dropdown-menu a.dropdown-item {
        min-width: 150px;
    }
    .job-search-item input.location-input {
        padding-right: 105px;
    }
    .navbar .navbar-nav .nav-link {
        padding: 10px 8px;
    }
    .navbar-light .navbar-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
    }
}

@media (max-width: 1199px) {
    .header.header-transparent+.banner {
        padding: 240px 0 155px 0;
    }
    .footer .btn.btn-app {
        padding: 12px 20px;
    }
    /* nav-tabs */
    .nav-tabs.nav-tabs-02 .nav-item .nav-link {
        margin: 0px 10px;
        padding: 12px 14px 18px;
    }
    .nav-tabs .nav-item .nav-link {
        margin-right: 10px;
        padding: 10px 25px;
    }
    .header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
        left: auto;
        right: 100%;
    }
    /* countdown */
    .countdown span {
        font-size: 60px;
        line-height: 60px;
    }
    #slider .slider-content h1 {
        font-size: 48px;
    }
    /* index slider */
    .slider-category {
        margin-top: -40px;
    }
    /* job-search-item */
    .job-search-item .btn {
        padding: 18px 15px;
    }
    /* secondary-menu */
    .secondary-menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* nav-tabs */
    .nav-tabs-style-03 .nav-tabs .nav-item .nav-link {
        padding: 10px 20px;
    }
}

@media (max-width: 991px) {
    h1 {
        font-size: 34px;
    }
    .space-ptb {
        padding: 60px 0;
    }
    .space-pt {
        padding-top: 60px;
    }
    .space-pb {
        padding-bottom: 60px;
    }
    .container-fluid {
        padding: 0 25px;
    }
    /* Header */
    .header-transparent .navbar .navbar-nav .nav-link {
        color: #212529;
    }
    .header-transparent {
        position: relative;
        background: #212529;
    }
    .header-transparent.style-2 {
        background: #ffffff;
        -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }
    .navbar .navbar-nav .nav-link {
        padding: 10px 20px;
    }
    .header .is-sticky .add-listing {
        display: none;
    }
    /* Toggle Menu */
    .navbar-toggler:focus {
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }
    #nav-icon4 {
        width: 28px;
        height: 28px;
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        right: 20px;
    }
    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #21c87a;
        border-radius: 9px;
        opacity: 1;
        right: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon4 span:nth-child(1) {
        top: 11px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    #nav-icon4 span:nth-child(2) {
        top: 21px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    #nav-icon4 span:nth-child(3) {
        top: 31px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    #nav-icon4.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 12px;
        left: 0px;
    }
    #nav-icon4.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    #nav-icon4.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 32px;
        left: 0px;
    }
    /* banner */
    .header.header-transparent+.banner {
        padding: 100px 0 100px 0;
    }
    .banner {
        padding: 100px 0;
    }
    .job-search-item .btn {
        margin-top: 0px;
    }
    .banner-shape {
        display: none;
    }
    .navbar-brand img {
        height: 24px;
    }
    /* blog */
    .blog-detail .blog-post .blog-post-footer {
        padding: 15px 0px;
    }
    .blog-detail .blog-post .blog-post-footer .blog-post-time {
        margin: 0 0px;
    }
    /* share-box */
    .share-box .share-box-social {
        width: 165px;
        left: auto;
    }
    .share-box .share-box-social li a {
        padding: 0 7px;
    }
    .widget .company-detail-meta .share-box .share-box-social {
        width: 145px;
    }
    /* footer */
    .footer {
        padding-top: 50px;
    }
    .footer-shape {
        display: none;
    }
    .footer-bottom {
        padding: 24px 0px;
    }
    .footer-top-logo img {
        height: 30px;
    }
    /* owl-nav */
    .owl-nav-top-center .owl-nav .owl-prev {
        left: 35%;
    }
    .owl-nav-top-center .owl-nav .owl-next {
        right: 35%;
    }
    .owl-nav-bottom-center .owl-nav .owl-prev {
        right: 60%;
    }
    .owl-nav-bottom-center .owl-nav .owl-next {
        left: 60%;
    }
    #slider .slider-content h1 {
        font-size: 34px;
    }
    #slider .slider-content h2 {
        font-size: 22px;
        line-height: 30px;
    }
    #slider .slider-content a.btn-link {
        padding: 0;
    }
    /* sidebar */
    .sidebar {
        margin-bottom: 40px;
    }
    .widget .company-detail-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* 404 */
    .notfound-404 {
        height: 160px;
    }
    .notfound-404 h1 {
        font-size: 110px;
    }
    /* mfp-close */
    .mfp-image-holder .mfp-close {
        right: 10px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        top: 10px;
        padding-right: 5px;
    }
    img.mfp-img {
        padding: 0;
    }
    /* secondary-menu */
    .sticky-top.secondary-menu-sticky-top {
        position: inherit;
        z-index: 9;
    }
    /* Popup */
    .social-login ul li a {
        padding: 15px;
    }
    .job-filter-tag {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    /*Negative margin*/
    .mb-n4,
    .my-n4 {
        margin-bottom: -1.5rem !important;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 24px;
        line-height: 34px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 17px;
    }
    .space-ptb {
        padding: 50px 0;
    }
    .space-pt {
        padding-top: 50px;
    }
    .space-pb {
        padding-bottom: 50px;
    }
    .container {
        max-width: 100%;
    }
    .container-fluid {
        padding: 0 30px;
    }
    .section-title {
        margin-bottom: 30px;
    }
    .section-title p {
        margin-top: 20px;
    }
    .section-title-02 {
        margin-bottom: 30px;
    }
    .bg-holder-pattern {
        background-image: inherit !important;
    }
    .step-number {
        margin-bottom: 10px;
    }
    .step-number span:after {
        content: none;
    }
    .lead {
        font-size: 16px;
    }
    /* header-inner */
    .header-inner {
        padding: 50px 0;
    }
    .header-inner.header-inner-big {
        padding: 50px 0;
    }
    /* blog */
    .blog-post-quote .blockquote {
        padding: 20px 20px 0px 20px;
    }
    .progress {
        position: relative;
        overflow: inherit;
        height: 3px;
        margin: 40px 0px 20px;
    }
    .secondary-menu {
        margin-top: 15px;
    }
    .secondary-menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .blog-sidebar .widget {
        margin-bottom: 30px;
    }
    .banner-bg-slider-content .job-search-item .form-group {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    .banner-bg-slider-content .job-search-item input {
        padding-left: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        margin-right: 0px;
        margin-bottom: 16px;
    }
    /* category */
    .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .category-item:nth-child(1n+3) {
        border-top: 1px solid #f6f6f6;
    }
    .category-item:nth-child(2n+0) {
        border-right: 0;
    }
    .category-style-03 .category-item:nth-child(2n+0) {
        border-right: 1px solid #f6f6f6;
    }
    .login-register .form-control {
        height: 40px;
    }
    .pagination {
        margin-bottom: 0;
    }
    .pagination .page-item {
        margin: 0px;
    }
    /* employers-list */
    .employers-list {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    .employers-list .employers-list-logo {
        margin: 0 0 25px 0;
        display: inline-block;
    }
    .employers-list .employers-list-details {
        text-align: center;
        margin-bottom: 15px;
    }
    .employers-list .employers-list-title {
        margin-bottom: 10px;
    }
    .employers-list ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .testimonial-content p {
        font-size: 16px;
    }
    .nav-tabs.nav-tabs-02 .nav-item .nav-link {
        margin: 0px 0px;
        padding: 12px 13px 10px;
    }
    .tab-pane .border-right {
        border: none !important;
    }
    .browse-job {
        display: block !important;
        text-align: center;
    }
    .style-01 ul {
        margin: 20px 0px;
    }
    .job-found {
        margin-bottom: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #slider .slider-content h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    #slider .slider-content h2 {
        font-size: 16px;
    }
    #slider .slider-content h6 {
        line-height: 18px;
        font-size: 14px;
    }
    /* feature-content */
    .feature-content {
        padding: 40px 20px;
    }
    .feature-info-03 {
        margin-bottom: 30px;
    }
    /* Banner */
    .search input {
        height: 60px;
    }
    .search a {
        padding: 14px 12px;
    }
    /* pricing */
    .pricing-plan {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    /* index slider */
    .slider-category {
        margin-top: 60px;
    }
    .companies-counter {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }
    .slider-banner .carousel-control-next,
    .slider-banner .carousel-control-prev {
        display: none;
    }
    /* nav-tabs */
    .nav-tabs .nav-item .nav-link {
        margin-bottom: 10px;
    }
    .blog-sidebar .widget .newsletter .newsletter-bg-icon i {
        right: 0;
    }
    .job-tag li {
        margin-left: 0;
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    h1 {
        font-size: 26px;
    }
    .space-ptb {
        padding: 40px 0;
    }
    .space-pt {
        padding-top: 40px;
    }
    .space-pb {
        padding-bottom: 40px;
    }
    .lead {
        font-size: 14px;
    }
    .banner {
        padding: 60px 0;
    }
    .job-search-item input.location-input {
        padding-right: 40px;
    }
    .job-search-item .left-icon .detect:after {
        left: -27px;
        top: -20px;
    }
    .header.header-transparent+.banner {
        padding: 80px 0px 80px 0px;
    }
    .header .add-listing {
        display: none;
    }
    .agency-logo {
        display: none;
    }
    .container-fluid {
        padding: 0 15px;
    }
    .job-search-item .btn {
        padding: 14px 15px;
    }
    .job-search-item input {
        height: 50px;
    }
    .search input {
        height: 50px;
    }
    .search a {
        padding: 8px 12px;
    }
    .job-search-field .select2-container--default .select2-selection--single {
        height: 50px;
        padding: 15px 20px;
    }
    .job-search-field .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 18px;
    }
    /* feature-info */
    .feature-info-01,
    .feature-info-04 {
        display: block;
    }
    .job-img-01 {
        padding-right: 0px;
    }
    .job-img-02 {
        margin-top: 20px;
    }
    .popup-icon i {
        left: 50%;
    }
    .feature-info-02.text-start {
        display: block;
    }
    .feature-info-02.text-start .feature-info-icon {
        margin-bottom: 20px;
    }
    .job-found h6 {
        font-size: 14px;
    }
    /* blog */
    .blog-post-footer .blog-post-time,
    .blog-post-footer .blog-post-author,
    .blog-post-footer .blog-post-comment,
    .blog-post-footer .blog-post-share {
        display: inline-block;
    }
    .blog-post .blog-post-details .blog-post-description {
        margin: 15px 0px;
    }
    .blog-detail .blog-post .blog-post-content .blockquote {
        font-size: 14px;
        padding-left: 20px;
    }
    .blog-post .blog-post-footer .blog-post-time,
    .blog-post-author,
    .blog-post-time,
    .blog-detail .blog-post-comment,
    .blog-post-share {
        margin: 0 5px;
    }
    .navigation .nav-links {
        display: block;
    }
    .navigation .nav-links .nav-previous {
        width: 100%;
    }
    .navigation .nav-links .nav-next {
        width: 100%;
        margin-top: 5px;
    }
    .megamenu .agency-logo .job-list {
        margin-bottom: 10px;
    }
    .megamenu .agency-logo .job-list .job-list-logo {
        margin-bottom: 0;
    }
    .blog-detail .blog-post-tags {
        display: block !important;
    }
    .candidate-banner .candidate-list .candidate-list-details {
        border-bottom: none;
    }
    .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info {
        padding: 5px 0 0 50px;
    }
    a.btn+a.btn {
        margin-bottom: 5px;
    }
    /* countdown */
    .countdown {
        margin: 0px 10px;
    }
    .countdown span {
        font-size: 24px;
        line-height: 24px;
    }
    .countdown p {
        font-size: 14px;
    }
    /* companies-counter */
    .companies-counter {
        text-align: center;
        border: none !important;
    }
    .companies-info {
        padding-right: 0px;
    }
    .companies-counter .counter {
        width: 48%;
        padding: 15px !important;
    }
    /* footer */
    .footer {
        padding-top: 40px;
    }
    .footer .btn-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .btn-app {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    /* category */
    .category-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .category-item:nth-child(1n+2) {
        border-top: 1px solid #f6f6f6;
    }
    .category-item:nth-child(1n+0) {
        border-right: 0;
    }
    .category-style-03 .category-item:nth-child(1n+0) {
        border-right: 1px solid #f6f6f6;
    }
    /* nav-tabs */
    .nav-tabs .nav-item .nav-link {
        padding: 6px 8px !important;
        margin-right: 2px;
    }
    .job-shortby {
        margin-top: 20px;
    }
    .job-shortby .filter-btn {
        margin-top: 30px;
    }
    .nav-tabs.nav-tabs-border .nav-item {
        margin-right: 0 !important;
        width: 100%;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
    }
    .nav-tabs.nav-tabs-border .nav-item .nav-link {
        padding: 20px 15px !important;
    }
    .nav-tabs.nav-tabs-border .tab-icon {
        font-size: 24px;
        line-height: 24px;
    }
    .pagination {
        padding: 0px;
        margin-left: -8px;
    }
    .pagination .page-item .page-link {
        padding: 8px 10px;
    }
    .filter-btn .btn {
        padding: 12px 25px;
    }
    .social-login ul li a {
        padding: 10px;
    }
    .job-list .job-list-logo {
        margin: 0 0 25px 0;
        display: inline-block;
    }
    .job-list .job-list-details {
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 10px;
    }
    .similar-jobs-item.widget-box {
        padding-top: 30px;
    }
    .similar-jobs-item .job-list .job-list-details {
        border-bottom: 0;
        padding-bottom: 0;
    }
    /* job-list */
    .job-list {
        padding: 50px 15px 15px 15px;
    }
    .job-list.job-grid .job-list-details {
        border-bottom: 0;
    }
    .job-list .job-list-details .job-list-title {
        margin-bottom: 10px;
        display: inherit;
    }
    .job-list .job-list-details .job-list-title span {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .job-list ul,
    .job-list.job-list-company ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .job-list .job-list-favourite-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .job-list .job-list-favourite-time span {
        display: inline-block;
        margin: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .job-list .job-list-favourite-time a {
        margin-bottom: 0;
        margin-left: auto;
    }
    .job-list.job-list-company .job-list-favourite-time a {
        margin: 0 auto;
    }
    .employers-grid .employers-list-details {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    /* candidate-list */
    .candidate-list {
        display: inline-block;
        text-align: center;
        border-bottom: 0;
        width: 100%;
        padding: 20px 20px;
    }
    .candidate-list .candidate-list-image {
        margin: 0 0 25px 0;
        display: inline-block;
    }
    .candidate-list.candidate-grid .candidate-list-image {
        margin-bottom: 0px;
        margin-right: 0px;
        display: inline;
    }
    .candidate-list .candidate-list-details {
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 20px;
    }
    .candidate-list.candidate-grid .candidate-list-details {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .candidate-list .candidate-list-details .candidate-list-title {
        margin-bottom: 10px;
    }
    .candidate-list ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .candidate-list .candidate-list-favourite-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .candidate-list .candidate-list-favourite-time a {
        margin-bottom: 0;
        margin-left: auto;
    }
    .candidate-list .candidate-list-favourite-time span {
        display: inline-block;
        margin: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .candidate-list .candidate-list-favourite-time .candidate-list-favourite {
        margin-bottom: 0;
    }
    /* candidate-detail */
    .candidate-banner {
        padding: 40px 0px 10px;
    }
    .candidate-banner .candidate-list {
        padding: 0;
        border-bottom: inherit;
    }
    .candidate-banner .candidate-list:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: inherit;
    }
    /*secondary-menu */
    .secondary-menu ul {
        padding: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
    }
    .secondary-menu ul li {
        list-style: none;
        padding-right: 10px;
    }
    .secondary-menu ul li a:hover,
    .secondary-menu ul li a.active {
        color: #ffffff;
        background: #21c87a;
    }
    /*jobster timeline */
    .jobster-candidate-detail .jobster-candidate-timeline {
        position: relative;
    }
    .jobster-candidate-detail .jobster-candidate-timeline:before {
        content: '';
        position: absolute;
        left: 20px;
        width: 2px;
        top: 5px;
        bottom: 5px;
        height: calc(100% - 5px);
        background-color: #eeeeee;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item {
        display: table;
        position: relative;
        margin-bottom: 20px;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle:before {
        content: '';
        position: absolute;
        left: 12px;
        width: 20px;
        top: -1px;
        bottom: 5px;
        height: 2px;
        background-color: #eeeeee;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle {
        border-radius: 50%;
        border: 12px solid white;
        z-index: 1;
        top: 5px;
        left: 9px;
        position: absolute;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-cricle>i {
        font-size: 15px;
        top: -8px;
        left: -7px;
        position: absolute;
        color: #21c87a;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info {
        display: table-cell;
        vertical-align: top;
        padding: 5px 0 0 70px;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info h6 {
        color: #21c87a;
        margin: 5px 0 0px;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-item .jobster-timeline-info span {
        color: #212529;
        font-size: 13px;
        font-weight: 500;
    }
    .jobster-candidate-detail .jobster-candidate-timeline span.jobster-timeline-time {
        color: #646f79 !important;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-icon i {
        font-size: 16px;
        color: #212529;
    }
    .jobster-candidate-detail .jobster-candidate-timeline .jobster-timeline-icon {
        border: 2px solid #eeeeee;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        line-height: 42px;
        text-align: center;
        background: #ffffff;
        position: relative;
        margin-bottom: 20px;
    }
    /* sidebar */
    .widget .company-detail-meta ul li {
        margin-right: 8px;
    }
    .widget .company-detail-meta ul li.linkedin a {
        padding: 10px 10px;
    }
    /* nav-tabs */
    .nav-tabs.nav-tabs-02 .nav-item .nav-link {
        margin: 0px 0px;
        padding: 12px 12px 18px !important;
    }
    .nav-tabs.nav-tabs-style-03 li {
        margin-bottom: 20px;
    }
    .owl-nav-top-center .owl-nav .owl-prev {
        left: 30%;
        top: 30px;
    }
    .owl-nav-top-center .owl-nav .owl-next {
        right: 30%;
        top: 30px;
    }
    .testimonial-content p {
        font-size: 14px;
    }
    .testimonial-item-02 .quotes {
        top: 35px;
        left: 30px;
    }
    .testimonial-center .testimonial-item-02 .testimonial-content {
        padding: 20px 30px 20px;
    }
    .owl-nav-top-center .owl-nav .owl-prev,
    .owl-nav-top-center .owl-nav .owl-next {
        display: none;
    }
    .owl-nav-bottom-center .owl-nav .owl-prev,
    .owl-nav-bottom-center .owl-nav .owl-next {
        display: none;
    }
    .blog-post .blog-post-footer {
        display: block;
    }
    .property-item-map-price span {
        display: block;
        margin-top: 2px;
    }
    /* dashboard */
    .dashboard-resume-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block !important;
    }
    #slider .slider-content a.btn-link {
        display: none;
    }
    .candidates-skills {
        display: inline-block;
    }
    .slider-category {
        margin-top: 30px;
    }
    /* 404 */
    .notfound-404 {
        height: 130px;
    }
    .notfound-404 h1 {
        font-size: 90px;
    }
}

@media (max-width: 575px) {
    .slider-banner .carousel-item {
        height: 280px;
    }
    .slider-banner .carousel-item img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .similar-jobs-item .job-list .job-list-details .job-list-title span {
        position: absolute;
        top: 0;
        right: 0;
    }
    .social-login ul li {
        min-width: 100%;
    }
    .media {
        display: inherit;
    }
    .media .avatar {
        margin-bottom: 15px;
    }
}

@media (max-width: 370px) {
    .bootstrap-datetimepicker-widget {
        width: 250px !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .border-xl-top {
        border-top: 1px solid #eeeeee !important;
    }
    .border-xl-right {
        border-right: 1px solid #eeeeee !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #eeeeee !important;
    }
    .border-xl-left {
        border-left: 1px solid #eeeeee !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .border-lg-top {
        border-top: 1px solid #eeeeee !important;
    }
    .border-lg-right {
        border-right: 1px solid #eeeeee !important;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #eeeeee !important;
    }
    .border-lg-left {
        border-left: 1px solid #eeeeee !important;
    }
}

@media (min-width: 768px) {
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .border-md-top {
        border-top: 1px solid #eeeeee !important;
    }
    .border-md-right {
        border-right: 1px solid #eeeeee !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid #eeeeee !important;
    }
    .border-md-left {
        border-left: 1px solid #eeeeee !important;
    }
    /* pricing */
    .pricing-plan {
        display: block;
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .border-sm-top {
        border-top: 1px solid #eeeeee !important;
    }
    .border-sm-right {
        border-right: 1px solid #eeeeee !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #eeeeee !important;
    }
    .border-sm-left {
        border-left: 1px solid #eeeeee !important;
    }
}


/*# sourceMappingURL=../css/style.css.map */