:root {      --primary-color: #fdd835; /* Yellow */      --secondary-color: #424242; /* Dark Grey */      --text-color: #e0e0e0; /* Light Grey */      --background-color: #212121; /* Very Dark Grey */      --accent-color: #e53935; /* Red */      --border-color: #616161; /* Medium Grey */      --button-bg: var(--primary-color);      --button-text: #212121;      --link-color: var(--primary-color);    }    /* Base styles for the page content, ensuring contrast and readability */    .page-jl-recruitment-2024 {      font-family: 'Arial', sans-serif;      color: var(--text-color);      background-color: var(--background-color);      line-height: 1.6;      padding-top: 10px; /* Small padding as body handles header offset */    }    .page-jl-recruitment-2024__container {      max-width: 1200px;      margin: 0 auto;      padding: 20px;      box-sizing: border-box;    }    .page-jl-recruitment-2024__section {      padding: 60px 0;      border-bottom: 1px solid var(--secondary-color);    }    .page-jl-recruitment-2024__section:last-of-type {      border-bottom: none;    }    .page-jl-recruitment-2024__heading {      font-size: 2.5em;      color: var(--primary-color);      text-align: center;      margin-bottom: 40px;      text-transform: uppercase;      letter-spacing: 1px;    }    .page-jl-recruitment-2024__subheading {      font-size: 1.8em;      color: var(--text-color);      margin-bottom: 20px;      text-align: center;    }    .page-jl-recruitment-2024__text {      font-size: 1.1em;      margin-bottom: 20px;      text-align: justify;    }    .page-jl-recruitment-2024__button {      display: inline-block;      background-color: var(--button-bg);      color: var(--button-text);      padding: 15px 30px;      border-radius: 8px;      text-decoration: none;      font-weight: bold;      transition: background-color 0.3s ease, transform 0.2s ease;      text-align: center;      cursor: pointer;      border: none;    }    .page-jl-recruitment-2024__button:hover {      background-color: var(--accent-color);      transform: translateY(-2px);      color: #ffffff;    }    .page-jl-recruitment-2024__image-wrapper {      width: 100%;      max-width: 100%;      overflow: hidden;      box-sizing: border-box;      margin-bottom: 20px;    }    .page-jl-recruitment-2024__image {      max-width: 100%;      height: auto;      display: block;      border-radius: 8px;    }    /* HERO Section */    .page-jl-recruitment-2024__hero-section {      position: relative;      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('[GALLERY:hero:1920x1080:gaming,casino,philippines,jl_recruitment]') no-repeat center center/cover;      color: #fff;      text-align: center;      padding: 100px 20px;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      min-height: 500px;      box-sizing: border-box;      border-bottom: 1px solid var(--secondary-color);    }    .page-jl-recruitment-2024__hero-title {      font-size: 3.5em;      margin-bottom: 20px;      line-height: 1.2;      color: var(--primary-color);    }    .page-jl-recruitment-2024__hero-subtitle {      font-size: 1.5em;      margin-bottom: 40px;      max-width: 800px;      color: var(--text-color);    }    /* Payment Providers Section */    .page-jl-recruitment-2024__payment-providers {      display: flex;      flex-wrap: wrap;      justify-content: center;      align-items: center;      gap: 30px;      width: 100%;      max-width: 100%;      box-sizing: border-box;      padding: 40px 20px;      background-color: var(--secondary-color);    }    .page-jl-recruitment-2024__payment-logo {      flex: 0 0 auto;      width: 80px;      height: 80px;      max-width: 80px;      max-height: 80px;      box-sizing: border-box;      display: flex;      justify-content: center;      align-items: center;      background-color: #333;      border-radius: 8px;    }    .page-jl-recruitment-2024__payment-logo img {      display: block;      width: 80px !important;      height: 80px !important;      max-width: 80px !important;      max-height: 80px !important;      object-fit: contain;    }    /* Introduction Section */    .page-jl-recruitment-2024__introduction-section .page-jl-recruitment-2024__container {      text-align: center;    }    /* Quick Access Section */    .page-jl-recruitment-2024__quick-access-list {      display: flex;      flex-wrap: wrap;      justify-content: center;      gap: 20px;      list-style: none;      padding: 0;      margin: 0;    }    .page-jl-recruitment-2024__quick-access-item {      flex: 1 1 280px;      max-width: 300px;      background-color: var(--secondary-color);      padding: 25px;      border-radius: 8px;      text-align: center;      box-sizing: border-box;      transition: transform 0.3s ease;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__quick-access-item:hover {      transform: translateY(-5px);      border-color: var(--primary-color);    }    .page-jl-recruitment-2024__quick-access-item h3 {      color: var(--primary-color);      margin-top: 0;      font-size: 1.3em;    }    .page-jl-recruitment-2024__quick-access-item p {      color: var(--text-color);      font-size: 0.95em;      margin-bottom: 20px;    }    /* Core Games Section */    .page-jl-recruitment-2024__game-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));      gap: 30px;    }    .page-jl-recruitment-2024__game-card {      background-color: var(--secondary-color);      border-radius: 8px;      overflow: hidden;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);      transition: transform 0.3s ease;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__game-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);      border-color: var(--primary-color);    }    .page-jl-recruitment-2024__game-card-image-wrapper {      width: 100%;      height: 200px;      overflow: hidden;    }    .page-jl-recruitment-2024__game-card-image {      width: 100%;      height: 100%;      object-fit: cover;      display: block;    }    .page-jl-recruitment-2024__game-card-content {      padding: 20px;    }    .page-jl-recruitment-2024__game-card-title {      font-size: 1.4em;      color: var(--primary-color);      margin-top: 0;      margin-bottom: 10px;    }    .page-jl-recruitment-2024__game-card-description {      font-size: 0.95em;      color: var(--text-color);      margin-bottom: 20px;    }    .page-jl-recruitment-2024__game-card .page-jl-recruitment-2024__button {      width: 100%;      padding: 12px 15px;      font-size: 0.9em;    }    /* Promotions Section */    .page-jl-recruitment-2024__promotions-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));      gap: 30px;    }    .page-jl-recruitment-2024__promotion-card {      background-color: var(--secondary-color);      border-radius: 8px;      padding: 25px;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);      transition: transform 0.3s ease;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__promotion-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);      border-color: var(--primary-color);    }    .page-jl-recruitment-2024__promotion-card-title {      color: var(--primary-color);      font-size: 1.5em;      margin-top: 0;      margin-bottom: 15px;    }    .page-jl-recruitment-2024__promotion-card-description {      color: var(--text-color);      font-size: 1em;      margin-bottom: 20px;    }    .page-jl-recruitment-2024__promotion-card .page-jl-recruitment-2024__button {      padding: 10px 20px;      font-size: 0.9em;    }    /* Security & Customer Support Section */    .page-jl-recruitment-2024__feature-list {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));      gap: 30px;      list-style: none;      padding: 0;      margin: 0;    }    .page-jl-recruitment-2024__feature-item {      background-color: var(--secondary-color);      padding: 25px;      border-radius: 8px;      text-align: center;      box-sizing: border-box;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__feature-item h3 {      color: var(--primary-color);      font-size: 1.4em;      margin-top: 15px;    }    .page-jl-recruitment-2024__feature-item p {      color: var(--text-color);      font-size: 0.95em;    }    .page-jl-recruitment-2024__feature-icon {      width: 60px; /* Display size for the icon */      height: 60px;      margin: 0 auto 10px;      display: block;      object-fit: contain;    }    /* FAQ Section */    .page-jl-recruitment-2024__faq-list {      max-width: 800px;      margin: 0 auto;    }    .page-jl-recruitment-2024__faq-item {      background-color: var(--secondary-color);      margin-bottom: 15px;      border-radius: 8px;      overflow: hidden;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__faq-question {      display: flex;      justify-content: space-between;      align-items: center;      padding: 20px;      cursor: pointer;      user-select: none;      background-color: #333;      transition: background-color 0.3s ease;    }    .page-jl-recruitment-2024__faq-question:hover {      background-color: #444;    }    .page-jl-recruitment-2024__faq-question h3 {      margin: 0;      font-size: 1.2em;      color: var(--primary-color);      pointer-events: none; /* Prevents text from blocking click event */      flex-grow: 1;    }    .page-jl-recruitment-2024__faq-toggle {      font-size: 1.8em;      font-weight: bold;      color: var(--primary-color);      margin-left: 15px;      pointer-events: none; /* Prevents icon from blocking click event */      transition: transform 0.3s ease;    }    .page-jl-recruitment-2024__faq-item.active .page-jl-recruitment-2024__faq-toggle {      transform: rotate(45deg); /* Plus becomes an X-like shape, or just rotate to - */    }    .page-jl-recruitment-2024__faq-answer {      max-height: 0;      overflow: hidden;      padding: 0 20px; /* Initial padding for content */      opacity: 0;      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;      color: var(--text-color);    }    .page-jl-recruitment-2024__faq-item.active .page-jl-recruitment-2024__faq-answer {      max-height: 2000px !important; /* Sufficiently large to contain content */      padding: 20px !important;      opacity: 1;    }    .page-jl-recruitment-2024__faq-answer p {      margin-top: 0;      margin-bottom: 10px;    }    /* Blog Section */    .page-jl-recruitment-2024__blog-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));      gap: 30px;    }    .page-jl-recruitment-2024__blog-card {      background-color: var(--secondary-color);      border-radius: 8px;      overflow: hidden;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);      transition: transform 0.3s ease;      border: 1px solid var(--border-color);    }    .page-jl-recruitment-2024__blog-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);      border-color: var(--primary-color);    }    .page-jl-recruitment-2024__blog-card-image-wrapper {      width: 100%;      height: 200px;      overflow: hidden;    }    .page-jl-recruitment-2024__blog-card-image {      width: 100%;      height: 100%;      object-fit: cover;      display: block;    }    .page-jl-recruitment-2024__blog-card-content {      padding: 20px;    }    .page-jl-recruitment-2024__blog-card-title {      font-size: 1.4em;      color: var(--primary-color);      margin-top: 0;      margin-bottom: 10px;    }    .page-jl-recruitment-2024__blog-card-meta {      font-size: 0.85em;      color: #9e9e9e;      margin-bottom: 15px;    }    .page-jl-recruitment-2024__blog-card-excerpt {      font-size: 0.95em;      color: var(--text-color);      margin-bottom: 20px;    }    .page-jl-recruitment-2024__blog-card .page-jl-recruitment-2024__button {      padding: 10px 20px;      font-size: 0.9em;    }    /* Responsive Design */    @media (max-width: 1024px) {      .page-jl-recruitment-2024__hero-title {        font-size: 3em;      }      .page-jl-recruitment-2024__hero-subtitle {        font-size: 1.3em;      }      .page-jl-recruitment-2024__heading {        font-size: 2em;      }      .page-jl-recruitment-2024__subheading {        font-size: 1.5em;      }    }    @media (max-width: 768px) {      .page-jl-recruitment-2024__container {        padding: 15px;      }      .page-jl-recruitment-2024__section {        padding: 40px 0;      }      .page-jl-recruitment-2024__hero-section {        min-height: 400px;        padding: 80px 15px;      }      .page-jl-recruitment-2024__hero-title {        font-size: 2.5em;      }      .page-jl-recruitment-2024__hero-subtitle {        font-size: 1.1em;      }      .page-jl-recruitment-2024__button {        padding: 12px 25px;        font-size: 0.9em;      }      .page-jl-recruitment-2024__heading {        font-size: 1.8em;        margin-bottom: 30px;      }      .page-jl-recruitment-2024__subheading {        font-size: 1.3em;      }      .page-jl-recruitment-2024__text {        font-size: 1em;      }      /* Payment Providers Mobile */      .page-jl-recruitment-2024__payment-providers {        flex-direction: row;        flex-wrap: wrap;        justify-content: center;        gap: 16px;        padding: 30px 15px;      }      .page-jl-recruitment-2024__payment-logo,      .page-jl-recruitment-2024__payment-logo img {        width: 80px !important;        height: 80px !important;        max-width: 80px !important;        max-height: 80px !important;      }      /* List items responsive */      .page-jl-recruitment-2024__quick-access-list,      .page-jl-recruitment-2024__feature-list,      .page-jl-recruitment-2024__blog-grid,      .page-jl-recruitment-2024__promotions-grid,      .page-jl-recruitment-2024__game-grid {        display: flex;        flex-direction: column;        gap: 20px;      }      .page-jl-recruitment-2024__quick-access-item,      .page-jl-recruitment-2024__feature-item,      .page-jl-recruitment-2024__game-card,      .page-jl-recruitment-2024__promotion-card,      .page-jl-recruitment-2024__blog-card {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;      }      .page-jl-recruitment-2024__quick-access-item p,      .page-jl-recruitment-2024__feature-item p,      .page-jl-recruitment-2024__game-card-description,      .page-jl-recruitment-2024__promotion-card-description,      .page-jl-recruitment-2024__blog-card-excerpt {        word-wrap: break-word !important;        overflow-wrap: break-word !important;      }      /* Images responsive */      .page-jl-recruitment-2024__image-wrapper,      .page-jl-recruitment-2024__game-card-image-wrapper,      .page-jl-recruitment-2024__blog-card-image-wrapper {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;      }      .page-jl-recruitment-2024__image,      .page-jl-recruitment-2024__game-card-image,      .page-jl-recruitment-2024__blog-card-image {        max-width: 100% !important;        height: auto !important;      }      /* FAQ Mobile */      .page-jl-recruitment-2024__faq-question {        padding: 15px;      }      .page-jl-recruitment-2024__faq-question h3 {        font-size: 1.1em;      }      .page-jl-recruitment-2024__faq-toggle {        font-size: 1.5em;      }      .page-jl-recruitment-2024__faq-answer {        padding: 0 15px;      }      .page-jl-recruitment-2024__faq-item.active .page-jl-recruitment-2024__faq-answer {        padding: 15px !important;      }    }    @media (max-width: 480px) {      .page-jl-recruitment-2024__hero-title {        font-size: 2em;      }      .page-jl-recruitment-2024__hero-subtitle {        font-size: 1em;      }      .page-jl-recruitment-2024__heading {        font-size: 1.5em;      }    }