html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    flex: 1;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    background: #f4f4fb;
}
  
  *,
*::before,
*::after{
    box-sizing: border-box;
}
  
  hr{
    border: none !important;
    background: #ececec;
    width: 100%;
    height: 1px;
    border-radius: 100px;
}
  
  .App-main-container,
.App-main-inner-container{
    width: 100%;
    height: 100%;
}
  
  .lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  
  .lds-ripple div {
    position: absolute;
    border: 4px solid rgb(0, 196, 184);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  
  @keyframes lds-ripple {
    0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0;
    }
  }
  
  html body .MuiPopover-root,
  html body * .MuiPopover-root,
  html body * .MuiAutocomplete-popper,
  html body * .MuiAutocomplete-popper{
    z-index: 99999999999999 !important;
  }
  
  .appearsOnScroll{
    opacity: 0;
    transform: translateY(1rem);
    transition: transform .2s, opacity .3s ease-out;
}
  
  .appearsOnScroll.shown{
    opacity: 1;
    transform: translateY(0);
}
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  
  .utilsHiddenScrollBars::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  
  .utilsHiddenScrollBars {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  
  .no-pull-reload{
    overscroll-behavior-y: contain;
  }
  
  .ReactModal__Overlay{
    z-index: 999999999 !important;
}
  
  .ril__navButtons{
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    background-color: transparent !important;
    padding: 1rem !important;
    width: 3rem !important;
    height: 3rem !important;
}
  
  .ril-next-button{
    background-image: url('icon-arrow-right.svg') !important;
    right: 1rem !important;
}
  
  .ril-prev-button{
    background-image: url('icon-arrow-left.svg') !important;
    left: 1rem !important;
}
  
  .ril__inner{

}
  
  .ril-image-current{
    /* opacity: 0 !important; */
}
  
  @keyframes rotateAndBounce {
    0% {
      transform: rotate(0deg) scale(1);
      opacity: .7;
    }
    
    50% {
        transform: rotate(180deg) scale(1.5);
        opacity: 1;
      }

    100% {
        transform: rotate(360deg) scale(1);
        opacity: .7;
    }
  }
  
  @keyframes pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
  
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(82, 203, 148, 0.5);
    }
  
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }

/*# sourceMappingURL=main.css.map*/