/*main wrapper and size start*/
.section,
.inner-section,
.maxw-1920,
.maxw-1620,
.maxw-1052,
.maxw-760,
.maxw-1600,
.maxw-1300,
.maxw-800,
.maxw-560,
.maxw-280,
.maxw-360,
.maxh-80vh,
.maxh-100vh,
.padding-4,
.padding-8,
.padding-16,
.padding-24,
.w-10,
.w-16,
.w-20,
.w-25,
.w-30,
.w-33,
.w-40,
.w-50,
.w-60,
.w-67,
.w-70,
.w-75,
.w-80,
.w-100 {
  width: 100%;
  position: relative;
}
.maxw-360 {
  max-width: 360px;
}
.maxw-1052 {
  max-width: 1052px;
}
.maxw-760{
  max-width: 760px;
  margin: 0 auto;
}
.minh-100{
  min-height: var(--size-vh100);
}
.maxh-100vh {
  max-height: var(--size-vh100);
}
.maxh-80vh {
  max-height: var(--size-vh80);
}
.maxw-640 {
  max-width: 640px;
}
.margin-auto {
  margin: 0 auto;
}
.margin-top-auto,
.btn.margin-top-auto {
  margin-top: auto;
}
.margin-left-auto {
  margin-left: auto;
}
.margin-right-auto {
  margin-right: auto;
}
.margin-bottom-auto {
  margin-bottom: auto;
}
.margin-lr-auto {
  margin-left: auto;
  margin-right: auto;
}
.main-padding-tb-sm {
  padding-top: var(--size-vw2);
  padding-bottom: var(--size-vw2);
}
.main-padding-t-sm {
  padding-top: var(--size-vw2);
}
.main-padding-b-sm {
  padding-bottom: var(--size-vw2);
}
.main-padding-t-12 {
  padding-top: 12px;
}
.maxw-1920 {
  max-width: 1920px;
}
.maxw-1620 {
  max-width: 1620px;
}
.maxw-1600 {
  max-width: 1600px;
}
.maxw-1300 {
  max-width: 1300px;
}
.maxw-1024 {
  max-width: 1024px;
}
.maxw-800 {
  max-width: 800px;
}
.maxw-560 {
  max-width: 560px;
}
.maxw-260 {
  max-width: 260px;
}
.main-padding-all-2vw {
  padding: var(--size-vw2);
}
.main-padding-lr {
  padding-left: var(--size-vw4);
  padding-right: var(--size-vw4);
}
.main-padding-all_____2vw {
  padding: var(--size-vw2);
}
.main-padding-lr-24 {
  padding-left: calc(var(--size-vw4) - 24px);
  padding-right: calc(var(--size-vw4) - 24px);
}
.main-padding-lr-12 {
  padding-left: calc(var(--size-vw4) - 12px);
  padding-right: calc(var(--size-vw4) - 12px);
}
.main-padding-all-4vw {
  padding: var(--size-vw4);
}
.main-padding-all-12 {
  padding: 12px;
}
.main-padding-all-24 {
  padding: 24px;
}

.padding-4 {
  padding: 4px;
}
.padding-8 {
  padding: 8px;
}
.padding-16 {
  padding: 16px;
}
.padding-24 {
  padding: 24px;
}
.padding-lr-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.main-padding-b-h {
  padding-bottom: var(--size-vh4);
}
.main-padding-l {
  padding-left: var(--size-vw4);
}
.main-padding-l-solid {
  padding-left: var(--size-vw4);
}
.main-padding-tb {
  padding-top: var(--size-vw4);
  padding-bottom: var(--size-vw4);
}
.main-padding-tb-text {
  padding-top: var(--size-vw4);
  padding-bottom: var(--size-vw4);
}
.main-padding-t {
  padding-top: var(--size-vw4);
}
.main-padding-b {
  padding-bottom: var(--size-vw4);
}
.main-padding-r {
  padding-right: var(--size-vw4);
}
.main-padding-tb-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.inView-100 {
  min-height: var(--size-vh100);
}
.inView-50 {
  min-height: var(--size-vh50);
}
.inView-100-70 {
  min-height: 70vh;
}
/*main grid width start*/
.proportion-1-1 {
  aspect-ratio: 1/1;
}
.proportion-15-10 {
  aspect-ratio: 15/10;
}
.proportion-2-1 {
  aspect-ratio: 2/1;
}
.proportion-4-3 {
  aspect-ratio: 4/3;
}
.proportion-3-2 {
  aspect-ratio: 3/2;
}
.proportion-banner {
  aspect-ratio: 3.2/1;
}
.proportion-125-1 {
  aspect-ratio: 1.125/1;
}
.proportion-1_7-1 {
  aspect-ratio: 1.7/1;
}
.proportion-16-9 {
  aspect-ratio: 16/9;
}
.w-10 {
  width: 10%;
}
.w-16 {
  width: 16.66666%;
}
.w-25 {
  width: 25%;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3333%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-67 {
  width: 66.6666%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-100 {
  width: 100%;
}
.w-25:empty {
  display: none;
}
.w-25:empty ~ .w-75 {
  width: 100%;
}
/*main grid width end*/
.text-only .w-60.text-area {
  width: auto;
  margin: 0 auto;
}
/* temp for test start */

.form-inner {
  position: relative;
  width: calc(100% - 4px);
  margin: 0;
  padding: 8px;
  padding-bottom: 24px;
}

/* temp for test end */