/*!
Theme Name: FAB Biopharma
Author: That's Nice
Author URI: https://www.thatsnice.com

*/

body {
  /* mix-blend-mode: hard-light; */
}

#OurScience .swiper-slide{
  width: 100% !important;
}

#Indications .swiper-slide{
  width: 100% !important;
}

/* Custom Scrollbar */
.nicescroll-rails {
  border: 2px solid rgba(100, 93, 236, 0.3);
  border-radius: 10px !important; /* 圆角 */
  background-color: transparent !important;
  box-sizing: content-box;
}

.nicescroll-cursors {
  top: 2px !important;
  border-top: 1px !important;
  border-bottom: 1px !important;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}


.custom__fadeInUp {
  animation: MyFadeInUp 0.2s ease-in-out;
}

.custom__fadeInRight {
  animation: MyFadeInRight 0.2s ease-in-out;
}


.custom__fadeInLeft {
  animation: MyFadeInLeft 0.2s ease-in-out;
}


@keyframes MyFadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes MyFadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}


@keyframes MyFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

#myScroll {
  -webkit-overflow-scrolling: touch;
}

.industry-swiper-scrollbar{
  --swiper-scrollbar-border-radius: 15px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: auto;
  --swiper-scrollbar-left: 0;
  --swiper-scrollbar-right: 0;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: transparent;
  --swiper-scrollbar-drag-bg-color:#645DEC;;
  --swiper-scrollbar-size: 24px;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal.industry-swiper-scrollbar{
  height: 12px;
  width: 100%;
  box-sizing: border-box;
  position: static;
}

.industry-swiper-scrollbar-box{
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  height: 24px;
  display: flex;
  align-items: center;
  border-radius: 15px;
  border: 2px solid #B6B2FF;
  position: relative;
}