:root {
  --black: #20201e;
  --h1\<deleted\|variable-35946e1d-e1cb-b8c8-c24c-a9182b410ba6\>: 64px;
  --dark-purple: #31007a;
  --purple: #3f019c;
  --white: white;
  --light-grey: #f4f5f9;
  --dark-blue: #45527a;
  --soft-purple: #e5e3f3;
  --light-purple: #a699eb;
  --white-10: #ffffff1a;
  --soft-purple-40: #e5e3f333;
  --white-40: #fff6;
  --light-blue: #c6cfe3;
  --orange: #d84316;
  --orange-20: #ff9a7c4a;
  --flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>: #160042;
  --flowui-component-library--gray-400\<deleted\|variable-d727af8f\>: #b6b9ce;
  --flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>: #e4e6f1;
  --flowui-component-library--primary-base\<deleted\|variable-2d1581e5\>: #642eff;
  --flowui-component-library--gray-500\<deleted\|variable-2268f126\>: #6b7094;
  --flowui-component-library--gray-800\<deleted\|variable-36758165\>: #1b114a;
  --flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>: #f3f5fb;
  --flowui-component-library--primary-dark\<deleted\|variable-146745c6\>: #2d0896;
  --memberstack-library--ms-border-color: #12133140;
  --memberstack-library--ms-shadow-color: #0000001a;
  --memberstack-library--ms-main-text-color: #121331;
  --memberstack-library--ms-main-cta-color: #2962ff;
  --memberstack-library--ms-input-placeholder: #12133199;
  --flowui-component-library--white: white;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #20201e;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  color: var(--black);
  font-size: var(--h1\<deleted\|variable-35946e1d-e1cb-b8c8-c24c-a9182b410ba6\>);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 64px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
}

.container {
  max-width: 1300px;
  padding-top: 0;
}

.h1 {
  letter-spacing: -3px;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
}

.paragraph {
  color: var(--black);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-bottom: 0;
  line-height: 150%;
  display: block;
}

.paragraph.italic-bold {
  text-align: center;
  font-style: italic;
  font-weight: 600;
}

.paragraph.center {
  margin-left: auto;
  margin-right: auto;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 420px;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-3.margin-bottom-l {
  grid-template-columns: 2fr 1fr 1fr;
  justify-content: space-between;
  place-items: flex-start center;
  display: flex;
}

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

.image {
  border-radius: 40px;
}

.padding-wrapper {
  padding-left: 3%;
  padding-right: 3%;
}

.margin-bottom-l {
  margin-bottom: 96px;
}

.margin-bottom-m {
    padding-bottom: 56px;
}

.margin-bottom-s {
    padding-bottom: 24px;
}

.text-italic {
  color: var(--dark-purple);
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
}

.primary-button {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 24px;
  padding: 13px 24px 14px;
}

.primary-button:hover {
  background-color: var(--dark-purple);
}

.h2 {
  color: var(--black);
  text-align: left;
  letter-spacing: -2px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 110%;
}

.heading-who-choose {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.whychooseus {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 140px;
  padding-bottom: 140px;
}

.card {
  background-color: var(--light-grey);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 280px;
  max-height: none;
  padding: 32px;
  display: flex;
}

.h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.h4.white {
  color: var(--white);
}

.card-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.card-content.margin-bottom-xs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-s {
  border-radius: 0;
  margin: 0;
  font-size: 14px;
}

.text-s.tagscolor-text {
  color: var(--dark-blue);
}

.tag {
  background-color: var(--soft-purple);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px 4px;
  display: flex;
}

.container-2 {
  max-width: 1300px;
}

.margin-bottom-xs {
  padding-bottom: 32px;
}

.how-to-find-work {
  background-color: var(--black);
  border-radius: 40px;
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-3 {
  max-width: 1300px;
}

.content {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.text-span {
  color: var(--light-purple);
}

.paragraph-white {
  color: var(--white);
  max-width: none;
  margin-bottom: 0;
  line-height: 150%;
}

.paragraph-white.full {
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  display: block;
}

.card-white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-10);
  background-color: var(--white-10);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  min-height: 220px;
  padding: 24px;
  display: flex;
}

.card-purple {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--light-purple);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 320px;
  min-height: auto;
  padding: 24px;
  display: flex;
}

.flex-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.div-block-8 {
  border-radius: 24px;
  max-width: 800px;
}

.image-5 {
  border-radius: 24px;
  overflow: clip;
}

.div-block-9 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
                 "Area"
                 "."
                 / 400px;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider {
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-4 {
  max-width: 1300px;
  padding-bottom: 140px;
}

.div-block-11 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  max-width: 780px;
}

.flex-block-2.emploee {
  max-width: 600px;
}

.paragraph-m {
  color: var(--black);
  max-width: 420px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
}

.paragraph-m.center {
  text-align: center;
  max-width: 530px;
  line-height: 150%;
}

.img-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: flex-start;
  min-width: 100%;
  min-height: 360px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: static;
  left: -718px;
}

.image-loop {
  border-radius: 16px;
  height: 320px;
}

.image-loop._1, .image-loop._3, .image-loop._4, .image-loop._6, .image-loop._7 {
  object-fit: cover;
  width: 240px;
  margin-right: 20px;
}

.image-loop._8 {
  object-fit: cover;
  width: 240px;
}

.talents {
  background-color: var(--black);
  border-radius: 40px;
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-5 {
  max-width: 1300px;
}

.cards-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 320px 320px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 140px;
  display: grid;
}

.card-big {
  background-image: linear-gradient(#fff0 9%, #000), url('/assets/img/Developer-work.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 24px;
  display: flex;
}

.div-block-12 {
  background-color: var(--light-purple);
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 24px;
  display: flex;
}

.div-block-13 {
  border: 1px solid var(--white-10);
  background-color: var(--white-10);
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 24px;
  display: flex;
}

.div-block-14 {
  background-color: var(--white);
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 24px;
  display: flex;
}

.content-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: 640px;
}

.h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
}

.container-6 {
  max-width: 1300px;
}

.accordion-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 680px;
  min-width: auto;
  max-width: none;
  display: flex;
}

.div-block-15 {
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.accordion {
  border: 1px solid var(--white-10);
  border-radius: 16px;
  width: 680px;
  min-width: auto;
}

.accordion:hover {
  border-color: var(--white-10);
}

.accordion-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 680px;
  min-width: auto;
  padding: 32px;
  display: flex;
}

.accordion-header:hover {
  border: 1px none var(--white-10);
  border-radius: 0;
}

.accordion-panel {
  opacity: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 680px;
  min-width: auto;
  height: auto;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: none;
  overflow: visible;
}

.image-6 {
  color: var(--white);
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.accordion-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.paragraph-xl {
  color: var(--white);
  font-size: 24px;
  line-height: 140%;
}

.people-img {
  background-image: url('/assets/img/people_.webp');
  background-position: 50%;
  background-size: cover;
  min-height: 200px;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  flex-flow: row;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: var(--black);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover, .nav-link:focus {
  color: var(--dark-purple);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.mobile-margin-top-10 {
  list-style-type: none;
}

.nav-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.outline-button {
  border: 1px solid var(--purple);
  color: var(--purple);
  background-color: #3898ec00;
  border-radius: 24px;
  padding: 12px 24px 13px;
}

.outline-button:hover {
  border-color: var(--dark-purple);
  background-color: var(--dark-purple);
  color: var(--white);
}

.blure {
  display: none;
}

.text-span-2 {
  font-style: italic;
  font-weight: 700;
}

.footer-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-9 {
  width: 240px;
}

.footer-link {
  color: var(--white);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--light-purple);
}

.footer-link-block, .terms-footer-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.email-link {
  color: var(--white);
  text-decoration: none;
}

.email-link:hover {
  color: var(--light-purple);
}

.image-10 {
  width: 16px;
  max-width: none;
}

.copyright {
  color: var(--white);
  font-size: 14px;
  font-weight: 300;
}

.section-footer {
  background-color: var(--black);
  padding-top: 80px;
  padding-bottom: 24px;
}

.email {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.content-footer {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.content-footer.margin-bottom-l {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.links-footer-block-mb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.hero-employers {
  padding-top: 60px;
}

.heading {
  max-width: 740px;
}

.heading-talent {
  max-width: 640px;
}

.how-it-works-employers {
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-8 {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.heading-how-it-works {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.why-employers-trust-hiddencv {
  max-width: 1300px;
}

.text-span-3 {
  color: var(--light-purple);
}

.cards-in-line {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 80px;
  display: grid;
}

.card-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--white-10);
  background-color: var(--white-10);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 200px;
  padding: 32px;
  display: flex;
}

.success-fee {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--light-purple);
  border-radius: 24px;
  flex-flow: column;
  padding: 80px 140px;
  display: flex;
}

.content-succes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 460px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.succes-sards-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.card-succes {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-10);
  background-color: var(--white-10);
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 180px;
  padding: 24px;
  display: flex;
}

.accent-big {
  min-height: 0;
  padding: 0;
  font-size: 56px;
  line-height: 110%;
}

.flex-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: 640px;
}

.text-span-4 {
  color: var(--light-purple);
}

.anchor-scroll {
  z-index: 999;
  background-color: var(--light-purple);
  border-radius: 20px;
  width: 2rem;
  height: 2rem;
  margin-bottom: 3%;
  margin-right: 1%;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: visible;
}

.anchor-scroll:hover {
  background-color: var(--light-purple);
}

.image-11 {
  border: 2px none var(--dark-purple);
  background-color: var(--white-40);
  border-radius: 50px;
  width: 2rem;
  max-width: none;
  height: 2rem;
  margin-bottom: 0%;
  margin-right: 0%;
  position: static;
  inset: auto 0% 0% auto;
}

.ancor {
  display: none;
  position: absolute;
  top: -25px;
  overflow: visible;
}

.ancor-emploee {
  display: none;
  position: absolute;
}

.center {
  text-align: center;
}

.paragraph-2 {
  color: var(--white);
}

.div-block-16 {
  max-width: 640px;
}

.div-block-17 {
  max-width: 320px;
}

.white {
  color: var(--white);
}

.div-block-18 {
  background-image: url('/assets/img/Abstract-blurred-portrait.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px;
  min-height: 640px;
}

.div-block-19 {
  background-image: url('/assets/img/Anonymous-profile-concept.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px;
  min-height: 640px;
}

.svg, .svg-2, .svg-3, .svg-4, .svg-5 {
  color: var(--white);
}

.sign-up-form {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container-9 {
  max-width: 1300px;
}

.div-block-20 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.form-block {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.text-field {
  border: 1px solid var(--light-blue);
  color: var(--black);
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 16px;
}

.text-field:hover, .text-field:focus {
  border-color: var(--dark-purple);
}

.text-field.error {
  border-color: var(--orange);
  margin-bottom: 0;
}

.text-field-2 {
  min-height: 48px;
}

.field-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.form {
  flex-flow: column;
  display: flex;
}

.div-block-21 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.button {
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 24px 13px;
  display: block;
}

.link-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block {
  line-height: 20%;
  text-decoration: none;
}

.button-google {
  grid-column-gap: 12px;
  border: 1px solid var(--purple);
  color: var(--purple);
  background-color: #0000;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 13px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s, box-shadow .2s;
  display: flex;
}

.button-google:hover {
  opacity: .8;
  box-shadow: 0 1px 20px #0000001a;
}

.paragraph-3 {
  color: var(--purple);
  font-size: 18px;
}

.image-12 {
  width: 24px;
  max-width: none;
}

.button-2 {
  background-color: #897761;
  border-radius: 50px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: box-shadow .2s;
}

.button-2.social {
  grid-column-gap: 13px;
  color: #3a0103;
  background-color: #fff;
  border: 1px solid #897761;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 0;
  transition: box-shadow .2s;
  display: flex;
}

.link {
  color: var(--purple);
  text-decoration: none;
}

.div-block-22 {
  background-image: url('/assets/img/people_.webp');
  background-position: 50%;
  background-size: cover;
}

.margin-up {
  margin-top: 16px;
}

.text-button {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
}

.error-message {
  background-color: var(--orange);
  border-radius: 24px;
}

.text-block-2 {
  color: var(--white);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.div-block-23 {
  background-color: var(--orange-20);
}

.container-10 {
  max-width: 1300px;
}

.div-block-24 {
  max-width: 100%;
}

.div-block-25 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: var(--soft-purple);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 60px;
  display: flex;
}

.div-block-26 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-13 {
  width: 24px;
}

.text-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.image-14 {
  max-width: 100%;
}

.container-11 {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.section-2 {
  background-color: var(--soft-purple);
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-27 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 100%;
  display: flex;
}

.div-block-27.margin-bottom-m {
  max-width: none;
}

.form-label {
  font-weight: 600;
  line-height: 140%;
}

.flex-block-5 {
  justify-content: space-between;
  align-items: center;
}

.div-block-28 {
  max-width: 600px;
}

.forms-text-field {
  border: 1px solid var(--light-blue);
  color: var(--black);
  border-radius: 8px;
  align-self: center;
  min-width: 0;
  max-width: 420px;
  margin-bottom: 0;
}

.forms-text-field:hover {
  border-color: var(--dark-purple);
}

.field-label-2 {
  color: var(--black);
  margin-bottom: 0;
  font-weight: 600;
  line-height: 140%;
}

.form-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.select-field {
  border: 1px solid var(--light-blue);
  background-color: var(--white);
  border-radius: 8px;
  max-width: 420px;
}

.container-12 {
  max-width: 130040px;
}

.error-text {
  color: var(--orange);
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
}

.section-3 {
  padding-top: 100px;
  padding-bottom: 140px;
}

.container-13, .container-14 {
  max-width: 1300px;
}

.h2-2 {
  color: #20201e;
  text-align: left;
  letter-spacing: -2px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 110%;
}

.div-block-29 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-30 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 160px;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 160px;
  grid-auto-columns: 1fr;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-31 {
  background-color: var(--soft-purple);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.div-block-31:hover {
  background-color: var(--light-purple);
}

.image-15 {
  width: 36px;
}

.image-16 {
  width: 40px;
}

.card-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--soft-purple);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.card-link:hover {
  background-color: var(--light-purple);
}

.image-17 {
  min-width: 0;
  max-width: none;
}

.f-field-label {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.01em;
  margin-bottom: 0;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.f-field-icon-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.f-field-wrapper {
  flex-direction: column;
  align-items: flex-start;
}

.f-field-icon-r {
  color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: auto 16px auto auto;
}

.f-field-input-icon-r {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  border-radius: 8px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  transition: all .25s;
}

.f-field-input-icon-r:focus {
  border-color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.f-field-input-icon-r::placeholder {
  color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.select-field-2 {
  border: 1px solid var(--light-blue);
  background-color: var(--white);
  color: var(--black);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  max-width: 420px;
  margin-bottom: 0;
  padding-right: 12px;
  display: block;
}

.select-field-2:hover {
  border-color: var(--purple);
  color: var(--dark-blue);
}

.select-field-2:focus {
  border-color: var(--dark-purple);
  color: var(--dark-blue);
}

.blure-2, .blure-3, .blure-4, .blure-5, .blure-6 {
  display: none;
}

.f-field-input {
  border: 1px solid var(--light-blue);
  color: var(--black);
  border-radius: 8px;
  max-width: 420px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 140%;
  transition: all .2s;
}

.f-field-input:hover {
  border-color: var(--purple);
}

.f-field-input:focus {
  border-color: var(--dark-purple);
}

.f-field-input::placeholder {
  color: var(--dark-blue);
  line-height: 140%;
}

.f-field-input.error {
  border-color: var(--orange);
}

.f-field-label-2 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.01em;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.form-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  margin-bottom: 16px;
  display: grid;
}

.f-dropdown {
  width: 100%;
  max-width: 420px;
  min-height: 48px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.f-dropdown-toggle {
  border: 1px solid var(--light-blue);
  background-color: var(--white);
  color: var(--black);
  border-radius: 8px;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  padding: 12px 16px;
  transition: border-color .3s;
  display: inline-block;
}

.f-dropdown-toggle:hover {
  border-color: var(--purple);
  outline-offset: 1px;
  mix-blend-mode: normal;
  outline: 2px #642eff1a;
}

.f-dropdown-toggle:focus {
  border-color: var(--dark-purple);
  color: var(--black);
}

.f-dropdown-toggle.w--open {
  border-color: var(--flowui-component-library--primary-base\<deleted\|variable-2d1581e5\>);
  outline-offset: 0px;
  outline: 2px solid #642eff1a;
}

.f-dropdown-toggle.error {
  border-color: var(--orange);
}

.f-dropdown-icon-l {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  margin-right: 16px;
  font-size: 14px;
}

.f-dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 12px;
  overflow: hidden;
  box-shadow: 34px 34px 88px #b1bac829;
}

.f-dropdown-link {
  color: var(--flowui-component-library--gray-800\<deleted\|variable-36758165\>);
  letter-spacing: -.01em;
  border-radius: 4px;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.f-dropdown-link:hover, .f-dropdown-link:focus {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
}

.f-dropdown-link.w--current {
  color: var(--flowui-component-library--primary-dark\<deleted\|variable-146745c6\>);
}

.f-dropdown-wrap {
  z-index: 999;
  background-color: #fff;
  height: auto;
  padding: 8px;
}

.f-paragraph-small {
  color: var(--dark-blue);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
}

.form-block-2 {
  max-width: 640px;
  margin-bottom: 48px;
}

.f-field-label-3 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.01em;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.f-field-icon-wrapper-2 {
  color: var(--dark-blue);
  align-items: center;
  display: flex;
  position: relative;
}

.f-field-wrapper-2 {
  border: 1px solid var(--light-blue);
  color: var(--black);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  min-height: 48px;
  line-height: 14%;
}

.f-field-icon-r-2 {
  color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: auto 16px auto auto;
}

.f-field-input-icon-r-2 {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  color: var(--black);
  border-radius: 8px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  transition: all .25s;
}

.f-field-input-icon-r-2:focus {
  border-color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.f-field-input-icon-r-2::placeholder {
  color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.ms-input {
  border: 1px solid var(--memberstack-library--ms-border-color);
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.ms-input::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.ms-input.ms-is-text-area {
  border-color: var(--light-blue);
  color: var(--black);
  border-radius: 8px;
  min-height: 140px;
  margin-bottom: 0;
  padding: 12px 16px;
  line-height: 140%;
}

.ms-input.ms-is-text-area:hover {
  border-color: var(--purple);
}

.ms-input.ms-is-text-area:focus {
  border-color: var(--dark-purple);
}

.ms-input-wrap {
  color: var(--black);
  flex-flow: column;
  width: 100%;
  max-width: 420px;
  padding: 0;
  line-height: 140%;
  display: flex;
  position: relative;
}

.ms-input-label {
  text-align: left;
  margin-bottom: 5px;
  font-size: .9em;
  font-weight: 600;
}

.f-checkbox-field {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.f-checkbox {
  border: 1px solid var(--light-blue);
  background-color: var(--flowui-component-library--white);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
}

.f-checkbox:hover {
  border-color: var(--purple);
}

.f-checkbox.w--redirected-checked {
  border-style: none;
  border-color: var(--dark-purple);
  background-color: var(--purple);
  color: var(--white);
  background-image: none;
  border-radius: 4px;
}

.f-checkbox.w--redirected-focus {
  box-shadow: none;
}

.flex-block-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.form-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
}

.ms-input-2 {
  border: 1px solid var(--memberstack-library--ms-border-color);
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input-2:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.ms-input-2::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.ms-input-2.ms-is-top {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -1px;
}

.ms-input-2.ms-is-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ms-input-2.ms-is-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 50%;
  margin-right: -1px;
}

.ms-input-2.ms-is-middle {
  border-radius: 0;
  margin-bottom: -1px;
}

.ms-input-2.ms-is-middle.ms-is-left {
  border-color: var(--light-blue);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 12px 16px;
}

.ms-input-2.ms-is-middle.ms-is-right {
  border-color: var(--light-blue);
  color: var(--dark-blue);
  border-radius: 8px 0 0 8px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
}

.ms-input-2.ms-is-middle.ms-is-right:hover {
  border-color: var(--purple);
}

.ms-input-2.ms-is-middle.ms-is-right:focus {
  border-color: var(--dark-purple);
}

.ms-input-2.ms-is-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 50%;
}

.ms-input-outer {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.ms-input-wrap-2 {
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input-label-2 {
  text-align: left;
  margin-bottom: 5px;
  font-size: .9em;
  font-weight: 600;
}

.ms-input-middle-row {
  width: 100%;
  display: flex;
}

.f-dropdown-2 {
  border: 1px solid var(--light-blue);
  background-color: var(--white);
  border-radius: 8px 0 0 8px;
  width: 100%;
  max-width: 240px;
  margin-left: 0;
}

.f-dropdown-2.left:hover {
  border-color: var(--purple);
}

.f-dropdown-2.left:focus {
  border-color: var(--dark-purple);
}

.f-dropdown-2.left.error {
  border-color: var(--orange);
}

.f-dropdown-2.right {
  border-color: var(--light-blue);
  border-radius: 0 8px 8px 0;
}

.f-dropdown-2.right:hover {
  border-color: var(--purple);
}

.f-dropdown-2.right:focus {
  border-color: var(--dark-purple);
}

.f-dropdown-2.right.error {
  border-color: var(--orange);
}

.f-dropdown-toggle-2 {
  border: 1px none var(--light-blue);
  color: var(--dark-blue);
  border-radius: 0 8px 8px 0;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  transition: border-color .3s;
  display: inline-block;
}

.f-dropdown-toggle-2:hover {
  border-color: var(--purple);
  outline-offset: 1px;
  outline: 2px solid #642eff1a;
}

.f-dropdown-toggle-2:focus {
  border-color: var(--dark-purple);
}

.f-dropdown-toggle-2.w--open {
  border-color: var(--flowui-component-library--primary-base\<deleted\|variable-2d1581e5\>);
  outline-offset: 0px;
  outline: 2px solid #642eff1a;
}

.f-dropdown-toggle-2.left {
  border-radius: 8px 0 0 8px;
}

.f-dropdown-toggle-2.left.error {
  border-color: var(--orange);
}

.f-dropdown-toggle-2.right {
  border-radius: 0 8px 8px 0;
}

.f-dropdown-icon-l-2 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  margin-right: 16px;
  font-size: 14px;
}

.f-dropdown-list-2 {
  background-color: #ddd0;
}

.f-dropdown-list-2.w--open {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 12px;
  overflow: hidden;
  box-shadow: 34px 34px 88px #b1bac829;
}

.f-dropdown-link-2 {
  color: var(--dark-blue);
  letter-spacing: -.01em;
  border-radius: 4px;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.f-dropdown-link-2:hover, .f-dropdown-link-2:focus {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
}

.f-dropdown-link-2.w--current {
  color: var(--flowui-component-library--primary-dark\<deleted\|variable-146745c6\>);
}

.f-dropdown-wrap-2 {
  z-index: 999;
  background-color: #fff;
  height: auto;
  padding: 8px;
  line-height: 140%;
}

.f-paragraph-small-2 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
}

.two-selectors {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.red {
  color: var(--orange);
}

.ms-input-3 {
  border: 1px solid var(--memberstack-library--ms-border-color);
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input-3:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.ms-input-3::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.ms-input-3.ms-has-left-dropdown {
  border-color: var(--light-blue);
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px 12px 80px;
  font-size: 16px;
  line-height: 140%;
  transition-property: none;
}

.ms-input-3.ms-has-left-dropdown:hover {
  border-color: var(--purple);
}

.ms-input-3.ms-has-left-dropdown:focus {
  border-color: var(--dark-purple);
}

.ms-input-3.ms-has-left-dropdown::placeholder {
  color: var(--dark-blue);
  font-size: 16px;
  line-height: 140%;
}

.ms-input-wrap-3 {
  padding: 0;
  display: flex;
  position: relative;
}

.ms-dropdown {
  z-index: 10;
  background-color: #0000;
  border: 0 solid #000;
  width: 70px;
  height: 40px;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  inset: 0% 6px 0% auto;
}

.ms-dropdown.ms-is-leading {
  z-index: 3;
  border: 1px none var(--light-blue);
  color: var(--dark-blue);
  border-radius: 0;
  width: 64px;
  height: 48px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 0;
  font-size: 16px;
  line-height: 140%;
  inset: 0%;
}

.ms-input-label-3 {
  text-align: left;
  margin-bottom: 5px;
  font-size: .9em;
  font-weight: 600;
}

.flex-block-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.div-block-33 {
  background-color: var(--purple);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 48px;
  max-width: none;
  height: 48px;
  max-height: none;
  padding: 0;
  display: flex;
}

.profile-button {
  background-color: var(--purple);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  line-height: 140%;
  display: flex;
}

.profile-button:hover {
  background-color: var(--dark-purple);
}

.list-item {
  display: none;
}

@media screen and (max-width: 991px) {
  .h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
  }

  .div-block-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-3.margin-bottom-l {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 56px;
  }

  .hero {
    padding-top: 40px;
  }

  .image {
    object-fit: cover;
    min-height: 460px;
  }

  .padding-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  .margin-bottom-l {
    margin-bottom: 80px;
  }

  .h2 {
    letter-spacing: -2px;
    font-size: 51px;
  }

  .cards {
    grid-template-columns: 1fr 1fr;
  }

  .whychooseus {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .h4 {
    font-size: 22px;
  }

  .card-picture {
    display: none;
  }

  .how-to-find-work {
    border-radius: 32px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content.margin-bottom-l {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-white {
    max-width: 540px;
  }

  .card-white, .card-purple {
    max-width: none;
  }

  .div-block-9 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .div-block-10 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .slider {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .container-4 {
    padding-bottom: 80px;
  }

  .img-container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-loop._6, .image-loop._7 {
    display: none;
  }

  .image-loop._8 {
    display: none;
    overflow: hidden;
  }

  .talents {
    border-radius: 32px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cards-block {
    grid-template-rows: 340px 340px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: 100px;
  }

  .h3 {
    font-size: 30px;
    line-height: 120%;
  }

  .accordion-wrapper {
    width: 100%;
  }

  .div-block-15 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
  }

  .accordion, .accordion-header, .accordion-panel {
    width: 100%;
  }

  .paragraph-xl {
    line-height: 140%;
  }

  .people-img {
    min-height: 260px;
  }

  .navbar-no-shadow-container {
    background-color: var(--white);
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: 32px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    min-height: 320px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: var(--dark-purple);
    background-color: #a6b1bf00;
  }

  .blure {
    background-color: var(--soft-purple-40);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    color: #000;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .content-footer, .content-footer.margin-bottom-l {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .hero-employers {
    padding-top: 40px;
  }

  .heading {
    max-width: 680px;
  }

  .heading-talent {
    max-width: 740px;
  }

  .how-it-works-employers {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-how-it-works.margin-bottom-l {
    max-width: 540px;
  }

  .heading-why-trust.margin-bottom-l {
    max-width: 640px;
  }

  .cards-in-line {
    box-sizing: content-box;
    aspect-ratio: auto;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    overflow: visible;
  }

  .card-line {
    min-width: 420px;
  }

  .succes-sards-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-succes {
    justify-content: center;
    align-items: center;
  }

  .div-block-18, .div-block-19 {
    min-height: 460px;
  }

  .sign-up-form {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block {
    color: var(--white);
    font-weight: 600;
    line-height: 140%;
    text-decoration: none;
  }

  .para {
    color: var(--purple);
    font-weight: 600;
    text-decoration: none;
  }

  .button-google {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-color: var(--purple);
    color: var(--purple);
    border-radius: 24px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 12px 24px 13px;
  }

  .paragraph-3 {
    color: var(--purple);
    align-self: auto;
    font-size: 16px;
  }

  .image-12 {
    width: 24px;
    max-width: 100%;
  }

  .div-block-25 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .div-block-26 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section {
    padding-top: 32px;
    padding-bottom: 56px;
  }

  .forms-text-field, .select-field {
    max-width: none;
  }

  .select-field:hover {
    border-color: var(--purple);
  }

  .select-field:focus {
    border-color: var(--dark-purple);
  }

  .section-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .h2-2 {
    letter-spacing: -2px;
    font-size: 51px;
  }

  .f-field-label {
    padding-top: 12px;
  }

  .blure-2, .blure-3, .blure-4, .blure-5, .blure-6 {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    color: #000;
    background-color: #e5e3f333;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .link {
    position: static;
  }

  .profile-button {
    display: none;
    overflow: visible;
  }

  .list-item {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .h1 {
    letter-spacing: -2px;
    overflow-wrap: normal;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
  }

  .div-block-3.margin-bottom-l {
    margin-bottom: 40px;
  }

  .padding-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  .margin-bottom-l {
    margin-bottom: 64px;
  }

  .h2 {
    font-size: 48px;
  }

  .h2.center, .h2.white {
    line-height: 120%;
  }

  .cards {
    grid-template-columns: 1fr;
  }

  .whychooseus {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .card {
    min-height: 240px;
    padding: 24px;
  }

  .h4 {
    font-size: 22px;
  }

  .card-picture {
    display: none;
  }

  .how-to-find-work {
    border-radius: 32px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-9 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .slider {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container-4 {
    padding-bottom: 80px;
  }

  .flex-block-2.emploee {
    max-width: 500px;
  }

  .image-loop._1 {
    width: 100%;
  }

  .image-loop._3 {
    display: none;
  }

  .image-loop._4 {
    vertical-align: baseline;
    display: none;
  }

  .talents {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cards-block {
    flex-flow: column;
    display: flex;
  }

  .card-big {
    min-height: 320px;
  }

  .div-block-12, .div-block-13, .div-block-14 {
    min-height: 240px;
  }

  .h3 {
    font-size: 28px;
  }

  .paragraph-xl {
    line-height: 140%;
  }

  .people-img {
    min-height: 240px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .nav-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .content-footer.margin-bottom-l {
    flex-flow: column;
  }

  .links-footer-block-mb {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .how-it-works-employers {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .success-fee {
    padding-left: 80px;
    padding-right: 80px;
  }

  .content-succes {
    margin-bottom: 8px;
  }

  .div-block-18 {
    min-height: 360px;
  }

  .div-block-19 {
    min-height: 400px;
  }

  .sign-up-form {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .margin-bottom-m {
    padding-bottom: 56px;
  }

  .div-block-25 {
    padding: 40px;
  }

  .section {
    padding-top: 24px;
    padding-bottom: 56px;
  }

  .section-3 {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .h2-2 {
    font-size: 48px;
  }

  .h2-2.center {
    line-height: 120%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-top: 0;
  }

  .h1 {
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 34px;
    font-weight: 700;
  }

  .paragraph {
    text-align: left;
    margin-bottom: 0;
    line-height: 150%;
  }

  .paragraph.center {
    text-align: center;
  }

  .div-block-3.margin-bottom-l {
    margin-bottom: 40px;
  }

  .hero {
    padding-top: 16px;
  }

  .image {
    border-radius: 16px;
    min-height: 420px;
  }

  .padding-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  .margin-bottom-l {
    margin-bottom: 48px;
  }

  .primary-button {
    text-align: center;
    align-self: auto;
  }

  .h2 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 114%;
  }

  .card {
    border-radius: 16px;
    padding: 24px 16px;
  }

  .h4 {
    font-size: 22px;
    line-height: 130%;
  }

  .card-content.margin-bottom-xs {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .tags {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .how-to-find-work {
    border-radius: 24px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .paragraph-white {
    line-height: 150%;
  }

  .card-white, .card-purple {
    border-radius: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-5 {
    aspect-ratio: auto;
    -webkit-text-fill-color: inherit;
    object-fit: cover;
    background-clip: border-box;
    border-radius: 16px;
    min-height: 220px;
  }

  .div-block-9 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-10 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .slider {
    padding-bottom: 60px;
    overflow: hidden;
  }

  .container-4 {
    padding-bottom: 80px;
  }

  .paragraph-m {
    font-size: 18px;
  }

  .paragraph-m.center {
    font-size: 18px;
    line-height: 150%;
  }

  .img-container {
    min-height: auto;
    max-height: 280px;
  }

  .image-loop._1 {
    height: auto;
    max-height: 280px;
    margin-right: 0;
  }

  .talents {
    border-radius: 24px;
  }

  .cards-block {
    flex-flow: column;
    grid-template: "." 340px
                   "." 340px
                   "."
                   "."
                   / 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 80px;
    display: flex;
  }

  .card-big {
    border-radius: 16px;
    min-height: 320px;
    padding: 24px 16px;
  }

  .div-block-12, .div-block-13, .div-block-14 {
    border-radius: 16px;
    min-height: 280px;
    padding: 24px 16px;
  }

  .content-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 130%;
  }

  .div-block-15 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .accordion-header {
    padding: 16px;
  }

  .accordion-panel {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-xl {
    font-size: 20px;
    line-height: 140%;
  }

  .people-img {
    min-height: 180px;
  }

  .nav-menu {
    background-color: var(--white);
    flex-direction: column;
    align-items: stretch;
    min-height: 280px;
    padding: 24px;
  }

  .nav-button-wrapper {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .outline-button {
    text-align: center;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-8 {
    max-width: 80%;
    padding-top: 4px;
  }

  .image-9 {
    width: 180px;
  }

  .footer-link-block, .terms-footer-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .section-footer {
    padding-top: 60px;
  }

  .content-footer, .content-footer.margin-bottom-l {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .links-footer-block-mb {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: flex-start;
  }

  .hero-employers {
    margin-top: 0;
    padding-top: 16px;
  }

  .how-it-works-employers {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cards-in-line {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 60px;
  }

  .card-line {
    border-radius: 16px;
    min-width: auto;
    padding: 24px 16px;
  }

  .success-fee {
    padding: 48px 24px;
  }

  .content-succes {
    max-width: none;
    margin-bottom: 0;
  }

  .card-succes {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 16px;
    height: 140px;
    padding: 16px;
  }

  .accent-big {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
  }

  .div-block-18 {
    border-radius: 24px;
    max-width: 1300px;
    min-height: 400px;
    max-height: none;
  }

  .div-block-19 {
    background-image: url('/assets/img/Anonymous-profile-concept.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 24px;
    max-width: 1300px;
  }

  .sign-up-form {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .margin-bottom-m {
    padding-bottom: 40px;
  }

  .button-google {
    justify-content: center;
    align-items: center;
  }

  .image-12 {
    width: 20px;
  }

  .text-button {
    letter-spacing: normal;
    margin-bottom: 0;
    font-size: 16px;
  }

  .div-block-25 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 16px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
  }

  .text-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
  }

  .section {
    padding-top: 16px;
    padding-bottom: 48px;
  }

  .section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-3 {
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .h2-2 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 114%;
  }

  .div-block-30 {
    grid-template-rows: 140px 140px;
    grid-template-columns: 1fr;
    grid-auto-rows: 140px;
  }

  .div-block-31 {
    justify-content: space-between;
    align-items: center;
  }

  .f-field-label {
    color: #160042;
    padding-top: 0;
  }

  .f-field-input {
    max-width: none;
    font-size: 16px;
  }

  .form-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .f-dropdown {
    max-width: none;
  }

  .f-paragraph-small {
    font-size: 16px;
  }

  .form-block-2 {
    max-width: none;
  }

  .ms-input {
    font-size: 12px;
  }

  .ms-input.ms-is-text-area {
    min-height: 140px;
    font-size: 16px;
  }

  .ms-input-wrap {
    max-width: none;
  }

  .ms-input-2 {
    font-size: 12px;
  }

  .f-dropdown-toggle-2.left, .f-dropdown-toggle-2.right {
    padding-left: 4px;
    padding-right: 4px;
  }

  .f-paragraph-small-2 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    display: block;
  }

  .ms-input-3 {
    font-size: 12px;
  }

  .flex-block-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }
}

#w-node-_32ac4da8-d478-f147-35eb-9f54eaa41e53-25d1d2bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8c43d49d-a05a-6c47-e79b-71da74f4bf7b-25d1d2bd, #w-node-c6d29744-ba0a-7b1d-41ab-5aae47c33cd7-25d1d2bd {
  place-self: center;
}

#w-node-_58a28f4c-f75a-e75c-c1a2-86d5ee1a1c6c-25d1d2bd {
  justify-self: end;
}

#w-node-e8d0d7b7-9361-0aac-94ac-cd3fb8793d5c-25d1d2bd {
  align-self: end;
}

#w-node-f75f1108-c931-0ee0-5a8a-3d1d4ba255dc-25d1d2bd {
  align-self: start;
}

#w-node-f49fb46c-717a-382f-7cc6-79e9bfdfdd49-25d1d2bd, #w-node-_4e13a862-c0eb-a17d-8b6a-d39e721d3cc0-25d1d2bd {
  align-self: end;
}

#w-node-a11a0ade-bd20-9f43-4fe2-6f247eb2aaf9-25d1d2bd {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_665aa91d-6376-e787-1388-84ef8d5e6849-25d1d2bd {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-eb39531a-e1a3-67cc-43d3-609e7b8d913b-166ca6d9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a4618872-94cf-7ab8-c4fd-60677fa05c29-166ca6d9, #w-node-a4618872-94cf-7ab8-c4fd-60677fa05c3b-166ca6d9 {
  place-self: center;
}

#w-node-_55216827-7364-56e2-5fad-9fdbb27525a8-166ca6d9 {
  align-self: end;
}

#w-node-_55216827-7364-56e2-5fad-9fdbb27525a9-166ca6d9 {
  align-self: start;
}

#w-node-_55216827-7364-56e2-5fad-9fdbb27525aa-166ca6d9, #w-node-_55216827-7364-56e2-5fad-9fdbb27525ac-166ca6d9 {
  align-self: end;
}

#w-node-_3a111db5-06eb-5c10-5528-b8221a020dc4-166ca6d9 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_3a111db5-06eb-5c10-5528-b8221a020dd6-166ca6d9 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_682f02a8-a8a4-4f97-c7ba-bdc3b72dda83-09940289 {
  place-self: center;
}

#w-node-d739637a-452e-5cdf-f287-ee9b82f7298c-09940289 {
  align-self: center;
}

#w-node-_682f02a8-a8a4-4f97-c7ba-bdc3b72dda83-cb648895 {
  place-self: center;
}

#w-node-_1ae450b5-d7c3-f932-223d-ae33a640ec96-cb648895 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_238311bb-baaa-b15c-f36d-e5a3e8f25032-25d1d2bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e8d0d7b7-9361-0aac-94ac-cd3fb8793d5c-25d1d2bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-f75f1108-c931-0ee0-5a8a-3d1d4ba255dc-25d1d2bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-f49fb46c-717a-382f-7cc6-79e9bfdfdd49-25d1d2bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-a11a0ade-bd20-9f43-4fe2-6f247eb2aaf9-25d1d2bd {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_8cf31aae-9fcc-d051-2f40-87ddeff87cce-25d1d2bd, #w-node-c035656c-8be7-8a7a-0b5d-d9524e89fc15-25d1d2bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_665aa91d-6376-e787-1388-84ef8d5e6849-25d1d2bd {
    grid-column: 3 / 5;
  }

  #w-node-_55216827-7364-56e2-5fad-9fdbb27525a8-166ca6d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_55216827-7364-56e2-5fad-9fdbb27525a9-166ca6d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_55216827-7364-56e2-5fad-9fdbb27525aa-166ca6d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dc4-166ca6d9 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dca-166ca6d9, #w-node-_3a111db5-06eb-5c10-5528-b8221a020dd0-166ca6d9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dd6-166ca6d9 {
    grid-column: 3 / 5;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e8d0d7b7-9361-0aac-94ac-cd3fb8793d5c-25d1d2bd {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #w-node-a11a0ade-bd20-9f43-4fe2-6f247eb2aaf9-25d1d2bd {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_8cf31aae-9fcc-d051-2f40-87ddeff87cce-25d1d2bd, #w-node-c035656c-8be7-8a7a-0b5d-d9524e89fc15-25d1d2bd {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_665aa91d-6376-e787-1388-84ef8d5e6849-25d1d2bd {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_55216827-7364-56e2-5fad-9fdbb27525a8-166ca6d9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dc4-166ca6d9 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dca-166ca6d9, #w-node-_3a111db5-06eb-5c10-5528-b8221a020dd0-166ca6d9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3a111db5-06eb-5c10-5528-b8221a020dd6-166ca6d9 {
    grid-area: 2 / 1 / 3 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_56209260-87a1-2510-a653-5ed17f0567db-25d1d2bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_58a28f4c-f75a-e75c-c1a2-86d5ee1a1c6c-25d1d2bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-a11a0ade-bd20-9f43-4fe2-6f247eb2aaf9-25d1d2bd, #w-node-_3a111db5-06eb-5c10-5528-b8221a020dc4-166ca6d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* Accordion smooth animation */
.accordion-panel {
  display: grid !important;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.accordion-panel > * {
  overflow: hidden;
}

.accordion.open .accordion-panel {
  grid-template-rows: 1fr;
  padding-bottom: 32px;
}

.accordion-icon-wrapper {
  transition: transform 0.3s ease-out;
}

.accordion.open .accordion-icon-wrapper {
  transform: rotate(180deg);
}

.languages-block{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    width:100%;
}

.languages-block .language{
    border-radius:8px 0 0 8px;
}

.languages-block .level{
    border-radius:0 8px 8px 0;
}

.add-languages-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:-13px;
    margin-bottom:10px;
}

.remove-language-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 14px 8px 8px 8px;
}

.location-block .country {
    border-radius: 8px 0 0 8px;
}

.location-block .city {
    border-radius: 0 8px 8px 0;
}

/* Jobs page styles */
.filters-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.filters-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: start stretch;
    margin-bottom: 16px;
    display: grid;
}

.filters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0 16px;
    align-items: end;
}

.filter-buttons {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 200px;
    margin-bottom: 16px;
}

.filter-buttons .primary-button {
    width: 100%;
}

.filter-buttons .link {
    align-self: center;
}

.job-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
}

.job-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.job-title-link {
    text-decoration: none;
    color: inherit;
}

.job-title-link:hover .h4 {
    color: #5a4fcf;
}

.job-salary {
    font-weight: 600;
    color: #5a4fcf;
    font-size: 26px;
    white-space: nowrap;
}

.margin-bottom-s {
    margin-bottom: 12px;
}

.margin-top-s {
    margin-top: 16px;
}

.job-description-wrapper {
    position: relative;
}

.job-description-text {
    white-space: pre-line;
    margin-bottom: 8px;
}

.description-collapsed {
    max-height: 100px;
    overflow: hidden;
    position: relative;
}

.description-collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, white);
}

.description-expanded {
    max-height: none;
}

.description-expanded::after {
    display: none;
}

.show-more-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
}

.info-box {
    background-color: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 16px;
}

.success-box {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 8px;
    padding: 16px;
}

.success-box .paragraph {
    color: #155724;
    margin: 0;
}

@media (max-width: 767px) {
    .filters-grid {
        grid-template-columns: 1fr;
    }

    .job-card-header {
        flex-direction: column;
    }
}

/* Inbox page styles */
.conversation-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    transition: box-shadow 0.2s, border-color 0.2s;
    margin-bottom: 20px;
}

.conversation-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d0d0d0;
}

.conversation-card.unread {
    border-left: 4px solid #5a4fcf;
    background-color: #fafaff;
}

.conversation-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 24px;
}

.conversation-content {
    min-width: 0;
}

.conversation-job-info {
    border-left: 1px solid #e5e5e5;
    padding-left: 24px;
}

.conversation-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.badge-new {
    background-color: #5a4fcf;
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 12px;
}

.nav-badge {
    background-color: #5a4fcf;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 6px;
}

.message-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.sender-name {
    font-weight: 600;
    color: #333;
}

.message-time {
    font-size: 14px;
    color: #888;
}

.message-preview {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    white-space: pre-wrap;
    line-height: 1.5;
}

.job-details-title {
    font-size: 14px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.job-detail-row {
    margin-bottom: 8px;
}

.job-detail-label {
    font-weight: 500;
    color: #666;
}

.job-detail-value {
    color: #333;
}

.job-salary-value {
    color: #5a4fcf;
    font-weight: 600;
}

.job-description-preview {
    font-size: 14px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 12px;
}

.conversation-actions {
    margin-top: 16px;
    display: flex;
    gap: 12px;
}

.outline-button-small {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #5a4fcf;
    background: transparent;
    border: 1px solid #5a4fcf;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.outline-button-small:hover {
    background: #5a4fcf;
    color: white;
}

.primary-button-small {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: white;
    background: #5a4fcf;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s;
}

.primary-button-small:hover {
    background: #4a3fbf;
    color: white;
}

@media (max-width: 991px) {
    .conversation-grid {
        grid-template-columns: 1fr;
    }

    .conversation-job-info {
        border-left: none;
        border-top: 1px solid #e5e5e5;
        padding-left: 0;
        padding-top: 16px;
        margin-top: 16px;
    }
}

/* Job view page styles */
.job-view-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.job-view-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.job-view-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 32px;
}

.company-header {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

.company-name {
    color: #5a4fcf;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.company-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.company-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.company-link:hover {
    background: #e5e5e5;
    color: #333;
}

.company-link svg {
    width: 16px;
    height: 16px;
}

.job-meta-section {
    margin-bottom: 24px;
}

.job-section-title {
    font-size: 12px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.job-section-value {
    font-size: 16px;
    color: #333;
}

.job-salary-large {
    font-size: 24px;
    font-weight: 700;
    color: #5a4fcf;
}

.job-details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

.job-detail-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.job-description-section {
    margin-bottom: 24px;
}

.job-description-text {
    white-space: pre-line;
    line-height: 1.7;
    color: #444;
}

.job-apply-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
}

.job-apply-card .primary-button {
    text-align: center;
}

.apply-info-box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: #e8f4fd;
    border-radius: 8px;
    margin-bottom: 16px;
}

.apply-info-box svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #0077b6;
}

.apply-warning-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #fff3cd;
    border-radius: 8px;
}

.apply-warning-box svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #856404;
}

.apply-form-wrapper {
    display: none;
}

.apply-form-wrapper.active {
    display: block;
}

.apply-textarea {
    width: 100%;
    min-height: 150px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    resize: vertical;
    margin-bottom: 16px;
}

.apply-textarea:focus {
    outline: none;
    border-color: #5a4fcf;
    box-shadow: 0 0 0 3px rgba(90, 79, 207, 0.1);
}

#applySection {
    display: flex;
    justify-content: flex-end;
}

.apply-buttons {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.apply-buttons .link {
    align-self: center;
}

.secondary-button {
    display: inline-block;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    background: #f5f5f5;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.secondary-button:hover {
    background: #e5e5e5;
}

@media (max-width: 767px) {
    .job-details-grid {
        grid-template-columns: 1fr;
    }

    .job-view-header {
        flex-direction: column;
    }

    .apply-buttons {
        flex-direction: column;
        justify-content: flex-end;
    }
}

/* Conversation page styles */
.conversation-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    min-height: calc(100vh - 300px);
}

.conversation-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-height: 596px;
}

.conversation-messages-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.messages-scroll {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    background: #fafaff;
    max-height: 500px;
}

.chat-message {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.chat-message.mine {
    align-items: flex-end;
}

.chat-message.theirs {
    align-items: flex-start;
}

.chat-bubble {
    max-width: 70%;
    padding: 14px 18px;
    border-radius: 16px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.5;
}

.chat-message.mine .chat-bubble {
    background: #5a4fcf;
    color: white;
    border-bottom-right-radius: 4px;
}

.chat-message.theirs .chat-bubble {
    background: white;
    border: 1px solid #e5e5e5;
    color: #333;
    border-bottom-left-radius: 4px;
}

.chat-meta {
    font-size: 12px;
    color: #888;
    margin-top: 6px;
    display: flex;
    gap: 8px;
}

.chat-sender {
    font-weight: 500;
}

.messages-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #888;
}

.messages-empty-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.message-form-wrapper {
    padding: 20px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
}

.message-form {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.message-textarea {
    flex: 1;
    padding: 14px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    resize: none;
    min-height: 50px;
    max-height: 150px;
}

.message-textarea:focus {
    outline: none;
    border-color: #5a4fcf;
    box-shadow: 0 0 0 3px rgba(90, 79, 207, 0.1);
}

.send-button {
    padding: 14px 24px;
    background: #5a4fcf;
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.send-button:hover {
    background: #4a3fbf;
}

.send-button svg {
    width: 18px;
    height: 18px;
}

.conversation-sidebar {
    position: sticky;
    top: 20px;
    align-self: start;
}

.conversation-job-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
}

.sidebar-title {
    font-size: 12px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sidebar-title svg {
    width: 16px;
    height: 16px;
}

.sidebar-job-detail {
    margin-bottom: 12px;
}

.sidebar-job-label {
    font-size: 13px;
    color: #888;
    margin-bottom: 4px;
}

.sidebar-job-value {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.sidebar-salary {
    color: #5a4fcf;
    font-weight: 600;
}

.sidebar-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.share-contacts-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    background: #28a745;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
}

.share-contacts-btn:hover {
    background: #218838;
}

.hide-contacts-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f5f5f5;
    color: #666;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
}

.hide-contacts-btn:hover {
    background: #e5e5e5;
}

@media (max-width: 991px) {
    .conversation-layout {
        grid-template-columns: 1fr;
    }

    .conversation-sidebar {
        position: static;
        order: -1;
    }

    .messages-scroll {
        max-height: 400px;
    }
}

.public-profile-content {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.profile-heading {
  justify-content: space-between;
  align-items: center;
}

/* Profile tabs */
.f-tabs-menu {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px none var(--purple);
    border-radius: 12px;
    margin-bottom: 32px;
    display: flex;
}

.f-tab {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.f-tab-button-l {
    color: var(--dark-blue);
    text-align: center;
    letter-spacing: -.01em;
    background-color: #0000;
    padding: 16px 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.f-tab-button-l:hover {
    color: var(--purple);
}

.f-tab-button-l.w--current {
    border-bottom: 2px solid var(--dark-purple);
    color: var(--dark-purple);
    background-color: #0000;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 600;
}

.f-tab-button-middle {
    color: var(--dark-blue);
    text-align: center;
    letter-spacing: -.01em;
    background-color: #0000;
    border-radius: 0;
    padding: 16px 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.f-tab-button-middle:hover {
    color: var(--purple);
}

.f-tab-button-middle.w--current {
    border-bottom: 2px solid var(--purple);
    color: var(--purple);
    background-color: #0000;
    padding-top: 16px;
    padding-bottom: 8px;
    font-weight: 600;
}

.f-tab-button-r {
    color: var(--dark-blue);
    text-align: center;
    letter-spacing: -.01em;
    background-color: #0000;
    padding: 16px 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.f-tab-button-r:hover {
    color: var(--purple);
}

.f-tab-button-r.w--current {
    border-bottom: 2px solid var(--dark-purple);
    color: var(--dark-purple);
    text-align: center;
    background-color: #0000;
    border-radius: 0;
    padding: 16px 0 8px;
    font-weight: 600;
}

/* Profile status radio buttons */
.div-block-35 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.radio-buttons {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.f-radio-button {
    border: 2px solid var(--dark-blue);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
}

.f-radio-button.w--redirected-checked {
    border: 6px solid var(--purple);
}

.f-radio-button.w--redirected-focus {
    border-style: solid;
    border-color: var(--dark-purple);
    box-shadow: none;
}

.f-radio-field {
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.radio-button-label {
    color: var(--black);
    font-weight: 400;
}

.divider {
    background-color: var(--light-blue);
    width: 100%;
    height: 1px;
}

@media screen and (max-width: 991px) {
    .radio-buttons {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .radio-buttons {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
    }
}

@media screen and (max-width: 479px) {
    .radio-buttons {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
    }
}

.bold {
    font-weight: 700;
}

.paragrpaph-s {
    color: var(--dark-blue);
    font-size: 14px;
    line-height: 140%;
}

/* Statistics page styles */
.statistics-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: minmax(240px, 1fr);
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 24px;
    display: grid;
}

.statistic-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--white);
    border-radius: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-width: auto;
    padding: 8px 24px 24px;
    display: flex;
}

.statistics-infotext {
    max-width: 640px;
    padding-bottom: 16px;
}

.statistic-accent {
    color: var(--soft-purple);
    letter-spacing: -4px;
    font-size: 160px;
    font-weight: 800;
    line-height: 90%;
}

.statistics-info-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    max-width: 80%;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.text-italic {
    color: var(--dark-purple);
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 991px) {
    .statistics-cards {
        grid-template-rows: minmax(240px, 1fr) auto auto;
        grid-template-columns: 1fr;
    }

    .statistics-infotext {
        max-width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .statistics-cards {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
    }

    .statistics-infotext {
        max-width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .statistics-cards {
        padding-bottom: 16px;
    }

    .statistic-card {
        border-radius: 16px;
    }

    .statistic-accent {
        font-size: 120px;
    }
}

/* ================================
   Public Profile Styles
   ================================ */

.wrapper-public-profile {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.public-profile {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.public-profile-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.cards-small-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  max-width: none;
  display: grid;
}

.main-info-card {
  background-color: var(--soft-purple);
  border-radius: 24px;
  padding: 32px;
}

.contact-info-card {
  background-color: var(--light-blue);
  border-radius: 24px;
  padding: 32px;
}

.about-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-grey);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  padding: 32px;
  display: grid;
}

.h3-position {
  margin-bottom: 8px;
}

.h3-contact {
  margin-bottom: 8px;
}

.paragraph-m {
  color: var(--black);
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
}

.items-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.info-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info-item.category,
.info-item.experience,
.info-item.options,
.info-item.format,
.info-item.language,
.info-item.location,
.info-item.name,
.info-item.linkedin,
.info-item.whatsapp,
.info-item.telegram,
.info-item.github,
.info-item.portfolio {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.image-19 {
  width: 16px;
}

.contact-info-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.skills-heading {
  margin-bottom: 8px;
}

.experience-heading {
  margin-bottom: 8px;
}

.skills-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.skills-tag {
  background-color: var(--soft-purple);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 7px 16px 8px;
  display: block;
}

.tag-text {
  color: var(--dark-purple);
  text-align: center;
}

.contact-button {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}

.margin-button-xxs {
  margin-bottom: 8px;
}

.margin-bottom-xs {
  margin-bottom: 16px;
}

/* Public Profile Responsive */
@media screen and (max-width: 991px) {
  .about-card {
    width: 100%;
  }

  .wrapper-public-profile {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cards-small-info {
    width: 100%;
    max-width: none;
  }

  .public-profile-cards {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .main-info-card {
    padding: 24px;
  }

  .cards-small-info {
    grid-row-gap: 16px;
  }

  .contact-info-card {
    padding: 24px;
  }

  .about-card {
    padding: 24px;
  }
}

@media screen and (max-width: 479px) {
  .main-info-card, .about-card {
    border-radius: 16px;
    padding: 20px;
  }

  .wrapper-public-profile {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .contact-info-card {
    border-radius: 16px;
    padding: 20px;
  }

  .items-list {
    grid-row-gap: 8px;
  }

  .h3-contact.margin-button-xxs {
    padding-bottom: 16px;
  }

  .skills-heading.margin-button-xxs {
    padding-bottom: 16px;
  }

  .public-profile-cards {
    grid-row-gap: 16px;
  }
}

/* Sidebar accordion styles - mobile only */
.sidebar-accordion-header {
  cursor: default;
}

.sidebar-accordion-header-content {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sidebar-accordion-chevron {
  display: none;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.sidebar-accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 500px;
  opacity: 1;
}

@media (max-width: 991px) {
  .sidebar-accordion-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sidebar-accordion-chevron {
    display: block;
  }

  .accordion-card.collapsed .sidebar-accordion-chevron {
    transform: rotate(-90deg);
  }

  .accordion-card.collapsed .sidebar-accordion-content {
    max-height: 0;
    opacity: 0;
  }
}

/* Status tag styles */
.status-tag {
  border-radius: 4px;
  flex-shrink: 0;
}

.status-tag.status-active {
  background-color: #8de2b8;
}

.status-tag.status-active .text-s {
  color: #142a26;
}

.status-tag.status-passive {
  background-color: #dfeaae;
}

.status-tag.status-passive .text-s {
  color: #546218;
}

.status-tag.status-inactive {
  background-color: #cbcbcd;
}

.status-tag.status-inactive .text-s {
  color: #323234;
}

/* Contact page styles */
.contact-page-layout {
  display: flex;
  gap: 32px;
}

.contact-form-section {
  flex: 1;
  min-width: 0;
}

.contact-sidebar {
  width: 320px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.job-selection-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.job-selection-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
}

.job-selection-item:hover {
  border-color: #4f46e5;
  background: #f8f7ff;
}

.job-selection-item.selected,
.job-selection-item:has(input:checked) {
  border-color: #4f46e5;
  background: #f8f7ff;
  box-shadow: 0 0 0 1px #4f46e5;
}

.job-selection-item input[type="radio"] {
  margin-top: 4px;
  flex-shrink: 0;
  accent-color: #4f46e5;
}

.job-selection-content {
  flex: 1;
  min-width: 0;
}

.job-selection-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.job-selection-title {
  font-weight: 600;
  font-size: 15px;
  color: #1a1a1a;
}

.job-selection-salary {
  font-weight: 600;
  font-size: 13px;
  color: #4f46e5;
  white-space: nowrap;
}

.job-selection-details {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.job-selection-details .job-detail-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #666;
}

.job-detail-icon {
  width: 14px;
  height: 14px;
  opacity: 0.7;
}

.tips-card {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
}

.tips-card .h5 {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
}

.tips-list {
  margin: 0;
  padding-left: 20px;
}

.tips-list li {
  font-size: 13px;
  color: #666;
  margin-bottom: 8px;
  line-height: 1.5;
}

.tips-list li:last-child {
  margin-bottom: 0;
}

.form-buttons {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 16px;
}

@media (max-width: 991px) {
  .contact-page-layout {
    flex-direction: column-reverse;
  }

  .contact-sidebar {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .contact-sidebar .main-info-card {
    flex: 1;
    min-width: 280px;
  }

  .contact-sidebar .tips-card {
    flex: 1;
    min-width: 280px;
  }
}

@media (max-width: 600px) {
  .contact-sidebar {
    flex-direction: column;
  }

  .job-selection-header {
    flex-direction: column;
    gap: 4px;
  }

  .job-selection-details {
    gap: 8px;
  }
}

/* 404 Page Styles */
.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 480px;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 480px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-4 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.image-18 {
  max-width: 300px;
  margin-bottom: 40px;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  color: var(--dark-blue);
}

.heading-3 {
  font-size: 40px;
  margin-bottom: 16px;
}

.margin-bottom-xs {
  margin-bottom: 8px;
}

.margin-top-m {
  margin-top: 24px;
}