:root {
  --white-smoke: whitesmoke;
  --_font-family-s---open-sans: "Open Sans", sans-serif;
  --black: #282529;
  --white: white;
  --dark-gray: #7c7c7c;
  --border-color: #ebebeb;
  --transparent: transparent;
  --gray: #f6f3fc;
  --orange: #ee8d34;
  --red: #e63838;
  --blue: #4b82ed;
  --purple: #7a58d0;
  --green: #26b05d;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.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;
}

body {
  background-color: var(--white-smoke);
  font-family: var(--_font-family-s---open-sans);
  color: var(--black);
  font-size: 14px;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
}

a {
  color: var(--black);
  text-decoration: none;
}

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

.sidebar {
  z-index: 0;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--white);
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 264px;
  height: 100%;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.app {
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.app.direction-coloumn {
  flex-flow: column;
  height: 100%;
}

.app.dark-gray-bg {
  background-color: var(--dark-gray);
  padding: 40px;
}

.dashboard {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 24px;
  position: relative;
  overflow: auto;
}

.dashboard.bg-white {
  background-color: var(--white);
  padding: 0;
}

.dashboard.bg-black {
  background-color: var(--black);
  color: var(--white);
  padding: 0;
}

.sidebar-logo-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.sidebar-logo-img {
  margin-right: auto;
}

.sidebar-arrow-icon {
  cursor: pointer;
  width: 18px;
}

.sidebar-menu-list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

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

.sidebar-search-form {
  overflow: hidden;
}

.sidebar-search-input {
  border: 1px solid var(--border-color);
  background-color: var(--transparent);
  color: var(--black);
  background-image: url('../images/search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 0;
}

.sidebar-search-input:active, .sidebar-search-input:focus {
  border-color: var(--border-color);
}

.sidebar-search-input::placeholder {
  color: var(--dark-gray);
}

.sidebar-menu-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 8px;
  transition: background-color .3s;
  display: flex;
}

.sidebar-menu-link:hover {
  background-color: var(--gray);
}

.sidebar-menu-link.bottom-link {
  border-top: 1px solid var(--border-color);
  margin-top: auto;
}

.sidebar-menu-link.dropdown-link {
  flex-flow: column;
  padding: 0;
}

.sidebar-menu-link.dropdown-link:hover {
  background-color: var(--transparent);
}

.sidebar-menu-icon {
  justify-content: center;
  align-items: center;
  width: 22px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  position: static;
}

.text-size-14px {
  line-height: 1.3;
}

.employer-profile {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.employer-profile-heading-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-40px {
  font-size: 40px;
}

.employer-profile-tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.employer-profile-tabs-menu.company-profile-tabs {
  justify-content: space-around;
  align-items: stretch;
}

.employer-profile-content {
  margin-top: 24px;
}

.employer-profile-tabs-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding: 0 10px;
  display: flex;
  position: static;
}

.employer-profile-tabs-link.w--current {
  background-color: var(--transparent);
}

.employer-profile-icon-wrap {
  border: 3px solid var(--border-color);
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.employer-profile-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.employer-profile-text-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.text-size-20px {
  font-size: 20px;
  font-weight: 600;
}

.text-size-12px {
  font-size: 12px;
  line-height: 1.3;
}

.text-size-12px.orange-color {
  color: var(--orange);
}

.text-size-12px.color-red {
  color: var(--red);
}

.text-size-12px.text-color-blue {
  color: var(--blue);
}

.text-size-12px.text-color-gray {
  color: var(--gray);
}

.employer-profile-tab-panel {
  background-color: var(--white);
  border-radius: 16px;
  padding: 16px;
}

.employer-profile-table {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.employer-profile-table.padding-16px {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 16px;
}

.employer-profile-tab-heading {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.gray-line {
  background-color: var(--border-color);
  width: 100%;
  height: 1px;
}

.gray-line.margin-top-10px {
  margin-top: 10px;
}

.employer-profile-tab-form-block {
  margin-bottom: 0;
}

.employer-profile-tab-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.form-label {
  color: var(--black);
  margin-bottom: 0;
  font-weight: 400;
}

.form-input {
  border: 1px solid var(--border-color);
  background-color: var(--transparent);
  color: var(--black);
  border-radius: 8px;
  height: 44px;
  margin-bottom: 0;
}

.form-input:active, .form-input:focus {
  border-color: var(--purple);
}

.form-input::placeholder {
  color: var(--dark-gray);
}

.form-input.text-area {
  height: 100px;
}

.form-input-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.form-input-wrap.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.employer-profile-tab-inptes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.employer-profile-tab-inptes.company-profile-input {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.employer-profile-tab-upload-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.employer-profile-tab-upload {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px dashed var(--border-color);
  text-align: center;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.employer-profile-tab-upload-icon {
  width: 32px;
}

.text-size-16px {
  font-size: 16px;
}

.text-color-dark-gray {
  color: var(--dark-gray);
}

.tabs-form-button-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(#b55dd9, #5054c9);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .2s;
  display: flex;
}

.button:where(.w-variant-0c9181de-7078-e4d7-4239-30d8ae58c691) {
  border: 1px solid var(--purple);
  background-color: var(--white);
  color: var(--black);
  background-image: none;
  min-width: 100px;
}

.button:where(.w-variant-174d5a50-c834-a530-5e6f-457d51d45790) {
  color: var(--purple);
  background-image: none;
  padding: 0;
  font-weight: 400;
}

.button:where(.w-variant-7d706f4b-7f72-b536-5e1e-87bfd8d29c4c) {
  color: var(--purple);
  background-image: none;
}

.button:hover {
  color: var(--white);
  background-image: linear-gradient(11deg, #b55dd9, #5054c9);
}

.button:hover:where(.w-variant-174d5a50-c834-a530-5e6f-457d51d45790) {
  color: var(--dark-gray);
  background-image: none;
}

.mobile-menu-wrap {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 8px;
  padding: 5px;
  display: none;
}

.mobile-menu-icon {
  color: var(--purple);
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.cross-icon {
  display: none;
}

.sidebar-menu-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 8px;
  transition: background-color .2s;
  display: flex;
}

.sidebar-menu-toggle:hover {
  background-color: var(--gray);
}

.sidebar-menu-toggle.w--open {
  padding: 12px 8px;
}

.form-info-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-info-wrap.bg-gray {
  background-color: #f8f8f9;
  border-radius: 12px;
  padding: 12px;
}

.form-info-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-color-black {
  color: var(--black);
}

.employer-profile-add-company {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-company-icon {
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.text-weigh-600 {
  font-weight: 600;
}

.add-company-dropdown {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-company-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.form-info-text {
  color: var(--dark-gray);
  margin-bottom: 0;
  font-weight: 400;
}

.form-info-text.text-color-black {
  color: var(--black);
}

.form-error-text {
  color: red;
}

.sidebar-menu-down-arrow {
  justify-content: center;
  align-items: center;
  width: 22px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  position: static;
}

.user-profile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.user-profile-details-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.user-profile-image {
  object-fit: cover;
  border-radius: 10px;
}

.user-profile-details {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
  position: relative;
}

.user-profile-name-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.user-profile-ceo-company {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-profile-ceo-company-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.text-size-24px {
  font-size: 24px;
  font-weight: 600;
}

.text-size-24px.text-center {
  text-align: center;
}

.user-profile-location {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-profile-company-namies {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.user-profile-company-namies.employer-edit-company {
  flex-flow: column;
}

.user-profile-company-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  display: flex;
}

.user-profile-company-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.user-profile-description {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.user-profile-description-text {
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 16px;
}

.user-profile-reviews {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.user-profile-reviews-heading-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.user-profile-reviews-star {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-profile-reviews-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.user-profile-reviews-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.user-profile-reviews-username {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-profile-reviews-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.user-profile-user-image {
  object-fit: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.user-profile-reviews-name, .user-profile-reviews-duration {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.user-profile-reviews-rating {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  align-items: flex-end;
  margin-left: auto;
  display: flex;
}

.show-more-button {
  color: var(--purple);
  cursor: pointer;
  margin-left: auto;
  font-weight: 600;
  transition: color .2s;
}

.show-more-button:hover {
  color: var(--dark-gray);
}

.menu-wrap {
  display: none;
}

.user-profile-dots {
  cursor: pointer;
  position: absolute;
  inset: 16px 16px auto auto;
}

.user-profile-copy-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 235px;
  padding: 12px 14px;
  display: flex;
  position: absolute;
  inset: 40px 20px auto auto;
  overflow: hidden;
  box-shadow: 0 1px 15px #00000008;
}

.user-profile-copy-wrap.company-profile {
  z-index: 3;
  top: 45px;
  right: 45px;
}

.user-profile-copy-wrap.job-offer-menu {
  z-index: 3;
  top: 55px;
  right: 35px;
}

.user-profile-copy-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-profile-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.profile-not-available {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.profile-not-available-icon {
  width: 48px;
}

.profile-not-available-heading-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 564px;
  display: flex;
}

.profile-not-available-text {
  max-width: 385px;
}

.button-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: none;
}

.button-icon:where(.w-variant-174d5a50-c834-a530-5e6f-457d51d45790) {
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-edit {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.profile-edit-company {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 408px;
  padding: 20px;
  display: flex;
  position: relative;
}

.profile-edit-upload-img {
  border-radius: 50%;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
}

.profile-edit-overlay {
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.profile-edit-upload-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.profile-edit-company-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.purple-label {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6px;
  padding: 5px 12px;
  font-weight: 600;
}

.profile-edit-company-name {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-edit-company-verfy-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.profile-edit-company-date {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-edit-company-date-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-edit-company-date-item-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.profile-edit-about-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  position: relative;
}

.profile-edit-address {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  position: relative;
}

.profile-edit-company-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.profile-edit-address-image {
  border-radius: 12px;
  height: 242px;
  overflow: hidden;
}

.profile-edit-reviews-heading {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.profile-edit-filter {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.filter-input {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--black);
  border-radius: 8px;
  width: 100%;
  min-width: 160px;
  max-width: 200px;
  height: 42px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.filter-input:active, .filter-input:focus {
  border-color: var(--border-color);
}

.filter-input::placeholder {
  color: var(--dark-gray);
}

.filter-form {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.reviews-search-input {
  border: 1px solid var(--border-color);
  background-color: var(--transparent);
  color: var(--black);
  background-image: url('../images/search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 0;
}

.reviews-search-input:active, .reviews-search-input:focus {
  border-color: var(--border-color);
}

.reviews-search-input::placeholder {
  color: var(--dark-gray);
}

.reviews-search-form-block-copy {
  width: 100%;
  max-width: 300px;
  margin-bottom: 0;
}

.profile-edit-rating {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.profile-edit-rating-heading {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.profile-edit-rating-cards {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.profile-edit-rating-cards-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.profile-edit-rating-star {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.profile-edit-rating-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rating-progress-bar {
  background-color: var(--white-smoke);
  border-radius: 10px;
  flex: 1;
  height: 6px;
  position: relative;
  overflow: hidden;
}

.rating-progress-bar-green {
  background-color: var(--purple);
  border-radius: 8px;
  width: 90%;
  height: 6px;
}

.rating-progress-bar-green.percentage-60 {
  width: 60%;
}

.rating-progress-bar-green.perentage-30 {
  width: 30%;
}

.rating-progress-bar-green.percentage-10 {
  width: 10%;
}

.profile-edit-rating-star-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.company-profile-edit-view-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

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

.profile-edit-about-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.profile-edit-address-heading {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile-edit-address-heading.company-profile-address-heading {
  justify-content: space-between;
}

.profile-edit-address-edit-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.employer-edit-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.employer-edit-header-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  width: 100%;
  max-width: 350px;
  display: flex;
}

.employer-edit-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.employer-edit-company-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.employer-edit-company-item.flex-align-left {
  justify-content: flex-start;
}

.employer-edit-company-item.bg-gray {
  background-color: var(--gray);
}

.employer-edit-company-icon {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.employer-edit-company-add {
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.employer-edit-logo-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-edit-details {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 16px;
  display: grid;
  position: relative;
}

.profile-edit-input {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.profile-edit-input-field {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px 14px;
}

.company-edit-details-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  display: flex;
}

.company-edit-details {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  display: flex;
}

.company-edit-details-namies {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.company-edit-user-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.company-edit-user-image {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.company-edit-detailstop-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.company-edit-details-items {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.company-edit-details-item-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  display: flex;
}

.company-edit-details-bottom-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.company-edit-details-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.company-edit-bottom-bar-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sidebar-menu-content {
  position: relative;
}

.sidebar-menu-content.w--open {
  background-color: var(--transparent);
  flex-flow: column;
  padding-left: 10px;
  display: flex;
}

.sidebar-dropdown-link {
  padding: 10px;
  font-size: 12px;
  transition: color .2s, background-color .2s;
}

.sidebar-dropdown-link:hover {
  background-color: var(--gray);
  font-weight: 600;
}

.freelancer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.freelancer-left-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  max-width: 65%;
  display: flex;
}

.freelancer-right-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 35%;
  padding: 16px;
  display: flex;
}

.freelancer-header {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.freelancer-links-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  border-radius: 8px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.freelancer-link {
  color: var(--dark-gray);
  border-radius: 8px;
  padding: 8px 14px;
}

.freelancer-link.w--current {
  background-color: var(--purple);
  color: var(--white);
}

.freelancer-link.active {
  background-color: var(--purple);
  color: var(--white);
  font-weight: 600;
}

.freelancer-form-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  margin-bottom: 0;
  display: flex;
}

.freelancer-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.freelancer-form.category-column {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
}

.freelancer-search-input {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--black);
  background-image: url('../images/search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  height: 47px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 0;
}

.freelancer-search-input:active, .freelancer-search-input:focus {
  border-color: var(--border-color);
}

.freelancer-search-input::placeholder {
  color: var(--dark-gray);
}

.freelancer-select-input {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--black);
  border-radius: 8px;
  height: 47px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.freelancer-select-input:active, .freelancer-select-input:focus {
  border-color: var(--border-color);
}

.freelancer-select-input::placeholder {
  color: var(--dark-gray);
}

.freelancer-map-wrap {
  border-radius: 16px;
  height: 320px;
  overflow: hidden;
}

.freelancer-map {
  width: 100%;
  height: 100%;
}

.freelancer-left-top-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.recommended-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.recommended-cards-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.recommended-cards-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
  position: relative;
}

.recommended-user-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.recommended-user-image {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.recommended-user-image.filter-image {
  border: 3px solid var(--green);
}

.recommended-user-image.reviews-filter {
  width: 40px;
  height: 40px;
}

.recommended-user-text {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.recommended-user-label-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.recommended-icon {
  display: flex;
}

.recommended-star-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.recommendedtags-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.recommended-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.recommended-tag {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 12px;
}

.recommended-location-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.recommended-location-wrap.align-left {
  justify-content: flex-start;
  align-items: center;
}

.recommended-location-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.recommended-cards-item-label {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 13px 13px auto auto;
}

.freelancers-category {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.category-faq-item {
  cursor: pointer;
  overflow: hidden;
}

.category-faq-question {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.category-faq-answar {
  overflow: hidden;
}

.category-faq-text-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding-top: 8px;
  padding-left: 15px;
  display: flex;
}

.category-faq-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.company-profile-icon {
  cursor: pointer;
}

.company-profile-icon.paidding {
  padding-left: 5px;
  padding-right: 5px;
}

.company-profile-address {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.company-report-popup {
  z-index: 99;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  max-width: 628px;
  padding: 40px;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 32px #00000014;
}

.company-report-popup-heading {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 380px;
  display: flex;
}

.company-report-popup-icon {
  width: 48px;
}

.company-report-popup-wrap {
  z-index: 99;
  background-color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-cross {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

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

.category-tag {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.category-tag.bg-white {
  background-color: var(--white);
}

.category-switcher {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  padding: 8px 16px;
  display: flex;
}

.swicher-on-off {
  background-color: var(--purple);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 18px;
  display: flex;
  position: relative;
}

.swicher-dot {
  background-color: var(--white);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  transform: translate(-1px);
}

.category-checkbox {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 8px 8px 8px 5px;
  display: flex;
}

.category-checkbox.profile-creation-check-box {
  border-style: none;
  padding: 0;
}

.category-checkbox-icon {
  border: 1px solid var(--border-color);
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
}

.category-checkbox-icon.w--redirected-checked {
  border-color: var(--purple);
  background-color: var(--purple);
}

.category-checkbox-text {
  color: var(--purple);
  margin-bottom: 0;
  font-weight: 600;
}

.category-checkbox-text.text-color-yellow {
  color: #ee8d34;
}

.category-checkbox-text.text-color-black {
  color: var(--black);
}

.country-search-input {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--black);
  background-image: url('../images/search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  height: 47px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 0;
}

.country-search-input:active, .country-search-input:focus {
  border-color: var(--border-color);
}

.country-search-input::placeholder {
  color: var(--dark-gray);
}

.category-country-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.button-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.employer-dashboard {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.employer-dashboard-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.job-offer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.sub-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.sub-header.align-center {
  justify-content: center;
}

.job-offer-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.job-offer-left-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 65%;
  display: flex;
}

.job-offer-right-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 35%;
  display: flex;
}

.job-offer-user-wap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--purple);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.job-offer-user {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.job-offer-user-image {
  object-fit: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.job-offer-user-text {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.job-offer-user-heading {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.job-offer-user-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.job-offer-dropdown {
  color: var(--white);
  background-image: linear-gradient(#b55dd9, #5054c9);
  border-radius: 40px;
  margin-left: 0;
  margin-right: 0;
}

.job-offer-dropdown.job-pre-dropdown {
  width: 100%;
}

.job-offer-dropdown-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--white);
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.job-offer-dropdown-toggle.job-pre-dropdown-toggle {
  justify-content: center;
  font-size: 16px;
}

.job-offer-dropdown-content.w--open {
  background-color: var(--white);
  width: 176px;
  margin-top: 5px;
}

.job-offer-dropdown-icon {
  margin: 0;
  position: static;
}

.job-offer-dropdown-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.chat-icon {
  width: 20px;
  height: 20px;
}

.job-offer-logo-wrap {
  background-color: var(--white);
  border-radius: 24px;
  padding: 24px;
}

.job-offer-logo-text-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.job-offer-post-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.job-offer-post-heading-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 24px;
  display: flex;
}

.job-offer-price-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
  position: relative;
}

.job-offer-price {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.job-offerheading {
  flex-flow: column;
  display: flex;
}

.job-offer-copy-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.job-offer-copy-item-text {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.job-offer-lable {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #e638381a;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  display: flex;
}

.job-offer-lable.bg-gray {
  background-color: #bbbbbb1a;
}

.job-offer-lable.green-label {
  background-color: #4b82ed1a;
}

.job-offer-deadline-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.job-offer-icon-wrap {
  background-color: var(--gray);
  border-radius: 8px;
  padding: 8px;
}

.job-offer-deadline-text-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.job-offer-mask {
  border-radius: 20px;
}

.job-offer-slide {
  overflow: hidden;
}

.left-arrow {
  border: 1px solid var(--purple);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  font-size: 12px;
  inset: -18% 10% auto auto;
}

.right-arrow {
  border: 1px solid var(--purple);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  inset: -18% 0% auto auto;
}

.right-icon {
  color: var(--purple);
  font-size: 12px;
}

.left-icon {
  color: var(--purple);
}

.hide {
  display: none;
}

.slider {
  background-color: var(--transparent);
}

.job-offer-slide-image {
  width: 100%;
  height: 100%;
}

.job-under-review-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.job-under-review-heading-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.job-under-review-lable-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.job-under-review-lable {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6px;
  padding: 6px 12px;
}

.job-under-review-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.job-under-review-left {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.job-review-information-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.job-under-review-item-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.job-review-numbers-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.job-under-review-text-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.job-under-review-information-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dot {
  background-color: var(--border-color);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.job-under-review-information-lable {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ee8d3433;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  display: flex;
}

.job-under-review-information-lable.green-bg {
  color: var(--green);
  background-color: #26b05d12;
}

.job-under-review-information-lable.blue-bg {
  background-color: #4b82ed14;
}

.job-under-review-information-lable.bg-none {
  background-color: var(--transparent);
}

.job-under-review-category-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  display: flex;
}

.job-under-review-skill-category-item {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 8.5px 12px;
}

.job-under-review-duration-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.job-under-review-duration-main-wrap {
  justify-content: space-between;
  display: flex;
}

.employer-dashboard-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.employer-dashboard-tabs-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 8px;
  align-items: stretch;
  padding: 8px;
  display: flex;
}

.employer-dashboard-links {
  color: var(--dark-gray);
  border-radius: 8px;
  padding: 6px 14px;
  font-weight: 400;
}

.employer-dashboard-links.w--current {
  background-color: var(--purple);
  color: var(--white);
  font-weight: 600;
}

.employer-form-block {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.employer-form {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.employer-search-input {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--black);
  background-image: url('../images/search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  min-width: 160px;
  max-width: 250px;
  height: 42px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 0;
}

.employer-search-input:active, .employer-search-input:focus {
  border-color: var(--border-color);
}

.employer-search-input::placeholder {
  color: var(--dark-gray);
}

.employer-dashboard-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.employer-dashboard-left-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 779%;
  display: flex;
}

.employer-dashboard-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.employer-dashboard-item.margin-bottom {
  margin-bottom: 10px;
}

.employer-item-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.employer-item-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--orange);
  background-color: #fcecdd;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  display: flex;
}

.button-label.purple-label {
  background-color: var(--white-smoke);
  color: var(--purple);
}

.button-label.gray-label {
  background-color: var(--white-smoke);
  color: var(--blue);
}

.button-label.green-label {
  color: var(--green);
  background-color: #26b05d14;
}

.employer-item-text-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.employer-footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--gray);
  border-radius: 8px;
  flex-flow: row;
  align-items: stretch;
  padding: 8px 10px;
  display: flex;
}

.employer-footer.space-between {
  justify-content: space-between;
}

.employer-footer-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.verticle-line {
  background-color: var(--border-color);
  width: 1px;
  height: 100%;
}

.employer-dashboard-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 322px;
  display: flex;
}

.employer-dashboard-report {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.employer-dashboard-report-items {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.employer-dashboard-report-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--gray);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.employer-dashboard-report-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.employer-dashboard-draft {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.employer-dashboard-main {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  height: 421.469px;
  padding: 16px;
  display: flex;
  overflow: auto;
}

.employer-dashboard-draft-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  display: flex;
  position: relative;
}

.draft-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.empolyer-item-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.text-color-green {
  color: var(--green);
}

.emplyer-item-button {
  width: 100%;
  max-width: 180px;
  margin-left: auto;
}

.employer-tab-menu {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 8px;
  display: flex;
}

.employer-tab-link {
  background-color: var(--transparent);
  color: var(--dark-gray);
  text-align: center;
  border-radius: 8px;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.employer-tab-link.w--current {
  background-color: var(--purple);
  color: var(--white);
  font-weight: 600;
}

.job-radio-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.job-radio-wrap.job-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.job-radio-heading-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.job-radio-buttons-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: stretch;
  display: flex;
}

.job-radio-buttons-wrap.gap-24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.job-radio-buttons-item {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  display: flex;
}

.job-radio-buttons-item.type-radio-buttons {
  border-style: none;
  padding: 0;
}

.job-radio-button-icon {
  border: 1.25px solid var(--dark-gray);
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.job-radio-button-icon.w--redirected-checked {
  border-color: var(--purple);
}

.job-radio-buttons-text {
  margin-bottom: 0;
  font-weight: 600;
}

.job-radio-buttons-text.font-weight-400 {
  font-weight: 400;
}

.job-radio-button-label {
  justify-content: center;
  align-items: center;
  margin-right: 6px;
  display: flex;
}

.employer-edit-header-button-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  max-width: none;
  display: flex;
}

.job-review-numbers-wrap-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.job-edit-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  display: flex;
}

.job-post-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  display: flex;
}

.job-offer-label-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.job-offer-header {
  border: 1px solid var(--border-color);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.job-offer-header-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.job-offer-profile-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--border-color);
  background-color: var(--gray);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px;
  display: flex;
}

.job-offer-company-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 24px;
  display: flex;
}

.job-offer-company-info-radio-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.job-offer-company-info-form-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.job-offer-company-info-form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.form-check-box {
  margin-bottom: 0;
  padding-left: 0;
}

.form-check-box-icon {
  width: 15px;
  height: 15px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.form-check-box-icon.w--redirected-checked {
  background-color: var(--purple);
  margin-top: 0;
  margin-left: 0;
}

.popup {
  background-color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 50px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.popup-heading-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.text-weight-400 {
  font-weight: 400;
}

.popup-input-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.popup-main-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 925px;
  height: 100%;
  overflow: auto;
}

.redem-code-button-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  display: flex;
}

.payment-wrap {
  border: 1px solid var(--purple);
  background-color: var(--gray);
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.payment-vise-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.payment-icon {
  width: 46px;
}

.payment-text-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.marketing-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.marketing-contract-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.marketing-contract-heading-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-size-56px {
  font-size: 56px;
  font-weight: 600;
}

.marketing-contract-button-wrap {
  width: 100%;
  max-width: 230px;
}

.marketing-freelancer-content {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.marketing-freelancer-left {
  width: 100%;
  max-width: 40%;
}

.marketing-freelancer-image {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.marketing-freelancer-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 60%;
}

.marketing-freelancer-heading-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 560px;
  display: flex;
}

.section-marketing-step {
  background-color: var(--black);
  color: var(--white);
  padding-top: 40px;
  padding-bottom: 60px;
}

.marketing-content-wrap {
  flex-flow: column;
  display: flex;
}

.section-marketing-contract {
  padding-top: 24px;
  padding-bottom: 60px;
}

.container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.section-marketing-freelancer {
  padding-top: 24px;
  padding-bottom: 60px;
}

.marketing-step-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.marketing-step-heading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 520px;
  display: flex;
}

.marketing-step-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.marketing-step-cards-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  background-color: #ffffff12;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.marketing-step-item-icon {
  width: 50px;
}

.marketing-step-item-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.marketing-slider {
  background-color: var(--transparent);
}

.marketing-nav {
  inset: auto 0% 0% 40%;
}

.job-label-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reviews-wrap {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke);
  flex-flow: column;
  width: 35%;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.reviews-text-warp {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reviews-cross-icon {
  color: var(--dark-gray);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-weight: 600;
  display: flex;
}

.reviews-cards-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  height: 100%;
  display: flex;
  overflow: auto;
}

.reviews-cards-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-radius: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.reviews-card-item-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reviews-card-item-header-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.reviews-cards-item-date-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reviews-cards-item-date {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reviews-item-star {
  justify-content: center;
  align-items: center;
  width: 60px;
  display: flex;
}

.navbar {
  background-color: var(--white);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 24px;
}

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

.navbar-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link {
  padding: 0;
}

.navbar-button-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.navbar-icon {
  width: 44px;
  height: 44px;
}

.navbar-content-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-similiar-job {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.similiar-job-cards-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.similiar-job-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.no-result-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.no-reasult-icon {
  width: 70px;
}

.hourly-rate-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hourly-rate-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(180deg, var(--purple), var(--blue));
  color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  font-weight: 600;
  display: flex;
}

.hourly-rate-content-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.hourly-rate-left-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 70%;
  display: flex;
}

.hourly-rate-proress-in {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.progress-in {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hourly-rate-user-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.hourly-rate-user-button-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 350px;
  display: flex;
}

.hourly-rate-budget-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hourly-rate-budget-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  justify-content: space-between;
  padding: 16px;
  display: flex;
}

.hourly-rate-budget-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.hourly-rate-budget-tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.hourly-rate-budget-tab-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hourly-rate-budget-tab-line {
  background-color: var(--purple);
  width: 3px;
  height: 100%;
}

.hourly-rate-budget-tab-line.gray-bg {
  background-color: var(--border-color);
}

.hourly-rate-budget-tab-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.hourly-rate-budget-spending {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.hourly-rate-progress-bar {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 114px;
  padding: 10px;
  display: flex;
  position: relative;
}

.hourly-rate-progress-bar-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.progress-bar {
  position: absolute;
  inset: 0%;
}

.progress-bar-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.hourly-rate-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.hourly-rate-item-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.hourly-rate-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hourly-rate-right-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 30%;
  display: flex;
}

.hourly-rate-tabs-header {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 8px;
}

.hourly-rate-tab-link {
  color: var(--dark-gray);
  border-radius: 8px;
  padding: 4px 16px;
}

.hourly-rate-tab-link.active {
  background-color: var(--purple);
  color: var(--white);
}

.hourly-rate-item-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  flex-flow: column;
  height: 400px;
  padding: 10px;
  display: flex;
  overflow: auto;
}

.hourly-rate-tab-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.hourly-rate-tab-item-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.hourly-rate-tab-item-icon {
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  display: flex;
}

.rate-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rate-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.rate-item-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.rate-item-dot {
  background-color: var(--orange);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.rate-item-dot.blue-dot {
  background-color: var(--blue);
}

.rate-item-dot.green-dot {
  background-color: var(--green);
}

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

.rate-item-icon {
  width: 16px;
}

.rate-item-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.rate-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.rate-footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rate-footer-date {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rate-footer-date-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

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

.number-label {
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 12px;
  display: flex;
}

.number-label.orange-label {
  color: var(--orange);
  background-color: #ee8d341a;
}

.number-label.blue-label {
  color: var(--blue);
  background-color: #4b82ed1a;
}

.number-label.green-label {
  color: var(--green);
  background-color: #26b05d1a;
}

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

.milestone-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.milestone-header-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.milestone-header-icons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.milestone-items-wrap {
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.milestone-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  display: grid;
}

.milestone-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--green);
  text-align: center;
  background-color: #26b05d1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.similiar-job-item-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.similiar-job-item-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  display: flex;
}

.similiar-job-item-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.similiar-job-item-footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.similiar-job-item-footer-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.similiar-job-item-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.similiar-job-item-tag {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 8px 12px;
}

.footer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--black);
  color: var(--white);
  flex-flow: column;
  padding: 40px;
  display: flex;
  position: relative;
}

.footer-logo-label {
  width: 140px;
  position: absolute;
  inset: 10% auto auto 0%;
}

.footer-left-wrap {
  width: 100%;
  max-width: 50%;
}

.footer-right-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 50%;
  display: grid;
}

.footer-top-bar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-logo-icon {
  width: 148px;
}

.footer-links-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.footer-link {
  color: var(--white);
  transition: color .2s;
}

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

.footer-line {
  background-color: var(--dark-gray);
  width: 100%;
  height: 1px;
}

.footer-bottom-bar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-social-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.filter {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.filter-top-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.filter-designer-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.filter-designer-heading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ui-ux-designer-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.filter-designer-icons-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.filter-footer {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-footer-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

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

.filter-input-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 562px;
  display: flex;
}

.filter-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  display: flex;
}

.filter-content-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.filter-content-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.filter-user-image {
  border: 1px solid var(--green);
  border-radius: 50%;
  padding: 5px;
}

.filter-content-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  padding: 16px;
  display: flex;
}

.filter-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.filter-dropdown {
  border: 1px solid var(--purple);
  border-radius: 40px;
  margin-left: 0;
  margin-right: 0;
}

.filter-dropdown-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.filter-skill, .filter-right-footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.filter-footer-top-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-footer-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-green-button {
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  min-width: 150px;
  padding: 12px 20px;
}

.filter-reviews-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.filter-reviews-cards {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.filter-reviews-cards-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.filter-reviews-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reviews-filter-item-date {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.reviews-filter-item-date.align-right {
  align-items: flex-end;
}

.filter-reviews-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.compare-reviews {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  overflow: auto;
}

.compare-left-wrap, .compare-right-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.compare-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  display: flex;
}

.compare-main-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.compare-reviews-heading-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.compare-reviews-checkbox {
  border: 1px solid var(--border-color);
  background-color: var(--purple);
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 13px 40px auto auto;
}

.compare-reviews-button {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.freelancing-campare {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.freelancing-campare-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-size-32px {
  font-size: 32px;
  font-weight: 600;
}

.compare-freelancers-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.compare-freelancers-table-cell {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.compare-freelancers-table-cell.header-cell {
  background-color: var(--white-smoke);
}

.compare-freelancers-table-cell.header-cell.left-align {
  text-align: left;
}

.compare-freelancers-table-cell.left-align {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.table-image {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.skill-ratingportfolio-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.design-and-creative {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ee8d341a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.freelancing-contact {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.freelancing-contact-user {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.freelancing-contact-user-top {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.freelancing-contact-user-tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.freelancing-contact-user-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #7a58d01a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.freelancing-contact-footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.freelancing-contact-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.freelancing-about {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.freelancing-about-wrap {
  background-color: var(--white);
  border-radius: 16px;
  padding: 16px;
}

.freelancing-language {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.freelancing-language-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.freelancing-language-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.freelancing-experience {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.freelancing-experience-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.freelancing-experience-item-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-connection {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 820px;
  padding: 20px;
  display: flex;
  position: relative;
}

.connection-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.coonection-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.connection-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  width: 100%;
  max-width: 791px;
  display: grid;
  position: relative;
}

.connection-cards-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--dark-gray);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #28252980;
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.connection-cards-item.purple-border {
  border-color: var(--purple);
  padding: 0;
}

.connection-cards-heading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.connection-cards-heading.purple-cards {
  padding-left: 16px;
  padding-right: 16px;
}

.dot-line {
  border: 1px dashed var(--dark-gray);
}

.connection-checkbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.connection-checkbox.purple {
  padding-left: 16px;
  padding-right: 16px;
}

.connection-header {
  background-color: var(--purple);
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.connection-button-wrap {
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.section-faq {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  padding: 80px 60px;
  display: flex;
}

.faq-heading-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.faq-wrap {
  flex-flow: column;
  display: flex;
}

.faq-item {
  border-top: 1px solid var(--dark-gray);
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq-question {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-answar {
  overflow: hidden;
}

.faq-text {
  padding-top: 6px;
}

.freelancing-popup {
  z-index: 33;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white-smoke);
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  height: 100vh;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.freelancing-popup-header-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.freelancing-popup-close {
  cursor: pointer;
}

.freelancing-popup-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.recommended-location-wrap-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.recommended-location-wrap-copy.align-left {
  justify-content: flex-start;
  align-items: center;
}

.freelancing-popup-tabs-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.freelancing-popup-tabs-content {
  height: 62vh;
  overflow: auto;
}

.freelancing-popup-tabs-link {
  background-color: var(--transparent);
  color: var(--dark-gray);
  border-radius: 8px;
  padding: 10px 15px;
}

.freelancing-popup-tabs-link.w--current {
  background-color: var(--purple);
  color: var(--white);
  font-weight: 600;
}

.freelancing-popup-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 16px;
  display: flex;
}

.freelancing-popup-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.popup-freelancing-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.popup-reviews {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: auto;
}

.popup-reviews-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.popup-reviews-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.popup-reviews-image {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.popup-reviews-header-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.popup-reviews-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.popup-reviews-wrap.align-left {
  justify-content: flex-start;
  align-items: center;
}

.popup-reviews-star {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.payment-comfirm-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.payment-comfirm-card-right-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.payment-comfirm-table {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--gray);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.payment-comfirm-table-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.add-payment-wrap {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pyament-details-inputes {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pyament-details-inputes.billing-address {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
}

.hourly-rate-radio {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  flex-flow: column;
  align-items: center;
  margin-bottom: 0;
  padding: 24px 16px;
  display: flex;
  position: relative;
}

.hourly-rate-radio-icon {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 16px 16px auto auto;
}

.hourly-rate-radio-icon.w--redirected-checked {
  border: 4px solid var(--purple);
}

.hourly-rate-radio-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
}

.hourly-rate-radio-buttons.company-profile-input {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .menu-wrap {
    flex: 1;
  }

  .sidebar {
    z-index: 9999;
    max-width: none;
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
    position: fixed;
  }

  .dashboard {
    margin-left: 0;
  }

  .employer-profile-heading-wrap {
    justify-content: space-between;
  }

  .mobile-menu-wrap {
    border: 1px solid var(--border-color);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cross-icon {
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    display: block;
    position: absolute;
    inset: 15px 15px auto auto;
  }

  .user-profile {
    padding: 16px;
  }

  .user-profile-details-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .user-profile-company-namies {
    flex-flow: wrap;
  }

  .menu-wrap {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }

  .menu-wrap.bottom-margin-none {
    margin-bottom: 0;
  }

  .profile-edit-company {
    max-width: none;
  }

  .profile-edit-filter {
    display: none;
  }

  .reviews-search-form-block-copy {
    max-width: none;
  }

  .company-profile-edit-view-header.black-bg {
    padding: 15px 16px;
  }

  .company-edit-details-wrap, .freelancer {
    flex-flow: column;
  }

  .freelancer-left-wrap, .freelancer-right-wrap {
    max-width: 100%;
  }

  .freelancer-form {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .freelancer-select-input {
    width: 100%;
  }

  .category-country-wrap {
    flex-flow: column;
  }

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

  .sub-header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
  }

  .sub-header.align-center {
    justify-content: space-between;
  }

  .job-offer-wrap {
    flex-flow: column;
  }

  .job-offer-left-wrap, .job-offer-right-wrap {
    max-width: 100%;
  }

  .employer-dashboard-header, .employer-form {
    justify-content: center;
    align-items: center;
  }

  .employer-dashboard-content {
    flex-flow: column;
  }

  .employer-dashboard-left-wrap, .employer-dashboard-right {
    max-width: none;
  }

  .job-edit-wrap, .job-post-wrap {
    max-width: 100%;
  }

  .marketing-contract-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .marketing-contract-heading-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .marketing-freelancer-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .marketing-freelancer-left, .marketing-freelancer-right {
    max-width: none;
  }

  .section-marketing-step {
    padding-bottom: 40px;
  }

  .section-marketing-contract, .section-marketing-freelancer {
    padding-bottom: 24px;
  }

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

  .reviews-wrap {
    width: 80%;
  }

  .navbar-button {
    padding: 5px;
  }

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

  .hourly-rate-user-wrap, .filter-footer-left, .filter-button-wrap {
    flex-flow: wrap;
  }

  .compare-left-wrap, .compare-right-wrap {
    max-width: none;
  }

  .compare-content {
    flex-flow: column;
  }

  .compare-freelancers-table {
    background-color: var(--white);
    width: 800px;
  }

  .payment-comfirm-card {
    flex-flow: column;
  }

  .pyament-details-inputes, .pyament-details-inputes.billing-address {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .app {
    height: 100%;
  }

  .app.dark-gray-bg {
    padding: 20px;
  }

  .dashboard {
    padding: 20px 16px;
  }

  .text-size-14px {
    font-size: 12px;
  }

  .text-size-40px {
    font-size: 24px;
  }

  .employer-profile-tabs-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-size-20px {
    font-size: 16px;
  }

  .text-size-20px.mobile-text-size-12px {
    font-size: 12px;
  }

  .text-size-12px.mobile-hide {
    display: none;
  }

  .text-size-12px.text-color-dark-gray.margin-left-auto {
    margin-left: auto;
  }

  .employer-profile-tab-panel, .employer-profile-table.padding-16px {
    padding: 10px;
  }

  .form-label.text-color-black {
    font-size: 12px;
  }

  .form-input-wrap.flex {
    flex-flow: wrap;
  }

  .employer-profile-tab-inptes {
    padding: 10px;
  }

  .employer-profile-tab-inptes.company-profile-input {
    grid-template-columns: 1fr;
    display: flex;
  }

  .employer-profile-tab-upload-wrap {
    padding: 16px;
  }

  .employer-profile-tab-upload {
    padding: 12px 5px;
  }

  .text-size-16px {
    font-size: 14px;
  }

  .tabs-form-button-wrap {
    flex-flow: column-reverse;
  }

  .mobile-menu-icon {
    color: var(--purple);
    justify-content: center;
    align-items: center;
    width: 20px;
    display: flex;
  }

  .menu-link {
    font-size: 12px;
  }

  .user-profile-details-wrap {
    flex-flow: column;
  }

  .text-size-24px {
    font-size: 20px;
  }

  .user-profile-reviews {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .user-profile-reviews-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .user-profile-reviews-username {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 200px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .user-profile-reviews-duration {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
  }

  .user-profile-reviews-rating {
    margin-left: 0;
  }

  .user-star-icon {
    width: 15px;
    overflow: hidden;
  }

  .user-profile-copy-wrap {
    max-width: 170px;
  }

  .profile-edit, .profile-edit-company {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 16px;
  }

  .profile-edit-upload-img {
    width: 80px;
    height: 80px;
  }

  .profile-edit-upload-icon {
    width: 16px;
  }

  .profile-edit-company-details {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .profile-edit-about-wrap {
    padding: 16px;
  }

  .profile-edit-address {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 16px;
  }

  .profile-edit-company-icon {
    width: 32px;
    top: 16px;
    right: 16px;
  }

  .filter-input {
    min-width: auto;
    max-width: none;
  }

  .profile-edit-rating-cards {
    flex-flow: column;
  }

  .rating-icon {
    width: 15px;
    overflow: hidden;
  }

  .profile-edit-button {
    z-index: 99;
    background-color: var(--white-smoke);
    padding: 20px 10px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .profile-edit-about-icon {
    right: 16px;
  }

  .profile-edit-address-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
  }

  .profile-edit-address-edit-icon {
    top: 16px;
    right: 16px;
  }

  .employer-edit-header-button {
    z-index: 2;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--white-smoke);
    flex-flow: column;
    max-width: none;
    padding: 20px 10px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .employer-edit-details {
    border-style: none;
    padding: 0;
  }

  .profile-edit-details {
    grid-template-columns: 1fr;
    display: flex;
  }

  .profile-edit-input-field {
    font-size: 12px;
  }

  .company-edit-details {
    padding: 16px;
  }

  .company-edit-detailstop-bar {
    grid-template-columns: 1fr;
    display: flex;
  }

  .freelancer-header {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .freelancer-links-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .freelancer-link {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .freelancer-link.active {
    flex: 1;
  }

  .freelancer-form-block {
    width: 100%;
  }

  .freelancer-form {
    flex-flow: column;
    flex: 1;
    min-width: 100%;
    max-width: 100%;
  }

  .recommended-user-wrap {
    flex-flow: wrap;
  }

  .recommended-user-image.filter-image {
    width: 50px;
    height: 50px;
  }

  .small-icon.share {
    position: absolute;
    inset: 12px 35px auto auto;
  }

  .small-icon.three-dots {
    position: absolute;
    inset: 12px 12px auto auto;
  }

  .sub-header {
    flex-flow: wrap;
  }

  .job-offer-post-wrap {
    padding: 16px;
  }

  .job-offer-price {
    z-index: 99;
    padding: 20px 10px;
  }

  .left-arrow {
    width: 28px;
    height: 28px;
    right: 8%;
  }

  .right-arrow {
    width: 28px;
    height: 28px;
  }

  .job-review-information-wrap {
    flex-flow: wrap;
  }

  .job-review-numbers-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .employer-dashboard-tabs-wrap {
    overflow: auto;
  }

  .employer-dashboard-links {
    flex: none;
  }

  .employer-form {
    flex-flow: wrap;
  }

  .employer-search-input {
    min-width: auto;
    max-width: none;
  }

  .employer-tab-link.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .job-radio-wrap.job-grid {
    grid-template-columns: 1fr;
    display: flex;
  }

  .job-radio-buttons-wrap {
    flex-flow: wrap;
  }

  .employer-edit-header-button-copy {
    z-index: 2;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--white-smoke);
    flex-flow: column;
    max-width: none;
    padding: 20px 10px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .job-review-numbers-wrap-copy {
    grid-template-columns: 1fr 1fr;
  }

  .job-edit-wrap {
    padding: 16px;
  }

  .job-offer-header {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .popup {
    padding: 20px;
  }

  .popup-wrap {
    padding: 16px;
  }

  .payment-wrap {
    padding: 8px;
  }

  .reviews-wrap {
    width: 90%;
    padding: 16px;
  }

  .reviews-cards-item {
    padding: 10px;
  }

  .navbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-button {
    display: none;
  }

  .navbar-button-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: auto;
  }

  .navbar-content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .search-bar-wrap {
    display: none;
  }

  .hourly-rate-content-wrap {
    flex-flow: wrap;
  }

  .hourly-rate-left-wrap {
    max-width: none;
  }

  .hourly-rate-budget-wrap {
    grid-template-columns: 1fr;
  }

  .hourly-rate-budget-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px;
  }

  .hourly-rate-item {
    padding: 10px;
  }

  .hourly-rate-right-wrap {
    max-width: none;
  }

  .hourly-rate-tab-item-icon {
    width: 35px;
  }

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

  .milestone-items-wrap {
    overflow: auto;
  }

  .footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-left-wrap, .footer-right-wrap {
    max-width: none;
  }

  .footer-top-bar, .footer-bottom-bar {
    flex-flow: wrap;
  }

  .icon {
    display: none;
  }

  .filter-header, .filter-footer, .filter-input-wrap {
    flex-flow: wrap;
  }

  .filter-content-wrap {
    flex-flow: column;
  }

  .filter-content-left, .filter-content-right {
    max-width: none;
  }

  .filter-button-wrap {
    flex-flow: wrap;
  }

  .filter-dropdown, .filter-dropdown-toggle {
    width: 100%;
  }

  .filter-footer-top-bar, .filter-footer-button {
    flex-flow: wrap;
  }

  .compare-reviews {
    padding: 15px;
  }

  .compare-reviews-button {
    flex-flow: wrap;
  }

  .freelancing-campare {
    padding: 16px;
  }

  .text-size-32px {
    font-size: 24px;
  }

  .freelancing-contact-user {
    position: relative;
  }

  .freelancing-contact-user-tag {
    flex-flow: wrap;
  }

  .freelancing-contact-footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .freelancing-contact-button {
    flex-flow: wrap;
  }

  .section-connection {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
    padding: 40px 16px;
  }

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

  .section-faq {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 40px 16px;
  }

  .freelancing-popup {
    max-width: 95%;
    height: 100%;
    padding: 10px;
  }

  .recommended-location-wrap-copy {
    flex-flow: wrap;
  }

  .freelancing-popup-tabs-menu {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding: 3px;
  }

  .freelancing-popup-tabs-link {
    padding: 5px;
    font-size: 12px;
  }

  .popup-reviews-header {
    flex-flow: wrap;
  }

  .payment-comfirm-table {
    padding: 16px;
  }

  .hourly-rate-radio-buttons {
    padding: 10px;
  }

  .hourly-rate-radio-buttons.company-profile-input {
    grid-template-columns: 1fr;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .employer-profile-tab-inptes {
    padding: 10px;
  }

  .user-profile-reviews-username {
    grid-template-columns: 1fr 1fr;
  }

  .user-profile-reviews-duration {
    flex-flow: column;
  }

  .profile-edit-company-date {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .job-offer-price {
    position: static;
  }

  .left-arrow {
    right: 14%;
  }

  .job-under-review-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .employer-form {
    justify-content: space-between;
    align-items: stretch;
  }

  .employer-footer {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .emplyer-item-button {
    margin-left: 0;
  }

  .reviews-wrap {
    width: 96%;
  }

  .reviews-card-item-header {
    flex-flow: column;
  }

  .reviews-cards-item-date-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .reviews-item-star {
    margin-left: auto;
  }

  .hourly-rate-user-button-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
  }

  .pyament-details-inputes {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .pyament-details-inputes.billing-address {
    grid-template-columns: 1fr;
  }

  .hourly-rate-radio-buttons {
    grid-template-columns: 1fr;
    padding: 10px;
  }
}

#w-node-_83685d26-2152-ef44-e032-b841d8310cc3-39ae241b, #w-node-_4d07939c-92f4-f613-05e2-c8f387d09a8f-39ae241f, #w-node-_77df550a-7c1f-e2e2-bcd9-156dcc2a61d3-39ae2420, #w-node-_77df550a-7c1f-e2e2-bcd9-156dcc2a61d3-39ae2423, #w-node-_65dc18fb-ae0a-5578-8c70-13a39bcd8c77-39ae242f, #w-node-_65dc18fb-ae0a-5578-8c70-13a39bcd8c7d-39ae242f, #w-node-_141d92a3-1375-b6fd-de41-12c28f4864f4-39ae242f, #w-node-_141d92a3-1375-b6fd-de41-12c28f4864fa-39ae242f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_32d28ca9-fdb7-c450-1102-af7e6db3cc6a-39ae2431, #w-node-_32d28ca9-fdb7-c450-1102-af7e6db3cc7a-39ae2431, #w-node-_4e5d5c1f-c218-711f-af59-921a0f04c5bc-39ae2468, #w-node-_4e5d5c1f-c218-711f-af59-921a0f04c5c4-39ae2468 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_47114a9d-94e2-16b4-5387-0f92b7d85837-39ae2474 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_90050c59-a400-3f23-44eb-4777da678897-39ae2474, #w-node-_1c30605f-6ec8-908e-d7d5-559f5843ca95-39ae2474 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47114a9d-94e2-16b4-5387-0f92b7d85837-39ae2475 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_90050c59-a400-3f23-44eb-4777da678897-39ae2475, #w-node-_1c30605f-6ec8-908e-d7d5-559f5843ca95-39ae2475 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_31582e2a-687b-6187-91b7-3cb96cd030ef-39ae2475, #w-node-_72c7116f-e4c8-75ae-f971-04fc06fc431e-39ae2475, #w-node-ec150900-1208-5d71-6941-2413a0413578-39ae2475, #w-node-_71e410d2-b4eb-46ad-886b-82ca89fb5bc6-39ae2475, #w-node-_9bec1127-906e-954a-8f8a-049c2e0d7bc4-39ae2475, #w-node-b9b2fdca-4247-68ff-ac95-82c6faa61e3b-39ae2475, #w-node-dfb858ae-be10-72fb-1b98-673718696a92-39ae2475, #w-node-_272852db-b118-8678-33d6-dfcb34ada96b-39ae2475 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 767px) {
  #w-node-_8fa6530a-901e-ffe3-964f-e53b1d824739-39ae241c {
    order: -9999;
    justify-self: start;
  }

  #w-node-_65043f1f-ce70-a7ef-b4de-a8fe1d96210c-39ae241c {
    justify-self: start;
  }

  #w-node-_13eb5820-b993-a250-2eda-72717a721423-39ae241c {
    order: -9999;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df63-39ae241c {
    order: -9999;
    justify-self: start;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df6a-39ae241c {
    justify-self: start;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df74-39ae241c {
    order: -9999;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727c7-39ae241c {
    order: -9999;
    justify-self: start;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727ce-39ae241c {
    justify-self: start;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727d8-39ae241c {
    order: -9999;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5d98-39ae241c {
    order: -9999;
    justify-self: start;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5d9f-39ae241c {
    justify-self: start;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5da9-39ae241c {
    order: -9999;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecab4-39ae241c {
    order: -9999;
    justify-self: start;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecabb-39ae241c {
    justify-self: start;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecac5-39ae241c {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dced-39ae241e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf4-39ae241e {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcfe-39ae241e {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd09-39ae241e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd10-39ae241e {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd1a-39ae241e {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd25-39ae241e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd2c-39ae241e {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd36-39ae241e {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd41-39ae241e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd48-39ae241e {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd52-39ae241e {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd5d-39ae241e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd64-39ae241e {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd6e-39ae241e {
    order: -9999;
  }

  #w-node-_8fa6530a-901e-ffe3-964f-e53b1d824739-39ae241f {
    order: -9999;
    justify-self: start;
  }

  #w-node-_65043f1f-ce70-a7ef-b4de-a8fe1d96210c-39ae241f {
    justify-self: start;
  }

  #w-node-_13eb5820-b993-a250-2eda-72717a721423-39ae241f {
    order: -9999;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df63-39ae241f {
    order: -9999;
    justify-self: start;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df6a-39ae241f {
    justify-self: start;
  }

  #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df74-39ae241f {
    order: -9999;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727c7-39ae241f {
    order: -9999;
    justify-self: start;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727ce-39ae241f {
    justify-self: start;
  }

  #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727d8-39ae241f {
    order: -9999;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5d98-39ae241f {
    order: -9999;
    justify-self: start;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5d9f-39ae241f {
    justify-self: start;
  }

  #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5da9-39ae241f {
    order: -9999;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecab4-39ae241f {
    order: -9999;
    justify-self: start;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecabb-39ae241f {
    justify-self: start;
  }

  #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecac5-39ae241f {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dced-39ae2420 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf4-39ae2420 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcfe-39ae2420 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd09-39ae2420 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd10-39ae2420 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd1a-39ae2420 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd25-39ae2420 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd2c-39ae2420 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd36-39ae2420 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd41-39ae2420 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd48-39ae2420 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd52-39ae2420 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd5d-39ae2420 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd64-39ae2420 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd6e-39ae2420 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dced-39ae2423 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf4-39ae2423 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dcfe-39ae2423 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd09-39ae2423 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd10-39ae2423 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd1a-39ae2423 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd25-39ae2423 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd2c-39ae2423 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd36-39ae2423 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd41-39ae2423 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd48-39ae2423 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd52-39ae2423 {
    order: -9999;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd5d-39ae2423 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd64-39ae2423 {
    justify-self: start;
  }

  #w-node-_7ce9167e-dd2e-736a-e705-39434272dd6e-39ae2423 {
    order: -9999;
  }

  #w-node-_90050c59-a400-3f23-44eb-4777da678897-39ae2474, #w-node-_1c30605f-6ec8-908e-d7d5-559f5843ca95-39ae2474 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_628a2202-77c6-1f12-5d82-c53442cd7dcf-39ae241c, #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df6f-39ae241c, #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727d3-39ae241c, #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5da4-39ae241c, #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecac0-39ae241c, #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf9-39ae241e, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd15-39ae241e, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd31-39ae241e, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd4d-39ae241e, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd69-39ae241e, #w-node-_628a2202-77c6-1f12-5d82-c53442cd7dcf-39ae241f, #w-node-_9cb9ba44-595b-ed20-df3b-10870dd0df6f-39ae241f, #w-node-_9a92f22a-a482-6cf1-fc18-7a0222f727d3-39ae241f, #w-node-_444d7d6f-37c1-1094-d6e1-feabd2ce5da4-39ae241f, #w-node-_0ed53ac0-d871-8c04-87d1-16b9a8fecac0-39ae241f, #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf9-39ae2420, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd15-39ae2420, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd31-39ae2420, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd4d-39ae2420, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd69-39ae2420, #w-node-_7ce9167e-dd2e-736a-e705-39434272dcf9-39ae2423, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd15-39ae2423, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd31-39ae2423, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd4d-39ae2423, #w-node-_7ce9167e-dd2e-736a-e705-39434272dd69-39ae2423 {
    justify-self: end;
  }
}