body {
      margin: 0;
      min-height: 100vh;
      font-family: Arial, sans-serif;
      background: #f5f5f5;
    }

    /* Social media bar */
    .social-icons {
      position: fixed;
     gap: 8px;
     right: 15px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      z-index: 1000;
    }

    .social-icons a {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-decoration: none;
      border-radius: 50%;
      font-size: 22px;
      transition: 0.3s ease;
    }

  


    .social-icons a:hover {
      width: 60px;
    }

    .facebook {
      background: #1877f2;
    }

    .instagram {
      background: #e4405f;
    }

   /* .twitter {
      background: #000;
    }

    .linkedin {
      background: #0077b5;
    }*/

    .youtube {
      background: #ff0000;
    }
    .whatsapp{
   background: green;
}

    /* Mobile */
    @media (max-width: 600px) {
      .social-icons a {
        width: 42px;
        height: 42px;
        font-size: 18px;
      }

      .social-icons a:hover {
        width: 48px;
      }
    }