/* ============================================
     Job Alerts Section
     Based on Figma Design: Planet Pharma
     Node IDs: 2-429, 2-463, 2-464
     ============================================ */
  
  /* Job Alerts Section Container
     Single div containing all three components */
     .job-alerts-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-lg);
        width: 100%;
        position: relative;
        box-sizing: border-box;
        border-radius: var(--radius-md);
        box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.08);
        background-color: var(--white);
        padding: var(--spacing-md);
     }
      .job-alerts-image {
        position: relative;
        width: 100%;
        border-radius: var(--radius-sm);
        overflow: hidden;
      }
      
      .job-alerts-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
      }
      
      /* Job Alerts Heading */
      .job-alerts-heading {
        color: var(--Grey-Headings, #494A52);
        text-align: center;
        font-family: "Bebas Neue";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 116.667% */
        text-transform: uppercase;
      }
      
      .job-alerts-heading p {
        margin: 0;
      }
      
      /* Job Alerts Button/Link */
      .job-alerts-button {
        display: flex;
        flex-direction: column;
        gap: 2px;
        align-items: center;
        padding-top: 6px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        cursor: pointer;
        text-decoration: none;
        background: none;
        border: none;
        font-family: var(--font-body);
        font-size: var(--font-size-button);
        font-weight: 400;
        line-height: var(--line-height-button);
        color: var(--grey-button-text);
        text-align: center;
        transition: opacity 0.2s ease;
      }
      
      .job-alerts-button:hover {
        opacity: 0.8;
      }
      
      .job-alerts-button-text {
        margin: 0;
      }
      
      .job-alerts-button-underline {
        height: 1px;
        width: 100%;
        background-color: var(--grey-button-text);
        margin-top: 2px;
      }

        /* Job Alerts Section Responsive Styles */
  @media (max-width: 768px) {
    .job-alerts-section {
      gap: var(--spacing-md);
    }
    
    .job-alerts-heading {
      font-size: 20px;
      line-height: 24px;
    }
  }