.display-flex {
  display: flex;
}

.justify-right {
  justify-content: flex-end;
}

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

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

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

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

.flex-column-direction {
  flex-direction: column;
}

.flex-row-direction {
  flex-direction: row;
}

.flex-auto {
  flex: auto;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

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

.gap-02 {
  gap: 0.2rem;
}

.gap-08 {
  gap: 0.8rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-1-5 {
  gap: 1.5rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-2-5 {
  gap: 2.5rem;
}

.gap-3 {
  gap: 3rem;
}

.gap-3-5 {
  gap: 3.5rem;
}

.gap-4 {
  gap: 4rem;
}

.gap-4-5 {
  gap: 4.5rem;
}

.no-margin {
  margin: 0;
}

.auto-lr-margin {
  margin-left: auto;
  margin-right: auto;
}

.padding-0 {
  padding: 0;
}

.padding-03-1 {
  padding: 0.3rem 1rem;
}

.padding-1-0 {
  padding: 1rem 0;
}

.padding-2-0 {
  padding: 2rem 0;
}

.padding-3-0 {
  padding: 3rem 0;
}

.padding-0-1 {
  padding: 0 1rem;
}

.padding-0-2 {
  padding: 0 2rem;
}

.padding-0-3 {
  padding: 0 3rem;
}

.padding-1-1 {
  padding: 1rem 1rem;
}

.padding-1-2 {
  padding: 1rem 2rem;
}

.padding-1-3 {
  padding: 1rem 3rem;
}

.padding-2-1 {
  padding: 2rem 1rem;
}

.padding-2-2 {
  padding: 2rem 2rem;
}

.padding-2-3 {
  padding: 2rem 3rem;
}

.padding-top-03 {
  padding-top: 0.3rem;
}

.padding-top-04 {
  padding-top: 0.4rem;
}

.padding-top-05 {
  padding-top: 0.5rem;
}

.padding-top-1 {
  padding-top: 1rem;
}

.padding-top-15 {
  padding-top: 1.5rem;
}

.padding-top-2 {
  padding-top: 2rem;
}

.padding-top-25 {
  padding-top: 2.5rem;
}

.padding-side-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-side-20 {
  padding-left: 20px;
  padding-right: 20px;
}

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

.text-right {
  text-align: right;
}

.font-1 {
  font-size: 1rem;
}

.font-1-2 {
  font-size: 1.2rem;
}

.font-1-4 {
  font-size: 1.4rem;
}

.font-1-6 {
  font-size: 1.6rem;
}

.font-1-8 {
  font-size: 1.8rem;
}

.font-2 {
  font-size: 2rem;
}

.font-2-2 {
  font-size: 2.2rem;
}

.font-2-4 {
  font-size: 2.4rem;
}

.font-2-6 {
  font-size: 2.6rem;
}

.font-2-8 {
  font-size: 2.8rem;
}

.font-3-0 {
  font-size: 3rem;
}

.font-3-2 {
  font-size: 3.2rem;
}

.font-3-4 {
  font-size: 3.4rem;
}

.font-3-6 {
  font-size: 3.6rem;
}

.font-3-8 {
  font-size: 3.8rem;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

.color-text-graylight {
  color: #868686;
}

.color-text-gray {
  color: #313131;
}

.color-text-title-dark-blue {
  color: #002134;
}

.background-white {
  background-color: #fbfbfb;
}

.background-green {
  background-color: #008d2f;
}

.background-light-blue {
  background-color: #92cbffa3;
}

.border-bottom-classic {
  border-bottom: 0.2rem solid #302be0;
}

.auto-overflow {
  overflow: auto;
}

.button-type-1 {
  border: none;
  padding: 0.3rem 3.5rem;
  border-radius: 0.2rem;
  font-weight: bold;
  font-size: 1.2rem;
  box-shadow: 0 0 15px -5px #272727;
}

.button-type-1:hover {
  cursor: pointer;
}

.width-full {
  width: 100%;
}

.width-1000 {
  width: 1000px;
}

.width-95 {
  width: 95px;
}

.height-full {
  height: 100%;
}

.height-auto {
  height: auto;
}

.invisible {
  display: none !important;
}

.invisible-hard {
  display: none !important;
}

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

.hr-line-98-grayblue {
  width: 98%;
  padding: 0;
  border: 1px solid #e2e9ef;
  margin: 0 auto;
}

.hr-line-97-grayblue-dark {
  width: 97%;
  padding: 0;
  border: 1px solid #7a94b8;
  margin: 0 auto;
}

.hr-line-98-grayblue-dark {
  width: 98%;
  padding: 0;
  border: 1px solid #7a94b8;
  margin: 0 auto;
}

.hr-line-100-grayblue-dark {
  width: 100%;
  padding: 0;
  border: 1px solid #7a94b8;
  margin: 0 auto;
}