/* p-1 = 4px */
/* p-2 = 8px */
/* p-3 = 16px */
/* p-4 = 24px */
/* p-5 = 32px */


.hide-scroll {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.text-style-link {
  text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.gap-32 {
  gap: 32px;
}

.gap-40{
  gap: 40px;
}

.bottom-15vh {
  bottom: 15vh;
}

.w-36px {
  width: 36px;
}

.w-24px {
  width: 24px;
}

.w-21px {
  width: 21px;
}

.w-15px {
  width: 15px;
}

.w-8px {
  width: 8px;
}
.w-20px  {
  width: 20px;
}

.w-40px {
  width: 40px;
}

.w-256px {
  width: 256px;
}

.w-250px {
  width: 250px;
}
.w-80px {
  width: 80px;
}
.w-64px {
  width: 64px;
}

.bg-cover {
  background-size: cover;
}

.w-fit {
  width: fit-content;
}

.h-fit {
  height: fit-content !important;
}

.w-max-content {
  width: max-content;
}
.max-w-128px {
max-width: 128px;
}
.w-lg-auto-m-100 {
  width: auto;
}

.w-16 {
  width: 16px;
}

.w-16px {
  width: 16px;
}

.w-80 {
  width: 80%;
}

.w-70 {
  width: 70%;
}

.w-65vw {
  width: 58vw;
}

.w-60 {
  width: 60%;
}

.w-30 {
  width: 30%;
}


.w-544 {
  width: 544px !important;
}

.w-90 {
  width: 90%;
}



.w-2 {
  width: 2px !important;
}
.w-6px {
  width: 6px;
}

.w-124 {
  width: 124px;
}

.w-36 {
  width: 36px !important;
}
.w-36px {
  width: 36px !important;
}
.w-64px {
  width: 64px !important;
}
.w-100px {
  width: 100px;
}

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

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

.h-40px {
  height: 40px;
}

.h-148px {
  height: 148px;
}

.h-64px {
  height: 64px;
}
.h-8px {
  height: 8px;
}
.h-6px {
  height: 6px;
}
.h-240 {
  height: 240px !important;
}

.h-400 {
  height: 400px;
}

.h-80px {
  height: 80px;
}

.h-lg-42 {
  height: 42px !important;
}

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

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

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

.max-h-360 {
  max-height: 360px !important;
}

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

.min-h-200 {
  min-height: 200px;
}

.h-240 {
  height: 240px !important;
}

.h-400 {
  height: 400px;
}

.h-lg-42 {
  height: 42px !important;
}


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

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

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

.h-100px {
  height: 100px;
}

.max-h-360 {
  max-height: 360px !important;
}

.h-l-head {
  height: calc(100vh - 72px);
}

.h-l-f-head-120 {
  height: calc(100vh - 120px);
}
.h-l-f-head-110 {
  height: calc(100vh - 110px);
}



.h-l-f-head {
  height: calc(100vh - 168px);
}

.rounded-12 {
  border-radius: 12px;
}
.rounded-24 {
  border-radius: 24px;
}

.rounded-32 {
  border-radius: 32px;
}
.rounded-56px {
  border-radius: 56px !important;
}
.pointer {
  cursor: pointer;
}

.p-12 {
  padding: 12px;
}


.w-list-card {
  width: 100% !important;
  max-width: 256px !important;
  min-width: 100px !important;
}

/* For WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  display: none;
}

/* For Firefox */
* {
  scrollbar-width: none;
}

/* For Internet Explorer & Edge */
* {
  -ms-overflow-style: none;
}

.w-95 {
  width: 95% !important;
}

.dropdown-box-shadow {
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.06);
}

.min-w-fit {
  min-width: fit-content;
}

.dropdown-item {
  background-color: transparent !important;
  color: inherit !important;
}

.dropdown-item:focus,
.dropdown-item:active {
  background-color: transparent !important;
  color: inherit !important;
  outline: none !important;
}

@media (max-width: 768px) {
  .min-w-320px {
    min-width: 320px !important;
  }

  .max-w-420px {
    max-width: 420px !important;
  }
  .h-40vh {
    height: 30vh;
  }

  .h-l-head {
    height: calc(100vh - 133px);
  }

  .h-l-f-head {
    height: calc(100vh - 133px);
  }

  .h-l-f-head-120 {
    height: calc(100vh - 125px);
  }

  .w-65vw {
    width: 100%;
  }

  .w-80 {
    width: 100%;
  }

  .w-lg-auto-m-100 {
    width: 100%;
  }


  .w-75 {
    width: 100% !important;
  }

  .pb-m-86 {
    padding-bottom: 86px;
  }

  .rounded-32 {
    border-radius: 16px;
  }

  .w-36px {
    width: 36px;
  }
}

.no-repeat-bg {
  background-repeat: no-repeat;
}


@media (min-width: 992px) {
  .border-lg-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }
.gap-lg-32 {
  gap: 32px !important;
}
.w-lg-fit {
  width: fit-content;
}
  .w-lg-70 {
    width: 70% !important;
  }

  .w-lg-32px {
    width: 32px;
  }
  .w-lg-60 {
    width: 60%;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-42 {
    width: 42px !important;
  }

.w-lg-100 {
  width: 100%;
}
.w-lg-85 {
  width: 85%;
}

.w-lg-80 {
  width: 80%;
}
.w-lg-40 {
  width: 40%;
}
.w-lg-160px {
  width: 160px;
}
.h-lg-160px {
  height: 160px;
}

.max-h-lg-90vh {
  height: 90vh;
}

.h-lg-60vh {
  height: 60vh;
}
.gap-lg-40 {
  gap: 40px;
}
}