.after-bg::after{
    content: var(--tw-content);
    background-image: url(../img/grid.svg);
}
html ,body{
    overflow-x: hidden;
    max-width: 100%;
}
/* .swiper-wrapper {
    transition-timing-function: linear;
  } */
   .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
#reveal-anims {
    will-change: transform;
    transition: transform 0.1s;
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transform-style: preserve-3d; /* Ensure children maintain the 3D space */
}
.js-tilt-glare{
    border-radius: 0.75rem;
}
.my-border{
    background-image: radial-gradient(circle farthest-side at 0 100%, #00ccb1, transparent), radial-gradient(circle farthest-side at 100% 0, #7b61ff, transparent), radial-gradient(circle farthest-side at 100% 100%, #ffc414, transparent), radial-gradient(circle farthest-side at 0 0, #1ca0fb, #141316);
    background-size: 400% 400%;
    background-position: 99.9936% 50%;
}