/* screen - hrq */

.hrq {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  /* height: 3230px; */
  overflow: hidden;
  width: 100%;
}

.hrq .group-1597883532 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  /* margin-left: -9px; */
  margin-top: 1.39vw;
  min-height: 73px;
  width: 100%;
}

.hrq .group-1597883447 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.hrq .screenshot-2025-02-10-120027-2 {
  height: 4.93vw;
    object-fit: contain;
    width: 7.92vw;
}

.hrq .group-1597883529 {
  align-items: center;
  display: flex;
  height: 28px;
  margin-left: 17vw;
  margin-top: 0.86px;
  min-width: 488px;
  padding: 1px 16px;
}

.hrq .text {
  color: #2d2d2d;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 48px;
  position: relative;
  white-space: nowrap;
}
.hrq .tab {
  margin-left: 0;
}
.hrq .tab-1 {
  padding-top: 0;
}
.hrq .text-1 {
  color: #161616e6;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 24px;
  margin-top: 0;
  letter-spacing: 0;
  line-height: 24px;
  /* margin-left: 40px; */
  min-width: 76px;
  position: relative;
  white-space: nowrap;
}

.hrq .text-2 {
  color: var(--willow-grove);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 39px;
  min-width: 69px;
  position: relative;
  white-space: nowrap;
}

.hrq .text-3 {
  color: #2d2d2d;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 37px;
  min-width: 71px;
  position: relative;
  white-space: nowrap;
}

.hrq .text-4 {
  color: #161616e6;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 39px;
  min-width: 37px;
  position: relative;
  white-space: nowrap;
}

.hrq .link {
  align-items: center;
    background-color: var(--willow-grove);
    border-radius: 22.41vw;
    display: flex;
    gap: 0.83vw;
    height: 2.99vw;
    justify-content: flex-end;
    margin-bottom: 0.01vw;
    margin-left: 13.61vw;
    min-width: 11.39vw;
    padding: 0.28vw 0.42vw;
}

.hrq .contact-us {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 14.9px;
  font-weight: 600;
  height: 0.76vw;
  letter-spacing: 0;
  line-height: 1.38vw;
  margin-bottom: 0.11vw;
  text-align: center;
  white-space: nowrap;
  width: 6.18vw;
}

.hrq .background-border {
  align-self: flex-end;
  height: 2.36vw;
  width: 2.36vw;
}

.hrq .line-37 {
  height: 1px;
  width: 1440px;
}

.hrq .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* margin-left: -160px; */
  min-height: 2009px;
  width: 100%;
}

.hrq .hrq_banner-1png {
  background-image: url(../img/case_studies/hrq-banner-1-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 370px;
  width: 1440px;
}

.hrq .container-1 {
  align-items: center;
  display: flex;
  gap: 51px;
  margin-top: 30px;
  min-width: 1200px;
}

.hrq .hrq-a-leading-recru {
  height: 215px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 23.0px;
  width: 458px;
}

.hrq .container-2 {
  background-image: url(../img/case_studies/hrq-800x430-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 372px;
  width: 691px;
}

.hrq .container-3 {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  height: 465px;
  margin-top: 66px;
  min-width: 1200px;
}

.hrq .tcba_card-600x400jpg {
  background-image: url(../img/case_studies/tcba-card-600x400-jpg.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 384px;
  margin-bottom: 20.01px;
  width: 576px;
}

.hrq .container-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0px;
  min-height: 445px;
  width: 576px;
}

.hrq .heading-2-the-challenges {
  margin-top: -2px;
}

.hrq .while-growing-the-bu {
  height: 359px;
  letter-spacing: 0;
  line-height: 24px;
  width: 573px;
}

.hrq .background {
  align-items: center;
  background-color: #667a5433;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  min-height: 760px;
  padding: 30.0px 0;
  width: 1920px;
}

.hrq .heading-2-the-solution {
  margin-left: 44.0px;
  margin-top: 9px;
  text-align: center;
  width: 192px;
}

.hrq .g-s-bitlaabs-built-a {
  height: 71px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 0.19px;
  margin-top: 32px;
  text-align: center;
  width: 1156px;
}

.hrq .list-container {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  margin-top: 22px;
  min-width: 1200px;
}

.hrq .list {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-height: 480px;
  padding: 0 4.1px;
  width: 576px;
}

.hrq .overlap-group-1 {
  height: 47px;
  margin-right: 4.3px;
  margin-top: -1px;
  position: relative;
  width: 528px;
  margin-bottom: 10px;
}

.hrq .symbol {
  height: 24px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 8px;
}

.hrq .strong-attendance {
  height: 47px;
  width: 528px;
}

.hrq .overlap-group1 {
  height: 119px;
  margin-right: 4.83px;
  position: relative;
  width: 527px;
  margin-bottom: 10px;
}

.hrq .strong-recruitment {
  height: 119px;
  width: 527px;
}

.hrq .overlap-group2 {
  height: 119px;
  margin-right: 1.6px;
  position: relative;
  width: 530px;
  margin-bottom: 10px;
}

.hrq .strong-assessing-r {
  height: 119px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 530px;
}

.hrq .overlap-group3 {
  height: 71px;
  margin-right: 8.44px;
  position: relative;
  width: 523px;
  margin-bottom: 10px;
}

.hrq .strong-driver-logbook {
  height: 71px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 523px;
}

.hrq .overlap-group4 {
  height: 119px;
  position: relative;
  width: 532px;
}

.hrq .strong-exchange {
  height: 119px;
  width: 532px;
}

.hrq .list-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-height: 480px;
  padding: 0 0.7px;
  width: 576px;
}

.hrq .overlap-group-2 {
  align-self: center;
  height: 47px;
  margin-left: 22.22px;
  margin-top: -1px;
  position: relative;
  width: 518px;
  margin-bottom: 10px;
}

.hrq .strong-login-multiple-users {
  height: 47px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 518px;
}

.hrq .overlap-group1-1 {
  height: 95px;
  margin-right: 0.86px;
  position: relative;
  width: 534px;
  margin-bottom: 10px;
}

.hrq .strong-employees-payroll {
  height: 95px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 534px;
}

.hrq .overlap-group2-1 {
  align-self: center;
  height: 119px;
  margin-left: 23.39px;
  position: relative;
  width: 519px;
  margin-bottom: 10px;
}

.hrq .strong-temporary-staff-enrollment {
  height: 119px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 519px;
}

.hrq .overlap-group3-1 {
  height: 71px;
  margin-right: 7.94px;
  position: relative;
  width: 527px;
  margin-bottom: 10px;
}

.hrq .strong-managing-users-and-approvals {
  height: 71px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 527px;
}

.hrq .overlap-group4-1 {
  height: 143px;
  position: relative;
  width: 535px;
}

.hrq .strong-third-party {
  height: 143px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 535px;
}

.hrq .group-1597883524 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 80px;
  /* margin-top: 82px; */
  /* min-height: 1013px; */
  width: 100%;
}

.hrq .group-1597883384 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 66px;
  min-height: 433px;
  width: 1558px;
}

.hrq .group-1597883383 {
  align-items: flex-start;
  display: flex;
  gap: 199px;
  height: 81px;
  min-width: 1204px;
}

.hrq .group-1597883381 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-bottom: 0;
  min-height: 81px;
  width: 840px;
}

.hrq .title {
  color: var(--black);
  font-family: var(--font-family-unbounded);
  font-size: 42.5px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  min-height: 32px;
  white-space: nowrap;
}

.hrq .we-value-our-custome {
  color: #3e3e3e;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 26.5px;
  min-height: 15px;
  min-width: 661px;
  text-align: right;
  white-space: nowrap;
}

.hrq .group-1597883382 {
  height: 54px;
  width: 165px;
}

.hrq .group-1597883380 {
  align-items: flex-end;
  display: flex;
  height: 286px;
  min-width: 1558px;
}

.hrq .group-container-1 {
  align-self: flex-start;
  height: 285px;
  margin-top: -0.37px;
  position: relative;
  width: 285px;
}

.hrq .overlap-group1-2 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-21.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.hrq .vector {
  margin-right: 35.62px;
  margin-top: 30px;
}

.hrq .overlap-group {
  align-items: flex-start;
  background-color: var(--vida-loca);
  border-radius: 14.19px;
  display: flex;
  height: 166px;
  min-width: 268px;
  padding: 15.9px 6.4px;
}

.hrq .the-team-delivered-a {
  letter-spacing: 0;
  line-height: 22.3px;
  min-height: 134px;
  width: 255px;
}

.hrq .group-1597883375 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  left: 15px;
  min-height: 57px;
  position: absolute;
  top: 34px;
  width: 137px;
}

.hrq .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 43px;
  width: 141px;
}

.hrq .name {
  letter-spacing: -0.19px;
  line-height: 19.6px;
  min-height: 20px;
  min-width: 137px;
  text-align: center;
  white-space: nowrap;
}

.hrq .executive-engineer {
  letter-spacing: -0.11px;
  line-height: 19.6px;
  min-height: 20px;
  min-width: 101px;
  text-align: center;
  white-space: nowrap;
}

.hrq .frame-1 {
  height: 13px;
  position: relative;
  width: 76px;
}

.hrq .group-container {
  height: 285px;
  margin-bottom: -0.37px;
  margin-left: 33px;
  position: relative;
  width: 285px;
}

.hrq .overlap-group1-3 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-22.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.hrq .overlap-group1-4 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-23.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.hrq .overlap-group1-5 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-24.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.hrq .group-1261153125-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: 0;
  min-height: 43px;
  width: 141px;
}

.hrq .group-container-2 {
  height: 284px;
  margin-bottom: 0;
  margin-left: 34px;
  position: relative;
  width: 284px;
}

.hrq .group-1000009609 {
  align-items: flex-end;
  display: flex;
  gap: 50755px;
  height: 284px;
  left: 0;
  min-width: 284px;
  position: absolute;
  top: 0;
}

.hrq .vector-1 {
  margin-bottom: -600.32px;
  margin-left: -50802px;
}

.hrq .overlap-group1-6 {
  height: 285px;
  margin-bottom: -0.37px;
  position: relative;
  width: 277px;
}

.hrq .rectangle-5329 {
  height: 285px;
  left: 0;
  position: absolute;
  top: 0;
  width: 77px;
}

.hrq .overlap-group-3 {
  align-items: flex-start;
  background-color: var(--vida-loca);
  border-radius: 14.19px;
  display: flex;
  height: 166px;
  left: 9px;
  min-width: 268px;
  padding: 15.9px 6.4px;
  position: absolute;
  top: 112px;
}

.hrq .frame-1-2 {
  height: 13px;
  position: relative;
  width: 61px;
}

.hrq .frame-1597884231 {
  align-items: flex-end;
  background-color: #edf1f5;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 500px;
  padding: 2.99vw 6.04vw;
  width: 100.0vw;
}

.hrq .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 0;
  justify-content: space-between;
  /* margin-right: 8px; */
  margin-top: 11px;
  width: 85.49vw;
}

.hrq .group-1597883445 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 329px;
  width: 454px;
}

.hrq .screenshot-2025-02-10-120027-2-1 {
  height: 159px;
  object-fit: contain;
  width: 255px;
}

.hrq .contact-us-today-to {
  color: #272727;
  font-weight: 500;
  line-height: 25.2px;
  margin-top: 22px;
  min-height: 50px;
  width: 452px;
}

.hrq .frame-1000004986 {
  height: 36px;
  margin-top: 62px;
  position: relative;
  width: 168px;
}

.hrq .frame-1321314611 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 84px;
  height: 356px;
  position: relative;
  width: 508px;
}

.hrq .frame-1321314628 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.hrq .get-a-free-consultation {
  align-self: stretch;
  color: #121212;
  font-family: var(--font-family-unbounded);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.hrq .frame-1321314625 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 100%;
}

.hrq .text-field {
  align-items: center;
  background-color: #f4f4f4;
  border: 0.5px solid;
  border-color: var(--black);
  border-radius: 40px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  height: 56px;
  padding: 16px 24px;
  position: relative;
}

.hrq .icons-email {
  height: 24px;
  position: relative;
  width: 24px;
}

.hrq .enter-your-email-to-get-started {
  color: #64748b;
  flex: 1;
  font-weight: 500;
  line-height: 14.4px;
  position: relative;
}

.hrq .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 80px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 6px 8px 6px 24px;
  position: relative;
}

.hrq .get-started {
  color: var(--white);
  font-weight: 700;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.hrq .arrow {
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 80px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  position: relative;
}

.hrq .iconsarrow-up-right {
  height: 20px;
  position: relative;
  width: 20px;
}

.hrq .frame-1321314623 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.hrq .frame-1-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.hrq .isolation_-mode {
  height: 40px;
  position: relative;
  width: 40px;
}

.hrq .nav-list-item-link-contacts {
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.hrq .icon {
  height: 40px;
  position: relative;
  width: 40px;
}

.hrq .isolation_-mode-1 {
  height: 40px;
  position: relative;
  width: 40px;
}

.hrq .overlap-group7 {
  height: 22px;
  position: relative;
  width: 86.18vw;
}

.hrq .line-38 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
}

.hrq .frame-1597884275 {
  align-items: flex-start;
    background-color: #edf1f5;
    display: flex;
    justify-content: flex-end;
    left: 26.03vw;
    min-width: 26.39vw;
    padding: 0 0.69vw;
    position: absolute;
    top: 0;
}

.hrq .copyright-g-s-bitl {
  color: var(--willow-grove);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 500;
  height: 22px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1px;
  min-width: 355px;
  text-align: center;
  white-space: nowrap;
}

.hrq .heading-2-the {
  color: #101010;
  font-family: var(--font-family-unbounded);
  font-size: 24px;
  font-weight: 500;
  height: 33px;
  letter-spacing: 0;
  line-height: 33.6px;
  white-space: nowrap;
}

.hrq .strong {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
}

.hrq .vector-2 {
  height: 36px;
  width: 47px;
}