@font-face {
  font-family: 'Aventa';
  src: url('fonts/aventa.woff2') format('woff2'),
       url('fonts/aventa.woff') format('woff'),
       url('fonts/aventa.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.font-style{
  font-family: 'Aventa', sans-serif;
}

.pattern-bg {
      background-image: url('img/icon.png');
      background-repeat: repeat;
      background-size: 300px;
}

.inter{
  font-family: 'Inter', sans-serif;
}

    .swiper {
      overflow: hidden;
    }
    .swiper-slide img {
      transition: all 0.4s ease;
      filter: grayscale(100%);
      opacity: 0.4;
    }
    .swiper-slide-active img {
      filter: grayscale(0%);
      opacity: 1;
    }

    .error {
      border-color: red !important;
    }
    .error::placeholder {
      color: red !important;
    }



 #scrollTopBtn { position: fixed; bottom: 24px; right: 24px; z-index: 9999; padding: .5rem 1rem; border-radius: 9999px; background: #2563eb; color: white; box-shadow: 0 10px 20px rgba(0,0,0,.12); opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; transform: translateY(8px); }
  #scrollTopBtn.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }