/* ---------------- Section Layout ---------------- */
  .services-section{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:100vh;
    padding:80px 8%;
    position:relative;
  }

  /* ---------------- Left Text ---------------- */
  .text-side{
    width:45%;
    z-index:2;
  }

  .text-side h1{
    font-size:3em;
    font-weight:900;
    line-height:1.2;
    color:#fff;
    margin-bottom:40px;
    transform:translateY(0);
    transition:transform 0.5s ease;
  }

  .text-side p{
    font-size:1.1em;
    line-height:1.8;
    color:white;
    margin-bottom:25px;
    opacity:10;
    transform:translateY(30px);
    transition:all 1s ease;
  }

  .text-side p.visible{
    opacity:100;
    transform:translateY(0);
  }
  /* ---------------- Right Canvas ---------------- */
  .animation-side{
    width:50%;
    height:100vh;
    position:relative;
    background-color: #565656;
  }

  canvas{
    width:100%;
    height:100%;
    display:block;
  }