/* Color Pallet */
:root {
  --b: #000000;
  --w: #ffffff;
  --brand-color-1: #3E7DFF;
  --brand-color-2: #003393;
  --brand-color-3: #6813CA;
  --brand-color-4: #185a9d;
  --background-color-1: #1F2229;
  --light-background: #F6F6F6;
  --grey-background: #D9D9D9;
  --dark-background: #26383F;
  --font-color-1: #011821;
  --font-color-2: #bababa;
  --menu-font: #4F5A68;
  --body-font: 'Outfit Regular';
  --body-bold: 'Outfit Medium';
  --gradient-1: linear-gradient(90deg, #6813CA 0%, #2475FC 100%);
}
.place-holder-w ::-webkit-input-placeholder {
  color: #ffffff;
  font-family: 'Outfit Regular';
}
.place-holder-w ::-moz-placeholder {
  color: #ffffff;
  font-family: 'Outfit Regular';
}
.place-holder-w :-ms-input-placeholder {
  color: #ffffff;
  font-family: 'Outfit Regular';
}
.place-holder-w :-moz-placeholder {
  color: #ffffff;
  font-family: 'Outfit Regular';
}
.page-template-dashboard #wrapper .content {
  /*@media (min-width: 991px) {
                padding-right: 4rem !important;
            }*/
}
.page-template-dashboard #wrapper .welcome form h1 {
  margin-bottom: 1rem !important;
}
.page-template-dashboard #wrapper .welcome form label.error {
  display: block !important;
  width: 100%;
  text-align: left;
  padding: 0;
  font-size: 1rem;
}
.page-template-dashboard #wrapper .welcome form button {
  width: auto;
  display: block;
  padding: 1rem 3rem;
  border-radius: 64px;
  background: var(--brand-color-1);
  line-height: 0;
  border: 1px solid #ffffff;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #ffffff;
  font-family: 'Outfit Medium';
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome form button {
    display: inline-block;
    width: 100%;
  }
}
.page-template-dashboard #wrapper .welcome form button span {
  font-size: 1rem;
  line-height: 1.625rem;
  font-family: 'Outfit Medium';
  color: #ffffff;
}
.page-template-dashboard #wrapper .welcome form button:hover {
  background: var(--brand-color-2);
}
.page-template-dashboard #wrapper .welcome form .inner fieldset {
  padding: 0 1rem 0 0;
  display: inline-block !important;
  vertical-align: top;
  margin: 0 0 2rem !important;
}
@media (min-width: 1401px) {
  .page-template-dashboard #wrapper .welcome form .inner fieldset {
    width: calc(100% / 4 - .2rem);
  }
}
@media (max-width: 1400px) {
  .page-template-dashboard #wrapper .welcome form .inner fieldset {
    width: calc(100% / 2 - .2rem);
  }
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome form .inner fieldset {
    width: calc(100% / 1 - .2rem);
    margin: 0 0 1rem !important;
    padding-right: 0;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand#welcome_cand_one {
  display: block;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset #cand_cv-error {
  display: inline-block !important;
}
@media (min-width: 1401px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset.cover_letter {
    width: calc(66.666% - .2rem);
  }
}
@media (max-width: 1400px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset.cover_letter {
    width: 100%;
  }
}
@media (min-width: 1401px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset.file_upload {
    width: calc(100% / 3 - .2rem);
  }
}
@media (max-width: 1400px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset.file_upload {
    width: 100%;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset.file_upload input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_input {
  border-radius: 15px 0 0 15px;
  width: calc(100% - 67px);
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_input {
    border-radius: 15px;
    width: calc(100% - 0px);
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_generate {
  border-radius: 0 15px 15px 0;
  background: var(--brand-color-1);
  color: #ffffff;
  padding: 1rem 1rem;
  border: none;
  font-size: 1rem;
  line-height: 1.4rem;
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_generate {
    border-radius: 15px;
    margin-top: 1rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_input,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .skills_generate {
  display: inline-block;
  vertical-align: middle;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .cv_upload {
  background: #ffffff;
  border: 1px dashed var(--brand-color-2);
  border-radius: 15px;
  padding: 2rem;
  text-align: center;
  display: block !important;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .cv_upload.error {
  border-color: red;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .cv_upload i {
  display: block;
  margin: 0 auto 0.5rem;
  color: var(--brand-color-1);
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .cv_upload span {
  display: block;
  opacity: 0.6;
  font-size: 1rem;
  margin: 0 0 0.5rem;
  max-width: 100%;
  overflow: hidden;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset .cv_upload small {
  display: block;
  font-size: 0.8rem;
  opacity: 0.6;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner fieldset textarea {
  min-height: 160px;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner ul label {
  margin: 0;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .categories li.selected {
  border: 2px solid var(--brand-color-1);
}
@media (min-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul {
    font-size: 0;
    margin: 0 -1rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li {
  background: #ffffff;
  border-radius: 15px;
  margin: 0 0 1rem;
  position: relative;
}
@media (min-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li {
    width: calc(100% / 3 - 2rem);
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem 2rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li input:checked + label:before {
  background-color: var(--brand-color-1);
  background-image: url(/wp-content/themes/sky-theme/images/svg/check.svg);
  background-size: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li label {
  padding: 1rem;
  display: block;
  margin: 0;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li label span {
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 31px);
  padding-right: 1rem;
}
@media (max-width: 1500px) and (min-width: 992px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li label span {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li label span {
    font-size: 0.9rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem 0 0;
  width: 15px;
  height: 15px;
  border: 1.5px solid var(--brand-color-1);
  border-radius: 4px;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .close {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li.parent {
  position: relative;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li.parent .close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 58px;
  width: 50px;
  cursor: pointer;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li.parent .close i {
  font-size: 1.6rem;
  line-height: 0rem;
  color: var(--brand-color-1);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li.open .sub-terms {
  display: block;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li.open .close {
  border-top: none;
  border-bottom: 8px solid #ffffff;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms {
  display: none;
  border-top: 1px solid var(--font-color-1);
  padding: 1rem 0;
  max-height: 300px;
  overflow-y: auto;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms li input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms li input:checked + label:before {
  background-color: var(--brand-color-1);
  background-image: url(/wp-content/themes/sky-theme/images/svg/check.svg);
  background-size: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms li label {
  padding: 0 1rem;
  font-size: 1rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms li label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  width: 15px;
  height: 15px;
  border: 1.5px solid var(--brand-color-1);
  border-radius: 4px;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner > ul > li .sub-terms li label span {
  font-size: 1rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
  color: var(--font-color-1);
  width: calc(100% - 31px);
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education {
  font-size: 0;
  margin: 1rem 0;
  display: block;
  overflow: hidden;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset {
  padding: 0 1rem 0 0;
  display: inline-block !important;
  vertical-align: top;
  margin: 0 0 2rem !important;
}
@media (min-width: 1401px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset {
    width: calc(100% / 2 - .2rem);
  }
}
@media (max-width: 1400px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset {
    width: calc(100% / 2 - .2rem);
  }
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset {
    width: calc(100% / 1 - .2rem);
    margin: 0 0 1rem !important;
  }
}
@media (min-width: 1401px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset.desc,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset.desc {
    width: calc(100% / 2 - .2rem);
  }
}
@media (max-width: 1400px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset.desc,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset.desc {
    width: calc(100% / 2 - .2rem);
  }
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset.desc,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset.desc {
    width: calc(100% / 1 - .2rem) !important;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience fieldset.dates .split,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education fieldset.dates .split {
  margin-bottom: 1rem;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience .remove,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education .remove {
  background: red;
  border: none;
  float: right;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience .remove,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education .remove {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience.dup,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education.dup {
  border-top: 1px solid var(--grey-background);
  padding-top: 2rem;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience.dup .remove,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .education.dup .remove {
  display: block;
}
@media (min-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience .duplicate,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education .duplicate,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .experience .duplicate_edu,
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .education .duplicate_edu {
    margin: 0 1rem 2rem 0;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .results {
  margin: 0 0 1rem;
  display: block;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .results label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem 0 0;
  border-radius: 10px;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background: var(--brand-color-2);
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 15px;
  position: relative;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .results label .delete {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1rem;
  font-family: 'Outfit Medium';
  cursor: pointer;
  color: #ffffff;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .results label.deleting {
  padding: 0.5rem;
  border-color: red;
  color: red;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .results label input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title {
  margin: 0 0 2rem;
  padding: 0 1rem 0 0;
  display: block;
  overflow: hidden;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title .back {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none !important;
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title .back {
    display: block;
    margin: 0 0 1rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title .back i {
  padding: 0 1rem 0 0;
}
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title .back i,
.page-template-dashboard #wrapper .welcome .welcome_cand .inner .back-title .back span {
  display: inline-block;
  vertical-align: middle;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner {
  font-size: 0;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner .normal-fields {
  width: 80%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner .normal-fields {
    width: 100%;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset {
  width: calc(100% / 3 - .2rem);
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset {
    width: calc(100% / 1 - .2rem);
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.description {
  width: calc(66.666% - 1rem) !important;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.description {
    width: calc(100% - 1rem) !important;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.description textarea {
  height: 130px;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner {
  width: 33.3333% !important;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner {
    width: 100% !important;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner {
  padding: 0;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner {
    text-align: center;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner .company_bg_label {
  height: 130px;
  width: 100%;
  border-radius: 15px;
  background: #ffffff;
  background-image: url(/wp-content/themes/sky-theme/images/svg/preview.svg);
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: 50px;
  margin: 0 auto;
  display: block;
  border: 2px dashed var(--brand-color-2);
  min-height: 150px;
  position: relative;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner .company_bg_label {
    margin-bottom: 1rem;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner .company_bg_label.preview {
  background-size: cover !important;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner .company_bg_label i {
  position: absolute;
  padding: 0.5rem;
  border-radius: 6px;
  bottom: -13px;
  right: -13px;
  background-color: var(--brand-color-1);
  color: #ffffff;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.company_banner .company_bg_label p {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 2rem;
  font-size: 0.8rem;
  line-height: 1rem;
  left: 2rem;
  right: 2rem;
  text-align: center;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo {
  width: 20%;
  margin: 0 0 2rem;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 2rem;
  height: auto;
}
@media (max-width: 767px) {
  .page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo {
    width: 100%;
  }
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo input {
  display: none;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo label {
  margin: 0 0 1rem;
  display: block;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo .logo_upload {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  background: #ffffff;
  background-image: url(/wp-content/themes/sky-theme/images/svg/preview.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 69px;
  position: relative;
  margin: 0 auto 2rem;
  display: block;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo .logo_upload.preview {
  background-size: 90% !important;
  background-color: #fff !important;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo .logo_upload i {
  position: absolute;
  padding: 0.5rem;
  border-radius: 6px;
  bottom: -13px;
  right: -13px;
  background-color: var(--brand-color-1);
  color: #ffffff;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo .logo_upload img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.page-template-dashboard #wrapper .welcome .welcome_company .inner fieldset.logo small {
  font-size: 1rem;
  line-height: 1.2rem;
}
.page-template-dashboard #wrapper .welcome .continue {
  margin-top: 2rem;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.page-template-dashboard #wrapper .welcome .continue .next-wrap {
  padding: 0 !important;
}
.page-template-dashboard #wrapper .welcome .continue .skip {
  text-align: right;
}
@media (max-width: 991px) {
  .page-template-dashboard #wrapper .welcome .continue .skip {
    text-align: center;
    margin-top: 1rem;
  }
}
/*
.page-template-dashboard {
    #wrapper {

        .welcome {
            padding: 0 !important;
            overflow-x: hidden;

            @media (min-width: 901px) {
                min-height: 100vh;
            }

            .no-content {
                @media (min-width: 991px) {

                    padding-top: 12rem !important;

                }
            }

            #welcome_company,
            #welcome_cand {
                position: relative;
                .place-holder-w ();
                transition: .5s all ease-in-out;
                font-size: 0;

                @media (min-width: 991px) {
                    margin-bottom: 0;
                }
                
                label.error {
                    display: block !important;
                }

                .section {
                    transition: .7s transform ease;
                    display: inline-block;
                    vertical-align: top;
                      position: absolute;
                    left: 0;
                    transform: translateX(100%);

                    @media (min-width: 1401px) {
                        padding: 2rem;
                    }

                    &.pre {
                        transform: translateX(0);

                        .content {
                            text-align: center;
                            padding: 0 1rem;

                            h1 {
                                img {
                                    width: 20px;
                                }
                            }

                            .button {
                                width: auto;
                            }

                            @media (min-width: 991px) {
                                top: 12rem;
                                transform: none;

                                h1 {
                                    text-align: center;
                                    font-size: 3rem;
                                    line-height: 3.4rem;

                                    img {
                                        width: 50px;
                                    }
                                }
                            }
                        }
                    }

                    @media (min-width: 991px) {
                        &.first {
                            font-size: 0;

                            fieldset {

                                padding: 0 1rem 0 0;
                                display: inline-block !important;
                                vertical-align: top;
                                margin: 0 0 2rem !important;

                                @media (min-width: 1401px) {
                                    width: ~"calc(100% / 4 - .2rem)";
                                }

                                @media (max-width: 1400px) {
                                    width: ~"calc(100% / 2 - .2rem)";
                                }

                                &.cover_letter {

                                    @media (min-width: 1401px) {
                                        width: ~"calc(66.666% - .2rem)";
                                    }

                                    @media (max-width: 1400px) {
                                        width: 100%;
                                    }

                                }

                                &.file_upload {

                                    @media (min-width: 1401px) {
                                        width: ~"calc(100% / 3 - .2rem)";
                                    }

                                    @media (max-width: 1400px) {
                                        width: 100%;
                                    }

                                }

                                textarea {
                                    min-height: 160px;
                                }
                            }

                        }

                        &.fourth,
                        &.fifth {

                            .experience,
                            .education {
                                font-size: 0;
                                margin: 1rem 0;

                                fieldset {

                                    padding: 0 1rem 0 0;
                                    display: inline-block !important;
                                    vertical-align: top;
                                    margin: 0 0 2rem !important;

                                    @media (min-width: 1401px) {
                                        width: ~"calc(100% / 3 - .2rem)";
                                    }

                                    @media (max-width: 1400px) {
                                        width: ~"calc(100% / 2 - .2rem)";
                                    }

                                    &.desc {
                                        @media (min-width: 1401px) {
                                            width: ~"calc(100% / 3 - .2rem)";
                                        }

                                        @media (max-width: 1400px) {
                                            width: ~"calc(100% / 2 - .2rem)";
                                        }
                                    }
                                }

                                .remove {
                                    background: red;
                                    border: none;
                                    float: right;
                                }

                                .remove {
                                    display: none;
                                }

                                &.dup {
                                    .remove {
                                        display: block;
                                    }
                                }
                            }
                        }

                        &.sixth {
                            fieldset {

                                padding: 0 1rem 0 0;
                                display: inline-block !important;
                                vertical-align: top;
                                margin: 0 0 2rem !important;

                                @media (min-width: 1401px) {
                                    width: ~"calc(100% / 3 - .2rem)";
                                }

                            }

                            .results {
                                width: ~"calc(66.666% - .2rem)";
                                padding: 0 1rem 0 0;
                                display: inline-block !important;
                                vertical-align: top;
                                margin: 0 0 2rem !important;

                                @media (min-width: 1401px) {
                                    width: ~"calc(66.666% - .2rem)";
                                }


                            }
                        }
                    }

                    .inner {


                        @media (min-width: 991px) {
                            padding: 0;
                        }

                        @media (max-width: 990px) {
                            padding: 0 1rem;
                        }

                        h3 {
                            text-align: center;
                            font-size: 2rem;
                            line-height: 2.4rem;

                            @media (min-width: 991px) {
                                text-align: left;
                            }
                        }

                        .back-title {
                            margin: 0 0 2rem;
                            padding: 0 1rem 0 0;
                            display: block;
                            overflow: hidden;

                            .back {
                                display: inline-block;
                                vertical-align: middle;

                                @media (min-width: 991px) {
                                    display: block;
                                    margin: 0 0 2rem;
                                }

                                img {
                                    padding: 0 1rem 0 0;
                                }

                                img,
                                span {
                                    display: inline-block;
                                    vertical-align: middle;
                                }
                            }
                        }

                        .title {
                            margin: 0 0 2rem;
                            padding: 0 1rem 0 0;
                            display: block;
                            overflow: hidden;

                            h3 {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 1.6rem;
                                margin: 0;

                                @media (min-width: 991px) {
                                    float: left;
                                }
                            }

                            p {
                                margin: 0;

                                @media (min-width: 991px) {

                                    float: right;
                                }

                                a {
                                    margin: 0 0 0 .5rem;
                                    color: @w;
                                    text-decoration: underline;
                                }
                            }
                        }

                        ul {
                            padding: 0;
                            margin: 0;
                            list-style: none;

                            label {
                                margin: 0;
                            }
                        }

                        .categories {
                            li {
                                &.selected {
                                    border: 2px solid var(--brand-color-1);
                                }
                            }
                        }


                        > ul {
                            @media (min-width: 991px) {
                                font-size: 0;
                                margin: 0 -1rem;
                            }

                            > li {

                                background: var(--grey-background);
                                border: 1px solid var(--background-color-1);
                                border-radius: 15px;
                                position: relative;
                                display: inline-block;
                                vertical-align: top;

                                @media (min-width: 1401px) {
                                    width: ~"calc(100% / 3 - 2rem)";
                                    margin: 0 1rem 2rem;


                                }

                                @media (max-width: 1400px) and (min-width: 801px) {
                                    width: ~"calc(100% / 2 - 2rem)";
                                    margin: 0 1rem 2rem;

                                }

                                @media (max-width: 800px) {
                                    width: 100%;
                                    margin: 0 0 1rem;
                                }

                                input {
                                    display: none;
                                }

                                input:checked + label {
                                    &:before {
                                        background-color: var(--brand-color-1);
                                        background-image: url(/wp-content/themes/sky-theme/images/svg/check.svg);
                                        background-size: 10px;
                                        background-position: 50%;
                                        background-repeat: no-repeat;
                                    }
                                }

                                label {
                                    padding: 1rem;
                                    display: block;

                                    span {
                                        font-size: 1.2rem;
                                        line-height: 1.4rem;
                                        display: inline-block;
                                        vertical-align: middle;
                                        width: ~"calc(100% - 60px)";
                                    }

                                    &:before {
                                        content: "";
                                        display: inline-block;
                                        vertical-align: middle;
                                        margin: 0 1rem 0 0;
                                        width: 15px;
                                        height: 15px;
                                        border: 1.5px solid var(--brand-color-1);
                                        border-radius: 4px;
                                    }
                                }

                                .close {
                                    display: none;
                                }

                                &.parent {

                                    .close {
                                        display: block;
                                        position: absolute;
                                        right: 2rem;
                                        top: 1.5rem;
                                        border-top: 8px solid @w;
                                        border-right: 6px solid transparent;
                                        border-left: 6px solid transparent;
                                        opacity: 1;
                                    }
                                }

                                &.open {
                                    .sub-terms {
                                        display: block;
                                    }

                                    .close {
                                        border-top: none;
                                        border-bottom: 8px solid @w;
                                    }
                                }

                                .sub-terms {
                                    display: none;
                                    border-top: 1px solid #4E4F53;
                                    padding: 1rem 0;
                                    margin: 1rem 0 0;

                                    li {


                                        input {
                                            display: none;
                                        }

                                        input:checked + label {
                                            &:before {
                                                background-color: var(--brand-color-1);
                                                background-image: url(/wp-content/themes/sky-theme/images/svg/check.svg);
                                                background-size: 10px;
                                                background-position: 50%;
                                                background-repeat: no-repeat;
                                            }
                                        }

                                        label {

                                            font-size: 1rem;
                                            line-height: 2rem;
                                            display: block;

                                            &:before {
                                                content: "";
                                                display: inline-block;
                                                vertical-align: middle;
                                                margin: 0 1rem 0 0;
                                                width: 15px;
                                                height: 15px;
                                                border: 1.5px solid var(--brand-color-1);
                                                border-radius: 4px;
                                            }

                                            span {
                                                font-size: 1rem;
                                                line-height: 2rem;
                                                display: inline-block;
                                                vertical-align: middle;
                                                color: @w;
                                                width: ~"calc(100% - 31px)";
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .skip {
                            display: block;
                            margin: 1rem 0 0;
                            text-align: center;
                            color: @w;

                            @media (min-width: 991px) {
                                display: none;
                            }

                            .or {
                                margin: 0 0 1rem;
                                position: relative;
                                overflow: hidden;
                                z-index: 1;

                                span {
                                    display: inline-block;
                                    background: #181A20;
                                    padding: 0.5rem;
                                }

                                &:before,
                                &:after {
                                    position: absolute;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    overflow: hidden;
                                    width: 50%;
                                    height: 1px;
                                    content: '\a0';
                                    background-color: var(--background-color-1);
                                }

                                &:before {
                                    margin-left: -50%;
                                    text-align: right;
                                }
                            }

                            a {
                                color: @w;
                                text-decoration: underline;
                            }
                        }

                        

                        .experience {
                            padding: 0 0 1rem;
                            margin: 1rem 0 1rem;
                            border-bottom: 1px solid var(--light-background);
                        }

                        input.button {
                            @media (max-width: 990px) {
                                display: block;
                                width: 100% !important;
                                border: none;
                                margin: 0 0 2rem;
                            }
                        }
                        .results {
                            margin: 0 0 1rem;
                            display: block;

                            label {
                                display: inline-block;
                                vertical-align: middle;
                                margin: 0 .5rem 0 0;
                                border-radius: 10px;
                                padding: .5rem 1.5rem .5rem .5rem;
                                background: var(--brand-color-1);
                                border: 1px solid @w;
                                border-radius: 15px;
                                position: relative;

                                .delete {
                                    position: absolute;
                                    right: .5rem;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    font-size: 1rem;
                                    font-family: @body-bold;
                                    cursor: pointer;
                                }

                                &.deleting {
                                    padding: .5rem;
                                    border-color: red;
                                    color: red;
                                }




                                input {
                                    display: none;

                                }
                            }
                        }

                        fieldset {
                            display: block;
                            margin: 0 0 1rem;
                            font-size: 0;

                            input,
                            textarea {
                                background: var(--brand-color-1);
                                border: 2px solid var(--brand-color-2);
                                border-radius: 1rem;
                                width: 100%;
                                padding: 1rem 1rem;
                                font-size: 1rem;
                                line-height: 1.4rem;
                                opacity: .6;
                                transition: all .7s ease-in-out;

                                &:focus,
                                &:hover {
                                    opacity: 1;
                                }

                                &.error {
                                    border-color: red;
                                }

                                &#cand_cv {
                                    display: none;
                                }
                            }

                           

                            #cand_cv-error {
                                display: inline-block !important;
                            }

                            .cv_upload {
                                background: var(--background-color-1);
                                border: 1px dashed var(--brand-color-2);
                                border-radius: 15px;
                                padding: 2rem;
                                text-align: center;
                                display: block !important;

                                &.error {
                                    border-color: red;
                                }

                                img {
                                    display: block;
                                    margin: 0 auto .5rem;
                                }

                                span {
                                    display: block;
                                    opacity: .6;
                                    font-size: 1.2rem;
                                    margin: 0 0 .5rem;
                                }

                                small {
                                    display: block;
                                    font-size: .8rem;
                                    opacity: .6;
                                }

                            }

                            &.dates {
                                font-size: 0;

                                .split {
                                    width: 50%;
                                    display: inline-block;
                                    vertical-align: middle;

                                    &:first-child {
                                        padding: 0 .5rem 0 0;
                                    }

                                    &:last-child {
                                        padding: 0 0 0 .5rem;
                                    }
                                }
                            }
                        }
                    }

                    @media (min-width: 991px) {
                        .buttons {
                            display: block;
                            clear: both;
                            margin: 2rem 0;



                            .duplicate,
                            .duplicate_edu {
                                float: left;
                            }

                            .next {
                                float: right;
                            }
                        }
                    }
                }
            }

            #welcome_company {
                .section {
                    &.first {
                        .inner {
                            font-size: 0;


                            .normal-fields {
                                width: 80%;
                                display: inline-block;
                                vertical-align: top;
                            }

                            fieldset {
                                width: ~"calc(100% / 3 - .2rem)";

                                &:nth-child(3n) {
                                    padding: 0;
                                }

                                &.logo {
                                    width: 20%;
                                    margin: 0 0 2rem;
                                    text-align: center;

                                    input {
                                        display: none;
                                    }

                                    label {
                                        margin: 0 0 1rem;
                                    }

                                    .logo_upload {
                                        height: 130px;
                                        width: 130px;
                                        border-radius: 50%;
                                        background: #464648;
                                        position: relative;
                                        background-image: url(/wp-content/themes/sky-theme/images/svg/preview.svg);
                                        background-position: 50%;
                                        background-repeat: no-repeat;
                                        background-size: 69px;
                                        position: relative;
                                        margin: 0 auto 2rem;
                                        display: block;

                                        &.preview {
                                            background-size: 90% !important;
                                            background-color: #fff !important;
                                        }

                                        &:after {
                                            content: "";
                                            position: absolute;
                                            width: 26px;
                                            height: 26px;
                                            border-radius: 6px;
                                            bottom: -13px;
                                            right: -13px;
                                            background-color: var(--brand-color-1);
                                            background-image: url(/wp-content/themes/sky-theme/images/svg/pencil-w.svg);
                                            background-position: 50%;
                                            background-size: 12px;
                                            background-repeat: no-repeat;
                                        }

                                        img {
                                            max-width: 100%;
                                            height: auto;
                                            display: block;
                                            margin: 0 auto;
                                        }
                                    }

                                    small {
                                        font-size: 1rem;
                                        line-height: 1.2rem;
                                    }
                                }

                                &.description {
                                    width: ~"calc(66.666% - .2rem)" !important;
                                }

                                &.banner {
                                    width: 33.3333% !important;

                                }

                               
                            }
                        }
                    }
                }
            }
        }
    }
}
*/