body, h1, h2, h3, h4, h5, h6 {

    font-size: 14px;

    margin: 0;

    font-family: Roboto,Arial,sans-serif;

}

* {

    font-family: Roboto,Arial,sans-serif;

}

.product-info {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    color: #282828;

    border-width: 0;

    border-top: 8px solid #146aff;

    padding: 20px;

    margin-bottom: 20px;

}



.cover_area {

    display: flex!important;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    align-content: center;

    padding-left: 24px;

    padding-right: 24px;

    padding-bottom: 24px;

    min-height: calc(100vh - 55px);

    box-sizing: border-box;

    max-width: 100%;

}



.product-info {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    color: #282828;

    border-width: 0;

    border-top: 8px solid #146aff;

    padding: 20px;

    margin-bottom: 20px;

}

.product-name {

    font-weight: 500;

}

.product-image {

    align-self: start;

    border: none;

    height: 24px;

    width: 24px;

    margin-right: 8px;

}

.product-info > div:first-child {

    margin-top: 0;

}

.product-title {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: row;

    font-size: 20px;

}

.product-info > div {

    margin-top: 16px;

}

.trial-price div:first-child {

    margin-top: 0;

    font-weight: 500;

    font-size: 14px;

}

.trial-price div {

    margin-top: 8px;

}

.price-details {

    color: #0000008a;

    font-size: 14px;

}

.feature-list > ul {

    margin-top: 16px;

    list-style: none;

}

.feature-list > ul > li {

    margin-top: 8px;

    position: relative;

    padding-left: 24px;

    line-height: 1.2em;

}

li {

    list-style-type: none;

}

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.feature-list > ul {

    margin-top: 16px;

    list-style: none;

}

.product-info {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    color: #282828;

    border-width: 0;

    border-top: 8px solid #146aff;

    padding: 20px;

    margin-bottom: 20px;

}

icon>svg.success {

    fill: #36c78f;

}



icon>svg.large {

    height: 16px;

    width: 16px;

    min-width: 16px;

    min-height: 16px;

    line-height: 16px;

}

.feature-list > ul > li > h3 {

    font-weight: 500;

    font-size: 16px;

}

.feature-list > ul > li li:before {

    content: "•";

    padding-right: 4px;

}

.feature-list > ul > li {

    margin-top: 8px;

    position: relative;

    padding-left: 24px;

    line-height: 1.2em;

}



.feature-list > ul {

    margin-top: 16px;

    list-style: none;

}

.product-info {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    color: #282828;

    border-width: 0;

    border-top: 8px solid #146aff;

    padding: 20px;

    margin-bottom: 20px;

}



.mat-card:not([class*=mat-elevation-z]) {

    box-shadow: 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;

}



.mat-card {

    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

    display: block;

    position: relative;

    padding: 16px;

    border-radius: 4px;

}



.mat-card {

    background: #fff;

    color: #282828;

}



.feature-list > ul > li icon {

    position: absolute;

    left: 0;

}

.mat-button-toggle, .mat-card {

    font-family: Roboto,Helvetica Neue,sans-serif;

}



..right_area {

    background: #fff;

    color: #282828;

}

..right_area {

    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

    display: block;

    position: relative;

    padding: 16px;

    border-radius: 4px;

}

..right_area:not([class*=mat-elevation-z]) {

    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;

}

..right_area:not([class*=mat-elevation-z]) {

    box-shadow: 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;

}



.purchase-form-container {

    flex: 1 1 auto;

    box-sizing: border-box;

    padding: 20px;

}



.buy-contents {

    display: flex!important;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    align-content: center;

    padding-left: 24px;

    padding-right: 24px;

    padding-bottom: 24px;

    min-height: calc(100vh - 55px);

}

.buy-contents, .buy-contents > * {

    box-sizing: border-box;

    max-width: 100%;

}

.cover_area.buy-contents.ng-star-inserted {

    max-width: 1100px!important;

    margin: 0 auto;

}

.left_area {

    min-width: 300px;

    padding-right: 20px!important;

    flex: 0 0 auto;

    box-sizing: border-box;

}

ol.purchase-steps {

    margin: 0;

    list-style: none;

    list-style-position: outside;

    counter-reset: item;

}

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

li {

    list-style-type: none;

}



ol.purchase-steps li:not(:only-child) {

    counter-increment: item;

    padding-left: calc(1.75em + 16px);

    position: relative;

}

ol.purchase-steps li:not(:only-child):not(:last-child) {

    margin-bottom: 16px;

}

ol.purchase-steps li:not(:only-child):before {

    font-weight: 500;

    line-height: 1.75em;

    content: counter(item);

    background: #146aff;

    border-radius: 100%;

    color: #fff;

    width: 1.75em;

    height: 1.75em;

    text-align: center;

    position: absolute;

    display: block;

    left: 0;

}

.mat-form-field-wrapper {

    position: relative;

}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {

    padding-bottom: 1.25em;

}

.mat-form-field {

    font-size: inherit;

    font-weight: 400;

    line-height: 1.125;

    font-family: Roboto,Helvetica Neue,sans-serif;

    letter-spacing: normal;

}

.mat-form-field {

    display: inline-block;

    position: relative;

    text-align: left;

}

.mat-form-field-flex {

    display: inline-flex;

    align-items: baseline;

    box-sizing: border-box;

    width: 100%;

}

.mat-form-field-infix {

    padding: 0.5em 0;

    border-top: 0.84375em solid #0000;

}



.mat-form-field-infix {

    display: block;

    position: relative;

    flex: auto;

    min-width: 0;

    width: 180px;

}



.mat-form-field-appearance-legacy .mat-form-field-infix {

    padding: 0.4375em 0;

}



input {

    -webkit-writing-mode: horizontal-tb !important;

    font-style: ;

    font-variant-ligatures: ;

    font-variant-caps: ;

    font-variant-numeric: ;

    font-variant-east-asian: ;

    font-weight: ;

    font-stretch: ;

    font-size: ;

    font-family: ;

    text-rendering: auto;

    color: -internal-light-dark(black, white);

    letter-spacing: normal;

    word-spacing: normal;

    line-height: normal;

    text-transform: none;

    text-indent: 0px;

    text-shadow: none;

    display: inline-block;

    text-align: start;

    appearance: auto;

    -webkit-rtl-ordering: logical;

    cursor: text;

    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));

    margin: 0em;

    padding: 1px 2px;

    border-width: 2px;

    border-style: inset;

    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));

    border-image: initial;

}



.mat-input-element {

    caret-color: #146aff;

}

.mat-input-element {

    font: inherit;

    background: transparent;

    color: currentColor;

    border: none;

    outline: none;

    padding: 0;

    margin: 0;

    width: 100%;

    max-width: 100%;

    vertical-align: bottom;

    text-align: inherit;

    box-sizing: content-box;

}

.mat-input-element, .mat-input-element::-webkit-search-cancel-button, .mat-input-element::-webkit-search-decoration, .mat-input-element::-webkit-search-results-button, .mat-input-element::-webkit-search-results-decoration {

    -webkit-appearance: none;

}

input.mat-input-element {

    margin-top: -0.0625em;

}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {

    animation: cdk-text-field-autofill-end 0s 1ms;

}

.mat-form-field {

    font-size: inherit;

    font-weight: 400;

    line-height: 1.125;

    font-family: Roboto,Helvetica Neue,sans-serif;

    letter-spacing: normal;

}

.mat-form-field {

    display: inline-block;

    position: relative;

    text-align: left;

}



.mat-form-field-label-wrapper {

    top: -0.84375em;

    padding-top: 0.84375em;

}

.mat-form-field-label-wrapper {

    position: absolute;

    left: 0;

    box-sizing: content-box;

    width: 100%;

    height: 100%;

    overflow: hidden;

    pointer-events: none;

}

.mat-form-field-label {

    position: absolute;

    left: 0;

    font: inherit;

    pointer-events: none;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    transform-origin: 0 0;

    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);

    display: none;

}

.mat-form-field-appearance-legacy .mat-form-field-label {

    top: 1.28125em;

}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {

    color: #0000008a;

}

.mat-form-field-label:not(.mat-form-field-empty) {

    transition: none;

}

.mat-form-field-appearance-legacy .mat-form-field-label {

    transform: perspective(100px);

    -ms-transform: none;

}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {

    transform: translateY(-1.34375em) scale(.75);

    width: 133.3333333333%;

}

.mat-form-field-empty.mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {

    display: block;

}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {

    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0.001px);

    -ms-transform: translateY(-1.28125em) scale(.75);

    width: 133.3333333333%;

}

ol.purchase-steps .step-title {

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 4px;

    line-height: 1.75em;

}

.mat-form-field-label {

    position: absolute;

    left: 0;

    font: inherit;

    pointer-events: none;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    transform-origin: 0 0;

    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);

    display: none;

}

.mat-form-field-appearance-legacy .mat-form-field-label {

    top: 1.28125em;

}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {

    color: #0000008a;

}

.mat-form-field-label:not(.mat-form-field-empty) {

    transition: none;

}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {

    transform: translateY(-1.34375em) scale(.75);

    width: 133.3333333333%;

}



.mat-form-field-empty.mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {

    display: block;

}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {

    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0.001px);

    -ms-transform: translateY(-1.28125em) scale(.75);

    width: 133.3333333333%;

}

.mat-form-field-label-wrapper {

    top: -0.84375em;

    padding-top: 0.84375em;

}

.mat-form-field-label-wrapper {

    position: absolute;

    left: 0;

    box-sizing: content-box;

    width: 100%;

    height: 100%;

    overflow: hidden;

    pointer-events: none;

}



label#mat-form-field-label-3 {

    display: block;

}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {

    color: #0000008a;

}



.mat-form-field-infix {

    display: block;

    position: relative;

    flex: auto;

    min-width: 0;

    width: 180px;

}

.mat-form-field-infix {

    padding: 0.5em 0;

    border-top: 0.84375em solid #0000;

}

.mat-form-field-appearance-legacy .mat-form-field-infix {

    padding: 0.4375em 0;

}



.mat-form-field-label {

    position: absolute;

    left: 0;

    font: inherit;

    pointer-events: none;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    transform-origin: 0 0;

    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);

    display: none;

}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {

    color: #0000008a;

}



.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {

    color: #0000008a;

}





ol.purchase-steps li:not(:only-child):not(:last-child):after {

    content: "";

    position: absolute;

    display: block;

    width: 1px;

    background: #0000001f;

    top: calc(1.75em + 16px);

    left: calc(1.75em / 2);

    bottom: 0;

}



.mat-form-field-appearance-legacy .mat-form-field-underline {

    background-color: #0000006b;

}

.mat-form-field-underline {

    position: absolute;

    width: 100%;

    pointer-events: none;

    transform: scale3d(1, 1.0001, 1);

}

.mat-form-field-appearance-legacy .mat-form-field-underline {

    bottom: 1.25em;

}

.mat-form-field-appearance-legacy .mat-form-field-underline {

    height: 1px;

}

.mat-form-field-wrapper {

    position: relative;

}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {

    padding-bottom: 1.25em;

}

svg.custom.inherit {

    width: 5px;

    height: 5px;

    top: 9px;

    position: absolute;

    left: -10px;

}

.password-requirements {

    position: relative;

}

.password-requirements {

    color: #a1a0a0;

}



.requirements {

    display: flex;

    align-items: center;

    color: #0000008a;

    font-size: 12px;

}



ol.purchase-steps .step-title {

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 13px;

    line-height: 1em;

}



.halfarea.mat-form-field-wrapper {

    width: 47%;

    display: inline-block;

    margin-right: 2%;

}

.text_area {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}

.price_box {

    flex: 1 1 33%;

    font-size: 36px;

    display: inline-block;

    display: block;

    font-weight: 500;

}

.text_box {

    box-sizing: border-box;

    flex: 1 1 66%;

    padding-left: 8px;

    max-width: 66%;

    margin-top: 0;

    font-size: 12px;

    line-height: 16px;

}

.halfarea.mat-form-field-wrapper {

    width: 49.5%;

    display: inline-block;

    padding-right: 31px;

    box-sizing: border-box;

}



.halfarea.mat-form-field-wrapper {

    margin-right: 0%;

}



.left_area {

    height: 630px;

}



.regiter_area {

        background: #e9eff5;

}

.regiter_area h1 {

    color: #0000008a;

    font-size: 24px;

    font-weight: 300;

}



.cover_area.new {

    height: auto;

    min-height: inherit;

    text-align: left;

    display: block !important;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    align-content: center;

    padding-left: 24px;

    padding-bottom: 7px;

    padding-top: 14px;

    padding-top: 6px;

    max-width: 1100px!important;

    margin: 0 auto;

}

.price-details {

    color: #0000008a;

    font-size: 14px;

}

button.pay {

    box-sizing: border-box;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

    outline: none;

    border: none;

    -webkit-tap-highlight-color: transparent;

    display: inline-block;

    white-space: nowrap;

    text-decoration: none;

    vertical-align: baseline;

    text-align: center;

    margin: 0;

    min-width: 64px;

    line-height: 36px;

    padding: 0 16px;

    border-radius: 4px;

    overflow: visible;

    transform: translate3d(0, 0, 0);

    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

    float: revert;

    text-transform: uppercase;

    letter-spacing: 1.2px;

    border-radius: 6px;

    min-width: unset;

    padding: 0 20px;

    background-color: #146aff;

    color: #fff;

}

.paybtn {

    width: 100%;

    text-align: right;

    margin-top: 16px;

}

buy-faq>footer.buy-footer {

    padding: 32px;

    background-color: #00000005;

}

buy-faq>footer.buy-footer>div {

    margin: 0 auto;

    max-width: 960px;

}

buy-faq h2 {

    font-weight: 500;

    font-size: 20px;

}

buy-faq .questions {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    margin-top: 24px;

    margin-bottom: 32px;

}

buy-faq .questions {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: row;

}

footer.buy-footer {

    padding: 32px;

    background-color: #e4eaf0;

}

footer.buy-footer>div {

    margin: 0 auto;

    max-width: 960px;

}

footer.buy-footer h2 {

    font-weight: 500;

    font-size: 20px;

}

.questions {

    box-sizing: border-box;

    display: flex!important;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    margin-top: 24px;

    margin-bottom: 32px;

    box-sizing: border-box;

    display: flex!important;

    flex-direction: row;

}



.questions .ng-star-inserted {

    width: 30%;

}









@media (max-width:786px) {

    .buy-contents {

        flex-direction: column;

    }

    .left_area {

        height: auto;

        width: 100%;

        margin: 0;

        padding: 0 !important;

    }

    .halfarea.mat-form-field-wrapper {

        width: 100%;

    }

    .questions {

        box-sizing: border-box;

        display: flex!important;

        flex-direction: column;

        align-items: baseline;

        justify-content: space-between;

        margin-top: 24px;

        margin-bottom: 32px;

        box-sizing: border-box;

        display: block !important;

        flex-direction: row;

    }

    .questions .ng-star-inserted {

        width: 100%;

    }

    .text_box {

        box-sizing: border-box;

        flex: inherit;

        padding-left: 8px;

        max-width: 87%;

        font-size: 12px;

        line-height: 16px;

        margin-top: 30px;

    }

    .paybtn {

        width: 100%;

        text-align: center;

        margin-top: 16px;

        padding-right: 28px;

    }

}