/****** JOB LISTING START ******/

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

:root
{
    --bluetone4loader: rgba(206, 226, 237, 0.9);
    --bluetone4loader2: rgba(206, 226, 237, 0.8);
    --transparent: rgba(255,255,255,0.0);
    --greytextcolor: #333333;
    --lightgreytextcolor: #666666;
    --bluetone1: #48A2C3;
    --bluetone4nav: rgba(32, 77, 116, 0.8);
    --bluegradient4btn :  linear-gradient(95.85deg, var(--bluetone5) 0%, var(--bluetone1) 95.35%);
    --bluegradient4nav : linear-gradient(95.85deg, var(--bluetone5) 10%, var(--bluetone4) 50% ,var(--bluetone5) 80%); 
    --bluetone2 : #3AAED8;
    --bluetone3 : #44A0C1;
    --bluetone4 : #337AB7;
    --bluetone5: #204D74;
    --lightgrey: #F5F5F5;
    --white: #FFFFFF;
    --midgrey: #555555;
    --lightmidgrey: #D1D1D1;
    --bluetoneforfooter: #273443;
    --bluetoneforfooterbottom: #051221;
    --footeroptions: #5A6776;
    --midlightgrey: #DDDDDD;
    --lightblue: #C3E6E3;
    --primaryfont : 'Poppins', sans-serif;
    --secondaryfont : 'Sora', sans-serif;
    --tertiaryfont : 'Jost', sans-serif;

}

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


header div.offcanvas
{
display: none;
}


body
{
    font-size: 14px;
    color: #333333;
    max-width: 1920px; 
    margin: 0 auto !important; 
    float: none !important; 
    font-weight: 400;
    background-color: #FAFAFA !important;
    font-family: 'Poppins', sans-serif;
}

body div.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    z-index: 1;
    background-color: #ffffff;
    transition: all 0.3s ease;
  }

  a {
    text-decoration: none;
    cursor: pointer;
  }
  
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
    outline: none;
  }  

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  font-family: 'Jost', sans-serif;
  margin: 0px;
  background: none;
  line-height: 1.2em;
}

section {
  position: relative;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  min-width: auto;
}

p,
.text {
  font-size: 14px;
  color: #696969;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}
  
 body .page-title {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 80px 0 80px;
  }
  
body .page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../Media/img/background-images/bg-4.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
  }
  
 body .page-title h1 {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    text-align: center;
    color: #202124;
    margin-bottom: 10px;
  }
  
  .auto-container {
    position: static;
    max-width: 1310px;
    padding: 20px 15px;
    margin: 0 auto;
    width: 100%;
  }

  section.page-title div.auto-container div.title-outer h1
  {
      font-family: 'Montserrat',serif,sans-serif;
  }

  .ls-section .autocontainer .row .filters-column
  {
    display: flex;
    flex-wrap: wrap-reverse;
  }

  .ls-section {
    position: relative;
    padding: 50px 0 100px;
  }

  .ls-section .filters-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 1000%;
    background: #1b2032;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .active-filters .ls-section .filters-backdrop {
    opacity: .80;
    visibility: visible;
  }
  
  .ls-section .filters-outer {
    position: relative;
    background: #F5F7FC;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 30px 30px 10px;
  }

  .theme-btn {
    position: relative;
    display: inline-flex;
    transition: all 0.5s ease;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }

  .ls-section .close-filters {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    min-width: auto;
    height: 25px;
    border: 1px solid #333;
    border-radius: 50%;
    color: #000;
    line-height: 25px;
    font-size: 12px;
    z-index: 99;
    display: none;
  }

  .ls-section .filter-block {
    position: relative;
    margin-bottom: 30px;
  }

  .ls-section .filter-block p {
    position: relative;
    font-size: 14px;
    line-height: 19px;
    color: #696969;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .ls-section .filter-block h4 {
      font-family: 'Jost', sans-serif;
  }

  .ls-section .filter-block .chosen-container .chosen-single,
.ls-section .filter-block input,
.ls-section .filter-block select,
.ls-section .filter-block textarea {
  width: 100%;
  height: 60px;
  padding: 14px 20px;
  padding-left: 54px;
  line-height: 30px;
  font-size: 14px;
  color: #696969;
  background: #FFFFFF;
  box-shadow: none;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 300ms ease;
}

.sec-title-outer select {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
    border-radius: 8px;
    min-width: 202px;
    height: 50px;
    line-height: 20px;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 19px;
    color: #202124;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .sec-title-outer .select-box-outer {
    position: relative;
    margin-bottom: 50px;
  }
  
  .sec-title-outer .select-box-outer .icon {
    position: absolute;
    right: 22px;
    top: 50%;
    z-index: 1;
    margin-top: -10px;
    font-size: 14px;
    line-height: 20px;
    color: #202124;
    pointer-events: none;
  }  

.ls-section .filter-block input:focus {
  border-color: #1967D2;
}

.ls-section .filter-block .form-group {
    position: relative;
    margin-bottom: 0;
  }
  
  .ls-section .filter-block .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
    font-size: 16px;
    line-height: 30px;
  }

  .rangeslider-widget {
    position: relative;
  }  
  
  .range-slider-one {
    position: relative;
    min-height: 48px;
    padding-top: 10px;
  }

  .range-slider-one .ui-widget.ui-widget-content {
    height: 5px;
    border: none;
    margin-bottom: 20px;
    border-radius: 30px;
    background: #D4E1F6;
  }
  
  .range-slider-one .ui-slider .ui-slider-range {
    top: 0px;
    height: 5px;
    background: #1967D2;
  }
  
  .range-slider-one .ui-state-default,
  .range-slider-one .ui-widget-content .ui-state-default {
    position: absolute;
    top: -7px;
    width: 17px;
    height: 17px;
    background: #FFFFFF;
    border: 2px solid #1967D2;
    box-sizing: border-box;
    border-radius: 20px;
    cursor: pointer;
  }
  
  
  .range-slider-one .input-outer {
    display: flex;
    justify-content: center;
  }
  
  .range-slider-one .amount-outer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    background: #D4E1F6;
    border-radius: 8px;
    font-size: 14px;
    line-height: 19px;
    color: #1967D2;
  }
  
  .ls-section .sort-by.show-filters .chosen-select {
    width: auto;
  }

  .switchbox-outer {
    position: relative;
  }
  
  .switchbox-outer h4 {
    font-size: 18px;
    line-height: 1.5em;
    color: #1b2032;
    font-weight: 500;
    margin-bottom: 15px;
  }
  
  .ls-section .switchbox-outer {
    position: relative;
    margin-bottom: 30px;
  }

  .switchbox {
    position: relative;
  }
  
  .switchbox li {
    position: relative;
    margin-bottom: 20px;
  }

  .switch {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
    cursor: pointer;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #ECEDF2;
    transition: 0.4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 3px;
    background-color: #D2D3D8;
    transition: 0.3s;
  }

  .slider.round:before {
    border-radius: 50%;
  }  
  
  input:checked + .slider {
    background-color: #1967D2;
    border: 2px solid #1967D2;
  }
  
  input:checked + .slider:before {
    background: #ffffff;
    transform: translateX(19px);
  }

  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  .switchbox .title {
    position: relative;
    margin-left: 10px;
    font-size: 14px;
    color: #5c6770;
    line-height: 20px;
  }

  .checkbox-outer {
    position: relative;
    margin-bottom: 30px;
  }

  .checkbox-outer h4 
  {
      margin-bottom: 15px;
      font-size: 18px;
font-family: 'Jost',sans-serif; 
font-weight: 500;
 }

 .checkboxes {
    list-style: none;
    padding: 0;
  }
  
  .checkboxes.inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .checkboxes li {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  
  .checkboxes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #696969;
  }
  
  .checkboxes label span {
    color: #909090;
  }
  
  .checkboxes input[type="checkbox"] {
    display: none;
  }
  
  .checkboxes label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #fff;
    border: 1px solid #ECEDF2;
    border-radius: 10px;
    box-sizing: border-box;
    transition: all 0.25s;
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    text-align: center;
    line-height: 17px;
  }
  
  .checkboxes input[type="checkbox"]:checked + label:before {
    content: "\2713";
    background-color: #1967D2;
    border: 1px solid #1967D2;
  }
  
  .checkboxes.square label:before {
    border-radius: 2px;
  }
  
  .checkboxes.two-column:after {
    display: table;
    clear: both;
    content: "";
  }
  
  .checkboxes.two-column li {
    display: flex;
    position: relative;
    float: left;
    margin: 0;
    min-width: 50%;
    padding-right: 10px;
  }

  .checkboxes.square label:before {
    border-radius: 2px;
  }
  
  .checkbox-outer .view-more {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #1967D2;
    font-weight: 400;
    display: flex;
    align-items: center;
    border: none;
  }
  
  .checkbox-outer .view-more .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    font-weight: 900;
    font-size: 10px;
    border-radius: 50%;
    margin-right: 10px;
    color: #1967D2;
    background: #D4E1F6;
    border-radius: 60px;
  }

  .radio-box {
    position: relative;
  }
  
  .radio-box label {
    position: relative;
    display: block;
    font-size: 14px;
    color: #696969;
    line-height: 20px;
    padding-left: 30px;
    cursor: pointer;
    margin-bottom: 18px;
  }
  
  .radio-box label:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 16px;
    background: #ffffff;
    content: "";
    border: 1px solid #ECEDF2;
    border-radius: 50px;
    background: #ffffff;
    transition: all 0.3s ease;
  }
  
  .radio-box label:after {
    position: absolute;
    content: "";
    left: 4px;
    top: 4px;
    height: 8px;
    width: 8px;
    border-radius: 5px;
    overflow: hidden;
    background: transparent;
    text-align: center;
  }
  
  .radio-box input[type="radio"] {
    display: none;
  }
  
  .radio-box input[type="radio"]:checked + label {
    border-color: #1967D2;
  }
  
  .radio-box input[type="radio"]:checked + label:before {
    border-color: #1967D2;
  }
  
  .radio-box input[type="radio"]:checked + label:after {
    background-color: #1967D2;
    opacity: 1;
  }
  
  
  .range-slider-one .amount {
    margin-right: 5px;
  }
  
  .tags-style-one {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .tags-style-one li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  .tags-style-one li a {
    position: relative;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #696969;
    padding: 5px 20px;
  }
  
  .tags-style-one li a:hover, .job-skills li a:hover {
    background: #D4E1F6;
    color: #1967D2;
  }

    .call-to-action-four {
    position: relative;
    background-color: rgba(25, 103, 210, 0.07);
    padding: 30px 30px;
    padding-right: 140px;
    border-radius: 10px;
    overflow: hidden;
  }
  
  .call-to-action-four h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #202124;
    margin-bottom: 17px;
  }
  
  .call-to-action-four p {
    font-size: 14px;
    line-height: 24px;
    color: #696969;
    margin-bottom: 25px;
  }
  
  .call-to-action-four .image {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 140px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
  }
  
  .call-to-action-four.style-two {
    padding: 50px 50px;
  }
  
  .call-to-action-four.style-two h5 {
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    color: #202124;
  }
  
  .call-to-action-four.style-two p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
  }
  
  .call-to-action-four.style-two .image {
    width: 350px;
  }
  
  .btn-style-one {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: var(--bluetone2);
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 18px 35px 15px 35px;
  }
  
  .btn-style-one:hover {
    color: #ffffff;
    background-color: var(--bluetone1);
  }

  .ls-section .ls-outer {
    position: relative;
  }

  .btn-style-two {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #202124;
    background-color: #F9AB00;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 18px 35px 15px 35px;
  }
  
  .btn-style-two:hover {
    color: #202124;
    background-color: #E9A000;
  }

  .ls-section .toggle-filters {
    position: relative;
    display: none;
  }
  
  .ls-section .toggle-filters .icon {
    display: inline-block;
    height: 10px;
    width: 14px;
    background-image: url(../images/icons/filter.svg);
  }
  
  .ls-section .toggle-filters.show {
    display: block;
  }

  .ls-switcher {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .ls-switcher .showing-result {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .ls-switcher .showing-result .text {
    font-size: 14px;
    color: #1b2032;
  }

  .ls-switcher .sort-by {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .ls-switcher .showing-result {
    position: relative;
  }
  
  .ls-switcher .showing-result .text {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #696969;
  }
  
  .ls-switcher .showing-result .text strong {
    font-weight: 500;
    color: #202124;
  }
  
  .job-block {
    position: relative;
    margin-bottom: 30px;
  }

  .job-block .inner-box {
    position: relative;
    padding: 32px 20px 22px 30px;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 300ms ease;
  }
  
  .job-block .inner-box:hover {
    box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
  }

  .job-block .content {
    position: relative;
    padding-left: 68px;
    min-height: 51px;
  }

  .job-block .company-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    transition: all 300ms ease;
  }

  .job-block h4 {
    font-size: 18px;
    color: #202124;
    font-weight: 500;
    line-height: 26px;
    top: -3px;
    margin-bottom: 3px;
  }
  
  .job-block h4 a {
    color: #202124;
    transition: all 0.3s ease;
  }
  
  .job-block h4 a:hover {
    color: #1967D2;
  }
  
  .job-block .job-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  
  .job-block .job-info li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #696969;
    font-weight: 400;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-right: 20px;
  }
  
  .job-block .job-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 22px;
    color: #696969;
  }
  
  .job-block .job-info li a {
    color: #696969;
  }

  
.job-block .job-other-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }

  .job-other-info li {
    position: relative;
    font-size: 13px;
    line-height: 15px;
    margin-right: 15px;
    padding: 5px 20px;
    border-radius: 50px;
    margin-bottom: 10px;
  }
  
  .job-other-info li.time {
    background: rgba(25, 103, 210, 0.15);
    color: #1967D2;
  }
  
  .job-other-info li.privacy {
    background: rgba(52, 168, 83, 0.15);
    color: #34A853;
  }
  
  .job-other-info li.required {
    background: rgba(249, 171, 0, 0.15);
    color: #F9AB00;
  }
  
  .job-block .bookmark-btn {
    position: absolute;
    border: none;
    right: 0;
    top: -15px;
    height: 30px;
    width: 30px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    transition: all 300ms ease;
  }

  .job-block .bookmark-btn:hover {
    background: #1967D226;
  }
  
  .ls-show-more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
  }
  
  .ls-show-more p {
    position: relative;
    font-size: 14px;
    line-height: 19px;
    color: #202124;
    margin-bottom: 10px;
  }

  .ls-show-more .bar {
    position: relative;
    max-width: 300px;
    width: 300px;
    height: 6px;
    background: #D4E1F6;
    border-radius: 10px;
    margin-bottom: 17px;
  }
  
  .ls-show-more .bar .bar-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 20px;
    background-color: #1967D2;
  }
  
  .ls-show-more .show-more {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #1967D2;
    padding-bottom: 5px;
    border: none;
  }
  
  .ls-show-more .show-more:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #1967D2;
    content: "";
  }

  
  .social-links a:hover {
    color: #1967D2 !important;
  }

  .default-form {
    position: relative;
  }
  
  .default-form .form-group {
    position: relative;
    margin-bottom: 20px;
  }
  
  .default-form .form-group:last-child {
    margin-bottom: 0;
  }
  
  .default-form .form-group > label {
    font-size: 14px;
    line-height: 20px;
    color: #202124;
    font-weight: 500;
    margin-bottom: 10px;
  }
  
  .default-form .form-group input[type="text"],
  .default-form .form-group input[type="password"],
  .default-form .form-group input[type="number"],
  .default-form .form-group input[type="email"],
  .default-form .form-group input[type="url"],
  .default-form .form-group textarea,
  .default-form .form-group select {
    position: relative;
    width: 100%;
    display: block;
    height: 60px;
    line-height: 30px;
    padding: 15px 20px; 
    font-size: 14px;
    color: #696969;
    background: #F0F5F7;
    border: 1px solid #F0F5F7;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all 300ms ease;
  }
  
  .default-form .form-group input[type="text"]:focus,
  .default-form .form-group input[type="email"]:focus,
  .default-form .form-group input[type="url"]:focus,
  .default-form .form-group select:focus,
  .default-form .form-group textarea:focus {
    border-color: #1967D2;
    background: #ffffff;
  }

  .default-form .form-group textarea {
    height: 160px;
    resize: none;
    padding-top: 15px;
  }
  
  .default-form .form-group input[type="submit"],
  .default-form .form-group > button {
    position: relative;
    display: inline-block;
    min-width: 160px;
  }
  
  .default-form input.error:focus,
  .default-form select.error:focus,
  .default-form textarea.error:focus {
    border-color: #ff0000;
  }
  
  .default-form label.error {
    display: block;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 24px;
    color: #ff0000;
    margin-bottom: 0;
  }
  
  .default-form .form-group > .icon {
    position: absolute;
    right: 20px;
    bottom: 0;
    color: #9fa9b8;
    font-size: 14px;
    line-height: 54px;
  }
  
  .default-form .form-group .rating {
    position: relative;
  }
  
  .default-form .form-group .rating a {
    position: relative;
    font-size: 13px;
    color: #999999;
  }
  
  .default-form .form-group .rating a:hover {
    color: #FFC78B;
  }
  
  #email-form .form-group:first-child {
    margin-bottom: 0;
  }
  
  #email-form .response {
    position: relative;
    text-align: center;
  }
  
  #email-form .response .success {
    background: #35c2a5;
    color: #ffffff;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  
  #email-form .response .failed {
    background-color: #f74848;
    color: #ffffff;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  
  #email-form .response .text-info {
    background-color: #ffa737;
    color: #222222 !important;
    padding: 0 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .chosen-container-multi .chosen-choices li.search-field input[type=text],
  .chosen-container-active .chosen-choices li.search-field input[type=text] {
    line-height: 60px !important;
    min-height: 60px !important;
  }
  
  .chosen-container-multi .chosen-choices,
  .chosen-container.chosen-with-drop .chosen-drop {
    background: #F0F5F7;
    min-height: 60px;
    line-height: 60px;
    border: 0 !important;
    border-radius: 8px;
  }
  
  .chosen-container-single .chosen-single {
    background: #F0F5F7;
    border: 0 !important;
    border-radius: 8px;
  }
  
  .chosen-container-single .chosen-search:before {
    display: none;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice {
    color: #1967d2;
    font-size: 13px;
    line-height: 25px;
    color: #1967D2;
    padding: 0 25px 0 10px;
    border-radius: 10px;
    background: rgba(25, 103, 210, 0.1);
  }
  
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 3px;
    color: #1967d2;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 15px;
  }
  
  .chosen-container-single .chosen-search input[type=text] {
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
  }
  
  /*==========================
  typography
  ============================*/
  .typography {
    position: relative;
  }
  
  .typography h5 {
    font-size: 16px;
    line-height: 22px;
    color: #202124;
    font-weight: 500;
    margin-bottom: 11px;
  }
  
  .typography p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  
  .list-style-four {
    position: relative;
  }
  
  .list-style-four li {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #696969;
    margin-bottom: 20px;
    padding-left: 30px;
  }
  
  .list-style-four li:before {
    position: absolute;
    left: 0;
    top: 3px;
    height: 18px;
    width: 18px;
    background: #696969;
    content: "\f00c";
    border-radius: 10px;
    color: #ffffff;
    font-size: 10px;
    line-height: 18px;
    font-weight: 900;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
  }

  .option-list {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .option-list li {
    position: relative;
    margin-left: 10px;
  }
  
  .option-list li button,
  .option-list li a {
    position: relative;
    display: block;
    background: rgba(25, 103, 210, 0.07);
    border-radius: 8px;
    height: 30px;
    width: 30px;
    font-size: 14px;
    color: #1967D2;
    line-height: 30px;
    text-align: center;
    transition: all 300ms ease;
  }
  
  .option-list li button:before,
  .option-list li a:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: 10px;
    background: #202124;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    content: attr(data-text);
    white-space: nowrap;
    padding: 5px 15px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
  }
  
  .option-list li button:after,
  .option-list li a:after {
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #202124;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .option-list li button:hover:after,
  .option-list li button:hover:before,
  .option-list li a:hover:after,
  .option-list li a:hover:before {
    opacity: 1;
    visibility: visible;
  }
  
  .option-list li button:hover,
  .option-list li a:hover {
    background: #1967D2;
    color: #ffffff;
  }
  
  .option-box .delete-btn {
    position: relative;
    display: block;
    font-size: 20px;
    color: #1967D2;
    font-weight: 400;
    margin-left: 40px;
  }
  
  .listing-filters .sort-by {
    margin-left: 30px;
  }
  
  .ls-section .sort-by.show-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .ls-section .sort-by.show-filters .chosen-select {
    width: auto;
  }
  
  .ls-switcher .sort-by {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .ls-switcher .sort-by .chosen-single {
    position: relative;
    height: 45px;
    padding: 10px 20px;
    font-size: 14px;
    color: #696969;
    line-height: 25px;
    background: #F0F5F7;
  }
  
  .ls-switcher .sort-by .chosen-container {
    margin-left: 10px;
  }
  
  .ls-switcher .sort-by .chosen-container-single .chosen-single div:after {
    color: #696969;
    content: "\2193";
    font-family: 'Flaticon';
    font-size: 16px;
    margin-top: 7px;
  }

  .ls-section .filter-block {
    position: relative;
    margin-bottom: 30px;
  }

  .ls-section .filter-block h4{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  
  
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    zoom: 1;
    *display: inline;
    
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    z-index: 990;
    width: 100%;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 18px;
    height: 61px;
    line-height: 66px;
    border: 1px solid #dbdbdb;
    border: 1px solid transparent;
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);*/
    background-color: #fff;
    color: #888;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    border-radius: 8px
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 4px 4px 0 0
}

.chosen-container-active .chosen-drop,
.chosen-container-single .chosen-drop {
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.chosen-container-active.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div:after {
    content: "\2193";
    font-size: 18px;
    margin: 15px 0 0 0;
    right: 20px;
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    color: silver;
    float: right;
    font-weight: 900;
    transition: transform .3s;
    transform: rotate(0deg)
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    transform: rotateX(180deg)
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 6px 20px 6px 6px;
    width: 100%;
    height: 40px;
    outline: 0;
    margin-bottom: 10px!important;
    border: 1px solid #ddd!important;
    background-color: #fbfbfb!important;
    display: block;
    position: relative;
    z-index: 9;
    background-color: #fafafa;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .04)
}

.chosen-container-single .chosen-search:before {
    content: "\f002";
    font-family: fontawesome;
    font-size: 15px;
    margin: 0 15px 0 0;
    top: 12px;
    position: relative;
    width: 11px;
    height: 5px;
    display: inline-block;
    color: #aaa;
    float: right;
    font-weight: 400;
    z-index: 10;
    transition: transform .3s
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #888;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 8px 0;
    padding: 0 4px 0 8px;
    max-height: 300px
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 9px 10px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container-multi .chosen-results li {
    padding: 10px 18px;
    transition: color .3s
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: transparent;
    border-radius: 0;
    color: #66676b;
    transition: color .2s ease-in-out
}

.chosen-container .chosen-results li.no-results {
    color: #888;
    display: list-item;
    background-color: #fff
}

.chosen-container-multi .chosen-results li.no-results {
    background-color: #fff
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 18px;
    height: auto;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    cursor: pointer;
    margin: 0;
    border-radius: 8px;
    
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-radius: 4px 4px 0 0
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 0;
    padding: 0;
    height: 49px;
    outline: 0;
    border: 0!important;
    background: 0 0!important;
    color: #888;
    line-height: normal;
    font-weight: 500;
    box-shadow: none;
    transition: none
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 10px 6px 0 -4px;
    padding: 0 25px 0 8px;
    max-width: 100%;
    background-color: #66676b;
    line-height: 29px;
    color: #fff;
    cursor: default;
    font-weight: 500;
    border-radius: 3px
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: -2px;
    right: 7px;
    display: block
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "";
    top: 1px;
    position: relative;
    width: 11px;
    height: 5px;
    display: inline-block;
    color: #fff;
    float: right;
    font-weight: 400
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #888
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container.chosen-container-multi .chosen-drop {
    opacity: 0;
    visibility: hidden;
    padding: 10px 0
}

.chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-drop {
    opacity: 1;
    visibility: visible
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #e0e0e0
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #888!important
}

.chosen-drop::-webkit-scrollbar {
    width: 10px
}

.chosen-drop::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 10px
}

.chosen-drop::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .2)
}

.chosen-drop::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .3)
}

.bi-plus-lg
{
    font-size: 16px !important;
}

  /****** JOB LISTING END ******/


/****** JOB DETAILS START ******/

.job-detail-section {
  position: relative;
}

.job-detail-section .upper-box {
  position: relative;
  background-image: url(../Media/img/background-images/bg-4.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0 80px;
}

.job-detail-section .job-block-outer {
  position: relative;
  margin-bottom: 30px;
}

.job-detail-section .other-options {
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px;
}

.job-detail-section .social-share {
  display: flex;
  align-items: center;
}

.job-detail-section .related-jobs {
  position: relative;
  margin-bottom: 50px;
}

.related-jobs .title-box {
  position: relative;
  margin-bottom: 28px;
}

.related-jobs .title-box h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #000000;
  margin-bottom: 10px;
}

.job-block-seven {
  position: relative;
}

.job-block-seven .inner-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.job-block-seven .content {
  position: relative;
  padding-left: 120px;
  min-height: 51px;
}

.job-block-seven.style-two .content {
  padding-left: 0;
}

.job-block-seven .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  transition: all 300ms ease;
}

.job-block-seven .company-logo img {
  display: block;
  width: 100%;
}

.job-block-seven h4 {
  position: relative;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3em;
  color: #202124;
  top: -3px;
  margin-bottom: 10px;
}

.job-block-seven h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.job-block-seven h4 a:hover {
  color: #1967D2;
}

.job-block-seven .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block-seven .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-right: 20px;
  margin-bottom: 3px;
}

.job-block-seven .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-seven .job-info li a {
  color: #696969;
}

.job-block-seven .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.job-block-seven .btn-box {
  position: relative;
  display: flex;
  align-items: center;
}

.job-block-seven .btn-box .theme-btn {
  min-width: 220px;
}

.job-block-seven .bookmark-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: var(--bluetone2);
  border-radius: 7px;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
}

.job-block-seven .bookmark-btn:hover {
  background: var(--bluetone2);
  color: #fff;
}

.job-block .inner-box {
  position: relative;
  padding: 32px 20px 22px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 300ms ease;
}

.job-block .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.job-detail-outer {
  position: relative;
  padding: 50px 0;
}

.job-detail-outer .map-outer {
  position: relative;
  margin-bottom: 50px;
}

.job-detail-outer .map-canvas {
  height: 350px;
}

.job-detail {
  position: relative;
  padding-right: 30px;
}

.job-detail h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 20px;
}

.job-detail p {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 26px;
}

.job-detail .image {
  position: relative;
  margin-bottom: 50px;
}

.job-detail .images-outer .image {
  margin-bottom: 30px;
  overflow: hidden;
}

.job-detail .images-outer .image img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}

.job-detail .images-outer .image a {
  position: relative;
  display: block;
}

.job-detail .images-outer .image a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #1967D2;
  line-height: 45px;
  color: #fff;
  text-align: center;
  content: "+";
  font-size: 30px;
  border-radius: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.job-detail .images-outer .image a:hover:before {
  opacity: 1;
  visibility: visible;
}

.job-detail .images-outer .image:hover a img {
  transform: scale(1.1);
}

.list-style-three {
  position: relative;
  margin-bottom: 50px;
}

.list-style-three li {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  padding-left: 20px;
  margin-bottom: 25px;
}

.list-style-three li:before {
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 4px;
  background: #202124;
  content: "";
}

.job-detail-section .other-options {
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px;
}

.other-options .tags a {
  position: relative;
  background: #F0F5F7;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 300ms ease;
}

.other-options .tags a:hover {
  background: #1967D2;
  color: #ffffff;
}

.social-share a.facebook {
  background: #3B5998;
}

.social-share a.twitter {
  background: #55ACEE;
}

.social-share a.google {
  background: #dd4b39;
}

.job-detail-section .social-share {
  display: flex;
  align-items: center;
}

.social-share h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-right: 20px;
}

.social-share a {
  padding: 10px 25px;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  background: #222222;
  border-radius: 8px;
  transition: all 300ms ease;
  margin: 5px 0;
  margin-right: 10px;
}

.sidebar-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all 300ms ease;
  z-index: 98;
  opacity: 0;
  visibility: hidden;
}

.user-sidebar .sidebar-inner {
  position: relative;
  padding: 60px 60px;
}

.user-sidebar .sidebar-header {
  position: relative;
  padding: 30px 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 230px;
  border-bottom: 1px solid #f1f3f7;
}

.user-sidebar .sidebar-header .user-image {
  position: relative;
  border-radius: 50%;
  height: 110px;
  width: 110px;
  border: 5px solid #dddee0;
  overflow: hidden;
  margin-bottom: 15px;
}

.user-sidebar .sidebar-header .user-image img {
  width: 100%;
  display: block;
}

.user-sidebar .sidebar-header .user-name {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: #1b2032;
  font-weight: 700;
}

.sidebar-widget .map-outer {
  margin-bottom: 50px;
}

.sidebar-widget .map-canvas {
  min-height: 250px;
}

.sidebar {
  position: relative;
}

.sidebar-widget {
  position: relative;
  padding: 30px 30px 30px;
  background: #F5F7FC;
  border-radius: 8px;
  margin-bottom: 40px;
}

.sidebar-widget .widget-title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 30px;
}

.sidebar .btn-box {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.sidebar .btn-box .theme-btn {
  width: 100%;
}

.sidebar .btn-box .bookmark-btn {
  display: flex;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  color: #1967D2;
  border-radius: 7px;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
  flex: 0 0 50px;
}

.sidebar .btn-box .bookmark-btn:hover {
  background: #1967D2;
  color: #fff;
}

.sidebar-widget.contact-widget .theme-btn {
  position: relative;
  display: block;
  width: 100%;
}

.sidebar-widget.contact-widget .form-group input,
.sidebar-widget.contact-widget .form-group select,
.sidebar-widget.contact-widget .form-group textarea {
  background-color: #fff;
  border: 1px solid #ECEDF2;
}

.sidebar-widget.contact-widget .form-group textarea {
  min-height: 160px;
  padding: 22px 20px;
}

.sidebar-title {
  position: relative;
  margin-bottom: 20px;
}

.sidebar-title h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
}

/*Search Box*/
.sidebar.pd-right {
  padding-right: 20px;
}

.sidebar .search-widget {
  position: relative;
}

.sidebar .search-box {
  position: relative;
}

.sidebar .search-box .form-group {
  position: relative;
  margin-bottom: 0;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 20px;
  padding: 20px 20px;
  padding-left: 54px;
  font-size: 15px;
  color: #696969;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 500ms ease;
}

.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus {
  border-color: #1967D2;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease;
}

.sidebar .search-box .form-group button:hover {
  color: #ffffff;
}

.sidebar .search-box .form-group .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  z-index: 1;
}

.sidebar-widget .widget-title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 30px;
}

.widget-title .chosen-single {
  position: relative;
  height: 45px;
  padding: 10px 20px;
  font-size: 14px;
  color: #696969;
  line-height: 25px;
  background: #F0F5F7;
}

.widget-title .chosen-container {
  margin-left: 20px;
}

.widget-title .chosen-container-single .chosen-single div:after {
  color: #696969;
  content: "\f17c";
  font-family: 'Flaticon';
  font-size: 10px;
}

.job-overview {
  position: relative;
}

.job-overview li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 30px;
}

.job-overview li i{
  color: #1967D2;
  font-size: 24px;
}

.job-overview .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

.job-overview h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
}

.job-overview span {
  font-size: 15px;
  line-height: 20px;
}

.job-skills {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.job-skills li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.job-skills li a {
  padding: 5px 20px;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  border-radius: 4px;
  background: #FFFFFF;
}

.company-widget {
  position: relative;
}

.company-widget .company-title {
  position: relative;
  padding-left: 78px;
  min-height: 60px;
  padding-top: 5px;
}

.company-widget .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.company-widget .company-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
}

.company-widget .profile-link {
  font-size: 14px;
  line-height: 19px;
  color: #1967D2;
}

.company-widget .company-link {
  position: relative;
  font-size: 13px;
  line-height: 15px;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 10px;
  background: rgba(25, 103, 210, 0.15);
  color: #1967D2;
}

.company-widget .company-info {
  position: relative;
  margin-top: 25px;
}

.company-widget .company-info li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #202124;
  margin-bottom: 19px;
}

.company-widget .company-info li span {
  font-size: 15px;
  line-height: 25px;
  text-align: right;
  color: #696969;
}

.company-widget .social-links {
  display: flex;
  align-items: center;
}

.company-widget .social-links a {
  font-size: 14px;
  line-height: 26px;
  color: #696969;
  margin-left: 17px;
  transition: all 300ms ease;
}

.company-widget .social-links a:hover {
  color: #BC91E8;
}

.company-widget .btn-box {
  position: relative;
  margin-bottom: 0px;
}

.company-widget .btn-box .theme-btn {
  display: block;
  width: 100%;
  background: rgba(25, 103, 210, 0.15);
  border-radius: 8px;
}

.company-widget .btn-box .theme-btn:hover {
  background: #1967d2;
}

/* Btn Style Three */
.btn-style-three {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #1967D2;
  background-color: #E2EAF8;
  font-size: 15px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 18px 35px 15px 35px;
}

.btn-style-three:hover {
  color: #FFFFFF;
  background-color: #1967D2;
}
/****** JOB DETAILS END ******/





  /* CSS CODE FROM INDEX.CSS */

div.row nav.pagination-nav
{
    width: auto;
    margin:auto;
    margin-top: 30px;
}

   .page-item {
    margin: 0 5px !important;
}
 .page-link { 
    color: #44A0C1;
}
.active .page-link {
    background-color: #44A0C1 !important;
    border: 1px solid #44A0C1;
    color: #FFFFFF;
}

.show-result {
    color: #71717A;
    font-size: 13px;
    text-align: center;
}

  .bg-color {
    background-color: var(--bluetone5);
}


/***** RESPONSIVNESS *****/

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

  .main-header .outer-box .btn-box .theme-btn{
		min-width: 100px;
		padding: 8px 20px;
		font-size: 14px;
	}

  .banner-section-eight .image-outer .image{
		margin-left: 100px;
	}

  .banner-section .content-column h3{
		font-size: 50px;
		line-height: 1.2em;
	}

  .dashboard .candidate-block-three .inner-box{
		flex-direction: column;
		align-items: flex-start;
	}

	.dashboard .upper-title-box{
		margin-bottom: 40px;
	}


	.user-sidebar .sidebar-inner{
		padding: 40px 30px;
	}

	.user-sidebar{
		width: 300px;
	}

	.user-sidebar .navigation li a{
		padding: 10px 25px;
	}


}


@media only screen and (max-width: 1366px){

  .sidebar.pd-right,
	.ls-section .filters-column .inner-column.pd-right{
		padding-right: 0;
	}

	.ls-section.map-layout .ls-outer{
		padding: 30px 15px;
	}

	.ls-section.map-layout .map-column {
		height: calc(100vh - 80px);
	}

  .sidebar.pd-right,
	.ls-section .filters-column .inner-column.pd-right{
		padding-right: 0;
	}

  .banner-section .content-column .inner-column{
		padding: 220px 0 50px;
	}

	.banner-section-two .content-column .inner-column{
		padding-top: 220px;
		padding-bottom: 40px;
	}

	.banner-section-three .content-column .inner-column{
		padding-top: 220px;
		padding-bottom: 40px;
	}

  .about-section .content-column .inner-column{
		padding-left: 0;
	}

  .banner-section-five .content-column .inner-column{
		padding: 220px 0 100px;
	}

  .banner-section-six .content-column .inner-column{
		padding-top: 130px;
		padding-bottom: 50px;
	}

  .about-section.style-two .content-column .inner-column{
		padding-left: 0;
	}

	.recruiter-section .content-column .inner-column{
		padding-left: 50px;
	}

	.steps-section .content-column .inner-column{
		padding-left: 0;
	}

	.steps-section .image-column .inner-column{
		padding-right: 0;
	}

  .job-section-six .content-column .inner-column{
		padding-left: 0;
		padding-top: 0;
	}

  .sidebar.pd-right,
	.ls-section .filters-column .inner-column.pd-right{
		padding-right: 0;
	}

  .job-search-form .form-group .icon{
		font-size: 20px;
	}

	.job-search-form .form-group.btn-box{
		text-align: left;
	}

	.job-search-form .form-group .theme-btn{
		display: inline-block;
		width: auto;
		min-width: 150px;
	}

	.job-search-form .ui-selectmenu-button.ui-button, 
	.job-search-form .form-group input, 
	.job-search-form .form-group select, 
	.job-search-form .form-group textarea {
		height: 50px;
		line-height: 20px;
		font-size: 14px;
		padding-left: 40px;
	}

	.job-search-form .form-group .theme-btn{
		height: 50px;
	}

  .banner-section-two .job-search-form .form-group .theme-btn{
		height: auto;
	}

	.job-search-form .form-group:last-child{
		text-align: left !important;
	}

  .top-filters .form-group{
		margin-right: 10px;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.job-search-form .form-group .icon{
		font-size: 20px;
	}

  .job-search-form .form-group .theme-btn{
		display: inline-block;
		width: auto;
		min-width: 150px;
	}

	.job-search-form .form-group .theme-btn{
		height: 50px;
	}

  .banner-section-two .job-search-form .form-group .theme-btn{
		height: auto;
	}

  .banner-section-seven .image-outer .image{
		margin-left: -50px;
	}

  .job-section-six .image-column .image{
		padding-right: 0;
	}

  .banner-style-two .image,
	.banner-style-one .image{
		right: -80px;
	}

	.banner-section-eight .content-column h3,
	.banner-section-six .content-column h3,
	.banner-section-seven .content-column h3,
	.banner-section-five .content-column h3,
	.banner-section-three .content-column h3,
	.banner-section-two .content-column h3,
	.banner-section .content-column h3{
		font-size: 40px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}

  .banner-section .content-column .inner-column{
		padding: 220px 0 50px;
	}

	.banner-section-two .content-column .inner-column{
		padding-top: 220px;
		padding-bottom: 40px;
	}

	.banner-section-three .content-column .inner-column{
		padding-top: 220px;
		padding-bottom: 40px;
	}

  .subscribe-section .sec-title .text br,
	.banner-section-five .content-column h3 br,
	.banner-section .content-column h3 br{
		display: none;
	}

  .ls-section.map-layout .ls-outer{
		padding: 30px 15px;
	}

  .news-block .lower-content .text{
		font-size: 15px;
		line-height: 24px;
	}

  .subscribe-section .sec-title .text br,
	.banner-section-five .content-column h3 br,
	.banner-section .content-column h3 br{
		display: none;
	}

	.job-block h4{
		font-size: 16px;
	}

  .testimonial-block .inner-box{
		padding: 30px 30px;
	}

  .banner-style-two .inner-box,
	.banner-style-one .inner-box{
		overflow: hidden;
	}

  .contact-block .inner-box{
		text-align: center;
	}

  .banner-style-two .content,
	.banner-style-one .content{
		padding-right: 100px;
	}

  .candidate-block-six .content{
		flex-direction: column;
		align-items: center;
	}

  .contact-section .upper-box{
		padding: 50px 30px 20px;
	}

  .job-block-seven .inner-box{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.job-block-seven.style-three .inner-box{
		align-items: center;
		justify-content: center;
	}

	.job-block-seven .btn-box{
		margin-top: 30px;
	}

	.job-block-seven.style-three .btn-box{
		margin-top: 0;
	}

  .job-detail{
		padding-right: 0;
	}

  .user-sidebar{
		z-index: 99;
		padding-top: 0;
	}

  .blog-sidebar{
		margin-left: 0;
	}

	.sidebar.pd-right,
	.ls-section .filters-column .inner-column.pd-right{
		padding-right: 0;
	}

  .user-sidebar{
		transform: translateX(-100%);
	}

	.user-sidebar-active .sidebar-backdrop{
		opacity: 1;
		visibility: visible;
	}

  .mobile-header,
	.mm-add-listing,
	#toggle-user-sidebar,
	.nav-outer .mobile-nav-toggler{
		display: block;
	}

	.job-overview-two li{
		flex: 0 0 50%;
	}

  .banner-carousel.default-nav .owl-nav,
	.main-header .outer-box .btn-box{
		display: none;
	}


}




@media only screen and (max-width: 1023px){

	.ls-section .content-column{
		margin-bottom: 50px;
	}

	.ls-section.map-layout .map-column{
		position: relative;
		height: 600px;
		width: 100%;
	}

	.ls-section.map-layout .content-column{
		position: relative;
		height: auto;
		width: 100%;
	}

	.ls-section.map-layout .ls-cotainer{
		flex-direction: column;
	}

	.app-section .content-column .inner-column{
		text-align: center;
		padding-left: 0;
		padding-top: 0;
	}

	.banner-section-seven .content-column .inner-column{
		padding-top: 140px;
		padding-bottom: 30px;
	}

  .about-section-two .content-column .inner-column{
		padding-left: 0;
		padding-right: 0;
	}

  .about-section-two.style-two .content-column .inner-column{
		padding-left: 0;
		padding-top: 0;
	}

  .banner-section-eight .content-column .inner-column{
		padding: 220px 0 50px;
	}

  .product-details .info-column .inner-column{
		padding-left: 0;
	}

  .job-search-form .form-group{
		border-radius: 0;
	}

	.job-search-form .form-group:last-child{
		padding-top: 10px;
		padding-bottom: 0;
		border-bottom: 0;
	}

  .job-search-form .form-group{
		border: 0;
		margin-bottom: 20px;
	}

	.job-search-form .ui-selectmenu-button.ui-button,
	.job-search-form .form-group input, 
	.job-search-form .form-group select, 
	.job-search-form .form-group textarea{
		line-height: 20px;
		padding: 25px 0;
		padding-left: 70px;
		border-radius: 5px;
		height: 70px;
		background-color: #ffffff;
		box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
		border-radius: 8px;
	}

  .job-search-form .form-group .icon{
		font-size: 20px;
		left: 35px;
	}

  .banner-section-two .job-search-form .form-group .theme-btn{
		height: 60px;
	}

  .job-search-form-two .form-group{
		margin-bottom: 20px;
	}

	.job-search-form-two .form-group:last-child{
		margin-bottom: 0;
	}

	.job-search-form-two .form-group .icon{
		right: 30px;
	}

	.banner-section-four .job-search-form{
		max-width: 100%;
	}

	.job-search-form .form-group:first-child{
		border: 0;
	}

  .banner-section-four .job-search-form .form-group .theme-btn{
		width: 100%;
		border-radius: 8px;
		margin-top: 0;
	}

  .banner-section-nine .job-search-form .form-group label{
		display: none;
	}

	.job-search-form .form-group .theme-btn{
		display: block;
		width: 100%;
	}

  .listing-maps.style-two .form-outer .form-group{
		background: none;
	}

	.bd-highlight .info{
		font-size: 13px;
	}

  .job-search-form .form-group .icon{
		font-size: 20px;
		left: 35px;
	}

  .job-search-form-two .form-group .icon{
		right: 30px;
	}

	.banner-section .popular-searches .title{
		color: #202124;
	}

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

  .banner-section-two .job-search-form .form-group .theme-btn{
		height: 60px;
	}

  .banner-section-four .job-search-form .form-group .theme-btn{
		width: 100%;
		border-radius: 8px;
		margin-top: 0;
	}

	.banner-section-six .image-column,
	.job-block-five .job-other-info,
	.job-block-five .inner-box .theme-btn{
		display: none;
	}

  .job-search-form .form-group .theme-btn{
		display: block;
		width: 100%;
	}

	.news-block-two .image-box img{
		width: 100%;
	}

	.news-block-two .image-box .image{
		min-width: 100%;
	}

  .job-detail-section .content-column{
		margin-left: 0;
	}

  .job-detail-section .content-column{
		order: 0;
	}

	.ls-section .content-column{
		margin-bottom: 50px;
	}

	.ls-section.map-layout .map-column{
		position: relative;
		height: 600px;
		width: 100%;
	}

	.ls-section.map-layout .content-column{
		position: relative;
		height: auto;
		width: 100%;
	}

  .candidate-detail-outer .content-column{
		order: 0;
	}

  .testimonial-block-three .text{
		margin-bottom: 30px;
	}

  .banner-section-six .image-column,
	.job-block-five .job-other-info,
	.job-block-five .inner-box .theme-btn{
		display: none;
	}

	.job-block-five .inner-box{
		padding-right: 32px;
	}

	.job-block-five .job-info{
		margin-bottom: 0;
	}

  .job-block-seven .inner-box{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.job-block-seven.style-three .inner-box{
		align-items: center;
		justify-content: center;
	}

	.job-block-seven .btn-box{
		margin-top: 30px;
	}

	.job-block-seven.style-three .btn-box{
		margin-top: 0;
	}

  .testimonial-block-three .inner-box{
		padding-top: 0;
	}

  .banner-section-six .image-column,
	.job-block-five .job-other-info,
	.job-block-five .inner-box .theme-btn{
		display: none;
	}

	.job-block-five .inner-box{
		padding-right: 32px;
	}

	.job-block-five .job-info{
		margin-bottom: 0;
	}

	.call-to-action-two{
		padding: 100px 0 100px;
	}

	.news-block-two .inner-box{
		display: block;
		flex-direction: column;
	}

  .job-block-seven .inner-box{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.job-block-seven.style-three .inner-box{
		align-items: center;
		justify-content: center;
	}

	.job-block-five .job-info{
		margin-bottom: 0;
	}

  .banner-section-six .image-column,
	.job-block-five .job-other-info,
	.job-block-five .inner-box .theme-btn{
		display: none;
	}

  .invoice-section .upper-box{
		margin-bottom: 30px;
	}

  .candidate-detail-section.style-three .job-detail{
		padding-left: 0;
	}

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


}


@media only screen 
and (max-width:991px)
{
	.ls-section div.filters-column div.call-to-action-four
	{
		margin-bottom: 20px;
		
	}
}


  @media only screen and (max-width: 767px){

    .sec-title-outer{
      flex-direction: column;
      align-items: flex-start;
    }
    
    .sec-title-outer .select-box-outer,
    .sec-title-outer .select-box-outer select{
      width: 100%;
    }
    
    .ls-section,
    .call-to-action-two,
    .candidates-section,
    .blog-single,
    .products-section,
    .sidebar-page-container,
    .contact-section,
    .testimonial-section,
    .job-section{
      padding: 50px 0;
    }
  
    .recruiter-section .content-column .inner-column{
      padding: 0 15px;
    }
  
    .banner-section-eight .job-search-form .form-group .theme-btn{
      display: block;
      width: 100%;
    }

    .banner-section-eight .job-search-form .form-group .theme-btn{
      display: block;
      width: 100%;
    }

    .candidate-block-three .image{
      position: relative;
      margin: 0 0 20px;
    }

    .candidate-block-five .image{
      position: relative;
      margin: 0 0 20px;
    }

    .recruiter-section .content-column,
    .jobseeker-section .content-column{
      padding: 50px 0;
      width: 100%;
      text-align: center;
    }
  
    .recruiter-section .content-column .sec-title,
    .jobseeker-section .content-column .sec-title{
      max-width: 100%;
    }
  
    .recruiter-section .content-column .inner-column{
      padding: 0 15px;
    }

    .sec-title .text{
      font-size: 14px;
    }  

    .job-block-two .inner-box{
      flex-direction: column;
    }
  
    .job-block-two .job-other-info{
      padding-left: 80px;
    }

    .job-block-two .inner-box{
      flex-direction: column;
    }  
  
    .company-block-three .inner-box{
      padding-left: 20px;
    }
  
    .candidate-block-three .inner-box .content{
      padding-left: 0;
    }
  
    .candidate-block-three .image{
      position: relative;
      margin: 0 0 20px;
    }
  
    .candidate-block-three .bookmark-btn{
      display: none;
    }
  
    .candidate-block-three .inner-box{
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
    }
  
    .candidate-block-three .inner-box .btn-box{
      margin-top: 10px;
    }
  
    .candidate-block-three .post-tags li{
      margin-bottom: 10px;
    }
  
    .candidate-block-five .inner-box{
      flex-direction: column;
      align-items: flex-start;
    }
  
    .candidate-block-five .inner-box .btn-box{
      margin-top: 20px;
    }
  
    .candidate-block-five .inner-box .content{
      padding-left: 0;
    }
  
    .company-block-three .content{
      padding-left: 0;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .company-block-three .company-logo{
      position: relative;
      display: block;
      margin-bottom: 10px;
    }
  
    .company-block-three .inner-box{
      padding-left: 20px;
    }
  
    .candidate-block-three .inner-box .content{
      padding-left: 0;
    }

    .candidate-block-five .inner-box .content{
      padding-left: 0;
    }
  
    .company-block-three .company-logo{
      position: relative;
      display: block;
      margin-bottom: 10px;
    }

    .job-block-two .job-other-info{
      padding-left: 80px;
    }

    .candidate-block-three .bookmark-btn{
      display: none;
    }

    .blog-single .upper-box h3{
      font-size: 24px;
      line-height: 1.3em;
    }
  
    .blockquote-style-one{
      padding: 20px 30px;
    }
  
    .contact-section .upper-box{
      margin-top: 0;
    }
  
    }
    

@media only screen and (max-width: 599px){
	.auto-container{
		padding: 0 20px;
	}

  .sec-title-outer{
		flex-direction: column;
		align-items: flex-start;
	}

	.sec-title-outer .link{
		display: none;
	}

  .ls-section .show-filters .toggle-filters{
		margin-right: 0;
	}

  .banner-section .content-column .inner-column{
		padding-bottom: 20px;
	}

  .about-section.style-two .image-column .inner-column{
		padding-right: 0;
	}

	.job-search-form .chosen-container-single .chosen-single,
	.job-search-form .ui-selectmenu-button.ui-button,
	.job-search-form .form-group input, 
	.job-search-form .form-group select, 
	.job-search-form .form-group textarea{
		padding-left: 50px;
	}


	.job-search-form .form-group .icon{
		left: 27px;
	}

  .job-search-form .form-group .theme-btn{
		display: block;
		width: 100%;
		border-radius: 5px !important;
	}

	.subscribe-form .form-group input[type="text"], 
	.subscribe-form .form-group input[type="email"]{
		position: relative;
	}


  .cart-section .apply-coupon .input,
	.cart-section .apply-coupon .theme-btn,
	.cart-section .apply-coupon .form-group{
		margin-right: 0;
		width: 100%;
		margin-left: 0;
	}

  .search-box-one .form-group input[type="text"],
	.search-box-one .form-group input[type="search"]{
		width: 100%;
	}


	.top-filters{
		flex-direction: column;
		width: 100%;
	}

	.top-filters .form-group{
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}

  .job-search-form .form-group .icon{
		left: 27px;
	}

	.banner-section:before{
		background-image: url(../images/icons/shape-4.png);
		height: auto;
		bottom: 0;
		top: -60px;
	}

  .play-btn .icon{
		transform: scale(.7);
	}

  .job-block-seven .job-info li .icon{
		font-size: 16px;
	}

  .video-box .image .icon{
		transform: scale(.7) translate(-60%,-60%);
	}


  .ls-switcher{
		flex-direction: column;
	}


  .banner-section-four .popular-searches .title{
		display: block;
		margin-right: 0;
	}

  .banner-section-two .popular-searches .title,
	.banner-section .popular-searches .title{
		display: block;
	}

  .resume-block .title-box{
		flex-direction: column;
	}

  .job-search-form .form-group .theme-btn{
		display: block;
		width: 100%;
		border-radius: 5px !important;
	}

  .call-to-action-two .theme-btn{
		min-width: 200px;
	}

  .candidate-block-two .theme-btn{
		margin-top: 10px;
	}

  .company-block-two .theme-btn{
		margin-top: 10px;
	}


	.banner-style-one .theme-btn,
	.banner-style-two .theme-btn{
		min-width: 100%;
	}

	.cart-section .apply-coupon .input,
	.cart-section .apply-coupon .theme-btn,
	.cart-section .apply-coupon .form-group{
		margin-right: 0;
		width: 100%;
		margin-left: 0;
	}

  .candidate-block-two .image{
		position: relative;
		margin-bottom: 0;
		display: inline-block;
	}

  .company-block-two .image{
		position: relative;
		margin-bottom: 10px;
	}

  .banner-style-two .image, 
	.banner-style-one .image{
		position: relative;
		left: 0;
		right: 0;
		margin: 20px 0 -30px;
	}

  .banner-section .content-column .inner-column{
		padding-bottom: 20px;
	}

	.banner-section-nine h3 br,
	.banner-section-ten h3 br,
	.banner-section-eight .content-column h3 br,
	.banner-section-seven .content-column h3 br,
	.banner-section-six .content-column h3 br,
	.banner-section-three .content-column h3 br,
	.banner-section-two .content-column h3 br,
	.banner-section .content-column h3 br{
		display: none;
	}

	.banner-section-four h3,
	.banner-section-nine h3,
	.banner-section-ten h3,
	.banner-section-eight .content-column h3,
	.banner-section-seven .content-column h3,
	.banner-section-six .content-column h3,
	.banner-section-five .content-column h3,
	.banner-section-three .content-column h3,
	.banner-section-two .content-column h3,
	.banner-section .content-column h3{
		font-size: 26px;
		margin-bottom: 6px;
	}

  .category-block .text{
		font-size: 14px;
	}

  .uploading-outer .text{
		margin-top: 20px;
	}

  .job-block{
		margin-bottom: 20px;
	}

	.job-block .inner-box{
		padding: 20px 20px;
	}

	.job-block .content{
		padding-top: 2px;
		padding-left: 70px;
	}

	.job-block h4{
		line-height: 1.4em;
	}

	.job-block-two .job-info li:nth-child(2),
	.job-block-two .job-info li:first-child,
	.job-block .job-info li:nth-child(2),
	.job-block .job-info li:first-child{
		display: block;
	}

	.job-block-two .job-info li,
	.job-block .job-info li{
		display: none;
	}

  
	.job-block .job-other-info{
		margin-top: 20px;
		margin-left: -70px;
	}

	.job-block-two .bookmark-btn,
	.job-block .bookmark-btn{
		display: none;
	}

	.job-block-two .job-other-info{
		padding-left: 0;
	}

	.banner-section-two .count-employers{
		display: none;
	}

	.job-block-two .inner-box{
		padding: 20px 20px;
	}

	.job-block-two .job-other-info{
		flex-wrap: wrap;
	}

  .job-block-five .inner-box{
		padding: 20px 20px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.job-block-five .content{
		padding: 0;
	}

	.job-block-five .company-logo{
		position: relative;
		display: inline-block;
		width: 50px;
		margin-bottom: 10px;
	}

	.job-block-five h4{
		font-size: 15px;
		line-height: 1.4em;
	}

	.job-block-five .job-other-info{
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}

  .job-section-six .job-block-five .content{
		padding-left: 0;
	}

	.fun-fact-section .count-box{
		font-size: 38px;
	}

	.ls-switcher{
		flex-direction: column;
	}

	.job-block-seven .job-info li .icon{
		font-size: 16px;
	}

	.social-share h5{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.job-detail-section .social-share{
		flex-wrap: wrap;
	}

	.job-detail-section .social-share a{
		margin-bottom: 10px;
	}

	.job-block-seven .content{
		padding-left: 0;
	}

	.job-block-seven .inner-box{
		align-items: flex-start;
	}

	.job-block-seven .company-logo{
		position: relative;
		display: block;
		width: auto;
		margin-bottom: 20px;
	}

	.job-block-seven .company-logo img{
		width: auto;
	}

	.job-overview-two li {
		flex: 0 0 100%;
	}

	.job-block-seven.style-three .inner-box{
		text-align: center;
	}

	.job-block-seven.style-three .job-other-info{
		justify-content: center;
	}

	.job-block .inner-box{
		padding: 20px 20px;
	}

  .job-block-two .inner-box{
		padding: 20px 20px;
	}

  .pricing-table .inner-box{
		padding: 30px 30px;
	}

  .job-block-five .inner-box{
		padding: 20px 20px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

  .candidate-block-two .inner-box{
		flex-direction: column;
	}

  .advrtise-block .inner-box{
		padding: 50px 20px;
	}

  .company-block-two .inner-box{
		flex-direction: column;
	}

	.company-block-two .inner-box .content{
		padding-left: 0;
		text-align: center;
	}

  .banner-style-two .inner-box,
	.banner-style-one .inner-box{
		padding: 30px;
	}

  .job-block-seven .inner-box{
		align-items: flex-start;
	}

	.job-block-seven .company-logo{
		position: relative;
		display: block;
		width: auto;
		margin-bottom: 20px;
	}

	.job-block-seven .company-logo img{
		width: auto;
	}

	.job-overview-two li {
		flex: 0 0 100%;
	}

	.job-block-seven.style-three .inner-box{
		text-align: center;
	}

	.job-block .content{
		padding-top: 2px;
		padding-left: 70px;
	}

  .job-block-five .content{
		padding: 0;
	}

  .company-block-two .inner-box .content{
		padding-left: 0;
		text-align: center;
	}

  .banner-style-two .content, 
	.banner-style-one .content{
		padding: 0;
		text-align: center;
	}

  .job-section-six .job-block-five .content{
		padding-left: 0;
	}

  .job-block-seven .content{
		padding-left: 0;
	}

  .prod-tabs .content .list-style-two li,
	.blog-single .list-style-four li{
		width: 100%;
		flex: 0 0 100%;
	}

  .job-block-five .company-logo{
		position: relative;
		display: inline-block;
		width: 50px;
		margin-bottom: 10px;
	}

  .job-block-seven .company-logo{
		position: relative;
		display: block;
		width: auto;
		margin-bottom: 20px;
	}

	.job-block-seven .company-logo img{
		width: auto;
	}

  .job-block-seven .job-info li .icon{
		font-size: 16px;
	}

  .job-block .job-other-info{
		margin-top: 20px;
		margin-left: -70px;
	}

  .job-block-two .job-other-info{
		padding-left: 0;
	}

	.banner-section-two .count-employers{
		display: none;
	}

	.job-block-two .inner-box{
		padding: 20px 20px;
	}

	.job-block-two .job-other-info{
		flex-wrap: wrap;
	}

	.job-other-info li{
		margin-right: 10px;
	}

  .job-block-five .job-other-info{
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}

  .job-block-seven.style-three .job-other-info{
		justify-content: center;
	}

	.job-block-two .bookmark-btn,
	.job-block .bookmark-btn{
		display: none;
	}

  .dashboard .upper-title-box h3,
	.order-confirmation .upper-box h4,
	.product-details .basic-details .product-name{
		font-size: 24px;
		line-height: 1.3em;
	}

  .job-block-seven .job-info li .icon{
		font-size: 16px;
	}

  .job-block-seven .content{
		padding-left: 0;
	}

	.job-block-seven .inner-box{
		align-items: flex-start;
	}

	.job-block-seven .company-logo{
		position: relative;
		display: block;
		width: auto;
		margin-bottom: 20px;
	}

	.job-block-seven .company-logo img{
		width: auto;
	}

	.job-overview-two li {
		flex: 0 0 100%;
	}

	.job-block-seven.style-three .inner-box{
		text-align: center;
	}

	.job-block-seven.style-three .job-other-info{
		justify-content: center;
	}

  .resume-block .title-box{
		flex-direction: column;
	}

  .dashboard .upper-title-box h3,
	.order-confirmation .upper-box h4,
	.product-details .basic-details .product-name{
		font-size: 24px;
		line-height: 1.3em;
	}

	.dashboard .upper-title-box h3{
		margin-bottom: 5px;
	}

	.widget-title .chosen-container,
	.dashboard .candidate-block-three .option-box{
		margin-left: 0;
	}

	.widget-title .chosen-container{
		margin-right: 20px;
		margin-top: 10px;
	}

	.ls-widget .widget-title{
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
	}

	.graph-widget{
		overflow: auto;
	}

	.graph-widget .widget-content{
		min-width: 500px;
	}

	.dashboard .dashboard-outer{
		padding: 40px 15px 0;
	}

	.ls-widget .widget-title{
		padding: 20px 20px 20px;
	}

  .ls-widget .widget-title .chosen-outer{
		flex-wrap: wrap;
	}

	.ls-widget .widget-title .search-box-one{
		margin-top: 10px;
	}

  /* .main-footer.style-two .links-widget .widget-content{
		flex-direction: column;
	} */

  .graph-widget .widget-content{
		min-width: 500px;
	}

	.dashboard .dashboard-outer{
		padding: 40px 15px 0;
	}

	.ls-widget .widget-title{
		padding: 20px 20px 20px;
	}

	.ls-widget .widget-content{
		padding: 0 20px 10px;
	}

  .job-overview-two li {
		flex: 0 0 100%;
	}

}


@media only screen and (max-width: 479px){
	.ls-section .filters-outer{
		padding: 30px 20px 10px;
	}	

  .candidate-block-three .inner-box{
		padding: 20px 20px 20px;
	}

}


/***** RESPONSIVNESS ENDS *****/


@media (max-width: 768px) {
    .pagination-top {
        display: none;
    }
    .show-result {
        display: none;
    }

}