/* 
::selection {
  color: #ffffff;
  background-color: #37a868;
} */

html {
  padding: 0;
  margin: auto;
  direction: rtl;
  background-color: #f0f0f0;
  overflow-x: auto;
  justify-content: center;
  max-width: 425px;
  max-height: 100vh;
}

body {
  background-color: #ffffff;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  padding-right: 0 !important;
  max-height: 100vh;
  min-height: 100vh;
}

.offcanvas-backdrop {
  background-color: rgb(0 0 0 / 60%) !important;
}

.offcanvas-backdrop.show {
  opacity: 1 !important;
  backdrop-filter: blur(8px) !important;
}

.modal-backdrop {
  --bs-backdrop-bg: rgb(0 0 0 / 60%) !important;
}

.modal-backdrop.show {
  opacity: 1 !important;
  backdrop-filter: blur(8px) !important;
}

.modal-open {
  overflow-y: scroll !important;
}


.accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}