.elementor-60 .elementor-element.elementor-element-ecc7dd3{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-ecc7dd3:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-ecc7dd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://neevietnam.com/wp-content/uploads/2025/10/bg_cpn.png");background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-30cfee6 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-weight:600;color:var( --e-global-color-astglobalcolor4 );}.elementor-60 .elementor-element.elementor-element-9862cc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-60 .elementor-element.elementor-element-7687415{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-60 .elementor-element.elementor-element-ecc7dd3{--min-height:120px;}.elementor-60 .elementor-element.elementor-element-30cfee6{padding:0px 15px 0px 15px;}.elementor-60 .elementor-element.elementor-element-30cfee6 .elementor-heading-title{font-size:1.2rem;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-ecc7dd3{--min-height:80px;}.elementor-60 .elementor-element.elementor-element-30cfee6{padding:0px 10px 0px 10px;}.elementor-60 .elementor-element.elementor-element-30cfee6 .elementor-heading-title{font-size:1.1rem;}}/* Start custom CSS for html, class: .elementor-element-c50be3a */.recruit-container {
  display: flex;
  gap: 30px;
  padding: 20px 0;
  font-family: Arial, sans-serif;
}

/* Cột trái */
.job-list {
  width: 35%;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
}

.job-filter h3 {
  font-size: 1rem;
  color: #2b4b26;
  margin-bottom: 10px;
}

.job-filter input,
.job-filter select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

/* Job item */
.job-item {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.3s ease;
}

.job-item:hover {
  background: #edf5ef;
}

.job-item.active {
  border-left: 4px solid #2b4b26;
  background: #f3f9f4;
}

.job-title {
  font-weight: 600;
  color: #2b4b26;
  margin-bottom: 4px;
}

.job-meta {
  font-size: 0.7rem;
  color: #555;
}

/* Cột phải */
.job-detail {
  flex: 1;
  background: #fff;
  border-radius: 8px;
  padding: 20px 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.job-detail h2 {
  color: #2b4b26;
  border-bottom: 2px solid #2b4b26;
  padding-bottom: 6px;
  margin-bottom: 15px;
  font-size: 1.5rem;
}

.box-job-info h3 {
  color: #2b4b26;
  font-size: 1rem;
  margin-top: 20px;
  margin-bottom: 10px;
}

.content-tab ul {
  margin: 0;
  padding-left: 18px;
  list-style-type: disc;
}

.content-tab li {
  margin-bottom: 6px;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Hộp thông tin ứng tuyển */
.apply-box {
  background: #f5f5f5;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}

.apply-box h3 {
  color: #2b4b26;
  font-size: 10pxrem;
  font-weight: 700;
}

.apply-box a {
  color: #2b4b26;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem
}

.apply-box a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .recruit-container {
    flex-direction: column;
  }
  .job-list {
    width: 100%;
  }
}/* End custom CSS */