*{cursor: none;}



      .grain {
        z-index: 99;
        opacity: 0.04;
        mix-blend-mode: normal;
        background-image: url('https://res.cloudinary.com/du2h3nv1e/image/upload/v1701770847/uw3txqyzjs69kixp1eoc.gif');
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: fixed;
        display: block;
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
      }
      
      .grain{
        user-select: none;
        pointer-events: none;
      }

      .main {
        width: 100%;
        max-width: 1919px;
        min-height: 100vh;
        /* padding: 3rem; */
        grid-row-gap: 15px;
        flex-direction: column;
        justify-content: flex-start;
        display: flex;
      }

      .cursor{
        position: fixed;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: #f7f7f7;
        z-index: 2000;
      }

      .follower{
        position: fixed;
        top: 0;
        left: 0;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #03CB2C;
        z-index: 1000;
        opacity: 0.7;
      }

      .cursor{
user-select:none;
pointer-events:none
}

.follower{
user-select:none;
pointer-events:none
}

      .c-border{
        border: 2px solid #232323;
        border-radius: 1.3rem;
      }
      .c-padding{
        padding: 10px 20px;
      }
      .form-border{
        border: 2px solid rgba(35, 35, 35, 70%);
        border-radius: 0.9rem;

      }

/* Swipe Effect */

.swiper {
  /* width: 100vw; */
  height: 75vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

/* media quries for mobile */
@media screen and (max-width: 479px) {
  .swiper{
    height: 65vh;
  }
}



.loaded.swiper {
  opacity: 1;
}

.swiper--cards {
  flex-grow: 1;
  /* padding-top: 40px; */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
}

.swiper--card {
  display: inline-block;
  width: 90vw;
  max-width: 400px;
  /* height: 100%; */
  /* height: 67vh; */
  background: transparent;
  /* padding-bottom: 40px; */
  border-radius: 15px;
  overflow: hidden;
  position: absolute;
  will-change: transform;
  transition: all 0.3s ease-in-out;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.moving.swiper--card {
  transition: none;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.swiper--card img {
  max-width: 100%;
  pointer-events: none;
}

.dot {
    border-color: #9eb2b2;
    border-style: solid;
    border-width: 2px;
    border-radius: 100vw;
    flex: none;
    width: .8em;
    height: .8em;
}