/* Basic Layout */
  .policies-section {
      background-color: #183358;
      display: flex;
      padding: 20px 0;
      position: relative;

    }
    
    .policies-container {
      display: flex;
      width: 100%;
      margin-left: auto;
    }
    
    .policy-links {
      padding: 10px 0;
      width: 20%;
      background-color: #f4f4f4;
      
    }
    
    .policy-links ul {
      list-style-type: none;
      padding: 0;
    }
    
    .policy-links ul li {
      margin: 10px ;
    }
    
    .policy-links ul li a {
      text-decoration: none;
      color: #183358;
      font-family: 'Bebas Neue', sans-serif;
      font-size: 20px;
      display: block;
      padding: 10px;
      transition: background-color 0.3s ease;
    }
    
    .policy-links ul li a:hover {
      background-color: #183358;
      color: #fff;
    }
    
    /* Main Content Area */
    .policy-content {
      width: 70%;  /* Set a specific width, extend more to the right */
      padding: 20px;
      color: #f4f4f4;
      box-sizing: border-box; /* Include padding in the width calculation */
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 20px;
      font-family: Arial, sans-serif;
    }
    
    .policy-section {
      display: none; /* Hide all sections by default */
      
    }
    
    .policy-section h2 {
      font-family: 'Bebas Neue', sans-serif;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0;
      color: #D6BE88 ;
    }
    .policy-section h3 {
      margin-bottom: 5px;
    }
    .policy-section p {
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 20px;
      font-family: Arial, sans-serif;
    }
    .policy-section li {
      margin-bottom: 5px;
    }
    /* Make the first section visible by default */
    .policy-section:first-of-type {
      display: block;
    }
    .policy-links ul li a.active {
      background-color: #183358; /* Highlight color */
      color: #fff; /* Text color for active state */
    }
    .policy-section {
      scroll-margin-top: 250px; /* Adjust if you have a fixed header */
    } 
    @media (max-width: 800px) { 
      .policies-container {
        display: block;
      }
      .policy-links {
        width: 100%;
      }
      .policy-content {
        width: 100%;
      }
    }