:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.relative-height {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.relative-height::before {
  content: " ";
  display: table;
}
.relative-height__content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  contain: strict;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.loading-container {
  min-height: 100%;
}
.loading-container__error-box {
  flex-grow: 1;
}
.loading-container__error-message.loading-container__error-message {
  display: block;
  text-align: center;
  margin: 2rem 1rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #AC9260;
}
.loading-container__error-picture {
  width: 100%;
  height: 100%;
}
.loading-container__loading-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lds-ellipsis {
  margin: auto;
  position: relative;
  width: 5rem;
  height: 5rem;
}
.lds-ellipsis__child {
  position: absolute;
  top: 2.063rem;
  width: 0.813rem;
  height: 0.813rem;
  border-radius: 50%;
  background: #009688;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis__child:nth-child(1) {
  left: 0.5rem ;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis__child:nth-child(2) {
  left: 0.5rem ;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis__child:nth-child(3) {
  left: 2rem ;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis__child:nth-child(4) {
  left: 3.5rem ;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis1 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis3 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(1.5rem, 0);
}
}
@keyframes lds-ellipsis2 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(1.5rem, 0);
}
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.toast {
  padding-right: 1rem;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  border: 1.5px solid;
  border-radius: 1.5rem;
  position: fixed;
  box-shadow: 0px 0px 0.313rem rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 20000;
  max-width: 31.25rem;
  white-space: pre-wrap;
}
.ltr .toast {
  padding-right: 0;
  padding-left: 1rem;
}
.toast--error {
  color: #DF6461;
  background-color: #FFF3F3;
  border-color: #FFC0BF;
}
.toast--success {
  color: #2D9634;
  background-color: #F0FCF0;
  border-color: #A9E2AD;
}
.toast__icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.toast__message {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-right: 1rem;
  margin-left: auto;
}
.ltr .toast__message {
  margin-left: 1rem;
  margin-right: auto;
}
.toast__action {
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  cursor: pointer;
}
.toast-enter-active, .toast-leave-active {
  transition: transform 0.3s;
  will-change: transform;
}
.toast-enter-from, .toast-leave-to {
  transform: translateY(100%) !important;
}
@charset "UTF-8";
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.truncate-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.square.square {
  -webkit-mask-image: url("data:image/svg+xml;,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.208%208.208c10.944-10.944%2036.64-10.944%2047.584%200%2010.944%2010.944%2010.944%2036.64%200%2047.584-10.944%2010.944-36.64%2010.944-47.584%200-10.944-10.944-10.944-36.64%200-47.584z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.208%208.208c10.944-10.944%2036.64-10.944%2047.584%200%2010.944%2010.944%2010.944%2036.64%200%2047.584-10.944%2010.944-36.64%2010.944-47.584%200-10.944-10.944-10.944-36.64%200-47.584z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  border-radius: 50%;
}
@supports ((-webkit-mask-size: contain) or (mask-size: contain)) {
.square.square {
    border-radius: 0;
}
}
.d-flex {
  display: flex;
}
.justify-evenly {
  justify-content: space-around;
  justify-content: space-evenly;
}
.flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.no-flex .row {
  display: block;
}
.col-1 {
  width: 8.3333333333%;
}
.col-2 {
  width: 16.6666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-5 {
  width: 41.6666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.3333333333%;
}
.col-8 {
  width: 66.6666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.3333333333%;
}
.col-11 {
  width: 91.6666666667%;
}
.col-12 {
  width: 100%;
}
body, .app, .app__page-container, .app__page-loading-container, .router-root {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}
:root {
  font-size: 1rem;
}
#app {
  min-height: 100%;
}
html {
  height: 100%;
  font-size: 16px !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-y: scroll;
}
body {
  font-size: 16px;
  font-family: IRANSans, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  color: #444444;
  overflow-y: auto;
}
.en-num, body.ltr {
  font-family: IRANSansEnNum, IRANSans, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html, body {
  overscroll-behavior: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  overflow-x: hidden;
}
li {
  text-align: inherit;
}
.dark {
  background-color: #121212;
  color: #e1e1e1;
}
input, button, textarea, select {
  font: inherit;
  color: inherit;
}
input[type=radio], input[type=checkbox] {
  flex-shrink: 0;
}
*, *::before, *::after {
  box-sizing: inherit;
}
img, video {
  max-width: 100%;
  -webkit-user-drag: none;
}
.ltr .rtl-icon {
  transform: scaleX(-1);
}
.gap-scrollable {
  will-change: transform;
  scroll-behavior: smooth;
}
.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.25s;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
}
.zoom-enter-active, .zoom-leave-active {
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: ease-out;
  will-change: transform;
}
.zoom-enter, .zoom-leave-to {
  transform: scale(0.5);
  opacity: 0;
}
.spacer {
  flex-grow: 1;
}
@-webkit-keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
.fade-to-bottom-enter-active {
  -webkit-animation: fadeInUp 0.3s;
          animation: fadeInUp 0.3s;
}
.fade-to-bottom-leave-active {
  animation: fadeInUp 0.3s reverse;
}
.bottom-fade-enter-active, .bottom-fade-leave-active {
  -webkit-animation: fadeInUp 0.3s;
          animation: fadeInUp 0.3s;
  will-change: transform;
}
.bottom-fade-enter-from, .bottom-fade-leave-to {
  animation: fadeInUp 0.3s reverse;
}
@-webkit-keyframes slideOutLeft {
from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
to {
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
}
}
@keyframes slideOutLeft {
from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
to {
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
}
}
.slide-out-prev {
  -webkit-animation: slideOutLeft 0.2s ease-in-out;
          animation: slideOutLeft 0.2s ease-in-out;
}
@-webkit-keyframes slideInRight {
from {
    transform: translate3d(10%, 0, 0);
    opacity: 0;
}
to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes slideInRight {
from {
    transform: translate3d(10%, 0, 0);
    opacity: 0;
}
to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.slide-in-prev {
  -webkit-animation: slideInRight 0.2s ease-in-out;
          animation: slideInRight 0.2s ease-in-out;
}
@-webkit-keyframes slideOutRight {
from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
to {
    transform: translate3d(10%, 0, 0);
    opacity: 0;
}
}
@keyframes slideOutRight {
from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
to {
    transform: translate3d(10%, 0, 0);
    opacity: 0;
}
}
.slide-out-next {
  -webkit-animation: slideOutRight 0.2s ease-in-out;
          animation: slideOutRight 0.2s ease-in-out;
}
@-webkit-keyframes slideInLeft {
from {
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
}
to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes slideInLeft {
from {
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
}
to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.slide-in-next {
  -webkit-animation: slideInLeft 0.2s ease-out;
          animation: slideInLeft 0.2s ease-out;
}
.dark .gap-scrollable {
  scrollbar-color: #4c4646 transparent;
  scrollbar-color: dark;
}
.dark .gap-scrollable::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.dark .gap-scrollable::-webkit-scrollbar-thumb {
  background-color: #4c4646;
}
.app__page-container {
  display: flex;
  width: 100%;
}
.app__page-loading-container {
  display: flex;
  flex-direction: column;
}
.router-root {
  flex: 1 0 auto;
  width: 100%;
  position: relative;
}
.router-root:nth-child(2) {
  position: relative;
  left: 100%;
}
.ltr .router-root:nth-child(2) {
  left: auto;
  right: 100%;
}
@media (min-width: 37.5rem) {
.app {
    width: 37.5rem;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
body {
    background: #eaeaea;
}
.categories__buttons, .categories__list {
    max-width: 27.5rem;
    margin: 0em auto 1em !important;
}
}
.ad__badge {
  background: rgba(43, 131, 250, 0.9);
  color: #e3efff;
  font-weight: 300;
  padding: 0.2em 1.1em;
  border-radius: 1rem;
  margin: 0.2rem;
  position: absolute;
  font-size: 0.5rem;
  bottom: 0;
  right: auto;
  left: 0;
}
.ltr .ad__badge {
  left: auto;
  right: 0;
}
.list-item__button {
  margin-top: 0.5em;
  padding: 0.3rem 0.8rem;
  display: none;
}
.layout--action .list-item__button {
  display: block;
}
.thin-scrollbar {
  overscroll-behavior: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: auto;
}
.thin-scrollbar::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background: #888;
  height: 1.875rem;
  border-radius: 0.75rem;
}
.thin-scrollbar::-webkit-scrollbar-track {
  background: #dddada;
  border-radius: 0.75rem;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.icon {
  justify-content: center;
  align-items: center;
  display: block;
  width: 2rem;
  height: 2rem;
}
.svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

.quran-tafsir .quran-ayah {
  padding-bottom: 0rem;
}

.quran-tafsir .rezvan__main {
  -webkit-user-select: text;
          user-select: text;
}

.quran-tafsir .content-separator {
  padding: 1rem 0;
  margin-right: -1rem;
  margin-left: -1rem;
}

.quran-tafsir__content {
  background: #FBF8F4;
  padding: 3.3rem 1rem 1rem;
  border-top: 0.125rem solid rgba(187, 196, 206, 0.2);
}
.quran-tafsir__content img {
  vertical-align: middle;
}
.quran-tafsir__content a {
  color: #42a8c3;
}

.quran-tafsir__content-title {
  width: 75%;
  text-align: center;
  margin: 1rem auto 0;
  height: 2.1rem;
  margin-bottom: -1.1rem;
  background: #F2EDE6;
}

.quran-tafsir__basmalah {
  padding-top: 1rem;
  max-width: 100%;
  width: 13.375rem;
  height: auto;
}

.quran-tafsir__nav-button {
  width: 6.875rem;
  width: calc(50% - 0.625rem);
}

.quran-settings .switch {
  margin-left: 0.4rem;
  flex-shrink: 0;
}

.ltr .quran-settings .switch {
  margin-left: 0;
  margin-right: 0.4rem;
}

.quran-settting-box {
  padding-bottom: 1.5rem;
  accent-color: #A99160;
  transition: height 0.3s;
  overflow: hidden;
}

.radio-accent-color {
  accent-color: #A99160;
}

.quran-setting-title {
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  margin-right: 0.938rem;
  margin-bottom: 0.313rem;
}

.ltr .quran-setting-title {
  margin-right: 0;
  margin-left: 0.938rem;
}

.quran-setting-title--subtitle {
  margin: 0.6rem 0rem 0rem;
}

.quran-setting-card {
  box-sizing: border-box;
  border-radius: 1rem;
  padding: 0.438rem 0.8rem;
}
.quran-settings--full .quran-setting-card {
  background: #FFFEFD;
  border: 1px solid #DCDCDC;
}

.quran-setting-radio-box {
  display: flex;
  align-items: center;
  padding: 0.4rem;
  cursor: pointer;
}

.quran-setting-radio-box img {
  margin-left: 0.5rem;
  border-radius: 50%;
  width: 2.188rem;
  height: 2.188rem;
}

.ltr .quran-setting-radio-box img {
  margin-left: 0;
  margin-right: 0.5rem;
}

.quran-setting-radio-box--enable {
  background-color: #EFEAD9;
  border-radius: 0.5rem;
}

.quran-settting-description {
  color: #6A6143;
  font-size: 0.625rem;
  overflow: hidden;
  transition: height 0.3s;
}

.quran-setting__range-input {
  margin: 1rem 0.7rem;
}

.quran-setting-play-preview-button {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.quran-setting-play-preview-button-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #A99160;
}

.quran-setting-play-preview-button--playing .quran-setting-play-preview-button-icon {
  color: #3cafce;
}

.quran-search__body {
  margin-top: 40px;
}
.quran-search__body li {
  list-style: none;
}

.quran-search__empty {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

.quran-search__searchbox {
  max-width: 18.75rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 4.375rem;
  z-index: 1;
}

.quran-search__image {
  max-width: 12.5rem;
  width: 21.563rem;
  height: auto;
}

.quran-search__title {
  font-weight: bold;
  font-size: 1.125rem;
  color: #6f3803;
}

.quran-search__subtitle {
  color: #898175;
}

.quran-search__address {
  font-size: 1rem;
  margin: 0rem 1em -0.5rem;
  color: #3A3A3A;
}

.quran-page__intersection-wrapper {
  padding: 1rem;
  display: flex;
  justify-content: center;
}

.quran-page__subtitle {
  font-size: 0.8rem;
  font-weight: 200;
}

.quran-page__bookmark-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: -3rem;
  margin: auto;
  cursor: pointer;
  color: #00B3A0;
}

.ltr .quran-page__bookmark-btn {
  right: auto;
  left: -3rem;
}

.quran-page__bookmark-btn:before {
  content: "";
  position: absolute;
  width: 1rem;
  left: auto;
  right: 100%;
  border: 1px solid #D6BB8B;
}

.ltr .quran-page__bookmark-btn:before {
  right: auto;
  left: 100%;
}
.quran-page__bookmark-btn .icon {
  width: 2rem;
  height: 2rem;
}

.quran-home__top-icon {
  width: 100%;
  height: auto;
  margin: -2rem 0 -8%;
}

.quran-home__search {
  display: flex;
  flex-direction: column;
}

.quran-home__search-input {
  border: none;
  width: 100%;
}

.quran-home__surah-items {
  margin: 0.8rem 0 0;
  padding: 0;
  list-style: none;
}

.surah-item {
  height: 3.25rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0 1em;
  padding: 0.5rem;
  color: #5F5036;
  cursor: pointer;
  border-radius: 0.5rem;
  content-visibility: auto;
  contain-intrinsic-size: 3.25rem;
}

.surah-item:nth-child(odd) {
  background-color: rgba(225, 219, 208, 0.5);
}

.quran-home__surah-name {
  margin-right: 0.5rem;
}

.ltr .quran-home__surah-name {
  margin-right: 0;
  margin-left: 0.5rem;
}

.quran-home__search-input::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
  color: #B6B0A5;
}

.quran-home__search-input:placeholder-shown,
.quran-home__search-input::placeholder {
  direction: rtl;
  text-align: right;
  color: #B6B0A5;
}

.ltr .quran-home__search-input::-webkit-input-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr .quran-home__search-input:placeholder-shown,
.ltr .quran-home__search-input::placeholder {
  direction: ltr;
  text-align: left;
}

.quran-home__item-button {
  background: transparent;
  border: 0;
  width: 2rem;
  height: 2rem;
  padding: 0.4rem;
  border-radius: 50%;
  cursor: pointer;
}
.quran-home__item-button .icon {
  width: 100%;
  height: 100%;
}

.quran-home__item-button + .quran-home__item-button {
  margin-right: 0.7rem;
}

.ltr .quran-home__item-button + .quran-home__item-button {
  margin-right: 0;
  margin-left: 0.7rem;
}

.quran-home__item-button--play {
  background: #00B3A0;
  color: white;
  padding: 0.53rem 0.4rem 0.53rem 0.5rem  /* rtl:ignore */ ;
}

.patterned-box.quran__info-box {
  text-align: center;
  margin: 1rem;
  font-size: 1.1em;
}
.patterned-box.quran__info-box .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.875rem;
  height: 0.875rem;
}

.quran-ayah-menu-sheet .bottom-sheet__content {
  background: #FBF8F4;
}

.quran-ayah-menu-sheet__item {
  border: 0;
  cursor: pointer;
  width: 33%;
  background-color: inherit;
}

.quran-ayah-menu-sheet__item-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}

.quran-bottom-nav {
  position: fixed;
  bottom: 0.5rem;
  right: 0;
  left: 0;
  padding: 0 0.5rem;
  width: 100%;
  max-width: 37.5rem;
  margin: 0 auto;
  z-index: 600;
}

.quran-bottom-nav__inner {
  background: white;
  -webkit-backdrop-filter: blur(0.938rem);
          backdrop-filter: blur(0.938rem);
  box-shadow: 0px -0.125rem 0.75rem -0.25rem rgba(0, 0, 0, 0.25);
  border-radius: 1.438rem;
  position: relative;
  height: 3.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.813rem;
}

.quran-bottom-nav__sheet-backdrop + #quran-bottom-nav .quran-bottom-nav__inner {
  background-color: #FFF;
}

.quran-bottom-nav__button {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 100%;
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.quran-bottom-nav__button.quran-bottom-nav__button--current {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #00bcd4;
}

.quran-bottom-nav__button-icon {
  color: #666B6C;
}
.quran-bottom-nav__button--active .quran-bottom-nav__button-icon {
  color: #00bcd4;
}

.quran-bottom-nav__button--main .quran-bottom-nav__button-icon {
  width: 1.188rem;
  height: 1.188rem;
  color: white;
}

.quran-bottom-nav__button-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quran-bottom-nav__button--main .quran-bottom-nav__button-inner {
  background: #00BCD4;
  color: white;
}

.quran-bottom-nav__button--disable {
  opacity: 0.5;
}

.quran-bottom-nav__sheet {
  position: absolute;
  bottom: 3.75rem;
  left: 0;
  right: 0;
}

.quran-bottom-nav__sheet-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.quran-page__surah-start {
  background: linear-gradient(135deg, #3DB9D9 0%, #23849D 100%);
  margin: 0.5rem 2.5rem;
  border-radius: 1.25rem;
  color: white;
  text-align: center;
  box-shadow: 0px 0.313rem 1.125rem 1px rgba(57,176,206,0.45882);
  padding: 1.6rem;
  position: relative;
}

.ltr .quran-page__surah-start {
  background: linear-gradient(-135deg, #3DB9D9 0%, #23849D 100%);
}

.quran-page__surah-start-backdrop-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.quran-page__surah-start-backdrop {
  position: absolute;
  right: 0 /* rtl:ignore */;
  left: auto /* rtl:ignore */;
  bottom: 0;
  width: 70%;
}

.quran-page__basmalah {
  position: relative;
  padding-top: 1rem;
  margin-top: 1rem;
}

.quran-page__basmalah:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  border-bottom: 1px solid white;
  opacity: 0.5;
}

.quran-page__basmalah-icon {
  width: 13.375rem;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.icon-surah {
  font-family: "icon-surah" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.5rem;
  margin-bottom: 0.3rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-surah-surah:before {
  content: "\e903";
}

.icon-surah1:before {
  content: "\e904";
}

.icon-surah2:before {
  content: "\e905";
}

.icon-surah3:before {
  content: "\e906";
}

.icon-surah4:before {
  content: "\e907";
}

.icon-surah5:before {
  content: "\e908";
}

.icon-surah6:before {
  content: "\e90b";
}

.icon-surah7:before {
  content: "\e90c";
}

.icon-surah8:before {
  content: "\e90d";
}

.icon-surah9:before {
  content: "\e90e";
}

.icon-surah10:before {
  content: "\e90f";
}

.icon-surah11:before {
  content: "\e910";
}

.icon-surah12:before {
  content: "\e911";
}

.icon-surah13:before {
  content: "\e912";
}

.icon-surah14:before {
  content: "\e913";
}

.icon-surah15:before {
  content: "\e914";
}

.icon-surah16:before {
  content: "\e915";
}

.icon-surah17:before {
  content: "\e916";
}

.icon-surah18:before {
  content: "\e917";
}

.icon-surah19:before {
  content: "\e918";
}

.icon-surah20:before {
  content: "\e919";
}

.icon-surah21:before {
  content: "\e91a";
}

.icon-surah22:before {
  content: "\e91b";
}

.icon-surah23:before {
  content: "\e91c";
}

.icon-surah24:before {
  content: "\e91d";
}

.icon-surah25:before {
  content: "\e91e";
}

.icon-surah26:before {
  content: "\e91f";
}

.icon-surah27:before {
  content: "\e920";
}

.icon-surah28:before {
  content: "\e921";
}

.icon-surah29:before {
  content: "\e922";
}

.icon-surah30:before {
  content: "\e923";
}

.icon-surah31:before {
  content: "\e924";
}

.icon-surah32:before {
  content: "\e925";
}

.icon-surah33:before {
  content: "\e926";
}

.icon-surah34:before {
  content: "\e92e";
}

.icon-surah35:before {
  content: "\e92f";
}

.icon-surah36:before {
  content: "\e930";
}

.icon-surah37:before {
  content: "\e931";
}

.icon-surah38:before {
  content: "\e909";
}

.icon-surah39:before {
  content: "\e90a";
}

.icon-surah40:before {
  content: "\e927";
}

.icon-surah41:before {
  content: "\e928";
}

.icon-surah42:before {
  content: "\e929";
}

.icon-surah43:before {
  content: "\e92a";
}

.icon-surah44:before {
  content: "\e92b";
}

.icon-surah45:before {
  content: "\e92c";
}

.icon-surah46:before {
  content: "\e92d";
}

.icon-surah47:before {
  content: "\e932";
}

.icon-surah48:before {
  content: "\e902";
}

.icon-surah49:before {
  content: "\e933";
}

.icon-surah50:before {
  content: "\e934";
}

.icon-surah51:before {
  content: "\e935";
}

.icon-surah52:before {
  content: "\e936";
}

.icon-surah53:before {
  content: "\e937";
}

.icon-surah54:before {
  content: "\e938";
}

.icon-surah55:before {
  content: "\e939";
}

.icon-surah56:before {
  content: "\e93a";
}

.icon-surah57:before {
  content: "\e93b";
}

.icon-surah58:before {
  content: "\e93c";
}

.icon-surah59:before {
  content: "\e900";
}

.icon-surah60:before {
  content: "\e901";
}

.icon-surah61:before {
  content: "\e941";
}

.icon-surah62:before {
  content: "\e942";
}

.icon-surah63:before {
  content: "\e943";
}

.icon-surah64:before {
  content: "\e944";
}

.icon-surah65:before {
  content: "\e945";
}

.icon-surah66:before {
  content: "\e946";
}

.icon-surah67:before {
  content: "\e947";
}

.icon-surah68:before {
  content: "\e948";
}

.icon-surah69:before {
  content: "\e949";
}

.icon-surah70:before {
  content: "\e94a";
}

.icon-surah71:before {
  content: "\e94b";
}

.icon-surah72:before {
  content: "\e94c";
}

.icon-surah73:before {
  content: "\e94d";
}

.icon-surah74:before {
  content: "\e94e";
}

.icon-surah75:before {
  content: "\e94f";
}

.icon-surah76:before {
  content: "\e950";
}

.icon-surah77:before {
  content: "\e951";
}

.icon-surah78:before {
  content: "\e952";
}

.icon-surah79:before {
  content: "\e93d";
}

.icon-surah80:before {
  content: "\e93e";
}

.icon-surah81:before {
  content: "\e93f";
}

.icon-surah82:before {
  content: "\e940";
}

.icon-surah83:before {
  content: "\e953";
}

.icon-surah84:before {
  content: "\e954";
}

.icon-surah85:before {
  content: "\e955";
}

.icon-surah86:before {
  content: "\e956";
}

.icon-surah87:before {
  content: "\e957";
}

.icon-surah88:before {
  content: "\e958";
}

.icon-surah89:before {
  content: "\e959";
}

.icon-surah90:before {
  content: "\e95a";
}

.icon-surah91:before {
  content: "\e95b";
}

.icon-surah92:before {
  content: "\e95c";
}

.icon-surah93:before {
  content: "\e95d";
}

.icon-surah94:before {
  content: "\e95e";
}

.icon-surah95:before {
  content: "\e95f";
}

.icon-surah96:before {
  content: "\e960";
}

.icon-surah97:before {
  content: "\e961";
}

.icon-surah98:before {
  content: "\e962";
}

.icon-surah99:before {
  content: "\e963";
}

.icon-surah100:before {
  content: "\e964";
}

.icon-surah101:before {
  content: "\e965";
}

.icon-surah102:before {
  content: "\e966";
}

.icon-surah103:before {
  content: "\e967";
}

.icon-surah104:before {
  content: "\e968";
}

.icon-surah105:before {
  content: "\e969";
}

.icon-surah106:before {
  content: "\e96a";
}

.icon-surah107:before {
  content: "\e96b";
}

.icon-surah108:before {
  content: "\e96c";
}

.icon-surah109:before {
  content: "\e96d";
}

.icon-surah110:before {
  content: "\e96e";
}

.icon-surah111:before {
  content: "\e96f";
}

.icon-surah112:before {
  content: "\e970";
}

.icon-surah113:before {
  content: "\e971";
}

.icon-surah114:before {
  content: "\e972";
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.loading-container2 {
  -webkit-animation: rotate 0.9s cubic-bezier(0.6, 0.31, 0.43, 0.74) infinite forwards;
          animation: rotate 0.9s cubic-bezier(0.6, 0.31, 0.43, 0.74) infinite forwards;
  will-change: transform;
}
@-webkit-keyframes rotate {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
@keyframes rotate {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.fill-none svg {
  fill: none;
}
.header-input-shadow {
  box-shadow: 0 0.813rem 2.25rem 0 rgba(0, 0, 0, 0.05);
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /** ios-bug: "https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b" */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.avatar__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  object-fit: cover;
  object-position: center;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.loading-container__loading {
  -webkit-animation: rotate 0.9s cubic-bezier(0.6, 0.31, 0.43, 0.74) infinite forwards;
          animation: rotate 0.9s cubic-bezier(0.6, 0.31, 0.43, 0.74) infinite forwards;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes rotate {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
@keyframes rotate {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.bottom-sheet {
  position: fixed;
  bottom: 4.563rem;
  right: 0;
  left: 0;
  z-index: 1100;
  max-width: 37.5rem;
  margin: 0 auto;
  max-height: 75vh;
  transition: top 0.3s;
}
.bottom-sheet--fixed-height.bottom-sheet--visible {
  height: 75vh;
}
.bottom-sheet--expanded.bottom-sheet--visible {
  top: -1px !important;
  bottom: auto;
  height: 100vh;
  max-height: none;
  overflow-y: scroll;
  overflow-y: overlay;
}
.bottom-sheet__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.6);
}
.bottom-sheet__content {
  position: relative;
  top: 1px;
  z-index: 1;
  min-height: 100%;
  padding-top: 1rem;
  transition: border-radius 0.3s;
}
.bottom-sheet--expanded .bottom-sheet__content {
  border-radius: 0;
}
.dark .bottom-sheet__content {
  background: #2a1c3a;
}
.bottom-sheet-enter-active, .bottom-sheet-leave-active {
  transition: transform 0.2s;
  will-change: transform;
}
.bottom-sheet-enter-from, .bottom-sheet-leave-to {
  transform: translateY(100%) !important;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.main-header-login-avatar {
  border-radius: 50%;
  width: 3.375rem;
  height: 3.375rem;
  object-fit: cover;
  object-position: center;
  border: 0.188rem solid #e8c278;
  background-color: #e8c278;
}
.logout-dialog .main-header-login-avatar {
  position: absolute;
  top: -3.625rem;
  width: 4.375rem;
  height: 4.375rem;
}
.bg-gradient-light {
  background: linear-gradient(180deg, #EFF3F4 0%, rgba(239, 243, 244, 0.9) 36.12%, rgba(239, 243, 244, 0.85) 69.33%, rgba(239, 243, 244, 0.8) 100%);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.ltr .bg-gradient-light {
  background: linear-gradient(-180deg, #EFF3F4 0%, rgba(239, 243, 244, 0.9) 36.12%, rgba(239, 243, 244, 0.85) 69.33%, rgba(239, 243, 244, 0.8) 100%);
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.main-header__green {
  -webkit-filter: hue-rotate(289deg) saturate(0.7);
          filter: hue-rotate(289deg) saturate(0.7);
}
.main-header-nassim {
  height: 4.5rem;
  height: inherit;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
}
@media (min-width: 37.5rem) {
.main-header-nassim {
    width: 37.5rem;
    max-width: 100%;
    margin: auto;
}
}
.main-header-nassim::before,
.main-header-nassim::after {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 4.5rem;
  content: "";
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.ltr .main-header-nassim::before,
.ltr .main-header-nassim::after { transform: scaleX(-1);
}
.main-header-nassim::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABICAMAAADSzGVHAAAA5FBMVEUAAAAVWG0RWm4RXnANW3AQXW0RW28UXHAUWmwRW2wTW20VWmwUWmwUW2sUW20UWmsSWmwUWWwVWWwUWmwTWWoTWmwVWmwVWm0UWWsUWmwVWmwUWWwVWmzm24nt34q6wITJyYUzbXHW0YbCxYSTqX9wkngxbHA2bnHe1YiptoGvuIGjsYC8wIOGoX1MfXXi2Yrg14jW0ojRz4dbhndNfXM1rs42r883r87044s3sM9lvL2VyazF1pzo4I+t0KR9w7Xc3ZM1rc1BsspNtsZaucKhzKnQ2Zdxv7lxvrmIxrGJxrDc3JROPoSyAAAANXRSTlMABgkLDhEYFTQgHEVXLSM5KU8+QTAmUmtdSmJldu/3w8Zz3c6pm3lp58C4r6qOgeLi3M+UflvNGFQAAAKaSURBVEjHlZWJcuIwEEQXDJgbDMYQMAnslb1vSTZLsiHZ7JH8//+kZyxZNsZUMaSoVD2m1Wpdz45WBVUKa47jVKslP2i4br1ecw7jfqvdbriMi9DvDSd9woeax6NBszcErteKvUFw1hk1/UnrEJ0uZl0PeHiIRtH5t49dbzzo9Rt1pwBRq8ugM+i1CjTi+nwZjKHs7gmr+Pc16MUcdNIGzUIhlfgJ+mnmjfx+Oy8sZSzlFq3T2RkNmxOWQki5gedw0e00h23XqWYgqIivouhtuAj2hYkpAd3ozWsWZscWgv57BH0+hfAk2yp31KkkOX4/90bWE3fqAj1fsyfbyqpMMe47brVJiLQ23MqjGigFPgol1JZHJcOka90q+ntgw2O/3zC6CG+XYHELXZorLGm/AMQoRPUnil4hJqsrDcPXPfLnIMxUmVFJRX6X4Zx00aqhjIHgWNxese7Yx1RzUMVovcbiJLqYqoFE0Zusa8YvjRajwCAM3ZcLj/0aiJ2C0ukv1wFySCABprxyZGmFQXVIykDJGf7Hsn6wELIsCoreXzkolMaK/ru7QUiJbEVD0mVZNMJQNzUkBCAXGbrJT0USjLXqXzTqEDTUGaAU4nuRi48ZgtUBfc8Gj8STjPC10ap2yRgm8d0bVZ4lQ2UgbxN4ZVULY07oDumEexuMOwGRALZmkN2aIqH4cAJ2U1tIk9xAdZ1O0kJBFI2r/YO0k2xJ0QH9kZ5e24lgwcwJNHZQxGB0C/Y1CSB77NlOyYWRLCcSvwjnNEdutNAkPjWXVB7GvI5aFI05aC9GEs1BfaV6+kqtFC7jL/P0Mj7hGl+u8ACgjwaslj8dhSer6+HRGfTMo1N8rnzzXB176E57Il0XpOxxBSBy9EE/vZ4AAFGzd0VFy8cAAAAASUVORK5CYII=);
}
.main-header-nassim::after {
  background-image: url(/assets/main-header-after.abce850.png);
}
.main-header-light::after {
  background-image: url(/assets/main-header2-after.abce850.png);
}
.main-header-inn {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABIBAMAAADFbIIeAAAAJFBMVEUAAAAWW2wTWWwUWGwTYGoQYHASQGAWWm4TWmsXWGsSWGv044uXU7kVAAAAC3RSTlMAdEknGhAIXV03N2qJuHMAAAAwSURBVAjXY2BgSGAIYHBgMGBYwKDAUMAgwLABDGkMoLYIMDQAbZ0AtN2BIQDoEgYAf+4I4bbBVdUAAAAASUVORK5CYII=) repeat-x;
  background-size: contain;
  height: 4.5rem;
  padding: 0.75rem 0;
  width: 100%;
}
.main-header-content {
  position: absolute;
  top: 0.75rem;
  right: 2rem;
  bottom: 0.75rem;
  left: 2rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  text-shadow: 0px 1px 0.188rem #0E4A5A;
  color: #FFFFFF;
}
.main-header-pattern {
  background: url(/assets/main-header-pattern.d99b252.png) repeat-x 0 0;
  position: relative;
  height: 3rem;
}
.ltr .main-header-pattern {
  background: url(/assets/main-header-pattern.d99b252.png) repeat-x 100% 0;
}
.d .main-header-pattern {
  background-size: cover;
}
.main-header-light .main-header-pattern {
  background-image: url(/assets/main-header2-pattern.d99b252.png);
}
.main-header-pattern:before {
  background: linear-gradient(90deg, rgba(72, 191, 222, 0) 0%, rgba(71, 191, 223, 0.85) 39.83%, #35AFCE 94.07%);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  content: "";
}
.ltr .main-header-pattern:before {
  background: linear-gradient(-90deg, rgba(72, 191, 222, 0) 0%, rgba(71, 191, 223, 0.85) 39.83%, #35AFCE 94.07%);
  right: auto;
  left: 0;
}
.main-header-back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: -1.063rem;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  cursor: pointer;
}
.ltr .main-header-back {
  margin-right: 0;
  margin-left: -1.063rem;
}
.main-header__actions {
  margin-right: auto;
  display: flex;
  align-items: center;
}
.ltr .main-header__actions {
  margin-right: 0;
  margin-left: auto;
}
.main-header-login-icon {
  cursor: pointer;
}
.logout-dialog {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.logout-dialog__close-button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.5em;
  cursor: pointer;
}
.ltr .logout-dialog__close-button {
  left: auto;
  right: 0;
}
.main-header-login-avatar {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
  object-position: center;
  border: 0.188rem solid #e8c278;
  background-color: #e8c278;
}
.logout-dialog .main-header-login-avatar {
  position: absolute;
  top: -3.625rem;
  width: 4.375rem;
  height: 4.375rem;
}
.logout-dialog__info-wrapper {
  margin: 0.6rem;
  font-size: 1.2em;
}
.astan-qods-logo {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #000;
  border-radius: 50%;
}
.header-container {
  z-index: 50;
  background: linear-gradient(180deg, #FFFFFF 0%, white 36.51%, rgba(255, 255, 255, 0) 100%);
  border-radius: inherit;
}
.ltr .header-container {
  background: linear-gradient(-180deg, #FFFFFF 0%, white 36.51%, rgba(255, 255, 255, 0) 100%);
}
.main-header-quran {
  background: linear-gradient(0deg, #FAF7EF, #FAF7EF), linear-gradient(0deg, rgba(162, 107, 34, 0.03), rgba(162, 107, 34, 0.03));
  border: 0.125rem solid rgba(162, 107, 34, 0.08);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  color: #6f3803;
  box-shadow: 0 0.813rem 2.25rem 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 37.5rem) {
.app-max-w {
    width: 37.5rem;
    max-width: 100%;
    margin: auto;
}
}
.surah-chips {
  background: rgba(162, 107, 34, 0.08);
  color: #714e00;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.input-range__inner:before, .input-range__inner:after {
  content: "";
  flex-grow: 0.5;
}
.input-range__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #D9D5CE;
  position: relative;
  transition: transform 0.3s;
}
.input-range__dot--active ~ .input-range__dot {
  background: #848385;
}
.input-range__dot--active {
  transform: scale(1.5);
  background: #A99160;
}
.input-range__vector {
  flex-grow: 1;
  height: 0.125rem;
  margin: 0 0.1rem;
  background: #A99160;
}
.input-range__dot--active ~ .input-range__vector {
  background: #848385;
}
.input-range__title {
  flex: 1 1 0;
  text-align: center;
  font-size: 0.813rem;
  font-weight: 500;
  color: #6F7475;
  padding-top: 0.4rem;
}
.input-range__title--active {
  color: #A99160;
}
.input-range__selectors {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.input-range__selector {
  flex-grow: 1;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.switch {
  width: 1.75rem;
  height: 1rem;
  border-radius: 1.25rem;
  background: rgba(169, 145, 96, 0.24);
  transition: opacity 0.3s;
  opacity: 0.6;
}
.switch--active {
  opacity: 1;
}
.switch__dot {
  width: 1rem;
  height: 1rem;
  border-radius: 1.25rem;
  background: #A99160;
  transition: transform 0.3s;
}
.switch--active .switch__dot {
  transform: translate3d(0.75rem, 0, 0) ;
}
[data-v-42f5e4d8]:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}
.bottom-sheet[data-v-42f5e4d8] {
  position: fixed;
  bottom: 4.563rem;
  right: 0;
  left: 0;
  z-index: 600;
  max-width: 37.5rem;
  margin: 0 auto;
  max-height: 75vh;
  transition: top 0.3s;
}
.bottom-sheet--fixed-height.bottom-sheet--visible[data-v-42f5e4d8] {
  height: 75vh;
}
.bottom-sheet--expanded.bottom-sheet--visible[data-v-42f5e4d8] {
  top: -1px !important;
  bottom: auto;
  height: 100vh;
  max-height: none;
  overflow-y: scroll;
  overflow-y: overlay;
}
.bottom-sheet__backdrop[data-v-42f5e4d8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.6);
}
.bottom-sheet__content[data-v-42f5e4d8] {
  position: relative;
  top: 1px;
  z-index: 1;
  min-height: 100%;
  background: white;
  border-radius: 0.875rem;
  padding: 1rem 0;
  transition: border-radius 0.3s;
}
.bottom-sheet--expanded .bottom-sheet__content[data-v-42f5e4d8] {
  border-radius: 0;
}
.dark .bottom-sheet__content[data-v-42f5e4d8] {
  background: #2a1c3a;
}
.bottom-sheet-enter-active[data-v-42f5e4d8], .bottom-sheet-leave-active[data-v-42f5e4d8] {
  transition: transform 0.2s;
  will-change: transform;
}
.bottom-sheet-enter-from[data-v-42f5e4d8], .bottom-sheet-leave-to[data-v-42f5e4d8] {
  transform: translateY(100%) !important;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

@media (pointer: fine) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #a6a0a0 transparent;
  }

  .scroll-container::-webkit-scrollbar {
    width: 0.313rem;
    height: 0.313rem;
  }

  .scroll-container::-webkit-scrollbar-track {
    background: transparent;
  }

  .scroll-container::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 1.25rem;
  }

  .scroll-container:hover::-webkit-scrollbar-thumb {
    background-color: #a6a0a0;
  }

  .scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #727070;
  }
}
.hide-scrollbar {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
@charset "UTF-8";
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

@font-face {
  font-family: "icon-surah";
  src: url(/assets/surah-names.800827d.woff2) format("woff2"), url(/assets/surah-names.9684af0.woff) format("woff"), url(/assets/surah-names.8b5c65b.ttf) format("truetype");
  font-display: block;
}
@font-face {
  font-family: Muhammad;
  src: url(/assets/muhammad.be916a5.woff2) format("woff2"), url(/assets/muhammad.1e04e33.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: UthmaniNoBold;
  src: url(/assets/UthmanicHafs1-Ver18.dec7b53.woff2) format("woff2"), url(/assets/UthmanicHafs1-Ver18.8c6d7c5.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: Uthmani;
  src: url(/assets/UthmanicHafs1-Ver18.dec7b53.woff2) format("woff2"), url(/assets/UthmanicHafs1-Ver18.8c6d7c5.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: Uthmani;
  src: url(/assets/UthmanicHafs1-Bold-Ver13.dc5d686.woff2) format("woff2"), url(/assets/UthmanicHafs1-Bold-Ver13.57eebc4.woff) format("woff");
  font-weight: bold;
  font-display: block;
}
@font-face {
  font-family: Neirizi;
  src: url(/assets/neirizi.0adddb9.woff2) format("woff2"), url(/assets/neirizi.39563e1.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: Vazeh;
  src: url(/assets/vazeh.61f3365.woff2) format("woff2"), url(/assets/vazeh.3b2a3d5.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: Vazeh;
  src: url(/assets/vazeh-semibold.71614f2.woff2) format("woff2"), url(/assets/vazeh-semibold.dc4e3ef.woff) format("woff");
  font-weight: 500;
  font-display: block;
}
@font-face {
  font-family: Vazeh;
  src: url(/assets/vazeh-bold.43ecd69.woff2) format("woff2"), url(/assets/vazeh-bold.610db6e.woff) format("woff");
  font-weight: bold;
  font-display: block;
}
.transition-shared {
  contain: paint;
}

.quran-text {
  margin-bottom: 0.6rem;
  font-weight: bold;
  white-space: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.quran-translate {
  white-space: normal;
  color: #3A3A3A;
}
.quran-translate.font-weight-normal, .quran-translate.font-weight-thin {
  font-weight: normal;
}
.quran-translate.font-weight-bold {
  font-weight: 500;
}
.quran-translate.font-size-xs {
  font-size: 0.688rem;
}
.quran-translate.font-size-sm {
  font-size: 0.813rem;
}
.quran-translate.font-size-md {
  font-size: 0.938rem;
}
.quran-translate.font-size-lg {
  font-size: 1.125rem;
}
.quran-translate.font-size-xl {
  font-size: 1.25rem;
}

.quran-font-uthmani {
  font-family: Uthmani, IranSans;
}
.quran-font-uthmani.font-weight-thin {
  font-weight: normal;
}
.quran-font-uthmani.font-weight-normal {
  font-family: UthmaniNoBold, IranSans;
  font-weight: bold;
}
.quran-font-uthmani.font-weight-bold {
  font-weight: bold;
}
.quran-font-uthmani.font-size-xxs {
  font-size: 1.125rem;
}
.quran-font-uthmani.font-size-xs {
  font-size: 1.25rem;
}
.quran-font-uthmani.font-size-sm {
  font-size: 1.375rem;
}
.quran-font-uthmani.font-size-md {
  font-size: 1.5rem;
}
.quran-font-uthmani.font-size-lg {
  font-size: 1.625rem;
}
.quran-font-uthmani.font-size-xl {
  font-size: 1.938rem;
}
.quran-font-neirizi {
  font-family: Neirizi, IranSans;
  word-spacing: 0.188rem;
}
.quran-font-neirizi.font-weight-thin {
  font-weight: normal;
}
.quran-font-neirizi.font-weight-bold, .quran-font-neirizi.font-weight-normal {
  font-weight: bold;
}
.quran-font-neirizi.font-size-xxs {
  font-size: 0.938rem;
}
.quran-font-neirizi.font-size-xs {
  font-size: 1.063rem;
}
.quran-font-neirizi.font-size-sm {
  font-size: 1.125rem;
}
.quran-font-neirizi.font-size-md {
  font-size: 1.313rem;
}
.quran-font-neirizi.font-size-lg {
  font-size: 1.438rem;
}
.quran-font-neirizi.font-size-xl {
  font-size: 1.813rem;
}
.quran-font-vazeh, .quran-font-vazeh2 {
  font-family: Vazeh, Muhammad, IranSans;
  line-height: 2;
}
.quran-font-vazeh.quran-font-vazeh2, .quran-font-vazeh2.quran-font-vazeh2 {
  -webkit-font-feature-settings: "jalt", "dlig", "kern" off;
          font-feature-settings: "jalt", "dlig", "kern" off;
}
.quran-font-vazeh.font-weight-thin, .quran-font-vazeh2.font-weight-thin {
  font-weight: normal;
}
.quran-font-vazeh.font-weight-normal, .quran-font-vazeh2.font-weight-normal {
  font-weight: 500;
}
.quran-font-vazeh.font-weight-bold, .quran-font-vazeh2.font-weight-bold {
  font-weight: 600;
}
.quran-font-vazeh.font-size-xxs, .quran-font-vazeh2.font-size-xxs {
  font-size: 1rem;
}
.quran-font-vazeh.font-size-xs, .quran-font-vazeh2.font-size-xs {
  font-size: 1.125rem;
}
.quran-font-vazeh.font-size-sm, .quran-font-vazeh2.font-size-sm {
  font-size: 1.25rem;
}
.quran-font-vazeh.font-size-md, .quran-font-vazeh2.font-size-md {
  font-size: 1.375rem;
}
.quran-font-vazeh.font-size-lg, .quran-font-vazeh2.font-size-lg {
  font-size: 1.5rem;
}
.quran-font-vazeh.font-size-xl, .quran-font-vazeh2.font-size-xl {
  font-size: 1.813rem;
}
.quran-font-muhammadsaww {
  font-family: Muhammad, IranSans;
  -webkit-font-feature-settings: "dlig" off;
          font-feature-settings: "dlig" off;
  line-height: 2;
}
.quran-font-muhammadsaww.font-weight-thin {
  font-weight: normal;
}
.quran-font-muhammadsaww.font-weight-normal, .quran-font-muhammadsaww.font-weight-bold {
  font-weight: bold;
}
.quran-font-muhammadsaww.font-size-xxs {
  font-size: 1rem;
}
.quran-font-muhammadsaww.font-size-xs {
  font-size: 1.125rem;
}
.quran-font-muhammadsaww.font-size-sm {
  font-size: 1.25rem;
}
.quran-font-muhammadsaww.font-size-md {
  font-size: 1.375rem;
}
.quran-font-muhammadsaww.font-size-lg {
  font-size: 1.5rem;
}
.quran-font-muhammadsaww.font-size-xl {
  font-size: 1.813rem;
}

[dir="ltr"] .ltr-mirror {
  transform: rotate(180deg);
}

.will-change-transform {
  will-change: transform;
}

.transition-width {
  transition-property: width, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.quran-ayah {
  display: flex;
  justify-content: space-between;
  padding: 0.938rem;
}

.quran-ayah--preview {
  background: #EFEAD9;
  border-radius: 0.5rem;
  margin: 0 0.438rem;
  padding: 0.5rem;
}

.quran-ayah__aya-wrapper {
  padding-left: 0.563rem;
  flex-grow: 1;
  flex-basis: 0;
}

.ltr .quran-ayah__aya-wrapper {
  padding-left: 0;
  padding-right: 0.563rem;
}

.quran-ayah--playing {
  background-color: rgba(176, 122, 26, 0.05);
}

.quran-ayah--playing .quran-text {
  color: #2D9C1B;
}

.quran-ayah--playing .quran-translate {
  color: #4F410F;
}

.quran__ayah-marker-wrapper {
  width: 2.625rem;
  height: 2.625rem;
  position: relative;
  flex-shrink: 0;
}

.quran__ayah-marker-wrapper + .quran__ayah-marker-wrapper {
  margin-top: 0.4rem;
}

.quran__ayah-marker-wrapper--juz .quran__ayah-marker-number {
  color: white;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 14%;
  text-align: center;
}

.quran__ayah-marker {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  width: inherit;
  height: inherit;
}

.quran__ayah-marker-number {
  position: relative;
}

.quran-waali {
  -webkit-font-feature-settings: "liga" off;
          font-feature-settings: "liga" off;
  opacity: 0.5;
}
.quran-font-vazeh .quran-waali {
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit;
}

svg {
  display: block;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}

.dark.dark {
  color: #2b2b2b;
}
.dark.dark .bottom-nav {
  color: white;
}

a {
  text-decoration: none;
  color: currentColor;
}

*:focus {
  outline: none !important;
}

.bottom-sheet-enter-active, .bottom-sheet-leave-active {
  transition: transform 0.2s;
  will-change: transform;
}
.bottom-sheet-enter-from, .bottom-sheet-leave-to {
  transform: translateY(100%) !important;
}

.icon-box-2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA3MSA3MSI+PHBhdGggZmlsbD0iI0U4QkM2QiIgc3Ryb2tlPSIjRTNDNjhGIiBkPSJNNjkuNzY5IDM1Ljg4NGwtLjc2Mi40M2MtLjEzMi4xLTMuNjcyIDIuMTUxLTMuNjcyIDcuNjExIDAgNS43NTgtLjc2MiAxMy40MDItNy4zOCAxNC4wMy0uNjI4IDYuNTg1LTguMjcyIDcuMzgtMTQuMDMgNy4zOC01LjQ2IDAtNy41NzggMy42NC03LjYxIDMuNjcybC0uNDMuNzYyLS40My0uNzYyYy0uMS0uMTMyLTIuMTUyLTMuNjcyLTcuNjEyLTMuNjcyLTUuNzU3IDAtMTMuNDAxLS43NjItMTQuMDMtNy4zOC02LjU4NS0uNjI4LTcuMzc5LTguMjcyLTcuMzc5LTE0LjAzIDAtNS40Ni0zLjY0LTcuNTc3LTMuNjczLTcuNjFMMiAzNS44ODVsLjc2MS0uNDNjLjE2Ni0uMSAzLjY3My0yLjE1MiAzLjY3My03LjYxMiAwLTUuNzU3Ljc2MS0xMy40MDEgNy4zOC0xNC4wMy42MjgtNi41ODUgOC4yNzItNy4zNzkgMTQuMDMtNy4zNzkgNS40NiAwIDcuNTEtMy41MDcgNy42MS0zLjY3M2wuNDMtLjc2MS40My43NjFjLjEuMTMyIDIuMTUxIDMuNjczIDcuNjExIDMuNjczIDUuNzU4IDAgMTMuNDAyLjc2MSAxNC4wMyA3LjM4IDYuNTg1LjYyOCA3LjM4IDguMjcyIDcuMzggMTQuMDMgMCA1LjQ2IDMuNTA3IDcuNTEgMy42NzIgNy42MWwuNzYyLjQzek0zNS44ODQgNjcuODgyYy45MjctMS4xNTggMy4zNzYtMy41NCA4LjA0MS0zLjU0IDUuNDkzIDAgMTIuODA2LS43MjggMTMuMDctNi44ODNsLjAzNC0uNDYzLjQ2My0uMDMzYzYuMTU1LS4yNjUgNi44ODMtNy41NzggNi44ODMtMTMuMDcgMC00LjY2NyAyLjM4Mi03LjExNSAzLjU0LTguMDQyLTEuMTU4LS45MjYtMy41NC0zLjM3NS0zLjU0LTguMDQgMC01LjQ5NC0uNzI4LTEyLjgwNy02Ljg4My0xMy4wNzFsLS40NjMtLjAzMy0uMDMzLS40NjRjLS4yNjUtNi4xNTQtNy41NzgtNi44ODItMTMuMDctNi44ODItNC42NjYgMC03LjExNS0yLjM4My04LjA0Mi0zLjU0MS0uOTI2IDEuMTU4LTMuMzc1IDMuNTQtOC4wNCAzLjU0LTUuNDk0IDAtMTIuODA3LjcyOS0xMy4wNzEgNi44ODNsLS4wMzMuNDY0LS40NjQuMDMzYy02LjE1NC4yNjQtNi44ODIgNy41NzctNi44ODIgMTMuMDcgMCA0LjY2Ni0yLjM4MyA3LjExNS0zLjU0MSA4LjA0MSAxLjE1OC45MjcgMy41NCAzLjM3NSAzLjU0IDguMDQxIDAgNS40OTMuNzI5IDEyLjgwNiA2Ljg4MyAxMy4wN2wuNDY0LjAzNC4wMzMuNDYzYy4yNjQgNi4xNTUgNy41NzcgNi44ODMgMTMuMDcgNi44ODMgNC42NjYgMCA3LjExNSAyLjM4MiA4LjA0MSAzLjU0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04LjY3NCAzNi4xMTFzMy4yNi0xLjgyOSAzLjI2LTYuNzJjMC00Ljc3Mi42MzctMTEuMDk0IDYuMTI0LTExLjMzMy4yMzktNS40ODcgNi41NjEtNi4xMjMgMTEuMzMzLTYuMTIzIDQuODkxIDAgNi43Mi0zLjI2MSA2LjcyLTMuMjYxczEuODMgMy4yNiA2LjcyIDMuMjZjNC43NzIgMCAxMS4wOTUuNjM3IDExLjMzMyA2LjEyNCA1LjQ4OC4yMzkgNi4xMjQgNi41NjEgNi4xMjQgMTEuMzMzIDAgNC44OTEgMy4yNiA2LjcyIDMuMjYgNi43MnMtMy4yNiAxLjgzLTMuMjYgNi43MmMwIDQuNzcyLS42MzYgMTEuMDk1LTYuMTI0IDExLjMzMy0uMjM4IDUuNDg4LTYuNTYgNi4xMjQtMTEuMzMzIDYuMTI0LTQuODkgMC02LjcyIDMuMjYtNi43MiAzLjI2cy0xLjgyOS0zLjI2LTYuNzItMy4yNmMtNC43NzIgMC0xMS4wOTQtLjYzNi0xMS4zMzMtNi4xMjQtNS40ODctLjIzOC02LjEyMy02LjU2LTYuMTIzLTExLjMzMy4wNC00Ljg5LTMuMjYxLTYuNzItMy4yNjEtNi43MnoiLz48L3N2Zz4=);
  background-size: cover;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.4rem;
}
.icon-box-2 svg {
  width: 100%;
  height: 100%;
}

.flip-list-move {
  transition: 0.6s transform;
}

.ltr .bidi-icon { transform: scaleX(-1)
}

.n-front {
  position: relative;
  z-index: 1;
}

.channels,
.n-showcase__important-pages,
.patterned-box {
  background: #FAF9F6;
  background-image: url(/assets/dashboard-section-box-bg.7c1e37a.png);
  background-size: 100% auto;
  border-radius: 1rem;
  position: relative;
  padding: 0.625rem 0.9em;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
}

.n-showcase__important-pages--bottom {
  background-image: url(/assets/bg-islamic-1.77f8874.jpg);
  background-size: cover;
  color: white;
}

.channel {
  width: 33.33%;
  padding: 0.625rem 1px;
  cursor: pointer;
}
.channel > img {
  width: 4rem;
  height: 4rem;
  border: 0.188rem solid #E8C278;
  border-radius: 50%;
}

.rezvan {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  /** patch slider style */
}
.rezvan .slider {
  margin-top: 4em;
}
.rezvan .l-slider__dot--current-indicator {
  background: #125f6a;
}

.grow {
  flex-grow: 1;
}

.very-grow {
  flex-grow: 1000000;
}

.slamic-rectangle {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTg4IDU0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTguODAxIDguNjgxNDZMMTguODAxIDkuMzc4MDRDMTUuNzQzOSA5LjY4MTUzIDEzLjIwNTEgMTIuMjE1NyAxMi4zMjYyIDE1LjU5OTdDMTIuMzI2MiAxNS41OTk3IDExLjA0MzcgMjEuMTM1NCA1IDI2LjUxNjRMNS4wNjExNCAyNi41NzI2TDUgMjYuNjI4N0MxMS4wNDA3IDMyLjAwMzYgMTIuMzIzMSAzNy41Mzk0IDEyLjMyMzEgMzcuNTM5NEMxMy4yMDIgNDAuOTE3MyAxNS43NDU1IDQzLjQ0NjkgMTguNzk3OSA0My43NjFMMTguNzk3OSA0NS4zMTk1QzE4LjgwMSA0OC40NDI1IDIwLjk0MDkgNTAuOTk5NCAyMy41Njk5IDUwLjk5OTRMMTY0LjI4NyA1MUMxNjYuOTE2IDUxIDE2OS4wNTYgNDguNDQzIDE2OS4wNTYgNDUuMzJMMTY5LjA1NiA0My43ODU5TDE2OS4wNjkgNDMuNzg1OUMxNzIuMzk4IDQzLjc4NTkgMTc1LjIzNCA0MS4xNDU1IDE3Ni4xNzQgMzcuNTM4NEMxNzYuMTc0IDM3LjUzODQgMTc3LjQ1NiAzMi4wMDI2IDE4My41IDI2LjYyMTdMMTgzLjQzOSAyNi41NjU1TDE4My41IDI2LjUwOTRDMTc3LjQ1NiAyMS4xMjg0IDE3Ni4xNzQgMTUuNTkyNiAxNzYuMTc0IDE1LjU5MjZDMTc1LjIzNSAxMS45ODU2IDE3Mi4zOTggOS4zNDUxNyAxNjkuMDY5IDkuMzQ1MTdMMTY5LjA1NiA5LjM0NTE3TDE2OS4wNTYgOC42ODA1MUMxNjkuMDU2IDUuNTU2MDIgMTY2LjkwOCAzLjAwMDU4IDE2NC4yODQgMy4wMDA1OEwyMy41Njk5IDMuMDAwMDFDMjAuOTQwOSAzLjAwMTUzIDE4LjgwMSA1LjU1ODQ5IDE4LjgwMSA4LjY4MTQ2WiIgZmlsbD0iI0U4QkM2QiIgc3Ryb2tlPSIjRTdCQjZBIiBzdHJva2Utd2lkdGg9IjYiLz4KPHBhdGggZD0iTTE5Ljg1MjcgOS40NDQ2MUwxOS44NTI3IDEwLjExMDhDMTYuOTI4NyAxMC40MDUyIDE0LjQ5NTMgMTIuODI3MSAxMy42NTMxIDE2LjA2MDhDMTMuNjUzMSAxNi4wNjA4IDEyLjQzMDMgMjEuMzU5OSA2LjYzODczIDI2LjUxMTdMNi42OTgzNCAyNi41NjYzTDYuNjM4NzMgMjYuNjIxQzEyLjQyMjYgMzEuNzcyOCAxMy42NDU0IDM3LjA3MTggMTMuNjQ1NCAzNy4wNzE4QzE0LjQ4NzcgNDAuMzA1NiAxNi45MjExIDQyLjcyNzUgMTkuODQ1MSA0My4wMjE5TDE5Ljg0NTEgNDQuNTIxMUMxOS44NDUxIDQ3LjUxMjEgMjEuOTAxIDQ5Ljk1OTggMjQuNDEzOCA0OS45NTk4TDE2Mi4xMjcgNDkuOTYwNUMxNjQuNjQgNDkuOTYwNSAxNjYuNjk1IDQ3LjUxMjggMTY2LjY5NSA0NC41MjE5TDE2Ni42OTUgNDMuMDU0NUwxNjYuNzA5IDQzLjA1NDVDMTY5Ljg5NiA0My4wNTQ1IDE3Mi42MTEgNDAuNTI3OSAxNzMuNTExIDM3LjA3NDFDMTczLjUxMSAzNy4wNzQxIDE3NC43MzQgMzEuNzc1IDE4MC41MjUgMjYuNjIzMkwxODAuNDY2IDI2LjU2ODZMMTgwLjUyNSAyNi41MTM5QzE3NC43MzggMjEuMzU0NSAxNzMuNTExIDE2LjA2MyAxNzMuNTExIDE2LjA2M0MxNzIuNjEyIDEyLjYwOTMgMTY5Ljg5OCAxMC4wODI3IDE2Ni43MDkgMTAuMDgyN0wxNjYuNjk1IDEwLjA4MjdMMTY2LjY5NSA5LjQ0Njg1QzE2Ni42OTUgNi40NTU5IDE2NC42NCA0LjAwODIgMTYyLjEyNyA0LjAwODJMMjQuNDIxNSA0LjAwNzQyQzIxLjkwODYgNC4wMDU5IDE5Ljg1MjcgNi40NTM2NiAxOS44NTI3IDkuNDQ0NjFaIiBmaWxsPSIjNUM4QTY5Ii8+Cjwvc3ZnPg==);
  background-size: contain;
  background-repeat: no-repeat;
}

.rezvan__header {
  min-height: 7rem;
  flex-shrink: 0;
  padding: 1rem 0;
  background: inherit;
}
.rezvan__header .icon {
  color: #41714d;
}

.rezvan-fixed-header {
  display: flex;
  flex-direction: column;
}

.rezvan__main {
  border-radius: 1.5rem;
  padding-bottom: 4.5rem;
  background: url(/assets/nasim-rezvan-bg-pattern.adfa4fe.png);
  background-color: #faf9f6;
  flex: 1 1;
  font-size: 0.875rem;
}

.rezvan__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}

.rezvan__avatar {
  border: 0.125rem solid #ced04b;
  border-radius: 45%;
  background: white;
  box-shadow: 0px 0.125rem 0.313rem rgba(0, 0, 0, 0.25);
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
}

.rezvan__avatar--big {
  width: 8rem;
  height: 8rem;
}

.rezvan__name {
  margin-top: 1.125rem;
  font-size: 0.875rem;
  font-weight: bold;
}

.rezvan__phone {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #848385;
  direction: ltr /* rtl:ignore */;
}

.rezvan__services {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.rezvan__service {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  cursor: pointer;
}

.rezvan__detail-box.rezvan__khadem-details .rezvan__khadem-details-name {
  display: table;
  margin: auto;
  margin-bottom: 0.8em;
}

.header__action {
  padding: 0 0.563rem;
  background-color: #E7BB6A;
  border-radius: 50%;
  width: 2.313rem;
  height: 2.313rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.7em;
  cursor: pointer;
}

.ltr .header__action {
  margin-right: 0;
  margin-left: 0.7em;
}
.header__action .icon {
  width: inherit;
  height: inherit;
}
.header__action svg {
  color: white;
  -webkit-filter: drop-shadow(0px 0.25rem 0.25rem #D19C5A);
          filter: drop-shadow(0px 0.25rem 0.25rem #D19C5A);
}

.rezvan__service-avatar {
  background: url(/assets/haram-icon-bg.432ff76.svg);
  background-size: contain;
  width: 5rem;
  height: 6.438rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.875rem;
}

.rezvan__service-title {
  text-align: center;
  color: #212121;
  font-size: 0.813rem;
  margin-bottom: 0.25rem;
  max-width: 5rem;
}

.rezvan__box-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
  background-color: #5c8a69;
}

.n-competition-login__header {
  margin-bottom: -5.2rem;
}

.rezvan-login__main {
  padding: 1.5rem 0.313rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rezvan-login__user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.rezvan-login__avatar {
  width: 4rem;
  height: 4rem;
}

.rezvan-login__mobile {
  z-index: 10;
  direction: ltr;
  color: #848385;
  font-weight: 600;
  margin-top: 0.75rem;
}

.ltr .rezvan-login__mobile {
  direction: rtl;
}

.toolbar__title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 0 5em;
  margin: 0 !important;
}

.rezvan-login__inputWrapper {
  margin-top: 1rem;
  margin-right: 2.3vw;
  margin-left: 2.3vw;
}

.rezvan-login__inputWrapper .gw-button {
  margin-bottom: 1.25rem;
}

.rezvan-login__inputTitle {
  font-weight: 700;
  color: #212121;
  vertical-align: middle;
}

.rezvan-login__input,
.rezvan-proposal__textarea {
  display: block;
  background: rgba(241, 244, 245, 0.02);
  margin-right: auto;
  margin-left: auto;
  border: 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 94%;
  height: 11.16vw;
  padding: 10%;
  resize: none;
}
.rezvan-login__input:focus,
.rezvan-proposal__textarea:focus {
  outline: none !important;
  border: none;
}

.rezvan-login__input::-webkit-input-placeholder, .rezvan-proposal__textarea::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
  color: #a20f0f;
}

.rezvan-login__input::placeholder,
.rezvan-proposal__textarea::placeholder {
  direction: rtl;
  text-align: right;
  color: #a20f0f;
}

.ltr .rezvan-login__input::-webkit-input-placeholder, .ltr .rezvan-proposal__textarea::-webkit-input-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr .rezvan-login__input::placeholder,
.ltr .rezvan-proposal__textarea::placeholder {
  direction: ltr;
  text-align: left;
}
@media (min-width: 37.5rem) {
  .rezvan-login__input,
.rezvan-proposal__textarea {
    width: 94%;
    height: 3.25rem;
  }
}

.rezvan-proposal__textarea {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQyIDIyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjQ1MDIgMjcuMTgyOEwxNS40NTAyIDM0LjU2NTRDMi4xMDU1NiAzNi40NzQ5IDYuNTUyNjYgNTMuMTYxMiA2LjU1MjY2IDcyLjI3MzFDNi41NTI2NiA5MS4zODUxIDE0LjUzOTMgOTUuNSAyIDEwOC45NThMMi4yNjY4OSAxMDkuMzExTDIgMTA5LjY2NEMxOCAxMjIgNi41MzkzMiAxMjQuNjEgNi41MzkzMiAxNDguMzFDNi41MzkzMiAxNjUuMDA4IDIuMTEyMjUgMTg0LjA0MiAxNS40MzY4IDE4Ni4wMThMMTUuNDM2OCAxOTUuODIzQzE1LjQ1MDIgMjE1LjQ3MiAzOC43OTE0IDIyNC45OTcgNTAuMjY3NyAyMjQuOTk3TDI4NS41NCAyMjVDMjk3LjAxNiAyMjUgMzI0LjM4NCAyMTUuNDc2IDMyNC4zODQgMTk1LjgyN0wzMjQuMzg0IDE4Ni4xNzRMMzI0LjQ0NCAxODYuMTc0QzMzOC45NzcgMTg2LjE3NCAzMzYuMDkxIDE2OS44MTEgMzM2LjA5MSAxNDguMzA0QzMzNi4wOTEgMTI2Ljc5OCAzMjguMDkxIDEyMS41IDM0MC40NjYgMTA5LjYyTDM0MC4xOTkgMTA5LjI2NkwzNDAuNDY2IDEwOC45MTNDMzI4LjA5MSA5Mi41IDMzNi4wOTEgOTEuNDQ1NiAzMzYuMDkxIDcyLjIyODdDMzM2LjA5MSA1My4wMTE3IDMzOC45NzcgMzQuMzU4NiAzMjQuNDQ0IDM0LjM1ODZMMzI0LjM4NCAzNC4zNTg2TDMyNC4zODQgMjcuMTc2OEMzMjQuMzg0IDcuNTE4NTcgMjk2Ljk4MyAxLjAwMzY0IDI4NS41MjcgMS4wMDM2NEw1MC4yNjc3IDEuMDAwMDNDMzguNzkxNCAxLjAwOTU4IDE1LjQ1MDIgNy41MzQwNiAxNS40NTAyIDI3LjE4MjhaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiIHN0cm9rZT0iI0JEQkRCRCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
  width: 100%;
  height: 44.88vw;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (min-width: 37.5rem) {
  .rezvan-proposal__textarea {
    width: 100%;
    height: 15rem;
  }
}

.rezvan-login__textarea {
  display: block;
  margin-top: 0.5rem;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 88vw;
  height: 9.3vw;
  padding: 0 9%;
  resize: none;
}
.rezvan-login__textarea:focus {
  outline: none !important;
  border: none;
}

.rezvan-login__textarea::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
  color: #ababab;
}

.rezvan-login__textarea::placeholder {
  direction: rtl;
  text-align: right;
  color: #ababab;
}

.ltr .rezvan-login__textarea::-webkit-input-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr .rezvan-login__textarea::placeholder {
  direction: ltr;
  text-align: left;
}
@media (min-width: 37.5rem) {
  .rezvan-login__textarea {
    width: 31.875rem;
    height: 4.875rem;
  }
}

.rezvan-login__textarea {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQyIDIyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjQ1MDIgMjcuMTgyOEwxNS40NTAyIDM0LjU2NTRDMi4xMDU1NiAzNi40NzQ5IDYuNTUyNjYgNTMuMTYxMiA2LjU1MjY2IDcyLjI3MzFDNi41NTI2NiA5MS4zODUxIDE0LjUzOTMgOTUuNSAyIDEwOC45NThMMi4yNjY4OSAxMDkuMzExTDIgMTA5LjY2NEMxOCAxMjIgNi41MzkzMiAxMjQuNjEgNi41MzkzMiAxNDguMzFDNi41MzkzMiAxNjUuMDA4IDIuMTEyMjUgMTg0LjA0MiAxNS40MzY4IDE4Ni4wMThMMTUuNDM2OCAxOTUuODIzQzE1LjQ1MDIgMjE1LjQ3MiAzOC43OTE0IDIyNC45OTcgNTAuMjY3NyAyMjQuOTk3TDI4NS41NCAyMjVDMjk3LjAxNiAyMjUgMzI0LjM4NCAyMTUuNDc2IDMyNC4zODQgMTk1LjgyN0wzMjQuMzg0IDE4Ni4xNzRMMzI0LjQ0NCAxODYuMTc0QzMzOC45NzcgMTg2LjE3NCAzMzYuMDkxIDE2OS44MTEgMzM2LjA5MSAxNDguMzA0QzMzNi4wOTEgMTI2Ljc5OCAzMjguMDkxIDEyMS41IDM0MC40NjYgMTA5LjYyTDM0MC4xOTkgMTA5LjI2NkwzNDAuNDY2IDEwOC45MTNDMzI4LjA5MSA5Mi41IDMzNi4wOTEgOTEuNDQ1NiAzMzYuMDkxIDcyLjIyODdDMzM2LjA5MSA1My4wMTE3IDMzOC45NzcgMzQuMzU4NiAzMjQuNDQ0IDM0LjM1ODZMMzI0LjM4NCAzNC4zNTg2TDMyNC4zODQgMjcuMTc2OEMzMjQuMzg0IDcuNTE4NTcgMjk2Ljk4MyAxLjAwMzY0IDI4NS41MjcgMS4wMDM2NEw1MC4yNjc3IDEuMDAwMDNDMzguNzkxNCAxLjAwOTU4IDE1LjQ1MDIgNy41MzQwNiAxNS40NTAyIDI3LjE4MjhaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiIHN0cm9rZT0iI0JEQkRCRCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
  width: 88vw;
  height: 58.08vw;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (min-width: 37.5rem) {
  .rezvan-login__textarea {
    width: 32.5rem;
    height: 21.781rem;
  }
}

.rezvan-radio-wrapper {
  min-width: 6.25rem;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
}

.rezvan-radio {
  width: 1.25rem;
  height: 1.25rem;
}

.rezvan-radio-inline-title {
  display: inline-block;
  width: 4.688rem;
}

.n-button-fixed.n-button-fixed {
  position: fixed !important;
  padding: 0 1rem !important;
  max-width: 37.5rem;
  bottom: 7.9em;
}

.rezvan__detail-box {
  background: rgba(229, 252, 235, 0.9);
  border: 0.188rem solid rgba(231, 187, 106, 0.5);
  border-radius: 1rem;
}

.blue-box {
  background: rgba(43, 156, 172, 0.08);
  border: 0.188rem solid rgba(43, 156, 172, 0.3);
  border-radius: 1rem;
  font-weight: 500;
  font-size: 0.875rem;
}

.table {
  width: 100%;
}

.rezvan__button--fixed-bottom {
  position: fixed;
  bottom: 6.5em;
  left: 0;
  right: 0;
}

.rezvan-light-box {
  border-radius: 1em;
  background: rgba(0, 0, 0, 0.04);
  padding: 0.875rem 0.75rem;
  margin: 0.625rem;
}

.rezvan-light-box__title {
  color: #5c8a69;
  margin: 0 0 0.5em;
  font: inherit;
  font-weight: bold;
}

.rezvan-light-box__title-black {
  color: black;
  margin: 0 0 0.5em;
}

.rezvan__loading-full {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.n-item-title {
  min-width: 0;
  width: 100%;
  text-align: center;
  padding-top: 0.188rem;
}

.n-important-button {
  width: 20.375rem;
  height: 3.25rem;
  background: url(/assets/important-button-bg.14ce5c4.svg) no-repeat;
  background-size: contain;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.n-comming-soon {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}

.n-comming-soon::before {
  content: attr(data-comming-soon-title);
  position: absolute;
  top: 0.313rem;
  left: 0.313rem;
  left: calc((100% - 5rem + 0.625rem) / 2);
  right: auto;
  background: #e91e63;
  color: white;
  display: block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  z-index: 1;
}

.ltr .n-comming-soon::before {
  right: 0.313rem;
  right: calc((100% - 5rem + 0.625rem) / 2);
  left: auto;
}

.n-hadis {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
  border-radius: 1rem;
  padding: 1px 0.75rem;
  margin: 1em -0.75rem;
}

.n-hadis-arabic {
  color: #5c8a69;
  font-family: Vazeh;
  -webkit-font-feature-settings: "jalt", "dlig";
          font-feature-settings: "jalt", "dlig";
  text-align: justify;
  font-weight: 500;
  font-size: 1.61em;
  line-height: 2.1;
  direction: rtl /*rtl:ignore*/;
}

.n-hadis-source {
  color: #757575;
}

.slamic-border-top-bottom {
  position: relative;
  background-color: rgba(159, 114, 31, 0.1);
  border-radius: 1rem;
  color: #AC9260;
}
.slamic-border-top-bottom:after, .slamic-border-top-bottom:before {
  content: "";
  background-image: url(/assets/top-border.5b5a2cd.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 1.25rem;
}
.slamic-border-top-bottom:before {
  bottom: 100%;
}
.slamic-border-top-bottom:after {
  top: 100%;
  transform: scaleY(-1);
}

.body-pattern, .n-competition-login {
  background-color: #82bbca;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAApBAMAAACVYCkGAAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADXRSTlMfOiM0LCc4MFJNQERJNuUKiAAAA61JREFUOMtVlLuP00AQxuc29qXNxI/wKjYvp6CJ7btDUG2ABETlECIKmvg4oKCxSUhqGgSCBtEgoAlCCEokClqggf+Kb9bogJUc72PG883sb0JE9UMa+TQNCOP8M0N07ekCU8XGZaPukQx1kDlsyAkxd3jbojpvfcx3PaKpT9EdkoNDirCpYnwj8rp8J/YGrGHQJHI5U7dho50h5UPC5qLTKZs0Yh6qPOnouMDmaEEb0tSaFa44qluvmblARJ/Ekt9ehFHNp0lvQWvOdrHtTk4/ZRbrHp6IGcuH2A5pGiJOn6YJuTGfejuew9kOdzy/9oYZmmPjaruF6G2+neUZ/TPazV7MGkplMb+uMG8jYmkQyxr2MMOpHOwGqp8Rc4qC7DShtsAT7o1vLFlWQ2tU92Ju0OWlpFML4AujOGaMg8C6uCzl9VZGVD6wqaoSvh71L491vYXgCTkIoVbHKrHur3lIrl8lF8KI9wew/Tvm85u/mD3IbKqx7l9UuaEB85kf83mVcQZHyHjy+UiLrDrfyz25DRrEHx8x+9YkRAYw+vVOgMj1zn55NNWRL6tP35gRuNsglLUddDoWp7pPbaNoRzv2NjnrdEBU3qAuG4Gg5pGtzcigaAXFh3CRrbI5CTNwFLK25IA77UC9pN4NdcVqdIoTifH1i73ABY0O7Yegwqh4oSxlzseXWl4/v5OECqgsaK1J/IYIA8ZF/deX9vRMaBMrqNuirhCtllqoHzXF/gwX+OUkN6JSC+aW9N1E2qfKZerHkPendG2rMqB2RigBQlW5UI7yLogNXNJzF2CI9FCnmxfb2n6ELtxbpsh81KBEcGB+9UPQjU3ttsepbSd16SuupYWJZElqs1m+2vK+4KhWurcvQLsln3i82QCj4+GGN2MJHJD1kiDszfx/LKTILTQMeLIEWdrKI/sibb36l1qWTJqCzLs3Uvb2ZgGMCsueClfXiRi0EWgjeyVAPMVz3AiWtQalqzlLt1QtNdnTaNfl8Lil6sENrDBQ8XZ4nWL9f3OqifRdo0pFvlxjXm3/y2XnQwzqAbTCcsaZgDPAP0SaHlgn5BGmJ5+KDeVZ5IHxtbGX0D//DBoBYZlAEPPpJ3sVf9Nlg0x9iA4SEe+vbEBexMC1PLe5vDVWGS0JEycR4KQwAoaTH8W+3L9lQ9zP4UzIroVSEE3QP/J0l9cSX9qq6wmJMmYLheaIZKHuv0jA3pumOHOm4oQOTFUDoOZVsNLV55ro7JOiAhrt54qS30ZIsxb8FYX3AAAAAElFTkSuQmCC);
}

.rezvan-button {
  background: none !important;
  height: 3.25rem;
  font-weight: 700;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  padding: 0 !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.rezvan-button .button-cnt {
  width: 100%;
  line-height: 2.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 0.875rem;
  border-top: 0.188rem solid #E8BC6B;
  border-bottom: 0.188rem solid #E8BC6B;
  min-width: 0;
  white-space: nowrap;
}

.rezvan-button .button-cnt input {
  background: none;
  border: none;
  width: 100%;
  color: inherit;
  outline: none;
  padding: 0 0.5rem;
}

.rezvan-button .button-cnt input::-webkit-input-placeholder {
  text-align: right;
}

.rezvan-button .button-cnt input::placeholder {
  text-align: right;
}

.ltr .rezvan-button .button-cnt input::-webkit-input-placeholder {
  text-align: left;
}

.ltr .rezvan-button .button-cnt input::placeholder {
  text-align: left;
}

.rezvan-button .corner {
  display: block;
  width: 1.438rem;
  height: 100%;
  flex-shrink: 0;
}

.rezvan-button .corner .border {
  fill: #E8BC6B;
}

.noLeftCorner .button-cnt {
  border-left: 0.188rem solid #E8BC6B;
}

.ltr .noLeftCorner .button-cnt {
  border-left: none;
  border-right: 0.188rem solid #E8BC6B;
}

.noRightCorner .button-cnt {
  border-right: 0.188rem solid #E8BC6B;
}

.ltr .noRightCorner .button-cnt {
  border-right: none;
  border-left: 0.188rem solid #E8BC6B;
}

.rezvan-button .corner .bg {
  fill: #5C8A69;
}

.n-button-full {
  width: 100%;
}

.rezvan-button .icon {
  margin: 0 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
}

.avatar-1 {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 45%;
  background: white;
  object-fit: cover;
  object-position: top;
  border: 0.125rem solid #987E24;
  box-shadow: 0px 0.125rem 0.313rem rgba(0, 0, 0, 0.25);
}

.live {
  padding: 0 0 5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  padding-bottom: 0;
  background-image: url(/assets/nasim-rezvan-bg-pattern.adfa4fe.png);
}

.nr-form {
  padding: 0.75rem 1.25rem;
  max-width: 28.125rem;
  margin: 0 auto;
}

.nr-form__item {
  margin-bottom: 1.25rem;
}

.nr-form__item label {
  font-size: 0.875rem;
  color: #144459;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.313rem;
}

.nr-form__item__err {
  display: flex;
  color: #f00;
  padding-top: 0.625rem;
  padding-right: 0.625rem;
  align-items: center;
}

.ltr .nr-form__item__err {
  padding-right: 0;
  padding-left: 0.625rem;
}

.nr-form__item .icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.375rem;
}

.ltr .nr-form__item .icon {
  margin-left: 0;
  margin-right: 0.375rem;
}

.nr-form__items {
  display: flex;
  justify-content: space-between;
}

.nr-form__item__larg {
  width: 70%;
}

.nr-form__item__min {
  width: 28%;
}

.alignCenter .nr-input__text {
  text-align: center;
}

.nr-form-box {
  background: rgba(159, 114, 31, 0.1);
  border-radius: 1rem;
  padding: 0.75rem;
  margin: 0 0px 1.875rem 0px;
}

.nr-form__niabat {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.nr-form__niabat .nr-input {
  width: 10rem;
}
.nr-form__niabat label {
  font-size: 0.875rem;
}

.CountryDialog {
  background-image: url(/assets/dashboard-section-box-bg.7c1e37a.png);
  background-size: 70%;
  padding: 1.563rem 0.938rem;
  height: calc(100vh - 4em);
}

.countries-list {
  padding: 0.938rem 0;
  direction: ltr;
}

.ltr .countries-list {
  direction: rtl;
}

.country-list {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0.313rem;
  padding: 0.625rem;
  height: 3rem;
  border: 1px solid transparent;
  border-radius: 0.813rem;
  color: #848385;
}

.country-list.active {
  background-color: #FCE9CE;
  border-color: #C8882F;
  color: #212121;
}

.country-list__icon {
  width: 2rem;
  margin-right: 0.625rem;
  box-shadow: 0px 0px 0.125rem rgba(0, 0, 0, 0.24);
  border-radius: 0.313rem;
}

.ltr .country-list__icon {
  margin-right: 0;
  margin-left: 0.625rem;
}

.country-list__text {
  flex: 1;
  text-align: left;
}

.ltr .country-list__text {
  text-align: right;
}

.PayDialog {
  padding: 1.25rem;
  padding-bottom: 0;
}

.InputRadio-childs {
  padding: 0.625rem 1.25rem;
}

@media (max-width: 22.5rem) {
  .nr-form {
    padding: 0.75rem 0px;
  }
}
.document__content.document__content {
  direction: rtl /*rtl:ignore*/;
  min-height: 0;
  flex-grow: 1;
  padding: 2.188rem 1em 5em;
  -webkit-user-select: text;
          user-select: text;
  overflow-y: auto;
  font-size: 0.9rem;
  line-height: 2;
}
.document__content.document__content p {
  text-align: justify;
}
.document__content.document__content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.document__content.document__content tbody {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
}
.document__content.document__content th {
  color: #757575;
}
.document__content.document__content td {
  border: 0;
  vertical-align: middle;
  padding: 0.5em;
}
.document__content.document__content td:not(:last-child) {
  position: relative;
}

.document__content.document__content td:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.12);
  left: 0;
  top: 0.5em;
  bottom: 0.5em;
  width: 0.125rem;
}

.ltr .document__content.document__content td:not(:last-child):after {
  left: auto;
  right: 0;
}
.document__content.document__content td:not(:last-child)[rowspan]:after {
  background: rgba(92, 138, 105, 0.5);
}
.document__content.document__content ol li {
  list-style-type: persian;
}
.document__content.document__content h2 {
  font-size: 1.2em;
  color: #5C8A69;
  position: relative;
}
.document__content.document__content h2 .data-id {
  position: absolute;
  height: 0.313rem;
  width: 100%;
  top: -4.375rem;
  content: "";
  display: block;
}

.nasim-doc__toc {
  padding: 0;
  margin: 0;
  list-style: none;
}

.nasim-doc__toc::before {
  content: "فهرست";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAAsCAMAAABsWwexAAAANlBMVEUAAAAqm6srnK0ol6crn6UrnKwqm6sqnKsrnKwrna0qna0rnKwrnKwqnKopmqorm64qm6srnKzzfNPDAAAAEXRSTlMAgN8gEL9AYO+fkM+vUDBwcA2yKoMAAAFUSURBVFjDzdjtkoMgDIXhEEBAre17/ze7H50dtlr1j2dnnxvIEA7JqK2lEq52szP3yvX8pG5AY7ADEcjhag6ebF+D2S4XKxz1eILFrheg2Z4hAyZwA6ZylCQTGPgyp72iPpvAkjOf8k58o6nEAARby5BNKUBNb44aTSrDYz0JYTat+7abDsW0EvDa4tKbrpMhrI/aTG1YZSeAi7O0fSdLf0sq2zrRYTKtPv9KLyrvb+8xy0/RutjfSP48bXLtpW5n4PeKf9AbrNeA8TkhepjUfm2e8lNfrvSizyYPphf9ZcfM4KbXXhOUqjbHPb9lvehNra1XTKr6m03b9Iz6GN+2D3TQr/X25mAuPmzf6dsHrDNUaO+XkI8PE4gh5J1pnybld87+igmurNr2wpp0Vadku1wzK+7H72OUfGJFh3JyAR4uNlbw//fnR1S2noYllnC1ssnvB0MpKh208RveAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  margin: 0 auto;
  width: 7.313rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  font-weight: bold;
  color: #2B9CAC;
}

.nasim-doc__toc-item {
  width: 20.375rem;
  height: 3.25rem;
  line-height: 3.25rem;
  margin: 1em auto;
  max-width: 100%;
  text-align: center;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI2IiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgMzI2IDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTYuODAxIDcuNjgxNDlMMTYuODAxIDguMzc4MDdDMTMuNzQzOSA4LjY4MTU2IDExLjIwNTEgMTEuMjE1OCAxMC4zMjYyIDE0LjU5OTdDMTAuMzI2MiAxNC41OTk3IDkuMDQzNzUgMjAuMTM1NSAzIDI1LjUxNjVMMy4wNjExNCAyNS41NzI2TDMgMjUuNjI4N0M5LjA0MDY5IDMxLjAwMzcgMTAuMzIzMSAzNi41Mzk0IDEwLjMyMzEgMzYuNTM5NEMxMS4yMDIgMzkuOTE3MyAxMy43NDU1IDQyLjQ0NyAxNi43OTc5IDQyLjc2MTFMMTYuNzk3OSA0NC4zMTk1QzE2LjgwMSA0Ny40NDI1IDE4Ljk0MDkgNDkuOTk5NSAyMS41Njk5IDQ5Ljk5OTVMMzA0LjI4NyA1MEMzMDYuOTE2IDUwIDMwOS4wNTYgNDcuNDQzIDMwOS4wNTYgNDQuMzIwMUwzMDkuMDU2IDQyLjc4NTlMMzA5LjA2OSA0Mi43ODU5QzMxMi4zOTggNDIuNzg1OSAzMTUuMjM0IDQwLjE0NTUgMzE2LjE3NCAzNi41Mzg0QzMxNi4xNzQgMzYuNTM4NCAzMTcuNDU2IDMxLjAwMjcgMzIzLjUgMjUuNjIxN0wzMjMuNDM5IDI1LjU2NTVMMzIzLjUgMjUuNTA5NEMzMTcuNDU2IDIwLjEyODQgMzE2LjE3NCAxNC41OTI3IDMxNi4xNzQgMTQuNTkyN0MzMTUuMjM1IDEwLjk4NTYgMzEyLjM5OCA4LjM0NTE5IDMwOS4wNjkgOC4zNDUxOUwzMDkuMDU2IDguMzQ1MTlMMzA5LjA1NiA3LjY4MDUzQzMwOS4wNTYgNC41NTYwNCAzMDYuOTA4IDIuMDAwNjEgMzA0LjI4NCAyLjAwMDYxTDIxLjU2OTkgMi4wMDAwNEMxOC45NDA5IDIuMDAxNTYgMTYuODAxIDQuNTU4NTIgMTYuODAxIDcuNjgxNDlaIiBmaWxsPSIjRThCQzZCIiBmaWxsLW9wYWNpdHk9IjAuMyIgc3Ryb2tlPSIjRThCQzZCIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: contain;
  background-position: center;
}
.nasim-doc__toc-item a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1em;
  text-decoration: none;
  color: #A27421;
  font-weight: bold;
  cursor: pointer;
}

.n-ziarat__main {
  min-height: 0;
  flex-grow: 1;
  padding: 1.125rem 1em 6em !important;
  -webkit-user-select: text;
          user-select: text;
}

.n-ziarat__salavat {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.n-ziarat__button {
  width: 20.375rem;
  height: 3.25rem;
  line-height: 3.25rem;
  margin: 1em auto;
  max-width: 100%;
  text-align: center;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI2IiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgMzI2IDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTYuODAxIDcuNjgxNDlMMTYuODAxIDguMzc4MDdDMTMuNzQzOSA4LjY4MTU2IDExLjIwNTEgMTEuMjE1OCAxMC4zMjYyIDE0LjU5OTdDMTAuMzI2MiAxNC41OTk3IDkuMDQzNzUgMjAuMTM1NSAzIDI1LjUxNjVMMy4wNjExNCAyNS41NzI2TDMgMjUuNjI4N0M5LjA0MDY5IDMxLjAwMzcgMTAuMzIzMSAzNi41Mzk0IDEwLjMyMzEgMzYuNTM5NEMxMS4yMDIgMzkuOTE3MyAxMy43NDU1IDQyLjQ0NyAxNi43OTc5IDQyLjc2MTFMMTYuNzk3OSA0NC4zMTk1QzE2LjgwMSA0Ny40NDI1IDE4Ljk0MDkgNDkuOTk5NSAyMS41Njk5IDQ5Ljk5OTVMMzA0LjI4NyA1MEMzMDYuOTE2IDUwIDMwOS4wNTYgNDcuNDQzIDMwOS4wNTYgNDQuMzIwMUwzMDkuMDU2IDQyLjc4NTlMMzA5LjA2OSA0Mi43ODU5QzMxMi4zOTggNDIuNzg1OSAzMTUuMjM0IDQwLjE0NTUgMzE2LjE3NCAzNi41Mzg0QzMxNi4xNzQgMzYuNTM4NCAzMTcuNDU2IDMxLjAwMjcgMzIzLjUgMjUuNjIxN0wzMjMuNDM5IDI1LjU2NTVMMzIzLjUgMjUuNTA5NEMzMTcuNDU2IDIwLjEyODQgMzE2LjE3NCAxNC41OTI3IDMxNi4xNzQgMTQuNTkyN0MzMTUuMjM1IDEwLjk4NTYgMzEyLjM5OCA4LjM0NTE5IDMwOS4wNjkgOC4zNDUxOUwzMDkuMDU2IDguMzQ1MTlMMzA5LjA1NiA3LjY4MDUzQzMwOS4wNTYgNC41NTYwNCAzMDYuOTA4IDIuMDAwNjEgMzA0LjI4NCAyLjAwMDYxTDIxLjU2OTkgMi4wMDAwNEMxOC45NDA5IDIuMDAxNTYgMTYuODAxIDQuNTU4NTIgMTYuODAxIDcuNjgxNDlaIiBmaWxsPSIjRThCQzZCIiBmaWxsLW9wYWNpdHk9IjAuMyIgc3Ryb2tlPSIjRThCQzZCIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: contain;
  background-position: center;
}
.n-ziarat__button a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1em;
  text-decoration: none;
  color: #A27421;
  font-weight: bold;
  cursor: pointer;
}

.n-ziarat__live::after {
  content: "";
  display: block;
  margin: auto;
  width: 11.75rem;
  height: 1.875rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
  background-position: center;
}

.n-ziarat__live-wrapper {
  background-size: contain;
  background-position: center;
  position: relative;
  margin-top: -0.125rem;
}
.n-ziarat__live-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAFbBAMAAAD7NO3cAAAAJFBMVEUAAADfr3DvvWvnt2jnumnnvWrnumrovWvpvGvovWvpvGvovGuvvgKKAAAAC3RSTlMAEB8gP2BgksHf70JlliwAAARUSURBVHja7doxa5NRFMfhU6LWsWNGP0LBxTgVdLGTsy6u4tK9i8VF6RgRpWtx6axtzZfTVxKtmJzciyAH3uc/hjs9/CCBnDD7j5stRr55NG9ythj5rvfbw7rai1Fv53TeHtZJjHzT5rQOxx7WkNZ5Y1gXow8rYvrtQFgdaTWHNXn3acT7uN+a1uHl3uh/aM0b05pcHA3fhx8ej3hPhu/C3WVaeVgRMfvxesSbnM0j4vi8Max5jHqzZVrC6khLWD1pCasjLWH1pCWsjrSE1ZOWsDrSElZPWsLqSEtY/5zWM2GtS+tzrNnthbDWpbV4Gn/vubDWp/VFWD1pCasjLWH1pCWsjrTWhvUm7I89+DutISwnDhuOHlZp3QzLicPaTZdpCasjLWH1pCWsjrSE1ZOWsDrSElZPWsLqSEtYPWkJqyutXWG1pnUUx8JqTesyhrBuCWtbWgdDWrG4F/FQWA23y5OfWLccvjecxS+x7gpre1qvV1hfw7bsOSxYsDYPVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAlg1VusGDBSgar3GDBgpUMVrnBggUrGaxygwULVjJY5QYLFqxksMoNFixYyWCVGyxYsJLBKjdYsGAl+99YV3th6XZOV1iTs5OwdNPr/SVWzKS1Lax5/MQ6Cmm1hBW7i3h1GdJqCSuOv8YdabWG9SJWae2HbQsrVmnNwzZs9iusVVrX0tqwydkqLGl1hCWt9rCk1RGWtNrDklZjWN9exK8dSisP6/zmRxfSSsM6iJBWe1jS6ghLWu1hSasjLGm1hyWtjrCk1R6WtDrCklZ7WNLqCEta7WFJqyOsDWld7UnrZlg7p+ebH1ycSGvY6s/B6RBWmtZUWkMyJ8uwsrSGJ9IaDhrysIY30roZ1vstj6T1ZzTSGtbWjLQ6wpJWf1j5w/ePR7yXy2BaE1yMesuwWht8O+o1huXAdFhrWA5Mf5+RSqs9LGl1hNWa1qP7494QVnNai5FvfVjfASsUExCFZv6GAAAAAElFTkSuQmCC) no-repeat;
  background-position: center;
  background-size: contain;
}

.n-ziarat__live-title {
  color: #A27421;
  text-align: center;
  margin: auto;
  width: 13.75rem;
  height: 1.688rem;
  line-height: 1.688rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbkAAAA2CAMAAABtGxejAAAAb1BMVEUAAADfv3Dfr3DmtWvkumrkumXnu2jmvGznvWrnumrou2nnu2rovWvpvWvovGrovGvpvGvovWvovGvpvGv469P36Mz25cb14sD037nz3LPy2azx1qbw05/v0JjuzZLty4vsyIXrxX/qwnjpv3LovGsEScPBAAAAFHRSTlMAEBAfMDBAUGBgcICPn6+/z9/f70fjcHcAAAHNSURBVHja7dvrbqMwEAXgybpLNhBwAoYACZea8/7PuKiqAlIvKv2DRzrfKxzZzIwH+YaJU3stQPu42CSS34gsaG+Zkc0SYOrvTVU62kV5a4YJ+UE2MkDH0PZWeZxloxS9o91VKA6yTYHK0f5GxLLJEa+OAnCHlU0ytI4CUG68Lg14WQZiRCIbWNYnoahRmC29nOeRC0WH3MjPmAy4OQpE+Yr89JPYjmmBqXYUjHIA8vPxr3zpT5xdgdnAqzIsrQdmefp5enGBmR/vHHqFp+lGj5k1Hw+cBcaWhy1gZd0D+cvH1tvz4xa8yqMw7ANU6mFlzQCNIwVKjxPfdFSqkctKzjGlGh4R33RUeiCVpxR3R0pUKOTpAnYEekxYGgPAkRrDUl2+8DOnSYdkKVBGR2q0S4nyj92cJg2yZfT1cKRGDcvkVKpwZXIqMTmtmJxWTE6rVYUSo3OkRg3Lfk6lBhmTU2k1Q4k4/dKEyWm1Su6IwZEanDhr1SJlV6ASJ85arWYoGddkNSlRcIFIJ/9cIQL445UmzxWiiAtEujxwljcJS0tdalzkjWWBosyEg8wMJkeq9IhlFnOCos17L56jrUiV24RI5ARSyIrYK2l0+A/lck+43ekWKQAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  background-position: center;
}

.n-ziarat-live-player {
  -webkit-clip-path: polygon(9% 3%, 91% 3%, 97.2% 13.1%, 97.2% 86.7%, 91.4% 97.5%, 9.1% 97.8%, 2.9% 87%, 3% 13.8%);
          clip-path: polygon(9% 3%, 91% 3%, 97.2% 13.1%, 97.2% 86.7%, 91.4% 97.5%, 9.1% 97.8%, 2.9% 87%, 3% 13.8%);
}

.content-separator {
  padding: 0.5rem 0;
}

.content-separator__inner {
  background: rgba(162, 107, 34, 0.08);
  color: #714E00;
  border-radius: 1rem;
  padding: 0.125rem 2rem;
  position: relative;
  margin: auto;
  display: table;
  font-size: 0.75rem;
  font-weight: 400;
}

/* annually quota start */
.reserve-button-wrapper {
  max-width: 100%;
  margin: 1rem;
}

.reserve-button {
  width: 100%;
}

.icon-wrapper {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
}

.ltr .icon-wrapper {
  margin-left: 0;
  margin-right: 0.5rem;
}

.history-wrapper {
  margin: 2rem 0;
  padding: 0.5rem 0;
  background: none;
  text-align: center;
  font-size: 0.938rem;
  font-weight: 500;
}

.history-record {
  background-color: rgba(159,114,31,0.10196);
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  display: flex;
  border-radius: 2.813rem;
  font-weight: 500;
  font-size: 1rem;
}

.history-record:last-child {
  margin-bottom: 0;
}

.history-record__right-col {
  width: 25%;
  position: relative;
}

.history-record__left-col {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.history-record__right-col::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0.625rem;
  bottom: 0.625rem;
  width: 0.125rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSI0MyIgdmlld0JveD0iMCAwIDIgNDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTEgMEwxIDQzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNSIvPgo8L3N2Zz4=);
}

.ltr .history-record__right-col::before {
  left: auto;
  right: 0;
}

.history-record__middle-col {
  width: 40%;
  flex-grow: 1;
}

.history-record__meal {
  color: #B66D12;
  text-align: center;
  margin-bottom: 0.5rem;
}

.history-record__food-count {
  text-align: center;
  color: #212121;
}

.history-record__day {
  color: #5C8A69;
  text-align: center;
  margin-bottom: 0.5rem;
}

.history-record__season {
  color: #616161;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 0.25rem;
  width: 80%;
  margin: 0 auto;
  border-radius: 2.625rem;
  font-size: 0.75rem;
}

.quota-wrapper {
  padding: 0.5rem 1rem;
  margin: 2rem 0.25rem;
  border: 0.188rem solid rgba(0, 0, 0, 0.04);
  border-radius: 2.625rem;
  background-color: #F6F1E9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.938rem;
  font-weight: 500;
}

.quota-wrapper__content {
  color: #A27421;
}

.quota-wrapper__number {
  color: #616161;
}

.quota-table {
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  border-collapse: collapse;
}

.quota-table * {
  text-align: center;
}

.quota-table tr {
  padding: 0.5rem 0;
}

.quota-table td,
.quota-table th {
  white-space: nowrap;
}

.quota__reserved-count {
  color: #5C8A69;
}

.quota__served-count {
  color: #616161;
}

.quota__voided-count {
  color: #8A5C5C;
}

.right-bordered {
  border-right: 1px solid #d1c9c9;
}

.ltr .right-bordered {
  border-right: none;
  border-left: 1px solid #d1c9c9;
}

/* annually quota end */
.nr-input-textarea {
  display: flex;
  outline: none;
  padding: 0 1.313rem;
  position: relative;
}
.nr-input-textarea .corner {
  position: absolute;
  width: 5rem;
  height: 7.5rem;
  top: 0;
}
.ltr .nr-input-textarea .corner {
  transform: scaleX(-1);
}

.nr-input-textarea .corner-first {
  right: 0;
}

.ltr .nr-input-textarea .corner-first {
  right: auto;
  left: 0;
}

.nr-input-textarea .corner-last {
  left: 0;
}

.ltr .nr-input-textarea .corner-last {
  left: auto;
  right: 0;
}

/* input text, number, currency starts */
.nr-input {
  display: flex;
  outline: none;
  padding: 0 1.313rem;
  position: relative;
}
.nr-input .corner {
  position: absolute;
  width: 1.313rem;
  height: 2.563rem;
  top: 0;
}
.ltr .nr-input .corner {
  transform: scaleX(-1);
}

.nr-input .corner-first {
  right: 0;
}

.ltr .nr-input .corner-first {
  right: auto;
  left: 0;
}

.nr-input .corner-last {
  left: 0;
}

.ltr .nr-input .corner-last {
  left: auto;
  right: 0;
}

.placeholder-important .nr-input__text::-webkit-input-placeholder {
  color: #f00;
}

.placeholder-important .nr-input__text::placeholder {
  color: #f00;
}

.nr-input__textarea {
  border: none;
  border-top: 0.5rem solid #BDBDBD;
  border-bottom: 0.5rem solid #BDBDBD;
  width: 100%;
  height: 2.563rem;
}

.nr-input__text {
  border: none;
  border-top: 0.125rem solid #BDBDBD;
  border-bottom: 0.125rem solid #BDBDBD;
  width: 100%;
  height: 2.563rem;
}

.ltr .nr-input__text {
  direction: ltr;
}

.rtl .noFirstCorner {
  padding-right: 0 /* rtl:ignore */;
}
.ltr .noFirstCorner {
  padding-left: 0 /* rtl:ignore */;
}

.noFirstCorner .nr-input__text {
  padding-right: 1.188rem;
  border-right: 0.125rem solid #BDBDBD;
}

.ltr .noFirstCorner .nr-input__text {
  padding-right: 0;
  padding-left: 1.188rem;
  border-right: none;
  border-left: 0.125rem solid #BDBDBD;
}

.rtl .noLastCorner {
  padding-left: 0 /* rtl:ignore */;
}
.ltr .noLastCorner {
  padding-right: 0 /* rtl:ignore */;
}

.noLastCorner .nr-input__text {
  padding-left: 1.188rem;
  border-left: 0.125rem solid #BDBDBD;
}

.ltr .noLastCorner .nr-input__text {
  padding-left: 0;
  padding-right: 1.188rem;
  border-left: none;
  border-right: 0.125rem solid #BDBDBD;
}

.nr-input__text:focus {
  border-color: #E8BC6B;
}

.nr-input__text:focus ~ span .nr-input__svg-brd {
  fill: #E8BC6B;
}

.nr-input-error .nr-input__text {
  border-color: #FF5E40 !important;
}
.nr-input-error .nr-input__text ~ span .nr-input__svg-brd {
  fill: #FF5E40;
}

.nr-input-disable .nr-input__text {
  background: #eee;
  cursor: default;
}
.nr-input-disable .nr-input__svg-bg {
  fill: #eee;
}
.nr-input-disable .nr-input__svg-brd {
  fill: #BDBDBD;
}

.n-showcase__important-page {
  width: 33.33%;
  padding: 0.625rem 1px;
}

.n-showcase {
  padding-bottom: 5rem;
}

.n-showcase__important-page-icon-wrapper {
  background-size: contain;
  background-position: center;
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
}
.n-showcase__important-page-icon-wrapper > svg {
  width: 2rem;
  height: 2rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 1.875rem white inset !important;
}

.setting-fullpage .page-ayat-wrapper {
  font-size: 6.3vw;
}

@media (min-width: 37.5rem) {
  .setting-fullpage .page-ayat-wrapper {
    font-size: 2.25rem;
  }
}
.quran-ayah--uthmanic .quran-text {
  font-size: 1em;
  font-weight: normal;
  white-space: pre-wrap;
}

.quran-ayah--loading-font .quran-text {
  font-size: 0.8em;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

.aqr-app .body-pattern {
  background-color: #1C39BB;
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

:root {
  --primary-700: #0096a7;
  --primary-800: #003829;
  --primary-900: #005F64;
}

.nasimrezvan .ayah-preview .ayah-preview__title {
  color: #0096a7;
  color: var(--primary-700);
}

.nasimrezvan .navigation-menu {
  background: linear-gradient(90deg, rgba(111, 192, 203, 0.02) 0%, rgba(111, 192, 203, 0.1) 100%);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
  border: 1px solid rgba(30, 158, 174, 0.2);
}

.ltr .nasimrezvan .navigation-menu {
  background: linear-gradient(-90deg, rgba(111, 192, 203, 0.02) 0%, rgba(111, 192, 203, 0.1) 100%);
}
.nasimrezvan .navigation-menu .navigation-menu__content {
  background-image: url(data:image/png;base64,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);
}
.nasimrezvan .ayah-navigation {
  background: rgba(0, 130, 143, 0.08);
}
.nasimrezvan .ayah-navigation .ayah-navigation__text {
  color: #005F64;
  color: var(--primary-900);
}
.nasimrezvan .ayah-navigation .ayah-navigation__surah {
  color: #003829;
  color: var(--primary-800);
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

:root {
  --primary-500: #008867;
  --primary-800: #003829;
}

.nasimkeramat .ayah-preview .ayah-preview__title {
  color: #00513c;
}

.nasimkeramat .navigation-menu {
  background: linear-gradient(90deg, rgba(133, 214, 183, 0.05) 0%, rgba(96, 187, 155, 0.05) 100%);
  -webkit-backdrop-filter: blur(0.188rem);
          backdrop-filter: blur(0.188rem);
  border: 1px solid rgba(30, 158, 174, 0.2);
}

.ltr .nasimkeramat .navigation-menu {
  background: linear-gradient(-90deg, rgba(133, 214, 183, 0.05) 0%, rgba(96, 187, 155, 0.05) 100%);
}
.nasimkeramat .navigation-menu .navigation-menu__content {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAYAAAAD3IPhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWkSURBVHgBzVi9b1xFEJ95dyEKBTz+gwsFFBROCjoEJ6qIIj7ABSAL2xSIAhGnQAgJYbuACBqbiqRAsQug4MMHBShpOHcUSDZISBESUlwiCk4IJca8t8Ps7szuvPvgQ3aRlZzbt29257e/+c3svgAcQ5v/+v0uHEMr4Iht/vrlC4j4zfy1KytwxIb/xai3vV6eap3sYotKgDqMEbVnCoQedzvEj34lItovqNUHqPYJ3dDbOYc3D6pqr//kxeGRwDyzvd6lVnuFjbrwf1oABsQ/6B0QIj/RTg20+sn5V3b+Ydrk9vSn672ihdvWkKTPNBAS+8LmOESn0dz3gzFD4UfyVjzmKvfUZ3MX+5N8tmFqoxVXh+15B3Fxkp0KJBkTrASyN2EjIWSbGhNaAq+tiWDGmDn38aXOXdiaLRA3GtDi+sHeA0TKcwNKv3vyaDGExTNHSohHJGPe3hEtF1R/0X/29ZtTwZz/6O0FgmIzUI0oGGS7Yu4CTX67fn1FQ5EwRMgsUrQxHOl4JhYXv3zuta0xMOeuXuq02rTL1iVM5NCESUNHZoXkCCkFyegmvY8gImWAw1vV4enB0mrItKQZR4ePcWjLLEkUV2R4SSGRcLGNS6LRsCAkIaGMhTUSwz6cUBQ87sqTUCzy0EYTjHM9JDS7dI0QWhJiX0MhSGRmiHCRwqGhS/NAdOULkH9mSN0xMDVRB2sHIQtTOqhs1SVYSEoXsxPhhB17kbgED7P+SNZt6pQ9zmg/M1NVpcBHa47Zie6ODKooBgEhwQ1R1JDmOYaiLAUwVcqA8ayYMEhvpIIltFLdMLyIyg41JATKvgfDLfkCiDEjC9kEh3QcTFXVHU3VGHfvA9GUOFFhHCONpjpL1SCoGjBnAJJlUIhJsx2UOQrcHn53+UzRLnah0TBDSJaa01L8qKGgWAjHyqjdYa6L+sJ74Kg8/t2rGwNl5kJd1eIrysRWKN25d+jpddkFOPEUGVd9GXlEskCj6ue5eK4puZ65Bf4d4Jl3Xl7hlF6FxlwtkqnaWhpSWAx44UCLmRW2aghgND/FXjKe1tp8igIadYeXUgpGaouKJ6yBeVeAJjRCCJqxZr0i4QcpMSNGccpDay9ucvd5m7IpXFoXMJcVZSUt3ISb01wnNkIm/4iGZObWj29eWQqaqcltYo0LI2kPMKpilZ5ZVnFSQ+iQJCrlLk7NoOwZgxXCe40FH3jjhd94vCSKtyEaKSwZT6O6J2WaDZABiWmAzIGl4gvoCH5662q4i+fjoKqHbFJC4/6WapZOzs4wCdDcJCBe6+x8Eb4hKqpSRjkD9xWDPSh1y1IJNEVtvjQ0PWnE5HbmJJlkAjWMXCamHAdRkaPoJbP0GZuUp36Sx1jlGyuDAJClgDgcA1PX1R6/7OgGSI+9DCZxrylEenRBQ0sN8Ea4VotW/ONhqis3AP8dFFeRQuVIFiMBkNM0IUacFCZhKNOU7ze6kbAmmct5AnO7/dfWiT+LFba8D8ao1YKYzjjMzlOVRP1WMhNRPy1SIoMFDsOCmARpLe0cfHvj4NTZB38hcrN+cxR2wvckF05o/uAJY2E89PXPP8c//4xiMzLH6RyS3/hc4Eu/Xu7vZHQjrVzsdeCEm0VHG2pBZC8IYIuX0ja2Xj537MGiiYrLHJT+8IPP92HS5NF2z+ITu/z2TPBGJjzxMkXN6gXmpiCqTqet3LjEkKd8//vmV2cn+Zz6RUlVteaQP29z/cr6SDc5zzQi2dNChdpsCSrbr07z2Zr24vCHn2+0Zu4fcDXssG46/uLiOPahOPqtih5c0Il3w2/9jT/201jSGdCAali69eH1a9N8Tg2TbWWvW/5xCmf43nM6DBR4L1T8NYHUY5+dXPtwyIfMFn/k7CUHXNTuvl0Phv3Bv/6XyJFbe667Wsw9Sv4X7ojWe6QLx9D+BkEZp+8FPCIIAAAAAElFTkSuQmCC);
}
.nasimkeramat .ayah-navigation {
  background: rgba(0, 136, 103, 0.08);
}
.nasimkeramat .ayah-navigation .ayah-navigation__text {
  color: #00513c;
}
.nasimkeramat .ayah-navigation .ayah-navigation__surah {
  color: #003829;
  color: var(--primary-800);
}
:export {
  animate-overflow__margin: 2.5rem;
  l-list-header__height: 2.5em;
  l-icon__height: 7.85em;
  l-icon-discrete__height: 7.68em;
  max-width: 37.5rem;
  avatar-colors-light: #a9eca3, #b3f4e1, #a4e3fe, #afc1ff, #c3aeff, #b0cdfa, #ff9de4, #ff9d9d, #ffc28a, #ffd89d, #ddc196, #fff1bb;
}

/* windicss layer base */
/* windicss layer components */
/* windicss layer utilities */
.container {
  width: 100% !important;
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem !important;
  }
}
@media (min-width: 48rem) {
  .container {
    max-width: 48rem !important;
  }
}
@media (min-width: 64rem) {
  .container {
    max-width: 64rem !important;
  }
}
@media (min-width: 80rem) {
  .container {
    max-width: 80rem !important;
  }
}
@media (min-width: 96rem) {
  .container {
    max-width: 96rem !important;
  }
}
.bg-\[\#008867\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 136, 103, var(--tw-bg-opacity)) !important;
}

.bg-black\/50 {
  --tw-bg-opacity: 0.5 !important;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
}

.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-\[rgba\(176\,119\,45\,0\.2\)\] {
  --tw-bg-opacity: 0.2 !important;
  background-color: rgba(176, 119, 45, var(--tw-bg-opacity)) !important;
}

.bg-\[\#FFFCF5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 252, 245, var(--tw-bg-opacity)) !important;
}

.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity)) !important;
}

.bg-\[\#00B3A0\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 179, 160, var(--tw-bg-opacity)) !important;
}

.bg-\[\#F6F0E5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(246, 240, 229, var(--tw-bg-opacity)) !important;
}

.bg-\[\#EFEAD9\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(239, 234, 217, var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#EFEAD9\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(239, 234, 217, var(--tw-bg-opacity)) !important;
}

.bg-\[\#E8E8E8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)) !important;
}

.bg-\[rgba\(203\,171\,96\,0\.05\)\] {
  --tw-bg-opacity: 0.05 !important;
  background-color: rgba(203, 171, 96, var(--tw-bg-opacity)) !important;
}

.bg-\[\#F4222F\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(244, 34, 47, var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#e0e0e0\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(224, 224, 224, var(--tw-bg-opacity)) !important;
}

.bg-\[\#B0772D\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(176, 119, 45, var(--tw-bg-opacity)) !important;
}

.bg-\[\#A26B22\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(162, 107, 34, var(--tw-bg-opacity)) !important;
}

.bg-green-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity)) !important;
}

.bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
}

.bg-\[\#A26B2214\] {
  --tw-bg-opacity: 0.0784313725490196 !important;
  background-color: rgba(162, 107, 34, var(--tw-bg-opacity)) !important;
}

.bg-\[\#A26B2233\] {
  --tw-bg-opacity: 0.2 !important;
  background-color: rgba(162, 107, 34, var(--tw-bg-opacity)) !important;
}

.bg-\[\#f0e6d6\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(240, 230, 214, var(--tw-bg-opacity)) !important;
}

.bg-\[\#f1e8db\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(241, 232, 219, var(--tw-bg-opacity)) !important;
}

.bg-\[\#A26B2226\] {
  --tw-bg-opacity: 0.14901960784313725 !important;
  background-color: rgba(162, 107, 34, var(--tw-bg-opacity)) !important;
}

.bg-\[\#f8f4ed\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(248, 244, 237, var(--tw-bg-opacity)) !important;
}

.bg-\[\#f6f1e9\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(246, 241, 233, var(--tw-bg-opacity)) !important;
}

.bg-\[\#faf9f6\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(250, 249, 246, var(--tw-bg-opacity)) !important;
}

.bg-\[\#F7F3ED\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(247, 243, 237, var(--tw-bg-opacity)) !important;
}

.bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important;
}

.bg-none {
  background-image: none !important;
}

.bg-gradient-to-b {
  background-image: -o-linear-gradient(top, var(--tw-gradient-stops)) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops))) !important;
}

.ltr .bg-gradient-to-b {
  background-image: -webkit-gradient(linear, right top, right bottom, from(var(--tw-gradient-stops))) !important;
}

.d .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

.from-\[\#EFF3F4\] {
  --tw-gradient-from: rgba(239, 243, 244, var(--tw-from-opacity, 1)) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
}

.to-\[rgba\(239\,243\,244\,0\.8\)\] {
  --tw-gradient-to: rgba(239, 243, 244, var(--tw-to-opacity, 1)) !important;
}

.hover\:bg-opacity-\[0\.5\]:hover {
  --tw-bg-opacity: 0.5 !important;
}

.bg-opacity-8 {
  --tw-bg-opacity: 0.08 !important;
}

.bg-opacity-\[0\.05\] {
  --tw-bg-opacity: 0.05 !important;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2 !important;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6 !important;
}

.bg-opacity-15 {
  --tw-bg-opacity: 0.15 !important;
}

.bg-opacity-\[0\.08\] {
  --tw-bg-opacity: 0.08 !important;
}

.border-black\/12 {
  --tw-border-opacity: 0.12 !important;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity)) !important;
}

.border-\[\#D2D7D9\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(210, 215, 217, var(--tw-border-opacity)) !important;
}

.border-\[\#1DADFF\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(29, 173, 255, var(--tw-border-opacity)) !important;
}

.border-\[\#C2412D\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(194, 65, 45, var(--tw-border-opacity)) !important;
}

.border-\[\#e6e6e6\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(230, 230, 230, var(--tw-border-opacity)) !important;
}

.border-\[\#008867\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(0, 136, 103, var(--tw-border-opacity)) !important;
}

.border-\[\#E8E8E8\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(232, 232, 232, var(--tw-border-opacity)) !important;
}

.border-\[rgba\(176\,119\,45\,0\.2\)\] {
  --tw-border-opacity: 0.2 !important;
  border-color: rgba(176, 119, 45, var(--tw-border-opacity)) !important;
}

.border-\[rgba\(176\,119\,45\,1\)\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(176, 119, 45, var(--tw-border-opacity)) !important;
}

.border-\[rgba\(113\,56\,9\,0\.05\)\] {
  --tw-border-opacity: 0.05 !important;
  border-color: rgba(113, 56, 9, var(--tw-border-opacity)) !important;
}

.border-\[\#A26B2233\] {
  --tw-border-opacity: 0.2 !important;
  border-color: rgba(162, 107, 34, var(--tw-border-opacity)) !important;
}

.border-\[\#A26B2224\] {
  --tw-border-opacity: 0.1411764705882353 !important;
  border-color: rgba(162, 107, 34, var(--tw-border-opacity)) !important;
}

.border-transparent {
  border-color: transparent !important;
}

.border-\[\#A26B224D\] {
  --tw-border-opacity: 0.30196078431372547 !important;
  border-color: rgba(162, 107, 34, var(--tw-border-opacity)) !important;
}

.border-\[\#B07A261F\] {
  --tw-border-opacity: 0.12156862745098039 !important;
  border-color: rgba(176, 122, 38, var(--tw-border-opacity)) !important;
}

.border-\[rgba\(162\,107\,34\,0\.08\)\] {
  --tw-border-opacity: 0.08 !important;
  border-color: rgba(162, 107, 34, var(--tw-border-opacity)) !important;
}

.border-\[\#A26B22\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(162, 107, 34, var(--tw-border-opacity)) !important;
}

.rounded-40px {
  border-radius: 2.5rem !important;
}

.rounded-full {
  border-radius: 624.938rem !important;
}

.rounded-8px {
  border-radius: 0.5rem !important;
}

.rounded-16px {
  border-radius: 1rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-none {
  border-radius: 0px !important;
}

.rounded-14px {
  border-radius: 0.875rem !important;
}

.rounded-32px {
  border-radius: 2rem !important;
}

.rounded-48px {
  border-radius: 3rem !important;
}

.rounded-24px {
  border-radius: 1.5rem !important;
}

.rounded-22px {
  border-radius: 1.375rem !important;
}

.rounded-12px {
  border-radius: 0.75rem !important;
}

.rounded-20px {
  border-radius: 1.25rem !important;
}

.rounded-17px {
  border-radius: 1.063rem !important;
}

.hover\:rounded-16px:hover {
  border-radius: 1rem !important;
}

.rounded-\[20px\] {
  border-radius: 1.25rem !important;
}

.rounded-41px {
  border-radius: 2.563rem !important;
}

.rounded-10px {
  border-radius: 0.625rem !important;
}

.rounded-7px {
  border-radius: 0.438rem !important;
}

.rounded-t-24px {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}

.rounded-t-0px {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-t-16px {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.rounded-r-16px {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.ltr .rounded-r-16px {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 1rem !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 1rem !important;
}

.rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-none {
  border-style: none !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 0.125rem !important;
}

.border-0 {
  border-width: 0px !important;
}

.border {
  border-width: 1px !important;
}

.border-2px {
  border-width: 0.125rem !important;
}

.border\:1px {
  border-width: 1px !important;
}

.border-1\.5px {
  border-width: 1.5px !important;
}

.border-1px {
  border-width: 1px !important;
}

.border-t-0 {
  border-top-width: 0px !important;
}

.border-b-1 {
  border-bottom-width: 1px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.disabled\:cursor-default:disabled {
  cursor: default !important;
}

.cursor-default {
  cursor: default !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.grid {
  display: grid !important;
}

.contents {
  display: contents !important;
}

.hidden {
  display: none !important;
}

.basis-1\/2 {
  flex-basis: 50% !important;
}

.flex-col {
  flex-direction: column !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-center {
  align-items: center !important;
}

.self-start {
  align-self: flex-start !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-evenly {
  justify-content: space-evenly !important;
}

.flex-1 {
  flex: 1 1 0% !important;
}

.flex-grow {
  flex-grow: 1 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-extrabold {
  font-weight: 800 !important;
}

.h-full {
  height: 100% !important;
}

.h-4 {
  height: 1rem !important;
}

.h-6 {
  height: 1.5rem !important;
}

.h-5 {
  height: 1.25rem !important;
}

.h-7 {
  height: 1.75rem !important;
}

.h-8 {
  height: 2rem !important;
}

.h-10 {
  height: 2.5rem !important;
}

.h-auto {
  height: auto !important;
}

.h-1 {
  height: 0.25rem !important;
}

.h-3 {
  height: 0.75rem !important;
}

.h-9 {
  height: 2.25rem !important;
}

.h-screen {
  height: 100vh !important;
}

.h-65px {
  height: 4.063rem !important;
}

.h-88px {
  height: 5.5rem !important;
}

.h-44px {
  height: 2.75rem !important;
}

.h-34px {
  height: 2.125rem !important;
}

.h-52px {
  height: 3.25rem !important;
}

.h-48px {
  height: 3rem !important;
}

.h-30px {
  height: 1.875rem !important;
}

.h-28px {
  height: 1.75rem !important;
}

.h-300px {
  height: 18.75rem !important;
}

.h-\[44px\] {
  height: 2.75rem !important;
}

.h-40px {
  height: 2.5rem !important;
}

.h-26px {
  height: 1.625rem !important;
}

.h-22px {
  height: 1.375rem !important;
}

.h-19px {
  height: 1.188rem !important;
}

.h-40vh {
  height: 40vh !important;
}

.h-90px {
  height: 5.625rem !important;
}

.h-95px {
  height: 5.938rem !important;
}

.h-50px {
  height: 3.125rem !important;
}

.h-400 {
  height: 100rem !important;
}

.h-54px {
  height: 3.375rem !important;
}

.h-16px {
  height: 1rem !important;
}

.h-18px {
  height: 1.125rem !important;
}

.h-10px {
  height: 0.625rem !important;
}

.h-24px {
  height: 1.5rem !important;
}

.h-14px {
  height: 0.875rem !important;
}

.h-80px {
  height: 5rem !important;
}

.h-15 {
  height: 3.75rem !important;
}

.h-41px {
  height: 2.563rem !important;
}

.h-20px {
  height: 1.25rem !important;
}

.h-84px {
  height: 5.25rem !important;
}

.h-52\/100 {
  height: 52% !important;
}

.h-35px {
  height: 2.188rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-14px {
  font-size: 0.875rem !important;
  line-height: 1 !important;
}

.text-13px {
  font-size: 0.813rem !important;
  line-height: 1 !important;
}

.text-15px {
  font-size: 0.938rem !important;
  line-height: 1 !important;
}

.text-11px {
  font-size: 0.688rem !important;
  line-height: 1 !important;
}

.text-16px {
  font-size: 1rem !important;
  line-height: 1 !important;
}

.text-12px {
  font-size: 0.75rem !important;
  line-height: 1 !important;
}

.text-10px {
  font-size: 0.625rem !important;
  line-height: 1 !important;
}

.text-\[15px\] {
  font-size: 0.938rem !important;
  line-height: 1 !important;
}

.text-18px {
  font-size: 1.125rem !important;
  line-height: 1 !important;
}

.text-20px {
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

.text-32px {
  font-size: 2rem !important;
  line-height: 1 !important;
}

.text-17px {
  font-size: 1.063rem !important;
  line-height: 1 !important;
}

.text-22px {
  font-size: 1.375rem !important;
  line-height: 1 !important;
}

.text-\[14px\] {
  font-size: 0.875rem !important;
  line-height: 1 !important;
}

.text-0\.9em {
  font-size: 0.9em !important;
  line-height: 1 !important;
}

.text-0\.4em {
  font-size: 0.4em !important;
  line-height: 1 !important;
}

.leading-30px {
  line-height: 1.875rem !important;
}

.leading-6 {
  line-height: 1.5rem !important;
}

.leading-27px {
  line-height: 1.688rem !important;
}

.leading-26px {
  line-height: 1.625rem !important;
}

.leading-39px {
  line-height: 2.438rem !important;
}

.leading-32px {
  line-height: 2rem !important;
}

.leading-17px {
  line-height: 1.063rem !important;
}

.leading-5 {
  line-height: 1.25rem !important;
}

.leading-\[22px\] {
  line-height: 1.375rem !important;
}

.leading-18px {
  line-height: 1.125rem !important;
}

.leading-16px {
  line-height: 1rem !important;
}

.list-none {
  list-style-type: none !important;
}

.\!list-disc {
  list-style-type: disc !important;
}

.m-auto {
  margin: auto !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-0 {
  margin: 0px !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.-my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.mx-2px {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}

.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-9px {
  margin-left: 0.563rem !important;
  margin-right: 0.563rem !important;
}

.my-10px {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.-mx-px {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.-mx-3\.2 {
  margin-left: -0.8rem !important;
  margin-right: -0.8rem !important;
}

.my-6px {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.mt-22px {
  margin-top: 1.375rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mt-66px {
  margin-top: 4.125rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mt-6px {
  margin-top: 0.375rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ltr .ml-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

.mt-75px {
  margin-top: 4.688rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.ml-3px {
  margin-left: 0.188rem !important;
}

.ltr .ml-3px {
  margin-left: 0 !important;
  margin-right: 0.188rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-\[9px\] {
  margin-bottom: 0.563rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mt-10px {
  margin-top: 0.625rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.ltr .ml-4 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.ltr .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

.mb-2px {
  margin-bottom: 0.125rem !important;
}

.mt-3px {
  margin-top: 0.188rem !important;
}

.mb-10px {
  margin-bottom: 0.625rem !important;
}

.mb-1px {
  margin-bottom: 1px !important;
}

.mb-\[6px\] {
  margin-bottom: 0.375rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-24px {
  margin-bottom: 1.5rem !important;
}

.mt-50px {
  margin-top: 3.125rem !important;
}

.first\:mt-0:first-child {
  margin-top: 0px !important;
}

.mt-188px {
  margin-top: 11.75rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.max-h-full {
  max-height: 100% !important;
}

.max-h-none {
  max-height: none !important;
}

.max-h-90vh {
  max-height: 90vh !important;
}

.\!max-h-100vh {
  max-height: 100vh !important;
}

.max-h-400px {
  max-height: 25rem !important;
}

.max-h-600px {
  max-height: 37.5rem !important;
}

.max-h-75vh {
  max-height: 75vh !important;
}

.max-h-\[calc\(75vh-180px\)\] {
  max-height: calc(75vh - 11.25rem) !important;
}

.max-w-600px {
  max-width: 37.5rem !important;
}

.max-w-500px {
  max-width: 31.25rem !important;
}

.max-w-400px {
  max-width: 25rem !important;
}

.max-w-314px {
  max-width: 19.625rem !important;
}

.min-h-55px {
  min-height: 3.438rem !important;
}

.min-w-0 {
  min-width: 0px !important;
}

.min-w-26px {
  min-width: 1.625rem !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5 !important;
}

.outline-none {
  outline: 0.125rem solid transparent !important;
  outline-offset: 0.125rem !important;
}

.focus\:outline-none:focus {
  outline: 0.125rem solid transparent !important;
  outline-offset: 0.125rem !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

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

.p-0 {
  padding: 0px !important;
}

.p-6px {
  padding: 0.375rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.px-16px {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-10px {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.px-15px {
  padding-left: 0.938rem !important;
  padding-right: 0.938rem !important;
}

.py-6px {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-9px {
  padding-top: 0.563rem !important;
  padding-bottom: 0.563rem !important;
}

.px-10px {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-2px {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.py-25px {
  padding-top: 1.563rem !important;
  padding-bottom: 1.563rem !important;
}

.py-14px {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-\[10px\] {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.px-14px {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.py-2px {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.px-5px {
  padding-left: 0.313rem !important;
  padding-right: 0.313rem !important;
}

.py-13\.5px {
  padding-top: 0.844rem !important;
  padding-bottom: 0.844rem !important;
}

.py-8\.5px {
  padding-top: 0.531rem !important;
  padding-bottom: 0.531rem !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.px-6px {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}

.px-8px {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pt-2px {
  padding-top: 0.125rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pt-100px {
  padding-top: 6.25rem !important;
}

.pb-12px {
  padding-bottom: 0.75rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-10px {
  padding-top: 0.625rem !important;
}

.pt-20px {
  padding-top: 1.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.ltr .pl-5 {
  padding-left: 0 !important;
  padding-right: 1.25rem !important;
}

.pt-6px {
  padding-top: 0.375rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pb-10px {
  padding-bottom: 0.625rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pt-\[42px\] {
  padding-top: 2.625rem !important;
}

.pt-\[64px\] {
  padding-top: 4rem !important;
}

.pt-\[112px\] {
  padding-top: 7rem !important;
}

.pt-\[124px\] {
  padding-top: 7.75rem !important;
}

.pt-\[120px\] {
  padding-top: 7.5rem !important;
}

.pt-16 {
  padding-top: 4rem !important;
}

.pt-\[102px\] {
  padding-top: 6.375rem !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-17 {
  padding-top: 4.25rem !important;
}

.pt-17px {
  padding-top: 1.063rem !important;
}

.pt-5px {
  padding-top: 0.313rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.pt-20 {
  padding-top: 5rem !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.inset-0 {
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
}

.inset-y-0 {
  top: 0px !important;
  bottom: 0px !important;
}

.inset-x-0 {
  right: 0px !important;
  left: 0px !important;
}

.inset-x-2 {
  right: 0.5rem !important;
  left: 0.5rem !important;
}

.inset-x-7 {
  right: 1.75rem !important;
  left: 1.75rem !important;
}

.bottom-2 {
  bottom: 0.5rem !important;
}

.bottom-0 {
  bottom: 0px !important;
}

.top-0 {
  top: 0px !important;
}

.top-13 {
  top: 3.25rem !important;
}

.top-7 {
  top: 1.75rem !important;
}

.top-1\/2 {
  top: 50% !important;
}

.right-0 {
  right: 0px !important;
}

.ltr .right-0 {
  right: auto !important;
  left: 0px !important;
}

.left-0 {
  left: 0px !important;
}

.ltr .left-0 {
  left: auto !important;
  right: 0px !important;
}

.\!bottom-2 {
  bottom: 0.5rem !important;
}

.top-2 {
  top: 0.5rem !important;
}

.top-6 {
  top: 1.5rem !important;
}

.bottom-8px {
  bottom: 0.5rem !important;
}

.bottom-73px {
  bottom: 4.563rem !important;
}

.top-13px {
  top: 0.813rem !important;
}

.top-2px {
  top: 0.125rem !important;
}

.top-70px {
  top: 4.375rem !important;
}

.bottom-6 {
  bottom: 1.5rem !important;
}

.bottom-68px {
  bottom: 4.25rem !important;
}

.right-\[21\%\] {
  right: 21% !important;
}

.ltr .right-\[21\%\] {
  right: auto !important;
  left: 21% !important;
}

.left-\[21\%\] {
  left: 21% !important;
}

.ltr .left-\[21\%\] {
  left: auto !important;
  right: 21% !important;
}

.bottom-5 {
  bottom: 1.25rem !important;
}

.shadow-xl {
  --tw-shadow: 0 1.25rem 1.563rem -0.313rem rgba(0, 0, 0,0.1),0 0.5rem 0.625rem -0.375rem rgba(0, 0, 0,0.1) !important;
  --tw-shadow-colored: 0 1.25rem 1.563rem -0.313rem var(--tw-shadow-color),0 0.5rem 0.625rem -0.375rem var(--tw-shadow-color) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.shadow-primaryBorder {
  --tw-shadow: 0 0 0 0.125rem #00BCD4 !important;
  --tw-shadow-colored: 0 0 0 0.125rem #00BCD4 !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.shadow-sm {
  --tw-shadow: 0 1px 0.125rem 0 rgba(0, 0, 0,0.05) !important;
  --tw-shadow-colored: 0 1px 0.125rem 0 var(--tw-shadow-color) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.shadow-\[0_0_32px_0_rgba\(18\,18\,18\,0\.12\)\] {
  --tw-shadow-color: rgba(0 0 2rem 0 rgba(18,18,18,0.12), 1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.fill-none {
  fill: none !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-transparent {
  color: transparent !important;
}

.text-\[\#008867\] {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 136, 103, var(--tw-text-opacity)) !important;
}

.text-black {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}

.text-white {
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.text-\[\#0096A7\] {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 150, 167, var(--tw-text-opacity)) !important;
}

.text-\[\#fff\] {
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.text-\[\#713809\] {
  --tw-text-opacity: 1 !important;
  color: rgba(113, 56, 9, var(--tw-text-opacity)) !important;
}

.text-\[\#474B4C\] {
  --tw-text-opacity: 1 !important;
  color: rgba(71, 75, 76, var(--tw-text-opacity)) !important;
}

.text-\[\#1DADFF\] {
  --tw-text-opacity: 1 !important;
  color: rgba(29, 173, 255, var(--tw-text-opacity)) !important;
}

.text-\[\#C2412D\] {
  --tw-text-opacity: 1 !important;
  color: rgba(194, 65, 45, var(--tw-text-opacity)) !important;
}

.text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgba(31, 41, 55, var(--tw-text-opacity)) !important;
}

.text-\[\#512400\] {
  --tw-text-opacity: 1 !important;
  color: rgba(81, 36, 0, var(--tw-text-opacity)) !important;
}

.text-\[\#000\] {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}

.text-\[\#ffff\] {
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.text-\[\#757575\] {
  --tw-text-opacity: 1 !important;
  color: rgba(117, 117, 117, var(--tw-text-opacity)) !important;
}

.text-\[\#00513C\] {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 81, 60, var(--tw-text-opacity)) !important;
}

.text-\[\#595F60\] {
  --tw-text-opacity: 1 !important;
  color: rgba(89, 95, 96, var(--tw-text-opacity)) !important;
}

.text-\[\#646464\] {
  --tw-text-opacity: 1 !important;
  color: rgba(100, 100, 100, var(--tw-text-opacity)) !important;
}

.text-\[\#6F3803\] {
  --tw-text-opacity: 1 !important;
  color: rgba(111, 56, 3, var(--tw-text-opacity)) !important;
}

.text-\[\#627987\] {
  --tw-text-opacity: 1 !important;
  color: rgba(98, 121, 135, var(--tw-text-opacity)) !important;
}

.text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgba(75, 85, 99, var(--tw-text-opacity)) !important;
}

.text-\[\#EF0009\] {
  --tw-text-opacity: 1 !important;
  color: rgba(239, 0, 9, var(--tw-text-opacity)) !important;
}

.text-\[\#A26B22\] {
  --tw-text-opacity: 1 !important;
  color: rgba(162, 107, 34, var(--tw-text-opacity)) !important;
}

.text-\[\#4F5556\] {
  --tw-text-opacity: 1 !important;
  color: rgba(79, 85, 86, var(--tw-text-opacity)) !important;
}

.text-\[\#271B00\] {
  --tw-text-opacity: 1 !important;
  color: rgba(39, 27, 0, var(--tw-text-opacity)) !important;
}

.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1 !important;
  color: rgba(26, 26, 26, var(--tw-text-opacity)) !important;
}

.text-\[rgba\(162\,107\,34\)\] {
  --tw-text-opacity: 1 !important;
  color: rgba(162, 107, 34, var(--tw-text-opacity)) !important;
}

.text-\[\#714E00\] {
  --tw-text-opacity: 1 !important;
  color: rgba(113, 78, 0, var(--tw-text-opacity)) !important;
}

.text-\[\#212121\] {
  --tw-text-opacity: 1 !important;
  color: rgba(33, 33, 33, var(--tw-text-opacity)) !important;
}

.text-\[rgba\(111\,56\,3\,0\.6\)\] {
  --tw-text-opacity: 0.6 !important;
  color: rgba(111, 56, 3, var(--tw-text-opacity)) !important;
}

.text-\[\#6F7475\] {
  --tw-text-opacity: 1 !important;
  color: rgba(111, 116, 117, var(--tw-text-opacity)) !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content-separator {
  content: "separator" !important;
}

.content-separator__inner {
  content: "separator__inner" !important;
}

.tabular-nums {
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-numeric-spacing: tabular-nums !important;
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/) !important;
  -webkit-font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
          font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.tracking-\[-0\.26px\] {
  letter-spacing: -0.26px !important;
}

.align-middle {
  vertical-align: middle !important;
}

.whitespace-nowrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.w-full {
  width: 100% !important;
}

.w-4 {
  width: 1rem !important;
}

.w-6 {
  width: 1.5rem !important;
}

.w-5 {
  width: 1.25rem !important;
}

.w-7 {
  width: 1.75rem !important;
}

.w-8 {
  width: 2rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.w-10 {
  width: 2.5rem !important;
}

.w-4\/5 {
  width: 80% !important;
}

.w-2\/3 {
  width: 66.666667% !important;
}

.w-1\/3 {
  width: 33.333333% !important;
}

.w-3 {
  width: 0.75rem !important;
}

.w-1\/2 {
  width: 50% !important;
}

.w-9 {
  width: 2.25rem !important;
}

.w-24 {
  width: 6rem !important;
}

.w-65px {
  width: 4.063rem !important;
}

.w-88px {
  width: 5.5rem !important;
}

.w-34px {
  width: 2.125rem !important;
}

.w-30px {
  width: 1.875rem !important;
}

.w-22\/100 {
  width: 22% !important;
}

.w-40px {
  width: 2.5rem !important;
}

.w-26px {
  width: 1.625rem !important;
}

.w-22px {
  width: 1.375rem !important;
}

.w-19px {
  width: 1.188rem !important;
}

.w-90px {
  width: 5.625rem !important;
}

.w-7\/10 {
  width: 70% !important;
}

.w-3\/10 {
  width: 30% !important;
}

.w-122px {
  width: 7.625rem !important;
}

.w-95px {
  width: 5.938rem !important;
}

.w-102px {
  width: 6.375rem !important;
}

.w-1px {
  width: 1px !important;
}

.w-54px {
  width: 3.375rem !important;
}

.w-18px {
  width: 1.125rem !important;
}

.w-100px {
  width: 6.25rem !important;
}

.w-52px {
  width: 3.25rem !important;
}

.w-\[66px\] {
  width: 4.125rem !important;
}

.w-72px {
  width: 4.5rem !important;
}

.w-14px {
  width: 0.875rem !important;
}

.w-200px {
  width: 12.5rem !important;
}

.w-15 {
  width: 3.75rem !important;
}

.w-180px {
  width: 11.25rem !important;
}

.w-23px {
  width: 1.438rem !important;
}

.w-21px {
  width: 1.313rem !important;
}

.w-220px {
  width: 13.75rem !important;
}

.w-42px {
  width: 2.625rem !important;
}

.w-52\/100 {
  width: 52% !important;
}

.w-28px {
  width: 1.75rem !important;
}

.w-35px {
  width: 2.188rem !important;
}

.w-48px {
  width: 3rem !important;
}

.w-15px {
  width: 0.938rem !important;
}

.w-0\.6em {
  width: 0.6em !important;
}

.w-7em {
  width: 7em !important;
}

.z-1100 {
  z-index: 1100 !important;
}

.z-1200 {
  z-index: 1200 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-10000 {
  z-index: 10000 !important;
}

.z-10002 {
  z-index: 10002 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-10005 {
  z-index: 10005 !important;
}

.gap-2 {
  grid-gap: 0.5rem !important;
  gap: 0.5rem !important;
}

.gap-3 {
  grid-gap: 0.75rem !important;
  gap: 0.75rem !important;
}

.gap-5px {
  grid-gap: 0.313rem !important;
  gap: 0.313rem !important;
}

.gap-1 {
  grid-gap: 0.25rem !important;
  gap: 0.25rem !important;
}

.gap-y-4 {
  -webkit-row-gap: 1rem !important;
  -moz-row-gap: 1rem !important;
  grid-row-gap: 1rem !important;
  row-gap: 1rem !important;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.col-span-2 {
  -ms-grid-column-span: span 2/span 2 !important;
  grid-column: span 2/span 2 !important;
}

.col-span-1 {
  -ms-grid-column-span: span 1/span 1 !important;
  grid-column: span 1/span 1 !important;
}

.grid-rows-\[1fr\,1fr\] {
  grid-template-rows: 1fr 1fr !important;
}

.transform {
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  --tw-translate-z: 0 !important;
  --tw-rotate: 0 !important;
  --tw-rotate-x: 0 !important;
  --tw-rotate-y: 0 !important;
  --tw-rotate-z: 0 !important;
  --tw-skew-x: 0 !important;
  --tw-skew-y: 0 !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-scale-z: 1 !important;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) !important;
}

.scale-85 {
  --tw-scale-x: 0.85 !important;
  --tw-scale-y: 0.85 !important;
  --tw-scale-z: 0.85 !important;
}

[dir=ltr] .ltr\:rotate-180, [dir=ltr].ltr\:rotate-180 {
  --tw-rotate: 180deg !important;
}

.rotate-\[180deg\] {
  --tw-rotate: 180deg !important;
}

.rotate-\[0\] {
  --tw-rotate: 0 !important;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
}

.-translate-y-\[150\%\] {
  --tw-translate-y: -150% !important;
}

.\<transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.duration-200 {
  transition-duration: 200ms !important;
}

.duration-300 {
  transition-duration: 300ms !important;
}

.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-invert: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/) !important;
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.blur\(1px\) {
  --tw-blur: blur(0.5rem) !important;
}

.blur\(4px\) {
  --tw-blur: blur(0.5rem) !important;
}

.blur {
  --tw-blur: blur(0.5rem) !important;
}

.blur-7px {
  --tw-blur: blur(0.438rem) !important;
}

.blur-5px {
  --tw-blur: blur(0.313rem) !important;
}

.blur-4px {
  --tw-blur: blur(0.25rem) !important;
}

.blur-3px {
  --tw-blur: blur(0.188rem) !important;
}

.blur-2px {
  --tw-blur: blur(0.125rem) !important;
}

.will-change-transform {
  will-change: transform !important;
}

.text-start {
  text-align: start !important;
}

.ms-1 {
  -webkit-margin-start: 0.25rem !important;
  margin-inline-start: 0.25rem !important;
}

.ms-3 {
  -webkit-margin-start: 0.75rem !important;
  margin-inline-start: 0.75rem !important;
}

.ps-2 {
  -webkit-padding-start: 0.5rem !important;
  padding-inline-start: 0.5rem !important;
}

.ms-2 {
  -webkit-margin-start: 0.5rem !important;
  margin-inline-start: 0.5rem !important;
}

.-ms-2 {
  -webkit-margin-start: -0.5rem !important;
  margin-inline-start: -0.5rem !important;
}

.me-5px {
  -webkit-margin-end: 0.313rem !important;
  margin-inline-end: 0.313rem !important;
}

.me-2 {
  -webkit-margin-end: 0.5rem !important;
  margin-inline-end: 0.5rem !important;
}

.ms-5px {
  -webkit-margin-start: 0.313rem !important;
  margin-inline-start: 0.313rem !important;
}

.ps-10 {
  -webkit-padding-start: 2.5rem !important;
  padding-inline-start: 2.5rem !important;
}

.pe-2 {
  -webkit-padding-end: 0.5rem !important;
  padding-inline-end: 0.5rem !important;
}

.-ms-1 {
  -webkit-margin-start: -0.25rem !important;
  margin-inline-start: -0.25rem !important;
}

.end-2 {
  inset-inline-end: 0.5rem !important;
}

.end-4 {
  inset-inline-end: 1rem !important;
}

.me-3 {
  -webkit-margin-end: 0.75rem !important;
  margin-inline-end: 0.75rem !important;
}

.me-7px {
  -webkit-margin-end: 0.438rem !important;
  margin-inline-end: 0.438rem !important;
}

.end-9 {
  inset-inline-end: 2.25rem !important;
}

.pe-1 {
  -webkit-padding-end: 0.25rem !important;
  padding-inline-end: 0.25rem !important;
}

.me-4 {
  -webkit-margin-end: 1rem !important;
  margin-inline-end: 1rem !important;
}

.start-0 {
  inset-inline-start: 0px !important;
}

.me-1 {
  -webkit-margin-end: 0.25rem !important;
  margin-inline-end: 0.25rem !important;
}

.end-0 {
  inset-inline-end: 0px !important;
}

.ps-11px {
  -webkit-padding-start: 0.688rem !important;
  padding-inline-start: 0.688rem !important;
}

.pe-9px {
  -webkit-padding-end: 0.563rem !important;
  padding-inline-end: 0.563rem !important;
}

.pe-3px {
  -webkit-padding-end: 0.188rem !important;
  padding-inline-end: 0.188rem !important;
}

.me-6 {
  -webkit-margin-end: 1.5rem !important;
  margin-inline-end: 1.5rem !important;
}

.pe-7px {
  -webkit-padding-end: 0.438rem !important;
  padding-inline-end: 0.438rem !important;
}

.ms-auto {
  -webkit-margin-start: auto !important;
  margin-inline-start: auto !important;
}

.end-5 {
  inset-inline-end: 1.25rem !important;
}

@media (min-width: 40rem) {
  .sm\:font-medium {
    font-weight: 500 !important;
  }

  .sm\:h-\[56px\] {
    height: 3.5rem !important;
  }

  .sm\:max-w-600px {
    max-width: 37.5rem !important;
  }

  .sm\:bottom-12 {
    bottom: 3rem !important;
  }
}