@media (min-width: 768px) {
    .page-section {
        padding: 0 var(--col-2);
    }
}
@media (min-width: 1024px) {
    .page-section {
        padding: 0 var(--col-4);
    }
}
@media (min-width: 1440px) {
    .page-section {
        padding: 0 var(--col-5);
    }
}
@media (min-width: 1920px) {
    .page-section {
        padding: 0 var(--col-5);
    }
}
.page-section {
    margin: 0 var(--content-margin);
}


.fieldset-section:not(:last-child) {
    margin-bottom: var(--spacing-600);
}
.fieldset-section {
    border: none;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
}


.fieldset-legend {
    font-size: var(--font-size-label100);
    font-weight: var(--font-weight-bold);
    letter-spacing: .01em;
    font-family: var(--font-family-sans);
    line-height: 140%;
    margin-bottom: 0;
}

legend {
    padding: 0;
    float: unset;
}
.fieldset-legend + .fieldset-body {
    margin-top: var(--spacing-400);
}


.fieldset-body:not(:first-child) {
    margin-top: var(--spacing-400);
}
.fieldset-body > :not(:last-child) {
    margin-bottom: var(--spacing-200);
}


.input-component {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption100);
    font-weight: var(--font-weight-regular);
    letter-spacing: 0;
    line-height: 140%;
    position: relative;
}

.select-box-div {
    color:var(--c-mid-contrast);
    display:flex;
    flex:1 0 auto;
    flex-direction:column;
    position:relative
}



.select-box {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid var(--c-mid-contrast);
    border-radius: 0;
    color: var(--c-high-contrast);
    cursor: pointer;
    height: calc(var(--font-size-caption100)*1.4 + var(--font-size-caption300-fixed)*1.3 + var(--spacing-100) + var(--spacing-50) + 1px);
    padding: calc(var(--spacing-50) + var(--font-size-caption300-fixed)*1.3) var(--spacing-100) var(--spacing-100);
    padding-right: calc(24px + var(--spacing-100));
    width: 100%;
}
.select-box:autofill ~ .select-box-label, .select-box:focus ~ .select-box-label {
    bottom: calc(var(--spacing-100) + var(--font-size-caption100)*1.4);
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption300);
    font-weight: var(--font-weight-regular);
    letter-spacing: .01em;
    line-height: 130%;
}

.select-box-label, .select-box {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption100);
    font-weight: var(--font-weight-regular);
    letter-spacing: 0;
    line-height: 140%;
    z-index: 1;
}

.select-box-label {
    bottom: var(--spacing-100);
    left: var(--spacing-100);
    pointer-events: none;
    position: absolute;
    transition: all .15s ease-out;
}

.select-box-arrow {
    bottom: var(--spacing-200);
    color: var(--c-high-contrast);
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: var(--spacing-100);
    width: 16px;
    z-index: 1;
}




.text-box {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--c-mid-contrast);
    border-radius: 0;
    caret-color: var(--c-high-contrast);
    color: var(--c-high-contrast);
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption100);
    font-weight: var(--font-weight-regular);
    height: calc(var(--font-size-caption100)*1.4 + var(--font-size-caption300-fixed)*1.3 + var(--spacing-100) + var(--spacing-50) + 1px);
    letter-spacing: 0;
    line-height: 140%;
    padding: calc(var(--spacing-50) + var(--font-size-caption300-fixed)*1.3) var(--spacing-100) var(--spacing-100);
    padding-right: calc(24px + var(--spacing-100));
}

.text-box:autofill + .text-box-label, .text-box:focus + .text-box-label, .text-box:not(:placeholder-shown) + .text-box-label {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption300);
    font-weight: var(--font-weight-regular);
    letter-spacing: .01em;
    line-height: 130%;
    top: var(--spacing-50);
    transform: translateY(0);
}
.text-box {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--c-mid-contrast);
    border-radius: 0;
    caret-color: var(--c-high-contrast);
    color: var(--c-high-contrast);
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption100);
    font-weight: var(--font-weight-regular);
    height: calc(var(--font-size-caption100)*1.4 + var(--font-size-caption300-fixed)*1.3 + var(--spacing-100) + var(--spacing-50) + 1px);
    letter-spacing: 0;
    line-height: 140%;
    padding: calc(var(--spacing-50) + var(--font-size-caption300-fixed)*1.3) var(--spacing-100) var(--spacing-100);
    padding-right: calc(24px + var(--spacing-100));
}
.text-box-label {
    color: var(--c-mid-contrast);
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption100);
    font-weight: var(--font-weight-regular);
    left: var(--spacing-100);
    letter-spacing: 0;
    line-height: 140%;
    position: absolute;
    top: calc(var(--spacing-50) + var(--font-size-caption300-fixed)*1.3);
    transition: all .15s ease;
}



.mt500 {
    margin-top: var(--spacing-500) !important;
}
.mt400 {
    margin-top: var(--spacing-400) !important;
}
.mt300 {
    margin-top: var(--spacing-300) !important;
}
.mt200 {
    margin-top: var(--spacing-200) !important;
}
.header1 {
    font-family: var(--font-family-sans);
    font-size: var(--headline-400);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0;
    line-height: 120%;
}
.header-display {
    color: var(--c-high-contrast);
    display: block;
    margin: 0;
    margin-top: 0px;
    overflow-wrap: break-word;
}



.normal-text {
    color: var(--c-high-contrast);
    -webkit-hyphens: auto;
    hyphens: auto;
}
.mt300 {
    margin-top: var(--spacing-300);
}
.term-list {
    padding-left: 1.25em;
    margin-top: 16px !important;
    list-style: revert;
}
.term-list li:not(:last-child) {
    margin-bottom: 0.5em;
}
.term-list2 ul {
    padding-left: 1.25em;
    margin-top: 16px !important;
    list-style: revert;
}
.term-list2 li:not(:last-child) {
    margin-bottom: 0.5em;
}



.login .subs-widget-container, .register .subs-widget-container {
    display: flex;
}

.login .subs-widget-container .subscription-checkbox, .register .subs-widget-container .subscription-checkbox {
    align-self: flex-start;
    margin: 5px 0 0;
}

.gigya-screen {
    box-sizing: border-box;
    padding-bottom: 25px;
}


.promotion * {
    font-size: 14px;
    color: var(--c-mid-contrast);
}



.required-2 {
    display: block;
    text-align: right;
}


.select-box-have-option .select-box-label {
    bottom: calc(var(--spacing-100) + var(--font-size-caption100)*1.4);
    color: var(--c-mid-contrast);
    font-family: var(--font-family-sans);
    font-size: var(--font-size-caption300);
    font-weight: var(--font-weight-regular);
    letter-spacing: .01em;
    line-height: 130%;
}


.button-color.button-padding {
    padding: var(--spacing-300) 35px;
}
.button-box, .gigya-composite-control-submit {
    position: relative;
}
.button-color {
    background-color: var(--s-primary);
    border-color: var(--s-primary);
    color: var(--c-inverted);
}
.button-box {
    align-items: center;
    border-radius: 999px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: var(--font-family-sans);
    font-size: var(--font-size-link100);
    font-weight: var(--font-weight-bold);
    justify-content: center;
    letter-spacing: .02em;
    line-height: 130%;
    position: relative;
    transition-duration: .15s;
    transition-property: background-color,color,border-color;
    transition-timing-function: ease;
    white-space: nowrap;
}
.button-margin {
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: var(--spacing-200);
}
[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}


.ui-widget {
    font-family: var(--font-family-sans);

}

body p {
    margin: 0;
}


.loading {
    z-index: 1000;
    width: 100%;
    top: 50%;
    left: 50%;
    height: 2000px;
    transform: translate(-50%, -50%);
    display: block;
    position: fixed;
    cursor: wait;
}
svg.loading rect {
    x: -100%;
    width: 200%;
}

.header-bold {
    font-family: var(--font-family-sans);
    font-size: var(--headline-200);
    font-weight: var(--font-weight-bold);
    letter-spacing: -.01em;
    line-height: 110%;
}
.header-display {
    color: var(--c-high-contrast);
    display: block;
    margin: 0;
    margin-bottom: 0px;
    overflow-wrap: break-word;
}
.header-style {
    margin-bottom:var(--spacing-600);
    text-align:center;
}
@media(min-width:768px) {
    .header-style {
        margin-bottom:var(--spacing-500);
    }
}
.normal-text-2 {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-paragraph100);
    font-weight: var(--font-weight-regular);
    letter-spacing: 0;
    line-height: 140%;
}

.subscription-name-label {
    line-height: 140%;
}



.back-btn {
    padding: var(--spacing-300) 35px;
    width: 240px;
    text-decoration: none;
}

.checkbox-div {
    padding: 0 var(--spacing-100);
    padding-right: calc(24px + var(--spacing-100));
}
.checkbox-top-label {
    color: var(--c-mid-contrast);
}

.d-none {
    display: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--s-primary);
    --bs-btn-border-color: var(--s-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--s-primary);
    --bs-btn-hover-border-color: var(--s-primary);
    --bs-btn-focus-shadow-rgb: 95, 168, 149;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--s-primary);
    --bs-btn-active-border-color: var(--s-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--s-primary);
    --bs-btn-disabled-border-color: var(--s-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--s-primary);
    --bs-btn-border-color: var(--s-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--s-primary);
    --bs-btn-hover-border-color: var(--s-primary);
    --bs-btn-focus-shadow-rgb: 67, 153, 130;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--s-primary);
    --bs-btn-active-border-color: var(--s-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--s-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--s-primary);
    --bs-gradient: none;
}

/* warning */
.error-color {
    color: var(--sig-error);
}
.error-box-div1 {
    align-items: flex-start;
    display: flex;
    font-size: var(--font-size-caption300-fixed);
}
.error-box-div1 {
    font-family: var(--font-family-sans);
    font-weight: var(--font-weight-regular);
    letter-spacing: .01em;
    line-height: 130%;
}
.error-box-div1 .error-box-div2 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: calc(var(--font-size-caption300-fixed)*1.3);
    justify-content: center;
    margin-right: var(--spacing-100);
}
.error-img-size {
    height: 24px;
    width: 24px;
}
.error-display {
    display: none;
}
.error-display {
    margin-left: var(--spacing-100);
    margin-top: var(--spacing-50);
}


.error-display-enable .select-box {
    border-color: var(--sig-error);
}
.error-display-enable .select-box-arrow {
    color: var(--sig-error);
}
.error-display-enable .text-box {
    border-color: var(--sig-error);
}
.error-display-enable .text-box-label {
    color: var(--sig-error);
}
.error-display-enable .select-box-label {
    color: var(--sig-error);
}
.error-display-enable .checkbox-label {
    color: var(--sig-error);
}
.error-display-enable .checkbox-top-label {
    color: var(--sig-error);
}