:root {
    --international-orange-engineering: hsl(1, 91%, 37%);
    --cadet-blue-crayola: hsl(222, 14%, 69%);
    --oxford-blue-1: hsl(222, 47%, 15%);
    --oxford-blue-2: hsl(222, 44%, 14%);
    --oxford-blue-3: hsl(222, 50%, 11%);
    --sonic-silver: hsl(0, 0%, 44%);
    --space-cadet: hsl(222, 44%, 18%);
    --pastel-pink: hsl(1, 53%, 75%);
    --eerie-black: hsl(0, 0%, 15%);
    --light-gray: hsl(0, 0%, 80%);
    --white: hsl(0, 0%, 100%);
  }
  
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    background-color: var(--light-gray);
    color: var(--eerie-black);
  }
  
  header {
    background-color: var(--oxford-blue-1);
    color: var(--white);
    padding: 1rem 0;
    text-align: center;
  }
  
  header h1 {
    margin: 0;
    font-size: 2rem;
  }
  
  main {
    padding: 1rem;
    max-width: 800px;
    margin: auto;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  section {
    margin-bottom: 1.5rem;
  }
  
  section h2 {
    color: var(--international-orange-engineering);
    border-bottom: 2px solid var(--international-orange-engineering);
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
  }
  
  ul {
    list-style-type: disc;
    padding-left: 1.5rem;
  }
  
  ul li {
    margin-bottom: 0.5rem;
  }
  
  a {
    color: var(--international-orange-engineering);
    text-decoration: none;
  }
  
  /* a:hover {
    color: var(--pastel-pink);
    text-decoration: underline;
  } */
  
  button {
    background-color: var(--international-orange-engineering);
    color: var(--white);
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
  }
  
  button:hover {
    background-color: var(--pastel-pink);
  }
  
  footer {
    text-align: center;
    padding: 1rem;
    background: var(--oxford-blue-3);
    color: var(--cadet-blue-crayola);
  }
  
  footer {
    text-align: center;
    padding: 20px;
    background-color: var(--oxford-blue-2);
}

.back-to-home {
    text-decoration: none;
    color: var(--light-gray);
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}

.back-to-home .material-icons {
    margin-right: 8px;
    font-size: 24px;
}

.back-to-home:hover {
    color: var(--pastel-pink);
}

/* Hide WhatsApp icon by default */
.whatsapp-icon {
    display: none;
}

/* Show WhatsApp icon when hovering over the "Contact Us Today" text */
.contact-text:hover + .whatsapp-icon {
    display: inline-block;
}