@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* facility classes */
.clicked {
  transform: rotate(180deg);
}

.hasVisibility {
  display: 'block';
}

/*--------------- MOBILE VERSION START (max-width: 768px) -------------------*/


@media screen and (max-width: 767px) {
    /* mobile navigation */
    .menu-container {
      width: 100%;
      height: 100vh;
      background-color: #ffff;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .menu-header {
      max-width: 100%;
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      align-items: center;
      justify-content: space-between;
      padding: 3em 4em;
    }

    #close {
      margin-top: 1.5em;
    }
    .menu-items {
      margin: 2em auto;
      width: 75%;
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      flex-flow: column;
      align-items: center;
      justify-content: space-between;
    }
    .vertical-menu {
      list-style: none;
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      flex-flow: column;
      align-items: center;
      align-content: center;
      justify-content: space-between;
      padding: 0;
    }
    .vertical-menu-item {
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      align-items: center;
      justify-content: space-between;
      width: 231px;
      height: 66px;
      border-radius: 7px;
      margin-bottom: 2em;
      background-color: #f2f1f1;
      padding: 0 1.5em;
      font-size: 22px;
    }
    .vertical-menu-item:nth-of-type(3) {
        margin-bottom: 1em;
    }
    .vertical-menu-item a {
        text-decoration: none;
        color: #01468a;
        font-family: 'Montserrat';
        font-weight: 700;
    }
    .vertical-menu-item:hover, .vertical-menu-item a:hover {
        text-decoration: none;
    }
    #aboutus, #contactus {
        text-decoration: none;
    }
    #aboutus {
        color: #01468a;
        font-family: Montserrat;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 2em;
    }
    #contactus {
        color: #01468a;
        font-family: Montserrat;
        font-size: 1.2em;
        font-weight: 700;
    }
    .menu-footer {
        position: fixed;
        bottom: 3em;
        width: 100%;
        text-align: center;
    }
    .menu-footer a {
        text-decoration: none;
        font-family: 'Montserrat';
        font-size: 1.2em;
        font-weight: 500;
    }

  /* view more link */
  .viremorebutton > a {
    color: #01468a!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
        margin-right: 25px;
  }
  .viremorebutton > a > span {
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/Arrow_Up_Right.svg) center no-repeat;
    background-size: contain;
    width: 24px;
    height: 12px;
    display: block;
    margin-left: .5em;
  }  
  /* buttons not present */
  #gotobottom{
    display: none!important;
  }

  #layout-wrapper {
 
    overflow-y: auto!important;
    max-width: 100vw!important;
    overflow-x: hidden!important;
}
  

  .covid-banner {
    width: 100%;
    max-width: 100%;
    background-color: #fdf200;
    font-family: 'Open Sans';
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .5em 2em;
/*    position: absolute;*/
    z-index: 999;
    padding-top: 6px;
  }
  
  .covid-banner .covid-hub {
   /* padding-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 100%;
    margin: 1em auto;*/
  }
  
  .covid-banner .covid-hub .covid-title {
    font-weight: 600;
    font-size: 1em;
    color: #1e266d;
    -ms-grid-column-align: center;
        justify-self: center;
  }
  
  .covid-banner .covid-hub .covid-descr {
    font-size: .8em;
    font-weight: 400;
    color: #455880;
    line-height: 2em;
    padding-right: 2em;
    margin-bottom: 1em;
  }
  
  .covid-banner .covid-hub img {
    /*position: absolute;
    top: 1em;
    right: 2em;
    cursor: pointer;*/
  }

  #layout-navigation {
  	position: fixed!important;
  	top: 0!important;
  	width: 100vw!important;
  	z-index: 200!important;
  	border: none!important;
    -webkit-box-shadow: 0px 5px 4px -3px #eef1f4!important;
      box-shadow: 0px 5px 4px -3px #eef1f4!important;
  }
  
  /* Header mobile version */
  header {
    height: auto;
  }

  header > .navcustom {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    align-items:center;
    align-content: center;
    padding: 1em;
  }

  header > .navcustom > .double-row {
    /* display: none; */
  }

  /* HOME PAGE content mobile version */

  #layout-main {
    position: relative;
    top: 7.5em;
  }
  .zone {
    padding: 0!important;
  }
 

  /* Slider containing main banner */
  #slide-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  
  }

  /* excluding unnecessary slides */
  #slide-container > .slide:nth-of-type(1), #slide-container > .slide:nth-of-type(2) {
    display: none!important;
  }

  #slide-container > .slide:nth-of-type(3) > img {
    display: none;
  }

  .slider_contain {
    width: 100%;
    background-image: url('https://dspazcms2.blob.core.windows.net/media/Default/images/banner_bg_home.svg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-origin: border-box;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-content: center;
    align-items: center;
    padding-bottom: 14em;
  }

  .slider_contain_color1 {
    color: #fff!important;
    font-family: 'Montserrat';
  }

  .bannerText {
    padding: 1em 3em!important;
}

  .bannerText #text {
    font-size: 14px!important;
  }

  .bannerText p {
    color: #ffffff!important;
    font-family: 'Montserrat'!important;
    /*font-size: 1.7em!important;
    font-weight: 500!important;
    line-height: 1.2em!important;
    margin-bottom: .5em!important;*/
  }
/*
  #slide-container + .container {
    width: 100%!important;
    margin: 0 auto!important;
  }*/
#jobseekerSearchBox {
    margin: -2.5em auto;
    margin-bottom: 2em;
}
  .searchBox {
    margin: -13em auto!important;
    width: 100%!important;
  }

  form#contact {   
    border-radius: 18px;
     box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
    background-color: #ffffff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
  }
  
  form#contact > fieldset {
    margin: 0 auto;
  }
  
  form#contact > h3 {
    text-align: center;
    color: #01468a;
    font-family: "Open Sans";
    font-size: 26px!important;
    font-weight: 600;
    margin: 1em auto;
        display: table;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 38px;
  }

  form#contact > fieldset {
    margin: 0 auto;
    padding: 0 .5em!important;
  }

  form#contact > fieldset > .search-home {
    margin: 0 auto!important;
    padding: 0!important;
  }

  form#contact > fieldset > .search-home > span {
    color: #01468a;
    font-family: "Open Sans";
    margin-left: 1.2em;
    font-weight: normal;
    font-size: 18px;
  }

  form#contact > fieldset > .search-home > input, form#contact > fieldset > .search-home > select {
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 50px;
    background-color: #ffffff;
    margin-bottom: 1em;
     padding: 1.2em!important;
    font-size: 18px;
  /* border: 1px solid rgba(135, 146, 161, 0.16)!important;*/
    
  }

  form#contact > fieldset > .search-home > select {
    -webkit-appearance: none!important; 
    background: #ffff url('https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_src.svg') no-repeat 90%!important;
  }
  
  form#contact > fieldset > .one {
    margin: 0 auto!important;
    text-align: center!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    align-content: center;
  }

  #contact > fieldset > div.one.columns.search-home > a.button {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;  
    border-radius: 50px!important;
    background-image: linear-gradient(#136dc6, #023971)!important;
    font-size: 18px;
    padding: 1em 6em!important;
    margin-top: 1em;
  }

  #contact > fieldset > div.one.columns.search-home > a.button > span {
    position: absolute!important;
    right: 2em;
    width: 24px;
    height: 12px;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat;
    top: 26px;
  }
  
  #contact > fieldset > div.one.columns.search-home > a.button:before {
    content: 'Search';
    position: absolute;
    text-align: center;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-family: "Open Sans";
    left: 0 ;
        top: 12px;
    
  }

  .searchBox + h3 {
    position: relative!important;
    margin-top: 8em!important;
    margin-bottom:-2em!important;
    color: #01468a;
    line-height: 1.2em;
    font-family: "Open Sans";
    font-size: 22px;
    padding: 0 3em;
    font-weight: 600;
  }

  /* .row override for TopJobs container */
  
  .topjobs {
  /* box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;*/
    box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
    border-radius: 18px!important;
    background-color: #ffffff!important;
    width: 100%!important;
    margin: 0 auto!important;
    padding: 1em 0!important;
  } 

  /* topjobs title */

   #content > div > article > div > div:nth-child(3) > div > .m-ctaCreateProfile__block {
    color: #185677!important;
    font-family: 'Montserrat'!important;
    font-size: 24px!important;
    font-weight: 600!important;
  } 

  /* topjobs container */

  #content > div > article > div > div:nth-child(3) > div > div.topjobs {
    margin-top: 1em;
    padding: 0 2em;
  }

  /* nojobs section */

  .topjobPosts > .noJobsToday {
    padding: 2em;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: space-around;
  }

  .topjobPosts > .noJobsToday > p {
    margin-bottom: 0;
    color: #185677!important;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
  }
  
  /* topjobs list */
  #content > div > article > div > div:nth-child(3) > div > div.topjobs > div > ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
  }

  #content > div > article > div > div:nth-child(3) > div > div.topjobs > div > ul > li {
    width: 100%;
    display: grid;
     display: -ms-grid;
    grid-template-columns: 1fr 3fr;
    align-content: center;
    box-shadow: 0 -5px 5px rgba(51, 51, 51, 0.04), 0 5px 4px rgba(51, 51, 51, 0.05);
    border-radius: 20px;
    background-color: #ffffff;
    margin: 1em auto;
    padding: .5em 1em;
  }

  ul.topjobslist > li > img {
    width: 53px;
    height: 53px;
    place-self: center;
  }
  ul.topjobslist > li > h3 {
    font-family: "Open Sans";
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 20px!important;
    align-self: center;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  ul.topjobslist > li > h6 {
    grid-column-start: 2!important;
    grid-column-end: 3!important;
    color: #4f4f4f!important;
    font-family: "Open Sans"!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 20px!important;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: lowercase;
  }

  ul.topjobslist

  /* employer section */

  #content > div > article > div > section:nth-child(4) {
    padding: 0!important;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    width: 75%;
    margin: 2em auto!important;
  }

  #content > div > article > div > section:nth-child(4) > .m-ctaCreateProfile {
    border-radius: 20px!important;
    width: 100%!important;
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column!important;
    align-items: center!important;
    align-content: center!important;
    padding: .5em!important;
    background: #f8f8fa url('https://dspazcms2.blob.core.windows.net/media/Default/images/employers_ellipse.svg') no-repeat;
    background-size: auto;
    box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
  }

  /* inner section text container */
  #content > div > article > div > section:nth-child(4) > div > div {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    width: 100%;
  }

  #content > div > article > div > section:nth-child(4) > div > div > div:nth-child(1) > a > div > p:nth-child(1) {
    color: #01468a;
    font-family: "Open Sans";
   font-size: 25px !important;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 1em;
  }

  #content > div > article > div > section:nth-child(4) > div > div > div:nth-child(1) > a > div > p:nth-child(2) {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 16px ;
    font-weight: 600;
    text-align: center;
  }

  #content > div > article > div > section:nth-child(4) > div > div > div:nth-child(3) {
       text-align: right;
    padding: 35px 0px 22px 10px;
    margin-top: -2em;
  }

  #content > div > article > div > section:nth-child(4) > div > div > div:nth-child(3) > a {
  /*  padding: 1.5em 2.65em;*/
    border-radius: 50px;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
      border: 0px !important;
  }
  
  /* employers section */
  #content > div > article > div > section:nth-child(5) {
    margin: 35px auto !important;
   /* padding: 0!important;*/
  }

  #content > div > article > div > section:nth-child(5) > div {
   /* width: 75%!important;*/
    margin: auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
    border-radius: 18px!important;
   /* background: #01468a url(/MEdia/Default/images/empl_ellipse_mobile.svg) top left no-repeat!important;*/
  }

  /* text container inside section */
  #content > div > article > div > section:nth-child(5) > div > div.m-ctaCreateProfile__container {
    text-align: center;
    width: 100%!important;
    padding: 1em 4.5em;
  }

  /* texts inside of section's container */
  #content > div > article > div > section:nth-child(5) > div > div.m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a {
    cursor: auto;
  }


  #content > div > article > div > section:nth-child(5) > div > div.m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a > .m-ctaCreateProfile__title  {
    color: #fff;
    font-family: 'Montserrat';
    font-size: 35px;
    font-weight: 600;
    margin-bottom: .5em;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
  }

  #content > div > article > div > section:nth-child(5) > div > div.m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a > .m-ctaCreateProfile__title:after  {
    content: '';
    width: 50px;
    height: 1px;
    background: #fff;
    margin: 1.5em auto;
    position: absolute;
  }

  /* what's going on section mobile */

  /* container */
  #content > div > article > div > div.o-alterBackground {
    width: 95%!important;
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column!important;
    margin: 2em auto!important;
    padding: 2em 0!important;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
    border-radius: 18px!important;
    background-color: #ffffff!important;
  }

  /* title */
  #content > div > article > div > div.o-alterBackground > div {
    color: #01468a;
    font-family: Montserrat;
    font-size: 28px!important;
    font-weight: 600;
  }

  /* card container */
  #content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div {
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    padding-bottom: 4em;
    background-color: #ffffff;
    margin: 1em auto;
    padding: 4em 1em!important;
    width: 95%;
  }
  /* inner card container */
  .#content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div > div > section {
    padding: 1em!important;
  }
  /* card image container */
  #content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div > div > section > div > div {
    width: 100%!important;
    height: 153px!important;
    border-radius: 6px!important;
    padding: 1em!important;
  }

  /* card title */
  #content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div> div > div.m-card__content.m-card__content--row.m-card__content--top > h4 {
    padding: 0 1em!important;
    color: #185677!important;
    font-family: "Open Sans"!important;
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 1.4em!important;
    margin: 1em auto;
  }

  /* button container */
  #content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div > div > div.one.columns.search-home {
    text-align: right!important;
  }

  /* button */
  #content > div > article > div > div.o-alterBackground > section > div.o-cardList__container.o-cardList__container--row > div > div > div.one.columns.search-home > a {
    padding: 1.5em 2.65em;
    border-radius: 50px;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
  }

  /* Juicer feeds aggregator */

  /* column container */
  #content > div > article > div > div:nth-child(7) > div {
  /*  width: 100%;*/
    margin: 0 auto;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #01468a;
    padding-bottom: 1.5em!important;
  }
  
  .juicer-feed h1.referral {
    display: none!important;
  }

  /* cards wrappers */
  .j-stacker {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column!important;
    align-items: center!important;
  }
  .j-stacker > div {
    width: 90%!important;
  }
  
  /* Follow us title container */
  #content > div > article > div > div:nth-child(7) > div > div > ul > div.m-ctaCreateProfile__block {
    color: #ffffff!important;
    font-family: Montserrat!important;
    font-size: 28px!important;
    font-weight: 600!important;
    margin: 1em auto!important;
  }

  /* Card item */
  .j-stacker > div > li {
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
    border-radius: 18px!important;
    background-color: #ffffff!important;
    margin: 0 auto 1.2em auto!important;
    padding-bottom: 1.5em!important;
  }

  div.j-poster > a > h3, div.j-poster > a > .j-date {
    display: none!important;
  }
  
  a.j-image > img {
    height: 160px!important;
    object-fit: cover!important;
    padding: 0 1em!important;
  }

  .j-message > p {
    color: #455880;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .j-meta > ul {
    display: none!important;
  }

  .j-meta > nav {
    padding: .5em 0!important;
    width: 100%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
  }

  .j-meta > nav > a {
    color: #01468a!important;
  }

  /* --------------------------------------HOME PAGE mobile version end-------------------------------------------------------------- */
  
  /*----------------------------------------JOBSEEKERS FAQS mobile version start -------------------------------------------------------*/
  .container-fluid {
    padding: 0!important;
  }

 /* .container {
    margin: 0 auto!important;
    padding: 0;
  }*/

  .row {
    margin: 0!important;
  }
  
  #faqjobseeker {
    position: relative;
    /*top: 4.5em;*/
  }
/*
  #jobseekerfaqs_title {
    width: 100%!important;
    background: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat !important;

    background-size: cover;
    padding: 3em 0 8em;
    position: relative;
    top: -4.5em;
  }*/

  #jobseekerfaqs_title > h2 {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 600;
    margin: 0 auto -1em;
  }
  
 /* #divjobseekerfaqs {
    max-width: 100%;
    position: relative;
    top: -5em;
  }*/

/*  #jobseekerfqsmaindiv {
    margin: 0 auto 6em!important;
  }
*/
  .jobseekerquestionanswers {
    justify-content: space-between;
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
   /* padding: 1em 3em .5em;*/
    margin-bottom: 1.5em;
  }
  .jobseekerfaqQuestion {
    margin: .5em 0!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: space-between;
  }
  .jobseekerfaqQuestion > strong {
    color: #1e266d;
    font-family: "Open Sans";
    font-weight: 700;
    width: 90%;
  }
  .jobseekerfaqQuestion > a {
    background: url('https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_faq.svg') center no-repeat;
    background-size: cover;
    width: 18px;
    height: 12px;
  }

  .jobseekerfaqQuestion > strong > span {
        font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #1E266D;
  }

  /* card body answer container */
  .card-body {
    padding: 0!important;
    border: none!important;
  }

  .card-body p {
    color: #000000;
    font-family: "Open Sans";
    font-size: 15px!important;
    margin-bottom: 0;
    font-weight: 400;
  }















  /*----------------------------------------JOBSEEKERS FAQS mobile version end ---------------------------------------------------------*/

  /* -------------------------------------JOBSEEKERS mobile version START---------------------------------------------------------------*/
 /* #jobseekertitlebar {
    background: url(/MEdia/Default/images/jobseekers_mobile_bg.svg) center no-repeat;
   background: url(/media/Default/images/assets/images/jobseekers_mobile_bg.svg) center no-repeat; 
    background-size: cover;
    position: relative;
    top: -2em;
  }*/
  
  #jobseekerContainer {
   /* width: 100%!important;*/
    position: relative!important;
    top: 17em!important;
  }

  #jobseekertitlebar > h2 {
    position: relative;
    top: 2em;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: -.5em 0;
    line-height: 1.1em;
  }

  #jobseekervideoblock {
    position: relative;
    top: 20em;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-items: center;
    width: 95%;
    margin: auto;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #ffffff;
    padding: 1.5em 1em;
  }

  /*#jobseekervideoblock > div.span-6.cell.videoBlock {
    width: 100%!important;
  }*/
  #jobseekervideoblock > div.span-7.cell.videoBlock > div > p > iframe {
    height: 215px!important;
  }
  
  #jobseekervideoblock > div.span-5.cell.htmlBlock {
    width: 95%;
    margin: 1em auto;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > h1 {
    color: #01468a;
    font-family: 'Montserrat';
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > h3 {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    margin-top: 2em;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > a {
 /* display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/mygovid_button.svg) no-repeat center;
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 600;
        background-size: contain;*/
         display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center; 
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600; 
    border-radius: 50px;
   background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) no-repeat, 
   -webkit-linear-gradient( 0deg, rgb(1,56,111) 0%, rgb(2,58,114) 18%, rgb(19,109,200) 88%);
   padding: 17px 50px 17px 13px;
    background-position: 94%;
  }

  /* cards container */

  #jobseekerdyanmicblock {
    position: relative;
    top: 12em;
    /*width: 95%;*/
    margin: auto;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #ffffff;
    padding: 2em 0.5em;
  }
  
  /* card list (ul) */
  #jobseekerdyanmicblock > div > div:nth-child(1) > article > ul {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
  }
  /* card item*/
  #jobseekerdyanmicblock > div > div:nth-child(1) > article > ul > li {
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #fff;
    width: 95%;
    padding: 1.5em;
    min-height: 330px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: flex-end;
    flex-flow: column;
    box-sizing: border-box;
    margin-bottom: 1.5em;
  }
  /* card text container */
  #jobseekerdyanmicblock > div > div:nth-child(1) > article > ul > li > article > div > div.blocks {
    margin-bottom:5%;
  }

  /* cards background images */
  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(1) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/employ_support.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(2) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/intreo_services.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(3) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/training.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(4) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/tips.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(5) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/new_working.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(6) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/more_resources.svg') top left no-repeat;
  }
  
  #jobseekerdyanmicblock > div > div:nth-child(1) > article > ul > li > article > div > div.blocks > h4 {
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
     margin: 1.5em 0 0;
  }
  
  
  #jobseekerdyanmicblock > div > div:nth-child(1) > article > ul > li > article > div > div.blocks > p {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 14px!important;
    font-weight: 400;
        padding-top: 5px;
  }

  /* what..say title */
  #jobseekerclientsayblock > div > h2 {
    text-align: center;
    color: #0f458a;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 600;
  }
  
  /* last 2 card container */
  #jobseekerclientsayblock {
    position: relative;
    top: 29em;
    width: 100%;
    margin: 0 auto 40em auto!important;
  }
  
  #jobseekerclientsayblock > div > div > article > ul {
    list-style: none;
  }

  #jobseekerclientsayblock > div > div > article > ul > li {
    border-radius: 4px;
    border: 1px solid rgba(69, 88, 128, 0.2);
    background-color: #ffffff;
    padding: 3em;
    margin: 1.5em auto;
  }

  /*#jobseekerclientsayblock > div > div > article > ul > li > article > div > div {
    display: grid!important;
    display: -ms-grid !important;
    grid-template-columns: 1fr 2fr!important;
        -ms-grid-columns: 1fr 1fr 1fr !important;
            grid-template-rows: 1fr !important;
  }*/

  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > img {
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: center;
    width: 64px!important;
    border-radius: 50px!important;
  }

  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > h3 {
    grid-column-start: 2;
    grid-column-end: 3;
    place-self: start;
    align-self: center;
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
  }


  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > p {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 1em;
    color: #455880;
    font-family: "Open Sans";
    font-size: 16px!important;
    font-weight: 400;
    line-height: 1.5em;
  }
  
  /* -------------------------------------JOBSEEKERS mobile version END---------------------------------------------------------------*/


  /*-------------------------------------EMPLOYERS FAQS MOBILE VERSION START ----------------------------------------------------------*/
  
    #faqemplyer {
      position: relative;
      top: -3.5em;
    }

    #employerfaqs_title {
      width: 100%!important;
      background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/employers_desktop_bg_ellipse.svg) center no-repeat;
      background-size: cover;
      padding: 3em 0 8em;
      position: relative;
      top: 0.5em;
    }
    
    #employerfaqs_title > h2 {
      text-align: center;
      color: #ffffff;
      font-family: Montserrat;
      font-size: 30px !important;
      font-weight: 600;
      margin: 0 auto -1em;
    }

   /* #employerfaqsmaindiv {
      margin: 0 auto 6em!important;
    }
  
  */
  
  
  
  
  
  
  
  
  /*-------------------------------------EMPLOYERS FAQS MOBILE VERSION END ----------------------------------------------------------*/

  /*---------------------------------------EMPLOYERS mobile versions START ------------------------------------------------------------*/

 /* #Tittlebar {
    background: url(/MEdia/Default/images/jobseekers_mobile_bg.svg) no-repeat center;
    background-size: 106%;
    background-origin: border-box;
    box-sizing: border-box;
    position: relative;
    top: -5em;
  }*/

  #Tittlebar > div > h2 {
    position: relative;
    top: 1em;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
    width: 33%;
    margin: 2em auto 0 2em;
    line-height: 1.1em;
  }

  /* section above background container */
  #employersCompanies {
    width: 100%!important;
    position: relative!important;
    top: 3.5em!important;
    margin: 0 auto!important;
    padding: 0!important;
  }

  #employersCompanies > div {
    margin: auto!important;
    border-radius: 18px!important;
    width: 93%!important;
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column!important;
    align-items: center!important;
    align-content: center!important;
    padding: 2em 1em!important;
    background: #f8f8fa url(https://dspazcms2.blob.core.windows.net/media/Default/images/employers_ellipse.svg) no-repeat!important;
    background-size: contain!important;
        box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
  }

  #employersCompanies > div > div > div:nth-child(1) > div > p {
     color: #01468a!important;
    font-family: "Open Sans"!important;
    width: 100%!important;
    margin: 0 auto!important;
    font-weight: 600!important;
    font-size: 25px !important;
    line-height: 114%;
    padding-bottom: 0;
    padding-top: 15px;
    text-align: left;
        padding-bottom: 20px;
  }
  /* button container */
  #employersCompanies > div > div > div:nth-child(3) {
    float: right;
    margin-right: -1.5em;
    text-align: right;
  }
  /* button style */
  #employersCompanies > div > div > div:nth-child(3) > a {
    padding: 0.5em 1.65em;
    border-radius: 50px;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
  }
  /* container for video and texts */
  #employervideoblock {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-items: center;
    width: 95%;
    margin: auto;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #ffffff;
    padding: 1.5em 1em;
    margin-bottom: 2em;
  }
  
  /* video section */
  #employervideo {
    width: 100%!important;
  }

  #employervideo > div > p > iframe {
    height: 300px!important;
  }
  
  /* text section container */
  #employervideoblock > div:nth-child(1) {
    width: 95%;
    margin: 1em auto;
  }

  #employerhtmlblock > h1 {
    color: #01468a;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
  }

  ul.benefits-box li {  
    font-size: 20px;   
    margin: .5em auto;
    letter-spacing: 0.2px;
  }
  #employerhtmlblock > p > a {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    padding-left: 2em;
    padding-bottom: .2em;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/employers_button_mobile.svg);
    background-size: contain;
    width: 327px;
    height: 85px;
    border-radius: 50px;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: -1em;
  }

  /* card list items (ul) */
  #employerdynamicblock > div > div:nth-child(1) > article > ul {
    width: 100%;
    margin: auto;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #ffffff;
    padding: 2em 1em 4em;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
  }

  #employerdynamicblock > div > div:nth-child(1) > article > ul > li {
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    background-color: #fff;
    width: 95%;
    padding: 1.5em;
    min-height: 330px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: flex-end;
    flex-flow: column;
    box-sizing: border-box;
    margin-bottom: 1.5em;
  }
  
  #employerdynamicblock > div > div:nth-child(1) > article > ul > li > article > div > div > h4 {
    position: relative;
    top: -1em;
    color: #185677;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
  }

  #employerdynamicblock > div > div:nth-child(1) > article > ul > li > article > div > div > p {
    position: relative;
    bottom: 1.5em;
    color: #01468a;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
  }

   /* cards background images */
   #employerdynamicblock > div > div:nth-child(1) > article > ul > li:nth-of-type(1) {
    background: #ffff url('https://dspazcms2.blob.core.windows.net/media/Default/images/employ_support.svg') top left no-repeat;
  }

  #employerdynamicblock > div > div:nth-child(1) > article > ul > li:nth-of-type(2) {
    background: #ffff url('https://dspazcms2.blob.core.windows.net/media/Default/images/intreo_services.svg') top left no-repeat;
  }

  #employerdynamicblock > div > div:nth-child(1) > article > ul > li:nth-of-type(3) {
    background: #ffff url('https://dspazcms2.blob.core.windows.net/media/Default/images/training.svg') top left no-repeat;
  }

  /* what...say section */
  #employeremploersayblock > div > h2 {
    text-align: center;
    color: #01468a;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 1em;
  }
  
  #employeremploersayblock {
    width: 95%;
    margin: 0 auto; 
  }

  #employeremploersayblock > div > div > article > ul {
    list-style: none;
  }
  #employeremploersayblock > div > div > article > ul > li {
    border-radius: 4px;
    border: 1px solid rgba(69, 88, 128, 0.2);
    background-color: #ffffff;
    padding: 3em;
    margin: 0 1em;
    width: 50%;
  }

/*  #employeremploersayblock > div > div > article > ul > li > article > div > div {
    display: grid!important;
     display: -ms-grid !important;
    grid-template-columns: 1fr 2fr!important;
  }*/

  #employeremploersayblock > div > div > article > ul > li > article > div > div > img {
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: center;
    width: 64px!important;
    border-radius: 50px!important;
  }

  #employeremploersayblock > div > div > article > ul > li > article > div > div > p {
    grid-column-start: 2;
    grid-column-end: 3;
    place-self: start;
    align-self: center;
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
  }

  #employeremploersayblock > div > div > article > ul > li > article > div > div > p {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 1em;
    color: #455880;
    font-family: "Open Sans";
    font-size: 16px!important;
    font-weight: 400;
    line-height: 1.5em;
  }

  #employesviewmorebutton {
    position: relative;
    right: 4em;
    top: -3.5em;
  }













  /*---------------------------------------EMPLOYERS mobile versions END ------------------------------------------------------------*/

  /*----------------------------------------- FOOTER mobile version START ---------------------------------------------------------- */

  /* main footer container */
  .zone-footer {
    position: relative;
    bottom: 3em;
    margin-top: 8em;
  }

  /* wrapper footer container */
  .footer-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0em;
  }

  /* social icons container */
  .footer-container .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }


  /* social icons title */
  .footer-container .social h3 {
    font-weight: bold;
    font-size: 1.3em;
    font-family: 'Montserrat';
    color: #1e266d;
    margin-bottom: 1em;
  }

  .footer-container .social .social-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .social .social-logos .facebook {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/facebook_logo.svg") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
    -webkit-transition: background .1s;
    transition: background .1s;
  }

  .social .social-logos .facebook:hover {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/facebook_hover.svg") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
  }

  .social .social-logos .instagram {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/instagram_logo.svg") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
    -webkit-transition: background .1s;
    transition: background .1s;
  }
      
  .social .social-logos .instagram:hover {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/instagram_hover.png") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
  }

  .social .social-logos .twitter {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/twitter_hover.svg") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
    -webkit-transition: background .1s;
    transition: background .1s;
  }

  .social .social-logos .twitter:hover {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/twitter_logo.svg") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
  }

  .social .social-logos .linkedin {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/Linkedin.png") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
    -webkit-transition: background .1s;
    transition: background .1s;
  }

  .social .social-logos .linkedin:hover {
    background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/Linkedin_over.png") center center no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
  }
  
  footer .footer-container .mission {
    margin: 1.5em auto;
    color: #1e266d;
    font-family: 'Montserrat';
    font-size: 14px;
  }
  .footer-container .mission h3 {
    font-weight: bold;
    font-size: 1.3em;
    font-family: 'Montserrat';
    color: #1e266d;
    margin-bottom: 1em;
  }

  .footer-container .mission span {
    color: #455880;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
  }
  .footer-container .info h3 {
    font-weight: bold;
    font-size: 1.3em;
    font-family: 'Montserrat';
    color: #1e266d;
    margin-bottom: 1em;
  }
  .footer-container .info p {
    font-family: 'Montserrat';
    color: #1e266d;
    font-size: 18px;
  }
  
  .footer-container .info p a{
    color: #1e266d;
    
  }
  
  .footer-container .logo {
    margin: 2em 0;
  }
  .footer-container .logo img {
    width: 5.5em;
  }
  footer hr {
    display: none;
  }
  
  #footer-sig > div > article > div > article > div > div > div.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4em;
    margin-bottom:.5em;
  }
  
  .footer-menu .copywright {
    font-family: 'Montserrat';
    font-size: 13px;
    color: rgba(69, 88, 128, 0.5);
  }
  .footer-menu .privacy {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-menu .privacy span {
    font-family: 'Montserrat';
    font-size: 13px;
    margin-right: 1em;
    color: #455880;
  }
  /*--------------------------------------------- FOOTER mobile version END ------------------------------------------------------------*/
  
  /*---------------------------------------------- ACCESSIBILITY mobile version START ------------------------------------------------- */ 
  
  .site_Manager {     
    width: 100%;     
    position: fixed;     
    overflow: visible;     
    bottom: 0;     
    display: inline-block;     
    text-align: center;     
    z-index: 99999999;
   
  } 
  .o-fixed__hide {
    background-color: #01468a!important;
  }
  #link_sitemanager {
    background-color: #01468a!important;
  }
  .m-accesibility__container, .a-accesibility__selectIcon {
    background-color: #01468a!important;
  }
  select#languageSelector {
    background-color: #01468a!important;
  }
  a.link_sitemanager {     
    color: #E5E9EC;     
    text-align: center;     
    background: #272C32;     
    position: relative;     
    padding: 0px 25px;     
    border-radius: 3px 3px 0 0;     
    display: inline-block;     
    position: relative; 
  } 
  
  span.Hideaccessiblity {     
    display: none; 
  } 
  
  a.link_sitemanager:after {     
    content: "";     
    font-family: "FontAwesome";     
    position: absolute; 
    top: 2px;     
    width: 9px; 
    /*   line-height: 1.8;*/     
    display: inline-block;     
    color: #E5E9EC;     
    float: right;     
    font-weight: 500;     
    right: 10px;     
    -webkit-transform: rotate(0deg);     
    transform: rotate(0deg); 
  } 
  
  .o-fixed.isActive a.link_sitemanager.linkmanageactive:after {    
    -webkit-transform: rotate(180deg);     
    transform: rotate(180deg); 
  } 
  
  .o-fixed {     
    left: 0; 
  } 
  
  .m-accesibility {     
    margin: 0 auto; 
  } 
  
  #m-accesibility {     
    display: none; 
  } 
  
  .linkmanageactive span.showaccessiblity {     
    display: none; 
  } 
  
  .linkmanageactive span.Hideaccessiblity {     
    display: block; 
  } 
  
  .site_Manager .a-accesibility__select {     
    padding: 14px 18px !important; 
  } 
  
  #backtotop, #gotobottom {     
    z-index: 9999999; 
  } 
  
  .contact_ul {     
    display: block;     
    clear: right;     
    width: 100%; 
  } 
  
  .contact_ul {     
    display: table; 
  } 
  
  .Contact_ulbox span {     
    display: table;     
    width: 100%; 
  } 
  
  .contact_ul > span {     
    width: 50%; 
  } 
  
  .contact_ul a {     
    width: 100%;     
    display: block; 
  } 
  
  .contact_ul > span {    
    display: table;     
    float: left;     
    width: 50%;     
    line-height: 30px !important;     
    color: #FFF;     
    text-align: center;     
    background: #8bc23e;    
    text-transform: none;     
    font-weight: normal; 
  } 
 
  .contact_ul > span a {         
    color: #fff !important;     
  } 
 
  .contact_ul > span a { 
    padding: 15px 10px !important;         
    line-height: 30px !important;
  } 
 
  .contact_ul > span:nth-child(2) {         
    background: #9dd14b;     
  } 
 
  ul.menu li:hover ul li.Contact_ulbox:hover a:hover {     
    color: #fff !important; 
  } 
 
  li.Contact_ulbox {     
    width: 100% !important;
    position: absolute !important;
    bottom: -40px;
    left: 0;
    max-height: 60px; 
  }

 
  .contact_ul > span:nth-child(2):hover {
    background: #9ed547 !important; 
  } 
 
  ul.menu li:hover ul .contact_ul span:hover a {     
    color: #fff !important;
    background: #9ed547 !important; 
  } 
 
  ul.menu li:hover ul .contact_ul span:first-child:hover a {     
    background: #86b742 !important; 
  } 
 
  ul.menu li:hover ul li.Contact_ulbox:hover a {
    color: #fff !important; 
  } 
 
  .Contact_ulbox span a:after {
    content: none !important; 
  } 
 
  .Contact_ulbox .contact_ul a { 
    /* line-height: 0 !important;     letter-spacing: -3px;*/ 
  }
  /*-------------------------------------------ACCESSIBILITY mobile version END -------------------------------------------------------- */ 
}

/*--------------------------------------------- MOBILE VERSION END ---------------------------------------------------------------------*/




/*--------------------------------------------- DESKTOP VERSION START (min-width: 767.97px) --------------------------------------------*/

/* Header desktop version */
@media screen and (min-width: 767.97px) {
  .no-padding {
    padding: 0;
  }

  .covid-banner {
  	z-index: 100;
    width: 100%;
   /* height: 4.65em;*/
    background-color: #fdf200;
    font-family: 'Open Sans';
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .covid-banner .covid-hub {
  /*  padding:10px 0;
    display: -ms-grid;
    display: grid;*/
    /*-ms-grid-columns: 1fr 5fr 1fr;
        grid-template-columns: 1fr 5fr 1fr;*/
      /*  -ms-grid-columns:20% 60% 15%;
    grid-template-columns: 20% 60% 15%;
    -ms-grid-rows: 1;
        grid-template-rows: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
              -ms-grid-rows: (auto)[1];
    grid-template-rows: repeat(1, auto);
    grid-column-gap: 2em;
    -ms-grid-column-span: 2;
    margin: 2em auto;
    justify-content: center;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;*/
       /* width: 100%;    
    -ms-grid-columns: 66% 15%;
    grid-template-columns:  66% 15%;
    -ms-grid-rows: (auto)[1];
    grid-template-rows: repeat(1, auto);
   
    justify-content: center;*/
        padding: 10px 0;
        text-align: center;
    position: relative;

  }
 /* .close-image-box {
    margin-left: auto;
}*/
  .covid-banner .covid-hub .covid-title {
    margin: 0px !important;
 /*   -ms-grid-row: 1;
    -ms-grid-column: 1 ;  
    grid-column: 1 ;
    grid-row: 1;*/
    padding-right: 20px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -ms-grid-column-align: end;
        justify-self: end;
    font-weight: 600;
    font-size: 1.2em;
    color: #1e266d;
    -ms-grid-column-align: center;
        justify-self: center;
        -ms-grid-row: 1;
    -ms-grid-column: 1 / 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 1;
    grid-row: 1;
    padding-right: 20px;
  }
  .covid-banner .covid-hub .covid-descr {
       padding-right: 20px;

    font-size: 16px;
    font-weight: 400;
    color: #455880;
    -ms-grid-column-align: start;
        justify-self: start;
          -ms-grid-row: 1 / 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    grid-column: 2;
    grid-row: 1 / 1;
    padding-right: 20px;
  }
  .covid-banner .covid-hub img {
/*  -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
    grid-row: 1;
    padding-right: 20px;
    -ms-grid-column-align: end;
        justify-self: end;
    cursor: pointer;*/
  }

  #layout-navigation {
  	position: relative;
  	top: 0;
  	width: 100%;
  	z-index: 200;
  	background: #fff;
    border: none;
    -webkit-box-shadow: 0px 5px 4px -3px #eef1f4;
      box-shadow: 0px 5px 4px -3px #eef1f4;
  }

  #layout-navigation header {
    position: fixed;
    width: 100%;
    height: auto;

  }

  header .navcustom {
    width: 100%;
    margin: 0em auto;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px 5px;
  }

  header .navcustom .double-row {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  header .navcustom .login {
    border: none;
    border-radius: 7px;
    background: #8fc741;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    padding: 6px 20px;
    line-height: 17px;
        margin: 0;
        font-size: 16px;
   /* height: fit-content;*/
  }

  header .navcustom .double-row .navigation {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
      align-self: flex-start;
    position: relative;
  }

  .navcustom > img.button-mobile {
  	display: none;
  }

  ul#dropdownMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 3.5em;
    list-style-type: none;
    border-radius: 10px;
    margin-top: .5em;
    padding: 0em 0em;
    width: 18em;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px 1px #eef1f4;
      box-shadow: 2px 2px 2px 1px #eef1f4;
  }
  .dropdown.last ul#dropdownMenu {right: 0 ;    left: inherit;}
  #layout-navigation > div > article > header > nav > div > nav > ul > li.dropdown.first {
    position: relative;
  }

  ul#dropdownMenu:hover {
    cursor: auto!important;
  }
    
  ul#dropdownMenu li {
  /*  height: 1em!important;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 20px 0em;
       margin: 5px 0;*/
           height: auto;
    border-radius: 15px;
    display: -ms-flexbox;
    padding: 0;
    margin: 0;
    background: none;
  }

  /*ul#dropdownMenu li:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#136dc6), to(#023971));
    background: linear-gradient(#136dc6, #023971);
  }*/

  ul#dropdownMenu li:hover:hover a {
    color: #fff;
   /* background: none;*/
  }

  header .navcustom .navigation li {
    cursor: pointer;
    -webkit-transition: background .4s;
    transition: background .4s;
    padding: .5em 1em;
    margin-left: .5em;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background: #fff;
    position: relative;
  }

  header .navcustom .navigation li:hover {
    background-color: #eef1f4;
    -webkit-box-shadow: 0px 2px 4px 0px #eef1f4;
    box-shadow: 0px 2px 4px 0px #eef1f4;
  }

  header .navcustom .navigation li a {
    background-color: none;
    color: #fff;
  }

  header .navcustom .navigation li a {
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 14px;
      color: #01468a;
      line-height: 21px;
  }

  header .navcustom .navigation li a:hover {
    text-decoration: none;
  }

  header .navcustom .navigation li .arrow {
    margin-left: 2em;
    display: block;
    width: 18px;
    height: 16px;
    background-color: transparent;
    /*background-image: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/arrow_down.svg");*/
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
  }

  header .navcustom .navigation li .about {
    display: none;
    position: absolute;
    right: 0;
    top: 3em;
    list-style-type: none;
    border-radius: 10px;
    margin-top: .5em;
    padding: 2em 1em;
    width: 22em;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px 1px #eef1f4;
    box-shadow: 2px 2px 2px 1px #eef1f4;
  }

  header .navcustom .navigation li .about li {
    height: auto;
    font-size: ;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5em 1em;
    margin: .5em 0;
  }

  header .navcustom .navigation li .about li:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#136dc6), to(#023971));
    background: linear-gradient(#136dc6, #023971);
  }

  header .navcustom .navigation li .about li:hover:hover a {
    color: #fff;
  }

  header .navcustom .navigation li .about li a {
    text-align: center;
    margin: 0;
  }

  /* HOME PAGE content desktop version */

  #layout-main-container {
    position: relative;
        top: 8.3em;
  }

  .zone-content {
    position: relative;
    top: 4em;
    padding: 0;
  }

  /* Slider containing main banner */
  #slide-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }

  /* excluding unnecessary slides */
  #slide-container > .slide:nth-of-type(1), #slide-container > .slide:nth-of-type(2) {
    display: none!important;
  }

  #slide-container > .slide:nth-of-type(3) > img {
    display: none;
  }

  .slider_contain {
  	    padding-top: 10px !important;
    width: 100%;
    height: 600px;
    background-image: url('https://dspazcms2.blob.core.windows.net/media/Default/images/banner_bg_home.svg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-origin: border-box;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    padding: 0 5em;
  }

  .slider_contain_color1 {
    color: #fff!important;
    font-family: 'Montserrat';
  }

  .bannerText {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8em;
    max-width: 40%;
    position: relative;
    top: -2em;
  }

  .bannerText p {
    font-family: 'Montserrat';
   /* font-size: 2em!important;
    line-height: 1.2em;
    font-weight: 600;
    width: 90%;
    margin-bottom: 1.5em;*/
  }

  /* Form element home page */

  #slide-container > .container {
    width: 100%!important;
      margin: 0 auto!important;
  }

  #contact > fieldset > div:nth-child(1), #contact > fieldset > div:nth-child(2), #contact > fieldset > div:nth-child(3) {
    padding: 0!important;
    margin: 0!important;
  }


  .searchBox {
      margin: -6.5em auto;
    width: 100%;
    z-index: 99;
    position: relative;
  }

  .searchBox + h3 {
    position: relative;
    margin-top: 5em!important;
    margin-bottom: 0!important;
  }

  form#contact {
      box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
      border-radius: 18px;
      background: #f8f8fa url(https://dspazcms2.blob.core.windows.net/media/Default/images/search_icon_bg.svg) no-repeat;
      background-position: left;
      background-size: contain;
          padding-bottom: 20px;

  }
  form#contact > fieldset {
      margin-left: 6em;
  }

  form#contact > h3 {
    text-align: center;
    color: #01468a;
    font-family: "Open Sans";
    font-size: 26px!important;
    font-weight: 600;
    padding: .5em 0;
    display: table;
    margin-left: auto !important;
    margin-right: auto;
       padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
  }

  form#contact > span {
    display: none;
  }

  form#contact > fieldset > div > span {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 7em;
  }

  form#contact > fieldset > div > input, form#contact > fieldset > div > select {
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
    margin-left: 40px;
    margin-bottom: 2em;
    max-width: 92%;
  }

  form#contact > fieldset > div > input[type=text]:focus {
    border: 1px solid #01468a;
  }

  form#contact > fieldset > div > select {
    -webkit-appearance: none!important; 
    background: #ffff url('https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_src.svg') no-repeat 90%!important;
  }

    /* class for option element */
    #VacancyTypeId > option {
      background: #ffff!important;
      font-size: 14px;
      font-family: 'Open Sans';
      margin: .5em 0;
      
    }
    #VacancyTypeId > option.selected {
      background: #01468a;
      color: #fff;
    }

    form#contact > fieldset > div > a.button.search-home {
      width: 5.5em;
      padding: 1em;
      height: 3.1em;
      background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
      position: absolute;
      left: 5em;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

/*     form#contact > fieldset > div > a.button.search-home > span {
      background: url('/MEdia/Default/images/white/white_arrow_right.svg') center no-repeat;
    } */

    .searchBox + h3 {
      color: #01468a;
      font-family: "Open Sans";
      font-size: 26px;
      font-weight: 600;
      margin: 1.5em auto;
    } 

    #content > div > article > div > div:nth-child(3) > div > div.m-ctaCreateProfile__block {
      color: #185677;
      font-size: 46px!important;
      font-weight: 400!important;
      font-family: 'Montserrat'!important;
      text-align: center;
      /* margin-bottom: 20px; */
      position: relative;
      top: -1em;
      padding: 1em 0;
    }

    section.m-topCompanies {
      margin: 0!important;
      padding: 0!important;
      box-sizing: border-box;
    }

    /* TopJobs Grid desktop version */
    /* view more link */
    /* #content > div > article > div > div:nth-child(3) > div > div.topjobs > div > div {
     
    } */
    
    #topjobsviewmomre {
      padding: 1em 0 0;
      position: relative;
      top: -3.5em;
      right: 1.5em;
    }
    
    .topjobPosts {
   /*   width: 75%;*/
      margin: auto;
      box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
      border-radius: 20px;
      background-color: #ffffff;
    }

    .topjobPosts > .noJobsToday {
      padding: 2em;
      display: flex;
      align-items: center;
      justify-content: space-around;
    }

    .topjobPosts > .noJobsToday > p {
      margin-bottom: 0;
      color: #185677!important;
      font-family: "Open Sans";
      font-size: 20px;
      font-weight: bold;
    }


    ul.topjobslist {
        display: flex;
        display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    list-style: none;
    padding: 2em 1em 3em 1em;
    height: 100%;
    }
    ul.topjobslist > li {
    /*  display: grid;
      display: -ms-grid;
      grid-template-columns: 1fr 3fr;
      -ms-grid-columns: 1fr 3fr;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      align-content: center;
      width: 314px;
      height: 115px;
      box-shadow: 0 -5px 5px rgba(51, 51, 51, 0.04), 0 5px 4px rgba(51, 51, 51, 0.05);
      border-radius: 20px;
      background-color: #ffffff;
      margin: 1em 2.5em 1em auto;
	  cursor:pointer;*/
    display: flex;
    align-content: center;
    width: 314px;
    box-shadow: 0 -5px 5px rgba(51, 51, 51, 0.04), 0 5px 4px rgba(51, 51, 51, 0.05);
    border-radius: 20px;
    background-color: #ffffff;
    margin: 1em 2.5em 1em auto;
    cursor: pointer;
    padding: 15px;
    justify-content: start;
    align-items: center;
    }
    .job-details-img {
    margin-right: 15px;
}
.job-details-img {
    width: 53px;
}
    ul.topjobslist > li img {
      width: 53px;
      height: auto;
      place-self: center;
    }
    ul.topjobslist > li h3 {
      font-family: "Open Sans";
      font-size: 16px!important;
      font-weight: 600!important;
      line-height: 20px!important;
      align-self: center;
      overflow-y: hidden;      
        display: -webkit-box;
        line-clamp:2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -moz-box;
display: -webkit-box;
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
height: 2.5em;
    overflow: hidden;   
    text-overflow: ellipsis;
    width: 100%   
    }
    ul.topjobslist > li h6 {
        grid-column-start: 2 !important;
        grid-column-end: 3 !important;
        color: #4f4f4f !important;
        font-family: "Open Sans" !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        overflow-y: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }

    /* Home page Employers banner desktop version */

    section.m-topCompanies:first-of-type > .m-ctaCreateProfile {
        position: relative;
        width: 90%!important;
        box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
        border-radius: 18px!important;
        background-color: #fff!important;
        padding: 3em!important;
        color: #01468a!important;
        font-family: "Open Sans"!important;
        margin: 0.5em auto;     
        background: #f8f8fa url(https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/Updated-SVG.svg) left no-repeat;      
        background-size: contain;
    }
    .cta-bg-image-employer{
background: #f8f8fa url(https://dspazcms2.blob.core.windows.net/media/Default/images/employer_icon.svg) left no-repeat !important;
background-size: contain !important
}

    section.m-topCompanies:first-of-type > .m-ctaCreateProfile > .m-ctaCreateProfile__container {
      display: flex!important;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      align-content: center;
      align-items: center;
      justify-content: space-around;
      width: 76%;
      margin-left: 20%;
    }

    section.m-topCompanies:first-of-type > .m-ctaCreateProfile > .m-ctaCreateProfile__container > .m-ctaCreateProfile__block {
      font-family: 'Montserrat'!important;
      font-weight: 500!important;
      text-align: center!important;
    } 

    section.m-topCompanies:first-of-type > .m-ctaCreateProfile > .m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a {
      text-decoration: none!important;
    } 

    .m-ctaCreateProfile__title:first-of-type {
      color: #185677!important;
      font-family: "Open Sans";
      text-align: left;
    }

    .m-ctaCreateProfile__title:first-of-type > p:first-of-type {
      font-weight: 600!important;
    font-family: Open Sans;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    color: #01468A;
    }

  /*  .m-ctaCreateProfile__title:first-of-type > p:last-of-type {
         font-weight: 600!important;
    font-size: 26px !important;
    line-height: normal;
    color: #01468a;
    padding: 0px;
    padding-bottom: 0px;    
    margin-bottom: 0;
    }*/

    .m-ctaCreateProfile__block:nth-of-type(2) > a {
        width: 5.5em;
        height: 3.1em;
        padding: 1em;
        margin: 0 auto;
        background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
        border-radius: 50px;
        display: flex;
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
        align-items: center;
        justify-content: center;
        color: #fff;	
    }

    .m-ctaCreateProfile__block:nth-of-type(2) > a > span {
      color: #fff;	
    }

    /* Home page Counter banner desktop version */

    section.m-topCompanies:nth-of-type(2) > .m-ctaCreateProfile {
        position: relative;
        width: 1200px!important;
        border-radius: 18px!important;
        background-color: #01468a!important;
        background-image: 
          url('https://dspazcms2.blob.core.windows.net/media/Default/images/Ellipse_1.svg'),
          url('https://dspazcms2.blob.core.windows.net/media/Default/images/Ellipse_2.svg'),
          url('https://dspazcms2.blob.core.windows.net/media/Default/images/Ellipse_3.svg')!important;
        background-position: 
          top left, 
          bottom right, 
          bottom left!important;
        background-repeat: 
          no-repeat!important;
        padding: 3em!important;
        color: #fff!important;
        font-family: "Montserrat"!important;
        margin: 5.5em auto 7em!important;
        display: flex!important;
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
        align-items: center!important;
        align-content: center!important;
        justify-content: space-between!important;

    }

    section.m-topCompanies:nth-of-type(2) > .m-ctaCreateProfile > .m-ctaCreateProfile__container {
      width: auto!important;
        display: flex!important;
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
        flex-flow: column!important;
        align-items: center!important;
        align-content: center!important;
    }

    section.m-topCompanies:nth-of-type(2) > .m-ctaCreateProfile > .m-ctaCreateProfile__container > div:nth-of-type(2) {
      font-size: 22px!important;
      font-family: Open Sans;
font-style: normal;
font-weight: 600;
    }

    section.m-topCompanies:nth-of-type(2) > .m-ctaCreateProfile > .m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a {
      text-decoration: none;
      cursor: auto;
    }

    section.m-topCompanies:nth-of-type(2) > .m-ctaCreateProfile > .m-ctaCreateProfile__container > .m-ctaCreateProfile__block > a > .m-ctaCreateProfile__title {
      color: #fff!important;
      font-family: 'Montserrat'!important;
      font-size: 35px;
      font-weight: 600!important;
      border-bottom: 1px solid #fff;
      padding-bottom: .5em;
    }

    /* Home page Card List desktop version */

    .o-alterBackground {
        margin: 0 auto 4em!important;
      /*  width: 75%;*/
        padding: 2.5em 2em;
        box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
        border-radius: 20px;
        background-color: #ffffff;
    }

    .o-alterBackground > .m-ctaCreateProfile__block {
      font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 48px !important;
    line-height: 60px;
    color: #185677;
    text-align: center;

    }

    section.container.o-cardList.o-cardList--row {
      width: 100%!important;
      margin: 0 auto!important;
    }

    section > .o-cardList__container {
      display: flex!important;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      justify-content: space-between!important;
      background: #fff;
      margin: auto;
      padding: 2em 1em;

    }

    .m-card--row {
        width: 33.3%!important;
        margin: 0 .5em!important;
        box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
        padding: 1em 1em!important;
        border-radius: 18px!important;	
    
    }

    .a-image--row {
        height: auto;
    }

    .m-card__title--row {
      color: #185677;
      font-family: "Open Sans";
      font-size: 22px !important;
      font-weight: 600;	
      padding-top: 15px;
    }

    a.button.search-home {
        width: 5.5em;
        padding: 1em;
        height: 4.1em;
        background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
        border-radius: 50px;
        display: flex;
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
        align-items: center;
        justify-content: center;
            border-color: #1b65b8;
    }

    .m-card__content--top + .search-home {
      width: 100%!important;
        margin: 0 auto!important;
        padding: 0!important;
        display: flex!important;
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
        align-items: center!important;
        align-content: center!important;
        justify-content: flex-end!important;
    }

    .m-card__content--top + .search-home > a {
      margin-top: 1.5em !important;
    }

    /* ---------------------------------- HOME PAGE Desktop Version end ---------------------------------------------------------------*/
    
    /*-------------------------------------JOBSEEKERS FAQS (candidatefaq) desktop version START ----------------------------------------*/
    .container-fluid {
      padding: 0!important;
    }
    
    #faqjobseeker {
      position: relative;
     /* top: 4.5em;*/
    }

  /*  #jobseekerfaqs_title {
      width: 100%!important;
      background: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat !important;
      background-size: cover;
      padding: 3em 0 8em;
      position: relative;
    }*/

    #jobseekerfaqs_title > h2 {
      color: #ffffff;
      font-family: Montserrat;
      font-size: 35px;
      font-weight: 600;
      margin-bottom: -1em;
    }
    
  /*  #divjobseekerfaqs {
      max-width: 100%;
      position: relative;
          top: -6.4em;
    }*/

  /*  #jobseekerfqsmaindiv {
      margin: 0 auto 6em!important;
    }*/

    .jobseekerquestionanswers {
      justify-content: space-between;
      box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
      border-radius: 60px;
      background-color: #ffffff;
      padding: 1em 3em .5em;
      margin-bottom: 1.5em;
    }
    .jobseekerfaqQuestion {
      margin: .5em 0!important;
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      align-items: center;
      justify-content: space-between;
    }
    .jobseekerfaqQuestion > strong {
      color: #1e266d;
      font-family: "Open Sans";
      font-weight: 700;
    }
    .jobseekerfaqQuestion > a {
      background: url('https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_faq.svg') center no-repeat;
      background-size: cover;
      width: 18px;
      height: 12px;
    }
/*
    .jobseekerfaqQuestion > strong > span {
          font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 15px !important;
    color: #1E266D;
    }*/

    /* card body answer container */
    .card-body {
      padding: 0!important;
      border: none!important;
    }

    .card-body p {
      color: #000000;
      font-family: "Open Sans";
      font-size: 15px!important;
      margin-bottom: 0;
      font-weight: 400;
    }

    /*-------------------------------------JOBSEEKERS FAQS (candidatefaq) desktop version END ------------------------------------------*/


    
    /* ---------------------------------- JOBSEEKERS PAGE Desktop Version start ---------------------------------------------------------------*/

  /*#jobseekertitlebar {
    position: relative;
    top: -5em;
    background: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat;
    background-size: 100% 100%;
    background-position: -1px;  }*/
  #jobseekerContainer {
    margin-top: 8em;
    position: relative;
    top: 3em;
  }


  #jobseekertitlebar > h2 {
    position: relative;
    top: 2.4em;
    padding: 1em 0 1.5em 0;
    text-align: center;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
  }

  #jobseekertitlebar + .table {
    position: relative;
    top: 0em;
  }

  #jobseekervideoblock {
    position: relative;
    top: 13.5em;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    margin: 0 auto 2em;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #ffffff;
    padding: 3em 3em 2em 3em;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > h1 {
    color: #01468a;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 1.5em;
  }

  /* left column */
  #jobseekervideoblock > div.span-5.cell.htmlBlock {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    justify-content: space-between;
    padding-right: 1em;
    margin-bottom: -1.5em;
    
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > h3 {
      color: #01468a;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 1.5em;
  }

  /* mygovid button registration */
  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > a {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center;
  /*  width: 431px;
    height: 72px*/;
   /* background: url('https://dspazcms2.blob.core.windows.net/media/Default/images/mygovid_button.svg') no-repeat center;*/
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
   /* background-image: -moz-linear-gradient( 0deg, rgb(1,56,111) 0%, rgb(2,58,114) 18%, rgb(19,109,200) 88%);
    background-image: -webkit-linear-gradient( 0deg, rgb(1,56,111) 0%, rgb(2,58,114) 18%, rgb(19,109,200) 88%);
    background-image: -ms-linear-gradient( 0deg, rgb(1,56,111) 0%, rgb(2,58,114) 18%, rgb(19,109,200) 88%);*/
    border-radius: 50px;
   background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) no-repeat, 
   -webkit-linear-gradient( 0deg, rgb(1,56,111) 0%, rgb(2,58,114) 18%, rgb(19,109,200) 88%);
   padding: 17px 50px 17px 13px;
    background-position: 94%;
  }
  
  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > a:after {
    content: '';
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/id.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6em;
    height: 1.6em;
   margin: 0 0.2em;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > a:hover {
    text-decoration: none!important;
  }
/*#jobseekervideoblock > div.span-6.cell.videoBlock {
    width: 100% !important;
}*/

  #jobseekervideoblock > div.span-7.cell.videoBlock > div > p > iframe {
    height: 27em!important;
    width: 100%;
  }

  /* grid row container */
  #jobseekerdyanmicblock {
    width:100%;
    margin: 2em auto;
    padding: 3em 3em 2em 3em;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #ffffff;
    position: relative;
    top: 15em;
  }
  /* list items*/
  #jobseekerdyanmicblock > div > div > article > ul {
    list-style: none;
    display: grid;
     display: -ms-grid;
     -ms-grid-columns:1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
 /*   grid-gap: 2em;
    -ms-grid-gap:2em;*/
    -webkit-grid-gap:2em;
    align-items: center;
  }
  #jobseekerdyanmicblock > div > div > article > ul > li {
    height: 350px;
    padding: 2em;
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    margin:15px;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(1) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/employ_support.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(2) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/intreo_services.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(3) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/training.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(4) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/tips.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(5) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/new_working.svg') top left no-repeat;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li:nth-of-type(6) {
    background: #fff url('https://dspazcms2.blob.core.windows.net/media/Default/images/more_resources.svg') top left no-repeat;
  }

  /* internal wrapper */
  #jobseekerdyanmicblock > div > div > article > ul > li > article {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    height: 100%;
    flex-flow: column;
    justify-content: flex-end;
  }
  /* card texts container */
  #jobseekerdyanmicblock > div > div > article > ul > li > article > div {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    justify-content: space-between;
    height: -webkit-fill-available;
    max-height: 60%;
   height: 60%;
height: -moz-available;        
height: -webkit-fill-available; 
height: fill-available;
  }

  #jobseekerdyanmicblock > div > div > article > ul > li > article > div > div.viremorebutton.pull-right {
    align-self: flex-end;
  }

  /* card title */
  #jobseekerdyanmicblock > div > div > article > ul > li > article > div > div > h4 {
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .5em;
  }

  /* card content */
  #jobseekerdyanmicblock > div > div > article > ul > li > article > div > div > p {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 14px!important;
    margin-bottom: 5px!important;
  }

  #jobseekermoreresourcesbutton {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
  }


  /* external container view more link container */
  #jobseekerviewmorebutton {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    margin-top: 2em;
  }
  
  /* last two cards container */
  #jobseekerclientsayblock {
    position: relative;
    top:15em;
    margin-bottom: 20em;
  }

  /* what jobseeker say title */
  #jobseekerclientsayblock > div > h2 {
    text-align: center;
    color: #0f458a;
    font-family: 'Montserrat';
    font-size: 48px!important;
    font-weight: 500;
    margin: 1em;
  }

  /* lower cards container (ul) */
  #jobseekerclientsayblock > div > div > article > ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    width:100%;
    margin: 1em auto;
   /* align-items: center;*/
    list-style: none;
  }

  /* card item (li) */
  #jobseekerclientsayblock > div > div > article > ul > li {
    border-radius: 4px;
    border: 1px solid rgba(69, 88, 128, 0.2);
    background-color: #ffffff;
    padding: 3em;
    margin: 0 1em;
    width: 50%;
  }

  /*#jobseekerclientsayblock > div > div > article > ul > li > article > div > div {
    display: grid!important;
     display: -ms-grid !important;
    grid-template-columns: 1fr 2fr!important;
    -ms-grid-columns: 1fr 1fr 1fr !important;
            grid-template-rows: 1fr !important;
  }*/
  }

  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > img {
    grid-column-start: 1;
    -webkit-grid-column-start:1;
    -webkit-grid-column:1;
    -ms-grid-column-start:1;
    -ms-grid-column:1;
    grid-column-end: 2;
    -webkit-grid-column-end: 2;
    justify-self: center;
    width: 64px!important;
    border-radius: 50px!important;
  }

  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > h3 {
    grid-column-start: 2;
     -webkit-grid-column-start:2;
    -webkit-grid-column:2;
    grid-column-end: 3;
    -webkit-grid-column-end: 3;
    place-self: start;
    align-self: center;
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
  }


  #jobseekerclientsayblock > div > div > article > ul > li > article > div > div > p {
    grid-column-start: 1;
    -webkit-grid-column-start: 1;
     -webkit-grid-column:1;
    grid-column-end: 3;
     -webkit-grid-column-end: 3;
    margin-top: 1em;
    color: #455880;
    font-family: "Open Sans";
    font-size: 16px!important;
    font-weight: 400;
    line-height: 1.5em;
  }

  
  /*--------------- START REUSABLE SECTION FOR FAQS-----------------------------------------------------------------*/
  /* faq container */
  #jobseekerfaqblock {
    margin: 2em auto;
    width: 65%;
  }
  
  /* faq title*/
  #jobseekerfaqblock > div > h2 {
    text-align: center;
    color: #185677;
    font-family: 'Montserrat';
    font-size: 40px!important;
    font-weight: 500;
    line-height: 60px;
    text-transform: uppercase;
  }

  /* faq list items */
  #jobseekerfaqblock > div > div > article > ul {
    list-style: none;
    margin: 2em auto 20em auto;
  }

  #jobseekerfaqblock > div > div > article > ul > li {
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
    padding: 1em 3em;
    margin-bottom: 2em;
  }

  /* list item title */
  #jobseekerfaqblock > div > div > article > ul > li > article > div > div > h3 {
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 13px!important;
    font-weight: 700;
  }

  #jobseekerfaqblock > div > div > article > ul > li > article > div > div > p {
    color: #000000;
    font-family: "Open Sans";
    font-size: 13px!important;
    font-weight: bold;
    line-height: 1.3em;
  }
  #jobseekerfaqblock > div > div > article > ul > li > article > div > div > p > a {
    color: #000000;
    font-family: "Open Sans";
    font-size: 13px!important;
    font-weight: bold;
    line-height: 1.3em;
    cursor: pointer;
  }
/*--------------------------------------- END REUSABLE SECTION FOR FAQS-----------------------------------------------------------------*/  

/*--------------------------------------------EMPLOYERS FAQS DESKTOP VERSION START -----------------------------------------------------*/
#faqemplyer {
  position: relative;
   top: -3.5em;
}

#employerfaqs_title {
  width: 100%!important;
     background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat;
  background-size: cover;
  padding: 3em 0 8em;
}

#employerfaqs_title > h2 {
   position: relative;
    top: 35px;
    padding: 0em 0 0.5em 0;
    text-align: center;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
 
}

/*#employerfaqsmaindiv {
  max-width: 65%;
     margin: -0.5em auto 8em!important;
    position: relative;
    top: -3em;

}*/

.employerquestionanswers {
  box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
  border-radius: 60px;
  background-color: #ffffff;
  /*padding: 1em 3em .5em;*/
  margin-bottom: 1.5em;
 /* padding-bottom: 11px;*/
    display: block;
}

.employerfaqQuestion {
  margin: 0em 0!important;
  display: flex;
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
  align-items: center;
  justify-content: space-between;
}

.employerfaqQuestion > strong {
  color: #1e266d;
  font-family: "Open Sans";
  font-weight: 700;
  max-width: 90%;
}

.employerfaqQuestion > strong  > span{
  font-size: 15px;
}
.employerfaqQuestion > a {
  background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_faq.svg) center no-repeat;
  background-size: cover;
  width: 18px;
  height: 12px;
}


/*--------------------------------------------EMPLOYERS FAQS DESKTOP VERSION END -----------------------------------------------------*/



/*-----------------------------------------EMPLOYERS PAGE DESKTOP VERSION START ------------------------------------------------------- */
  #Tittlebar {
/*    margin-top: 1em;
    background: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat;
    background-size: contain;*/
  /*  position: relative;
    top: -3em;
    background: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) bottom center no-repeat;
    background-size: cover;*/
  }

  #Tittlebar > div > h2 {
  /*  color: #ffffff!important;
    font-family: 'Montserrat'!important;
    font-size: 35px!important;
    font-weight: 600!important;
    text-align: center!important;
    position: relative;
    top: 1em;*/
    position: relative;
    top: 56px;
    padding: 1em 0 0.5em 0;
    text-align: center;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
  }

  #employersCompanies {
    position: relative!important;
    top: 0 ; 
  }

  #employervideoblock {
    width: 75%;
    margin: auto;
    position: relative;
    margin: 0em auto 1.5em;
    padding: 3em;
    box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
border-radius: 18px;
   
    background-color: #ffffff;
  }

  /* avoid unnecessary height of container */
 /* #employerhtmlblock {
    margin-bottom: -3em;
  }*/

  #employerhtmlblock > h1 {
    color: #01468a;
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 600;
    padding-right: 0em;
  }

#jobseekervideoblock ul.benefits-box li, #employervideoblock ul.benefits-box li {
    color: #01468a;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 2em;
    padding-right: 1em;
}
  #employerhtmlblock > p {
    margin-bottom: 0!important;
  }
  #employerhtmlblock > p > a {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/employers_search.svg) no-repeat center;
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 600;
    width: 296px;
    height: 72px;
    margin-top: .8em;
  }

  #employerhtmlblock > p > a:hover {
    text-decoration: none;
  }

  #employervideo > div > p > iframe {
    height: 27em!important;
    width: 100%;
  }
  
  /* cards with images container (ul) */
  #employerdynamicblock > div > div > article > ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    margin: 2em auto;
    list-style: none;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    padding: 3em 2em 4em;
    background-color: #ffffff;
  }

  /* card item */
  #employerdynamicblock > div > div > article > ul > li {
    box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 18px;
    height: 350px;
    padding: 1.5em;
    width: 365px;
    margin: 0 1em;
  }

  #employerdynamicblock > div > div > article > ul > li:nth-of-type(1) {
    background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/employ_support.svg) top left no-repeat;
  }

  #employerdynamicblock > div > div > article > ul > li:nth-of-type(2) {
    background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/intreo_services.svg) top left no-repeat;
  }
  
  #employerdynamicblock > div > div > article > ul > li:nth-of-type(3) {
    background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/training.svg) top left no-repeat;
  }

  #employerdynamicblock > div > div > article > ul > li > article {
    height: 100%!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    height: 100%;
    flex-flow: column;
    justify-content: flex-end;
  }

  /* commonblocks */
  #employerdynamicblock > div > div > article > ul > li > article > div {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    justify-content: space-between;
    height: -webkit-fill-available;
    max-height: 55%;
  }



  #employerdynamicblock > div > div > article > ul > li > article > div > div > h4 {
    color: #185677!important;
    font-family: "Open Sans"!important;
    font-size: 20px!important;
    font-weight: 600!important;
    margin-bottom: .5em;
  }

  #employerdynamicblock > div > div > article > ul > li > article > div > div > p {
    color: #01468a!important;
    font-family: "Open Sans"!important;
    font-size: 14px!important;
    font-weight: 400;
    margin-bottom: 1.5em;

  }

  #employerdynamicblock > div > div > article > ul > li > article > div > div:last-child {
    align-self: flex-end!important;
  }
  /* outer view more link */
  #employesviewmorebutton {
    position: relative;
    right: 13.5em;
    top: -4.8em;
  }

  #employeremploersayblock > div > h2 {
    color: #01468a;
    font-family: 'Montserrat';
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 1em;
    margin-top: -1em;
  }

  /* what employers say section */

  #employeremploersayblock > div > div > article > ul {
    width: 100%;
    margin: 1.5em auto 5em;
    list-style: none;    
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    width: 100%;
    margin: 1em auto;
   /* align-items: center;*/
    list-style: none;
   /* display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: space-between;*/
  }

  #employeremploersayblock > div > div > article > ul > li {
    border-radius: 4px;
    border: 1px solid rgba(69, 88, 128, 0.2);
    background-color: #ffffff;
    padding: 3em;
      margin: 0 1em;
      width: 50%;

  }

/*  #employeremploersayblock > div > div > article > ul > li{
      margin: 1.5em auto;
}*/
  /*#employeremploersayblock > div > div > article > ul > li > article > div > div {
    display: grid!important;
     display: -ms-grid !important;
    grid-template-columns: 1fr 2fr!important;
  }*/
  #employeremploersayblock > div > div > article > ul > li > article > div > div > img {
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: center;
    width: 64px!important;
    border-radius: 50px!important;
  }
  #employeremploersayblock > div > div > article > ul > li.first > article > div > div > h3 {
    grid-column-start: 2;
    grid-column-end: 3;
    place-self: start;
    align-self: center;
    color: #1e266d;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
  }
  #employeremploersayblock > div > div > article > ul > li > article > div > div > p {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 1em;
    color: #455880;
    font-family: "Open Sans";
    font-size: 16px!important;
    font-weight: 400;
    line-height: 1.5em;
  }


/*-----------------------------------------EMPLOYERS PAGE DESKTOP VERSION END ------------------------------------------------------- */
  
/* ---------------------------------- JOBSEEKERS PAGE Desktop Version end ---------------------------------------------------------------*/

    /* Footer desktop version */
    .zone-footer {
      padding: 0;
    }
    /*#commonfooter{
      position: absolute!important;
      bottom: unset!important
      }*/
      
      footer .footer-menu{
      padding-bottom: 0 !important;
      }
    #footer {
      background-color: #f8f8f8;
     /* width: 100%;*/
    }
   /* footer .footer-container {
        width: 75%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: (auto)[1];
            grid-template-rows: repeat(1, auto);
        grid-column-gap: 2em;
        -ms-grid-column-span: 2;  
        margin: 2em auto;
    }*/
    footer .footer-container{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 360px 370px 240px 210px;
    grid-template-columns: 360px 370px 240px 210px;
    -ms-grid-rows: (auto)[1];
    grid-template-rows: repeat(1, auto);
  /*  grid-column-gap: 2em;
    -ms-grid-column-span: 2;*/
    margin: 2em auto;
    justify-content: center;
    }

    footer .footer-container h3 {
      margin-bottom: 1.3em;
      font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #1E266D;
    }

    footer .footer-container .social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
    }

    footer .footer-container .social .social-logos {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
    }

    /* footer .footer-container .social .social-logos .facebook, footer .footer-container .social .social-logos .instagram, footer .footer-container .social .social-logos .twitter { */
    .social .social-logos .facebook, .social .social-logos .instagram, .social .social-logos .twitter {
      margin-right: 1.5em;
    }
    /* footer .footer-container .social .social-logos .facebook:hover, footer .footer-container .social .social-logos .instagram:hover, footer .footer-container .social .social-logos .twitter:hover { */
    .social .social-logos .facebook:hover, .social .social-logos .instagram:hover, .social .social-logos .twitter:hover {
      cursor: pointer;
    }

    .social .social-logos .facebook {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/facebook_logo.svg") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
      -webkit-transition: background .1s;
      transition: background .1s;
    }

    .social .social-logos .facebook:hover {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/facebook_hover.svg") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
    }

    .social .social-logos .instagram {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/instagram_logo.svg") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
      -webkit-transition: background .1s;
      transition: background .1s;
    }
    
    .social .social-logos .instagram:hover {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/instagram_hover.png") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
    }

    .social .social-logos .twitter {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/twitter_hover.svg") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
      -webkit-transition: background .1s;
      transition: background .1s;
    }

    .social .social-logos .twitter:hover {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/twitter_logo.svg") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
    }

    .social .social-logos .linkedin {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/Linkedin.png") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
      -webkit-transition: background .1s;
      transition: background .1s;
    }

    .social .social-logos .linkedin:hover {
      background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/images/Linkedin_over.png") center center no-repeat;
      background-size: contain;
      width: 2.5em;
      height: 2.5em;
    }

    footer .footer-container .mission {
      color: #1e266d;
      font-family: 'Montserrat';
      font-size: 14px;
      font-weight: 400;
    }

    footer .footer-container .info p {
      margin-top: -.5em;
      font-family: 'Montserrat';
      font-size: 14px;
      font-weight: 400;
      color: #1e266d;
    }
    
    footer .footer-container .info p a{
          font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #455880;
    }

    footer .footer-container .logo {
      -ms-flex-item-align: start;
          -ms-grid-row-align: start;
          align-self: start;
    }

    footer hr {
      width: 100%;
      border-top: 1px solid #1e266d;
      margin: auto;
    }

    footer .footer-menu {
      width: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 40% 50%;
          grid-template-columns: 40% 50%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 1.5em auto 4em auto;
      padding-bottom: 5.5em;
    }

    footer .footer-menu .copywright {
      font-family: 'Montserrat';
      font-size: 14px;
      color: rgba(69, 88, 128, 0.5);
    }

    footer .footer-menu .privacy span {
         margin-right: 1em;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    text-decoration-line: underline;
    color: #455880;
    }

    footer .footer-menu .privacy span:hover {
      text-decoration: underline;
    }

    /* Juicer media aggregator desktop version*/
    
    .Media {
      width: 75%;
      margin: 2em auto;
    }

    .Media > .juicer-feed {
      padding: 3em;
      box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
      border-radius: 20px;
      background-color: #01468a;
    }

    .Media > .juicer-feed > h1.referral {
      display: none!important;
    }

    .Media > .juicer-feed > button {
      display: none!important;
    }

    .Media > .juicer-feed > .m-ctaCreateProfile__block {
      text-align: center!important;
      margin-bottom: 1em!important;
      color: #ffffff!important;
      font-family: 'Montserrat'!important;
      font-size: 44px!important;
      font-weight: 500!important;
      line-height: 60px!important;
    }

    .feed-item {
      box-shadow: 0 6px 41px rgba(135, 146, 161, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
      border-radius: 18px!important;
      margin: 0 1em!important;
      background: #fff!important;
      transition: all .4s;
    }

    .j-poster h3{
      font-family: 'Open Sans';
      font-size: 16px!important;
      color: #01468a!important;
    }

    .juicer-feed.modern .j-image img {
      margin-bottom: 0;
      max-height: 160px;
      object-fit: cover;
      padding: 0 1em;
    }
    
    .j-message > p {
      color: #455880;
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 400;
      overflow-y: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    .j-date {
      display: none!important;
    }
    .j-meta {
      display: flex;
      justify-content: flex-start;
    }

    div.j-meta > ul {
      display: none!important;
    }

    .j-text {
      height: 180px;
      overflow: hidden;
    }

    div.j-meta > nav {
      display: flex!important;
      align-items: center;
      justify-content: space-between;
      width: 100%!important;
    }

    div.j-meta > nav > a {
      color: #01468a!important;
    }

    div.j-meta > nav > a:hover {
      text-decoration: none!important;
    }


/*     div.j-meta > nav > a:after {
      content: '',
      width: 68px;
      height: 56px; 
      background: #fff url('/MEdia/Default/images/button_arrow_right.svg');
    } */
a.button.search-home.follousNavigation {
    width: 5.5em;
    padding: 1em;
    height: 3.1em;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
    border-radius: 50px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center;
}
    .viremorebutton a {
      color: #01468a!important;
      display: flex;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      font-family: 'Open Sans';
      font-size: 14px;
      justify-content: flex-end;
      font-weight: bold;
      align-items: center;
    }

    .viremorebutton a > span {
      background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/Arrow_Up_Right.svg) center no-repeat;
      background-size: contain;
      width: 24px;
      height: 12px;
      display: block;
      margin-left: .5em;
    }

    .viremorebutton a:hover {
      text-decoration: none!important;
    }

    

    /* accessibility widget area Francesco's style */

    #link_sitemanager {
      background: #01468a!important;
    }
    .m-accesibility__container {
      background:  #01468a!important;
      font-family: 'Open Sans'!important;
    }
    .a-accesibility__container {
      display: flex!important;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      align-items: center!important;
      align-content: center!important;
      justify-content: center!important;
    }
    .a-accesibility__item {
      height: none!important;
      padding: .15em 0!important;
      display: flex!important;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
      justify-content: center!important;
      align-items: center!important;
    }
    select#languageSelector {
      padding: 0 1.5em!important;
      background:  #01468a!important;
    }
    #gotobottom {
      display: none!important;
    }
    .a-accesibility__liveChat:before {
      display: none!important;
    }
   /* .a-accesibility__liveIcon {
      display: none!important;
    }*/

    /* Accessiblity desktop version */ 
    .site_Manager {     
      width: 100%;     
      position: fixed;     
      overflow: visible;     
      bottom: 0;     
      display: inline-block;     
      text-align: center;     
      z-index: 99999999; 
    } 
    
    a.link_sitemanager {     
      color: #E5E9EC;     
      text-align: center;     
      background: #272C32;     
      position: relative;     
      padding: 0px 25px;     
      border-radius: 3px 3px 0 0;     
      display: inline-block;     
      position: relative; 
    } 
    
    span.Hideaccessiblity {     
      display: none; 
    }

    a.link_sitemanager:after {     
      content: "";     
      font-family: "FontAwesome";     
      position: absolute;     
      top: 2px;     
      width: 9px; 
      /*   line-height: 1.8;*/     
      display: inline-block;     
      color: #E5E9EC;
      float: right;
      font-weight: 500;
      right: 10px;     
      -webkit-transform: rotate(0deg);     
      transform: rotate(0deg); 
    } 
  
  .o-fixed.isActive a.link_sitemanager.linkmanageactive:after {
    -webkit-transform: rotate(180deg);     
    transform: rotate(180deg); 
  } 
  
  .o-fixed {
    left: 0; 
  } 
  
  .m-accesibility {
    margin: 0 auto; 
  } 
  
  #m-accesibility {     
    display: none; 
  } 
  
  .linkmanageactive span.showaccessiblity {
    display: none; 
  } 
  
  .linkmanageactive span.Hideaccessiblity {
    display: block; 
  } 
  
  .site_Manager .a-accesibility__select {     
    padding: 14px 18px !important; 
  } 
  
  #backtotop, #gotobottom {
    z-index: 9999999; 
  } 
  
  .contact_ul {    
    display: block;
    clear: right;     
    width: 100%; 
  } 
  
  .contact_ul {     
    display: table; 
  } 
  
  .Contact_ulbox span {
    display: table;     
    width: 100%; 
  } 
  
  .contact_ul > span {
    width: 50%; 
  } 
  
  .contact_ul a {     
    width: 100%;
    display: block; 
  } 
  
  .contact_ul > span {
    display: table;     
    float: left;     
    width: 50%;     
    line-height: 30px !important;     
    color: #FFF;
    text-align: center;     
    background: #8bc23e;     
    text-transform: none;     
    font-weight: normal; 
  } 

  
  .contact_ul > span a {         
    color: #fff !important;
  } 
  
  .contact_ul > span a { 
    /*padding: 15px 30px !important;*/
    padding: 15px 10px !important;         
    line-height: 30px !important;     
  } 

  .contact_ul > span:nth-child(2) {
    background: #9dd14b;     
  } 
  
  ul.menu li:hover ul li.Contact_ulbox:hover a:hover {
    color: #fff !important; 
  } 
  
  li.Contact_ulbox {     
    width: 100% !important;     
    position: absolute !important;     
    bottom: -40px;     
    left: 0;     
    max-height: 60px; 
  } 
  
  .contact_ul > span:nth-child(2):hover { 
    background: #9ed547 !important; 
  } 
  
  ul.menu li:hover ul .contact_ul span:hover a {     
    color: #fff !important;     
    background: #9ed547 !important;
  } 
  
  ul.menu li:hover ul .contact_ul span:first-child:hover a {
    background: #86b742 !important; 
  } 
  
  ul.menu li:hover ul li.Contact_ulbox:hover a {
    color: #fff !important; 
  } 
  
  .Contact_ulbox span a:after {     
    content: none !important; 
  } 
  
  .Contact_ulbox .contact_ul a {
    /* line-height: 0 !important;
    letter-spacing: -3px;*/ 
  }
  /* End Accessblity */ 
}

/*--------------- DESKTOP VERSION END ---------------*/



/*------------------------------------------------- DESKTOP VERSION HOME PAGE MEDIA QUERIES START --------------------------------------*/
@media screen and (min-width: 767px) and (max-width: 990px) {
  .double-row {
    display: none!important;
  }
  #mobile_menu {
    display: block!important;
  }
  #layout-navigation > div > article > header > .navcustom {
    width: 90%;
    align-items: center;
  }

  .slider_contain {
    position: relative;
   
    width: 100%;
    background-image: url('https://dspazcms2.blob.core.windows.net/media/Default/images/banner_bg_home.svg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: border-box;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-content: center;
    align-items: center;
  /*  justify-content: space-between;*/
    padding: 0 0 3em;
  }

  .bannerText {
    max-width: 80%;
    position: relative;
    
  }

  #content > div > article > div > div.container > div {
    margin: 1em auto;
    width: 100%;
  }

  /*employer section*/
  .m-ctaCreateProfile__title:first-of-type > p:first-of-type {
    font-size: 30px!important;
    font-weight: 600!important;
  }
  .m-ctaCreateProfile__title:first-of-type > p:last-of-type {
    font-size: 22px!important;
    font-weight: 600!important;
  }

  .container .four.columns {
    width: auto!important;
  }
  form#contact > h3 {
    margin-left: 4em;
  }
  form#contact > fieldset {
    margin-left: 13em;
  }

  form#contact > fieldset > div > select {
    max-width: 300px;
  }

  section > .o-cardList__container {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between!important;
    background: #fff;
    margin: auto;
    padding: 2em 1em;
  }

  .m-card--row {
    width: 100%!important;
    text-align: center;
    margin: 1em .5em!important;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
    padding: 1em 1em!important;
    border-radius: 18px!important;
  }

  

}

@media screen and (min-width: 990px) and (max-width: 1280px) {
  /*employer section*/
  .m-ctaCreateProfile__title:first-of-type > p:first-of-type {
    font-size: 30px!important;
    font-weight: 600!important;
  }
  .m-ctaCreateProfile__title:first-of-type > p:last-of-type {
    font-size: 22px!important;
    font-weight: 600!important;
  }
  /* whats going on section */
 /* section > .o-cardList__container {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between!important;
    background: #fff;
    margin: auto;
    padding: 2em 1em;
  }*/

  .m-card--row {
    width: 100%!important;
    text-align: center;
    margin: 1em .5em!important;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16)!important;
    padding: 1em 1em!important;
    border-radius: 18px!important;
  }

  .container .four.columns {
    width: auto!important;
  }
  form#contact > h3 {
    margin-left: 4em;
  }
  form#contact > fieldset {
    margin-left: 9em;
  }

  form#contact > fieldset > div > select {
    max-width: 300px;
  }

  
}


@media screen and (min-width: 1280px) and (max-width: 1350px) {
  section > .o-cardList__container {
    padding: 0;
  }
  .m-card__title--row {
    font-size: 18px!important;
  }
}







/*------------------------------------------------- DESKTOP VERSION HOME PAGE MEDIA QUERIES END --------------------------------------*/


/*-------------------------------------------------MOBILE VERSION HOME PAGE MEDIA QUERIES START ---------------------------------------*/
/*-------------------------------------------------MOBILE VERSION HOME PAGE MEDIA QUERIES END -----------------------------------------*/

/*-----------------------------------------------JOBSEEKERS DESKTOP MEDIA QUERIES START ------------------------------------------------*/

@media screen and (min-width: 767px) and (max-width: 990px) {
 /* #jobseekertitlebar {
    position: relative;
    top: 0em;
    background: url(/MEdia/Default/images/employers_desktop_bg_ellipse.svg) top no-repeat;
  background-image: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) !important;
    height: 280px;
   
  }*/


  #jobseekertitlebar > h2 {
    position: relative;
    top: -0.5em;
  }


  #jobseekerContainer {
    position: relative;
    top: -5em;
}

  .searchBox {
    margin: -15em auto;
  }

  #jobseekervideoblock {
   top: 11em;
    flex-flow: column-reverse;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock {
    margin: 1em auto;
    width: 80%!important;
  }

  #jobseekervideoblock > div.span-5.cell.htmlBlock > div > h1 {
    font-size: 28px;
    text-align: center;
  }
  #jobseekerdyanmicblock {
    width: 95%;
    position: relative;
    top: 11em;
  }

  #jobseekerdyanmicblock > div > div > article > ul {
    grid-template-columns: 50% 50%;
  }

  #jobseekerclientsayblock > div > h2 {
    margin: 2em auto 1em;
  }

  #jobseekerclientsayblock > div > div > article > ul {
    width: 90%;
  }

}

@media screen and (max-width: 1280px) and (min-width: 990px) {
 /* #jobseekertitlebar {
    position: relative;
    top: -2em;
    background: url(/MEdia/Default/images/employers_desktop_bg_ellipse.svg) top no-repeat;
  }*/

 /* #jobseekertitlebar > h2 {
    top: 0.5em;
  }*/
#jobseekerContainer{
	top: 3em;
}
 /* #jobseekerContainer {
    margin-top: 6em;
  }*/
#jobseekervideoblock, #jobseekerclientsayblock{
	    top: 13em;
}
#jobseekerclientsayblock{
	margin-bottom: 15em;
}
#jobseekerdyanmicblock{
	top: 14em;
}
  #jobseekerdyanmicblock {
    width: 85%;
  }

  /*#jobseekerdyanmicblock > div > div > article > ul {
    grid-template-columns: 1fr 1fr;
  }*/
}

@media screen and (min-width: 767px) and (max-width: 1280px) {
  #jobseekervideoblock {
    width: 100%;
    position: relative;
  }
}


/*-----------------------------------------------JOBSEEKERS DESKTOP MEDIA QUERIES END --------------------------------------------------*/



/*---------------------------------------------- EMPLOYERS DESKTOP MEDIA QUERIES START -------------------------------------------------*/

@media screen and (min-width: 767px) and (max-width: 990px) {
  #Tittlebar {
    position: relative;
    top: -6em;  
  }

  #Tittlebar > div > h2 {
    position: relative;
    top: 3em;
    padding: .6em 0 .5em;
  }

  #employersCompanies {
    top: 0.5em!important;
}

  #employervideoblock {
    width: 95%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-items: center;
  }
  #employervideoblock > .span-5 {
    width: 90%!important;
    text-align: center;
  }


  #employerhtmlblock {
    padding: 3em 0 0 1.5em;
    text-align: left;
    padding-bottom: 1.5em;
  }

  #employerdynamicblock > div > div > article > ul {
    width: 95%;
    display: grid;
     display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1.5em;
    justify-content: center;
  }

  #employesviewmorebutton {
    right: 3.5em;
  }
  #employeremploersayblock > div > div > article > ul {
    width:100%;
  }
}

@media screen and (min-width: 990px) and (max-width: 1280px) {
  #Tittlebar {
    position: relative;
    top: -4em;
  }

  #Tittlebar > div > h2 {
    position: relative;
    top: 2em;
    margin: .5em auto;
  }

  #employervideoblock {
    width: 85%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: column-reverse;
    align-items: center;
    position: relative;
    top: -.5em;
    margin: auto;
    padding: 2em 2em 5em;
  }
  #employervideoblock > .span-5 {
    width: 100%!important;
    padding: 0 1em;
  }


}












/*---------------------------------------------- EMPLOYERS DESKTOP MEDIA QUERIES END ---------------------------------------------------*/




/*------------------------------------------ FOOTER MEDIA QUERIES MEDIUM VERSION START --------------------------------------------------------*/
@media screen and (min-width: 767px) and (max-width: 990px) {
  footer .footer-container {
   /* width: 85%;*/
    grid-template-columns: 50% 50%;
    -ms-grid-columns:  50% 50%;
    
  }
}


/*------------------------------------------ FOOTER MEDIA QUERIES MEDIUM VERSION END --------------------------------------------------------*/