.elementor-36892 .elementor-element.elementor-element-af7b79b{--display:flex;}.elementor-36892 .elementor-element.elementor-element-af7b79b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-36892 .elementor-element.elementor-element-1a81ee8{--display:flex;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-repeater-item-427eaeb .swiper-slide-bg{background-image:url(https://employability.regent.ac.za/wp-content/uploads/2024/02/shutterstock_1180647865-e1753784045540.jpg);background-size:cover;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-repeater-item-427eaeb .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-repeater-item-427eaeb .swiper-slide-contents{margin-right:auto;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-repeater-item-427eaeb .swiper-slide-inner{text-align:start;}.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide{transition-duration:calc(5000ms*1.2);height:300px;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-slide-button{background-color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;border-width:0px;border-radius:8px;color:var( --e-global-color-5b8b2394 );}.elementor-36892 .elementor-element.elementor-element-2da220d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 010px 0px;}.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide-contents{max-width:66%;}.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide-inner{padding:0px 50px 0px 50px;text-align:center;}.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-slide-heading{color:var( --e-global-color-5b8b2394 );font-family:"Poppins", Sans-serif;font-size:61px;font-weight:700;font-style:normal;line-height:77px;letter-spacing:0px;word-spacing:6px;}.elementor-36892 .elementor-element.elementor-element-559560d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-36892 .elementor-element.elementor-element-5170ded{--display:flex;}.elementor-36892 .elementor-element.elementor-element-9cfe379{width:auto;max-width:auto;top:-74px;}.elementor-36892 .elementor-element.elementor-element-9cfe379 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-36892 .elementor-element.elementor-element-9cfe379.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-36892 .elementor-element.elementor-element-9cfe379{left:-3px;}body.rtl .elementor-36892 .elementor-element.elementor-element-9cfe379{right:-3px;}@media(max-width:767px){.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide{height:200px;}.elementor-36892 .elementor-element.elementor-element-2da220d .swiper-slide-contents{max-width:100%;}.elementor-36892 .elementor-element.elementor-element-2da220d .elementor-slide-heading{font-size:38px;line-height:1.4em;}.elementor-36892 .elementor-element.elementor-element-559560d{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}}@media(min-width:768px){.elementor-36892 .elementor-element.elementor-element-af7b79b{--width:100%;}.elementor-36892 .elementor-element.elementor-element-559560d{--content-width:100%;}}/* Start custom CSS for slides, class: .elementor-element-2da220d *//* Assign CSS class "jobseekers-table" to the table element in Elementor */
.jobseekers-table {
  width: 100%;
  border-collapse: collapse;
}
.jobseekers-table th,
.jobseekers-table td {
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

@media (max-width: 680px) {
  .jobseekers-table thead {
    display: none;
  }
  .jobseekers-table,
  .jobseekers-table tbody,
  .jobseekers-table tr,
  .jobseekers-table td {
    display: block;
    width: 100%;
  }
  .jobseekers-table tr {
    background: #fff;
    margin: 0 0 14px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
  }
  .jobseekers-table td {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    border: 0;
  }
  .jobseekers-table td:nth-child(1)::before { content: "Student / Graduate:"; font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(2)::before { content: "Gender:";              font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(3)::before { content: "Study Year:";          font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(4)::before { content: "Industry / Sector:";   font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(5)::before { content: "Role:";                font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(6)::before { content: "Location:";            font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(7)::before { content: "Skills / Experience:"; font-weight: 600; flex: 0 0 40%; }
  .jobseekers-table td:nth-child(8)::before { content: "Motivation:";          font-weight: 600; flex: 0 0 40%; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d2f0c8a *//* ========== BASE (desktop/tablet keeps normal table) ========== */
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable {
  width: 100% !important;
  border-collapse: collapse;
}
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable th,
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td {
  white-space: normal !important;   /* override DataTables nowrap */
  word-break: break-word;
  padding: 12px 10px;
}

/* Controls tidy on mobile & desktop */
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a .dataTables_length,
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a .dataTables_filter,
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a .dataTables_info,
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a .dataTables_paginate {
  float: none !important;
  width: 100%;
  text-align: left;
  margin: 6px 0;
}
.elementor-36892 .elementor-element.elementor-element-2d2f0c8a .dataTables_filter input { width: 100%; }

/* ========== MOBILE CARD VIEW ========== */
@media (max-width: 680px) {
  /* Hide table header; convert rows to cards */
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable thead { display: none !important; }

  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable,
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable tbody,
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable tr,
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td {
    display: block !important;
    width: 100% !important;
  }

  /* Card styling */
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable tr {
    background: #fff;
    margin: 0 0 14px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 10px 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
  }

  /* Each cell becomes a labeled row within the card */
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td {
    display: flex !important;
    gap: 8px;
    padding: 8px 0 !important;
    border: 0 !important;
  }

  /* === Update these labels if your column order changes === */
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(1)::before { content: "Student / Graduate:"; font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(2)::before { content: "Gender:";              font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(3)::before { content: "Study Year:";          font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(4)::before { content: "Industry / Sector:";   font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(5)::before { content: "Role:";                font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(6)::before { content: "Location:";            font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(7)::before { content: "Skills / Experience:"; font-weight: 600; flex: 0 0 42%; }
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td:nth-child(8)::before { content: "Motivation:";          font-weight: 600; flex: 0 0 42%; }

  /* Keep long content tidy inside the value side */
  .elementor-36892 .elementor-element.elementor-element-2d2f0c8a table.dataTable td > * {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* Safety: avoid page-level horizontal scroll */
html, body { overflow-x: hidden; }/* End custom CSS */