html,
body {
  color: #292836;
  font-family: "Roboto", "Cairo", sans-serif;
  font-size: 16px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.container {
  max-width: 1200px;
}

img {
  max-width: 100%;
}

.adsHalf {
  width: 740px;
  margin: 20px auto;
}

.adsBlock h3 {
  color: #878787;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
  font-weight: 300;
}
.adsBlock .borderedBlock {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ececec;
}

.displayFlex {
  display: flex;
  justify-content: flex-end;
}
.displayFlex ul {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  margin-right: 40px;
  margin-bottom: 0;
  margin-top: 10px;
}

header {
  border-top: 1px solid #eeeeee;
  padding: 25px 0;
}
header > .container-fluid > .row {
  align-items: center;
}
header .mainMenu {
  position: relative;
  margin: 0 auto;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-content: center;
}
header ul {
  list-style: none;
  padding: 0;
}
header li {
  display: inline-block;
  text-align: center;
}
header .nav-item {
  margin-right: 20px;
}
header .nav-item:last-child {
  margin-right: 0;
  min-width: 200px;
}
header .nav-item a {
  color: #292836 !important;
  font-size: 14px;
  font-weight: 500 !important;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
  position: relative;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 10px;
}
header .nav-item a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  display: block;
  transition: all 0.3s ease-in-out;
  bottom: 0;
}
header .nav-item a:hover::after, header .nav-item a.active:after {
  width: 100%;
  height: 2px;
  background-color: #0a7b3b;
}
header .nav-item.dropdown > a {
  padding-right: 20px !important;
}
header .nav-item.dropdown > a:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  bottom: auto;
  top: 15px;
}
header .nav-item.dropdown > a:hover:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  background-color: transparent;
}
header .nav-item .dropdown-menu {
  padding: 0;
}
header .nav-item .dropdown-menu .dropdown-item {
  padding: 20px !important;
}
header .nav-item .dropdown-menu .dropdown-item:after {
  display: none;
}
header .nav-item .dropdown-menu .dropdown-item.active, header .nav-item .dropdown-menu .dropdown-item:active, header .nav-item .dropdown-menu .dropdown-item:hover {
  color: #fff !important;
  background-color: #0a7b3b;
}
header .ddSecondLevel {
  display: none;
  z-index: 13;
  background: #fff;
  padding: 20px;
  position: absolute;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  min-width: 150px;
}
header .ddSecondLevel.show {
  display: block;
}
header .ddSecondLevel li {
  margin-bottom: 20px;
}
header .ddSecondLevel li a {
  margin-right: 0;
}
header .ddSecondLevel li:last-child {
  margin-bottom: 0;
}
header .mainMenu > ul > li.hasSubmenu:last-child > a {
  position: relative;
  padding-right: 25px !important;
  text-decoration: none;
}
header .mainMenu > ul > li.hasSubmenu:last-child > a:after {
  background-image: url(../images/arrow-down.svg);
  position: absolute;
  right: 0;
  width: 11px !important;
  height: 7px !important;
  background-repeat: no-repeat;
  top: 20px !important;
}
header .mainMenu > ul > li.hasSubmenu:last-child > a.active:after, header .mainMenu > ul > li.hasSubmenu:last-child > a:hover:after {
  background-color: transparent;
}
header .mainMenu > ul > li.hasSubmenu:last-child .ddSecondLevel {
  margin-top: -10px;
}
header .mainMenu > ul > li > a:hover,
header .mainMenu > ul > li > a.active {
  background-color: transparent;
}
header .logo {
  font-size: 0;
}
header .rightSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .menusMain {
  padding: 0;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: block;
}
header .menusMain ul {
  display: block;
  position: relative;
  font-size: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 5;
}
header .menusMain li {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
}
header .menusMain li.more {
  position: relative;
}
header .menusMain li.more ul {
  display: none;
  position: absolute;
}
header .menusMain li.more:hover ul {
  display: block;
}
header .menusMain .overflow {
  position: absolute;
  right: 0;
  display: none;
}
header .menusMain .overflow li {
  display: block;
}
header .menusMain #more {
  display: none;
  float: right;
}
header .menusMain li {
  margin-right: 3vw;
}
header .menusMain li:last-child {
  margin-right: 0;
}
header .menusMain li a {
  text-decoration: none;
}
header .menusMain li a:not(.dropdown-toggle) {
  color: #292836 !important;
  font-size: 14px;
  font-weight: 500 !important;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
  position: relative;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 10px;
}
header .menusMain li a:not(.dropdown-toggle):after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  display: block;
  transition: all 0.3s ease-in-out;
  bottom: 0;
}
header .menusMain li a:not(.dropdown-toggle):hover::after, header .menusMain li a:not(.dropdown-toggle).active:after {
  width: 100%;
  height: 2px;
  background-color: #0a7b3b;
}
header .btn-secondary {
  margin-left: 10px;
}
header .actionBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none;
}

.viewAllBottom a::before {
  display: none;
}

.btn,
.viewAllBottom a {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 5px;
  min-width: 110px;
  border: 1px solid #0a7b3b;
  line-height: 30px;
}
.btn#signUpbtn,
.viewAllBottom a#signUpbtn {
  padding: 6px 0;
}
.btn:hover,
.viewAllBottom a:hover {
  background-color: transparent;
  color: #0a7b3b;
  border-color: #0a7b3b;
}
.btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active,
.viewAllBottom a.btn-primary:not(:disabled):not(.disabled).active,
.viewAllBottom a.btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: none;
  color: #fff;
  background-color: #0a7b3b;
}
.btn.btn-secondary,
.viewAllBottom a.btn-secondary {
  background-color: transparent;
  color: #0a7b3b;
}
.btn.btn-secondary:hover,
.viewAllBottom a.btn-secondary:hover {
  background-color: #0a7b3b;
  color: #fff;
}

.viewAllBottom a {
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  height: 45px !important;
  border-radius: 5px !important;
  min-width: 110px !important;
  border: 1px solid #0a7b3b !important;
  line-height: 30px !important;
  background-color: transparent !important;
  color: #0a7b3b !important;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none;
}
.viewAllBottom a:hover {
  background-color: #0a7b3b !important;
  color: #fff !important;
}

.btn-primary {
  display: inline;
  background-color: #0a7b3b;
  padding: 15px 30px;
}

header .btn-primary {
  padding: 0;
}

.mrgb100 {
  margin-bottom: 100px;
}

.mrgb40 {
  margin-bottom: 40px;
}

.p40 {
  padding: 40px 0;
}

.center {
  margin: 0 auto;
}

.mainBanner {
  height: 640px;
}
.mainBanner .swiper-slide {
  height: 640px;
  background-size: cover;
}
.mainBanner .swiper-slide .container {
  height: 100%;
}
.mainBanner .swiper-slide .bannerCaption {
  display: flex;
  flex-direction: column;
  color: #fff;
  width: 490px;
  height: 100%;
  justify-content: center;
  padding: 90px 0;
}
.mainBanner .swiper-slide .bannerCaption h2 {
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 64px;
  margin-bottom: 20px;
  color: #fff;
}
.mainBanner .swiper-slide .bannerCaption .description {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 40px;
}
.mainBanner .swiper-slide .bannerCaption .btn-primary {
  display: inline;
  vertical-align: bottom;
  line-height: 30px;
}
.mainBanner .swiper-slide .bannerCaption .btn-primary:hover {
  background-color: #fff;
  border-color: #fff;
}
.mainBanner .swiper-slide .bannerCaption .simpleLink {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  display: inline-block;
  margin-left: 20px;
  padding-top: 5px;
}
.mainBanner .swiper-slide .bannerCaption .simpleLink:hover {
  opacity: 0.7;
  text-decoration: none;
}
.mainBanner .swiper-slide .bannerCaption .simpleLink span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.innerBanner {
  height: 550px;
  background-size: cover;
  background-position: right;
}
.innerBanner.findjobBanner {
  height: 350px;
}
.innerBanner .container {
  height: 100%;
}
.innerBanner .bannerCaption {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.innerBanner .bannerCaption .subTitle {
  color: #292836;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}
.innerBanner .bannerCaption h2 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 64px;
  max-width: 620px;
}
.innerBanner .bannerCaption .actionBtn a {
  color: #292836;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}
.innerBanner .bannerCaption .actionBtn a span {
  color: #0a7b3b;
  font-weight: 500;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.innerBanner .bannerCaption .actionBtn a span:hover {
  color: #292836;
}

.imgWithText h2 {
  color: #292836;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 55px;
  margin-bottom: 20px;
}
.imgWithText .description {
  color: #292836;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 40px;
}

.TextInfo {
  display: flex;
  align-items: baseline;
  flex-direction: column;
}

.title {
  color: #292836;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 30px;
}
.title .link {
  color: #0a7b3b;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
  float: right;
}

.jobsSlider .title {
  font-size: 28px;
  font-weight: 500;
}
.jobsSlider .swiper {
  padding-top: 10px;
}
.jobsSlider .swiper-button-prev:after,
.jobsSlider .swiper-rtl .swiper-button-next:after,
.jobsSlider .swiper-button-next:after,
.jobsSlider .swiper-rtl .swiper-button-prev:after {
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  width: 22px;
  height: 20px;
  content: "";
  background-image: url(../Images/link-arrow.svg);
}
.jobsSlider .swiper-button-next:after,
.jobsSlider .swiper-rtl .swiper-button-prev:after {
  transform: rotate(180deg);
}
.jobsSlider.lightGray {
  padding: 70px 0;
}
.jobsSlider.lightGray .swiper-wrapper {
  margin-top: 10px;
}
.jobsSlider.lightGray .job {
  margin-right: 20px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.jobsSlider.lightGray .job .additionalInfo > div:before {
  top: 2px;
}
.jobsSlider.lightGray .job:hover {
  margin-top: -10px;
}
.jobsSlider.lightGray .job:hover a {
  text-decoration: none;
}
.jobsSlider.lightGray .job:hover a:hover {
  text-decoration: none;
}
.jobsSlider.lightGray .job:last-child {
  margin-right: 0;
}
.jobsSlider .swiper-slide {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.jobsSlider .swiper-slide:hover {
  margin-top: -10px;
}
.jobsSlider .job {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 5px solid #0a7b3b;
  padding: 28px 20px;
  width: 282px;
  position: relative;
}
.jobsSlider .job h6 {
  color: #878787;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
}
.jobsSlider .job h4 {
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 40px;
}
.jobsSlider .job .additionalInfo > div {
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
  font-size: 13px;
}
.jobsSlider .job .additionalInfo > div:before {
  position: absolute;
  background-image: url(../Images/Clock.svg);
  background-repeat: no-repeat;
  content: "";
  height: 15px;
  width: 15px;
  top: 0;
  left: 0;
}
.jobsSlider .job .additionalInfo > div.location::before {
  background-image: url(../Images/location.svg);
  background-size: 12px 15px;
  background-position: center;
  height: 15px;
  width: 12px;
}
.jobsSlider .job .additionalInfo > div.experience::before {
  background-image: url(../Images/experience.svg);
}
.jobsSlider .swiper {
  width: 100%;
  height: 100%;
}
.jobsSlider .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.jobsSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.docItem {
  position: relative;
}
.docItem .posAbsolute {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../images/downloadGreen.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
}
.docItem > div {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  height: 100%;
}
.docItem > div > div {
  height: 100%;
}
.docItem > div img {
  display: block;
}
.docItem > div a {
  color: #292836;
  display: block;
}
.docItem > div:hover a {
  text-decoration: none;
}
.docItem > div:hover:before {
  background-color: #fff;
}
.docItem > div:hover:after {
  filter: invert(1);
}
.docItem > div a {
  color: #292836;
}

.hireRecuiters {
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 650px;
  padding: 50px;
}
.hireRecuiters:first-of-type {
  display: flex;
  height: 40vw;
}
.hireRecuiters .row {
  align-items: center;
  height: 100%;
}
.hireRecuiters .subTitle {
  margin-bottom: 10px;
}
.hireRecuiters .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}
.hireRecuiters.white .arrowList a {
  color: #fff;
}

.subTitle:not(.bigFont) {
  color: #292836;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0.7;
}

.arrowList {
  border-top: 1px solid #e2e2e2;
  padding-top: 20px;
}
.arrowList li {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.arrowList li a {
  color: #292836;
  font-size: 22px;
  font-weight: 500;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  position: relative;
  display: block;
}
.arrowList li a:before {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  position: absolute;
  content: "";
  right: 0;
  top: 10px;
  background-image: url(../Images/right-arrow.svg);
  background-repeat: no-repeat;
  width: 25px;
  height: 20px;
}
.arrowList li a:hover {
  color: #0a7b3b;
  text-decoration: none;
}
.arrowList li a:hover:before {
  right: 20px;
}

.white * {
  color: #fff;
}
.white .arrowList {
  border-top: 1px solid #fff;
}
.white .arrowList li {
  border-bottom: 1px solid #fff;
}
.white .arrowList li a:before {
  background-image: url(../Images/link-arrow-white.svg);
}

.freelancerSlider {
  margin-top: -250px;
}
.freelancerSlider .title {
  font-size: 28px;
  font-weight: 500;
}
.freelancerSlider .swiper {
  padding-bottom: 30px;
}
.freelancerSlider .employee {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.freelancerSlider .employee .listingImage {
  height: 102px;
  width: 102px;
  margin: 0 auto 15px;
}
.freelancerSlider .employee * {
  text-align: center;
}
.freelancerSlider .employee h3,
.freelancerSlider .employee .additionalInfo > div {
  color: #292836 !important;
}
.freelancerSlider .employee h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.freelancerSlider .employee .major {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.freelancerSlider .employee .major:before {
  display: none;
}
.freelancerSlider .employee .additionalInfo .yearOfExp {
  font-size: 12px;
  margin-bottom: 5px;
  color: #878787 !important;
  margin-bottom: 30px;
}
.freelancerSlider .employee .additionalInfo .yearOfExp:before {
  display: none;
}
.freelancerSlider .employee .btn {
  color: #0a7b3b;
}
.freelancerSlider .employee .btn:hover {
  color: #fff;
}

footer {
  background-color: #292836;
  padding: 80px 0px;
}
footer .container > .row {
  align-items: center;
}
footer .simpleList {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: left;
}
footer .simpleList .simpleListTitle {
  margin-bottom: 35px;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
footer .simpleList .simpleListTitle a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-transform: uppercase;
}
footer .simpleList .simpleListTitle a:hover {
  color: #0a7b3b;
  text-decoration: none;
}
footer .usaLogo {
  height: 49px;
  width: 165px;
}
footer p {
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}

.bottomFooter {
  background-color: #313040;
  padding: 30px 0px;
  font-size: 14px;
}
.bottomFooter * {
  color: #ffffff;
}
.bottomFooter .footerLinks li {
  margin-right: 30px;
}
.bottomFooter .footerLinks li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
}
.bottomFooter .footerLinks li a:hover {
  color: #0a7b3b;
  text-decoration: none;
}
.bottomFooter h1 {
  display: inline-block;
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
.bottomFooter ul {
  margin-top: 0;
  display: inline-block !important;
  list-style: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.bottomFooter ul li {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}

.copyrightsDiv {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.copyrights {
  background-color: #313040;
  padding: 40px 0;
}
.copyrights * {
  color: #fff;
}
.copyrights UL {
  margin-bottom: 0;
}
.copyrights h1 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.copyrights ul li {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}

.copyrightsDiv ul li i {
  color: white;
  position: absolute;
  top: 9px;
  left: 10px;
}

.footerIcon {
  height: 35px;
  width: 35px;
  background-color: #3e3d51;
  border-radius: 50px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  cursor: pointer;
}
.footerIcon a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  text-align: center;
}
.footerIcon a i {
  top: 0 !important;
  left: 0 !important;
  width: 37px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerIcon:hover {
  background-color: #0a7b3b;
}

.list > .col-sm-6 > .listingItem > .listingInfos h3 {
  font-size: 26px;
  line-height: 36px;
}
.list .listingItem {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
}
.list .listingItem * {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.list .listingItem .listingImage {
  overflow: hidden;
  height: auto;
}
.list .listingItem:hover .listingImage img {
  transform: scale(1.2);
}
.list .listingItem:hover .listingInfos {
  background-color: #0a7b3b;
}
.list .listingItem:hover .listingInfos * {
  filter: brightness(0) invert(1);
}
.list .listingItem .linkAbsolute:hover + .listingInfos .listingLink {
  padding-right: 50px;
}
.list .listingItem .linkAbsolute {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.list .listingInfos {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.list .listingInfos h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 20px;
}
.list .listingInfos .summary {
  font-size: 16px;
  margin-bottom: 40px;
  display: inline;
  position: relative;
}
.list .listingInfos .summary p {
  color: #0a7b3b;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.list .listingInfos .summary p span {
  font-size: 12px !important;
}
.list .listingInfos .summary p:after {
  position: absolute;
  content: "";
  height: 9px;
  width: 15px;
  background-image: url(../Images/link-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.list .listingInfos .listingLink {
  color: #0a7b3b;
  bottom: 20px;
  left: 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  background-image: url(../Images/link-arrow-right.svg);
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none;
}
.list .listingInfos .listingLink a {
  color: #0a7b3b;
}
.list .listingInfos .date {
  font-size: 12px;
  color: #878787;
}

.news .list .listingInfos {
  position: relative;
}
.news .list .listingImage img {
  height: 100%;
}

.training .list .listingItem {
  height: 100%;
}
.training .list .col-sm-6 .col-sm-6:nth-child(3) .listingItem,
.training .list .col-sm-6 .col-sm-6:nth-child(4) .listingItem {
  margin-bottom: 0;
}
.training .row {
  height: 100%;
  row-gap: 24px;
}

.backToSite {
  background-image: url(../Images/backLink.svg);
  color: #0a7b3b !important;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: center left;
  font-weight: 500;
  height: 50px;
  display: flex;
  align-items: center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none;
}
.backToSite:hover {
  padding-left: 40px;
  text-decoration: none;
}

.smallBanner .backToSite {
  height: auto;
  background-position: center left;
  padding-top: 0;
}

.blockHead .blockTitle {
  font-size: 40px;
  margin-bottom: 50px;
}

.userInfo {
  color: #292836;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  display: flex;
  align-items: end;
  justify-content: right;
  flex-direction: column;
}
.userInfo a {
  color: #0a7b3b;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
}
.userInfo .arabic {
  font-family: "Cairo";
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  text-align: right;
  margin-top: 10px;
}

.smallBanner {
  height: 346px;
  background-size: cover;
}
.smallBanner .container {
  height: 100%;
}
.smallBanner .bannerDescription {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  height: 100%;
  padding-top: 30px;
}
.smallBanner .bannerDescription .title {
  color: #ffffff;
  font-size: 40px;
  text-align: left;
  margin-bottom: 30px;
  padding-top: 60px;
}
.smallBanner .bannerDescription .title.center {
  text-align: center;
}
.smallBanner .bannerDescription .title .floatRight {
  font-size: 13px;
  font-weight: 300;
}
.smallBanner .bannerDescription .title .floatRight a {
  color: #fff;
  font-weight: 300;
}
.smallBanner .bannerDescription span {
  display: block;
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
}

.jobPortalItem {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-left: 74px;
  width: calc(33.3333333333% - 74px);
  display: inline-block;
  margin-bottom: 50px;
  position: relative;
}
.jobPortalItem.selected {
  border: 1px solid #0a7b3b;
}
.jobPortalItem .form-control {
  position: absolute;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  padding-top: 30px;
  padding-right: 30px;
}
.jobPortalItem:first-child {
  margin-left: 0;
}
.jobPortalItem h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}
.jobPortalItem .description {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.jobPortalItem img {
  display: block;
  width: 170px;
  margin: 0 auto 40px;
}
.jobPortalItem a {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mrgt200 {
  margin-top: -200px;
}

.mrgt150 {
  margin-top: -150px;
}

.mrgt100 {
  margin-top: -100px;
}

.mrgt50 {
  margin-top: -70px;
}

.jobPortalListing {
  display: flex;
  align-items: center;
}
.jobPortalListing .container {
  text-align: center;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.form-control {
  border: none;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
}
.form-control input[type=radio] {
  float: right;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  appearance: none;
  margin: 0;
  font: inherit;
  color: #dedede;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid #dedede;
  border-radius: 50%;
  transform: translateY(-0.075em);
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 1;
}
.form-control input[type=radio]:checked::before {
  transform: scale(1);
}
.form-control input[type=radio]:before {
  content: "";
  z-index: 1;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  top: 4px;
  left: 4px;
  box-shadow: inset 1em 1em #0a7b3b;
}

.form {
  background-color: #fff;
  border-radius: 5px;
  padding: 50px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.form .intl-tel-input.allow-dropdown input,
.form .intl-tel-input.allow-dropdown input[type=text],
.form .intl-tel-input.allow-dropdown input[type=tel] {
  padding-left: 90px !important;
}
.form .intl-tel-input.allow-dropdown .flag-container .selected-flag {
  padding-left: 10px;
}
.form .intl-tel-input.allow-dropdown .flag-container,
.form .intl-tel-input input,
.form .intl-tel-input input[type=text],
.form .intl-tel-input input[type=tel] {
  margin-top: 0 !important;
}
.form .searchInner input {
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: 96%;
}
.form .brdTop .bottomText a {
  margin-left: 10px;
}
.form .bottomText {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  height: 40px;
  display: flex;
  align-items: center;
}
.form .bottomText a {
  color: #0a7b3b;
  text-transform: uppercase;
}
.form h3 {
  color: #292836;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 30px;
}
.form .form-control:focus {
  border-color: #0a7b3b;
  box-shadow: none;
}

#ThirdContainer .inputEntity,
#FourthContainer .inputEntity,
#FifthContainer .inputEntity {
  position: relative;
}
#ThirdContainer .inputEntity .field-validation-valid,
#FourthContainer .inputEntity .field-validation-valid,
#FifthContainer .inputEntity .field-validation-valid {
  position: absolute;
  right: 0;
  top: -5px;
  font-size: 12px;
  background-image: url(../images/alertIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
  text-transform: capitalize;
}
#ThirdContainer .inputEntity .helpText,
#FourthContainer .inputEntity .helpText,
#FifthContainer .inputEntity .helpText {
  margin-left: 0;
  margin-top: 5px;
}
#ThirdContainer .inputEntity textarea.error,
#FourthContainer .inputEntity textarea.error,
#FifthContainer .inputEntity textarea.error {
  border: 1px solid red !important;
}

.inputEntity {
  margin-bottom: 20px;
}
.inputEntity .inputEntity input[type=text] {
  background-color: #fff;
}
.inputEntity .customSelect.error .dk-selected {
  border: 1px solid red !important;
}
.inputEntity .inputParent,
.inputEntity .customSelect {
  position: relative;
}
.inputEntity .inputParent .field-validation-error,
.inputEntity .inputParent .field-validation-valid,
.inputEntity .customSelect .field-validation-error,
.inputEntity .customSelect .field-validation-valid {
  position: absolute;
  right: 0;
  top: -25px;
  font-size: 12px;
  background-image: url(../images/alertIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
  text-transform: capitalize;
}
.inputEntity label {
  color: #0a7b3b;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.inputEntity textarea {
  border: 1px solid #dcdcdc;
  padding: 5px 14px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
}
.inputEntity input,
.inputEntity .customSelect .dk-selected {
  background-color: #fff;
  border: 1px solid #c3c3c3;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #b5b5b5;
}
.inputEntity input::placeholder,
.inputEntity .customSelect .dk-selected::placeholder {
  color: #b5b5b5;
  font-size: 15px;
}
.inputEntity input[type=date]::-webkit-inner-spin-button,
.inputEntity input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.inputEntity input.date {
  background-image: url(../Images/calendar.svg);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #fff;
}
.inputEntity .dk-selected:before {
  background-image: url(../Images/arrow-down.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  border: none;
  content: "" !important;
}
.inputEntity .dk-selected:after {
  display: none;
}

.grayBgNoPdg {
  background-color: #f8f8fb;
}
.grayBgNoPdg header {
  background-color: #fff;
}

.grayBg {
  background-color: #f8f8fb;
  padding: 75px 0;
}

.smallContainer {
  max-width: 996px;
  margin: 0 auto;
}
.smallContainer.mrgt100 {
  margin: -100px auto 0;
}

.activateMsg h3 {
  font-size: 35px;
}
.activateMsg.form .description {
  font-weight: 400;
}
.activateMsg .description {
  color: #292836;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
}
.activateMsg .description strong {
  font-weight: 700;
}
.activateMsg .description ul {
  margin-left: 25px;
  margin-top: 10px;
}
.activateMsg .description ul li {
  position: relative;
  padding-left: 25px;
}
.activateMsg .description ul li:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0;
  background-color: #000;
  border-radius: 100%;
}

.clearBoth {
  clear: both;
}

.borderTop {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  margin-top: 20px;
}
.borderTop h4 {
  color: #292836;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
.borderTop .actionBtn {
  margin-top: 20px;
  margin-bottom: 50px;
}
.borderTop .actionBtn .btn + .btn {
  margin-right: 20px;
}

.mrgTop30 {
  margin-top: 30px;
}

.brdTop {
  padding-top: 20px;
  margin-top: 20px;
  clear: both;
}
.brdTop .bottomText {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  margin-top: 20px;
}

.progressProfile {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  align-items: center;
}
.progressProfile > div {
  display: inline-block;
}
.progressProfile .chartInfo h4 {
  color: #292836;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
}
.progressProfile .chartInfo .info {
  color: #343434;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
}
.progressProfile .card {
  border: none;
}

.progChart {
  margin-right: 10px;
  width: 90px;
  height: 90px;
}
.progChart canvas {
  margin: 0 auto;
  width: 90px;
  height: 90px;
}
.progChart .progChart__summary {
  position: absolute;
  top: 0 !important;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progChart .progChart__summary .progChart__summary__number {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progChart.-type-donut.-label-centered .progChart__summary {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
  text-align: center;
}
.progChart.-type-donut.-label-centered .progChart__summary .progChart__summary__title {
  margin: -15px 0 0;
}
.progChart.-type-donut.-label-centered .progChart__summary .progChart__summary__number {
  color: #0a7b3b;
  font-weight: bold;
  font-size: 25px;
  margin: 0;
}

.misc-wrap {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  position: relative;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 10px;
}

.leftMenu {
  border-top: 5px solid #fec46f;
  margin-right: 50px;
}
.leftMenu .center {
  margin-bottom: 30px;
}
.leftMenu .profileInfo {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
}
.leftMenu .profileInfo .edit {
  background-image: url(../Images/edit-image.svg);
  background-size: 15px;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: 0;
  background-color: #fff;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.leftMenu .profileInfo .edit:hover {
  text-decoration: none;
  background-color: #0a7b3b;
  background-image: url(../Images/edit-image-white.svg);
}
.leftMenu .profileImg {
  border: 1px solid #f4f4f4;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin: 0 auto 10px;
  display: flex;
  align-items: end;
  justify-content: center;
  overflow: hidden;
}
.leftMenu .profileType {
  background-color: #fec46f;
  border-radius: 13px;
  color: #292836;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  height: 26px;
  width: auto;
  line-height: 26px;
  margin-bottom: 20px;
  display: flex;
  padding: 2px 4px;
  margin: 0 auto 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.leftMenu .profileName {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
  margin-bottom: 10px;
}
.leftMenu .major {
  font-size: 13px;
  color: #292836;
  font-weight: 400;
  margin-bottom: 10px;
}
.leftMenu .eyarsOfExp {
  color: #878787;
  font-size: 12px;
  margin-bottom: 10px;
}
.leftMenu .location {
  color: #878787;
  font-size: 12px;
  margin-bottom: 10px;
}
.leftMenu .actionBtns .btn {
  width: 100%;
  margin-bottom: 30px;
}
.leftMenu .socialMedia .btn {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 200px;
  margin: auto;
}
.leftMenu .socialMedia .btn:hover img {
  filter: brightness(0) invert(1);
}
.leftMenu .socialMedia .btn img {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 5px;
}
.leftMenu .socialMedia h6 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
}

.workWrapper {
  padding: 35px;
}
.workWrapper.form .exportExcel {
  margin-bottom: 20px;
  padding: 8px 8px 8px 40px !important;
}
.workWrapper .workDetails {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.workWrapper .workDetails:last-child {
  border-bottom: none;
}
.workWrapper .workDetails h5 {
  color: #292836;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
}
.workWrapper .workDetails .description {
  color: #292836;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: 10px;
}
.workWrapper .workDetails .btn {
  float: right;
  text-align: center;
}

.backLink {
  text-transform: uppercase;
  color: #0a7b3b;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  background-image: url(../Images/back-arrow.svg);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  margin-bottom: 20px;
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.backLink:hover {
  color: #0a7b3b;
  padding-left: 30px;
  text-decoration: none;
}

.bigFont {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
.bigFont + .borderTop {
  margin-top: 30px;
}

.popUpHeader {
  background-color: #0a7b3b;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  padding: 25px;
}

.p25 {
  padding: 25px;
}

.helpText {
  color: #292836;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
  margin-left: 0;
  margin-top: 15px;
}

.actionBtns .link {
  color: #0a7b3b;
  margin-right: 10px;
}

.helpText {
  font-weight: 500;
  font-size: 13px;
}

.jobHistory .position {
  color: #292836;
  font-weight: 500;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 15px;
}
.jobHistory .position a {
  color: #0a7b3b;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.jobHistory .position span {
  color: #666;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
}
.jobHistory .flex {
  display: flex;
}
.jobHistory .flex-align-items-center {
  align-items: baseline;
}
.jobHistory .flex-align-items-stretch {
  align-items: stretch;
}
.jobHistory .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.jobHistory .history-item {
  margin-bottom: 20px;
  position: relative;
  padding-right: 20px;
}
.jobHistory .history-item .circle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
  background-color: #0a7b3b;
  border: 2px solid #f9f9f9;
  margin-right: 20px;
  margin-left: 8px;
  z-index: 1;
}
.jobHistory .history-item:not(:last-child):after {
  content: "";
  background-color: #d8d8d8;
  height: calc(100% + 20px);
  position: absolute;
  top: 0;
  width: 2px;
  left: 15px;
}
.jobHistory .history-item .note-text {
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #343434;
  font-size: 15px;
  font-weight: 400;
}
.jobHistory .history-item .note-text.limit-text {
  -webkit-line-clamp: 3;
}
.jobHistory .jobHistory .companyNameWorked {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
}
.jobHistory .jobHistory .companyNameWorked span {
  color: #0a7b3b;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
}
.jobHistory .listingLink {
  color: #0a7b3b;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background-image: url(../Images/link-arrow-right.svg);
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  display: inline-block;
}
.jobHistory .listingLink:hover {
  padding-right: 50px;
}

.eduInfo {
  margin-bottom: 20px;
}
.eduInfo h3 {
  color: #292836;
  font-weight: 500;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 0;
}
.eduInfo h3 a {
  color: #0a7b3b !important;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.eduInfo .info {
  font-size: 15px;
  line-height: 20px;
}

.skillList li {
  color: #292836;
  border-radius: 21px;
  background-color: #fec46f;
  font-weight: 500;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.removeButton {
  color: red;
  cursor: pointer;
}

.viewLink {
  color: #0a7b3b !important;
  text-transform: uppercase;
  font-weight: 500;
}

.linkPortfolio {
  width: 100%;
  border: 1px solid #fec46f;
  display: block;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 10px 20px 10px 50px;
  position: relative;
  height: 56px;
  line-height: 35px;
  margin-top: 10px;
}
.linkPortfolio:before {
  position: absolute;
  content: "";
  background-image: url(/Images/link.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  top: 10px;
  background-size: 20px;
  left: 20px;
  background-position: center;
}
.linkPortfolio .closeIcon {
  background-image: url(../Images/closeIcon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  top: 10px;
  right: 10px;
}

.pdfPortfolio {
  width: 100%;
  border: 1px solid #fec46f;
  display: block;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 10px 20px 10px 70px;
  position: relative;
  height: 56px;
  line-height: 35px;
  margin-top: 10px;
}
.pdfPortfolio:before {
  position: absolute;
  content: "";
  background-image: url(../Images/pdf.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  top: 10px;
  left: 30px;
}
.pdfPortfolio .closeIcon {
  background-image: url(../Images/closeIcon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  top: 10px;
  right: 10px;
}

.stackedInput input {
  border-color: #dcdcdc;
  width: 20px;
  height: 20px;
  padding: 0;
  vertical-align: middle;
}
.stackedInput label {
  color: #292836;
  font-size: 14px;
  font-weight: 500;
  text-transform: unset;
}

.actionBtns.floatRight {
  display: block;
  margin-bottom: 10px;
}

.responsiveTable .dataTables_info {
  display: none;
}
.responsiveTable .justify-content-md-end {
  justify-content: center !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-top: 30px;
}
.responsiveTable table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
.responsiveTable table td {
  padding: 0.625em;
  vertical-align: middle;
  position: relative;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.responsiveTable table .tableLink {
  color: #0a7b3b;
}
.responsiveTable table .status {
  border: 1px solid #0a7b3b;
  border-radius: 20px;
  text-transform: capitalize;
  padding: 5px;
  text-align: center;
  height: 30px;
  position: relative;
  padding-left: 20px;
}
.responsiveTable table .status::before {
  height: 8px;
  width: 8px;
  background-color: #0a7b3b;
  position: absolute;
  content: "";
  border-radius: 100%;
  left: 10px;
  top: 10px;
}
.responsiveTable table .status.pending {
  border-color: #343434;
  color: #343434;
}
.responsiveTable table .status.pending:before {
  background-color: #343434;
}
.responsiveTable table .status.declined {
  border-color: red;
  color: red;
}
.responsiveTable table .status.declined:before {
  background-color: red;
}
.responsiveTable table thead {
  margin-bottom: 10px;
}
.responsiveTable table th {
  background-color: #292836;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 15px 0;
  padding-left: 30px;
}
.responsiveTable table tr:first-child td {
  padding-top: 30px;
}
.responsiveTable table td {
  font-size: 13px;
  font-weight: 400;
  color: #343434;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
  padding-left: 30px;
}
.responsiveTable table td:first-child {
  font-weight: 500;
  font-size: 15px;
}
.responsiveTable table td:first-child a {
  color: #0a7b3b;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  margin-left: 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.responsiveTable table td:first-child a:hover {
  opacity: 0.7;
}
.responsiveTable table tr {
  padding: 0.35em;
}

.mrg-25 {
  margin: 0 -50px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center !important;
  margin-top: 30px;
}
.pagination a,
.pagination .page-item {
  color: black;
  float: left;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  margin-right: 8px;
  width: 36px;
  height: 36px;
  line-height: 22px;
  text-align: center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.pagination a.active a, .pagination a:hover a,
.pagination .page-item.active a,
.pagination .page-item:hover a {
  background-color: #0a7b3b;
  border-color: #0a7b3b;
  color: white;
}
.pagination a.previous,
.pagination .page-item.previous {
  cursor: pointer;
}
.pagination a.previous:hover a,
.pagination .page-item.previous:hover a {
  background-image: url(../Images/angleLeftWhite.svg);
}
.pagination a.previous a,
.pagination .page-item.previous a {
  background-image: url(../Images/angleLeft.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-origin: center;
  background-size: 10px 18px;
}
.pagination a.next,
.pagination .page-item.next {
  cursor: pointer;
}
.pagination a.next:hover a,
.pagination .page-item.next:hover a {
  background-image: url(../Images/angleRightWhite.svg);
}
.pagination a.next a,
.pagination .page-item.next a {
  background-image: url(../Images/angleRight.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-origin: center;
  background-size: 10px 18px;
}

.exportExcel {
  border-radius: 30px;
  position: relative;
  padding-left: 50px;
  box-shadow: none !important;
}
.exportExcel.btn {
  border-radius: 3px;
}
.exportExcel.btn:after {
  background-image: url(../images/pdf.png);
}
.exportExcel.btn:hover:after {
  filter: grayscale(1) brightness(4);
}
.exportExcel:hover:before {
  background-color: #0a7b3b;
}
.exportExcel:hover:after {
  filter: invert(1) brightness(100%);
}
.exportExcel::before {
  position: absolute;
  content: "";
  background-color: #fff;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  top: 8px;
  left: 10px;
}
.exportExcel::after {
  position: absolute;
  content: "";
  background-image: url(../Images/microsoft-excel.svg);
  background-repeat: no-repeat;
  height: 26px;
  width: 26px;
  top: 14px;
  left: 12px;
}

.headerSearch {
  position: relative;
}
.headerSearch input[type=text] {
  width: 100%;
}
.headerSearch input[type=submit] {
  position: absolute;
  background-color: transparent;
  background-image: url(../Images/search.svg);
  background-repeat: no-repeat;
  border: none;
  right: 0;
  top: 10px;
}

.jobInfo.form {
  padding: 35px 25px 30px;
}
.jobInfo.form .additionalInfo > div span {
  font-size: 16px;
}
.jobInfo .additionalInfo > div {
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}
.jobInfo .additionalInfo > div.actionBtns {
  padding-left: 0;
}
.jobInfo .additionalInfo > div.actionBtns:before {
  display: none;
}
.jobInfo .additionalInfo > div span {
  font-weight: 400;
  margin-right: 5px;
}
.jobInfo .additionalInfo > div:before {
  position: absolute;
  background-image: url(../Images/Clock.svg);
  background-repeat: no-repeat;
  content: "";
  height: 14px;
  width: 15px;
  top: 3px;
  left: 0;
}
.jobInfo .additionalInfo > div.location::before {
  background-image: url(../Images/location.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 17px;
  width: 14px;
  background-position: center;
}
.jobInfo .additionalInfo > div.experience::before {
  background-image: url(../Images/experience.svg);
}

.viewLink {
  color: #0a7b3b;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
}

.steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #929292;
  height: 4rem;
}
.steps > .step {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.875rem;
  color: rgba(255, 244, 227, 0.5);
  vertical-align: bottom;
}
.steps > .step:before {
  position: absolute;
  top: 5px;
  left: 50%;
  content: "";
  display: block;
  margin: 0 auto;
  background: #fff4e3;
  border: 2px solid #fff4e3;
  color: #e6e6e6;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-bottom: -4.2rem;
  line-height: 1.9rem;
  border-radius: 100%;
  z-index: 1;
  font-weight: 700;
  font-size: 1rem;
}
.steps > .step:after {
  content: "";
  position: absolute;
  display: block;
  background: #e6e6e6;
  width: 100%;
  height: 0.125rem;
  top: 1rem;
  left: 50%;
}
.steps > .step:last-child:after {
  display: none;
}
.steps > .step.is-complete {
  color: #fec46f;
}
.steps > .step.is-complete:before {
  content: "";
  color: #f68e20;
  background-color: #0a7b3b;
  border: 2px solid #fff;
  background-image: url(../Images/checkStep.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}
.steps > .step.is-complete:after {
  background: #fec46f;
}
.steps > .step.is-active {
  font-size: 14px;
  color: #fec46f;
}
.steps > .step.is-active:before {
  color: #fff;
  border: 2px solid #fff;
  background: #0a7b3b;
}

.jobPost {
  margin: 0 auto;
  padding: 50px 0;
}
.jobPost h3 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
  margin-bottom: 20px;
}
.jobPost .description {
  color: #343434;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 30px;
}
.jobPost .grayBg {
  padding: 20px;
  background-color: #efefef;
  margin-bottom: 30px;
}
.jobPost .grayBg h6 {
  color: #292836;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.jobPost .grayBg ul {
  margin-left: 25px;
  margin-top: 10px;
}
.jobPost .grayBg ul li {
  position: relative;
  padding-left: 25px;
}
.jobPost .grayBg ul li:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0;
  background-color: #000;
  border-radius: 100%;
}
.jobPost .brdBottom {
  text-align: right;
}
.jobPost .brdBottom .btn-primary {
  display: inline-block;
  background-color: #0a7b3b;
  padding: 6px 30px;
}
.jobPost textarea * {
  text-align: left;
}

.brdBottom {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.companyName {
  color: #878787;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  text-transform: capitalize;
}

.jobName {
  color: #292836;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
}

.reviewJob {
  padding: 40px;
  margin-bottom: 30px !important;
}
.reviewJob h3 {
  text-align: left;
}
.reviewJob .description {
  font-size: 16px;
}

.additionalInfo > div {
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
}
.additionalInfo > div span {
  font-weight: 400;
  margin-right: 5px;
}
.additionalInfo > div:before {
  position: absolute;
  background-image: url(../Images/Clock.svg);
  background-repeat: no-repeat;
  content: "";
  height: 15px;
  width: 15px;
  top: 3px;
  left: 0;
}
.additionalInfo > div.location::before {
  background-image: url(../Images/location.svg);
  background-position: center !important;
}
.additionalInfo > div.experience::before {
  background-image: url(../Images/experience.svg);
}

.congratsMsg {
  position: relative;
  padding-top: 220px;
}
.congratsMsg:before {
  position: absolute;
  content: "";
  background-color: #fec46f;
  border-radius: 5px 5px 0 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 145px;
}
.congratsMsg h3 {
  color: #000000;
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 41px;
  text-align: center;
  position: relative;
}
.congratsMsg h3:before {
  position: absolute;
  content: "";
  background-image: url(../Images/congrats.svg);
  width: 250px;
  height: 250px;
  top: 0;
  left: 50%;
  background-repeat: no-repeat;
  margin-left: -125px;
  background-position: center;
  margin-top: -240px;
}
.congratsMsg .description {
  color: #292836;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
}
.congratsMsg .borderTop .viewLink {
  margin-top: 30px;
  display: block;
}

.brdTopGreen {
  margin-top: 25px;
  border-top: 4px solid #0a7b3b;
}

.bodyar {
  font-family: "Cairo";
  text-align: right;
  direction: rtl;
}
.bodyar.textEditor ul li {
  padding-left: 0;
  padding-right: 15px;
}
.bodyar.textEditor ul li:before {
  left: auto;
  right: 0;
}
.bodyar p {
  font-family: "Cairo" !important;
}
.bodyar p * {
  font-family: "Cairo" !important;
}

.arabic * {
  font-family: "Cairo";
}
.arabic .steps > .step,
.arabic .jobPost .grayBg h6 {
  font-weight: 700;
}
.arabic #ThirdContainer .inputEntity .field-validation-valid,
.arabic #FourthContainer .inputEntity .field-validation-valid,
.arabic #FifthContainer .inputEntity .field-validation-valid {
  left: 0;
  right: auto;
}
.arabic .workWrapper .workDetails .btn {
  float: left;
}
.arabic .linkPortfolio {
  padding: 10px 50px 10px 20px;
}
.arabic .linkPortfolio:before {
  left: auto;
  right: 20px;
}
.arabic .linkPortfolio .closeIcon {
  left: 10px;
  right: auto;
}
.arabic .suggestions {
  justify-content: flex-end;
}
.arabic .suggestions .tag {
  padding: 10px 15px 10px 45px;
}
.arabic .suggestions .tag a {
  background-position: 15% center;
}
.arabic .fancybox-stage .tags-input-wrapper,
.arabic .fancybox-stage textarea,
.arabic .fancybox-stage input {
  text-align: right;
}
.arabic .jobHistory .position span {
  font-size: 12px;
}
.arabic .jobHistory .listingLink {
  float: left;
  padding-right: 0;
  padding-left: 20px;
  background-position: left center;
  background-image: url(../images/angleLeft.svg);
  background-size: 20px 10px;
}
.arabic .jobHistory .history-item {
  padding-right: 0;
}
.arabic .jobHistory .history-item .circle {
  margin-right: 0;
  margin-left: 20px;
}
.arabic .landingHeader .row {
  align-items: center;
}
.arabic .landingHeader .userInfo {
  float: left;
  font-weight: 400;
}
.arabic .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  font-size: 14px;
}
.arabic .smallContainer.mrgt100.mrgb100 {
  margin: -120px auto 100px;
}
.arabic .jobName {
  text-align: right;
}
.arabic .inputEntity input.date {
  background-position: 10px center;
}
.arabic .btn {
  text-align: center;
}
.arabic .borderTop .actionBtn .btn + .btn {
  margin-right: 0;
  margin-left: 20px;
}
.arabic .inputEntity .inputParent .field-validation-error,
.arabic .inputEntity .inputParent .field-validation-valid,
.arabic .inputEntity .customSelect .field-validation-error,
.arabic .inputEntity .customSelect .field-validation-valid {
  right: auto;
  left: 0;
}
.arabic .hintText {
  padding-right: 30px;
  padding-left: 0;
}
.arabic .hintText:before {
  left: auto;
  right: 0;
}
.arabic .additionalInfo > div {
  padding-left: 0;
  padding-right: 30px;
}
.arabic .additionalInfo > div:before {
  right: 0;
  left: auto;
}
.arabic .jobPost h3 {
  font-weight: 700;
}
.arabic .helpText {
  direction: ltr;
}
.arabic .brdBottom .btn {
  text-align: center;
}
.arabic header .row {
  flex-direction: row-reverse;
}
.arabic header .row .backToSite {
  text-align: right;
  font-size: 11px;
  justify-content: end;
}
.arabic header .rightSection {
  justify-content: flex-start;
}
.arabic header .rightSection .navbar-brand {
  display: none;
}
.arabic header * {
  direction: ltr;
  text-align: left;
}
.arabic .center {
  text-align: center !important;
}
.arabic .steps > .step:after {
  left: auto;
  right: 50%;
}
.arabic .fancybox-stage {
  direction: ltr;
  text-align: left;
}
.arabic .fancybox-stage * {
  direction: ltr;
  text-align: center;
}
.arabic h6,
.arabic h4,
.arabic .smallBanner .bannerDescription .title,
.arabic * {
  direction: rtl;
  text-align: right;
}
.arabic .floatRight {
  float: left;
}
.arabic .offset-2 {
  margin-right: 16.666667%;
  margin-left: 0;
}
.arabic .offset-3 {
  margin-right: 25%;
  margin-left: 0;
}
.arabic .offset-1 {
  margin-left: 0;
  margin-right: 8.333333%;
}
.arabic .backToSite,
.arabic .backLink {
  background-image: url(../Images/right-arrow.svg);
  background-position: center right;
  padding-right: 30px;
  padding-left: 0;
  background-size: 16px;
  font-weight: 700;
}
.arabic .userInfo a {
  font-weight: 700;
}
.arabic .smallBanner .bannerDescription .title {
  font-weight: 700;
}
.arabic .form label {
  font-weight: 700;
  font-size: 12px;
}
.arabic .form h3 {
  font-weight: 600;
  direction: ltr;
  line-height: 47px;
  margin-bottom: 10px;
}
.arabic .inputEntity .dk-selected:before {
  left: 10px;
  right: auto;
}
.arabic .inputEntity input[type=date] {
  background-position: 2% center;
}
.arabic .floatLeft {
  float: right;
}
.arabic .title .link {
  float: left;
}
.arabic .jobPost .brdBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.arabic .jobPost .grayBg ul li {
  padding-left: 0;
  padding-right: 25px;
}
.arabic .jobPost .grayBg ul li:before {
  left: auto;
  right: 0;
}
.arabic .inputEntity label {
  font-weight: 700;
}
.arabic .form .intl-tel-input.allow-dropdown input,
.arabic .form .intl-tel-input.allow-dropdown input[type=text],
.arabic .form .intl-tel-input.allow-dropdown input[type=tel] {
  padding-left: 0 !important;
  padding-right: 90px !important;
}
.arabic .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding-left: 0 !important;
  padding-right: 28px;
}
.arabic .form .intl-tel-input.allow-dropdown .flag-container .selected-flag {
  padding-left: 0;
  padding-right: 10px;
}
.arabic .intl-tel-input .selected-flag .iti-arrow {
  right: auto;
  left: 3px;
}
.arabic .arabic .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  font-size: 13px;
}

.arabicPopUp h4 {
  text-align: right;
  font-weight: 700;
}
.arabicPopUp .popUpHeader {
  text-align: right !important;
}
.arabicPopUp .bigFont * {
  float: left;
}
.arabicPopUp .inputEntity label {
  float: right;
}
.arabicPopUp .actionBtns.floatRight {
  float: left;
}
.arabicPopUp .row {
  flex-direction: row-reverse;
}
.arabicPopUp .dk-selected {
  text-align: right;
}
.arabicPopUp .dk-selected:before, .arabicPopUp .dk-selected:after {
  left: 10px;
  right: auto;
}
.arabicPopUp input {
  text-align: right;
}
.arabicPopUp .inputEntity input[type=date] {
  background-position: 2% center;
}
.arabicPopUp label {
  font-weight: bold;
}

.smallLabel {
  color: #292836;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.smallLabel input[type=radio] {
  float: left;
  margin-right: 10px;
}

.uploadFile {
  position: relative;
}
.uploadFile input {
  width: 0;
  margin-left: 0;
}
.uploadFile #tag-input1 {
  display: block;
  height: 300px;
}
.uploadFile:before {
  position: absolute;
  content: "";
  background-image: url(../Images/uploadIcon.svg);
  background-position: top center;
  width: 40px;
  height: 40px;
  top: 0;
  left: 50%;
  margin-left: -20px;
}
.uploadFile .inputEntity {
  position: relative;
}
.uploadFile .inputEntity .inputParent {
  position: unset;
}
.uploadFile input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.uploadFile label {
  padding-top: 50px;
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.uploadFile label.browseOverlay {
  padding-top: 0;
}
.uploadFile label span {
  color: #0a7b3b;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
  display: block;
  line-height: 18px;
}
.uploadFile #file-chosen {
  margin-left: 0.3rem;
  font-family: sans-serif;
}

.docItem {
  min-height: 140px;
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  padding: 20px;
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.docItem:hover {
  margin-top: -10px;
  border-color: #0a7b3b;
}
.docItem:hover > div:before {
  background-color: #0a7b3b;
}
.docItem:hover > div:after {
  filter: brightness(2) grayscale(1);
}
.docItem.arabic h6,
.docItem.arabic a {
  font-weight: 700;
}
.docItem a {
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}
.docItem h6 {
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.newsItem {
  border-top: 5px solid #343434;
  border-radius: 5px;
  padding: 0;
  min-height: auto;
}
.newsItem > div {
  background: transparent !important;
}
.newsItem:hover {
  border-color: transparent;
  border-top: 5px solid #343434;
}
.newsItem .arabic .listingLink {
  direction: ltr;
  text-align: left;
}
.newsItem .newsSummary {
  direction: ltr;
  text-align: left;
}
.newsItem:hover {
  background-color: #fff;
}
.newsItem > div {
  padding: 0;
}
.newsItem > div:after, .newsItem > div::before {
  display: none;
}
.newsItem > div:hover {
  background-color: #fff;
}
.newsItem > div:hover .listingLink {
  color: #0a7b3b;
}
.newsItem .newsSummary {
  padding: 20px;
}
.newsItem .newsSummary .date {
  color: #878787;
  font-size: 11.88px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: end;
  margin-bottom: 10px;
}
.newsItem .newsSummary .title {
  color: #292836;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
}
.newsItem .newsSummary .title a {
  color: #292836;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.newsItem .newsSummary .title a:hover {
  color: #0a7b3b;
  text-decoration: none;
}
.newsItem .newsSummary .location {
  color: #292836;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 40px;
  position: relative;
  padding-left: 30px;
}
.newsItem .newsSummary .location span {
  font-weight: 600;
}
.newsItem .newsSummary .location:before {
  content: "";
  position: absolute;
  background: url(/images/location.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 20px;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.newsItem .listingLink {
  color: #0a7b3b;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  padding-right: 20px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.newsItem .listingLink:hover {
  text-decoration: none;
  padding-right: 30px;
}
.newsItem .listingLink:before {
  position: absolute;
  content: "";
  background-image: url(../images/link-arrow-right.svg);
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 9px;
}

.arabic .textEditor ul li {
  padding-left: 0;
  padding-right: 15px;
}
.arabic .textEditor ul li:before {
  left: auto;
  right: 0;
}

.textEditor {
  color: #292836;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}
.textEditor ul li {
  padding-left: 15px;
  position: relative;
}
.textEditor ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  background-color: #292836;
  border-radius: 100%;
  width: 3px;
  height: 3px;
}

.detailsWrapper {
  border-top: 1px solid #eeeeee;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 40px;
  max-width: 800px;
  margin: -200px auto 50px;
}
.detailsWrapper .container {
  padding: 0;
}
.detailsWrapper .blockTitle {
  margin-bottom: 30px;
}
.detailsWrapper .detailsImage {
  margin-bottom: 30px;
}
.detailsWrapper .detailsImage img {
  width: 100%;
}

.partnerItem > div {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.partnerItem > div:hover {
  margin-top: -10px;
}
.partnerItem .arabic h6 {
  font-weight: 700;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
  top: 15px;
}

.table-responsive + .row {
  position: relative;
}
.table-responsive + .row .justify-content-md-start {
  position: absolute;
  left: 30px;
  top: 32px;
  z-index: 1000;
}
.table-responsive + .row .justify-content-md-start .dataTables_length label {
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #b5b5b5;
  height: 36px;
  position: relative;
}
.table-responsive + .row .justify-content-md-start .dataTables_length label:before {
  background-image: url(../Images/arrow-down.svg);
  background-repeat: no-repeat;
  width: 9px;
  height: 6px;
  border: none;
  content: "" !important;
  display: block;
  position: absolute;
  right: 5px;
  top: 14px;
  background-size: contain;
}
.table-responsive + .row .justify-content-md-start .dataTables_length select {
  width: 100%;
  padding: 0px 20px 0 5px;
  height: 34px;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  border-color: #ddd;
}

.dk-select-options .dk-option-highlight {
  background-color: #0a7b3b;
}

.dk-select-options .dk-option-highlight,
.dk-select-options .dk-option-highlight {
  background-color: #0a7b3b;
}

.dk-select-open-down .dk-select-options {
  padding-bottom: 0;
}
.dk-select-open-down .dk-select-options .dk-option {
  padding: 10px;
  font-size: 13px;
}

.smallContainer.mrgt100.mrgb100 {
  margin: -100px auto 100px;
}

.filter {
  border-right: 1px solid #d9d9d9;
}
.filter label {
  font-size: 12px;
}
#TitleDiv {
  display: none;
}

.loader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url(../images/loader.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background-color: #0a7b3b;
  border-color: #0a7b3b;
  line-height: 30px;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  line-height: 30px;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #0a7b3b;
  border-color: #0a7b3b;
}

.dk-option-selected {
  background-color: #0a7b3b;
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 129, 65, 0.2);
}

.popup {
  display: none;
}

.fancybox-content {
  padding: 0;
}
.fancybox-content .fancybox-button svg {
  filter: invert(1);
}

.form .actionBtn.mrgTop30 {
  margin-top: 25px;
}
.form .actionBtn.mrgTop30 .btn {
  height: 38px;
  line-height: 25px;
}

.dropdown-holder {
  background-color: transparent;
  padding: 30px 0;
}
.dropdown-holder .row {
  flex-direction: row;
}
.dropdown-holder .searchField {
  position: relative;
}
.dropdown-holder .searchField input {
  border-radius: 23px;
  padding: 10px 20px;
  width: 100%;
  border: 1px solid #e3e3e3;
  background: #fff;
}
.dropdown-holder .searchField input::placeholder {
  color: #292836;
  font-size: 14px;
}
.dropdown-holder .searchField .search {
  background-image: url(../images/Search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: absolute;
  content: "";
  top: 5px;
  right: 5px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.dropdown-holder .searchField .search:hover {
  text-decoration: none;
}
.dropdown-holder .col-sm-7 {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.dropdown-holder .col-sm-7 .inputEntity {
  margin-bottom: 0;
}
.dropdown-holder .col-sm-7 .inputEntity label {
  display: none;
}
.dropdown-holder .col-sm-7 .inputEntity .customSelect .dk-selected {
  background-color: transparent;
  border: none;
  color: #fff;
  padding-right: 25px;
}
.dropdown-holder .col-sm-7 .inputEntity .customSelect .dk-selected:before {
  background-image: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}

.jobListing {
  padding: 90px 0;
  position: relative;
}
.jobListing .job {
  margin-bottom: 30px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.jobListing .job:hover {
  transform: translateY(-10px);
}

.tags-input-wrapper {
  background: transparent;
  padding: 10px;
  border-radius: 3px;
  max-width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  position: relative;
}
.tags-input-wrapper textarea {
  border: none;
}
.tags-input-wrapper input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  margin-left: 8px;
  background: red;
  position: absolute;
}
.tags-input-wrapper .tag {
  display: inline-block;
  background-color: #fec46f;
  color: #000;
  border-radius: 40px;
  padding: 10px 25px 10px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
}
.tags-input-wrapper .tag a {
  background-image: url(../images/closeIconWhite.svg);
  background-repeat: no-repeat;
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  color: #fff;
  margin-top: 2px;
  width: 11px;
  height: 11px;
  vertical-align: text-top;
}

.suggestions {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.suggestions .tag {
  display: inline-block;
  background-color: #0a7b3b;
  color: white;
  border-radius: 40px;
  padding: 10px 45px 10px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.suggestions .tag a {
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  color: #fff;
  background-image: url(../images/plusIcon.svg);
  background-repeat: no-repeat;
  height: 100%;
  background-repeat: no-repeat;
  vertical-align: bottom;
  position: absolute;
  width: 100%;
  background-position: 86% center;
  left: 0;
  top: 0;
}

.absLink {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
}

.multiselectDrpDwn {
  background-color: transparent;
  border: none;
  color: #fff;
  padding-right: 25px;
  position: relative;
}
.multiselectDrpDwn .toggle-next {
  border-radius: 0;
  padding: 5px 15px 5px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}
.multiselectDrpDwn .toggle-next:before {
  background-image: none;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  top: 17px;
}
.multiselectDrpDwn label {
  cursor: pointer;
}
.multiselectDrpDwn .ellipsis {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  background-color: transparent;
  color: #fff;
  font-weight: 400;
}
.multiselectDrpDwn .ellipsis:focus {
  outline: none;
  box-shadow: none;
}
.multiselectDrpDwn .apply-selection {
  display: none;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
.multiselectDrpDwn .apply-selection .ajax-link {
  display: none;
}
.multiselectDrpDwn .checkboxes {
  margin: 0;
  display: none;
  border-top: 0;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  right: 0;
}
.multiselectDrpDwn .checkboxes .apply-selection {
  display: none !important;
}
.multiselectDrpDwn .checkboxes .inner-wrap {
  padding: 10px 10px 0;
  overflow: auto;
  min-width: 200px;
}
.multiselectDrpDwn .checkboxes .inner-wrap label {
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  position: relative;
}
.multiselectDrpDwn .checkboxes .inner-wrap label span {
  color: #292836;
}
.multiselectDrpDwn .checkboxes .inner-wrap .ckkBox {
  opacity: 1;
  float: right;
  border: 1px solid #ddd;
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.multiselectDrpDwn .checkboxes .inner-wrap input:checked {
  border-color: #0a7b3b;
}
.multiselectDrpDwn .checkboxes .inner-wrap input:checked + span {
  color: #0a7b3b;
  padding-right: 20px;
}
.multiselectDrpDwn .checkboxes .inner-wrap input:checked + span:after {
  right: 3px;
  top: 5px;
  width: 10px;
  height: 7px;
  background-image: url(../images/check.svg);
  position: absolute;
  content: "";
}

.sortByWrapper {
  height: 30px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sortByWrapper .dk-option {
  font-size: 12px;
}
.sortByWrapper .inputEntity {
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0;
}
.sortByWrapper .inputEntity label {
  color: #292836;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 13px;
}
.sortByWrapper .inputEntity .customSelect .dk-selected {
  border: none;
  font-weight: 500;
  font-size: 13px;
  padding: 0 15px 0 10px;
  color: #292836;
  height: auto;
}
.sortByWrapper .inputEntity .customSelect .dk-selected:before {
  margin-top: -4px;
  margin-right: 0px;
}
.sortByWrapper .searchEntity {
  margin-left: 10px;
  width: 80%;
  position: relative;
}
.sortByWrapper .searchEntity input {
  width: 100%;
  border-radius: 100px;
  border: 1px solid #e3e3e3;
  padding: 12px 20px;
  background: #fff;
  font-size: 14px;
  color: #000;
}
.sortByWrapper .searchEntity a {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  height: 22px;
  width: 21px;
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  text-decoration: none;
}

.filterResult h6 {
  font-size: 13px;
  font-weight: 500;
  color: #878787;
}
.filterResult .result {
  color: #000;
  font-weight: 400;
}
.filterResult .result span {
  color: #0a7b3b;
  font-weight: 700;
  font-size: 18px;
}

.resultFilterTag {
  display: flex;
  align-items: center;
  justify-content: baseline;
}
.resultFilterTag .tag {
  background-color: #fec46f;
  border-radius: 25px;
  color: #000;
  font-weight: 700;
  font-size: 12px;
  padding: 14px;
  margin-right: 10px;
}
.resultFilterTag .tag a {
  background-image: url(../images/whiteClose.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-left: 15px;
}
.resultFilterTag .clearLink {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #0a7b3b;
  position: relative;
  padding-bottom: 0;
  text-decoration: none;
}
.resultFilterTag .clearLink::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  background-color: #0a7b3b;
}
.resultFilterTag .clearLink:hover::before {
  width: 100%;
}

.socialMedia {
  padding-left: 0 !important;
  margin-top: 40px;
}
.socialMedia::before {
  display: none;
}
.socialMedia h6 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #000;
}
.socialMedia .socialMediaLinks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.socialMedia .socialMediaLinks a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  margin-right: 15px;
  text-align: center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.socialMedia .socialMediaLinks a:hover {
  background-color: #0a7b3b;
}

.logo {
  font-size: 0;
}

.freelancerListing .center {
  margin-top: 50px;
}
.freelancerListing .employee {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top: 4px solid #0a7b3b;
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.freelancerListing .employee:hover {
  margin-top: -10px;
}
.freelancerListing .employee .absLink {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.freelancerListing .employee .listingImage {
  height: 102px;
  width: 102px;
  margin: 0 auto 20px;
  background-color: #ccc;
  border-radius: 100%;
}
.freelancerListing .employee * {
  text-align: center;
}
.freelancerListing .employee h3,
.freelancerListing .employee .additionalInfo > div {
  color: #292836 !important;
}
.freelancerListing .employee h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.freelancerListing .employee .major {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.freelancerListing .employee .major:before {
  display: none;
}
.freelancerListing .employee .additionalInfo .yearOfExp {
  font-size: 12px;
  margin-bottom: 5px;
  color: #878787 !important;
  margin-bottom: 30px;
}
.freelancerListing .employee .additionalInfo .yearOfExp:before {
  display: none;
}
.freelancerListing .employee .btn {
  color: #0a7b3b;
}
.freelancerListing .employee .btn:hover {
  color: #fff;
}

.ajaxloader {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../images/loader.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.uploadFile .form-container {
  width: 100vw;
  height: 100vh;
  background-color: #7b2cbf;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uploadFile .upload-files-container {
  padding: 30px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.uploadFile .drag-file-area {
  border: 2px dashed #7b2cbf;
  border-radius: 40px;
  margin: 10px 0 15px;
  padding: 30px 50px;
  text-align: center;
}
.uploadFile .drag-file-area .upload-icon {
  font-size: 50px;
}
.uploadFile .drag-file-area h3 {
  font-size: 26px;
  margin: 15px 0;
}
.uploadFile .drag-file-area label {
  font-size: 19px;
}
.uploadFile .drag-file-area label .browse-files-text {
  color: #7b2cbf;
  font-weight: bolder;
  cursor: pointer;
}
.uploadFile .browse-files span {
  position: relative;
  top: -25px;
}
.uploadFile .default-file-input {
  opacity: 0;
}
.uploadFile .cannot-upload-message {
  background-color: #ffc6c4;
  font-size: 17px;
  display: flex;
  align-items: center;
  margin: 5px 0;
  padding: 5px 10px 5px 30px;
  border-radius: 5px;
  color: #bb0000;
  display: none;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.uploadFile .cannot-upload-message span,
.uploadFile .upload-button-icon {
  padding-right: 10px;
}
.uploadFile .cannot-upload-message span:last-child {
  padding-left: 20px;
  cursor: pointer;
}
.uploadFile .file-block {
  color: #f7fff7;
  background-color: #7b2cbf;
  transition: all 1s;
  width: 390px;
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 15px;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
}
.uploadFile .file-info {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.uploadFile .file-icon {
  margin-right: 10px;
}
.uploadFile .file-name,
.uploadFile .file-size {
  padding: 0 3px;
}
.uploadFile .remove-file-icon {
  cursor: pointer;
}
.uploadFile .progress-bar {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 4.5%;
  width: 0;
  height: 5px;
  border-radius: 25px;
  background-color: #4bb543;
}
.uploadFile .upload-button {
  background-color: #7b2cbf;
  color: #f7fff7;
  display: flex;
  align-items: center;
  font-size: 18px;
  border: none;
  border-radius: 20px;
  margin: 10px;
  padding: 7.5px 50px;
  cursor: pointer;
}

.usefulDo.p40 {
  padding: 0;
  margin: 60px 0;
}

.mediaListing {
  padding: 0;
}
.mediaListing .listingItemDIV {
  margin-bottom: 30px;
}
.mediaListing .newsItem {
  min-height: 270px;
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  padding: 0;
  color: #292836;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.02);
}
.mediaListing .newsItem .listingLink {
  display: inline-block;
}
.mediaListing .newsItem a {
  padding: 0;
  color: #0a7b3b;
  font-size: 12px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.mediaListing .newsItem:hover {
  margin-top: -10px;
  border-color: #0a7b3b;
}
.mediaListing .newsItem:hover > div:before {
  background-color: #0a7b3b;
}
.mediaListing .newsItem:hover > div:after {
  filter: brightness(2) grayscale(1);
}
.mediaListing .newsItem img {
  width: 100%;
  padding: 15px;
  padding-bottom: 0;
}

.contactForm {
  padding: 0;
}

.contactUs {
  overflow-x: hidden;
  margin-bottom: 50px;
}
.contactUs .alert {
  display: none;
}
.contactUs .normalBtn {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  height: 45px;
  border-radius: 5px;
  min-width: 110px;
  border: 1px solid #0a7b3b;
  line-height: 25px;
  background-color: #0a7b3b;
}
.contactUs .normalBtn:hover {
  background-color: transparent;
  color: #0a7b3b;
  border-color: #0a7b3b;
}
.contactUs .primaryBtn {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  height: 45px;
  border-radius: 5px;
  min-width: 115px;
  border: 1px solid #0a7b3b;
  line-height: 25px;
  color: #fff;
  background-color: #0a7b3b;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.contactUs .primaryBtn:focus {
  outline: none;
}
.contactUs .primaryBtn:hover {
  background-color: transparent;
  color: #0a7b3b;
}
.contactUs .formActions .requiredStar {
  float: left;
  line-height: 40px;
}
.contactUs .errorMessage {
  top: 0;
}

.alert {
  display: none;
}

.lightGray.mrgb100 {
  margin-bottom: 0;
}

.actionLink {
  margin-top: 30px;
}
.actionLink .link {
  color: #0a7b3b;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}
.actionLink ul li {
  position: relative;
  padding-left: 25px;
}
.actionLink ul li.phone:before {
  width: 18px;
  background-image: url(../images/greenPhone.svg);
  height: 18px;
  margin-top: -7px;
}
.actionLink ul li::before {
  position: absolute;
  content: "";
  background-image: url(../images/greenMail.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  left: 0;
}
.actionLink ul li a {
  color: #292836;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}

.portfolio img {
  margin-bottom: 20px;
}
.portfolio .viewAll {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0a7b3b;
  font-weight: 500;
  text-transform: uppercase;
}

.filterDropDown .inputEntity {
  display: inline-block;
}

.jobsSlider .swiper-slide-active .job {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.usaLogo {
  margin-bottom: 20px;
}

.stackedInput input[type=checkbox]:not(old):checked + label {
  position: relative;
}
.stackedInput input[type=checkbox]:not(old):checked + label:before {
  border-color: #0a7b3b;
  background-color: transparent;
}
.stackedInput input[type=checkbox]:not(old):checked + label:after {
  left: 1px;
  top: 8px;
  width: 10px;
  height: 7px;
  background-image: url(../images/check.svg);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
}

.docDownload {
  margin-bottom: 70px;
}

.freelancerSlider .swiper {
  padding-bottom: 0;
}

header .flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .ddSecondLevel li {
  display: block;
  text-align: left;
}

.popup .actionBtns {
  float: none;
  text-align: end;
}

.fancybox-can-swipe .fancybox-content {
  height: fit-content !important;
}

#addImage {
  max-width: 500px !important;
  height: fit-content !important;
}

.pdfPortfolio .closeIcon {
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  transition: all 0.3s ease-in-out;
}
.pdfPortfolio .closeIcon:hover {
  text-decoration: none;
  filter: brightness(0);
}

.applypopup {
  display: none;
  position: fixed !important;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 30px 50px !important;
  border: 2px solid green;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.applypopup:before {
  content: none !important;
}
.applypopup .popup-content {
  text-align: center;
}

.overlay {
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.overlay.active {
  display: block;
}

.jobInfo .additionalInfo > p {
  color: #0a7b3b;
  font-weight: bold;
}

header .rightSection nav {
  width: 100%;
}
header .rightSection nav .nav-item:last-of-type {
  flex: 1;
  text-align: end;
}
header .rightSection nav .nav-item:last-of-type a {
  display: inline-block;
}
header .rightSection nav .nav-item:last-of-type .dropdown-menu {
  max-width: 175px;
  right: 0;
  left: unset;
}
header .rightSection nav .navbar-nav {
  margin: 0 !important;
  width: 100%;
}

.training .list .listingItem {
  box-shadow: none;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.02);
}
.training .list .listingImage {
  padding: 15px;
}
.training .list .listingInfos {
  position: initial;
}
.training .list .listingInfos p {
  margin-bottom: 35px;
  position: relative;
  padding-left: 26px;
}
.training .list .listingInfos p:before {
  content: "";
  position: absolute;
  background-image: url(/images/location.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 20px;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.news {
  background: #f6f6f6;
  padding: 60px 0 85px;
}
.news .listingItem .listingImage {
  border-radius: 5px 5px 0 0;
}
.news .listingItem .listingInfos {
  border-radius: 0 0 5px 5px;
}

.docItem {
  position: relative;
  min-height: unset;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
}
.docItem > div > div:before {
  content: none;
}
.docItem > div > div:after {
  background-image: url(../images/downloadGreen.svg);
  top: 50%;
  right: 20px;
  left: unset;
  height: 30px;
  width: 30px;
  transform: translateY(-50%);
}
.docItem:hover {
  transform: translateY(-10px);
  margin-top: 0;
}

.owl-carousel .owl-next {
  position: absolute;
  right: -65px;
  top: 50%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  height: 46px;
  width: 46px;
  background-color: #fff4e3 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
}
.owl-carousel .owl-next .left-arrow {
  background-image: url(/images/owl-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 14px;
  width: 19px;
  border-radius: 50%;
}
.owl-carousel .owl-next:hover {
  filter: brightness(0.95);
}
.owl-carousel .owl-prev {
  position: absolute;
  left: -65px;
  top: 50%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  height: 46px;
  width: 46px;
  background-color: #fff4e3 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
}
.owl-carousel .owl-prev .right-arrow {
  background-image: url(/images/owl-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 14px;
  width: 19px;
  border-radius: 50%;
  transform: rotate(180deg);
}
.owl-carousel .owl-prev:hover {
  filter: brightness(0.95);
}

.jobListing {
  padding-top: 0;
}
.jobListing #listingHolder .dk-select .dk-selected {
  padding: 0 20px 0 10px;
  height: auto;
}
.jobListing #listingHolder .dk-select .dk-selected:before {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  background-image: url(../images/triangle-down.svg);
}
.jobListing .sortByWrapper label {
  margin-bottom: 0;
}

.filter {
  padding: 0 30px;
}
.filter .mainTitle {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
}
.filter .mainTitle a {
  display: block;
  color: #292836;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  position: relative;
  text-decoration: none;
  padding-left: 35px;
}
.filter .mainTitle a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(../images/filter-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 24px;
  width: 24px;
}
.filter .mainTitle a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../images/arrow-down-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 18px;
  width: 18px;
}
.filter .mainTitle.open a:after {
  transform: translateY(-50%) rotate(90deg);
}
.filter .intro {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  padding: 30px 0;
}
.filter .filterContainer {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 30px;
}
.filter .title a {
  display: block;
  color: #040404;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  position: relative;
  text-decoration: none;
}
.filter .title a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../images/arrow-down-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 18px;
  width: 18px;
}
.filter .title.open a:after {
  transform: translateY(-50%) rotate(90deg);
}
.filter .checkboxGroup {
  flex-direction: column;
  padding-bottom: 30px;
}
.filter .checkboxGroup .checkboxContainer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.filter .checkboxGroup .checkboxContainer:last-of-type {
  margin: 0;
}
.filter .checkboxGroup .checkboxContainer input[type=checkbox] {
  display: none;
}
.filter .checkboxGroup .checkboxContainer .custom-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.filter .checkboxGroup .checkboxContainer .custom-checkbox::after {
  content: "";
  background-image: url(../images/checkmark.svg);
  color: #000;
  position: absolute;
  top: 50%;
  left: -4px;
  height: 22px;
  width: 20px;
  transform: translateY(-50%);
  visibility: hidden;
}
.filter .checkboxGroup .checkboxContainer input[type=checkbox]:checked + .custom-checkbox::after {
  visibility: visible;
}
.filter .checkboxGroup .checkboxContainer input[type=checkbox]:checked + .custom-checkbox {
  border: 2px solid #000;
}
.filter .checkboxGroup .checkboxContainer label {
  position: relative;
  margin-left: 10px;
  color: #292836;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.filter .checkboxGroup .checkboxContainer.checked label:before {
  display: block;
}

.jobInfo .socialMedia .socialMediaLinks a img {
  filter: brightness(0);
}
.jobInfo .socialMedia .socialMediaLinks a:hover img {
  filter: brightness(1);
}
.jobInfo .actionBtns {
  margin-top: 30px;
}
.jobInfo .actionBtns a {
  width: 100%;
  display: inline-block;
  padding: 7px 12px;
}

.jobdetailsintro {
  padding-top: 35px;
  border-top: 1px solid #f1f1f1;
}
.jobdetailsintro .backLink {
  margin-bottom: 40px;
}
.jobdetailsintro h6 {
  color: #292836;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 10px;
}
.jobdetailsintro h3 {
  color: #292836;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 60px;
}

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

.smallBanner > .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.smallBanner .title {
  color: #292836;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 10px;
}

.smallBanner span {
  font-size: 45px;
  font-weight: 700;
  line-height: normal;
  display: block;
}

h3.blockDate {
  color: #292836;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 30px;
  direction: ltr;
  text-align: left;
}

h2.blockTitle {
  margin-bottom: 35px;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
}

section > .details.Arabic, section > .details.arabic {
  padding: 0 180px;
}

.textEditor {
  margin: 80px 0;
}
.textEditor a {
  color: #0a7b3b;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-decoration-line: underline;
}
.textEditor h3 {
  font-size: 36px;
  color: #000;
  margin-bottom: 25px;
}
.textEditor li {
  margin-bottom: 10px;
}

.detailsImage {
  margin-bottom: 40px;
  text-align: center;
  margin: 0 auto;
}
.detailsImage img {
  width: 100%;
}

.loadMoreBtn a {
  background-color: #0a7b3b;
  color: #fff !important;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 400;
}

.social {
  display: flex;
  gap: 20px;
  align-items: baseline;
  direction: ltr;
  text-align: left;
  margin-top: 50px;
}
.social p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  direction: ltr;
  text-align: left;
}
.social a {
  background: #f0f0f0;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsdetails {
  margin-top: 70px;
  margin-bottom: 100px;
}
.newsdetails .mediaListing .newsItem img {
  padding: 0;
}

.newsItem .newsSummary .title a {
  color: #292836;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.link a {
  color: #292836;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  padding: 25px 20px 25px 30px;
}
.link a:after {
  position: absolute;
  content: "";
  height: 9px;
  width: 15px;
  background-image: url(../Images/link-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}

.smallBanner {
  background-position: right;
}
.smallBanner .bannerDescription .title.white {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  line-height: normal;
  opacity: 1;
  text-transform: capitalize;
}

.smallContainer {
  max-width: 552px;
}
.smallContainer.Create {
  max-width: 996px;
}
.smallContainer .title.white {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form {
  margin: auto;
}
.form.workWrapper {
  max-width: unset;
}
.form h3 {
  text-align: center;
}
.form .btn {
  height: auto;
  padding: 5px;
}

.nav-item.dropdown {
  display: flex;
  justify-content: end;
  align-items: end;
}

.workDetails .btn {
  color: #0a7b3b;
  box-shadow: none !important;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border: none;
  position: relative;
  min-width: unset;
  transition: all 0.3s ease-in-out;
}
.workDetails .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  background-image: url(../images/add.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 24px;
  width: 24px;
}
.workDetails .btn:hover {
  background-color: transparent;
  color: #0a7b3b;
  opacity: 0.7;
}

.form .actionBtns {
  text-align: center;
}
.form .actionBtns a {
  padding: 14px 30px;
}

.useful {
  margin-top: 20px;
}
.useful a {
  color: #292836;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  display: block;
  background: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.useful a:after {
  position: absolute;
  content: "";
  height: 9px;
  width: 15px;
  background-image: url(../Images/link-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.useful a:hover {
  color: #fff;
  background-color: #0a7b3b;
  border: 1px solid #0a7b3b;
}
.useful a:hover:after {
  filter: brightness(0) invert(1);
}

.arabic .useful a:after {
  right: unset;
  left: 20px;
  transform: translateY(-50%) rotate(180deg);
}

.filterBy .col-sm-8 {
  padding: 0;
}

.details.links {
  display: inline;
}
.details.links .textEditor {
  margin-top: 40px;
  margin-bottom: 0;
}

.mediaListing {
  margin-bottom: 100px;
}

.container.newsdetails {
  margin-bottom: 0;
}

.loadMoreBtn a {
  border-radius: 5px;
  display: inline;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  background-color: #0a7b3b;
  width: 140px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.relatedTitle {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}

.RelatedNews {
  margin-bottom: 50px;
}
.RelatedNews .newsItem {
  margin: 0;
}
.RelatedNews .newsItem:hover {
  transform: translateY(0);
  border: 0;
}
.RelatedNews .newsItem .date {
  min-height: 22px;
}
.RelatedNews .newsItem .title {
  min-height: 72px;
}
.RelatedNews .newsSummary a {
  font-family: "Roboto";
  padding-right: 12px;
}

.english {
  text-transform: none !important;
}

.gray {
  position: relative;
  padding-top: 50px;
  margin-bottom: 50px;
}
.gray:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: #f6f6f6;
  height: 100%;
  left: -100vw;
  width: 200vw;
  z-index: -1;
}
.gray h5 {
  margin-bottom: 25px;
}

.details {
  margin-top: 100px;
}

.summary ul li {
  padding-left: 15px;
  margin-bottom: 10px;
  position: relative;
}
.summary ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  background-color: #292836;
  border-radius: 100%;
  width: 3px;
  height: 3px;
}
.summary p {
  margin-bottom: 40px;
}

.contactContainer {
  margin-top: 100px;
  margin-bottom: 70px;
}

.progressProfile {
  background-color: rgba(182, 223, 200, 0.5019607843);
}

.progChart .misc-wrap {
  border: none;
}

.checkboxGroup .checkboxContainer:nth-child(n+7) {
  display: none;
}

.showmore {
  color: #0a7b3b;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.showmore:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #0a7b3b;
}

.noJobs {
  padding: 60px 240px;
  background: #fff;
  text-align: center;
}
.noJobs img {
  margin-bottom: 30px;
}
.noJobs h3 {
  color: #292836;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
}
.noJobs p {
  color: #292836;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 30px;
}
.noJobs a {
  float: none;
}

.savedJobs {
  background: #fff;
  padding: 30px;
}
.savedJobs .job {
  width: auto;
  margin-bottom: 30px;
}

.usefulDo {
  margin-top: 0 !important;
}
.usefulDo .docItem {
  height: auto;
}

.actionLink {
  text-align: center;
}
.actionLink .phone,
.actionLink .email {
  display: inline-block;
  color: #292836;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 25px;
  text-align: center;
}

.joblist {
  margin-top: 30px;
}

.savedJobs .job {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 5px solid #0a7b3b;
  padding: 28px 20px;
  position: relative;
}

.registertext {
  color: #fff;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
}

.change {
  color: #fff;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: normal;
  text-transform: uppercase;
  margin-left: 5px;
}

.details.newsdetails {
  margin-top: 0;
}
.details.newsdetails .details {
  margin-top: 0;
}
.details.newsdetails .textEditor {
  margin-top: 40px;
}

.contactContainer .detailsImage {
  max-width: 430px;
}

.whitebg {
  padding: 30px;
  background: white;
}
.whitebg span {
  display: inline-block;
  margin-bottom: 20px;
}

.Create .form h3 {
  text-align: start;
}
.Create .form label {
  color: #0a7b3b;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}
.Create .form .inputEntity .dk-selected:before {
  background-image: url(../Images/arrow-down2.svg);
}
.Create .form input,
.Create .form .dk-selected {
  height: 45px !important;
  display: flex;
  align-items: center;
}

.btn#btnCreate {
  padding: 7px 30px;
}

.intl-tel-input.allow-dropdown .flag-container .selected-flag {
  background-color: transparent !important;
  padding-left: 15px !important;
  height: 100%;
}
.intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-flag {
  display: none;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding: 0 !important;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code:before {
  position: absolute;
  content: "";
  height: 9px;
  width: 15px;
  background-image: url(../Images/arrow-down2.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background: #d8d8d8;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.intl-tel-input .selected-flag .iti-arrow {
  display: none;
}

.eduInfo h3 {
  text-align: start;
}

.editexp,
.editedu,
.editlang {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.editexp:before,
.editedu:before,
.editlang:before {
  content: "";
  background-image: url(../images/pen.svg);
  position: absolute;
  left: 0;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}

.expRemove,
.eduRemove,
.langRemove {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.expRemove:before,
.eduRemove:before,
.langRemove:before {
  content: "";
  background-image: url(../images/delete.svg);
  position: absolute;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
.expRemove:hover,
.eduRemove:hover,
.langRemove:hover {
  opacity: 0.8;
}

.jobs.gray {
  margin-bottom: 0;
  padding-bottom: 90px;
}

/*# sourceMappingURL=sperare.css.map */