    
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
  }

  body {
    background: var(--bg);
    color: var(--light);
    overflow-x: hidden;
  }

      /* Additional styling for services section */
    .section {
      padding: 4rem 2rem;

          min-height: 50vh;
      margin: 0 auto;
      position: relative;
      z-index: 10;
    }

    .section h2 {
      font-size: 2.5rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 3rem;
      color: #1f2937;
    }

    
    /* Hexagon CSS */
    .hexagon {
      position: relative;
      transform-style: preserve-3d;
      perspective: 1000px;
    }

    .hexagon-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
    }

    .hexagon-content {
      position: absolute;
      width: 100%;
      height: 100%;
      clip-path: polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);
      transform: rotateX(15deg) rotateY(15deg);
      transition: all 0.3s ease;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .hexagon:hover .hexagon-content {
      transform: rotateX(25deg) rotateY(25deg) translateZ(10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    @keyframes float {
      0%, 100% {
        transform: translateY(0px) rotate(0deg);
      }
      50% {
        transform: translateY(-20px) rotate(180deg);
      }
    }

    @keyframes pulse-custom {
      0%, 100% {
        opacity: 0.4;
        transform: scale(1);
      }
      50% {
        opacity: 0.8;
        transform: scale(1.05);
      }
    }

    .animate-float {
      animation: float infinite ease-in-out;
    }

    .animate-pulse-custom {
      animation: pulse-custom infinite ease-in-out;
    }

    /* Full page hexagon background */
    #hexagon-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      overflow: hidden;
      pointer-events: none;
    }










    