/*
    body {
      background-color: #111;
      color: white;
      overflow-x: hidden;
    }
    */
    .section-3d {
      position: relative;
      height: 10vh;
      display: flex;
      align-items: center;
      justify-content: center;
      perspective: 1000px; /* Enables 3D depth */
    }

    .card-3d {
      background: linear-gradient(135deg, rgba(171, 196, 239, 0.9), rgba(36, 111, 240, 0.9));
      padding: 1rem;
      border-radius: 10px;
      transform-style: preserve-3d;
      transition: transform 0.3s ease;
      box-shadow: 0 20px 40px rgba(23, 23, 23, 0.5);
    }

    .card-3d:hover {
      transform: rotateY(15deg) rotateX(10deg) scale(1.05);
    }

    .parallax-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 120%;
      background: url('https://picsum.photos/1920/1080?blur=3') center/cover no-repeat;
      transform: translateZ(-200px) scale(1.05);
      z-index: -1;
    }
    .parallax-bg1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 120%;
      /* background: url('https://picsum.photos/1920/1080?blur=3') center/cover no-repeat;*/
      transform: translateZ(-200px) scale(1.05);
      z-index: -1;
    }