.section_jobs{
        margin-top:60px;
        margin-bottom:100px;
    }
    .jobs__image-wrapper img{
        margin-left: 30px;
        position: relative;
        z-index: 2;
    }
    .jobs__bg--top-left{
            top: -40px;
left: 0;
    }
    .jobs__bg--bottom-right{
            bottom: -60px;
right: 0;
    }
     /* ===== Wrapper ===== */
.section_positions{
  background:#f6f6f6;  
  padding-top:60px;
  padding-bottom:80px;
}
.section_positions .container{
    position:relative;
    z-index:2;
}
.section_positions .section__title{
    margin-bottom:0;
}

/* ===== Card ===== */
.positions__card{
  background:#fff;
  border-radius:10px;
  border:1px solid #eef0f3;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  padding:20px 30px;
}
.positions__card:not(:last-child){
    margin-bottom:20px;
}

.positions__row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.positions__main{ flex:1 1 auto; min-width:0; }

/* ===== Heading & list ===== */
.positions__heading{
  margin:0 0 10px;
  color:#2d2f43;
  font-weight:800;
  font-size:1.125rem;
}

.positions__card ol,
.positions__card ul{
  margin:0;
  padding-left:1.2rem;        /* số thứ tự 1.,2.,… */
  line-height:1.7;
  font-size:1rem;
}
.positions__card ol li,
.positions__card ul li{
    margin-bottom:.35rem;
}
.positions__card ul li a,
.positions__card ol li a{
    color:#252525;
}

/* ===== CTA button ===== */
.positions__cta{
  flex:0 0 auto;
  align-self:flex-end;
  text-align:right;
}
.positions__btn{
  display:inline-block;
  padding:10px 16px;
  border:2px solid #274abb;
  color:#274abb;
  background:transparent;
  border-radius:6px;
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  transition:all .2s ease;
  white-space:nowrap;
}
.positions__btn:hover{ background:#274abb; color:#fff; }

@media (max-width:1199px){
    .section_jobs{
        margin-bottom:60px;
    }
}
/* ===== Responsive ===== */
@media (max-width: 992px){
  .section_positions{ padding:44px 0; }
}
@media (max-width: 768px){
  .section_positions{ padding:36px 0; }
  .positions__row{ flex-direction:column; gap:12px; }
  .positions__cta{ text-align:left; }
  .section_jobs{
      margin:2rem 0;
  }
}
@media (max-width: 576px){
  .positions__card{ padding:18px; }
  .positions__btn{ padding:9px 14px; font-size:.9rem; }
}

/* Nav container (góc phải) */
.positions__nav{
  display:inline-flex;
  background:#cfe0fb;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  padding:0 1rem;
}
.positions__nav-btn{
  width:auto; height:40px;
  display:grid; place-items:center;
  background:transparent; border:0; padding:0; cursor:pointer;
}
.positions__nav-btn:hover svg path{ stroke:#0f2fa8; }

/* Ordinal */
.positions__ordinal{ margin-right:.45rem; font-weight:800; }

/* Slide spacing */
.positions__swiper{ --gap:24px; }
.positions__swiper .swiper-slide{ padding-top:4px; }
@media (max-width:768px){
  .positions__nav{ transform:scale(.95); }
}
.position__bg--bottom-right{
        bottom: 40px;
    right: 0;
    width: 25%;
    height: 100px;
}
.section_positions--grid{ background:#f5f6f8; padding:56px 0; }

.positions__grid-card{
  display:block; height:100%;
  background:#fff; border:1px solid #eef0f3; border-radius:10px; overflow:hidden;
  text-decoration:none; transition:box-shadow .2s, transform .2s;
}
.positions__grid-card:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(16,24,40,.12); }

.positions__grid-figure{ position:relative; width:100%; padding-top:56.25%; background:#f1f3f6; margin:0; }
.positions__grid-figure img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.positions__grid-title{
  margin:0; padding:12px 14px; min-height:3.2em;
  color:#2d2f43; font-weight:700; font-size:1rem; line-height:1.45;
}
@media (max-width:576px){ .positions__grid-title{ font-size:.95rem; padding:10px 12px; } }

/* Section */
.section_positions--list { background:#f5f6f8; padding:56px 0; }

/* Card mềm mại */
.jobline__item{
  background:#fff;
  border:1px solid #e7edf5;                    /* viền nhẹ */
  border-radius:14px;
  padding:14px 18px;
  box-shadow:0 1px 2px rgba(16,24,40,.06),      /* bóng rất nhẹ */
             0 8px 12px rgba(16,24,40,.04);
  transition:border-color .2s ease,
             box-shadow .2s ease,
             transform .2s ease;
}
.jobline__item:not(:last-child){
    margin-bottom:1rem;
}
.jobline__item:hover{
  border-color:#d7e3f7;
  box-shadow:0 6px 18px rgba(16,24,40,.10);
  transform:translateY(-2px);
}
.jobline__item:focus-within{
  outline:0;
  border-color:#c8d8ff;
  box-shadow:0 0 0 4px rgba(43,74,214,.08), 0 8px 20px rgba(16,24,40,.12);
}

/* Logo vuông (mềm) */
.jobline__logo-wrap{
  width:60px; height:60px;
  border-radius:12px;
  background:#f7f9fc;
  border:1px solid #edf1f7;
  overflow:hidden;
}
.jobline__logo{ width:100%; height:100%; object-fit:cover; display:block; }

/* Tiêu đề */
.jobline__title{
  margin:0;
  color:#2d2f43;
  font-weight:800;
  font-size:1.05rem;
  line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.jobline__title a{ color:inherit; text-decoration:none; }
.jobline__title a:hover{ color:#1e3bb5; }

/* Nút Ứng tuyển (pill, viền mảnh) */
.jobline__apply{
  display:inline-block;
  padding:9px 16px;
  border-radius:999px;
  border:1.5px solid #2b4ad6;
  color:#2b4ad6;
  background:#fff;
  font-weight:700; font-size:.95rem;
  text-decoration:none;
  transition:all .2s ease;
  white-space:nowrap;
}
.jobline__apply:hover{
  background:#2b4ad6; color:#fff;
  box-shadow:0 6px 14px rgba(43,74,214,.22);
}

/* Responsive nhỏ gọn */
@media (max-width:768px){
  .section_positions--list{ padding:36px 0; }
  .jobline__logo-wrap{ width:56px; height:56px; }
  .jobline__title{ font-size:1rem; }
  .jobline__apply{ padding:8px 14px; font-size:.9rem; }
}
@media (max-width:576px){
  .jobline__item{ padding:12px; }
  .jobline__logo-wrap{ width:52px; height:52px; }
}
 /* ===== Job Detail ===== */
.jobdetail { background:#fff;padding-top:5rem; }
.jobdetail__header .row{
    align-items: center;
}
.jobdetail__title{
  margin:0; color:#20223b; font-weight:900; font-size:40px; line-height:1.15;
  letter-spacing:.2px;
}
@media (max-width: 768px){ .jobdetail__title{ font-size:30px; } }
@media (max-width: 576px){ .jobdetail__title{ font-size:26px; } }

.jobdetail__apply{
  display:inline-block; padding:12px 22px; border-radius:999px;
  border:2px solid #1e3bb5; color:#1e3bb5; background:#fff;
  font-weight:700; text-decoration:none; transition:all .2s ease;
  white-space:nowrap;
}
.jobdetail__apply:hover{ background:#1e3bb5; color:#fff; box-shadow:0 8px 16px rgba(30,59,181,.18); }

.jobdetail__content{ padding:8px 0 28px; }
.jobdetail__content p{ line-height:1.8; }
.jobdetail__content img{ max-width:100%; height:auto; border-radius:8px; }

/* ===== Apply Form ===== */
.applyform{ padding:28px 0 60px; background:linear-gradient(#fff,#fafbfe); }
.applyform__card{
  background:#fff; border:1px solid #eef1f6; border-radius:18px; overflow:hidden;
  box-shadow:0 10px 24px rgba(16,24,40,.08);
}

/* left */
.applyform__media{ position:relative; min-height:280px; }
.applyform__visual{
  position:absolute; inset:0; background-size:cover; background-position:center;
  filter:saturate(.95);
}
.applyform__copy{
  position:relative; z-index:2; color:#fff; padding:28px; max-width:440px;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.applyform__title{
  margin:0 0 10px; font-weight:900; font-size:42px; line-height:1.05; letter-spacing:1px;
}
.applyform__hr{ width:76px; height:4px; background:#fff; opacity:.9; border-radius:2px; margin:12px 0 16px; }
.applyform__copy p{ margin:0; font-size:18px; line-height:1.6; }

@media (max-width: 992px){
  .applyform__title{ font-size:34px; }
}
@media (max-width: 768px){
  .applyform__media{ min-height:200px; }
  .applyform__title{ font-size:28px; }
}

/* right */
.applyform__body{ background:#fff; padding:22px 26px; }
.applyform__form label{ font-weight:700;margin-bottom:0.5rem;display:inline-block;width:100%; }
.applyform__form .form-control{
  border-radius:10px; border:1px solid #dfe5ee; padding:.6rem .85rem;width:100%;margin-bottom:1rem;
}
.applyform__form .form-control:focus{
  border-color:#b8c7ff; box-shadow:0 0 0 .25rem rgba(30,59,181,.08);
}

/* uploader */
.applyform__uploader{
  display:flex; align-items:center; justify-content:center; min-height:120px;
  border:2px dashed #cdd8ef; border-radius:12px; background:#fbfcff; cursor:pointer;
  padding:18px; text-align:center; transition:border-color .2s ease, background .2s ease;
}
.applyform__uploader:hover{ border-color:#9eb5ff; background:#f7f9ff; }
.applyform__uploader-note{ color:#56607a; }

/* submit */
.applyform__submit{
  display:inline-block; margin-top:6px; padding:12px 34px;
  border-radius:999px; border:2px solid #1e3bb5; background:#1e3bb5; color:#fff;
  font-weight:800; letter-spacing:.2px; transition:transform .15s ease, box-shadow .2s ease;
}
.applyform__submit:hover{ transform:translateY(-1px); box-shadow:0 10px 18px rgba(30,59,181,.22); }

/* spacing tweaks */
@media (max-width: 992px){
  .applyform__body{ padding:18px; }
}
/* Base alert */
.applyform__notification .alert{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  margin:0;                      /* tránh bị đẩy layout */
  padding:12px 14px;
  border-radius:12px;
  border:1px solid transparent;
  box-shadow:0 6px 14px rgba(16,24,40,.08);
  font-weight:600;
  line-height:1.4;
  animation:alert-in .24s ease both;
}

/* Success style */
.applyform__notification .alert-success{
  background:#ecfdf5;            /* nền xanh nhạt */
  border-color:#b7e4cc;          /* viền nhạt */
  color:#146c43;                 /* chữ xanh đậm */
  position:relative;
}

/* Icon check ✓ ở đầu */
.applyform__notification .alert-success::before{
  content:"✓";
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:22px; height:22px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  background:#16a34a;           /* xanh lá tươi */
  color:#fff;
}

/* Nút đóng */
.applyform__notification .alert .close{
  margin-left:auto;
  border:0;
  background:transparent;
  color:inherit;
  opacity:.6;
  padding:6px 8px;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:opacity .2s ease, transform .2s ease;
}
.applyform__notification .alert .close:hover{
  opacity:1;
  transform:scale(1.05);
}

/* Hiệu ứng vào */
@keyframes alert-in{
  from{opacity:0; transform:translateY(-6px)}
  to  {opacity:1; transform:translateY(0)}
}

    /* ===== Job Detail ===== */
.jobdetail { background:#fff;padding-top:5rem; }
.jobdetail__header .row{
    align-items: center;
}
.jobdetail__title{
  margin:0; color:#20223b; font-weight:900; font-size:40px; line-height:1.15;
  letter-spacing:.2px;
}
@media (max-width: 768px){ .jobdetail__title{ font-size:30px; } }
@media (max-width: 576px){ .jobdetail__title{ font-size:26px; } }

.jobdetail__apply{
  display:inline-block; padding:12px 22px; border-radius:999px;
  border:2px solid #1e3bb5; color:#1e3bb5; background:#fff;
  font-weight:700; text-decoration:none; transition:all .2s ease;
  white-space:nowrap;
}
.jobdetail__apply:hover{ background:#1e3bb5; color:#fff; box-shadow:0 8px 16px rgba(30,59,181,.18); }

.jobdetail__content{ padding:8px 0 28px; }
.jobdetail__content p{ line-height:1.8; }
.jobdetail__content img{ max-width:100%; height:auto; border-radius:8px; }

/* ===== Apply Form ===== */
.applyform{ padding:28px 0 60px; background:linear-gradient(#fff,#fafbfe); }
.applyform__card{
  background:#fff; border:1px solid #eef1f6; border-radius:18px; overflow:hidden;
  box-shadow:0 10px 24px rgba(16,24,40,.08);
}

/* left */
.applyform__media{ position:relative; min-height:280px; }
.applyform__visual{
  position:absolute; inset:0; background-size:cover; background-position:center;
  filter:saturate(.95);
}
.applyform__copy{
  position:relative; z-index:2; color:#fff; padding:28px; max-width:440px;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.applyform__title{
  margin:0 0 10px; font-weight:900; font-size:42px; line-height:1.05; letter-spacing:1px;
}
.applyform__hr{ width:76px; height:4px; background:#fff; opacity:.9; border-radius:2px; margin:12px 0 16px; }
.applyform__copy p{ margin:0; font-size:18px; line-height:1.6; }

@media (max-width: 992px){
  .applyform__title{ font-size:34px; }
}
@media (max-width: 768px){
  .applyform__media{ min-height:200px; }
  .applyform__title{ font-size:28px; }
}

/* right */
.applyform__body{ background:#fff; padding:22px 26px; }
.applyform__form label{ font-weight:700;margin-bottom:0.5rem;display:inline-block;width:100%; }
.applyform__form .form-control{
  border-radius:10px; border:1px solid #dfe5ee; padding:.6rem .85rem;width:100%;margin-bottom:1rem;
}
.applyform__form .form-control:focus{
  border-color:#b8c7ff; box-shadow:0 0 0 .25rem rgba(30,59,181,.08);
}

/* uploader */
.applyform__uploader{
  display:flex; align-items:center; justify-content:center; min-height:120px;
  border:2px dashed #cdd8ef; border-radius:12px; background:#fbfcff; cursor:pointer;
  padding:18px; text-align:center; transition:border-color .2s ease, background .2s ease;
}
.applyform__uploader:hover{ border-color:#9eb5ff; background:#f7f9ff; }
.applyform__uploader-note{ color:#56607a; }

/* submit */
.applyform__submit{
  display:inline-block; margin-top:6px; padding:12px 34px;
  border-radius:999px; border:2px solid #1e3bb5; background:#1e3bb5; color:#fff;
  font-weight:800; letter-spacing:.2px; transition:transform .15s ease, box-shadow .2s ease;
}
.applyform__submit:hover{ transform:translateY(-1px); box-shadow:0 10px 18px rgba(30,59,181,.22); }
@media (max-width:1199px){
    .jobs__image-wrapper img{
        margin-left:0;
    }
}
/* spacing tweaks */
@media (max-width: 992px){
  .applyform__body{ padding:18px; }
  .jobline__item{
      display:block !important;
  }
  .jobline__item > div{
      padding:0 !important;
  }
  .jobline__item > div:not(:last-child){
      margin-bottom:1rem;
  }
}
@media (max-width:575px){
    .section_positions .section__title{
                font-size: 28px;
        line-height: 38px;
    }
}