@charset "UTF-8";
@keyframes fadeInOne {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInTwo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes down {
  0% {
    opacity: 0;
    top: 5px;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 30px;
  }
}
@keyframes fadeIn-menu {
  0% {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*
Description: Fonts Css styles includes
*/
@font-face {
  font-family: "bold";
  src: url(/fonts/gilmer-bold.otf?0a6a71be83bb0d096bf8fe232fd455b1);
  src: url(/fonts/gilmer-bold.otf?0a6a71be83bb0d096bf8fe232fd455b1?#iefix) format("embedded-opentype"), url(/fonts/gilmer-bold.woff2?145fb2ab0140e4cfda48ba398ad6382f) format("woff2"), url(/fonts/gilmer-bold.woff?30d66d46b90a38350e3f3f11f90b1466) format("woff"), url(/fonts/gilmer-bold.ttf?56ce4c8ad03bd6e552df20386feda829) format("truetype"), url(/fonts/gilmer-bold.svg?ad72a57ad98b1f2853e6bc63a0bfd8ec#gilmer-bold) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "heavy";
  src: url(/fonts/gilmer-heavy.otf?15c37038b9924d7da58c5ad684e9b76e);
  src: url(/fonts/gilmer-heavy.otf?15c37038b9924d7da58c5ad684e9b76e?#iefix) format("embedded-opentype"), url(/fonts/gilmer-heavy.woff2?6ef0b6f4a47618ae2cd596899aea7db9) format("woff2"), url(/fonts/gilmer-heavy.woff?fe5e4f77d44fac9f017008fa98104ff4) format("woff"), url(/fonts/gilmer-heavy.ttf?4be3d469514e23709858e91770ba604c) format("truetype"), url(/fonts/gilmer-heavy.svg?80329f1bb2f6c8ffb8b5751d0e07631e#gilmer-heavy) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "light";
  src: url(/fonts/gilmer-light.otf?79ad87da5f186ef4527f520f821760b4);
  src: url(/fonts/gilmer-light.otf?79ad87da5f186ef4527f520f821760b4?#iefix) format("embedded-opentype"), url(/fonts/gilmer-light.woff2?6deb4dc553a92b1d3ee1eda3b7b02dbb) format("woff2"), url(/fonts/gilmer-light.woff?28390d0a1d3263c2a7a2a8d42a7ca60a) format("woff"), url(/fonts/gilmer-light.ttf?58891d82ef1ae286c7599e2bd325a71c) format("truetype"), url(/fonts/gilmer-light.svg?178849955e2674d3ea9de9eefa1b0965#gilmer-light) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "medium";
  src: url(/fonts/gilmer-medium.otf?eb4f5ee9778460bd3d2c3770674662ad);
  src: url(/fonts/gilmer-medium.otf?eb4f5ee9778460bd3d2c3770674662ad?#iefix) format("embedded-opentype"), url(/fonts/gilmer-medium.woff2?68b2abca89c216e4e347c79f3670fca0) format("woff2"), url(/fonts/gilmer-medium.woff?3deb8bcf4146580712bb7bb34f2343d3) format("woff"), url(/fonts/gilmer-medium.ttf?34e54e61c744167922b3bef58f48c5ac) format("truetype"), url(/fonts/gilmer-medium.svg?a27a64cfc4c8959ae5107d36d5a218ce#gilmer-medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "regular";
  src: url(/fonts/gilmer-regular.otf?fc8ac2cfa82256e66797291a25c1df1d);
  src: url(/fonts/gilmer-regular.otf?fc8ac2cfa82256e66797291a25c1df1d?#iefix) format("embedded-opentype"), url(/fonts/gilmer-regular.woff2?bfea543270168096a3010c13496703e0) format("woff2"), url(/fonts/gilmer-regular.woff?fc928669245d2cccf1b2368f71793630) format("woff"), url(/fonts/gilmer-regular.ttf?5d10af2d2dff6117161659b8cd2033a1) format("truetype"), url(/fonts/gilmer-regular.svg?0ff0b1bde8cfb455e0623fb6ca3e5cee#gilmer-regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.btn.kt-spinner:not(.kt-spinner--center) {
  padding-left: 3rem;
}

.btn.kt-spinner:not(.kt-spinner--center):before {
  left: 1rem;
}

.btn.kt-spinner.kt-spinner--right {
  padding-left: 1rem;
  padding-right: 3rem;
}

.btn.kt-spinner.kt-spinner--right:before {
  left: auto;
  right: 1rem;
}

.btn.kt-spinner.kt-spinner--sm:not(.kt-spinner--center) {
  padding-left: 2.5rem;
}

.btn.kt-spinner.kt-spinner--sm:not(.kt-spinner--center):before {
  left: 1rem;
}

.btn.kt-spinner.kt-spinner--sm.kt-spinner--right {
  padding-left: 1rem;
  padding-right: 2.5rem;
}

.btn.kt-spinner.kt-spinner--sm.kt-spinner--right:before {
  left: auto;
  right: 1rem;
}

.btn.kt-spinner.kt-spinner--lg:not(.kt-spinner--center) {
  padding-left: 3.5rem;
}

.btn.kt-spinner.kt-spinner--lg:not(.kt-spinner--center):before {
  left: 1rem;
}

.btn.kt-spinner.kt-spinner--lg.kt-spinner--right {
  padding-left: 1rem;
  padding-right: 3.5rem;
}

.btn.kt-spinner.kt-spinner--lg.kt-spinner--right:before {
  left: auto;
  right: 1rem;
}

.blockui > span > .kt-loader,
.blockui > span > .kt-spinner {
  margin-right: 1.25rem;
}

.kt-page-loader.kt-page-loader--logo .kt-spinner {
  margin-top: 3rem;
}

.kt-page-loader.kt-page-loader--logo .kt-spinner:before {
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
}

.kt-spinner {
  position: relative;
}
.kt-spinner .num {
  display: none;
}

.kt-spinner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
}

.kt-spinner.kt-spinner--sm:before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.kt-spinner.kt-spinner--sm.kt-spinner--center:before {
  left: 50%;
  margin-left: -8px;
}

.kt-spinner.kt-spinner--sm.kt-spinner--left:before {
  left: 0;
  right: auto;
}

.kt-spinner.kt-spinner--sm.kt-spinner--right:before {
  left: auto;
  right: 0;
}

.kt-spinner:before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.kt-spinner.kt-spinner--center:before {
  left: 50%;
  margin-left: -10px;
}

.kt-spinner.kt-spinner--left:before {
  left: 0;
  right: auto;
}

.kt-spinner.kt-spinner--right:before {
  left: auto;
  right: 0;
}

.kt-spinner.kt-spinner--lg:before {
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

.kt-spinner.kt-spinner--lg.kt-spinner--center:before {
  left: 50%;
  margin-left: -12px;
}

.kt-spinner.kt-spinner--lg.kt-spinner--left:before {
  left: 0;
  right: auto;
}

.kt-spinner.kt-spinner--lg.kt-spinner--right:before {
  left: auto;
  right: 0;
}

.kt-spinner:before {
  animation: kt-spinner 0.5s linear infinite;
}

.kt-spinner.kt-spinner--brand:before {
  border: 2px solid #5d78ff;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--light:before {
  border: 2px solid #ffffff;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--dark:before {
  border: 2px solid #282a3c;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--primary:before {
  border: 2px solid #5867dd;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--success:before {
  border: 2px solid #0abb87;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--info:before {
  border: 2px solid #5578eb;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--warning:before {
  border: 2px solid #ffb822;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--danger:before {
  border: 2px solid #fd397a;
  border-right: 2px solid transparent;
}

.kt-spinner.kt-spinner--input.kt-spinner--right:before {
  left: auto;
  right: 1rem;
}

.kt-spinner.kt-spinner--input.kt-spinner--left:before {
  right: auto;
  left: 1rem;
}

.kt-spinner.kt-spinner--v2:before {
  animation: kt-spinner 0.5s linear infinite;
}

.kt-spinner.kt-spinner--v2.kt-spinner--brand:before {
  border: 2px solid #f6f8ff;
  border-top-color: #4e6bff;
}

.kt-spinner.kt-spinner--v2.kt-spinner--light:before {
  border: 2px solid white;
  border-top-color: #f7f7f7;
}

.kt-spinner.kt-spinner--v2.kt-spinner--dark:before {
  border: 2px solid #656a98;
  border-top-color: #222433;
}

.kt-spinner.kt-spinner--v2.kt-spinner--primary:before {
  border: 2px solid #d7dbf7;
  border-top-color: #4b5bda;
}

.kt-spinner.kt-spinner--v2.kt-spinner--success:before {
  border: 2px solid #67f7cd;
  border-top-color: #09ac7d;
}

.kt-spinner.kt-spinner--v2.kt-spinner--info:before {
  border: 2px solid #dee5fb;
  border-top-color: #476de9;
}

.kt-spinner.kt-spinner--v2.kt-spinner--warning:before {
  border: 2px solid #ffe9bb;
  border-top-color: #ffb313;
}

.kt-spinner.kt-spinner--v2.kt-spinner--danger:before {
  border: 2px solid #ffd0e0;
  border-top-color: #fd2a70;
}
@keyframes kt-spinner {
  to {
    transform: rotate(360deg);
  }
}
.job-details-page .dashboard .boxContainer .page-title a, .job-details-brief-page .dashboard .boxContainer .view-details-link a, .dashboard .page-title .title-button button, header .signin-link .signin-container .button-container, .popup.company-review-popup .content .btn-container button, .popup.contractor-review-popup .content .btn-container button, .popup.contractor-reject-popup .content .btn-container button, .popup.contractor-hire-popup .content .btn-container button, .popup.mark-job-completed-popup .content .buttons .confirm-btn {
  height: 38px;
  min-width: 133px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: solid #3E6BF7 1px;
  background-color: #3E6BF7;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 5px;
  transition: all 0.2s;
}
.job-details-page .dashboard .boxContainer .page-title a:hover, .job-details-brief-page .dashboard .boxContainer .view-details-link a:hover, .dashboard .page-title .title-button button:hover, header .signin-link .signin-container .button-container:hover, .popup.company-review-popup .content .btn-container button:hover, .popup.contractor-review-popup .content .btn-container button:hover, .popup.contractor-reject-popup .content .btn-container button:hover, .popup.contractor-hire-popup .content .btn-container button:hover, .popup.mark-job-completed-popup .content .buttons .confirm-btn:hover {
  background-color: #FFFFFF;
  color: #3E6BF7;
}

.job-details-page .dashboard .boxContainer .page-title button:last-child, .company-contractor-page .dashboard .page-title .title-button button ~ button, .popup.mark-job-completed-popup .content .buttons .cancel-btn {
  height: 38px;
  min-width: 133px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: solid #3E6BF7 1px;
  background-color: #FFFFFF;
  color: #3E6BF7;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 5px;
  transition: all 0.2s;
}
.job-details-page .dashboard .boxContainer .page-title button:hover:last-child, .company-contractor-page .dashboard .page-title .title-button button ~ button:hover, .popup.mark-job-completed-popup .content .buttons .cancel-btn:hover {
  background-color: #3E6BF7;
  color: #FFFFFF;
}

.dashboard .page-title .title-button .download-template a {
  height: 38px;
  min-width: 133px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: solid #2A2A2D 1px;
  background-color: #2A2A2D;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 5px;
  transition: all 0.2s;
}
.dashboard .page-title .title-button .download-template a:hover {
  background-color: #FFFFFF;
  color: #2A2A2D;
}

/*
Description: General Css styles
Developer: Sarkis El hage
*/
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body {
  overflow-x: hidden;
  position: relative;
  width: 100vw;
  font-family: "regular";
}
body .body-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
body .body-container main {
  width: 100%;
}

.hidden {
  display: none;
}

.noLink {
  cursor: default;
  pointer-events: none;
}

*:hover,
*:focus,
*:active,
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
  outline: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1220px !important;
  }
}
.sitePage {
  position: relative;
  overflow: hidden;
  background-color: #283F63;
}

.sitePage.notActive {
  overflow: visible;
}

a {
  text-decoration: none;
  color: #000000;
}

.bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-secColor {
  background-color: #EDF0F2;
}

.bg-colored {
  background-color: #F1F3FE;
}

.shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

h1 {
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0;
  font-family: "bold";
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0;
  }
}
h1.show-mobile {
  display: none;
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  h1.show-mobile {
    display: block;
  }
}

.mainBtn {
  width: 100%;
  padding: 16px 22px;
  border: 1px solid #3E6BF7;
  background-color: #3E6BF7;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
  color: white;
  transition: 0.2s;
}

.mainBtn:hover {
  background-color: white;
  color: #3E6BF7;
}

.mainColor {
  color: #3E6BF7;
}

.circle {
  border-radius: 50%;
  position: relative;
}
.circle img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.whiteBtn {
  padding: 12px 36px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
  color: #3E6BF7;
  background-color: white;
  transition: 0.2s;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .whiteBtn {
    border-radius: 5px;
  }
}

.whiteBtn:hover {
  opacity: 0.9;
}

.opacity-0 {
  opacity: 0;
}

.r-7 {
  border-radius: 7px;
}

.disabled-input {
  background-color: #F1F3FE !important;
  border: none !important;
  cursor: none;
  pointer-events: none;
}

.disabled {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}

.medium {
  font-family: "medium";
}

.bold {
  font-family: "bold";
}

.top-4 {
  top: 4px;
  position: relative;
}

.regular {
  font-family: "regular";
}

.pointer {
  cursor: pointer;
}

.center {
  margin: 0 auto;
  display: block;
}

.blueLink {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "bold";
  color: #3E6BF7;
  text-decoration: underline;
}

form {
  /* Hide the default calendar icon for the date input */
  /* Optional: Add some custom styles to the input to improve appearance */
  /* Style the options */
}
form input[type=date], form input[type=month] {
  /* Chrome, Edge, and Safari */
  -webkit-appearance: none;
  /* Firefox */
  -moz-appearance: none;
  /* Edge Legacy */
  /* Remove the arrow in IE 10/11 */
  appearance: none;
}
form input[type=date]::-webkit-inner-spin-button {
  display: none;
}
form input[type=month]::-webkit-inner-spin-button {
  display: none;
}
form input[type=date]::-webkit-clear-button {
  display: none;
}
form input[type=month]::-webkit-clear-button {
  display: none;
}
form .whiteBtn {
  padding: 18px 21px;
}
form .tab_1 {
  max-width: 720px;
}
@media screen and (max-width: 1200px) {
  form .tab_1 {
    max-width: 100%;
  }
}
form .secBtn {
  background-color: #F1F3FE;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
  color: #3E6BF7;
  display: inline-block;
  position: relative;
  border-radius: 7px;
  min-width: 100px;
}
@media screen and (max-width: 768px) {
  form .secBtn {
    padding: 12px 20px;
    min-width: unset;
    min-height: 43px;
    border-radius: 5px;
  }
}
form .secBtn img {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  form .secBtn img {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
form .boxShadow {
  border: 1px solid #E2E7EA;
  border-radius: 7px;
  padding: 27px 32px;
}
@media screen and (max-width: 768px) {
  form .boxShadow {
    padding: 20px;
  }
}
form .boxNoShadow {
  padding: 27px 32px;
}
@media screen and (max-width: 768px) {
  form .boxNoShadow {
    padding: 10px;
  }
}
form .boxShadow.hideTop {
  border-radius: 0px 0px 7px 7px;
  border-top: 0px;
}
form .boxShadow.exception {
  border-radius: 7px 7px 0px 0px;
  padding: 23px 32px;
}
@media screen and (max-width: 768px) {
  form .boxShadow.exception {
    padding: 10px;
  }
}
form .subBox {
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.0901960784);
  border-radius: 7px;
  padding: 23px 18px;
}
@media screen and (max-width: 992px) {
  form .subBox {
    padding: 0;
    box-shadow: initial;
  }
}
form .greyBox {
  background-color: #f8f9fe;
  padding: 39px 24px;
}
@media screen and (max-width: 768px) {
  form .greyBox {
    padding: 10px 10px;
  }
}
form .line {
  background-color: #E2E7EA;
  height: 1px;
  width: 100%;
}
form input[type=number], form input[type=email], form input[type=text], form input[type=password], form input[type=date], form input[type=month], form select, form textarea, form .file-upload-wrapper {
  border: 1px solid #E2E7EA;
  border-radius: 7px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
  padding: 11px 17px;
  margin-bottom: 0px;
  display: block;
  background-color: transparent;
  width: 100%;
}
form input[type=number].disabled, form input[type=email].disabled, form input[type=text].disabled, form input[type=password].disabled, form input[type=date].disabled, form input[type=month].disabled, form select.disabled, form textarea.disabled, form .file-upload-wrapper.disabled {
  background-color: #F1F3FE;
  border-color: #F1F3FE;
  opacity: 1;
}
form input[type=date], form input[type=month] {
  min-height: 44px;
}
form ::-webkit-input-placeholder { /* Edge */
  color: black;
  opacity: 0.34;
}
form textarea {
  height: 102px;
}
form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
  opacity: 0.34;
}
form .d-radio-bgc-gray {
  background-color: #F1F3FE;
}
form ::-moz-placeholder {
  color: black;
  opacity: 0.34;
}
form ::placeholder {
  color: black;
  opacity: 0.34;
}
form label {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
  font-family: "medium";
  margin-bottom: 6px;
}
form label.mainColor {
  font-family: "bold";
  color: #3E6BF7;
}
form label.form-check-label {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
  margin-bottom: 0px;
  margin-left: 5px;
}
form input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
form input[type=month]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
form .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
form .form-check-input {
  width: 22px;
  height: 22px;
  border: none;
  background-color: #F1F3FE;
}
form .form-check-input:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
form .form-check-input:checked[type=radio] {
  background-color: white; /* Change to desired color */
  background-image: url(/images/whiteSquare.svg?e13965fdeb2b96c60a29f654f1168912);
  border: 5px solid #F1F3FE;
}
form .form-check-input:checked[type=checkbox] {
  background-color: white; /* Change to desired color */
  background-image: url(/images/square.svg?8132d89405524d36ee40f05ad23c9d30);
  border: 5px solid #fff;
}
form .form-check-input:checked[type=checkbox]:before {
  content: "";
  height: 22px;
  width: 22px;
  background-color: transparent;
  position: absolute;
  display: block;
  border: 1px solid #D4D9DD;
  top: 4px;
  left: 0;
  border-radius: 4px;
}
form .form-check-input[type=checkbox] {
  border: 1px solid #D4D9DD;
  border-radius: 4px;
  background-color: white;
}
form .form-radio-style-one {
  position: relative;
  min-width: 65px;
  min-height: 38.5px;
}
form .form-radio-style-one input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
form .form-radio-style-one input:checked + label {
  background-color: #0d6efd;
  color: #FFFFFF;
  border-radius: 5px;
}
form .form-radio-style-one label {
  position: absolute;
  padding: 9px 0;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background-color: #F1F3FE;
}
form .white .form-check-input:checked[type=radio] {
  background-color: white; /* Change to desired color */
  background-image: url(/images/whiteSquare.svg?e13965fdeb2b96c60a29f654f1168912);
  border: 5px solid #fff;
}
form .white .form-check-input:checked[type=radio]:before {
  content: "";
  height: 22px;
  width: 22px;
  background-color: transparent;
  position: absolute;
  display: block;
  border: 1px solid #D4D9DD;
  top: 4px;
  left: 0;
  border-radius: 4px;
}
form .white .form-check-input[type=radio] {
  border: 1px solid #D4D9DD;
  background-color: white;
}
form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
form .addIcon img {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
form select option {
  padding: 5px;
  background-color: #EDF0F2;
  font-size: 14px;
  color: #333;
}
form .file-upload-wrapper.text {
  padding: 11px 17px;
}
form .file-upload-wrapper.text:before {
  padding: 9px 14px;
}
form .file-upload-wrapper.text:before {
  content: "Select Type";
}
form .file-upload-wrapper {
  position: relative;
  padding: 8px 17px;
  min-height: 44px;
}
form .file-upload-wrapper:after {
  position: absolute;
  content: attr(data-text);
  left: 0;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
  pointer-events: none;
  z-index: 20;
  color: #999;
  top: 50%;
  width: calc(100% - 95px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 20px;
  padding: 0 17px;
  transform: translateY(-50%);
}
form .file-upload-wrapper:before {
  content: "Choose file";
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-block;
  color: #fff;
  font-family: "bold";
  z-index: 25;
  padding: 7px 14px;
  pointer-events: none;
  border-radius: 7px;
  background-color: #3E6BF7;
}
form .file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
form .file-upload-wrapper label.error {
  position: absolute;
  top: 45px;
  left: 0px;
}
form .mainBtn {
  cursor: pointer;
  border-radius: 7px;
}
form .mainBtn .num {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
}
form .mainBtn .num span {
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "light";
  opacity: 0.58;
  color: white;
}
form .mainBtn .num span.active {
  opacity: 1;
  font-family: "bold";
}
form .mainBtn:hover .num span {
  color: #3E6BF7;
  opacity: 0.78;
}

.d-left {
  margin-left: 60px;
}
@media screen and (max-width: 1400px) {
  .d-left {
    margin-left: 160px;
  }
}
@media screen and (max-width: 1200px) {
  .d-left {
    margin-left: 250px;
  }
}
@media screen and (max-width: 992px) {
  .d-left {
    margin: 0;
  }
}

.signInMobile {
  position: relative;
}
@media screen and (max-width: 992px) {
  .signInMobile {
    background-image: url(/images/signin-bgMobile.png?05873cd7c3782489fe0e80203fa68894);
    background-repeat: no-repeat;
    background-size: 100% 300px;
  }
}

.note {
  font-size: 13px;
  line-height: 20px;
  color: #88939F;
}
.note.mx-500 {
  max-width: 500px;
}

@media screen and (max-width: 992px) {
  .back-link {
    display: none;
  }
}
.back-link a {
  transition: all 0.2s;
}
.back-link a img {
  margin-right: 10px;
}
.back-link a span {
  font-size: 13px;
  line-height: 20px;
}
.back-link.mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .back-link.mobile {
    display: block;
    margin-top: 35px;
  }
}

.mobile-header-left {
  display: none;
}
@media screen and (max-width: 992px) {
  .mobile-header-left {
    display: flex;
  }
}
.mobile-header-left .menu-icon {
  margin-right: 20px;
}
.mobile-header-left .logo a img {
  max-width: 125px;
}

.profile .name {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
}
@media screen and (max-width: 992px) {
  .profile .name {
    display: none;
  }
}
.profile .circle {
  width: 46px;
  height: 46px;
}

.submit_button button {
  border: solid #3E6BF7 1px;
  background-color: #3E6BF7;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 5px;
  padding: 11px 33px;
  transition: all 0.2s;
}
@media screen and (max-width: 992px) {
  .submit_button button {
    width: 100%;
  }
}
.submit_button button:hover {
  background-color: #FFFFFF;
  color: #3E6BF7;
}
.submit_button button:nth-child(2) {
  margin-left: 16px;
  background-color: #F1F3FE;
  border-color: #F1F3FE;
  color: #3E6BF7;
}
@media screen and (max-width: 992px) {
  .submit_button button:nth-child(2) {
    margin: 16px 0 0 0;
  }
}
.submit_button button:nth-child(2):hover {
  background-color: #3E6BF7;
  color: #F1F3FE;
}

@media screen and (max-width: 992px) {
  .display-none-mobile {
    display: none;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 222;
}
.popup .black {
  background-color: black;
  opacity: 0.85;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.popup .airCraftContent {
  position: absolute;
  border-radius: 47px;
  padding: 52px 61px;
  background-color: white;
  max-height: 605px;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  max-width: 900px;
}
@media screen and (max-width: 1200px) {
  .popup .airCraftContent {
    max-width: 90%;
    padding: 56px 34px;
  }
}
.popup .airCraftContent .noun-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  pointer-events: none;
}
.popup .airCraftContent .loadAircraftTypeSection {
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.popup .airCraftContent input[type=text] {
  color: #000;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  border: 1px solid #E2E7EA;
  padding: 11px 17px;
  border-radius: 7px;
  width: 100%;
}
.popup .airCraftContent .search-input {
  padding: 11px 33px !important;
}
.popup .airCraftContent .other-input-container {
  margin: 20px 0 0;
}
.popup .airCraftContent button {
  margin-top: 20px;
  width: 160px;
  border-radius: 7px;
  margin-inline: auto;
}
.popup .airCraftContent .separator {
  background-color: #E2E7EA;
  height: 1px;
  width: 100%;
  margin: 20px 0px;
}
@media screen and (max-width: 768px) {
  .popup .airCraftContent .form-check-label {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
  }
}
.popup .airCraftContent input[type=text]:focus {
  border-color: #E2E7EA;
  outline: 0;
  box-shadow: none;
}
.popup .airCraftContent .modal-bodyPart {
  overflow: hidden;
  overflow-y: auto;
  height: 360px;
}
.popup .airCraftContent .close {
  position: absolute;
  top: 40px;
  right: 40px;
  max-width: 30px;
  cursor: pointer;
}
.popup .airCraftContent h2 {
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: "bold";
}
@media screen and (max-width: 768px) {
  .popup .airCraftContent h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.popup .airCraftContent p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
}
.popup .airCraftContent p span {
  color: #3E6BF7;
  font-family: "bold";
  display: inline-block;
}
.popup .calculateContent {
  position: absolute;
  border-radius: 47px;
  padding: 52px 61px;
  background-color: white;
  /*max-height: 605px;*/
  max-height: unset !important;
  z-index: 2222;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  max-width: 900px;
  overflow-y: auto;
}
@media screen and (max-width: 1200px) {
  .popup .calculateContent {
    max-width: 90%;
    padding: 56px 34px;
  }
}
.popup .calculateContent .submit button {
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  background-color: #3E6BF7;
  color: #FFFFFF;
  border: solid #3E6BF7 1px;
  border-radius: 10px;
  padding: 10px 43px;
  transition: all 0.2s;
}
@media screen and (max-width: 992px) {
  .popup .calculateContent .submit button {
    width: 100%;
  }
}
.popup .calculateContent .submit button:hover {
  background-color: #FFFFFF;
  color: #3E6BF7;
}
.popup .calculateContent .mainTitle {
  font-size: 40px;
  line-height: 45px;
  font-family: "bold";
  margin-bottom: 17px;
}
@media screen and (max-width: 992px) {
  .popup .calculateContent .mainTitle {
    font-size: 30px;
    line-height: 35px;
  }
}
.popup .calculateContent .subTitle {
  margin-bottom: 35px;
  position: relative;
  display: inline-block;
}
.popup .calculateContent .subTitle .text {
  font-size: 13px;
  line-height: 20px;
  color: #3E6BF7;
  margin-right: 6px;
  font-family: "medium";
}
.popup .calculateContent .subTitle .note:hover span {
  opacity: 1;
  visibility: visible;
}
.popup .calculateContent .subTitle .note span {
  visibility: hidden;
  opacity: 0;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.68);
  max-width: 311px;
  position: absolute;
  right: -273px;
  top: 45px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 23px 22px 21px 21px;
  z-index: 1;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}
@media screen and (max-width: 992px) {
  .popup .calculateContent .subTitle .note span {
    left: 0;
  }
}
.popup .calculateContent .subTitle .note span:before, .popup .calculateContent .subTitle .note span:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 19px;
  border: 11px solid transparent;
  border-bottom-color: #dddddd;
}
.popup .calculateContent .subTitle .note span:after {
  left: 20px;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
}
.popup .calculateContent .close {
  position: absolute;
  top: 6px;
  right: 14px;
  max-width: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.popup .content {
  position: absolute;
  border-radius: 47px;
  padding: 79px 134px;
  background-color: white;
  min-height: 300px;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  max-width: 646px;
}
@media screen and (max-width: 768px) {
  .popup .content {
    padding: 56px 34px;
    max-width: 90%;
  }
}
.popup .content .close {
  position: absolute;
  top: 30px;
  right: 30px;
  max-width: 30px;
  cursor: pointer;
}
.popup .content .square {
  height: 98px;
  width: 98px;
  border-radius: 50%;
  background-color: #EDF0F2;
  margin-bottom: 20px;
}
.popup .content .square img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.popup .content h2 {
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: "bold";
}
@media screen and (max-width: 768px) {
  .popup .content h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.popup .content p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
}
.popup .content p span {
  color: #3E6BF7;
  font-family: "bold";
  display: inline-block;
}
.popup.mark-job-completed-popup .content {
  padding-inline: 72px;
}
@media screen and (max-width: 768px) {
  .popup.mark-job-completed-popup .content {
    padding-inline: 34px;
  }
}
.popup.contractor-hire-popup {
  text-align: left;
}
.popup.contractor-hire-popup .content {
  padding-inline: 50px;
  max-width: 700px;
}
@media screen and (max-width: 768px) {
  .popup.contractor-hire-popup .content {
    padding: 100px 20px;
    max-width: 90%;
  }
}
.popup.contractor-hire-popup .content h2 {
  max-width: 445px;
}
.popup.contractor-hire-popup .content h2.special {
  max-width: unset !important;
}
.popup.contractor-hire-popup .content .file-upload-wrapper {
  max-width: 370px;
  position: relative;
  padding: 8px 17px;
  border: 1px solid #E2E7EA;
  border-radius: 7px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
  margin-bottom: 38px;
  display: block;
  background-color: transparent;
  width: 100%;
  /*&:after {
      position: absolute;
      content: attr(data-text);
      top: 0;
      left: 0;
      @include font(13px,20px);
      color: black;
      padding: 11px 17px;
      display: block;
      width: calc(100% - 40px);
      pointer-events: none;
      z-index: 20;
      color: #999;
      @include breakpoint-768{
          max-width: calc(100% - 150px);
          top: 50%;
          transform: translateY(-50%);
          padding: 0 15px;
      }
  }*/
}
@media screen and (max-width: 768px) {
  .popup.contractor-hire-popup .content .file-upload-wrapper {
    padding: 0 17px;
    height: 55px;
  }
}
.popup.contractor-hire-popup .content .file-upload-wrapper.disabled {
  background-color: #F1F3FE;
  border-color: #F1F3FE;
  opacity: 1;
}
.popup.contractor-hire-popup .content .file-upload-wrapper.text {
  padding: 11px 17px;
}
.popup.contractor-hire-popup .content .file-upload-wrapper.text:before {
  padding: 9px 14px;
}
.popup.contractor-hire-popup .content .file-upload-wrapper.text:before {
  content: "Select Type";
}
.popup.contractor-hire-popup .content .file-upload-wrapper:before {
  content: "Choose file";
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-block;
  color: #fff;
  font-family: "bold";
  z-index: 25;
  padding: 7px 14px;
  pointer-events: none;
  border-radius: 7px;
  background-color: #3E6BF7;
}
@media screen and (max-width: 768px) {
  .popup.contractor-hire-popup .content .file-upload-wrapper:before {
    padding: 0 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 44px;
  }
}
.popup.contractor-hire-popup .content .file-upload-wrapper input {
  opacity: 0;
  position: relative;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .popup.contractor-hire-popup .content .btn-container button {
    min-width: 100%;
  }
}
.popup.contractor-reject-popup .content {
  max-width: 700px;
  padding-inline: 50px;
}
@media screen and (max-width: 768px) {
  .popup.contractor-reject-popup .content {
    padding: 70px 20px;
    max-width: 90%;
  }
}
.popup.contractor-reject-popup .content h2 {
  max-width: 445px;
}
.popup.contractor-reject-popup .content .input-container {
  margin-bottom: 38px;
}
.popup.contractor-reject-popup .content .input-container label {
  display: block;
  margin-bottom: 10px;
  color: black;
  font-family: "medium";
  font-size: 13px;
}
.popup.contractor-reject-popup .content .input-container textarea {
  min-height: 110px;
  border: 1px solid #E2E7EA;
  resize: none;
  outline: none;
  padding: 11px 17px;
  border-radius: 7px;
  width: 100%;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .popup.contractor-reject-popup .content .input-container textarea {
    min-height: 300px;
  }
}
@media screen and (max-width: 576px) {
  .popup.contractor-reject-popup .content .btn-container button {
    min-width: 100%;
  }
}
.popup.contractor-review-popup .content {
  padding: 40px 50px;
  max-width: 850px;
}
@media screen and (max-width: 768px) {
  .popup.contractor-review-popup .content {
    padding: 70px 20px;
    max-width: 90%;
  }
}
.popup.contractor-review-popup .content h2 {
  max-width: 555px;
}
.popup.contractor-review-popup .content h2 span {
  font-family: "regular";
}
@media screen and (max-width: 768px) {
  .popup.contractor-review-popup .content h2 {
    max-width: 240px;
  }
  .popup.contractor-review-popup .content h2 span {
    margin-top: 10px;
    display: inline-block;
  }
}
.popup.contractor-review-popup .content .rating .star {
  cursor: pointer;
  margin-inline-end: 5px;
}
.popup.contractor-review-popup .content .rating .star svg path {
  transition: all 0.2s;
}
.popup.contractor-review-popup .content .rating .star:hover svg path {
  fill: #FDC444;
}
.popup.contractor-review-popup .content .rating .star.selected svg path {
  fill: #FDC444;
}
.popup.contractor-review-popup .content .inputs {
  margin-top: 30px;
}
.popup.contractor-review-popup .content .inputs textarea {
  resize: none;
  min-height: 150px;
}
@media screen and (max-width: 768px) {
  .popup.contractor-review-popup .content .inputs textarea {
    min-height: 105px;
  }
}
@media screen and (max-width: 768px) {
  .popup.contractor-review-popup .content .inputs {
    margin-top: 20px;
  }
}
.popup.contractor-review-popup .content .btn-container {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .popup.contractor-review-popup .content .btn-container button {
    min-width: 100%;
  }
}
.popup.company-review-popup .content {
  padding: 40px 50px;
  max-width: 850px;
}
@media screen and (max-width: 768px) {
  .popup.company-review-popup .content {
    padding: 70px 20px;
    max-width: 90%;
  }
}
.popup.company-review-popup .content h2 {
  max-width: 555px;
}
.popup.company-review-popup .content h2 span {
  font-family: "regular";
}
@media screen and (max-width: 768px) {
  .popup.company-review-popup .content h2 {
    max-width: 240px;
  }
  .popup.company-review-popup .content h2 span {
    margin-top: 10px;
    display: inline-block;
  }
}
.popup.company-review-popup .content .input-container {
  margin-top: 30px;
}
.popup.company-review-popup .content .input-container textarea {
  resize: none;
  min-height: 150px;
}
@media screen and (max-width: 768px) {
  .popup.company-review-popup .content .input-container textarea {
    min-height: 105px;
  }
}
@media screen and (max-width: 768px) {
  .popup.company-review-popup .content .input-container {
    margin-top: 20px;
  }
}
.popup.company-review-popup .content .btn-container {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .popup.company-review-popup .content .btn-container button {
    min-width: 100%;
  }
}

.tooltipsCont .tooltips {
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
}
.tooltipsCont .tooltips .text {
  font-size: 13px;
  line-height: 20px;
  /*            color: $main-color;*/
  margin-right: 6px;
  font-family: "medium";
}
.tooltipsCont .tooltips .note:hover span {
  opacity: 1;
  visibility: visible;
}
.tooltipsCont .tooltips .note span {
  visibility: hidden;
  opacity: 0;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.68);
  max-width: 311px;
  position: absolute;
  right: -273px;
  top: 45px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 23px 22px 21px 21px;
  z-index: 1;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}
@media screen and (max-width: 992px) {
  .tooltipsCont .tooltips .note span {
    left: 0;
  }
}
.tooltipsCont .tooltips .note span:before, .tooltipsCont .tooltips .note span:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 19px;
  border: 11px solid transparent;
  border-bottom-color: #dddddd;
}
.tooltipsCont .tooltips .note span:after {
  left: 20px;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
}

.ui-widget.ui-widget-content {
  z-index: 223 !important;
}

#jobInterestFormSubmit {
  max-height: 65vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-inline-end: 20px;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}

header {
  position: relative;
  z-index: 1;
  padding-top: 57px;
  padding-bottom: 26px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  header {
    padding-top: 35px;
  }
}
header .logo {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  header .logo {
    max-width: 120px;
  }
}
header .viewDashboard {
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 13px 20px;
}
header .viewDashboard a:hover {
  opacity: 0.5;
}
header .viewDashboard a img {
  margin-right: 3px;
}
header .viewDashboard a img.hide-desktop {
  display: none;
}
@media screen and (max-width: 992px) {
  header .viewDashboard a img.hide-desktop {
    display: block;
  }
}
header .viewDashboard a img.hide-mobile {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  header .viewDashboard a img.hide-mobile {
    display: none;
  }
}
header .viewDashboard a span {
  font-size: 13px;
  line-height: 16px;
  color: #3E6BF7;
  font-family: "bold";
}
@media screen and (max-width: 992px) {
  header .viewDashboard a span {
    display: none;
  }
}

.header.absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.leftMenu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .leftMenu {
    position: fixed;
    width: 100%;
    transform: translateX(-100%);
    transition: all 0.2s ease;
  }
}
@media screen and (max-width: 992px) {
  .leftMenu.open {
    transform: translateX(0);
  }
}
@media screen and (max-width: 992px) {
  .leftMenu.open .innerContent ul li {
    opacity: 0;
    animation: fadeIn-menu 0.3s ease-in both;
  }
  .leftMenu.open .innerContent ul li:nth-child(1) {
    animation-delay: 0.3s;
  }
  .leftMenu.open .innerContent ul li:nth-child(2) {
    animation-delay: 0.6s;
  }
  .leftMenu.open .innerContent ul li:nth-child(3) {
    animation-delay: 0.9s;
  }
}
@media screen and (max-width: 992px) {
  .leftMenu.open .innerContent .logout-link {
    opacity: 0;
    animation: fadeIn-menu 0.3s ease-in both;
    animation-delay: 1.2s;
  }
}
@media screen and (max-width: 992px) {
  .leftMenu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.leftMenu .innerContent {
  position: relative;
  width: 212px;
  height: 100vh;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 1;
  background-color: #FFFFFF;
}
@media screen and (max-width: 992px) {
  .leftMenu .innerContent {
    width: 70%;
  }
}
.leftMenu .innerContent .closeMenu {
  display: none;
  position: relative;
  top: -42px;
  margin-left: 28px;
}
@media screen and (max-width: 992px) {
  .leftMenu .innerContent .closeMenu {
    display: inline-block;
  }
}
.leftMenu .innerContent .closeMenu button {
  background-color: transparent;
  border: none;
}
.leftMenu .innerContent .logo {
  padding: 35px 28px;
}
@media screen and (max-width: 992px) {
  .leftMenu .innerContent .logo {
    display: inline-block;
    padding: 0;
    margin: 35px 28px;
  }
}
.leftMenu .innerContent .separator {
  height: 1px;
  width: 100%;
  background-color: #EDF0F2;
}
.leftMenu .innerContent ul {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
  list-style: none;
}
.leftMenu .innerContent ul .sub-level li {
  margin-top: 10px;
  margin-left: -20px;
  padding-left: 0px;
  text-align: left;
}
.leftMenu .innerContent ul .sub-level li h3 {
  color: #2A2A2D;
}
.leftMenu .innerContent ul .sub-level li.active h3 {
  font-family: "bold";
  color: #3E6BF7;
}
.leftMenu .innerContent ul li {
  position: relative;
  margin-top: 26px;
  transition: 0.2s;
}
.leftMenu .innerContent ul li a {
  transition: all 0.2s;
  display: block;
}
.leftMenu .innerContent .circle {
  width: 39px;
  height: 39px;
  background-color: #F1F3FE;
}
.leftMenu .innerContent h3 {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "medium";
}
.leftMenu .innerContent li.active h3 {
  font-family: "bold";
  color: #3E6BF7;
}
.leftMenu .innerContent li.active::before {
  height: 45px;
  width: 4px;
  background-color: #3E6BF7;
  position: absolute;
  left: -20px;
  top: 0;
  content: "";
}
.leftMenu .innerContent ul.sub-level li.active::before {
  height: 30px;
  width: 4px;
  background-color: #2A2A2D;
  position: absolute;
  right: -20px;
  top: 0;
  content: "";
}
.leftMenu .innerContent .logout-link {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: block;
}
@media screen and (max-width: 992px) {
  .leftMenu .innerContent .logout-link {
    position: relative;
    bottom: auto;
    top: 26px;
  }
}

.fixed-menu .footer {
  margin-left: 60px;
  width: calc(100% - 60px);
}
@media screen and (max-width: 1400px) {
  .fixed-menu .footer {
    margin-left: 160px;
    width: calc(100% - 160px);
  }
}
@media screen and (max-width: 1200px) {
  .fixed-menu .footer {
    margin-left: 250px;
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 992px) {
  .fixed-menu .footer {
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .fixed-menu .footer .footer-inner-container {
    flex: 0 0 auto;
    width: 83.33333333%;
    margin: 0 auto;
  }
}
@media screen and (width: 1200px) {
  .fixed-menu .footer .footer-inner-container .col-md-6 {
    width: 100%;
  }
}

.footer {
  padding: 24px 0px;
  width: 100%;
  margin-top: auto;
}
.footer ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .footer ul {
    width: 100%;
    text-align: center;
  }
}
.footer ul li {
  display: inline-block;
  margin-right: 26px;
}
@media screen and (max-width: 768px) {
  .footer ul li {
    margin-right: 11px;
  }
}
.footer ul li a {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #88939F;
  font-family: "regular";
}
.footer ul li:last-child {
  margin-right: 0px;
}
.footer .reserved {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #88939F;
  font-family: "regular";
}
@media screen and (max-width: 768px) {
  .footer .imgW {
    max-width: 70px;
  }
}

.footer.homeabsolute {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 1200px) {
  .footer.homeabsolute {
    position: relative;
  }
}
@media screen and (max-width: 992px) {
  .footer.homeabsolute ul {
    width: 100%;
    text-align: left;
  }
}

.fixed-menu footer.guest-page {
  margin-left: 0;
  width: 100%;
}
.fixed-menu footer.guest-page .footer-inner-container {
  width: 100%;
}

header .signin-link {
  color: #ffffff;
}
header .signin-link span {
  font-size: 14px;
  font-weight: 500;
}
header .signin-link .signin-container {
  position: relative;
}
header .signin-link .signin-container:hover .dropdown-container, header .signin-link .signin-container.open .dropdown-container {
  opacity: 1;
  visibility: visible;
}
header .signin-link .signin-container .button-container {
  cursor: pointer;
}
header .signin-link .signin-container .dropdown-container {
  position: absolute;
  top: 38px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
header .signin-link .signin-container .dropdown-container:hover {
  opacity: 1;
  visibility: visible;
}
header .signin-link .signin-container .dropdown-container .hidden-container {
  height: 20px;
}
header .signin-link .signin-container .dropdown-container .links-container {
  width: -moz-max-content;
  width: max-content;
  background-color: #ffffff;
  border-radius: 18px;
  padding-inline: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
header .signin-link .signin-container .dropdown-container .links-container .link-item {
  width: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-family: "medium";
}
header .signin-link .signin-container .dropdown-container .links-container .link-item a {
  display: block;
  padding: 15px;
}
header .signin-link .signin-container .dropdown-container .links-container .link-item:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.168627451);
}
header .signin-link .signin-container .dropdown-container .links-container .link-item a {
  transition: all 0.2s ease-in-out;
}

.home {
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.home .backgroundImg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(42, 42, 45, 0.25);
}
@media screen and (max-width: 768px) {
  .home .backgroundImg {
    height: calc(100vh - 64px);
  }
}
.home .backgroundImg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent linear-gradient(45deg, rgba(42, 42, 45, 0) 40%, #2A2A2D 100%) 0% 0% no-repeat padding-box;
  z-index: 2;
}
@media screen and (max-width: 576px) {
  .home .backgroundImg:before {
    background: transparent linear-gradient(45deg, rgba(42, 42, 45, 0) 60%, #2A2A2D 100%) 0% 0% no-repeat padding-box;
  }
}
.home .backgroundImg:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(42, 42, 45, 0.25);
}
.home .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: transparent linear-gradient(0deg, #2A2A2D 0, rgba(42, 42, 45, 0) 100%) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 768px) {
  .home .swiper {
    overflow: visible;
  }
}
.home .contentMiddle {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home .contentMiddle {
    position: relative;
    top: 0;
    transform: none;
    padding-top: 160px;
    padding-bottom: 77px;
  }
}
.home .contentMiddle h1 {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: 0;
  margin-bottom: 27px;
  color: white;
  font-family: "heavy";
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .home .contentMiddle h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.home .contentMiddle p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: white;
  max-width: 382px;
  margin-bottom: 21px;
}
.home .blue-container {
  flex: 0 0 max-content;
}
@media screen and (max-width: 992px) {
  .home .blue-container {
    flex: 1 0 0%;
  }
}
.home .blueBtn {
  padding: 19px 22px;
  border: 1px solid #3E6BF7;
  background-color: #3E6BF7;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "regular";
  color: white;
  max-width: 137px;
  border-radius: 7px;
}
@media screen and (max-width: 992px) {
  .home .blueBtn {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .home .blueBtn {
    width: calc(100% - 22px);
    max-width: 100%;
    text-align: center;
  }
}
.home .blueBtn svg {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .home .blueBtn svg {
    top: auto;
    transform: rotate(90deg);
    right: 0;
    left: 0;
    bottom: -16px;
    margin: 0 auto;
    z-index: 3;
  }
}
.home .cat {
  border-radius: 7px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .home .cat {
    width: calc(100% - 22px);
  }
}
.home .cat .row {
  padding: 0px;
  margin: 0px;
}
.home .cat .row .a-container {
  padding: 0px;
  margin: 0px;
}
.home .cat .row a {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "medium";
  width: 100%;
  height: 100%;
  padding-top: 23px;
  height: 62px;
  color: white;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.home .cat .row a:hover {
  color: #2697EB;
}
.home .cat:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.1019607843);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 0;
  border-radius: 7px;
}
.home .line {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #8c8989;
  top: 0;
}
.home .box::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.67);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 0;
  border-radius: 18px;
}
.home .box {
  border-radius: 18px;
  width: 100%;
  height: 179px;
  padding: 41px 18px;
  position: relative;
}
.home .box h3 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "medium";
  position: relative;
  z-index: 1;
}
.home .box ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  z-index: 1;
}
.home .box ul li {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
  display: flex;
}
.home .box ul li img {
  margin-right: 10px;
}
.home .box .single {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid white;
  position: absolute;
  right: 25px;
  bottom: 15px;
}
.home .box .single img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.home .box2 {
  margin-top: 131px;
}
@media screen and (max-width: 1200px) {
  .home .box2 {
    margin-top: 0px;
  }
}
@media screen and (width: 1200px) {
  .home .box2 {
    margin-top: 131px;
  }
}

.signinPartHeader {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
  color: #88939F;
}
.signinPartHeader a {
  color: #3E6BF7;
  font-family: "bold";
  text-decoration: underline;
  display: block;
}
.signinPartHeader span {
  color: #88939F;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

@media screen and (max-width: 992px) {
  .signup {
    margin-top: 134px;
  }
}
.signup .wIcon {
  position: absolute;
  top: -23px;
  right: 46px;
}
.signup .signImage {
  position: absolute;
  top: -50px;
}
.signup .previousBtn {
  background-color: #F1F3FE;
  padding: 16px 55px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
  color: #3E6BF7;
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #F1F3FE;
  transition: 0.2s;
}
@media screen and (max-width: 992px) {
  .signup .previousBtn {
    padding: 16px 12px;
  }
}
.signup .previousBtn:hover {
  background-color: white;
  border: 1px solid #3E6BF7;
}
.signup .account {
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0;
  color: #88939F;
}
.signup ul.tabs {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
@media screen and (max-width: 1200px) {
  .signup ul.tabs {
    display: inline-flex;
  }
}
@media screen and (width: 1200px) {
  .signup ul.tabs {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .signup ul.tabs {
    left: -10px;
    position: relative;
  }
}
.signup ul.tabs .layer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.signup ul.tabs li {
  width: 170px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .signup ul.tabs li {
    width: 160px;
  }
}
.signup ul.tabs li .content {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.signup ul.tabs li .content a {
  transition: all 0.2s;
}
.signup ul.tabs li .content a .both {
  left: -6px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .signup ul.tabs li .content a .both {
    left: 0px;
  }
}
.signup ul.tabs li .content a .both .square {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid #E6E9F4;
  position: relative;
}
.signup ul.tabs li .content a .both .square img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.signup ul.tabs li .content a .both .title {
  font-family: "medium";
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0;
}
.signup .boxContainer {
  padding: 60px 40px;
  border-radius: 17px;
}
@media screen and (max-width: 768px) {
  .signup .boxContainer {
    padding: 20px 20px 47px;
  }
}
.signup .boxContainer .heading {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #88939F;
  font-family: "regular";
}
@media screen and (max-width: 768px) {
  .signup .boxContainer .boxNoShadow {
    padding: 0;
    margin-top: 24px;
  }
}
.signup .back {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
}
.signup .back img {
  margin-right: 9px;
}
.signup .boxContainer.signBox {
  min-height: 581px;
}
@media screen and (max-width: 768px) {
  .signup .boxContainer.signBox {
    min-height: auto;
  }
}
.signup .signinPart {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
  color: #88939F;
}
@media screen and (max-width: 1200px) {
  .signup .signinPart {
    position: absolute;
    top: -50px;
    right: 20px;
  }
}
@media screen and (width: 1200px) {
  .signup .signinPart {
    top: 63px;
    right: 57px;
  }
}
.signup .signinPart a {
  color: #3E6BF7;
  font-family: "bold";
  text-decoration: underline;
}

#header .signinPart {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
  color: #88939F;
}
@media screen and (max-width: 1200px) {
  #header .signinPart {
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 99999999;
  }
}
#header .signinPart a {
  color: #3E6BF7;
  font-family: "bold";
  text-decoration: underline;
}

#languages-table > .row:first-of-type > .col-12 > .line,
#experiences-table > .row:first-of-type > .col-12 > .line {
  display: none;
}

.signup .privacy-checkbox {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .signup .privacy-checkbox {
    display: block;
  }
}

.boxContainer .contact-avwork {
  color: #9FAAB4;
}
.boxContainer .contact-avwork a {
  color: #9FAAB4;
  text-decoration: underline !important;
}
.boxContainer .contact-avwork a:hover {
  color: #1A1A1A;
  text-decoration: none !important;
}

.default {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 17px;
}
.default .content {
  padding: 58px 63px;
}
@media screen and (max-width: 768px) {
  .default .content {
    padding: 20px;
  }
}
.default .content .description {
  opacity: 0.68;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "regular";
}

.dashboard {
  background-color: #EDF0F2;
  padding-top: 27px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .dashboard {
    margin-right: 20px;
  }
}
@media screen and (max-width: 992px) {
  .dashboard {
    padding: 27px 20px 0 20px;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .dashboard {
    padding: 27px 8px 0;
  }
}
.dashboard .loadingContainer {
  height: 77vh;
  position: relative;
}
@media screen and (max-width: 992px) {
  .dashboard .loadingContainer {
    height: 65vh;
  }
}
.dashboard .loadingContainer .innerContent {
  max-width: 482px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translatey(-50%);
  padding: 0 15px;
}
.dashboard .loadingContainer .innerContent .image {
  width: 97px;
  height: 97px;
  margin: 0 auto 18px auto;
  background-color: #EDF0F2;
  border-radius: 50%;
  position: relative;
  text-align: center;
}
.dashboard .loadingContainer .innerContent .image img {
  max-width: 50px;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;
}
.dashboard .loadingContainer .innerContent .text {
  line-height: 30px;
}
.dashboard .loadingContainer .innerContent .btn-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 192px;
  height: 52px;
  background: #3e6bf7;
  border: 1px solid #3e6bf7;
  margin: 24px auto 0;
  color: #FFFFFF;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s;
}
.dashboard .loadingContainer .innerContent .btn-container a:hover {
  color: #3e6bf7;
  background-color: #FFFFFF;
}
.dashboard ul.tabs {
  border-bottom: 1px solid #EDF0F2;
  padding-bottom: 16px;
  margin-bottom: 22px;
  list-style: none;
}
.dashboard ul.tabs li {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "light";
  margin-right: 43px;
  position: relative;
  transition: all 0.2s;
}
@media screen and (max-width: 576px) {
  .dashboard ul.tabs li {
    margin-right: 15px;
    font-size: 13px;
  }
}
.dashboard ul.tabs li button {
  background-color: initial;
  border: none;
  transition: all 0.2s;
}
.dashboard ul.tabs li:after {
  height: 3px;
  width: 0;
  background-color: #3E6BF7;
  position: absolute;
  left: 0;
  bottom: -16px;
  content: "";
  transition: all 0.2s;
}
.dashboard ul.tabs li:last-child {
  margin-right: 0px;
}
.dashboard ul.tabs li.active {
  font-family: "bold";
  color: #3E6BF7;
}
.dashboard ul.tabs li.active button {
  color: #3E6BF7;
}
.dashboard ul.tabs li.active::after {
  width: 100%;
}
.dashboard h1 {
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0;
}
.dashboard h1.main-title {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0;
}
.dashboard h2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  font-family: "bold";
}
.dashboard p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  font-family: "regular";
}
.dashboard .boxContainer {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 9px;
  padding: 33px;
}
@media screen and (max-width: 768px) {
  .dashboard .boxContainer {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .dashboard .boxContainer.middle {
    padding: 15px;
    box-shadow: none;
  }
}
.dashboard .mainBtn.db {
  padding: 11px 29px;
  text-align: center;
}
.dashboard .previousBtn {
  background-color: #F1F3FE;
  padding: 16px 55px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-family: "bold";
  color: #3E6BF7;
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #F1F3FE;
  transition: 0.2s;
}
@media screen and (max-width: 992px) {
  .dashboard .previousBtn {
    padding: 16px 12px;
  }
}
.dashboard .previousBtn:hover {
  background-color: white;
  border: 1px solid #3E6BF7;
}
.dashboard .visaBox {
  padding: 48px 16px;
  border-radius: 47px;
  width: 270px;
  background-color: #f2f4f5;
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .dashboard .visaBox {
    width: 100%;
  }
}
.dashboard .visaBox h2 {
  max-width: 237px;
  margin-left: auto;
  margin-right: auto;
}
.dashboard .visaBox .circle {
  width: 65px;
  height: 65px;
}
.dashboard .visaBox.noVisa {
  width: 100%;
}
.dashboard .search label {
  max-width: 292px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .dashboard .search label {
    max-width: initial;
  }
}
.dashboard .search label input {
  width: 100%;
  height: 38px;
  font-size: 12px;
  line-height: 20px;
  color: #808F9A;
  padding: 10px 10px 10px 33px;
  background: transparent url(/images/search.svg?02e4f2145a849a2a200b23fe4bc0f697) 5% center no-repeat;
}
@media screen and (max-width: 992px) {
  .dashboard .search label input {
    background-position: 2%;
  }
}
.dashboard .resultContainer {
  display: flex;
  margin-top: 25px;
}
.dashboard .resultContainer select {
  margin-right: 10px;
  background-color: #F1F3FE;
  border: none;
  border-radius: 10px;
  font-size: 12px;
  padding: 6px 14px;
  width: 54px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
.dashboard .resultContainer .text {
  font-size: 12px;
  line-height: 28px;
  color: #808F9A;
}
.dashboard .headerBox {
  position: relative;
}
.dashboard .page-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.dashboard .page-title .title-button {
  display: inline-flex !important;
}
@media screen and (max-width: 460px) {
  .dashboard .page-title .title-button {
    display: block !important;
    margin: 0px auto;
  }
}
@media screen and (max-width: 460px) {
  .dashboard .page-title .title-button .download-template {
    width: 100% !important;
    margin-bottom: 15px;
  }
}
.dashboard .page-title .title-button .download-template a svg {
  margin-right: 8px;
}
.dashboard .page-title .title-button .download-template a svg path {
  fill: #FFFFFF;
}
.dashboard .page-title .title-button .download-template a:hover path {
  fill: #2A2A2D;
}
.dashboard .page-title .title-button .download-template a span {
  display: inline-block;
}
@media screen and (max-width: 460px) {
  .dashboard .page-title .title-button button {
    width: 100% !important;
    margin-bottom: 15px;
  }
}
.dashboard .page-title .title-button button:hover svg {
  fill: #3E6BF7;
}
.dashboard .page-title .title-button button svg {
  fill: #FFFFFF;
  margin-right: 5px;
}
.dashboard .page-title .title-button button span.show-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .dashboard .page-title .title-button button span.show-mobile {
    display: inline-block;
  }
}
.dashboard .page-title .title-button button span.show-desktop {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .dashboard .page-title .title-button button span.show-desktop {
    display: none;
  }
}
.dashboard .newContent {
  position: absolute;
  right: 0;
  top: -10px;
}
@media screen and (max-width: 992px) {
  .dashboard .newContent {
    top: -91px;
    right: -21px;
  }
}
@media screen and (max-width: 768px) {
  .dashboard .newContent {
    top: -76px;
  }
}
.dashboard .newContent button {
  background-color: #3E6BF7;
  border: solid #3E6BF7 1px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: "bold";
  font-size: 13px;
  line-height: 16px;
  padding: 10px 33px;
  transition: all 0.2s;
}
@media screen and (max-width: 992px) {
  .dashboard .newContent button {
    padding: 10px 23px;
  }
}
.dashboard .newContent button:hover {
  background-color: #FFFFFF;
  color: #3E6BF7;
}
.dashboard .newContent button:hover svg {
  fill: #3E6BF7;
}
.dashboard .newContent button svg {
  fill: #FFFFFF;
  margin-right: 5px;
}
.dashboard .newContent button span.show-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .dashboard .newContent button span.show-mobile {
    display: inline-block;
  }
}
.dashboard .newContent button span.show-desktop {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .dashboard .newContent button span.show-desktop {
    display: none;
  }
}
.dashboard .job-boxes {
  margin-top: 27px;
}
.dashboard .job-boxes.four-columns .job-box .jobTitle {
  width: 30%;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes.four-columns .job-box .jobTitle {
    width: 100%;
  }
}
.dashboard .job-boxes.four-columns .job-box .column-three {
  width: 45%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes.four-columns .job-box .column-three {
    padding-top: 22px;
    border-top: solid #EDF0F2 1px;
    width: 100%;
  }
}
.dashboard .job-boxes.four-columns .job-box .column-five {
  width: 20%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes.four-columns .job-box .column-five {
    width: initial;
  }
}
.dashboard .job-boxes .job-box {
  display: flex;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 18px;
  border-bottom: solid #EDF0F2 1px;
  font-size: 13px;
  line-height: 16px;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box {
    display: block;
    box-shadow: 0 0 8px 0 #e4e4e4;
    border: none;
    padding: 22px;
    border-radius: 10px;
  }
}
.dashboard .job-boxes .job-box:last-child {
  border-bottom: initial;
}
.dashboard .job-boxes .job-box.main {
  font-family: "bold";
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box.main {
    display: none;
  }
}
.dashboard .job-boxes .job-box.main .column-five .text {
  position: relative;
  top: 8px;
}
.dashboard .job-boxes .job-box > div {
  width: 20%;
  padding-right: 10px;
  text-align: left;
}
.dashboard .job-boxes .job-box .column-one {
  width: 5%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-one {
    display: none;
  }
}
.dashboard .job-boxes .job-box .column-one .form-check {
  top: 4px;
}
.dashboard .job-boxes .job-box .column-one .form-check .form-check-input {
  width: 19px;
  height: 19px;
  border-color: transparent;
  background-color: #F1F3FE;
}
.dashboard .job-boxes .job-box .column-one .form-check .form-check-input:checked[type=checkbox]:before {
  height: 19px;
  width: 19px;
  border-color: transparent;
}
.dashboard .job-boxes .job-box .column-two {
  width: 35%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-two {
    font-family: "bold";
    width: calc(100% - 100px);
    margin-bottom: 35px;
  }
}
.dashboard .job-boxes .job-box .column-two .title {
  position: relative;
  top: 8px;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-two .title {
    top: 0;
  }
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-three, .dashboard .job-boxes .job-box .column-four {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-three, .dashboard .job-boxes .job-box .column-four, .dashboard .job-boxes .job-box .column-six {
    display: flex;
    width: 100%;
    text-align: left;
  }
}
.dashboard .job-boxes .job-box .column-three .text, .dashboard .job-boxes .job-box .column-four .text, .dashboard .job-boxes .job-box .column-six .text {
  position: relative;
  top: 8px;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-three .text, .dashboard .job-boxes .job-box .column-four .text, .dashboard .job-boxes .job-box .column-six .text {
    top: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-five {
    position: absolute;
    top: 22px;
    right: 22px;
    width: initial;
  }
}
.dashboard .job-boxes .job-box .column-five button {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: none;
  background-color: #EDF0F2;
  position: relative;
  text-align: center;
  margin-right: 8px;
  transition: all 0.2s;
}
.dashboard .job-boxes .job-box .column-five button:hover {
  opacity: 0.5;
}
.dashboard .job-boxes .job-box .column-five button:last-child {
  margin-right: 0;
}
.dashboard .job-boxes .job-box .column-five button img {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.dashboard .job-boxes .job-box .column-six {
  display: none;
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .column-six {
    display: flex;
  }
}
.dashboard .job-boxes .job-box .column-six .text img {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.dashboard .job-boxes .job-box .column-six .text.active {
  color: #10B730;
}
.dashboard .job-boxes .job-box .column-six .text.inactive {
  color: #D81818;
}
.dashboard .job-boxes .job-box .mobileSecTitle {
  display: none;
  font-family: "medium";
}
@media screen and (max-width: 992px) {
  .dashboard .job-boxes .job-box .mobileSecTitle {
    display: block;
  }
}
.dashboard .potential-box {
  background-color: #3E6BF7;
  padding: 21px 21px 49px 21px;
  border-radius: 10px;
  margin-bottom: 31px;
  display: flex;
}
@media screen and (max-width: 992px) {
  .dashboard .potential-box {
    display: block;
    padding: 21px;
  }
}
.dashboard .potential-box .left {
  width: 65%;
  color: #FFFFFF;
  padding-right: 15px;
}
@media screen and (max-width: 992px) {
  .dashboard .potential-box .left {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
}
.dashboard .potential-box .left .title span {
  font-size: 20px;
  line-height: 24px;
}
.dashboard .potential-box .left .title span:first-child {
  font-size: 26px;
  line-height: 31px;
  font-family: "bold";
}
.dashboard .potential-box .left .text {
  font-size: 13px;
  line-height: 20px;
}
.dashboard .potential-box .right {
  width: 35%;
}
@media screen and (max-width: 992px) {
  .dashboard .potential-box .right {
    width: 100%;
  }
}
.dashboard .potential-box .right .actionButtons {
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}
@media screen and (max-width: 992px) {
  .dashboard .potential-box .right .actionButtons {
    margin-left: 0;
  }
}
.dashboard .potential-box .right .actionButtons button {
  transition: all 0.2s;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 10px;
  padding: 10px 38px;
}
@media screen and (max-width: 576px) {
  .dashboard .potential-box .right .actionButtons button {
    padding: 10px 26px;
  }
}
.dashboard .potential-box .right .actionButtons button:first-child {
  background-color: #FFFFFF;
  color: #3E6BF7;
  border: solid #FFFFFF 1px;
  margin-right: 18px;
  margin-bottom: 15px;
}
.dashboard .potential-box .right .actionButtons button:first-child:hover {
  background-color: #3E6BF7;
  color: #FFFFFF;
}
.dashboard .potential-box .right .actionButtons button:last-child {
  background-color: #3E6BF7;
  color: #FFFFFF;
  border: solid #FFFFFF 1px;
}
.dashboard .potential-box .right .actionButtons button:last-child:hover {
  background-color: #FFFFFF;
  color: #3E6BF7;
}
.dashboard .listing-box {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 9px;
}
.dashboard .listing-box .mainTitle {
  font-size: 20px;
  line-height: 24px;
  border-bottom: solid #EDF0F2 1px;
  font-family: "bold";
  padding: 28px 0 18px 0;
  margin: 0 26px 0 21px;
}
.dashboard .listing-box .rows .data {
  display: flex;
  padding: 20px 0;
  font-size: 13px;
  line-height: 16px;
}
@media screen and (max-width: 992px) {
  .dashboard .listing-box .rows .data {
    display: block;
  }
}
.dashboard .listing-box .rows .data:nth-child(2n) {
  background-color: #F4F7F8;
}
.dashboard .listing-box .rows .data > div {
  padding-left: 21px;
}
.dashboard .listing-box .rows .data .left {
  width: 40%;
  font-family: "medium";
}
@media screen and (max-width: 992px) {
  .dashboard .listing-box .rows .data .left {
    margin-bottom: 8px;
    width: 100%;
  }
}
.dashboard .listing-box .rows .data .right {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .dashboard .listing-box .rows .data .right {
    width: 100%;
  }
}
.dashboard .listing-box .rows .data .right ul {
  padding-left: 10px;
  margin-bottom: 23px;
}
.dashboard .listing-box .rows .data .right ul:last-child {
  margin-bottom: 0;
}
.dashboard .listing-box .rows .data .right ul li {
  color: #3E6BF7;
  margin-bottom: 6px;
}
.dashboard .listing-box .rows .data .right ul li ul {
  margin-top: 6px;
}
.dashboard .listing-box .rows .data .right ul li ul li {
  color: #000;
}
.dashboard .listing-box .rows .data .right ul li ul li::marker {
  color: #3E6BF7;
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container {
    width: auto !important;
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .dashboard .table-container.datatable-container::-webkit-scrollbar {
    display: none;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper {
  /* Add arrows to DataTables header cells */
  /* Style the arrows */
}
.dashboard .table-container.datatable-container .dataTables_wrapper input:active, .dashboard .table-container.datatable-container .dataTables_wrapper input:focus, .dashboard .table-container.datatable-container .dataTables_wrapper select:active, .dashboard .table-container.datatable-container .dataTables_wrapper select:focus {
  box-shadow: none;
  border-color: #e2e7ea;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTables_filter label {
  max-width: 292px;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  font-family: "medium";
  margin-bottom: 6px;
}
@media screen and (max-width: 992px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .dataTables_filter label {
    max-width: initial;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTables_filter input {
  margin-top: 7px;
  position: relative;
  width: 100%;
  height: 38px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #808F9A;
  padding: 10px 10px 10px 33px;
  background: transparent url(/images/search.svg?02e4f2145a849a2a200b23fe4bc0f697) 5% center no-repeat;
  border: 1px solid #e2e7ea;
  border-radius: 7px;
  margin-bottom: 0px;
  display: block;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTables_filter input::before {
  content: "Search here...";
  position: absolute;
  top: 50%;
  left: 33px;
  transform: translateY(-50%);
  width: 85px;
  height: 16px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
  font-family: "medium";
  background-color: red;
}
@media screen and (max-width: 992px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .dataTables_filter input {
    background-position: 2%;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable {
  margin-top: 27px;
  margin-bottom: 27px;
  background-color: #FFF;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tr {
  border-bottom: 1px solid #edf0f2;
  font-size: 13px;
  line-height: 16px;
  min-height: 50px;
  height: 50px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tr th {
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tr th {
    white-space: nowrap;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable thead {
  font-family: "bold";
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tbody {
  font-family: "regular";
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tbody td {
  padding-right: 10px;
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .dataTable tbody td {
    white-space: nowrap;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable a, .dashboard .table-container.datatable-container .dataTables_wrapper .dataTable button {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: #edf0f2;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable button {
  outline: none;
  border: none;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .dataTable .edit {
  margin-right: 5px;
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .dataTable .column-one {
    display: none;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom {
  display: flex;
  width: 100%;
  align-items: center;
  background-color: #FFF;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_length {
  height: 30px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_length label {
  position: relative;
  color: transparent;
  font-size: 0;
  height: 30px;
  overflow: hidden;
  padding-top: 2px;
  width: 64px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_length label select {
  position: absolute;
  top: 0;
  background-color: #f1f3fe;
  border: none;
  border-radius: 7px;
  font-size: 12px;
  line-height: 12px;
  padding: 9px 14px;
  width: 64px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 1em;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_info {
  padding-inline: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #808f9a;
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_info {
    max-width: 140px;
    flex: 0 0 auto;
  }
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate {
  margin-left: auto;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate .pagination {
  margin-bottom: 0;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate .pagination li {
  font-size: 13px;
  line-height: 16px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate .pagination li .page-item.active .page-link {
  z-index: 0;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate .pagination li .page-item.active .page-link .page-link {
  color: #3E6BF7;
  transition: all 0.2s ease-in-out;
}
.dashboard .table-container.datatable-container .dataTables_wrapper .bottom .dataTables_paginate .pagination li .page-item.active .page-link.active .page-link {
  background-color: #3E6BF7;
  border-color: #3E6BF7;
}
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting:after,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_asc:after,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_desc:after {
  content: "↓"; /* Down arrow character */
  padding-left: 5px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting:before,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_asc:before,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_desc:before {
  content: "↑"; /* Up arrow character */
  padding-inline: 5px;
}
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting:after,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting:before {
  opacity: 0.4;
}
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_asc:after,
.dashboard .table-container.datatable-container .dataTables_wrapper table.dataTable thead .sorting_desc:before {
  opacity: 1;
}
.dashboard .table-container.datatable-container .btn-danger {
  width: 130px;
  height: 44px;
  font-size: 13px;
  border-radius: 7px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "bold";
}
@media screen and (max-width: 576px) {
  .dashboard .table-container.datatable-container .btn-danger {
    display: none;
  }
}
.dashboard .table-container.datatable-container .kt-spinner {
  left: -8px;
}

.company-job-posted-page .dashboard .page-title .title-button button {
  min-width: 160px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .company-job-posted-page .dashboard .page-title .title-button button {
    min-width: auto;
    padding-inline: 20px;
  }
}
.company-job-posted-page .dashboard .page-title .title-button .button {
  min-width: 160px;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: solid #3E6BF7 1px;
  background-color: #3E6BF7;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  font-family: "bold";
  border-radius: 5px;
  transition: all 0.2s;
  padding: 0;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .company-job-posted-page .dashboard .page-title .title-button .button {
    min-width: auto;
    padding-inline: 20px;
  }
}
.company-job-posted-page .dashboard .page-title .title-button .button span.show-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .page-title .title-button .button span.show-mobile {
    display: inline-block;
  }
}
.company-job-posted-page .dashboard .page-title .title-button .button span.show-desktop {
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .page-title .title-button .button span.show-desktop {
    display: none;
  }
}
.company-job-posted-page .dashboard .listing-box .mainTitle {
  border-bottom-width: 0;
  transition: all 0.35s;
}
.company-job-posted-page .dashboard .listing-box .mainTitle .actions div {
  border-radius: 50%;
  cursor: pointer;
}
.company-job-posted-page .dashboard .listing-box .mainTitle .actions div:first-child {
  background-color: #EDF0F2;
}
.company-job-posted-page .dashboard .listing-box .mainTitle .actions div:last-child {
  background-color: #3E6BF7;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.company-job-posted-page .dashboard .listing-box .mainTitle .actions div:last-child img {
  transition: all 0.35s;
  transform: rotate(180deg);
}
.company-job-posted-page .dashboard .listing-box .mainTitle .actions div a {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.company-job-posted-page .dashboard .listing-box .rows {
  overflow: hidden;
}
.company-job-posted-page .dashboard .listing-box.expanded .mainTitle {
  border-bottom-width: 1px;
}
.company-job-posted-page .dashboard .listing-box.expanded .mainTitle .actions div:last-child img {
  transform: rotate(0);
}
.company-job-posted-page .dashboard .listing-box.expanded .rows {
  height: auto;
}
.company-job-posted-page .dashboard .contractors-listing {
  margin-top: 34px;
}
.company-job-posted-page .dashboard .contractors-listing .column-two {
  width: 25%;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .column-two {
    width: 100%;
  }
}
.company-job-posted-page .dashboard .contractors-listing .column-three {
  width: 30%;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .column-three {
    width: 100%;
  }
}
.company-job-posted-page .dashboard .contractors-listing .column-five .text {
  position: relative;
  top: 8px;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .column-five .text {
    top: 0;
  }
}
.company-job-posted-page .dashboard .contractors-listing .column-five .text.hired {
  color: #10B730;
}
.company-job-posted-page .dashboard .contractors-listing .column-five img {
  margin-right: 3px;
}
.company-job-posted-page .dashboard .contractors-listing .column-six {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.company-job-posted-page .dashboard .contractors-listing .column-six .view {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background-color: #EDF0F2;
  border-radius: 50%;
  border: none;
  outline: none;
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .job-boxes .job-box .column-two {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .job-boxes .job-box .column-three {
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EDF0F2;
  }
  .company-job-posted-page .dashboard .contractors-listing .job-boxes .job-box .column-three .text {
    margin-top: 8px;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .job-boxes .job-box .column-five {
    position: relative;
    top: auto;
    right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  .company-job-posted-page .dashboard .contractors-listing .job-boxes .job-box .column-six {
    position: absolute;
    top: 22px;
    right: 22px;
    width: initial;
  }
}

.company-contractor-page .dashboard .boxContainer {
  padding-bottom: 47px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .page-title {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}
.company-contractor-page .dashboard .page-title .title-button button {
  min-width: 108px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .page-title .title-button button {
    min-width: 145px;
  }
}
.company-contractor-page .dashboard .listing-box {
  box-shadow: none;
  border-radius: unset;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 9px;
  }
}
.company-contractor-page .dashboard .listing-box.row-with-gap {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box.row-with-gap {
    margin: 0;
    box-shadow: unset;
    border-radius: unset;
  }
}
.company-contractor-page .dashboard .listing-box > div {
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box > div {
    padding: 0;
  }
}
.company-contractor-page .dashboard .listing-box > div > div {
  padding: 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 9px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box > div > div {
    box-shadow: unset;
    border-radius: unset;
  }
}
.company-contractor-page .dashboard .listing-box .details-container .rows a {
  color: #3E6BF7;
  text-decoration: underline;
  font-family: "medium";
}
.company-contractor-page .dashboard .listing-box .details-container .rows a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box .details-container .rows {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 9px;
  }
}
.company-contractor-page .dashboard .listing-box .reviews-container .review-box-title {
  font-size: 15px;
  font-weight: bold;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box .reviews-container .review-box-title {
    padding-left: 10px;
  }
  .company-contractor-page .dashboard .listing-box .reviews-container .review-box-title:first-child {
    padding-top: 18px;
  }
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container {
  padding: 25px 0 5px;
  font-size: 13px;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .rating img, .company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .ratings img {
  width: 17px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .rating img, .company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .ratings img {
    width: 14px;
  }
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-title {
  padding-inline: 20px;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-title h4 {
  font-size: 13px;
  font-family: "medium";
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing {
  padding-inline: 20px;
  height: 440px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing {
    height: auto;
  }
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .ps__rail-y {
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  width: 8px;
  background-color: transparent;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .ps__rail-y .ps__thumb-y {
  position: absolute;
  background-color: #E9EDEF;
  border-radius: 4px;
  width: 8px;
  cursor: pointer;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .review-item {
  border-top: 1px solid #E5E6E6;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .review-item .company {
  font-size: 13px;
  font-family: "medium";
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .review-item .description {
  font-size: 13px;
  margin-bottom: 3px;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .experience-item {
  border-bottom: 1px solid #E5E6E6;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .experience-item.no-border {
  border-bottom: unset;
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .experience-item .mainColor {
  font-family: "bold";
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .experience-item .sub-item-value {
  font-size: 13px;
  font-family: "medium";
}
.company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container .reviews-listing .experience-item .sub-title {
  font-size: 13px;
  font-family: "bold";
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .company-contractor-page .dashboard .listing-box .reviews-container .reviews-inner-container {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 9px;
  }
}

.visa-page .dashboard .boxContainer {
  box-shadow: none;
  border: 1px solid #E2E7EA;
}

.job-details-brief-page .dashboard .boxContainer .job-title {
  margin-bottom: 16px;
}
.job-details-brief-page .dashboard .boxContainer .content .content-title {
  font-family: "medium";
  color: #3E6BF7;
  font-size: 13px;
  margin-bottom: 3px;
}
.job-details-brief-page .dashboard .boxContainer .content .value {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0;
}
.job-details-brief-page .dashboard .boxContainer .buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .job-details-brief-page .dashboard .boxContainer .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
.job-details-brief-page .dashboard .boxContainer .view-details-link a {
  width: auto;
  min-width: 130px;
}
.job-details-brief-page .dashboard .boxContainer .status {
  padding: 0 5px;
  width: auto;
  min-width: 130px;
  height: 38px;
  font-size: 13px;
  border-radius: 7px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.job-details-brief-page .dashboard .boxContainer .status span {
  margin-inline-start: 5px;
}
.job-details-brief-page .dashboard .boxContainer.job-completed, .job-details-brief-page .dashboard .boxContainer.job-hired {
  color: #FFFFFF;
  background-color: #3E6BF7;
}
.job-details-brief-page .dashboard .boxContainer.job-completed .content .content-title, .job-details-brief-page .dashboard .boxContainer.job-hired .content .content-title {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .job-details-brief-page .dashboard .boxContainer.job-completed .buttons, .job-details-brief-page .dashboard .boxContainer.job-hired .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
.job-details-brief-page .dashboard .boxContainer.job-completed .btn-container a, .job-details-brief-page .dashboard .boxContainer.job-completed .btn-container button, .job-details-brief-page .dashboard .boxContainer.job-hired .btn-container a, .job-details-brief-page .dashboard .boxContainer.job-hired .btn-container button {
  font-size: 13px;
  font-family: "medium";
  width: auto;
  min-width: 130px;
  height: 38px;
  padding: 0 5px;
  color: #3E6BF7;
  background-color: #ffffff;
  border-radius: 7px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border: 1px solid #FFFFFF;
}
.job-details-brief-page .dashboard .boxContainer.job-completed .btn-container a:hover, .job-details-brief-page .dashboard .boxContainer.job-completed .btn-container button:hover, .job-details-brief-page .dashboard .boxContainer.job-hired .btn-container a:hover, .job-details-brief-page .dashboard .boxContainer.job-hired .btn-container button:hover {
  background-color: #3E6BF7;
  color: #FFFFFF;
}
.job-details-brief-page .dashboard .boxContainer.job-completed .status, .job-details-brief-page .dashboard .boxContainer.job-hired .status {
  background-color: rgba(241, 243, 254, 0.25);
  color: #FFFFFF;
}
.job-details-brief-page .dashboard .boxContainer.job-rejected {
  background-color: #F1F3FE;
}
.job-details-brief-page .dashboard .boxContainer.job-rejected .status {
  background-color: #ffffff;
  color: #000000;
}
.job-details-brief-page .dashboard .boxContainer.job-rejected .status span {
  margin-inline-start: 6px;
}

.job-details-page .dashboard .boxContainer {
  padding: 31px;
}
@media screen and (max-width: 768px) {
  .job-details-page .dashboard .boxContainer {
    padding: 20px;
  }
}
.job-details-page .dashboard .boxContainer .page-title {
  border-bottom: 1px solid #EDF0F2;
  padding-bottom: 38px;
  margin-inline: 26px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .job-details-page .dashboard .boxContainer .page-title {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}
.job-details-page .dashboard .boxContainer .page-title .title-button {
  flex-wrap: wrap;
  gap: 12px;
}
.job-details-page .dashboard .boxContainer .page-title button {
  min-width: 126px;
}
.job-details-page .dashboard .boxContainer .page-title a {
  min-width: 179px;
}
.job-details-page .dashboard .boxContainer .listing-box {
  padding-top: 20px;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
}
.job-details-page .dashboard .boxContainer .listing-box .rows .data .left {
  padding-left: 21px;
}
.job-details-page .dashboard .boxContainer .listing-box .btn-container {
  display: inline-block;
  margin-top: 33px;
  margin-left: 26px;
  margin-bottom: 40px;
}
.job-details-page .dashboard .boxContainer .listing-box .btn-container a {
  width: 193px;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #F1F3FE;
  border: 1px solid #F1F3FE;
  color: #3E6BF7;
  border-radius: 7px;
  font-size: 13px;
  font-family: "bold";
  transition: all 0.2s;
}
.job-details-page .dashboard .boxContainer .listing-box .btn-container a:hover {
  border-color: #3E6BF7;
}

.who-we-are .boxContainer {
  padding-top: 94px;
  border-radius: 17px;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
  /*@include breakpoint-1200{
    margin: 0 20px;
  }*/
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer {
    display: block;
    padding-top: 38px;
  }
}
.who-we-are .boxContainer h1.title {
  font-size: 40px;
  line-height: 53px;
  padding: 0 105px 85px 105px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer h1.title {
    padding: 0 20px 28px 20px;
    font-size: 30px;
    line-height: 40px;
  }
}
.who-we-are .boxContainer h2.text {
  font-size: 20px;
  line-height: 27px;
  font-family: "bold";
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer h2.text {
    font-size: 15px;
    line-height: 20px;
  }
}
.who-we-are .boxContainer h3.text {
  font-size: 16px;
  line-height: 25px;
}
.who-we-are .boxContainer h3.text.hide-desktop {
  display: none;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer h3.text.hide-desktop.first-text {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer h3.text.hide-desktop {
    display: block;
    padding: 0 20px 40px 20px;
  }
}
.who-we-are .boxContainer h3.text.hide-mobile {
  display: block;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer h3.text.hide-mobile {
    display: none;
  }
}
.who-we-are .boxContainer .left {
  width: 50%;
  max-width: 610px;
  /*@include breakpoint-1200{
    width: 50%;
  }*/
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .left {
    width: 100%;
    max-width: initial;
  }
}
.who-we-are .boxContainer .left > .text {
  padding: 55px 105px 63px 105px;
}
.who-we-are .boxContainer .left .blueBox {
  background-color: #3E6BF7;
  color: #FFFFFF;
  padding: 55px 43px 58px;
  max-width: 610px;
  border-radius: 0 20px 0 0;
}
@media screen and (max-width: 1200px) {
  .who-we-are .boxContainer .left .blueBox {
    max-width: initial;
  }
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .left .blueBox {
    padding: 43px 20px 20px 20px;
  }
}
.who-we-are .boxContainer .left .blueBox .text {
  max-width: 312px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .left .blueBox .text {
    max-width: initial;
    margin-bottom: 30px;
  }
}
.who-we-are .boxContainer .left .blueBox img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .who-we-are .boxContainer .left .blueBox img {
    max-width: 100%;
  }
}
.who-we-are .boxContainer .right {
  width: 50%;
  /*@include breakpoint-1200{
    width: 50%;
  }*/
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .right {
    width: 100%;
  }
}
.who-we-are .boxContainer .right > .text {
  margin-bottom: 118px;
  margin-left: 80px;
  margin-right: 100px;
  max-width: 428px;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .right > .text {
    max-width: initial;
  }
}
.who-we-are .boxContainer .right > .sectionContent {
  margin-bottom: 114px;
  margin-left: 24px;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .right > .sectionContent {
    margin: 40px 0 70px 20px;
  }
}
.who-we-are .boxContainer .right .sectionContent {
  position: relative;
  padding: 0 56px;
}
.who-we-are .boxContainer .right .sectionContent img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 31.5px;
}
.who-we-are .boxContainer .right .sectionContent .subTitle {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 9px;
  font-family: "bold";
  color: #3E6BF7;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .right .text.hide-desktop {
    margin: 0 20px 70px 20px;
  }
}
.who-we-are .boxContainer .right .greyBox {
  background-color: #F4F7F8;
  border-radius: 0 5px 0 0;
  padding: 190px 24px 159px 24px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .who-we-are .boxContainer .right .greyBox {
    height: initial;
    padding: 53px 24px 47px 20px;
    border-radius: 0;
  }
}
.who-we-are .boxContainer .right .greyBox > img {
  position: absolute;
  top: -29px;
  right: 41px;
}

.contact-us .boxContainer {
  padding: 35px 49px 66px 0;
  border-radius: 17px;
  max-width: 1220px;
  margin: 0 auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer {
    margin: 0 20px;
    padding: 0 0 47px 0;
  }
}
.contact-us .boxContainer .sectionOne {
  display: flex;
  padding-left: 57px;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionOne {
    padding: 20px;
    margin-bottom: 21px;
    flex-direction: column-reverse;
  }
}
.contact-us .boxContainer .sectionOne .info {
  margin-right: 50px;
  min-width: 409px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionOne .info {
    margin: 0;
    min-width: initial;
  }
}
.contact-us .boxContainer .sectionOne .info h1 {
  font-size: 40px;
  line-height: 48px;
  font-family: "bold";
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionOne .info h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.contact-us .boxContainer .sectionOne .info h3 {
  font-size: 13px;
  line-height: 20px;
  font-family: "regular";
  color: rgba(0, 0, 0, 0.68);
  max-width: 326px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionOne .info h3 {
    max-width: initial;
  }
}
.contact-us .boxContainer .sectionOne .image {
  max-width: 654px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionOne .image {
    margin-bottom: 41px;
  }
}
@media screen and (max-width: 768px) {
  .contact-us .boxContainer .sectionOne .image {
    height: 190px;
  }
}
.contact-us .boxContainer .sectionOne .image img {
  max-width: 100%;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 576px) {
  .contact-us .boxContainer .sectionOne .image img.show-desktop {
    display: none;
  }
}
.contact-us .boxContainer .sectionOne .image img.show-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .contact-us .boxContainer .sectionOne .image img.show-mobile {
    display: block;
  }
}
.contact-us .boxContainer .sectionTwo {
  display: flex;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo {
    display: block;
  }
}
.contact-us .boxContainer .sectionTwo .info {
  background-color: #3E6BF7;
  color: #FFFFFF;
  max-width: 466px;
  border-radius: 0 15px 15px 0;
  padding: 33px 83px 35px 57px;
  margin-right: 50px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .info {
    max-width: initial;
    margin-right: initial;
    padding: 32px 20px 35px 29px;
    margin-bottom: 41px;
  }
}
.contact-us .boxContainer .sectionTwo .info .details {
  display: flex;
  padding-bottom: 22px;
  margin-bottom: 23px;
  border-bottom: solid #FFFFFF 1px;
  margin-left: 34px;
  position: relative;
  font-family: "medium";
}
.contact-us .boxContainer .sectionTwo .info .details .image {
  position: absolute;
  top: 0;
  left: -34px;
}
.contact-us .boxContainer .sectionTwo .info .details:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.contact-us .boxContainer .sectionTwo .info a {
  color: #FFFFFF;
  transition: all 0.2s;
}
.contact-us .boxContainer .sectionTwo .info a:hover {
  opacity: 0.7;
}
.contact-us .boxContainer .sectionTwo .info .text {
  font-size: 13px;
  line-height: 20px;
}
.contact-us .boxContainer .sectionTwo .form {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form {
    padding: 0 16px;
  }
}
.contact-us .boxContainer .sectionTwo .form .thankYou {
  display: none;
  margin-top: 61px;
}
.contact-us .boxContainer .sectionTwo .form .thankYou h1 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form .thankYou h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.contact-us .boxContainer .sectionTwo .form .thankYou h3 {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.68);
}
.contact-us .boxContainer .sectionTwo .form form .fields {
  display: flex;
  margin-bottom: 38px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .fields {
    display: block;
    margin-bottom: 32px;
  }
}
.contact-us .boxContainer .sectionTwo .form form .fields label {
  display: block;
  margin: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .fields label {
    margin-bottom: 20px;
  }
}
.contact-us .boxContainer .sectionTwo .form form .fields .left {
  margin-right: 33px;
  width: calc(50% - 33px);
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .fields .left {
    width: 100%;
    margin-right: 0;
  }
}
.contact-us .boxContainer .sectionTwo .form form .fields .left input {
  height: 43px;
}
.contact-us .boxContainer .sectionTwo .form form .fields .right {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .fields .right {
    width: 100%;
  }
}
.contact-us .boxContainer .sectionTwo .form form .fields .right label {
  height: 100%;
}
.contact-us .boxContainer .sectionTwo .form form .fields input, .contact-us .boxContainer .sectionTwo .form form .fields textarea {
  width: 100%;
}
.contact-us .boxContainer .sectionTwo .form form .fields input {
  margin-bottom: 0;
}
.contact-us .boxContainer .sectionTwo .form form .fields textarea {
  height: 100%;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .fields textarea {
    height: 119px;
  }
}
.contact-us .boxContainer .sectionTwo .form form .submit button {
  border: none;
  background-color: #3E6BF7;
  font-family: "bold";
  font-size: 13px;
  line-height: 16px;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 13.5px 30.7px;
  transition: all 0.2s;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .sectionTwo .form form .submit button {
    width: 100%;
  }
}
.contact-us .boxContainer .sectionTwo .form form .submit button:hover {
  opacity: 0.7;
}
.contact-us .boxContainer .bottomImage {
  position: absolute;
  right: 49px;
  bottom: 66px;
}
@media screen and (max-width: 992px) {
  .contact-us .boxContainer .bottomImage {
    display: none;
  }
}

.select2-dropdown {
  border: 1px solid #E2E7EA !important;
}

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

.select2-container--default .select2-selection--single {
  border: 1px solid #E2E7EA !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  line-height: 0px !important;
  letter-spacing: 0 !important;
  color: black !important;
  padding: 6px 15px !important;
  margin: 0 !important;
  margin-bottom: 0px !important;
  display: block !important;
  background-color: transparent !important;
  width: 100% !important;
}

.select2-container .select2-selection--single {
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: block !important;
  height: 43px !important;
  -moz-user-select: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none !important;
  cursor: pointer !important;
  float: right !important;
  font-weight: bold !important;
  height: 26px !important;
  margin-right: 20px !important;
  padding-right: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
  border-color: #3E6BF7 transparent transparent transparent !important;
  border-style: solid !important;
  border-width: 6px 6px 8px 6px !important;
  height: 0 !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: 6px !important;
  position: absolute !important;
  top: 50% !important;
  width: 0 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  display: none !important;
  border-color: transparent transparent #3E6BF7 transparent !important;
  border-width: 6px 6px 6px 6px !important;
  margin-top: 0px !important;
}

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

.select2-container--default .select2-results__option--selected {
  background-color: #E2E7EA !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3E6BF7 !important;
  color: white !important;
}

.select2-results__option {
  padding: 4px !important;
}