@keyframes showCarpetAbout {
    0% {
      opacity: 0;
      clip-path: inset(0 0 100% 0); 
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      clip-path: inset(0 0 0 0); 
      transform: translateY(0);
    }
  }
  .bg-gradiant-about {
    background: #116b64;
    background: linear-gradient(
      90deg,
      rgba(17, 107, 100, 1) 38%,
      rgba(6, 54, 50, 1) 85%
    );
  }
  
  .carpet-img {
    padding-top: 120px;
    width:600px;
    height: 620px;
    opacity: 0;
    max-width: none;
    transform: translateY(50px);
  }
  @media screen and (max-width:768px) {
    .carpet-img {
      width:400px;
      height: 440px;
      opacity: 1;
      max-width: none;
      transform: translateY(50px);
    }
  }
  .show-animation {
    animation: showCarpetAbout 2.5s ease-out forwards;
  }
  
  #particles {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  
  /* محتوای روی کانواس */
  .section-content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding-top: 200px;
    font-family: sans-serif;
  }
  .bg-telegram{
    background: linear-gradient(135deg, rgb(0, 136, 204), rgb(0, 191, 255));
    ;
  }
  .bg-instagram{
    background: linear-gradient(45deg, rgb(254, 218, 117), rgb(250, 126, 30), rgb(214, 41, 118), rgb(150, 47, 191), rgb(79, 91, 213));
  }