* {
  margin: 0;
  padding: 0;
}

/* ------- font family --------- */
.font-roboto {
  font-family: "Roboto";
}

.font-poppins {
  font-family: "Poppins";
}

/* ----- font size ----- */

.fs-36 {
  font-size: 2.25rem;
}

@media (min-width: 768px) {
  .fs-md-36 {
    font-size: 2.25rem;
  }
}

/* ---------- font weight-------- */

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

/* ------- line height-------- */
.lh-34 {
  line-height: 2.125rem;
}

/* ---------- text color -------- */

.text-surface-700 {
  color: #141414;
}

.text-surface-500 {
  color: #333333;
}

.text-surface-400 {
  color: #474747;
}

.text-surface-300 {
  color: #6f6f6f;
}

.text-surface-200 {
  color: #666666;
}

.text-surface-100 {
  color: #9f9f9f;
}

.text-surface-50 {
  color: #989898;
}

.text-surface-40 {
  color: #adadad;
}

.text-surface-20 {
  color: #d3d3d3;
}

.text-surface-10 {
  color: #eaeaea;
}

.text-khalti {
  color: #5c2d91;
}

/* ------ background color--------- */

.bg-surface-700 {
  background-color: #141414;
}

.bg-surface-500 {
  background-color: #333333;
}

.bg-surface-400 {
  background-color: #474747;
}

.bg-surface-300 {
  background-color: #6f6f6f;
}

.bg-surface-200 {
  background-color: #666666;
}

.bg-surface-100 {
  background-color: #9f9f9f;
}

.bg-surface-20 {
  background-color: #d3d3d3;
}

.bg-surface-10 {
  background-color: #eaeaea;
}

.bg-orange-600 {
  background-color: #ed990d;
}

/* --------- border color------------ */
.border-surface-40 {
  border-color: #adadad;
}

.border-surface-10 {
  border-color: #eaeaea;
}

/* ------- width ------ */
.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

@media (min-width: 768px) {
  .w-md-80 {
    width: 80%;
  }
}

/* ------- bootstrap css override ----- */
.cursor-pointer {
  cursor: pointer;
}

.border-dashed {
  border: 2px dashed #cbd0dc;
  border-radius: 15px;
}

a {
  text-decoration: none;
}

input,
select {
  height: 48px;
}

.form-check-input:checked {
  background-color: #848484;
  border-color: #848484;
}

.btn-sm {
  font-size: 14px;
  font-family: "Poppins";
  font-weight: 500;
  line-height: 21px;
  height: 40px;
  margin: 0;
  padding: 8px;
}

.btn-lg {
  font-size: 16px;
  font-family: "Poppins";
  font-weight: 500;
  line-height: normal;
  height: 48px;
  margin: 0;
}

.dropdown-menu {
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  color: #5b5b5b;
}

.container {
  max-width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 85%;
  }
}

.modal-header {
  border-bottom: none;
}

.modal-footer {
  border-top: none;
  gap: 16px;
}

p,
col,
row,
small,
h5,
h2 {
  margin: 0;
}

/* -------- custom css -------- */
.main-section {
  background: linear-gradient(0deg, #eee 0%, #eee 100%), #fff;
  padding: 3.5rem 0;
}

.bg-table {
  background: rgba(244, 244, 244, 0.5);
}

.underline{
  text-decoration: underline;
}

/* ------margin--------- */

.m-12 {
  margin: 0.75rem;
}

.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.ms-12 {
  margin-left: 0.75rem;
}

.me-12 {
  margin-right: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.m-32 {
  margin: 2rem;
}

.mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ms-32 {
  margin-left: 2rem;
}

.me-32 {
  margin-right: 2rem;
}

.mt-32 {
  margin-top: 2rem;
}
.mb-32 {
  margin-bottom: 2rem;
}

.m-40 {
  margin: 2.5rem;
}

.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.ms-40 {
  margin-left: 2.5rem;
}

.me-40 {
  margin-right: 2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

/* ------padding--------- */

.p-32 {
  padding: 2rem;
}

.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ps-32 {
  padding-left: 2rem;
}

.pe-32 {
  padding-right: 2rem;
}

.pt-32 {
  padding-top: 2rem;
}
.pb-32 {
  padding-bottom: 2rem;
}