/* break overflowing text */
button,
label,
p,
a,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
}
.word-break-normal {
  word-break: normal;
}
/* Colors               */
.text-green {
  color: #76cc11 !important;
}

.text-gray {
  color: #959595 !important;
}
.text-gray-8D8D8D {
  color: #8d8d8d !important;
}

.text-dark-gray {
  color: #595959 !important;
}
.text-8B8B8B {
  color: #8b8b8b !important;
}

.text-red {
  color: #ff0000 !important;
}

.text-white {
  color: white !important;
}

.text-black {
  color: black !important;
}

.text-blue {
  color: #007aff !important;
}

.bg-green {
  background-color: #76cc11 !important;
}
.bg-green-dffbdf {
  background-color: #dffbdf !important;
}

.bg-light-gray {
  background-color: #f5f5f5 !important;
}

.bg-dark-gray {
  background-color: #d9d9d9 !important;
}

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

.bg-red {
  background-color: #ff0000 !important;
}

/* Border               */
.border-radius-20 {
  border-radius: 20px;
}
.border-radius-15 {
  border-radius: 15px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-green {
  border-color: #76cc11 !important;
}

.border-dark-gray {
  border-color: #b8b8b8 !important;
}

.border-gray {
  border-color: #d9d9d9 !important;
}

.border-red {
  border-color: #ff0000;
}

.border-black {
  border-color: black;
}

/* Typography               */
/* font size = [10,12,14,16,18,20,22,24,28,30,40] */
.fs-10 {
  font-size: 0.625rem;
  line-height: 140%;
}

.fs-11 {
  font-size: 11px;
  line-height: 140%;
}

.fs-12 {
  font-size: 0.75rem;
  line-height: 140%;
}

.fs-14 {
  font-size: 0.875rem;
  line-height: 140%;
}

.fs-16 {
  font-size: 1rem;
  line-height: 140%;
}

.fs-18 {
  font-size: 1.125rem;
  line-height: 140%;
}

.fs-20 {
  font-size: 1.25rem;
  line-height: 140%;
}

.fs-22 {
  font-size: 1.375rem;
  line-height: 140%;
}

.fs-24 {
  font-size: 1.5rem;
  line-height: 140%;
}

.fs-28 {
  font-size: 1.75rem;
  line-height: 140%;
}

.fs-30 {
  font-size: 1.875rem;
  line-height: 140%;
}

.fs-40 {
  font-size: 2.5rem;
  line-height: 140%;
}

.font-weight-x-bold {
  font-weight: 800;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-900 {
  font-weight: 900;
}

/* line height = [1.4, 1.5, 1.6] */

.line-h-14 {
  line-height: 1.4;
}

.line-h-15 {
  line-height: 1.5;
}

.line-h-16 {
  line-height: 1.6;
}

.line-h-140 {
  line-height: 140%;
}

.line-h-150 {
  line-height: 150%;
}

.line-h-160 {
  line-height: 160%;
}

/* Buttons                */
.btn-green {
  background-color: #76cc11;
  color: white;
  border: 1px solid #76cc11;
}

.btn-green:focus {
  box-shadow: 0 0 0 0.2rem rgb(118 204 17 / 25%);
}

.btn-green:hover {
  background-color: #6abe0a;
  border: 1px solid #6abe0a;
  color: white;
}

.btn-green-outlined {
  background-color: transparent;
  color: #76cc11;
  border: 1px solid #76cc11;
}

.btn-green-outlined:focus {
  box-shadow: 0 0 0 0.2rem rgb(118 204 17 / 25%);
}

.btn-green-outlined:hover {
  background-color: #76cc11;
  border: 1px solid #76cc11;
  color: white;
}

.btn-fill-green {
  background-color: #dffbdf;
  color: #76cc11;
  border: 1px solid #76cc11;
}

.btn-fill-green:hover {
  background-color: #76cc11;
  color: white;
}

.btn-blue {
  background-color: #40abfa;
  color: white;
  border: 1px solid #40abfa;
}

.btn-blue:focus {
  box-shadow: 0 0 0 0.2rem rgb(64 171 250 / 25%);
}

.btn-blue:hover {
  background-color: #3899df;
  border: 1px solid #3899df;
}

.btn-blue-outlined {
  background-color: transparent;
  color: #40abfa;
  border: 1px solid #40abfa;
}

.btn-blue-outlined:focus {
  box-shadow: 0 0 0 0.2rem rgb(64 171 250 / 25%);
}

.btn-blue-outlined:hover {
  background-color: #40abfa;
  border: 1px solid #40abfa;
  color: white;
}

/* Spacing               */
/* 
[1, 2, 3, 5, 6, 7, 9, 10, 11, 12, 14, 15, 18, 20, 22, 25, 27, 28, 30, 32, 36, 40,] px with html font size = 16

Format
    .m{direction}-{spacing}px
    .p{direction}-{spacing}px

    .m-1px
    .mb-1px
    .mt-1px
    .mr-1px
    .ml-1px
    .mx-1px
    .my-1px

*/

.m-1px {
  margin: 0.0625rem;
}
.mx-1px {
  margin-left: 0.0625rem;
  margin-right: 0.0625rem;
}
.my-1px {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
}
.mt-1px {
  margin-top: 0.0625rem;
}
.mb-1px {
  margin-bottom: 0.0625rem;
}
.ml-1px {
  margin-left: 0.0625rem;
}
.mr-1px {
  margin-right: 0.0625rem;
}
.p-1px {
  padding: 0.0625rem;
}
.px-1px {
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
}
.py-1px {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.pt-1px {
  padding-top: 0.0625rem;
}
.pb-1px {
  padding-bottom: 0.0625rem;
}
.pl-1px {
  padding-left: 0.0625rem;
}
.pr-1px {
  padding-right: 0.0625rem;
}
.m-2px {
  margin: 0.125rem;
}
.mx-2px {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.my-2px {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.mt-2px {
  margin-top: 0.125rem;
}
.mb-2px {
  margin-bottom: 0.125rem;
}
.ml-2px {
  margin-left: 0.125rem;
}
.mr-2px {
  margin-right: 0.125rem;
}
.p-2px {
  padding: 0.125rem;
}
.px-2px {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.py-2px {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.pt-2px {
  padding-top: 0.125rem;
}
.pb-2px {
  padding-bottom: 0.125rem;
}
.pl-2px {
  padding-left: 0.125rem;
}
.pr-2px {
  padding-right: 0.125rem;
}
.m-3px {
  margin: 0.1875rem;
}
.mx-3px {
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
}
.my-3px {
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
}
.mt-3px {
  margin-top: 0.1875rem;
}
.mb-3px {
  margin-bottom: 0.1875rem;
}
.ml-3px {
  margin-left: 0.1875rem;
}
.mr-3px {
  margin-right: 0.1875rem;
}
.p-3px {
  padding: 0.1875rem;
}
.px-3px {
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.py-3px {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.pt-3px {
  padding-top: 0.1875rem;
}
.pb-3px {
  padding-bottom: 0.1875rem;
}
.pl-3px {
  padding-left: 0.1875rem;
}
.pr-3px {
  padding-right: 0.1875rem;
}
.m-5px {
  margin: 0.3125rem;
}
.mx-5px {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.my-5px {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.mt-5px {
  margin-top: 0.3125rem;
}
.mb-5px {
  margin-bottom: 0.3125rem;
}
.ml-5px {
  margin-left: 0.3125rem;
}
.mr-5px {
  margin-right: 0.3125rem;
}
.p-5px {
  padding: 0.3125rem;
}
.px-5px {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.py-5px {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.pt-5px {
  padding-top: 0.3125rem;
}
.pb-5px {
  padding-bottom: 0.3125rem;
}
.pl-5px {
  padding-left: 0.3125rem;
}
.pr-5px {
  padding-right: 0.3125rem;
}
.m-6px {
  margin: 0.375rem;
}
.mx-6px {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.my-6px {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.mt-6px {
  margin-top: 0.375rem;
}
.mb-6px {
  margin-bottom: 0.375rem;
}
.ml-6px {
  margin-left: 0.375rem;
}
.mr-6px {
  margin-right: 0.375rem;
}
.p-6px {
  padding: 0.375rem;
}
.px-6px {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.py-6px {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.pt-6px {
  padding-top: 0.375rem;
}
.pb-6px {
  padding-bottom: 0.375rem;
}
.pl-6px {
  padding-left: 0.375rem;
}
.pr-6px {
  padding-right: 0.375rem;
}
.m-7px {
  margin: 0.4375rem;
}
.mx-7px {
  margin-left: 0.4375rem;
  margin-right: 0.4375rem;
}
.my-7px {
  margin-top: 0.4375rem;
  margin-bottom: 0.4375rem;
}
.mt-7px {
  margin-top: 0.4375rem;
}
.mb-7px {
  margin-bottom: 0.4375rem;
}
.ml-7px {
  margin-left: 0.4375rem;
}
.mr-7px {
  margin-right: 0.4375rem;
}
.p-7px {
  padding: 0.4375rem;
}
.px-7px {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.py-7px {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.pt-7px {
  padding-top: 0.4375rem;
}
.pb-7px {
  padding-bottom: 0.4375rem;
}
.pl-7px {
  padding-left: 0.4375rem;
}
.pr-7px {
  padding-right: 0.4375rem;
}
.m-9px {
  margin: 0.5625rem;
}
.mx-9px {
  margin-left: 0.5625rem;
  margin-right: 0.5625rem;
}
.my-9px {
  margin-top: 0.5625rem;
  margin-bottom: 0.5625rem;
}
.mt-9px {
  margin-top: 0.5625rem;
}
.mb-9px {
  margin-bottom: 0.5625rem;
}
.ml-9px {
  margin-left: 0.5625rem;
}
.mr-9px {
  margin-right: 0.5625rem;
}
.p-9px {
  padding: 0.5625rem;
}
.px-9px {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.py-9px {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.pt-9px {
  padding-top: 0.5625rem;
}
.pb-9px {
  padding-bottom: 0.5625rem;
}
.pl-9px {
  padding-left: 0.5625rem;
}
.pr-9px {
  padding-right: 0.5625rem;
}
.m-10px {
  margin: 0.625rem;
}
.mx-10px {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.my-10px {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.mt-10px {
  margin-top: 0.625rem;
}
.mb-10px {
  margin-bottom: 0.625rem;
}
.ml-10px {
  margin-left: 0.625rem;
}
.mr-10px {
  margin-right: 0.625rem;
}
.p-10px {
  padding: 0.625rem;
}
.px-10px {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.py-10px {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.pt-10px {
  padding-top: 0.625rem;
}
.pb-10px {
  padding-bottom: 0.625rem;
}
.pl-10px {
  padding-left: 0.625rem;
}
.pr-10px {
  padding-right: 0.625rem;
}
.m-11px {
  margin: 0.6875rem;
}
.mx-11px {
  margin-left: 0.6875rem;
  margin-right: 0.6875rem;
}
.my-11px {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}
.mt-11px {
  margin-top: 0.6875rem;
}
.mb-11px {
  margin-bottom: 0.6875rem;
}
.ml-11px {
  margin-left: 0.6875rem;
}
.mr-11px {
  margin-right: 0.6875rem;
}
.p-11px {
  padding: 0.6875rem;
}
.px-11px {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}
.py-11px {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.pt-11px {
  padding-top: 0.6875rem;
}
.pb-11px {
  padding-bottom: 0.6875rem;
}
.pl-11px {
  padding-left: 0.6875rem;
}
.pr-11px {
  padding-right: 0.6875rem;
}
.m-12px {
  margin: 0.75rem;
}
.mx-12px {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-12px {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mt-12px {
  margin-top: 0.75rem;
}
.mb-12px {
  margin-bottom: 0.75rem;
}
.ml-12px {
  margin-left: 0.75rem;
}
.mr-12px {
  margin-right: 0.75rem;
}
.p-12px {
  padding: 0.75rem;
}
.px-12px {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-12px {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pt-12px {
  padding-top: 0.75rem;
}
.pb-12px {
  padding-bottom: 0.75rem;
}
.pl-12px {
  padding-left: 0.75rem;
}
.pr-12px {
  padding-right: 0.75rem;
}
.m-14px {
  margin: 0.875rem;
}
.mx-14px {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.my-14px {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.mt-14px {
  margin-top: 0.875rem;
}
.mb-14px {
  margin-bottom: 0.875rem;
}
.ml-14px {
  margin-left: 0.875rem;
}
.mr-14px {
  margin-right: 0.875rem;
}
.p-14px {
  padding: 0.875rem;
}
.px-14px {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.py-14px {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.pt-14px {
  padding-top: 0.875rem;
}
.pb-14px {
  padding-bottom: 0.875rem;
}
.pl-14px {
  padding-left: 0.875rem;
}
.pr-14px {
  padding-right: 0.875rem;
}
.m-15px {
  margin: 0.9375rem;
}
.mx-15px {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.my-15px {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.mt-15px {
  margin-top: 0.9375rem;
}
.mb-15px {
  margin-bottom: 0.9375rem;
}
.ml-15px {
  margin-left: 0.9375rem;
}
.mr-15px {
  margin-right: 0.9375rem;
}
.p-15px {
  padding: 0.9375rem;
}
.px-15px {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.py-15px {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.pt-15px {
  padding-top: 0.9375rem;
}
.pb-15px {
  padding-bottom: 0.9375rem;
}
.pl-15px {
  padding-left: 0.9375rem;
}
.m-16px {
  margin: 1rem;
}
.mx-16px {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-16px {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mt-16px {
  margin-top: 1rem;
}
.mb-16px {
  margin-bottom: 1rem;
}
.ml-16px {
  margin-left: 1rem;
}
.mr-16px {
  margin-right: 1rem;
}
.pr-16px {
  padding-right: 1rem;
}
.p-16px {
  padding: 1rem;
}
.px-16px {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-16px {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pt-16px {
  padding-top: 1rem;
}
.pb-16px {
  padding-bottom: 1rem;
}
.pl-16px {
  padding-left: 1rem;
}
.pr-16px {
  padding-right: 1rem;
}
.m-18px {
  margin: 1.125rem;
}
.mx-18px {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}
.my-18px {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}
.mt-18px {
  margin-top: 1.125rem;
}
.mb-18px {
  margin-bottom: 1.125rem;
}
.ml-18px {
  margin-left: 1.125rem;
}
.mr-18px {
  margin-right: 1.125rem;
}
.p-18px {
  padding: 1.125rem;
}
.px-18px {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.py-18px {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.pt-18px {
  padding-top: 1.125rem;
}
.pb-18px {
  padding-bottom: 1.125rem;
}
.pl-18px {
  padding-left: 1.125rem;
}
.pr-18px {
  padding-right: 1.125rem;
}
.m-20px {
  margin: 1.25rem;
}
.mx-20px {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-20px {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mt-20px {
  margin-top: 1.25rem;
}
.mb-20px {
  margin-bottom: 1.25rem;
}
.ml-20px {
  margin-left: 1.25rem;
}
.mr-20px {
  margin-right: 1.25rem;
}
.p-20px {
  padding: 1.25rem;
}
.px-20px {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-20px {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pt-20px {
  padding-top: 1.25rem;
}
.pb-20px {
  padding-bottom: 1.25rem;
}
.pl-20px {
  padding-left: 1.25rem;
}
.pr-20px {
  padding-right: 1.25rem;
}
.m-22px {
  margin: 1.375rem;
}
.mx-22px {
  margin-left: 1.375rem;
  margin-right: 1.375rem;
}
.my-22px {
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}
.mt-22px {
  margin-top: 1.375rem;
}
.mb-22px {
  margin-bottom: 1.375rem;
}
.ml-22px {
  margin-left: 1.375rem;
}
.mr-22px {
  margin-right: 1.375rem;
}
.p-22px {
  padding: 1.375rem;
}
.px-22px {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
.py-22px {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.pt-22px {
  padding-top: 1.375rem;
}
.pb-22px {
  padding-bottom: 1.375rem;
}
.pl-22px {
  padding-left: 1.375rem;
}
.pr-22px {
  padding-right: 1.375rem;
}
.m-24px {
  margin: 1.5rem;
}
.mx-24px {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-24px {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mt-24px {
  margin-top: 1.5rem;
}
.mb-24px {
  margin-bottom: 1.5rem;
}
.ml-24px {
  margin-left: 1.5rem;
}
.mr-24px {
  margin-right: 1.5rem;
}
.m-25px {
  margin: 1.5625rem;
}
.mx-25px {
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
}
.my-25px {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.mt-25px {
  margin-top: 1.5625rem;
}
.mb-25px {
  margin-bottom: 1.5625rem;
}
.ml-25px {
  margin-left: 1.5625rem;
}
.mr-25px {
  margin-right: 1.5625rem;
}
.p-24px {
  padding: 24px;
}
.px-24px {
  padding-left: 24px;
  padding-right: 24px;
}
.py-24px {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pt-24px {
  padding-top: 24px;
}
.pb-24px {
  padding-bottom: 24px;
}
.pl-24px {
  padding-left: 24px;
}
.pr-24px {
  padding-right: 24px;
}
.p-25px {
  padding: 1.5625rem;
}
.px-25px {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.py-25px {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.pt-25px {
  padding-top: 1.5625rem;
}
.pb-25px {
  padding-bottom: 1.5625rem;
}
.pl-25px {
  padding-left: 1.5625rem;
}
.pr-25px {
  padding-right: 1.5625rem;
}
.p-26px {
  padding: 26px;
}
.px-26px {
  padding-left: 26px;
  padding-right: 26px;
}
.py-26px {
  padding-top: 26px;
  padding-bottom: 26px;
}
.pt-26px {
  padding-top: 26px;
}
.pb-26px {
  padding-bottom: 26px;
}
.pl-26px {
  padding-left: 26px;
}
.pr-26px {
  padding-right: 26px;
}
.m-27px {
  margin: 1.6875rem;
}
.mx-27px {
  margin-left: 1.6875rem;
  margin-right: 1.6875rem;
}
.my-27px {
  margin-top: 1.6875rem;
  margin-bottom: 1.6875rem;
}
.mt-27px {
  margin-top: 1.6875rem;
}
.mb-27px {
  margin-bottom: 1.6875rem;
}
.ml-27px {
  margin-left: 1.6875rem;
}
.mr-27px {
  margin-right: 1.6875rem;
}
.p-27px {
  padding: 1.6875rem;
}
.px-27px {
  padding-left: 1.6875rem;
  padding-right: 1.6875rem;
}
.py-27px {
  padding-top: 1.6875rem;
  padding-bottom: 1.6875rem;
}
.pt-27px {
  padding-top: 1.6875rem;
}
.pb-27px {
  padding-bottom: 1.6875rem;
}
.pl-27px {
  padding-left: 1.6875rem;
}
.pr-27px {
  padding-right: 1.6875rem;
}
.m-28px {
  margin: 1.75rem;
}
.mx-28px {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.my-28px {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.mt-28px {
  margin-top: 1.75rem;
}
.mb-28px {
  margin-bottom: 1.75rem;
}
.ml-28px {
  margin-left: 1.75rem;
}
.mr-28px {
  margin-right: 1.75rem;
}
.p-28px {
  padding: 1.75rem;
}
.px-28px {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py-28px {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.pt-28px {
  padding-top: 1.75rem;
}
.pb-28px {
  padding-bottom: 1.75rem;
}
.pl-28px {
  padding-left: 1.75rem;
}
.pr-28px {
  padding-right: 1.75rem;
}
.m-29px {
  margin: 29px;
}
.mx-29px {
  margin-left: 29px;
  margin-right: 29px;
}
.my-29px {
  margin-top: 29px;
  margin-bottom: 29px;
}
.mt-29px {
  margin-top: 29px;
}
.mb-29px {
  margin-bottom: 29px;
}
.ml-29px {
  margin-left: 29px;
}
.mr-29px {
  margin-right: 29px;
}
.p-29px {
  padding: 29px;
}
.px-29px {
  padding-left: 29px;
  padding-right: 29px;
}
.py-29px {
  padding-top: 29px;
  padding-bottom: 29px;
}
.pt-29px {
  padding-top: 29px;
}
.pb-29px {
  padding-bottom: 29px;
}
.pl-29px {
  padding-left: 29px;
}
.pr-29px {
  padding-right: 29px;
}
.m-30px {
  margin: 1.875rem;
}
.mx-30px {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
.my-30px {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.mt-30px {
  margin-top: 1.875rem;
}
.mb-30px {
  margin-bottom: 1.875rem;
}
.ml-30px {
  margin-left: 1.875rem;
}
.mr-30px {
  margin-right: 1.875rem;
}
.p-30px {
  padding: 1.875rem;
}
.px-30px {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.py-30px {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.pt-30px {
  padding-top: 1.875rem;
}
.pb-30px {
  padding-bottom: 1.875rem;
}
.pl-30px {
  padding-left: 1.875rem;
}
.pr-30px {
  padding-right: 1.875rem;
}
.m-32px {
  margin: 2rem;
}
.mx-32px {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-32px {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mt-32px {
  margin-top: 2rem;
}
.mb-32px {
  margin-bottom: 2rem;
}
.ml-32px {
  margin-left: 2rem;
}
.mr-32px {
  margin-right: 2rem;
}
.p-32px {
  padding: 2rem;
}
.px-32px {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-32px {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-32px {
  padding-top: 2rem;
}
.pb-32px {
  padding-bottom: 2rem;
}
.pl-32px {
  padding-left: 2rem;
}
.pr-32px {
  padding-right: 2rem;
}
.m-36px {
  margin: 2.25rem;
}
.mx-36px {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.my-36px {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.mt-36px {
  margin-top: 2.25rem;
}
.mb-36px {
  margin-bottom: 2.25rem;
}
.ml-36px {
  margin-left: 2.25rem;
}
.mr-36px {
  margin-right: 2.25rem;
}
.p-36px {
  padding: 2.25rem;
}
.px-36px {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-35px {
  padding-top: 35px;
  padding-bottom: 35px;
}
.py-36px {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.pt-36px {
  padding-top: 2.25rem;
}
.pb-36px {
  padding-bottom: 2.25rem;
}
.pl-36px {
  padding-left: 2.25rem;
}
.pr-36px {
  padding-right: 2.25rem;
}
.m-40px {
  margin: 2.5rem;
}
.mx-40px {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-40px {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.mt-40px {
  margin-top: 2.5rem;
}
.mb-40px {
  margin-bottom: 2.5rem;
}
.ml-40px {
  margin-left: 2.5rem;
}
.mr-40px {
  margin-right: 2.5rem;
}
.p-40px {
  padding: 2.5rem;
}
.px-40px {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-40px {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.pt-40px {
  padding-top: 2.5rem;
}
.pb-40px {
  padding-bottom: 2.5rem;
}
.pl-40px {
  padding-left: 2.5rem;
}
.pr-40px {
  padding-right: 2.5rem;
}

/* Max Width */

.mw-720 {
  max-width: 720px;
}

.mw-100 {
  max-width: 100%;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}

/* Loading */
.loading {
  height: 40px;
  width: 40px;
  border: 5px solid black;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  -webkit-animation: spin 900ms linear infinite forwards;
  animation: spin 900ms linear infinite forwards;
  margin: 30px auto;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .loading {
    margin: 0 auto 20px auto;
    height: 30px;
    width: 30px;
  }
}

/* Display */
.flex {
  display: flex;
}
.hidden {
  display: none;
}