/* Home Page */
.hero-new {
  background-image: linear-gradient(84deg, #fff, #fff0 48%),
    url(../images/homepage-hero.webp);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 75vh;
  margin-top: 80px;
  display: flex;
}

.hero-flex {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.hero-info-box {
  z-index: 2147483647;
  background-image: url(../images/hero-infobox-img.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 31% auto auto 0%;
}

.yellow {
  color: #fee5b6;
}

.hero-box-tagline {
  width: 85%;
  padding: 8px 0;
}

.hero-tag {
  color: #fff;
  font-family: acumin-pro, Georgia, sans-serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 38px;
}

.ticker-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: start;
  align-items: center;
  display: flex;
}

.ticker-logo {
  width: auto;
  height: unset;
  padding: 9px;
}

.ticker-logo img {
  max-height: 90px;
  object-fit: contain;
  object-position: center;
}

.hero-title {
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
}

.flex-wrapper.mid-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-box {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #fafafa;
  border: 1px #8f8f8f;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: 30px;
  display: flex;
  position: relative;
  top: -70px;
  box-shadow: 0 2px 16px -2px #00000030;
}

.search-text-field-2 {
	font-size: 13px !important;
}

.search-form-block {
  width: 100%;
  margin-bottom: 0;
}

.search-field-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.search-text-field-2.arrow-icon {
  text-align: left;
  background-image: url(../images/select-drop-icon.svg);
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 14px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 30px;
}
.search-text-field-2 {
  color: #999;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  display: flex;
}

.search-text-field-2.loction {
  text-align: left;
  border-color: #e0e0e0;
  padding-left: 30px;
}
.w-select {
  background-color: #f3f3f3;
}
.w-input,
.w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.half-form {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.half-form.serach-field-home {
  width: 48.5%;
  margin-bottom: 0;
}

.hero-form {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.search-form-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 97%;
  display: flex;
}

.form-btn {
  color: #333;
  background-color: #fee5b6;
  border-radius: 100px;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 600;
}

.about-wrapper {
  padding-top: 0;
  padding-bottom: 60px;
}

.content-box,
.content-box.home {
  width: 48%;
}

.about-us-image-wrapper {
  background-image: url(../images/about-sec-img.webp);
  background-position: 39%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 35px;
  width: 48%;
  box-shadow: -10px 16px 10px -10px #00000026;
}
.sub-heading {
  color: #8d8d8d;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 19px;
  font-weight: 600;
  display: flex;
}

.icon.subhead {
  color: #dfbe80;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 20px;
  min-height: 20px;
  margin-right: 3px;
  padding: 10px 11px 6px 0;
  display: flex;
}

.about-us-list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  margin-bottom: 20px;
  padding-left: 0;
  line-height: 28px;
  list-style-type: none;
  display: flex;
}

.checklist-item.home {
  background-position: 0 10%;
  line-height: 27px;
}

.checklist-item {
  background-image: url(../images/check-cirle-list.svg);
  background-position: 0 8%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 5px;
  padding-left: 30px;
  line-height: 28px;
}

.new-button {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #2e4c47;
  background-color: #fee5b6;
  border: 1px solid #ffe6ba00;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 25px 8px 8px;
  display: flex;
  position: relative;
  box-shadow: -5px 3px 8px -2px #00000052;
  text-decoration: none;
}

.new-bttn-txt {
  color: rgb(46, 76, 71);
  white-space: nowrap;
  font-weight: 700;
  text-decoration: none;
}

.new-bttn-icon-box {
  color: #000;
  background-color: #fff;
  border-radius: 100px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 15px;
  padding: 8px;
  transition: 0.3s ease-in-out;
  line-height: 1;
}

.button-wrapper.b20margin {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
}

.button-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-us-section.cta-separator {
  height: auto;
  position: static;
}

.contact-us-section {
  background-image: linear-gradient(#1d1d1dbf, #1d1d1dbf),
    url(../images/newsletter-bg.webp);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.cliient-logo-section {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
}

.cliient-logo-section.home-logo {
  padding-top: 60px;
  padding-bottom: 0;
  overflow: clip;
}

.ticker-content {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  gap: 20px;
}

.sub-heading.mid--white {
  color: #fff;
  justify-content: center;
  align-items: center;
}

.new-button-v2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #2e4c47;
  background-color: #fff0;
  border: 2px solid #ffe6ba;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 25px 8px 8px;
  display: flex;
  box-shadow: -5px 3px 8px -2px #00000052;
}

.new-bttn-icon-box-v2 {
  color: #000;
  background-color: #fff;
  border-radius: 100px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 15px;
  padding: 8px;
  line-height: 1;
}

.mid-heading {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.white-heading,
.white-content {
  color: #fff;
}

.white-content.mid {
  text-align: center;
}

.content-wrapper.bg {
  background-color: #f5f5f5;
  font-weight: 300;
  display: block;
}

.new-bttn-txt---white {
  color: #fff;
  white-space: nowrap;
  font-weight: 700;
  transition: 0.3s ease-in-out;
}

.services-box-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.content-heading.mid--separator {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  display: flex;
}

.services-section {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.services {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.services-box {
  color: #616161;
  background-color: #fff;
  border: 2px solid #fdd07b;
  border-radius: 35px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 24%;
  margin-bottom: 0;
  padding: 20px 18px;
  transition: opacity 0.1s;
  display: flex;
  position: relative;
  box-shadow: 1px 5px 11px -6px #0003;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  will-change: transform;
}

.learn-more .icon {
  transition: 0.3s ease-in-out;
}

.services-box:hover .learn-more .icon {
  transform: translateX(10px);
}

.service-icon-wrapper {
  background-color: #fff4df00;
  border: 7px solid #fff0;
  border-radius: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: static;
  bottom: 89%;
}

.services-icon {
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  display: flex;
}

.icon-service-white {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  display: block;
}

.services-heading {
  color: #000;
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 23px;
  display: flex;
  transform-style: preserve-3d;
  will-change: transform;
}

.service-par {
  color: #333;
  text-align: center;
  height: auto;
  font-weight: 400;
}

.learn-more {
  color: #000;
  text-align: center;
  background-color: #fee5b600;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  margin-top: auto;
}

.mid-content-box {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex;
}

.news-email-box {
  width: 80%;
}
.w-form {
  margin: 0 0 15px;
}

.field {
  background-color: #4f4f4f;
  border: 1px solid #0003;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 10px 8px 10px 20px;
  font-size: 15px;
  display: flex;
}

.news-field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  padding: 20px 0;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

input.news-field::placeholder {
  color: #fff;
}

input.news-field:focus {
  outline: none;
  box-shadow: 0;
  border: 0;
}

.arrow-icon-box {
  color: #2f4d48;
  background-color: #fee5b6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  display: flex;
}

.arrow-icon.newsarrow {
  color: #2f4d48;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 14px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.content-heading.mid {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}

.sub-heading.mid {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-box.mid {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

/* About Us */
.hero-new.inside-hero {
  background-image: linear-gradient(#fff 10%, #fff0 21%),
    linear-gradient(96deg, #fff 9%, #ffffffc2 25%, #ffffff1c 62%),
    url(../images/about-hero-gps.png);
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 50vh;
  position: relative;
}
.hero-new.inside-hero.about {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/about-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.content-box.full {
  width: 100%;
}

.heading-box.mid-content-box {
  width: 100%;
}

.mid-content-box {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex;
}

.mid-content {
  text-align: center;
  line-height: 28px;
}

.button-wrapper.about-us-mid {
  justify-content: center;
  align-items: center;
  width: 100%;
  position: static;
}

.hero-content.hero-inside-arrow.about-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 500px;
}

.hero-content.hero-inside-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 25px;
  padding-left: 100px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}
.vision-and-mission-box-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.vm-box-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px;
  display: flex;
}

.mission-box {
  outline-offset: 0px;
  border-right: 2px #dbdbdb;
  outline: 3px #333;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 48%;
  height: auto;
  padding: 0;
  display: flex;
}

.vm-box-choose-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.icon-vm-box {
  background-color: #2e4c47;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 7px;
  display: flex;
}

.vm-image-box {
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 48%;
  height: auto;
  margin-bottom: 30px;
}

.vm-image-box.mission {
  background-image: url(../images/vm-mission-img.jpeg);
  border-radius: 35px;
  height: auto;
  position: relative;
  box-shadow: -10px 16px 10px -10px #00000026;
}

.vm-image-box.vission {
  background-image: url(../images/our-vision-gps.jpg);
  background-position: 60%;
  border-radius: 35px;
  height: auto;
  box-shadow: -10px 16px 10px -10px #00000026;
}

.choose-box-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.choose-icon-box-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.content-heading-wrapper {
  width: 100%;
}

.choose-icon-box-wrapper.mobile {
  display: none;
}

.choose-box {
  box-shadow: none;
  background-color: #fff;
  border: 2px solid #fdd07b;
  border-radius: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 32.2%;
  margin-bottom: 20px;
  padding: 30px 30px 0;
  transition: 0.3s ease-in-out;
  display: flex;
  transform-style: preserve-3d;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  will-change: transform;
}

.choose-box:hover,
.services-box:hover {
  box-shadow: -2px 6px 4px -2px #00000014;
  transform: translate3d(0px, -8px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  will-change: transform;
}

.choose-icon-box {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  margin-bottom: 25px;
  margin-right: 0;
}

.choose-title.desk {
  text-align: center;
  font-weight: 600;
}

.choose-title {
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 23px;
  font-weight: 500;
}

.choose-content {
  text-align: center;
  line-height: 28px;
}

.content-heading.mid---b0margin {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

/* Submit Your CV page */
.hero-new.inside-hero.submit-your-cv {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/submit-your-cv-hero.webp);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content.hero-inside-arrow.cv-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 630px;
}

.title-content {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

.field-wrapper.submit-your-cv {
  height: auto;
  position: relative;
  box-shadow: -4px 4px 5px -1px #00000026;
}

.submit-your-cv span.wpcf7-spinner, .contact-us span.wpcf7-spinner, .employer span.wpcf7-spinner, .search-box span.wpcf7-spinner  {
  position: absolute;
  right: 20px;
  margin-top: 15px;
  padding: 0;
}

.search-field-box p {
	margin-bottom:0;
}

.half-form.serach-field-home p {
    width: 100%;
}

.submit-your-cv span.wpcf7-list-item-label {
  color: #000;
  font-size: 16px;
}

.wpcf7 form.invalid .wpcf7-response-output {
  color: red;
  border-color: red;
  margin-bottom: 0;
  text-align: center;
}

label.w-checkbox.checkbox-field-2 {
  margin-bottom: 0;
}

.employer label.w-checkbox.checkbox-field-2 {
  margin-bottom: 20px;
}

.submit-your-cv .wpcf7-list-item {
  margin-left: 0;
}

.submit-your-cv input.wpcf7-form-control.wpcf7-file {
  color: #000;
  font-size: 15px;
  font-weight: 300;
}

.field-wrapper {
  box-shadow: none;
  color: #fff1f1;
  background-color: #fffbf3;
  border: 1px solid #fdd07b;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 46%;
  height: 798.313px;
  padding: 34px;
  transition: all 0.2s;
  display: flex;
}

.form-title {
  color: #333;
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
}

.field-label-2 {
  color: #333;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 400;
}
.submit-button-3 {
  color: #fff;
  cursor: pointer;
  background-color: #2f4d48;
  border: 2px solid #2f4d48;
  border-radius: 100px;
  width: 100%;
  padding: 10px 30px;
  font-weight: 600;
  transition: 0.1s ease-in-out;
}

.submit-button-3:hover {
  background-color: #fee5b6;
  border: 2px solid #fee5b6;
  color: #2f4d48;
}

.checkbox-field-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.checkbox-label-2 {
  color: #333;
  padding-left: 11px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.text-field {
  color: #8a8b8b;
  background-color: #fff0;
  border-color: #fdd07b;
  border-radius: 14px;
  width: 100%;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-field:focus,
.text-field-dropdown:focus {
  border-color: #fdd07b;
  box-shadow: none;
  outline: none;
}

.field-flex {
  justify-content: space-between;
  display: flex;
}

.form-box.career {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.form-field-box.haf {
  width: 49%;
}

.custom-uploader {
  color: #000;
  background-color: #afafaf;
  border: 2px #fee5b6;
  margin-right: 20px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.uploads-code {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.apply-file-2 {
  color: #494949;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 5px;
  font-size: 15px;
  display: flex;
}

.text-field-dropdown:hover {
  border-color: #fdd07b;
}

.text-field-dropdown {
  color: #000000a8;
  background-color: #fffbf3;
  border: 1px solid #fdd07b;
  border-radius: 17px;
  width: 100%;
  min-height: 50px;
  margin-bottom: 20px;
  font-weight: 400;
}

/* Dropdown */
.select-wrapper {
  position: relative;
}
.select-wrapper::after {
  content: "▼";
  font-size: 0.8em;
  color: #555;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}

/* Job Seekers Page */
.hero-new.inside-hero.job {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/jobseekers-hero.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
.hero-content.hero-inside-arrow.job--arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 580px;
}

.content-box.register {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49%;
  display: flex;
}

.content-box.job-seeker {
  width: 100%;
  margin-bottom: 30px;
}

.project-flex {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.project-box {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 35px;
  width: 32%;
  height: auto;
  margin-bottom: 20px;
  font-weight: 300;
  transition: none;
  overflow: hidden;
  box-shadow: 0 3px 14px -10px #0003;
}

.project-content {
  color: #949292;
  text-align: center;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 30px 30px 40px;
  display: flex;
  background-color: #fff;
}

.project-image {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 255px;
  display: flex;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.project-title {
  filter: none;
  color: #333;
  height: 55px;
  margin-bottom: 15px;
  font-family: acumin-pro, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.project-learn-more {
  color: #f3bb51;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  font-size: 18px;
  display: flex;
  transition: 0.3s ease-in-out;
}

.project-box:hover .project-learn-more {
  transform: translate3d(0px, -10px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.project-image img {
  transition: 0.3s ease-in-out;
}

.project-box:hover .project-image img {
  transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.project-box:hover {
  box-shadow: 0 3px 14px -7px #00000047;
}

.project-box:hover .project-content {
  background-color: rgb(255, 249, 240);
}

.content-image-box.job-seekers {
  background-image: url(../images/jobseekers-img.jpg);
  background-position: 100%;
  border-radius: 35px;
  margin-bottom: 30px;
  display: block;
  box-shadow: -10px 16px 10px -10px #00000026;
}

.content-image-box {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 48%;
}

/* Contact Page */
.hero-content.hero-inside-arrow.contact-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 510px;
}
.contact-info-box-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 39px;
  margin-bottom: 0;
  display: flex;
}

.contact-us-box {
  box-shadow: none;
  border-radius: 11px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
}

.contact-icon-box {
  color: #fff;
  background-color: #2f4d48;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-top: 2px;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 13px 6px 13px 6px;
  display: flex;
  transition: 0.3s ease-in-out;
}

.contact-info-box {
  width: 86%;
}

.contact-tile {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
}

.contact-mid-content {
  color: #8a8a8a;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.contact-us p {
  margin-bottom: 0;
}

.field-wrapper.contact-us {
  background-color: #fffbf3;
  border-color: #fdd07b;
  border-left-style: solid;
  border-radius: 30px;
  width: 50%;
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: -4px 4px 5px -1px #00000026;
  position: relative;
}

.hero-new.inside-hero.recruit,
.hero-new.inside-hero.contact-us {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/contact-us-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.form-field-box.message {
  margin-bottom: 30px;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.contact-us-map.half {
  border: 1px #000;
  border-radius: 30px;
  align-items: stretch;
  width: 100%;
  min-height: 350px;
  display: flex;
  overflow: hidden;
}

.contact-form-box-wrapper {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.map {
  border-radius: 30px 0 0 30px;
  width: 100%;
  overflow: hidden;
}

.contact-us-box:hover {
  box-shadow: none;
  padding-left: 0;
}

.contact-us-box:hover .contact-icon-box {
  color: rgb(254, 229, 182);
}

/* Employer Page */
.hero-new.inside-hero.employer {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/employer-hero-gps.webp);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content.hero-inside-arrow.employer-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 540px;
}

.field-wrapper.employer {
  width: 53%;
  height: auto;
  margin-top: 30px;
  box-shadow: -4px 4px 5px -1px #00000026;
  position: relative;
}

.field-wrapper.employer {
  width: 53%;
  height: 730px;
  margin-top: 30px;
  box-shadow: -4px 4px 5px -1px #00000026;
}

.content-box.employer-page {
  width: 43%;
}

.services-heading.employee-categ-title {
  height: auto;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}

.service-par.employee-par {
  height: 49px;
  margin-bottom: 10px;
}

.content-heading.mid-services-sect {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
}

.about-us-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-box.full-emplloyer-page {
  width: 48%;
}

.content-box.full-emplloyer-content {
  width: 62%;
}

.employer p {
  margin-bottom: 0;
}

/* Blog Feed Page */
.hero-new.inside-hero.blogs-main {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/blog-page-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content.hero-inside-arrow.blogs-arrow {
  background-image: url(../images/inner-infobox-img.png);
  background-position: 100%;
  background-size: cover;
  width: 450px;
}

.content-heading.mid--heading {
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
  flex-direction: column;
}

.blog-heading.mian-page {
  margin-bottom: 0;
}
.blog-heading {
  font-weight: 600;
}
.subheading-inside {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.blog-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blog-box {
  color: #333;
  border: 1px solid #0000001c;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 32%;
  height: auto;
  margin-bottom: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  overflow: clip;
  box-shadow: 0 4px 8px -4px #0003;
}

.blog-box:hover .blog-button {
  background-color: rgb(254, 230, 184);
}

.blog-box:hover .blog-page-image {
  transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.blog-image-box {
  z-index: -1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  position: relative;
  overflow: clip;
}

.blog-page-image {
  background-color: #ddd;
  border-radius: 5px 5px 0 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 280px;
  min-height: 280px;
  padding: 10px;
  display: flex;
  height: 250px;
  min-height: 250px;
  transition: 0.4s ease-in-out;
}

.blog-box-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
}

.blog-info-text.date {
  color: #666;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-right: 0;
  font-size: 13px;
  line-height: 21px;
  display: flex;
}

.blog-upper-wrapper {
  border-bottom: 1px solid #999;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.blog-info {
  color: #999;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.blog-info-par {
  color: #333;
  height: 108px;
  margin-right: 0;
  font-weight: 400;
}

.author-image {
  background-color: #76c045;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 1px;
  display: flex;
  overflow: clip;
}

.blog-info-text.author {
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
  font-size: 13px;
  display: flex;
}
.blog-info-text {
  margin-right: 10px;
}

.author-icon {
  color: #999;
  background-color: #76c045;
  background-image: url(../images/author-img.jpg);
  background-position: 53% 22%;
  background-repeat: no-repeat;
  background-size: 340%;
  border-radius: 100px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  line-height: 15px;
}

.blog-button {
  color: #000;
  background-color: #faf8f700;
  border: 1px solid #fee5b6;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
  transition: 0.3s ease-in-out;
}

.icon.blogbtn {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-left: 10px;
}

.blog-page-image._1 {
  background-image: url(../images/blog-img-gps1.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  min-height: 250px;
  overflow: clip;
}

.blog-page-image._2 {
  background-image: url(../images/blog-img-gps2.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  min-height: 250px;
}

.blog-page-image._3 {
  background-image: url(../images/blog-img-gps3.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  min-height: 250px;
}

/* Services pages */
.hero-new.inside-hero.service {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/services-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content.hero-inside-arrow.service-arrow {
  background-position: 100%;
  background-size: cover;
  width: 450px;
}

.content-box.new-career {
  width: 47%;
}

.horixaontal-line {
  background-color: #eee;
  width: 2px;
  height: auto;
}

.new-career-box-flex {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.c-box {
  background-color: #f5f5f500;
  border-bottom: 1px solid #eee;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  padding: 20px 20px 20px 0;
  display: flex;
}

.c-box.last {
  border-bottom-style: none;
}

.c-box-icon {
  background-color: #fee5b68f;
  border-radius: 9px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 7px;
}

.c---info-box {
  flex-flow: column;
  display: flex;
}

.c-title {
  margin-bottom: 10px;
  font-size: 20px;
}

.c--info-par {
  text-align: left;
  height: auto;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 25px;
}

.career-icon {
  width: 100%;
  height: 100%;
}

.services-box.service-page {
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 32%;
  height: auto;
  padding: 30px 20px;
  transform-style: preserve-3d;
  will-change: transform;
}

.content-heading {
  width: 100%;
}

.content-heading.mid-service-sect {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}

.hero-new.inside-hero.general-careers-service {
  background-image: linear-gradient(90deg, #fff, #fff0 26%),
    url(../images/general-careers-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-new.inside-hero.career-service {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/education-careers-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-new.inside-hero.retail-career-service {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/retail-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

/* Blog Single pages */
.back-arrow-icon {
  transition: 0.3s ease-in-out;
}
.back:hover .back-arrow-icon {
  transform: translateX(-5px);
}
.hero-new.inside-hero.blogs-1 {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/blog1-hero-gps.webp);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content.hero-inside-arrow.blog-arrow {
  background-image: url(../images/inner-infobox-img.png);
  width: 56%;
}

.b-inside-content-box.conclusion-box {
  background-color: #fdd07b1c;
  border: 1px solid #fdd07b;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 30px 30px 0;
  display: flex;
}

.b-inside-content-box.conclusion-box.b30-margin {
  color: #000;
  background-color: #fdd07b1c;
  background-image: none;
  border: 1px solid #fdd07b;
  margin-bottom: 30px;
}

.b-inside-content-box {
  width: 100%;
}

.bold-accent {
  vertical-align: baseline;
  padding: 0;
  font-size: 30px;
  font-weight: 900;
  line-height: 50px;
  display: inline-block;
}

.top-heading {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.back {
  color: #333;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.back-arrow-icon {
  background-color: #fee5b6;
  border-radius: 100px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-right: 10px;
  padding: 4px;
  line-height: 1;
}

.inside-blog-image-box {
  background-image: url(../images/blog1-featured-img-gps.jpg);
  background-position: 50%;
  background-size: cover;
  border-radius: 25px;
  width: 100%;
  min-height: 450px;
  margin-bottom: 30px;
}

.tag-box-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.tag-box {
  border: 1px solid #fee5b6;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 10px 20px;
  display: flex;
}

.tag-box:hover {
  background-color: #fee5b6;
}

.blog-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-right: 20px;
}

.hr-box-info {
  text-align: left;
  border: 1px #eff0f6;
  border-bottom-style: solid;
  border-radius: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 20px 20px 0px 0;
  font-weight: 700;
  display: flex;
  height: 75px;
}

.two-col-wrap {
  column-count: 2;
  column-gap: 30px;
  margin-bottom: 30px;
}

.two-col-wrap .accordion-item {
  column-inside: avoid-column;
  break-inside: avoid-column;
}

.employers-accordion .accordion-button {
  height: 70px;
}

.brix---accordion-big-number {
  color: #fdd07b;
  justify-content: space-between;
  align-items: flex-start;
  width: 35px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.blogs-accordion .brix---accordion-title strong {
  font-weight: 400 !important;
}

.blogs-accordion .accordion-body {
  padding-left: 50px;
  padding-bottom: 20px;
}

.hero-new.inside-hero.blogs-2 {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/blog2-page-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.inside-blog-image-box.wfyh {
  background-image: url(../images/blog2-featured-img-gps.jpg);
  background-position: 50% 10%;
}

.brix---mg-bottom-0 {
  color: #333;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.hero-new.inside-hero.blogs-3 {
  background-image: linear-gradient(90deg, #fff, #fff0 40%),
    url(../images/blog3-page-hero-gps.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.inside-blog-image-box.fns {
  background-image: url(../images/blog3-featured-img-gps.jpg);
  background-position: 50%;
}