@charset "UTF-8";
/* line 1, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper {
  background-color: #daf5f9;
  padding: 20px;
}

/* line 5, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 10, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  padding-left: 10px;
  border-bottom: 1px solid #eee;
  border-radius: 10px;
  background: white;
  transition: background-color 0.2s;
}

/* line 20, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item:last-child {
  border-bottom: none;
}

/* line 24, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item:hover {
  background-color: #f9f9f9;
}

/* line 28, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item .draft-job-thumb {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 15px;
}

/* line 35, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item .draft-job-thumb.placeholder-thumb {
  background: #ccc;
}

/* line 40, app/assets/stylesheets/shared/_business_companies.scss */
.company_mypage_wrapper .draft-job-item-link .draft-job-item .draft-job-info {
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

@media (max-width: 670px) {
  /* line 1, app/assets/stylesheets/shared/_business_companies.scss */
  .company_mypage_wrapper {
    padding: 8px;
  }
}

/* line 55, app/assets/stylesheets/shared/_business_companies.scss */
.job-section {
  position: relative;
  margin-top: 30px;
}

/* line 60, app/assets/stylesheets/shared/_business_companies.scss */
.company_show_body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to right, #cdffd8, #94b9ff);
  font-family: 'Roboto';
}

/* line 68, app/assets/stylesheets/shared/_business_companies.scss */
.company_job_input_wrapper {
  margin: 0;
  padding: 0;
  background: white;
}

/* line 76, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_wrapper {
  display: flex;
  flex-direction: column;
}

/* line 82, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 2rem;
  padding: 0 1rem;
}

@media (max-width: 670px) {
  /* line 82, app/assets/stylesheets/shared/_business_companies.scss */
  .company_edit_flow {
    margin: 1rem 0;
    font-size: 13px;
  }
}

/* line 94, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 101, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step .circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: gray;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-shrink: 0;
  z-index: 1;
}

/* line 115, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step .label {
  margin-left: 0.5rem;
  color: gray;
  font-weight: 600;
  white-space: nowrap;
}

/* line 122, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step .line {
  height: 3px;
  background-color: gray;
  flex-grow: 1;
  margin-left: 2rem;
  margin-right: 0.5rem;
  max-width: 30px;
}

@media (max-width: 670px) {
  /* line 122, app/assets/stylesheets/shared/_business_companies.scss */
  .company_edit_flow .company_edit_step .line {
    height: 0px;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
}

/* line 138, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step.active .circle {
  background-color: #00b7e0;
  color: white;
}

/* line 143, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step.active .label {
  color: #00b7e0;
}

/* line 147, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step.active .line {
  background-color: #00b7e0;
}

/* line 152, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_flow .company_edit_step:last-child .line {
  display: none;
}

/* line 158, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_main_title {
  background-color: #72d7ee;
  width: 60%;
  padding: 2%;
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 670px) {
  /* line 158, app/assets/stylesheets/shared/_business_companies.scss */
  .company_edit_main_title {
    width: 90%;
  }
}

/* line 172, app/assets/stylesheets/shared/_business_companies.scss */
.company_form_item_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

/* line 181, app/assets/stylesheets/shared/_business_companies.scss */
.company_new_top_padding {
  padding-top: 60px;
}

/* line 185, app/assets/stylesheets/shared/_business_companies.scss */
.company_new_margin {
  margin-bottom: 20px;
}

/* line 190, app/assets/stylesheets/shared/_business_companies.scss */
.company_new_main_title {
  background-color: #72d7ee;
  width: 70%;
  padding: 2%;
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

/* line 205, app/assets/stylesheets/shared/_business_companies.scss */
.company_edit_center_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 213, app/assets/stylesheets/shared/_business_companies.scss */
.new_company_banners_upper {
  width: 80%;
  margin-bottom: 30px;
}

/* line 217, app/assets/stylesheets/shared/_business_companies.scss */
.new_company_banners_upper .banner-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 224, app/assets/stylesheets/shared/_business_companies.scss */
.new_company_banners_lower {
  width: 89%;
}

/* line 227, app/assets/stylesheets/shared/_business_companies.scss */
.new_company_banners_lower .banner-image {
  width: 100%;
  height: auto;
  border-radius: 2px;
}

@media (max-width: 670px) {
  /* line 224, app/assets/stylesheets/shared/_business_companies.scss */
  .new_company_banners_lower {
    width: 95%;
  }
}

/* line 238, app/assets/stylesheets/shared/_business_companies.scss */
.breakable-jp {
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* line 244, app/assets/stylesheets/shared/_business_companies.scss */
.pencil_card_wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

/* line 252, app/assets/stylesheets/shared/_business_companies.scss */
.show_pencil {
  position: absolute;
  top: -40px;
  z-index: 2;
  display: flex;
  justify-content: center;
}

/* line 259, app/assets/stylesheets/shared/_business_companies.scss */
.show_pencil img {
  width: 80px;
  height: auto;
}

/* line 265, app/assets/stylesheets/shared/_business_companies.scss */
.white_card {
  width: 80%;
  background-color: white;
  border-radius: 20px;
  padding: 60px 30px 30px 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

/* line 275, app/assets/stylesheets/shared/_business_companies.scss */
.card_title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/_business_companies.scss */
.form_placeholder {
  margin-top: 20px;
}

/* line 287, app/assets/stylesheets/shared/_business_companies.scss */
.centered_login_prompt {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #00b7e0;
}

/* line 293, app/assets/stylesheets/shared/_business_companies.scss */
.centered_login_prompt a {
  color: #00b7e0;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 5px;
}

/* line 302, app/assets/stylesheets/shared/_business_companies.scss */
.new_company_form {
  max-width: 100%;
}

/* line 307, app/assets/stylesheets/shared/_business_companies.scss */
.company-icon-preview {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* line 315, app/assets/stylesheets/shared/_business_companies.scss */
.company_new_wrapper {
  background: #E5F7FC;
  padding: 0 5% 50px;
  box-sizing: border-box;
}

@media (max-width: 670px) {
  /* line 322, app/assets/stylesheets/shared/_business_companies.scss */
  .company_new_wrapper {
    padding: 0 0 50px;
  }
}

/* line 327, app/assets/stylesheets/shared/_business_companies.scss */
.remaining_time {
  font-size: 14px;
  color: #555;
  /* Subtle color for the remaining time */
  text-align: right;
}

/* line 1, app/assets/stylesheets/shared/_common_containers.scss */
.contents_header_title {
  background: #00B4DE;
  color: #fff;
  padding: 30px 0 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

/* line 11, app/assets/stylesheets/shared/_common_containers.scss */
.contents_header_title::before {
  content: "";
  border-bottom: 3px solid #fff;
  width: 50px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}

/* line 21, app/assets/stylesheets/shared/_common_containers.scss */
.contents_header_title_pale {
  background: #E5F7FC;
  color: #00B4DE;
}

/* line 26, app/assets/stylesheets/shared/_common_containers.scss */
.contents_header_title_pale::before {
  border-bottom: 3px solid #00B4DE;
}

/* line 30, app/assets/stylesheets/shared/_common_containers.scss */
.horizontal_centering_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 37, app/assets/stylesheets/shared/_common_containers.scss */
.centering_wrapper {
  display: flex;
  justify-content: center;
  /* Horizontally center */
  align-items: center;
  /* Vertically center */
  /* Full viewport height */
  text-align: center;
  /* Optional: center text inside the content */
}

/* line 49, app/assets/stylesheets/shared/_common_containers.scss */
.sizing_wrapper {
  max-width: 100%;
  width: 80%;
}

/* line 55, app/assets/stylesheets/shared/_common_containers.scss */
.single_button_centering_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

/* line 63, app/assets/stylesheets/shared/_common_containers.scss */
.horizontal_justification_wrapper {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /* Centers the form and login link */
}

/* line 70, app/assets/stylesheets/shared/_common_containers.scss */
.bottom_padding {
  padding-bottom: 10px;
}

/* line 74, app/assets/stylesheets/shared/_common_containers.scss */
.top_margin_10 {
  margin-top: 10px;
}

/* line 78, app/assets/stylesheets/shared/_common_containers.scss */
.bottom_margin_20 {
  margin-bottom: 20px;
}

/* line 82, app/assets/stylesheets/shared/_common_containers.scss */
.bottom_margin_40 {
  margin-bottom: 40px;
}

/* line 86, app/assets/stylesheets/shared/_common_containers.scss */
.top_margin_20 {
  margin-top: 20px;
}

/* line 90, app/assets/stylesheets/shared/_common_containers.scss */
.top_margin_40 {
  margin-top: 40px;
}

/* line 94, app/assets/stylesheets/shared/_common_containers.scss */
.bottom_margin_80 {
  margin-bottom: 80px;
}

/* line 98, app/assets/stylesheets/shared/_common_containers.scss */
.bottom_padding_20 {
  padding-bottom: 20px;
}

/* line 102, app/assets/stylesheets/shared/_common_containers.scss */
.top_padding_20 {
  padding-top: 20px;
}

/* line 106, app/assets/stylesheets/shared/_common_containers.scss */
.top_padding_40 {
  padding-top: 40px;
}

/* line 110, app/assets/stylesheets/shared/_common_containers.scss */
.left_margin_20 {
  margin-left: 20px;
}

/* line 114, app/assets/stylesheets/shared/_common_containers.scss */
.sides_margin_20 {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 119, app/assets/stylesheets/shared/_common_containers.scss */
.unstyled-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

/* line 125, app/assets/stylesheets/shared/_common_containers.scss */
.no_bottom_margin {
  margin-bottom: 0 !important;
}

/* line 129, app/assets/stylesheets/shared/_common_containers.scss */
.form_inner_basic {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 134, app/assets/stylesheets/shared/_common_containers.scss */
.form_field_wrapper_basic {
  width: 100%;
}

/* line 138, app/assets/stylesheets/shared/_common_containers.scss */
.form_field_wrapper_basic input {
  width: 100%;
  height: 30px;
}

/* line 143, app/assets/stylesheets/shared/_common_containers.scss */
.banner_large_width {
  width: 90%;
}

/* line 147, app/assets/stylesheets/shared/_common_containers.scss */
.large_width {
  width: 80%;
}

/* line 151, app/assets/stylesheets/shared/_common_containers.scss */
.medium_width {
  width: 50%;
}

/* line 155, app/assets/stylesheets/shared/_common_containers.scss */
.top_lower_banner_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  list-style: none;
  background-color: white;
  padding-inline-start: 0;
}

/* line 171, app/assets/stylesheets/shared/_common_containers.scss */
.top_lower_banner_wrapper a img {
  max-width: 100%;
  width: 100%;
}

/* line 176, app/assets/stylesheets/shared/_common_containers.scss */
.top_lower_banner_wrapper li {
  width: 100%;
  text-align: center;
}

/* line 183, app/assets/stylesheets/shared/_common_containers.scss */
.top_lower_banner_wrapper li img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* line 190, app/assets/stylesheets/shared/_common_containers.scss */
.company_padding_top {
  padding-top: 40px !important;
}

/* line 194, app/assets/stylesheets/shared/_common_containers.scss */
.company_centering_wrapper {
  display: flex;
  justify-content: center;
  /* Horizontally center */
  align-items: center;
  /* Vertically center */
  /* Full viewport height */
  text-align: center;
  margin: 0 auto;
}

/* line 208, app/assets/stylesheets/shared/_common_containers.scss */
.ends_padding_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 213, app/assets/stylesheets/shared/_common_containers.scss */
.ends_padding_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 218, app/assets/stylesheets/shared/_common_containers.scss */
.ends_padding_40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 223, app/assets/stylesheets/shared/_common_containers.scss */
.ends_margin_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/shared/_common_containers.scss */
.small_spread {
  margin-top: 10px;
}

/* line 232, app/assets/stylesheets/shared/_common_containers.scss */
.empty-message-space {
  height: 40px;
}

/* line 1, app/assets/stylesheets/shared/_job_cards.scss */
.job_slide {
  flex: none;
  justify-content: center;
  align-items: center;
}

/* line 7, app/assets/stylesheets/shared/_job_cards.scss */
.job_card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: white;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* line 20, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_link,
.job_card_link * {
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/shared/_job_cards.scss */
.job_sticker {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: auto;
}

/* line 33, app/assets/stylesheets/shared/_job_cards.scss */
.job_sticker img {
  width: 90%;
  height: auto;
}

/* line 38, app/assets/stylesheets/shared/_job_cards.scss */
.job_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}

/* line 46, app/assets/stylesheets/shared/_job_cards.scss */
.job_content a {
  width: 100%;
  text-decoration: none;
  color: inherit;
}

/* line 52, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}

/* line 60, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_content a {
  width: 100%;
  height: 20px;
  text-decoration: none;
  color: inherit;
}

/* line 67, app/assets/stylesheets/shared/_job_cards.scss */
.job_company_name {
  display: block;
  margin-block-start: 0.4em;
  margin-block-end: 0.2em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  max-height: 17px;
  font-size: 14px;
}

/* line 77, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_img_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 190px;
  overflow: hidden;
  position: relative;
}

/* line 88, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_img {
  width: 100%;
  height: 190px;
  max-height: 190px;
  object-fit: cover;
}

/* line 97, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_card_img_wrapper {
  max-height: 254px;
  width: 100%;
  aspect-ratio: 3 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #f5f5f5;
}

/* line 108, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_card_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* line 118, app/assets/stylesheets/shared/_job_cards.scss */
.job_name {
  display: block;
  font-size: 1.17em;
  margin-block-start: 0.7em;
  margin-block-end: 0.3em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  max-height: 21px;
}

/* line 130, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: white;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  max-height: 500px;
}

/* line 146, app/assets/stylesheets/shared/_job_cards.scss */
.job_name_show_card {
  display: block;
  font-size: 1.17em;
  margin-block-start: 0.7em;
  margin-block-end: 0.3em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  max-height: 52px;
  text-wrap: balance;
  line-height: 1.2;
  white-space: nowrap;
  /* prevent wrapping */
  overflow: hidden;
  /* hide overflow */
  text-overflow: ellipsis;
  /* show ... */
  max-width: 30ch;
  /* ~19 characters */
}

@media (max-width: 670px) {
  /* line 146, app/assets/stylesheets/shared/_job_cards.scss */
  .job_name_show_card {
    font-size: 1.0em;
  }
}

/* line 177, app/assets/stylesheets/shared/_job_cards.scss */
.job_points {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
  width: 100%;
  overflow: visible;
}

/* line 187, app/assets/stylesheets/shared/_job_cards.scss */
.job_points img {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  margin-right: 10px;
}

/* line 194, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_card_points_wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* line 203, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points {
  display: flex;
  align-items: flex-center;
  width: 100%;
  overflow: hidden;
}

/* line 211, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points img {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
}

/* line 217, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points span,
.job_show_points div {
  white-space: nowrap;
}

/* line 225, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points_content {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  max-width: 90%;
}

/* line 234, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points_button {
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 4px;
  border: 1px solid #6ec1e4;
  background-color: #fff;
  color: #6ec1e4 !important;
  text-align: center;
  align-content: center;
  align-self: flex-end;
  justify-self: end;
  max-width: 100%;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* line 254, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_points_button:hover {
  background-color: #6ec1e4;
  color: #fff;
}

/* line 260, app/assets/stylesheets/shared/_job_cards.scss */
.job_show_card_divider_line {
  border: none;
  height: 1px;
  background-color: #a6a6a6;
  margin: 10px 0px;
  width: 100%;
}

/* line 272, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_keeps_apply {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  width: 100%;
}

/* line 280, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_keeps_apply img {
  width: 20px;
  margin-right: 10px;
}

/* line 285, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_keeps_wrapper {
  display: flex;
  flex-direction: row;
  margin-right: 3%;
  align-items: center;
}

/* line 292, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_keeps_wrapper img {
  width: 25px !important;
  height: 25px !important;
}

/* line 297, app/assets/stylesheets/shared/_job_cards.scss */
.keep_star_icon {
  margin-right: 10px;
}

/* line 300, app/assets/stylesheets/shared/_job_cards.scss */
.keep_star_icon svg {
  height: 30px;
  width: 30px;
}

@media (max-width: 670px) {
  /* line 300, app/assets/stylesheets/shared/_job_cards.scss */
  .keep_star_icon svg {
    height: 20px;
    width: 20px;
  }
}

/* line 311, app/assets/stylesheets/shared/_job_cards.scss */
.keep_star_icon_button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: inherit;
}

/* line 319, app/assets/stylesheets/shared/_job_cards.scss */
.show_keep_star_icon {
  margin-right: 10px;
}

/* line 323, app/assets/stylesheets/shared/_job_cards.scss */
.show_keep_star_icon svg {
  height: 30px;
  width: 30px;
}

/* line 328, app/assets/stylesheets/shared/_job_cards.scss */
.keeps_count {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-style: bold;
  font-size: 10px;
  white-space: nowrap;
}

/* line 339, app/assets/stylesheets/shared/_job_cards.scss */
.show_keeps_count {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-style: bold;
  font-size: 10px;
  white-space: nowrap;
}

/* Card list */
/* line 351, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_list {
  display: flex;
  flex-direction: column;
}

/* Outer wrapper draws borders & spacing */
/* line 357, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_wrapper {
  border: 2px solid #d9d9d9;
  padding: 10px;
  background-color: white;
}

/* Separator between cards */
/* line 364, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_wrapper + .new_job_card_wrapper {
  border-top: none;
  /* avoids double-thick border */
}

/* line 369, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card {
  display: flex;
  height: 80px;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
}

/* Image */
/* line 379, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_image {
  height: 100%;
  aspect-ratio: 3 / 2;
  flex-shrink: 0;
  overflow: hidden;
}

/* line 387, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f5f5f5;
}

/* Right side */
/* line 396, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_content {
  flex: 1;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 405, app/assets/stylesheets/shared/_job_cards.scss */
.job_card_link:hover .new_job_card_title_arrow {
  transform: translateX(2px);
}

/* Company */
/* line 411, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_company {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  line-height: 1.2;
}

/* Job title */
/* Title row */
/* line 420, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Job title */
/* line 427, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_title {
  font-size: 16px;
  color: #00b7e0;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Blue arrow on the right */
/* line 438, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_title_arrow {
  color: #004aad;
  font-size: 25px;
  font-weight: 700;
  margin-left: 8px;
  flex-shrink: 0;
}

/* Meta row */
/* line 448, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

/* Employment type badge */
/* line 456, app/assets/stylesheets/shared/_job_cards.scss */
.employment_type_badge {
  background-color: #ffc107;
  color: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  white-space: nowrap;
}

/* Salary */
/* line 466, app/assets/stylesheets/shared/_job_cards.scss */
.employment_salary {
  color: #000;
  white-space: nowrap;
}

/* line 473, app/assets/stylesheets/shared/_job_cards.scss */
.top_ranking_job_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Outer wrapper draws borders & spacing */
/* line 481, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_job_card_wrapper {
  position: relative;
  border-radius: 4px;
  padding: 10px;
  background-color: white;
}

/* line 490, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_job_card {
  position: relative;
  display: flex;
  height: 95px;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
}

@media (max-width: 670px) {
  /* line 490, app/assets/stylesheets/shared/_job_cards.scss */
  .ranking_job_card {
    height: 80px;
  }
}

/* line 504, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_job_card_company {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 1.0;
}

/* Title row */
/* line 512, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 518, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_job_card_title {
  font-size: 16px;
  color: #00b7e0;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 670px) {
  /* line 533, app/assets/stylesheets/shared/_job_cards.scss */
  .ranking_job_card_title {
    font-size: 14px;
  }
}

/* line 538, app/assets/stylesheets/shared/_job_cards.scss */
.new_job_card_wrapper {
  position: relative;
}

/* Ribbon body */
/* line 543, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_ribbon {
  position: absolute;
  top: -6px;
  /* slightly above card */
  left: 6px;
  background: #ffc107;
  color: black;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 14px 10px 10px;
  line-height: 1;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  width: 4px;
  height: 19px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 70%, 0% 100%);
}

/*.ranking_ribbon::after {
  content: "";
  position: absolute;
  left: -2px;
  /* shift left edge slightly */
/* extend right side */
/* line 591, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_meta_container {
  display: grid;
  grid-template-columns: 120px 1fr;
  column-gap: 16px;
  row-gap: 4px;
  color: black;
}

@media (max-width: 670px) {
  /* line 591, app/assets/stylesheets/shared/_job_cards.scss */
  .ranking_meta_container {
    grid-template-columns: 93px 1fr;
    column-gap: 0px;
  }
}

/* line 605, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_meta_item {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

@media (max-width: 670px) {
  /* line 605, app/assets/stylesheets/shared/_job_cards.scss */
  .ranking_meta_item {
    font-size: 12px;
  }
}

/* line 615, app/assets/stylesheets/shared/_job_cards.scss */
.ranking_icon {
  width: 20px;
  height: 20px;
}

/* line 622, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel {
  margin-top: 12px;
  padding-bottom: 20px;
}

/* line 627, app/assets/stylesheets/shared/_job_cards.scss */
.job-other-jobs-slide {
  padding: 0 8px;
  width: 306px;
  max-width: 326px;
}

/* line 634, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .slick-slide > div {
  width: 100%;
}

/* line 638, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .job_card {
  width: 100%;
  box-sizing: border-box;
}

/* ONLY affects the "other jobs" slider */
/* line 647, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel {
  /* Optional spacing from title */
  margin-top: 12px;
  /* Slick internals — scoped */
}

/* line 652, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .slick-list {
  margin: 0 -5px;
}

/* line 656, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .slick-track {
  display: flex;
}

/* line 660, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .slick-slide {
  height: auto;
}

/* line 664, app/assets/stylesheets/shared/_job_cards.scss */
.recommended-carousel .job-other-jobs-slide {
  padding: 0 5px;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: white;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 10px 0;
}

/* line 18, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_card a {
  text-decoration: none;
  max-width: 100%;
}

/* line 24, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_hero {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}

/* line 34, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_link {
  max-width: 100%;
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero {
  max-width: 100%;
  width: 90%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}

/* line 48, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_image {
  flex: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

/*
.job_hero_image img {
  height: 60%;
}
  */
/* line 64, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_card_img {
  width: auto;
  height: 150px;
  max-height: 150px;
  object-fit: cover;
}

/* line 73, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_text {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 10px;
}

/* line 83, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_pins_wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* line 89, app/assets/stylesheets/shared/_job_search_cards.scss */
.appeal_points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 95, app/assets/stylesheets/shared/_job_search_cards.scss */
.appeal_point {
  border: 1px solid #ec6969;
  color: #ec6969;
  background-color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap;
}

/* line 105, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_details_button {
  display: block;
  margin: 10px auto;
  padding: 8px 12px;
  border: 2px solid #3a7bd5;
  color: #3a7bd5;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease;
}

/* line 123, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_details_button:hover {
  background-color: #3a7bd5;
  color: #ffffff;
}

/* line 130, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_points {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* Ensure alignment */
  gap: 10px;
  /* Add spacing between image and text */
  margin: 10px 0;
  width: 100%;
  /* Make sure it takes the full width */
  overflow: visible;
  text-decoration: none;
}

/* line 144, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_points img {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  /* Prevents it from shrinking */
  margin-right: 10px;
  /* Adjust spacing */
}

/* line 153, app/assets/stylesheets/shared/_job_search_cards.scss */
.add_top_bottom_margin {
  margin: 10px 0;
}

/* line 159, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_badges {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
  gap: 1rem;
  /* space between items if multiple */
  justify-content: baseline;
  align-items: center;
}

/* line 173, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_badges > :only-child {
  margin-left: 1rem;
  margin-right: auto;
  justify-self: start;
}

/* line 183, app/assets/stylesheets/shared/_job_search_cards.scss */
.open-insta-modal-button {
  position: relative;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

/* line 201, app/assets/stylesheets/shared/_job_search_cards.scss */
.open-insta-modal-button:hover {
  opacity: 0.8;
}

/* line 206, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_search_hero_separation_line {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
  overflow: hidden;
}

/* line 214, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_hero_separation_line {
  max-width: 100%;
  width: 80%;
  object-fit: contain;
  overflow: hidden;
}

/* line 221, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button_wrapper {
  height: 0;
}

/* line 226, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 15px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: linear-gradient(135deg, #ff66c4, #ffde59);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 670px) {
  /* line 226, app/assets/stylesheets/shared/_job_search_cards.scss */
  .job_card_instagram_button {
    padding: 5px 5px;
  }
}

/* line 244, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button .insta-camera-icon {
  width: 20px;
  height: 20px;
}

/* line 249, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button .insta-button-text {
  color: #fff;
  white-space: nowrap;
}

/* line 254, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button:hover {
  opacity: 0.9;
}

/* line 258, app/assets/stylesheets/shared/_job_search_cards.scss */
.job_card_instagram_button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}

/* line 1, app/assets/stylesheets/shared/_buttons.scss */
.button-group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

/* line 8, app/assets/stylesheets/shared/_buttons.scss */
.scout_button_unpaid {
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/shared/_buttons.scss */
.user_index_item_scout_button_wrapper {
  width: 100%;
}

/* line 17, app/assets/stylesheets/shared/_buttons.scss */
.toggle-password {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
  color: #666;
  width: 20px;
  height: 20px;
}

/* line 28, app/assets/stylesheets/shared/_buttons.scss */
.centered_button {
  display: flex;
  justify-content: center;
}

/* line 34, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button {
  color: white;
  border: none;
  cursor: pointer;
  height: 100%;
  border-radius: 50px;
  font-size: 12px;
  width: 100%;
}

/* line 44, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button {
  text-align: center;
}

/* line 48, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button span,
.job_apply_button a,
.job_apply_button button,
.job_apply_button input {
  max-width: 100%;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  font-size: 13px;
  display: inline-block;
  padding: 10px 0;
  border: none;
  cursor: pointer;
}

/* line 65, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_non_link {
  padding: 10px 0;
}

/* line 71, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button a,
.job_apply_button button,
.job_apply_button input {
  background: linear-gradient(to right, #5de0e6, #014bae);
  color: #fff !important;
}

/* line 78, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button button:hover,
.job_apply_button a:hover {
  background: linear-gradient(to right, #4ccbd6, #013a87);
}

/* line 84, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_link.disabled {
  background-color: #d3d3d3 !important;
  color: #808080 !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed;
}

/* line 91, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button button.disabled {
  background-color: #d3d3d3 !important;
  color: #808080 !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed;
  background: #d3d3d3 !important;
}

/* line 99, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button {
  display: block;
  width: 100%;
  text-align: center;
}

/* line 105, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button button {
  max-width: 100%;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  border-radius: 50px;
  font-size: 13px;
  display: inline-block;
  padding: 10px 0;
  border: none;
  cursor: pointer;
  background: linear-gradient(to right, #5de0e6, #014bae) !important;
}

/* line 120, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button button:hover {
  background: linear-gradient(to right, #4ccbd6, #013a87) !important;
}

/* line 124, app/assets/stylesheets/shared/_buttons.scss */
.job_apply_button button.disabled {
  background-color: #d3d3d3 !important;
  color: #808080 !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed !important;
  background: #d3d3d3 !important;
}

/* line 1, app/assets/stylesheets/shared/_modals.scss */
#applicationModal {
  z-index: 1000;
  /* Ensure modal appears above slider */
  position: fixed;
}

/* line 7, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* line 19, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-overlay.hidden {
  display: none;
}

/* line 24, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup {
  background-color: white;
  width: 90%;
  max-width: 400px;
  padding: 24px;
  border-radius: 8px;
  text-align: center;
}

/* line 33, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-message {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 39, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-subtext {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}

/* line 45, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-image {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-buttons {
  display: flex;
  width: 100%;
}

/* line 56, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-btn {
  width: 50%;
  padding: 12px;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

/* line 63, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-btn.close {
  background-color: white;
  color: black;
  border-right: 1px solid #ddd;
  font-size: 16px;
}

/* line 70, app/assets/stylesheets/shared/_modals.scss */
.payment_plan-popup-btn.view {
  background-color: #00b7e0;
  color: white;
}

/** My Page **/
/* line 11, app/assets/stylesheets/pages/business_companies.scss */
.company_mypage_stats_wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: linear-gradient(to right, #cdffd8, #94b9ff);
  padding: 20px;
  gap: 20px;
}

@media (max-width: 670px) {
  /* line 11, app/assets/stylesheets/pages/business_companies.scss */
  .company_mypage_stats_wrapper {
    font-size: 20px;
    border-radius: 8px;
    padding: 2px;
    gap: 8px;
  }
}

/* line 28, app/assets/stylesheets/pages/business_companies.scss */
.company_mypage_stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 670px) {
  /* line 28, app/assets/stylesheets/pages/business_companies.scss */
  .company_mypage_stats {
    font-size: 20px;
    padding: 10px;
    gap: 10px;
  }
}

/* line 41, app/assets/stylesheets/pages/business_companies.scss */
.company_stats_box {
  display: flex;
  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-height: 100px;
  position: relative;
  padding: 10px;
}

@media (max-width: 670px) {
  /* line 41, app/assets/stylesheets/pages/business_companies.scss */
  .company_stats_box {
    font-size: 10px;
    min-height: 60px;
    border-radius: 6px;
    padding: 0;
  }
}

/* line 59, app/assets/stylesheets/pages/business_companies.scss */
.company_stats_box a {
  text-decoration: none;
  color: inherit;
  width: 65%;
}

/* line 66, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_left {
  width: 35%;
  max-width: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 10px;
}

@media (max-width: 670px) {
  /* line 66, app/assets/stylesheets/pages/business_companies.scss */
  .stats_box_left {
    padding: 0;
  }
}

/* line 83, app/assets/stylesheets/pages/business_companies.scss */
.stats_divider {
  width: 4px;
  background-color: #00b7e0;
  border-radius: 5px;
  margin: 0 10px;
}

@media (max-width: 670px) {
  /* line 83, app/assets/stylesheets/pages/business_companies.scss */
  .stats_divider {
    font-size: 12px;
    width: 3px;
    border-radius: 3px;
    margin: 3px 0;
  }
}

/* line 98, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_right {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 106, app/assets/stylesheets/pages/business_companies.scss */
.company_stats_box a {
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_right_top_left_column {
  flex: 1;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}

/* line 118, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_right_top_left_column a {
  text-decoration: none;
}

/* line 123, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_right_top_right_column {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: flex-end;
}

/* line 133, app/assets/stylesheets/pages/business_companies.scss */
.stats_value {
  font-size: 32px;
  font-weight: bold;
  color: #222;
  text-decoration: none;
}

/* line 139, app/assets/stylesheets/pages/business_companies.scss */
.stats_value a {
  text-decoration: none;
}

@media (max-width: 670px) {
  /* line 133, app/assets/stylesheets/pages/business_companies.scss */
  .stats_value {
    font-size: 24px;
  }
}

/* line 148, app/assets/stylesheets/pages/business_companies.scss */
.stats_link_small {
  font-size: 16px;
  font-weight: bold;
  color: black;
  text-decoration: none;
  margin-top: 8px;
  display: inline-block;
}

/* line 156, app/assets/stylesheets/pages/business_companies.scss */
.stats_link_small:hover {
  text-decoration: underline;
  color: #0056b3;
}

@media (max-width: 670px) {
  /* line 148, app/assets/stylesheets/pages/business_companies.scss */
  .stats_link_small {
    font-size: 13px;
    margin-top: 0;
  }
}

/* line 167, app/assets/stylesheets/pages/business_companies.scss */
.stats_label_medium {
  font-size: 14px;
  color: #00b7e0;
}

@media (max-width: 670px) {
  /* line 167, app/assets/stylesheets/pages/business_companies.scss */
  .stats_label_medium {
    font-size: 10px;
  }
}

/* line 176, app/assets/stylesheets/pages/business_companies.scss */
.stats_label_large {
  font-size: 18px;
  color: #00b7e0;
}

@media (max-width: 670px) {
  /* line 176, app/assets/stylesheets/pages/business_companies.scss */
  .stats_label_large {
    font-size: 12px;
  }
}

/* line 185, app/assets/stylesheets/pages/business_companies.scss */
.stats_icon {
  font-size: 28px;
}

/* line 188, app/assets/stylesheets/pages/business_companies.scss */
.stats_icon img {
  width: 30px;
  height: auto;
}

@media (max-width: 670px) {
  /* line 185, app/assets/stylesheets/pages/business_companies.scss */
  .stats_icon {
    font-size: 20px;
    height: 31px;
  }
  /* line 197, app/assets/stylesheets/pages/business_companies.scss */
  .stats_icon img {
    width: 20px;
    height: auto;
  }
}

/* line 204, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_full {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0;
}

/* line 212, app/assets/stylesheets/pages/business_companies.scss */
.campaign_notice {
  color: #007BFF;
  /* bright blue */
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  /* centers the text */
  line-height: 1.6;
}

@media (max-width: 670px) {
  /* line 212, app/assets/stylesheets/pages/business_companies.scss */
  .campaign_notice {
    font-size: 1.5em;
    line-height: 1.0;
  }
}

/* line 227, app/assets/stylesheets/pages/business_companies.scss */
.payment_link {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 232, app/assets/stylesheets/pages/business_companies.scss */
.payment_link a {
  text-decoration: none;
  color: inherit;
}

/* line 238, app/assets/stylesheets/pages/business_companies.scss */
.pyramid_text {
  display: inline-block;
  line-height: 1.6;
  text-align: center;
  font-size: 14px;
  color: black;
  font-weight: bold;
  text-decoration: none;
  padding-top: 10px;
  padding-left: 5px;
}

@media (max-width: 670px) {
  /* line 238, app/assets/stylesheets/pages/business_companies.scss */
  .pyramid_text {
    font-size: 10px;
  }
}

/* line 256, app/assets/stylesheets/pages/business_companies.scss */
.company_payment_stats_box {
  display: flex;
  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-height: 100px;
  position: relative;
  padding: 10px;
}

@media (max-width: 670px) {
  /* line 256, app/assets/stylesheets/pages/business_companies.scss */
  .company_payment_stats_box {
    font-size: 10px;
    min-height: 60px;
    border-radius: 6px;
    padding: 0;
  }
}

/* line 274, app/assets/stylesheets/pages/business_companies.scss */
.company_payment_stats_box a {
  text-decoration: none;
  color: inherit;
  width: 65%;
}

/* line 281, app/assets/stylesheets/pages/business_companies.scss */
.contract_stats {
  flex: 1;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 291, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_bottom_right_outer {
  display: flex;
  flex-direction: column;
}

/* line 296, app/assets/stylesheets/pages/business_companies.scss */
.stats_box_right_bottom_right_column {
  flex: 1;
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  align-items: flex-end;
}

/* line 306, app/assets/stylesheets/pages/business_companies.scss */
.nokori {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 4%;
}

@media (max-width: 670px) {
  /* line 306, app/assets/stylesheets/pages/business_companies.scss */
  .nokori {
    margin-bottom: 6%;
  }
}

/* line 318, app/assets/stylesheets/pages/business_companies.scss */
.campaign_active_text {
  text-align: right;
}

/* line 322, app/assets/stylesheets/pages/business_companies.scss */
.mi_mark {
  display: flex;
  justify-content: center;
}

@media (max-width: 670px) {
  /* line 322, app/assets/stylesheets/pages/business_companies.scss */
  .mi_mark {
    height: 15px;
  }
}

/* line 332, app/assets/stylesheets/pages/business_companies.scss */
.company_mypage_controls_wrapper {
  margin: 10px 5%;
}

/* line 337, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 10px;
}

@media (max-width: 670px) {
  /* line 337, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_group {
    gap: 10px;
  }
}

/* line 348, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_button {
  display: block;
  border: 1px solid #00b7e0;
  border-radius: 10px;
  padding: 5px;
  background-color: white;
  text-decoration: none;
  font-family: 'Zen Maru Gothic', 'Hiragino Maru Gothic Pro', 'Yu Gothic Rounded', sans-serif;
}

@media (max-width: 670px) {
  /* line 348, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_button {
    border-radius: 8px;
    padding: 3px;
  }
}

/* line 364, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_button_job {
  display: block;
  border: 1px solid #00b7e0;
  border-radius: 10px;
  padding: 6px;
  background-color: white;
  text-decoration: none;
  font-family: 'Zen Maru Gothic', 'Hiragino Maru Gothic Pro', 'Yu Gothic Rounded', sans-serif;
}

@media (max-width: 670px) {
  /* line 364, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_button_job {
    border-radius: 9px;
    padding: 3px;
  }
}

/* line 379, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_inner {
  background-color: #00b7e0;
  border-radius: 8px;
  padding: 10px;
}

@media (max-width: 670px) {
  /* line 379, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_inner {
    border-radius: 6px;
    padding: 6px;
  }
}

/* line 392, app/assets/stylesheets/pages/business_companies.scss */
.non-grid_link_inner {
  background-color: #00b7e0;
  border-radius: 8px;
  padding: 15px 20px;
}

@media (max-width: 670px) {
  /* line 392, app/assets/stylesheets/pages/business_companies.scss */
  .non-grid_link_inner {
    border-radius: 6px;
    padding: 6px;
  }
}

/* line 406, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_inner_job {
  background-color: #00b7e0;
  border-radius: 8px;
  padding: 10px;
}

@media (max-width: 670px) {
  /* line 406, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_inner_job {
    border-radius: 6px;
    padding: 6px;
    max-height: 80px;
  }
}

/* line 419, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_inner_chat {
  background-color: #00b7e0;
  border-radius: 15px;
  padding: 5px;
}

@media (max-width: 670px) {
  /* line 419, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_inner_chat {
    border-radius: 8px;
    padding: 3px;
  }
}

/* line 430, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_content {
  display: flex;
  align-items: center;
}

/* line 435, app/assets/stylesheets/pages/business_companies.scss */
.non-grid_link_content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* line 442, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image {
  flex: 0 0 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 448, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image img {
  height: 80%;
  width: auto;
  max-height: 60px;
}

@media (max-height: 670px) {
  /* line 455, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_image img {
    max-height: 40px;
  }
}

/* line 461, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image_small {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 467, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image_small img {
  max-height: 40px;
  width: auto;
}

@media (max-height: 670px) {
  /* line 473, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_image_small img {
    max-height: 30px;
  }
}

/* line 479, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image_note {
  flex: 0 0 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 485, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_image_note img {
  height: 80%;
  width: auto;
  max-height: 50px;
  padding: 5px;
}

@media (max-height: 670px) {
  /* line 493, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_image_note img {
    max-height: 30px;
  }
}

/* line 500, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_text {
  width: 70%;
  display: flex;
  justify-content: center;
  /* vertical centering if only one line */
  align-items: center;
  /* horizontal centering */
  color: white;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-all;
}

/* line 514, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_text div {
  max-width: 4em;
  /* roughly 4 full-width characters */
}

@media (max-width: 670px) {
  /* line 500, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_text {
    font-size: 1.0rem;
  }
}

/* line 524, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_text_wide {
  width: 70%;
  display: flex;
  justify-content: center;
  /* vertical centering if only one line */
  align-items: center;
  /* horizontal centering */
  color: white;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-all;
}

/* line 538, app/assets/stylesheets/pages/business_companies.scss */
.grid_link_text_wide div {
  max-width: 5em;
  /* roughly 4 full-width characters */
}

@media (max-width: 670px) {
  /* line 524, app/assets/stylesheets/pages/business_companies.scss */
  .grid_link_text_wide {
    font-size: 1.0rem;
  }
}

/* line 548, app/assets/stylesheets/pages/business_companies.scss */
.non-grid_link_text {
  flex: 0 0 auto;
  display: flex;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.4;
}

/* line 557, app/assets/stylesheets/pages/business_companies.scss */
.non-grid_link_text div {
  max-width: 100%;
  /* roughly 4 full-width characters */
}

@media (max-width: 670px) {
  /* line 548, app/assets/stylesheets/pages/business_companies.scss */
  .non-grid_link_text {
    font-size: 1.0rem;
  }
}

/* line 567, app/assets/stylesheets/pages/business_companies.scss */
.edit_buttons_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 20px;
}

@media (max-width: 670px) {
  /* line 567, app/assets/stylesheets/pages/business_companies.scss */
  .edit_buttons_row {
    grid-template-columns: 1fr 1fr;
  }
}

/* line 578, app/assets/stylesheets/pages/business_companies.scss */
.edit_button {
  background-color: #f4fcfd;
  border-radius: 10px;
  padding: 20px 10px;
  text-align: center;
  color: #00b7e0;
  font-family: 'Zen Maru Gothic', 'Hiragino Maru Gothic Pro', 'Yu Gothic Rounded', sans-serif;
  font-size: 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  text-decoration: none;
  height: 50px;
  max-height: 50px;
}

@media (max-width: 670px) {
  /* line 578, app/assets/stylesheets/pages/business_companies.scss */
  .edit_button {
    height: 30px;
  }
}

/* line 601, app/assets/stylesheets/pages/business_companies.scss */
.edit_button_text {
  font-size: 1.6rem;
}

@media (max-width: 670px) {
  /* line 601, app/assets/stylesheets/pages/business_companies.scss */
  .edit_button_text {
    font-size: 1.2rem;
  }
}

/* line 609, app/assets/stylesheets/pages/business_companies.scss */
.edit_button_coming_soon {
  position: relative;
  overflow: hidden;
}

/* line 613, app/assets/stylesheets/pages/business_companies.scss */
.edit_button_coming_soon img.coming-soon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}

/* line 625, app/assets/stylesheets/pages/business_companies.scss */
.edit_button_wrapper {
  position: relative;
  overflow: hidden;
}

/* line 630, app/assets/stylesheets/pages/business_companies.scss */
.coming_soon_text {
  opacity: 0.4;
}

/* line 634, app/assets/stylesheets/pages/business_companies.scss */
img.coming-soon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}

/* line 645, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_upper {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}

/* line 651, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_upper a {
  flex: 1 1 50%;
  display: block;
}

/* line 656, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_upper img.banner-image {
  width: 100%;
  height: auto;
  display: block;
}

/* line 663, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_lower {
  width: 100%;
  margin-top: 0;
}

/* line 667, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_lower a {
  display: block;
}

/* line 671, app/assets/stylesheets/pages/business_companies.scss */
.company_banners_lower img.banner-image {
  width: 100%;
  height: auto;
  display: block;
}

/** Business JOBS **/
/* line 680, app/assets/stylesheets/pages/business_companies.scss */
.company_job_list_top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
  width: 90%;
}

@media (max-width: 670px) {
  /* line 680, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_list_top {
    width: 95%;
    gap: 10px;
  }
}

/* line 694, app/assets/stylesheets/pages/business_companies.scss */
.create-job-button {
  background-color: #00b7e0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 40px;
  text-decoration: none;
  width: 100%;
  max-width: 300px;
  text-align: center;
  gap: 10px;
}

@media (max-width: 670px) {
  /* line 694, app/assets/stylesheets/pages/business_companies.scss */
  .create-job-button {
    font-size: 12px;
  }
}

/* line 713, app/assets/stylesheets/pages/business_companies.scss */
.button-icon {
  height: 40px;
  flex-shrink: 0;
}

@media (max-width: 670px) {
  /* line 713, app/assets/stylesheets/pages/business_companies.scss */
  .button-icon {
    height: 30px;
    flex-shrink: 1;
  }
}

/* line 723, app/assets/stylesheets/pages/business_companies.scss */
.left-item {
  color: #00b7e0;
  display: flex;
  align-items: center;
  position: relative;
  top: -6px;
}

/* line 731, app/assets/stylesheets/pages/business_companies.scss */
.triangle {
  font-size: 50px;
  margin-right: 5px;
  position: relative;
  top: -6px;
}

@media (max-width: 670px) {
  /* line 731, app/assets/stylesheets/pages/business_companies.scss */
  .triangle {
    top: -4px;
  }
}

/* line 742, app/assets/stylesheets/pages/business_companies.scss */
.section-label {
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #00b7e0;
  color: white;
  padding: 10px 40px;
  font-weight: bold;
  border-radius: 4px;
  z-index: 1;
}

/* line 754, app/assets/stylesheets/pages/business_companies.scss */
.paused-label {
  background-color: #a6a6a6;
}

/* line 759, app/assets/stylesheets/pages/business_companies.scss */
.paused_body {
  background-color: #d9d9d9;
}

/** BUSINESS SHOW **/
/* line 774, app/assets/stylesheets/pages/business_companies.scss */
.company_show_body.rounded-box {
  border-radius: 12px;
  padding: 20px;
  padding-top: 40px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 670px) {
  /* line 774, app/assets/stylesheets/pages/business_companies.scss */
  .company_show_body.rounded-box {
    padding: 8px;
    padding-top: 30px;
  }
}

/* line 791, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0;
}

/* line 798, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-header {
  font-size: 2.5rem;
  color: white;
  text-shadow: 1px 1px 0 #00b7e0, -1px 1px 0 #00b7e0, 1px -1px 0 #00b7e0, -1px -1px 0 #00b7e0;
  margin-bottom: 2rem;
}

/* line 805, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-box {
  background-color: white;
  width: 80%;
  padding: 2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

/* line 813, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-table {
  border-collapse: collapse;
  width: 100%;
  border: none;
}

/* line 818, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-table tr {
  height: 60px;
}

/* line 822, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-table td {
  border: none;
  padding: 8px 12px;
  vertical-align: middle;
}

/* line 829, app/assets/stylesheets/pages/business_companies.scss */
.separator-row td {
  padding: 0;
  height: 70px;
}

/* line 835, app/assets/stylesheets/pages/business_companies.scss */
.separator-row td {
  padding: 0;
  max-height: 70px;
  height: 70px;
}

/* line 841, app/assets/stylesheets/pages/business_companies.scss */
.separator-line {
  height: 1px;
  background-color: #daf5f9;
  width: 80%;
  margin: 0 auto;
}

/* line 848, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-table tr:not(:first-child) {
  border-top: 1px solid #daf5f9;
}

/* line 852, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-left {
  width: 40%;
  text-align: center;
  color: #a6a6a6;
  vertical-align: middle;
  padding: 1rem 0;
}

/* line 860, app/assets/stylesheets/pages/business_companies.scss */
.company_overview-right {
  padding: 1rem 0;
  color: #000;
  font-family: 'Zen Maru Gothic', sans-serif;
  text-align: left;
  padding-left: 30%;
}

/* line 869, app/assets/stylesheets/pages/business_companies.scss */
.company-icon {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ccc;
}

/* line 877, app/assets/stylesheets/pages/business_companies.scss */
.company_website-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* line 883, app/assets/stylesheets/pages/business_companies.scss */
.company_website-links li {
  margin-bottom: 0.2em;
}

/* line 887, app/assets/stylesheets/pages/business_companies.scss */
.company_message_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* line 896, app/assets/stylesheets/pages/business_companies.scss */
.company_show_left-side {
  width: 70%;
  margin-top: 1rem;
  z-index: 2;
  align-self: flex-start;
  margin-left: 4.0rem;
}

/* line 903, app/assets/stylesheets/pages/business_companies.scss */
.company_show_left-side .message_person {
  width: 100%;
  height: auto;
  display: block;
}

/* line 910, app/assets/stylesheets/pages/business_companies.scss */
.company_message_text {
  background-color: white;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 85%;
  margin-top: -4%;
  z-index: 1;
  position: relative;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  text-align: left;
  word-wrap: break-word;
  line-height: 1.6;
}

/* line 926, app/assets/stylesheets/pages/business_companies.scss */
.business_edit_button {
  margin-top: 30px;
  padding-bottom: 30px;
}

/* line 931, app/assets/stylesheets/pages/business_companies.scss */
.edit-button-image {
  width: 30%;
  display: block;
  margin: 0 auto;
}

/* line 937, app/assets/stylesheets/pages/business_companies.scss */
.company_show_jobs_title_wrapper {
  display: flex;
  max-width: 90%;
  width: 90%;
  margin-top: 20px;
  margin-left: 2rem;
}

/* line 945, app/assets/stylesheets/pages/business_companies.scss */
.company_show_jobs_title_image {
  width: 100%;
  height: auto;
}

/* line 949, app/assets/stylesheets/pages/business_companies.scss */
.company_show_jobs_title_image img {
  width: 80%;
  height: auto;
}

/* line 955, app/assets/stylesheets/pages/business_companies.scss */
.company_show_jobs_count {
  display: flex;
  align-items: flex-end;
  width: 5%;
  margin-right: 2rem;
}

/* line 961, app/assets/stylesheets/pages/business_companies.scss */
.company_show_jobs_count .company_show_top_current_jobs_number {
  margin: 0;
  font-size: 1rem;
}

/* line 967, app/assets/stylesheets/pages/business_companies.scss */
.company_show_top_current_jobs_number {
  display: flex;
  align-items: baseline;
  gap: 0.2em;
  margin: 0;
  font-size: 1rem;
}

/* line 974, app/assets/stylesheets/pages/business_companies.scss */
.company_show_top_current_jobs_number span {
  display: inline;
}

/* line 980, app/assets/stylesheets/pages/business_companies.scss */
.company_job_index_wrapper {
  margin-top: 40px;
}

/* line 984, app/assets/stylesheets/pages/business_companies.scss */
.company_edit_link {
  display: block;
  width: 50%;
  text-align: center;
}

/* line 991, app/assets/stylesheets/pages/business_companies.scss */
.business_company_job_index_wrapper {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;
}

/* line 1000, app/assets/stylesheets/pages/business_companies.scss */
.company_show_top_current_jobs_number,
.company_show_top_current_apply_number {
  margin: 0;
}

/* line 1005, app/assets/stylesheets/pages/business_companies.scss */
.company_show_top_current_jobs_number span,
.company_show_top_current_apply_number span {
  color: #EB3B43;
  font-size: 20px;
  font-weight: bold;
}

/* line 1013, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card {
  position: relative;
  margin: 20px;
  padding: 20px;
  background: white;
  border-radius: 12px;
  overflow: hidden;
}

/* line 1021, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* line 1027, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

/* line 1034, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-header {
  display: flex;
  flex-direction: row;
  max-height: 160px;
}

/* line 1040, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-image {
  width: 40%;
  padding-right: 20px;
  position: relative;
  aspect-ratio: 1 / 1;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* line 1051, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* line 1060, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 1068, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 1076, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-description {
  flex-basis: 60%;
}

@media (max-width: 670px) {
  /* line 1076, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-description {
    flex-basis: 60%;
  }
}

/* line 1083, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-description .company_job_card-description_text {
  margin-left: 20px;
  margin-top: 6px;
}

@media (max-width: 670px) {
  /* line 1083, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-description .company_job_card-description_text {
    margin-left: 5px;
  }
}

/* line 1092, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-description h3.company_job_title {
  text-align: left;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1099, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-description p {
  margin: 3px 0;
  font-size: 0.9rem;
  color: #333;
}

@media (max-width: 670px) {
  /* line 1099, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-description p {
    font-size: 0.8rem;
  }
}

/* line 1110, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .position-relative {
  position: relative;
}

/* line 1114, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .job-card-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 1123, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 20px;
  margin: 10px 0;
}

@media (max-width: 670px) {
  /* line 1123, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-footer {
    gap: 0;
    margin: 0;
  }
}

/* line 1137, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-footer_spacer {
  flex-basis: 34%;
}

/* line 1142, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons {
  flex-basis: 40%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

@media (max-width: 670px) {
  /* line 1142, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-buttons {
    flex-basis: 40%;
  }
}

/* line 1155, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons .company_job_button {
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  background-color: #00b7e0;
  color: #000;
  font-size: 0.85rem;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  z-index: 3;
  position: relative;
  width: 67%;
  height: 40px;
  text-align: center;
  align-content: center;
}

@media (max-width: 670px) {
  /* line 1155, app/assets/stylesheets/pages/business_companies.scss */
  .company_job_card .company_job_card-buttons .company_job_button {
    padding: 2px 6px;
  }
}

/* line 1177, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons .pause {
  background-color: #fbbd08;
  color: white;
}

/* line 1182, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons .resume {
  background-color: #21ba45;
  color: white;
}

/* line 1187, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons .continue {
  background-color: #2185d0;
  color: white;
}

/* line 1192, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .company_job_card-buttons .insta {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: white;
}

/* line 1198, app/assets/stylesheets/pages/business_companies.scss */
.company_job_card .breakable-jp {
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}