@charset "UTF-8";

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

body {
  margin: 0;
}

img {
  border: none;
  max-width: 100%;
}

.bg-white {
  background-color: white;
}

.bg-gray {
  background-color: #f5f7fa;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

.pointer {
  cursor: pointer;
}

button:active {
  opacity: 0.6;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex {
  display: flex;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-14 {
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 28, 39, 1);
  font-size: 14px;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.texts {
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(74, 87, 112, 1);
  font-size: 16px;
  white-space: nowrap;
  line-height: 16px;
  text-align: center;
}

.textss {
  height: 46px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25, 28, 39, 1);
  font-size: 46px;
  font-weight: bold;
  letter-spacing: 2px;
  white-space: nowrap;
  line-height: 46px;
  text-align: center;
}

.textss2 {
  height: 48px;
  display: block;
  font-size: 48px;
  white-space: nowrap;
  text-align: center;
  font-weight: 600;
  color: #191C27;
  line-height: 48px;
}

.fw {
  font-weight: 500;
}


.p-8 {
  padding: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.p-12 {
  padding: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.p-16 {
  padding: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pr-16 {
  padding-right: 16px;
}


.pr16 {
  padding-right: 16px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.p-24 {
  padding: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.p-32 {
  padding: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.mt-10 {
  margin-top: 10px;
}




.m-8 {
  margin: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.m-12 {
  margin: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.m-16 {
  margin: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mr-32 {
  margin-right: 32px;
}


.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-32 {
  font-size: 32px !important;
}