.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}
.w-checkbox:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1/1/2/2;
    display: table
}
.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal
}
.w-checkbox-input--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}
.w-commerce-commercecheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px
}
.w-commerce-commercelayoutcontainer {
    justify-content: center;
    align-items: flex-start;
    display: flex
}
.w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px
}
.w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    min-height: 30px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    text-decoration: none;
    display: flex
}
.w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px
}
.w-commerce-commercecartquickcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block
}
.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex
}
.w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px
}
.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px
}
.w-commerce-commercecheckoutemailinput {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutemailinput::placeholder {
color:#999
}
.w-commerce-commercecheckoutemailinput:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingfullname:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutrow {
    margin-left: -8px;
    margin-right: -8px;
    display: flex
}
.w-commerce-commercecheckoutcolumn {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px
}
.w-commerce-commercecheckoutshippingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcity:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color:#999
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingmethodslist {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}
.w-commerce-commercecheckoutshippingmethoditem {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding: 16px;
    font-weight: 400;
    display: flex
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction: column;
    flex-grow: 1;
    margin-left: 12px;
    margin-right: 12px;
    display: flex
}
.w-commerce-commerceboldtextblock {
    font-weight: 700
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 64px 16px
}
.w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutcardnumber {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardnumber.-wfp-focus, .w-commerce-commercecheckoutcardnumber:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutcardexpirationdate {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus, .w-commerce-commercecheckoutcardexpirationdate:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutcardsecuritycode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color:#999
}
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus, .w-commerce-commercecheckoutcardsecuritycode:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction: row;
    display: flex
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left: 8px;
    font-weight: 400
}
.w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px
}
.w-commerce-commercecheckoutbillingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingfullname:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcity:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutbillingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color:#999
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex
}
.w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px
}
.w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: flex
}
.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex
}
.w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none
}
.w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}
.w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutordersummaryextraitemslistitem, .w-commerce-commercecheckoutsummarylineitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex
}
.w-commerce-commercecheckoutsummarytotal {
    font-weight: 700
}
.w-commerce-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 20px;
    padding: 9px 15px;
    text-decoration: none;
    display: block
}
.w-commerce-commercecheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px
}
.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}
.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex
}
.w-commerce-commerceaddtocartform {
    margin: 0 0 15px
}
.w-commerce-commerceaddtocartoptionpillgroup {
    margin-bottom: 10px;
    display: flex
}
.w-commerce-commerceaddtocartoptionpill {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    padding: 8px 15px
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
    color: #fff;
    background-color: #000
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}
.w-commerce-commerceaddtocartquantityinput {
    height: 38px;
    width: 60px;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block
}
.w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
color:#999
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color:#999
}
.w-commerce-commerceaddtocartquantityinput:focus {
    border-color: #3898ec;
    outline-style: none
}
.w-commerce-commerceaddtocartbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}
.w-commerce-commercebuynowbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    margin-top: 10px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none
}
.w-commerce-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px
}
.w-commerce-commerceaddtocarterror {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px
}
.w-form-formradioinput--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 50%
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec
}
.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}
.w-pagination-next, .w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}
.w-commerce-commerceorderconfirmationcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction: row;
    justify-content: flex-start;
    display: flex
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: .33em
}
.w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutshippingsummarywrapper {
    margin-bottom: 20px
}
.w-commerce-commercepaypalcheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px
}
.w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px
}
.w-pagination-previous-icon {
    margin-right: 4px
}
.w-pagination-next-icon {
    margin-left: 4px
}

@media screen and (max-width:991px) {
.w-layout-blockcontainer {
    max-width: 728px
}
}

@media screen and (max-width:767px) {
.w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch
}
.w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0
}
.w-commerce-commercelayoutsidebar {
    flex-basis: auto
}
.w-layout-blockcontainer {
    max-width: none
}
}

@media screen and (max-width:479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px
}
.w-commerce-commercecheckoutrow {
    flex-direction: column
}
.w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode {
    font-size: 16px
}
}
body {
    color: #5e6875;
    white-space: normal;
    font-family: Notosanscjk, sans-serif;
    font-size: 16px;
    line-height: 1.5em
}
h1 {
    color: #28278b;
    border: 1px #7081c7;
    margin-top: 0;
    margin-bottom: .842em;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.157em
}
h2 {
    color: #0e0f11;
    margin-top: 0em;
    margin-bottom: .625em;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.125em
}
h3 {
    color: #0e0f11;
    margin-top: 0em;
    margin-bottom: .666em;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.333em
}
h4 {
    color: #0e0f11;
    margin-top: 1.2em;
    margin-bottom: .6em;
    font-family: Zillaslab;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4em
}
h5 {
    color: #0e0f11;
    margin-top: 1.111em;
    margin-bottom: .6em;
    font-family: Zillaslab;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.555em
}
h6 {
    color: #0e0f11;
    margin-top: 1em;
    margin-bottom: .5em;
    font-family: Zillaslab;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em
}
p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5em
}
a {
    color: #4341d1;
    text-decoration: none;
    transition: color .2s ease-in-out
}
ol, ul {
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 40px
}
li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em
}
img {
    max-width: 100%;
    display: inline-block
}
label {
    margin-bottom: 5px;
    font-weight: 400;
    display: block
}
strong {
    font-weight: 700
}
blockquote {
    border-left: 1px solid #d0d4d9;
    margin-bottom: 16px;
    padding: 10px 20px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em
}
figure {
    margin-top: 20px;
    margin-bottom: 20px
}
figcaption {
    text-align: center;
    margin-top: 16px;
    line-height: 1.714em
}
.container {
    width: 100%;
    max-width: 80%;
    color: #28278b;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px
}
.container.overflow-hidden.nav-padding {
    padding-left: 0;
    padding-right: 0
}
.container.hire-guides-container {
    color: #111142
}
.padding-vertical-96 {
    padding-top: 96px;
    padding-bottom: 96px
}
.padding-vertical-128 {
    padding-top: 90px;
    padding-bottom: 90px
}
.padding-vertical-128.calculator {
    align-items: center;
    display: flex
}
.section {
    margin-top: 0
}
.section.preloader {
    z-index: 1001;
    width: 100vw;
    height: 100vh;
    background-color: #3534af;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed
}
.section.calculater {
    background-color: #fafaff
}
.display {
    color: #0e0f11;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}
.display._2xl {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.166em
}
.text {
    margin-bottom: 0
}
.text.l-regular {
    font-size: 18px;
    line-height: 1.777em
}
.text.l-semibold {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.777em
}
.text.m-regular {
    white-space: normal;
    background-color: rgba(0,0,0,0);
    border-radius: 8px;
    padding: 0
}
.text.m-regular.text-neutral-80 {
    color: #5e6875;
    white-space: normal;
    margin-top: 10px;
    display: block
}
.text.m-regular.text-neutral-80.priceq1, .text.m-regular.text-neutral-80.priceq2, .text.m-regular.text-neutral-80.priceq3, .text.m-regular.text-neutral-80.priceq4, .text.m-regular.text-neutral-80.priceq5 {
    display: block
}
.text.m-medium {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em
}
.text.m-medium.text-neutral-100 {
    flex: 1
}
.text.m-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em
}
.text.m-bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em
}
.text.s-regular {
    font-size: 14px;
    line-height: 1.714em
}
.text.s-regular.text-neutral-80 {
    flex: 0 auto
}
.text.s-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.714em
}
.text.s-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.714em
}
.text.xs-regular {
    font-size: 12px;
    line-height: 1.333em
}
.text.m-regular {
    white-space: nowrap;
    font-style: normal;
    text-decoration: none
}
.button {
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
.button.primary-m {
    color: #fff;
    background-color: #4341d1;
    border-radius: 34px;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none
}
.button.primary-m:hover {
    color: #fff;
    background-color: #6362dc
}
.button.primary-m.getstartedbtn {
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
.button.secondary-m {
    color: #4341d1;
    background-color: #efeffd;
    border-radius: 34px;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}
.button.secondary-m:hover {
    color: #6362dc
}
.button.tertiary-m {
    color: #0e0f11;
    background-color: #fff;
    border: 1px solid #d0d4d9;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}
.button.tertiary-m:hover {
    background-color: #edf0f3
}
.button.tertiary-m.icon-only {
    padding-left: 12px;
    padding-right: 12px
}
.text-icon-wrapper {
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: flex
}
.feather-icons {
    margin-bottom: 0;
    font-family: Feather Icons, sans-serif
}
.feather-icons.l {
    max-width: none;
    font-size: 20px;
    line-height: 20px
}
.feather-icons.xl {
    font-size: 24px;
    line-height: 24px
}
.feather-icons.text-neutral-100.faq-icon {
    font-size: 20px;
    line-height: 20px
}
.feather-icons.text-purple {
    color: #0000ff
}
.feather-icons.text-blue {
    color: #0085ff
}
.feather-icons.text-green {
    color: #000099
}
.feather-icons.text-deep {
    color: #000066
}
.feather-icons.text-yellow {
    color: #fcd116
}
.feather-icons.text-sky {
    color: #89c5e3
}
.divider {
    width: 100%;
    height: 1px;
    background-color: #e0e3e6
}
.badge {
    background-color: #f9fafb;
    flex-direction: column;
    text-decoration: none;
    display: flex
}
.badge.primary {
    color: #28278b;
    background-color: #efeffd;
    border-radius: 16px;
    flex-direction: row;
    align-items: center;
    padding: 2px 8px;
    display: flex
}
.padding-vertical-64 {
    padding-top: 64px;
    padding-bottom: 64px
}
.input {
    height: 44px;
    color: #0e0f11;
    background-color: #fff;
    border: 1px solid #d0d4d9;
    border-radius: 3px;
    margin-bottom: 0;
    transition: border-color .2s ease-in-out
}
.input.-wfp-focus, .input:focus {
    border-color: #4341d1;
    box-shadow: 1px 0 2px rgba(16,24,40,.05)
}
.input::-ms-input-placeholder {
color:#838d95
}
.input::placeholder {
color:#838d95
}
.label {
    color: #5e6875;
    margin-bottom: 6px;
    font-weight: 400
}
.label.bold {
    font-weight: 700
}
.toggle-button {
    width: 36px;
    height: 20px;
    background-color: #d0d4d9;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-right: 8px;
    text-decoration: none;
    display: flex;
    position: relative
}
.checkbox-wrapper {
    color: #5e6875;
    align-items: center;
    margin-bottom: 0;
    display: flex
}
.checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #d0d4d9;
    margin-top: 0;
    margin-right: 8px;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out
}
.checkbox.w--redirected-checked {
    background-color: #4341d1;
    border-color: #4341d1
}
.checkbox.w--redirected-focus {
    box-shadow: none
}
.radio-button {
    width: 16px;
    height: 16px;
    border-color: #d0d4d9;
    margin-top: 0;
    margin-right: 8px;
    transition: border-color .2s ease-in-out
}
.radio-button.w--redirected-checked {
    border-color: #4341d1
}
.radio-button.w--redirected-focus {
    box-shadow: none
}
.utility-page-wrap {
    justify-content: center;
    align-items: center;
    margin: 256px auto;
    display: flex
}
.utility-page-content {
    text-align: center;
    flex-direction: column;
    flex: 1;
    margin-bottom: 0;
    display: flex
}
.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex
}
.margin-bottom-16 {
    margin-bottom: 16px
}
.margin-bottom-20 {
    margin-bottom: 20px
}
.margin-bottom-32 {
    white-space: normal;
    margin-bottom: 16px
}
.margin-bottom-48 {
    margin-bottom: 48px
}
.margin-bottom-64 {
    margin-bottom: 64px
}
.margin-bottom-96 {
    margin-bottom: 96px
}
.no-margin {
    margin: 0
}
.max-width-512 {
    max-width: 512px
}
.max-width-768 {
    width: 100%;
    max-width: 768px
}
.flex-vertical-center {
    flex-direction: column;
    align-items: center;
    display: flex
}
.flex-vertical-left {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.flex-vertical-right {
    flex-direction: column;
    align-items: flex-end;
    display: flex
}
.text-center {
    text-align: center
}
.grid {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.grid.questiongrid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.column {
    width: 100%;
    flex-direction: column;
    display: flex
}
.rich-text img {
    border-radius: 16px
}
.margin-bottom-8 {
    margin-bottom: 8px
}
.padding-bottom-128 {
    padding-bottom: 128px
}
.padding-bottom-96 {
    padding-bottom: 96px
}
.margin-top-16 {
    margin-top: 16px
}
.margin-top-32 {
    margin-top: 32px
}
.margin-left-8 {
    margin-left: 8px
}
.margin-left-16 {
    margin-left: 16px
}
.margin-left-32 {
    margin-left: 32px
}
.margin-right-8 {
    margin-right: 8px
}
.margin-right-16 {
    margin-right: 16px
}
.margin-right-48 {
    margin-right: 48px
}
.padding-top-64 {
    padding-top: 64px
}
.text-primary-20 {
    color: #cacaf6
}
.text-primary-60 {
    color: #4341d1
}
.text-neutral-10 {
    color: #fff
}
.text-neutral-10.brix---text-center.margin-top-32.margin-bottom-32.text-size-14 {
    font-size: 14px;
    line-height: 25px
}
.text-neutral-50 {
    color: #d0d4d9
}
.text-neutral-60 {
    color: #aaafb6
}
.text-neutral-70 {
    color: #838d95
}
.text-neutral-80 {
    color: #5e6875
}
.text-neutral-100 {
    color: #0e0f11
}
.bg-neutral-10 {
    background-color: #fff
}
.bg-neutral-20 {
    background-color: #f9fafb
}
.bg-neutral-30 {
    background-color: #edf0f3
}
.bg-neutral-40 {
    background-color: #e0e3e6
}
.bg-neutral-100 {
    background-color: #0e0f11
}
.bg-primary-10 {
    background-color: #efeffd
}
.bg-primary-50 {
    background-color: #6362dc
}
.bg-primary-60 {
    background-color: #000
}
.max-width-640 {
    max-width: 640px
}
.heading {
    margin-top: 0;
    margin-bottom: 0
}
.heading.xl {
    font-size: 38px;
    font-weight: 100;
    line-height: 1.157em
}
.heading.xl.homefeatureheader {
    margin-bottom: 40px
}
.heading.l {
    font-size: 32px;
    line-height: 1.125em
}
.heading.l.text-primary-80 {
    color: #4046c9
}
.heading.m {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.333em
}
.heading.xs {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.555em
}
.heading.xl {
    font-size: 38px;
    font-weight: 100;
    line-height: 1.157em
}
.tagline {
    color: #444;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25em
}
.select {
    height: 48px;
    min-width: 320px;
    color: #838d95;
    background-color: #fff;
    border: 1px solid #d0d4d9;
    border-radius: 8px;
    margin-bottom: 0
}
.select:focus {
    border-color: #4341d1;
    box-shadow: 1px 0 2px rgba(16,24,40,.05)
}
.select::-ms-input-placeholder {
color:#838d95
}
.select::placeholder {
color:#838d95
}
.flex-items-center {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.flex-horizontal-bottom {
    flex-direction: row;
    align-items: flex-end;
    display: flex
}
.flex-horizontal-bottom.margin-left-32.careers-hero {
    flex: none
}
.brand {
    display: flex
}
.margin-bottom-24 {
    margin-bottom: 24px
}
.margin-right-24 {
    margin-right: 24px;
    display: flex
}
.padding-top-24 {
    padding-top: 24px
}
.split-horizontal {
    justify-content: space-between;
    align-items: center;
    display: flex
}
.split-horizontal.landscape-flex-vertical-left {
    justify-content: center
}
.split-vertical {
    flex-direction: column;
    justify-content: space-between;
    display: flex
}
.padding-all-8 {
    padding: 8px
}
.padding-all-16 {
    padding: 16px
}
.padding-all-24 {
    padding: 24px;
	position: relative;
}
.padding-all-24.home-feature-card {
    height: 100%;
    background-color: #fff;
    border: 2px solid #0e0f11;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    box-shadow: 2px 2px 0 3px #0e0f11
}
.padding-all-32 {
    padding: 32px
}
.padding-all-48 {
    padding: 48px
}
.padding-all-64 {
    padding: 64px
}
.padding-all-64.landscape-padding-all-28.blog-posts-width {
    width: 50%
}
.social-icon {
    color: #aaafb6
}
.social-icon:hover {
    color: #5e6875
}
.margin-bottom-4 {
    margin-bottom: 4px
}
.margin-right-4 {
    margin-right: 4px
}
.padding-all-4 {
    padding: 4px
}
.padding-vertical-16 {
    padding-top: 16px;
    padding-bottom: 16px
}
.padding-vertical-8 {
    padding-top: 8px;
    padding-bottom: 8px
}
.padding-vertical-4 {
    padding-top: 4px;
    padding-bottom: 4px
}
.navbar {
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
	height: 88px;
	top: 0px;
}
.padding-horizontal-4 {
    padding-left: 4px;
    padding-right: 4px
}
.padding-horizontal-16 {
    margin-right: 30px;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0
}
.padding-horizontal-32 {
    padding-left: 32px;
    padding-right: 32px
}
.padding-horizontal-64 {
    padding-left: 64px;
    padding-right: 64px
}
.tablet-flex-vertical-left.flex-horizontal-center {
    flex-wrap: nowrap
}
.overflow-hidden {
    overflow: hidden
}
.border-radius-16 {
    border-radius: 16px
}
.border-radius-16.faq {
    border: 1px solid #d0d4d9
}
.border-radius-16.overflow-hidden.featured-blog-small {
    height: 100%;
    height: 100%;
    border: 1px solid #d0d4d9
}
.border-radius-16.pricing-card {
    height: 100%;
    border: 1px solid #d5d5d5;
    overflow: hidden
}
.border-radius-24 {
    border-radius: 24px
}
.border-radius-32 {
    border-radius: 32px
}
.relative {
    position: relative;
}
.section.relative{
	background: #f8f8f8;
}
.absolute {
    position: absolute
}
.absolute.feature-breakdown-icon {
    z-index: 5;
    top: 2px;
    bottom: auto;
    left: 2px;
    right: auto
}
.absolute.featured-blog-small-badge {
    top: 24px;
    bottom: auto;
    left: 24px;
    right: auto
}
.menu-trigger {
    display: none
}
.nav-link {
    color: #3c404b;
    padding: 16px;
    display: none
}
.nav-link:hover {
    color: #6362dc
}
.menu-wrapper {
    z-index: 200;
    position: relative
}
.flex-vertical {
    flex-direction: column;
    align-items: stretch;
    display: flex
}
.flex-horizontal {
    flex-direction: row;
    align-items: stretch;
    display: flex
}
.flex-horizontal.flex-wrap {
    flex-wrap: wrap;
    justify-content: center
}
.flex-horizontal.footericonblock {
    margin-top: 10px
}
.width-full {
    width: 100%
}
.width-full.image-hover {
    transition: color .2s ease-in-out;
    overflow: hidden
}
.height-full {
    height: 100%
}
.justify-horizontal-left {
    justify-content: flex-start;
    display: flex
}
.justify-horizontal-center {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}
.justify-horizontal-center.z-index-10 {
    position: relative
}
.justify-vertical-center {
    flex-direction: column;
    justify-content: center;
    display: flex
}
.image {
    width: 100%;
    height: 100%
}
.image.featured-blog-small-image {
    max-height: 250px;
    min-height: 250px;
    object-fit: cover
}
.image.about-team {
    height: 300px;
    object-fit: contain
}
.image.aurhors-hero {
    object-fit: cover
}
.image.split-left-image {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 50%;
    margin-right: 12px
}
.image.home-integration-image {
    width: auto;
    height: 34px;
    background-color: #fff;
    border-radius: 36px;
    padding: 5px
}
.image.testimonials-image {
    width: 48px;
    height: 48px;
    border-radius: 50%
}
.image.product-template-hero {
    width: 500px
}
.image.split-left-image {
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border-radius: 50%;
    margin-right: 12px
}
.tertiary-link {
    flex-direction: row;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex
}
.tertiary-link-icon {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    line-height: 1;
    display: flex;
    overflow: hidden
}
.tertiary-link-icon.feather-icons {
    background-color: rgba(0,0,0,0);
    flex: none;
    align-self: center;
    margin-left: auto;
    margin-right: auto
}
.circle-icon {
    z-index: 15;
    width: 34px;
    height: 34px;
    color: #0e0f11;
    background-color: #ffc6c6;
    border: 2px solid #0e0f11;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.border-bottom {
    border-bottom: 1px solid #d0d4d9
}
.primary-link {
    flex-direction: row;
    display: flex
}
.primary-link-icon {
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: #4341d1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding-left: 2px;
    line-height: 1;
    display: flex
}
.primary-link-icon.feather-icons {
    background-color: #28278b
}
.link-underline {
    text-decoration: underline
}
.link-underline.text-primary-20:hover {
    color: #cacaf6
}
.author-avatar-large {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    overflow: hidden
}
.home-testimonials-left-arrow {
    width: 48px;
    height: 48px;
    top: -112px;
    bottom: auto;
    left: auto;
    right: 0
}
.home-testimonials-right-arrow {
    width: 48px;
    height: 48px;
    top: -112px;
    bottom: auto;
    left: auto;
    right: 56px
}
.slider {
    height: 100%;
    background-color: rgba(0,0,0,0)
}
.mask {
    overflow: visible
}
.slide-2 {
    margin-left: 0
}
.slide-nav {
    display: none
}
.circle-icon-white {
    z-index: 15;
    width: 34px;
    height: 34px;
    color: #0e0f11;
    background-color: #fff;
    border: 2px solid #0e0f11;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.accordion-item {
    width: 100%;
    overflow: visible
}
.accordion-item-text {
    display: block;
    overflow: visible
}
.tertiary-link-icon-wrapper {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-right: 8px;
    line-height: 1;
    display: flex;
    overflow: hidden
}
.home-feature-card-content {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    display: block
}
.feature-card-border-16 {
    min-height: 100%;
    border-radius: 16px
}
.width-512 {
    width: 512px;
    max-width: 100%
}
.order-item {
    margin-bottom: 16px
}
.order-item-image {
    height: 60px;
    object-fit: cover;
    overflow: hidden
}
.customer-info {
    margin-right: 24px
}
.block-header {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 24px
}
.block-info {
    background-color: #fff;
    border-bottom: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6;
    border-right: 1px solid #e0e3e6;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 24px
}
.shipping-method-list {
    border-left-width: 0;
    border-right-width: 0
}
.shipping-method {
    border-bottom-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}
.pay-button {
    border-radius: 8px
}
.error-message {
    color: #d4380d;
    background-color: #ffccc7;
    border-radius: 8px;
    margin-top: 10px;
    padding: 5px 24px;
    font-size: 12px
}
.loginbutton {
    color: #3c404b
}
.container-2 {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
	padding-right: 80px;
	padding-left: 80px;
}
.footer-divider-two {
    width: 100%;
    height: 1px;
    background-color: #333;
    margin-top: 25px;
    margin-bottom: 25px
}
.footer-bottom {
    justify-content: space-between;
    align-items: center;
    display: flex
}
.footer-copyright {
    color: #999
}
.footer-light {
    border-bottom: 1px solid #e4ebf3;
    padding: 60px 0px 20px;
    position: relative;
	background: #191818;
}
.footer-wrapper-two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr 1.3fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid
}
.footer-block-two {
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}
.footer-block-two.footer-block-info {
    width: auto;
    flex-wrap: nowrap;
    display: block
}
.footer-title {
    white-space: normal;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
	color: #fff;
}
.footer-link-two {
    color: #ccc;
    margin-top: 10px;
    text-decoration: none
}
.footer-link-two:hover {
    color: rgba(255,255,255,1)
}
.heading-2 {
    color: #0e0f11;
    margin-bottom: 0;
    padding-right: 100px;
    font-size: 58px;
    line-height: 80px
}
.text-block-6 {
    color: #00303c;
    padding-right: 100px;
    font-size: 20px;
    line-height: 24px
}
.text-2 {
    margin-bottom: 0
}
.text-2.m-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em
}
.text-2.s-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.714em
}
.text-2.m-regular {
    white-space: normal;
    background-color: rgba(0,0,0,0);
    border-radius: 8px;
    padding: 0
}
.text-2.small {
    font-size: 10px;
    line-height: 24px
}
.text-2.l-semibold {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.777em
}
.heading-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}
.heading-3.xl {
    margin-right: 10px;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.157em
}
.heading-3.m {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.333em
}
.heading-3.xl {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.157em
}
.heading-3.hzyuan01-heading {
    color: #fff;
    margin-left: 13px;
    font-size: 40px;
    line-height: 110%
}
.button-2 {
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
.button-2.tertiary-m {
    color: #0e0f11;
    background-color: #fff;
    border: 1px solid #d0d4d9;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}
.button-2.tertiary-m:hover {
    background-color: #edf0f3
}
.primary-link-icon-2 {
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: #4341d1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding-left: 2px;
    line-height: 1;
    display: flex
}
.primary-link-icon-2.feather-icons {
    background-color: #28278b
}
.nav-link-2 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 0;
    margin-right: 20px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}
.nav-link-2:hover {
    color: rgba(26,27,31,.75)
}
.nav-link-2:focus-visible {
outline-offset:0px;
color:#0050bd;
border-radius:4px;
outline:2px solid #0050bd
}
.nav-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd
}
.nav-dropdown {
    margin-left: 5px;
    margin-right: 5px
}
.nav-dropdown.footer-link-two {
    margin-left: 0;
    margin-right: 0
}
.nav-dropdown-link {
    color: #0e0f11;
    background-color: rgba(0,0,0,0);
    margin-top: 0;
    margin-left: 14px;
    margin-right: 0;
    padding: 5px 0;
    font-size: 14px
}
.nav-dropdown-link:hover {
    color: #3534af;
    background-color: rgba(0,0,0,0);
    border-radius: 5px
}
.nav-dropdown-link:focus-visible {
outline-offset:0px;
color:#0050bd;
border-radius:5px;
outline:2px solid #0050bd
}
.nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd
}
.nav-dropdown-link.w--current {
    color: #4341d1;
    margin-top: 0;
    margin-bottom: 0
}
.nav-dropdown-link.w--current:hover {
    color: #3534af
}
.nav-divider {
    width: 1px;
    height: 22px;
    background-color: #e4ebf3;
    margin-left: 20px;
    margin-right: 20px
}
.column-6 {
    background-color: rgba(0,0,0,0);
    padding: 0 20px
}
.column-7 {
    padding-right: 0
}
.text-block-7 {
    color: #3534af;
    padding-bottom: 0
}
.rich-text-block {
    color: #111142;
    text-align: left;
    font-size: 16px
}
.section-3 {
    height: auto;
    max-width: 1500px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: fill;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: stretch;
    margin-top: 20px;
    display: block;
    position: static;
    top: 0;
    right: 0
}
.image-4 {
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: 50% 0%
}
.div-block-11 {
    border: 1px solid #e0e3e6;
    border-radius: 12px;
    overflow: hidden
}
.link-2 {
    width: 100%;
    color: #28278b;
    font-size: 24px;
    font-weight: 600
}
.div-block-12 {
    height: 71px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}
.collection-list-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template: ". Area" ". ."/1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    display: grid
}
.collection-item-3 {
    width: 100%;
    max-height: none;
    max-width: none;
    min-width: 100px;
    margin-top: 20px
}
.image-5 {
    width: 100%;
    object-fit: cover
}
.columns-4 {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex
}
.div-block-13 {
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}
.html-embed {
    display: none
}
.div-block-14 {
    padding-left: 140px;
    padding-right: 140px
}
.section-5 {
    background-color: #efeffd;
    padding: 40px 140px
}
.image-6 {
    width: 300px
}
.heading-7 {
    color: #28278b;
    margin-bottom: 0;
    font-size: 50px
}
.text-block-9 {
    color: #7081c7;
    margin-top: .125rem;
    font-size: 21px
}
.column-9 {
    height: 300px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}
.column-10 {
    height: 300px;
    justify-content: flex-end;
    display: flex
}
.heading-8 {
    text-align: center;
    margin-bottom: .125em
}
.text-block-10 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 15px
}
.link-block-3 {
    width: 100%
}
.link-3 {
    color: #4f4f5b;
    text-align: center;
    white-space: nowrap;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(.854, -.016, .58, 1)
}
.link-3.w--current {
    color: #4341d1;
    border-bottom: 4px solid #4341d1;
    font-weight: 500
}
.div-block-15 {
    width: 100%;
    border-bottom: 1px solid #90a3bf;
    justify-content: center;
    margin-top: 40px;
    display: flex
}
.section-6 {
    z-index: 10;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}
.collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr
}
.collection-list-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: calc(25% - 16px) repeat(auto-fit, calc(25% - 16px)) calc(25% - 16px);
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    display: grid
}
.div-block-16 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.div-block-17 {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    box-shadow: 2px 2px 8px 3px #efeffd;
	background: #fff;
}
.div-block-17 .relative {
	background: #fff;
}
.image-7 {
    width: 100%;
    max-height: none
}
.image-8 {
    width: 40px;
    height: 20px;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 0;
    margin-right: 10px;
    position: static;
    top: 5%;
    bottom: auto;
    left: 5%;
    right: auto;
    overflow: hidden
}
.image-8.country-guide {
    width: 24px;
    height: 15px
}
.text-block-11 {
    color: #000;
    font-weight: 100;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.w-dyn-item .div-block-23 .text-block-16{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.next {
    width: auto;
    color: #000;
    background-color: rgba(0,0,0,0);
    border-style: none;
    border-color: #4341d1;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: absolute;
    top: 46%;
    bottom: auto;
    left: auto;
    right: 3%
}
.next:hover {
    color: #000;
    border-color: #3534af
}
.previous {
    width: auto;
    color: #000;
    background-color: rgba(0,0,0,0);
    border-style: none;
    border-color: #4341d1;
    border-radius: 0;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 46%;
    bottom: auto;
    left: 3%
}
.previous:hover {
    color: #000
}
.div-block-19 {
    margin-left: 100px;
    margin-right: 100px
}
.filter-input {
    border: 2px #4341d1;
    border-radius: 6px;
    margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 40px;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.16)
}
.filter-input:focus {
    border-color: #8583e6
}
.filter-input::-ms-input-placeholder {
color:#999;
font-size:12px
}
.filter-input::placeholder {
color:#999;
font-size:12px
}
.form-3 {
    width: auto;
    max-width: 400px;
    align-items: center;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}
.form-3.blog-input {
    width: auto;
    max-width: none;
    margin-bottom: 0;
    display: flex
}
.search-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 24%;
    bottom: auto;
    left: 3%;
    right: auto
}
.search-icon.position-right {
    left: auto;
    right: 3%
}
.columns-5 {
    align-items: center;
    display: flex
}
.heading-9 {
    color: #28278b;
    font-size: 59px
}
.collection-item-4 {
    height: 100%
}
.padding-vertical-64 .collection-list-3 .collection-item-4{
    border: 1px solid #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
#email-form .padding-horizontal-16 {
    margin-right: 15px;
    background: #fff;
    padding: 5px 15px;
}
#email-form .padding-horizontal-16:hover{
    background-color: var(--purple-500);
}
#email-form .padding-horizontal-16 .footer-link-two{
    color: #000;
}
#email-form .padding-horizontal-16:hover .footer-link-two{
    color: #fff;
}
.columns-7 {
    flex-wrap: wrap;
    display: flex
}
.div-block-20 {
    width: 100%;
    justify-content: center;
    display: flex;
    position: absolute;
    top: -8%;
    bottom: auto;
    left: 0
}
.div-block-21 {
    width: 10px;
    height: 10px;
    background-color: #6362dc;
    border-radius: 20px;
    margin-right: 5px;
    padding-right: 0
}
.div-block-22 {
    background-color: #fff;
    border-radius: 9px;
    align-items: center;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 0;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
    box-shadow: 2px 2px 8px #cacaf6
}
.text-block-14 {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.8em
}
.div-block-23 {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex
}
.text-block-15 {
    white-space: nowrap;
    padding-right: 10px;
	color: #333;
    font-size: 13px
}
.text-block-16 {
    font-size: 14px;
	color: #333;
    font-weight: 100
}
.columns-9 {
    align-items: center;
    display: flex
}
.text-block-17 {
    font-size: 14px
}
.price-title {
    color: #333;
    font-size: 23px
}
.pricing-value {
    align-items: stretch;
    font-size: 29px;
    font-weight: 500
}
.pricing-value.blue {
    color: #0085ff
}
.pricing-value.purple {
    color: #0000ff
}
.pricing-value.yellow {
    color: #fcd116
}
.pricing-subvalue {
    padding-left: 10px;
    font-family: Zillaslab;
    font-size: 17px;
    line-height: 25px
}
.pricing-desc {
    color: #5e6875;
    font-size: 14px;
    line-height: 21px
}
.height-300 {
    /*height: 300px;*/
    position: relative;
	padding-bottom: 20px;
}
.pricing-button-primary {
    color: #fff;
    background-color: #6161ff;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 8px 12px
}
.pricing-button-primary:hover {
    color: #fff;
    background-color: #6362dc
}
.pricing-top-divider {
    height: 11px;
    margin-top: 0
}
.pricing-top-divider.purper {
    background-color: #0000ff
}
.pricing-top-divider.blue {
    background-color: #0000cc
}
.pricing-top-divider.green {
    color: #3a3977;
    background-color: #000099
}
.pricing-top-divider.deep {
    background-color: #000066
}
.pricing-top-divider.yellow {
    background-color: #fcd116
}
.pricing-top-divider.sky {
    background-color: #89c5e3
}
.prcing-card {
    height: 100%;
    border: 1px #d5d5d5;
    border-radius: 8px;
    padding-top: 0;
    overflow: hidden;
    box-shadow: 0 0 0 1px #d5d5d5
}
.pricing-botton-divider {
    height: 1px;
    background-color: #c5c7d0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.prcing-head {
    font-size: 48px;
    font-weight: 400
}
.prcing-text-item {
    color: #000;
    font-size: 14px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prcing-text-item a{
	display: block;
	color: #333;
}
.pricing-button-wrapper {
    border: 1px solid #4341d1;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 8px 12px
}
.pricing-button-wrapper:hover {
    border-color: #6362dc
}
.pricing-value2 {
    color: #000;
    font-weight: 500;
    line-height: 36px
}
.getstartedbtn.margin-top-32.button-footer-page {
    color: #fff;
    color: #fff;
    background-color: #0d80ee;
    border-radius: 48px;
    padding: 9px 40px;
    font-size: 13px
}
.popup {
    z-index: 2000;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #aaafb6;
    background-color: rgba(0,0,0,0);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1);
    display: none;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.popup-body {
    width: 500px;
    height: auto;
    min-width: 0;
    background-color: #fff;
    border-radius: 34px;
    padding: 30px 30px 20px;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0,.13)
}
.heading-11 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter;
    font-weight: 400
}
.div-block-24 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    display: flex
}
.link-4 {
    color: #0e0f11;
    cursor: pointer;
    font-size: 20px
}
.link-4:hover {
    color: #5e6875
}
.pagination-2 {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative
}
.pagination-2.blog-pagination {
    margin-top: 40px
}
.image-9 {
    width: 13px;
    height: 12px
}
.div-block-26 {
    justify-content: flex-end;
    align-items: center;
    display: flex
}
.div-block-27 {
    width: auto;
    color: #000;
    justify-content: center;
    align-items: center;
    display: flex
}
.book-demo-button {
    font-size: 14px
}
.paragraph {
    margin-bottom: 0
}
.image-10 {    
	width: 120px;
    height: 120px;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
    display: block;
    float: right;
}
.privacy-section {
    color: #8583e6;
    background-color: #28278b;
    padding-top: 100px;
    padding-bottom: 100px
}
.privacy-section.padding-all-64.media-background {
    background-color: rgba(0,0,0,0);
    background-image: url('../image/media-industry.png');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll
}
.privacy-section.padding-all-64.manufacturing-background {
    background-image: url('../image/Manufacturing.png');
    background-position: 100%;
    background-size: cover
}
.privacy-section.padding-all-64.high-tech-background {
    background-image: url('../image/high-tech-industry.png');
    background-position: 100%;
    background-size: cover
}
.privacy-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Nunitosans;
    font-size: 76px;
    font-weight: 400;
    line-height: 82px
}
.privacy-policy-section h1 {
    border-bottom-style: solid;
    padding-top: 20px;
    padding-bottom: 20px
}
.privacy-policy-section h2, .privacy-policy-section h3 {
    color: #7081c7
}
.text-block-18 {
    color: #28278b
}
.footer-link-three {
    color: #999
}
.footer-link-three:hover {
    color: rgba(26,27,31,.75)
}
.image-11 {
    width: 100%;
    height: 100%;
    -webkit-text-fill-color: inherit;
    object-fit: cover;
    background-color: rgba(0,0,0,0);
    background-clip: border-box;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.div-block-28 {
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}
.margin-all-0 {
    margin-top: 0;
    margin-bottom: 0
}
.hzyuan01-mask {
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-text-fill-color: inherit;
    object-fit: none;
    background-color: rgba(8,4,36,.3);
    background-clip: border-box;
    position: absolute;
    top: 0;
    left: 0
}
.div-block-29 {
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 64px;
    display: flex
}
.hzyuan01-title {
    color: rgba(255,255,255,.55);
    font-size: 13px
}
.hzyuan01-label {
    color: #fff;
    margin-top: 10px;
    font-size: 17px
}
.hzyuan01-head {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: grid
}
.hzyuan01-button {
    color: #fff;
    background-color: #4240cf;
    border-radius: 37px;
    margin-top: 32px;
    padding: 16px 28px;
    font-size: 18px
}
.hzyuan01-button:hover {
    color: #fff;
    background-color: #3534af
}
.hzyuan01-button.special {
    background-color: #404f65;
    margin-left: 22px
}
.hzyuan01-button.special:hover {
    background-color: #354154
}
.footer-info {
    margin-bottom: 0;
	color: #aaa;
	margin-top: 10px;
	width: 120px;
    float: right;
    text-align: center;
}
.heading-12 {
    text-align: center
}
.text-block-19 {
    color: #838d95;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400
}
.grid-2 {
    grid-template-columns: 1fr 1fr 1fr
}
.text-block-20 {
    color: #0e0f11;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}
.text-block-21 {
    text-align: center;
    font-size: 14px;
    line-height: 1.4em
}
.grid-3 {
    grid-template-rows: auto;
    grid-auto-flow: row
}
.section-guide {
    border-bottom: 1px solid #e4ebf3
}
.section-guide.section-guide-contact {
    background-color: #4240cf
}
.section-guide.section-guide-blog {
    background-color: #28278b;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover
}
.heading-13 {
    color: #fff;
    text-align: center
}
.button-3 {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 15px;
    display: flex
}
.button-3:hover {
    color: #8583e6;
    border-color: #8583e6
}
.div-block-30 {
    width: auto;
    height: auto;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    display: flex
}
.heading-14 {
    color: #28278b;
    margin-top: 0;
    margin-bottom: 0
}
.div-block-31 {
    margin-left: 32px
}
.div-block-32 {
    color: #28278b;
    align-items: baseline;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex
}
.text-primary-80 {
    color: #28278b
}
.div-block-33 {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 7px rgba(202,202,246,.5)
}
.columns-10 {
    flex-wrap: wrap;
    align-items: center;
    padding-left: 64px;
    padding-right: 64px;
    display: flex
}
.heading-15 {
    color: #fff;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 38px;
    font-weight: 400
}
.text-block-22 {
    color: #fff;
    font-size: 42px;
    line-height: 1.5
}
.image-12 {
    width: 64px;
    height: 64px
}
.max-width-912 {
    width: 100%;
    max-width: 912px
}
.text-block-23 {
    padding-left: 6px;
    font-size: 22px
}
.image-13 {
    height: 100%;
    min-height: 400px
}
.contractor-head-section {
    background-color: #28278b;
    background-image: url('../image/HiringContractor.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 100px;
    padding-bottom: 100px
}
.div-block-34 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.image-14 {
    width: 200px;
    border: 8px solid #6362dc
}
.block-hidden {
    display: none
}
.onboard-card {
    height: 100%;
    background-color: #6362dc;
    border-radius: 4px;
    padding: 10px
}
.onboard-card.flex-vertical-center {
    align-items: flex-start
}
.grid-4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr
}
.text-block-24 {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 24px
}
.padding-horizontal-48 {
    padding-left: 48px;
    padding-right: 48px
}
.footer-beian {
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    display: flex
}
.image-15 {
    width: 20px;
    height: 20px;
    max-height: none;
    max-width: none;
    line-height: 11px
}
.container-4 {
    width: 100%;
    max-width: 1500px;
    color: #28278b;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px
}
.container-4.container-5 {
    justify-content: flex-end;
    margin-top: 0;
    padding-left: 140px;
    padding-right: 0;
    display: block
}
.footer-wrapper-three {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.region-radio {
    width: auto;
    height: auto;
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible
}
.region-radio.w--redirected-checked {
    width: auto;
    height: auto;
    opacity: 1;
    border: 1px #0e1154;
    border-bottom: 2px solid #0e1154;
    border-radius: 0;
    top: 22px;
    bottom: 0
}
.region-radio.w--redirected-focus {
    box-shadow: none;
    display: block
}
.radio-button-field {
    color: #9fa0bb;
    white-space: normal;
    cursor: pointer;
    padding-left: 0;
    position: relative
}
.link-5 {
    color: #cacaf6;
    margin-left: 20px;
    padding: 9px 40px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}
.link-5:hover {
    color: #fff
}
.column-12 {
    padding-right: 65px
}
.columns-12 {
    flex-wrap: wrap;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    display: flex
}
.section-7 {
    margin-top: 0;
    margin-bottom: 100px;
    padding-top: 100px;
    padding-bottom: 0
}
.section-7.high-tech-bg {
    background-image: url('../image/high-tech-background.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto
}
.section-7.manufacturing-background {
    background-image: url('../image/manufacturing-background.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto
}
.section-7.new-media-background {
    background-image: url('../image/new-media-background.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto
}
.margin-top-48 {
    margin-top: 48px
}
.image-18 {
    width: 50px;
    height: 50px
}
.heading-16 {
    text-align: center;
    font-family: Inter;
    font-weight: 400
}
.grid-5 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 100px
}
.image-19 {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    margin-top: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: 0 0 36px 15px rgba(71,71,185,.2)
}
.text-block-25 {
    color: #28278b;
    text-align: center;
    font-size: 14px
}
.text-block-26 {
    color: #505050;
    text-align: center;
    font-size: 10px;
    line-height: 14px
}
.div-block-38 {
    background-color: #fff;
    border-radius: 15px;
    padding: 36px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 6px 6px 18px 12px rgba(0,0,0,.2)
}
.div-block-39 {
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible
}
.text-block-27 {
    color: #28278b;
    margin-top: 20px;
    font-size: 15px;
    line-height: 27px
}
.link-6 {
    color: #cacaf6;
    margin-left: 60px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}
.link-6:hover {
    color: #fff
}
.column-13 {
    padding-right: 0
}
.bg-primary-101 {
    background-color: #efeffd
}
.grid-6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr
}
.text-block-28 {
    color: #28278b;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 24px
}
.bg-primary-102 {
    background-color: #6362dc
}
.text-block-29 {
    color: #fff;
    font-size: 42px;
    line-height: 1.5
}
.heading-19 {
    color: #7081c7;
    text-align: center;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px
}
.heading-20 {
    margin-bottom: 0;
    font-weight: 400
}
.text-block-32 {
    color: #838d95;
    text-transform: uppercase
}
.text-block-34 {
    color: #5e6875;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}
.navbar-border-right {
    width: auto;
    background-color: rgba(0,0,0,0);
}
.image-21 {
    width: 22px;
    justify-content: center;
    display: flex;
	margin-right: 10px;
	float: left;
}
.text-block-35 {
    color: #7081c7;
    margin-bottom: 8px;
    font-size: 12px
}
.a-margin-bottom-16 {
    margin-bottom: 16px
}
.brix---btn-primary-small {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #4341d1;
    border-radius: 34px;
    justify-content: center;
    padding: 7px 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}
.brix---btn-primary-small:hover {
    color: #fff;
    background-color: #281ca5;
    transform: translate3d(0, -3px, .01px)
}
.brix---hamburger-menu-wrapper {
    padding: 0;
    transition: transform .3s
}
.brix---hamburger-menu-wrapper:hover {
    transform: scale(.96)
}
.brix---hamburger-menu-wrapper.w--open {
    background-color: rgba(0,0,0,0)
}
.brix---header-right-col {
    justify-content: flex-end;
    align-items: center;
    display: flex
}
.brix---header-nav-list-item-show-in-tablet {
    margin-bottom: 0;
    padding-left: 32px;
    display: none
}
.brix---header-nav-link {
    color: #211f54;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    transition: color .3s
}
.brix---header-nav-link:hover {
    color: rgba(26,27,31,.75)
}
.brix---header-nav-link.w--current {
    color: #0e0f11
}
.brix---header-nav-list-item-left {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px
}
.brix---dropdown-pd {
    padding: 20px
}
.brix---dropdown-card {
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 20px;
    top: 32px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(20,20,43,.08)
}
.brix---dropdown-column-wrapper {
    background-color: rgba(0,0,0,0);
    padding-top: 32px;
    transform: translate(0)
}
.brix---dropdown-column-wrapper.w--open {
    margin-top: 20px;
    padding-top: 10px;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    transform: translate(-19%)
}
.brix---dropdown-chevron {
    width: 14px;
    margin-left: 3px
}
.brix---dropdown-toggle {
    color: #211f54;
    cursor: pointer;
    align-items: center;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    transition: color .3s;
    display: flex
}
.brix---dropdown-toggle:hover {
    color: rgba(26,27,31,.75)
}
.brix---header-nav-menu-list {
    z-index: 1;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex
}
.brix---header-logo {
    height: 56px;
    max-width: 100%;
    object-fit: contain;
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0
}
.brix---header-logo-link-left {
    transform-style: preserve-3d;
    padding-left: 0;
    padding-right: 10px;
    transition: transform .3s, color .3s
}
.brix---header-logo-link-left:hover {
    transform: scale3d(.96, .96, 1.01)
}
.brix---header-left-col {
    align-items: center;
    /*display: flex*/
	width: 100%;
}
.brix---header-content-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex
}
.brix---container-default {
    max-width: 1500px;
    padding: 16px 20px
}
.div-block-44 {
    width: 150px
}
.div-block-45 {
    align-items: center;
    display: flex
}
.brix---dropdown-link-2 {
    width: 100%;
    color: #6e7191;
    align-items: center;
    margin-top: 16px;
    padding: 0 0 0 8px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
    display: flex
}
.brix---dropdown-link-2:hover {
    color: #0e0f11
}
.brix---dropdown-pd-2 {
    padding: 10px
}
.brix---dropdown-card-2 {
    min-width: auto;
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 0;
    top: 32px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(20,20,43,.08)
}
.brix---dropdown-card-wrapper {
    background-color: rgba(0,0,0,0);
    padding-top: 28px;
    transform: translate(-42%)
}
.brix---dropdown-card-wrapper.w--open {
    padding-top: 10px
}
.brix---dropdown-toggle-2 {
    color: #211f54;
    align-items: center;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 18px;
    line-height: 20px;
    transition: color .3s;
    display: flex
}
.brix---dropdown-toggle-2:hover {
    color: #4a3aff
}
.brix---dropdown-toggle-2.language-toggle {
    display: none
}
.image-22 {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 16px
}
.div-block-46 {
    color: #0e0f11;
    border-left: 3px solid #000;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    font-size: 15px
}
.text-block-36 {
    font-family: Nunitosans;
    font-size: 16px
}
.grid-9 {
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr)
}
.text-block-37, .text-block-37 li {
    line-height: 32px
}
.text-block-37 ul {
    margin-bottom: 0
}
.heading-21 {
    color: #7081c7;
    margin-top: 48px
}
.contact-us-header {
    height: 360px;
    background-image: url('../image/contact-bg1.svg'), url('../image/contact-bg2.svg');
    background-position: 50% 100%, 100% 77%;
    background-repeat: repeat, no-repeat;
    background-size: cover, auto
}
.container-header-card {
    width: 270px;
    max-width: 100%;
    color: #fff;
    background-color: #4341d1;
    flex-direction: column;
    align-items: center;
    padding: 64px 32px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -2%;
    left: 0;
    right: 0;
    box-shadow: 4px 4px 10px -1px rgba(0,0,0,.35)
}
.brix---error-message {
    color: #ff5a65;
    text-align: center;
    background-color: #ffeff0;
    border-radius: 16px;
    margin-top: 20px;
    padding: 20px 24px;
    font-size: 18px;
    line-height: 30px
}
.brix---success-message {
    color: #0e0f11;
    background-color: rgba(0,0,0,0);
    border-radius: 24px;
    padding: 28px 28px 32px;
    font-size: 18px;
    line-height: 30px
}
.brix---btn-primary {
    width: 230px;
    min-height: 45px;
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #595bd4;
    border-radius: 48px;
    justify-content: center;
    padding: 12px 38px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}
.brix---btn-primary:hover {
    color: #fff;
    background-color: #281ca5;
    transform: translate3d(0, -3px, .01px)
}
.brix---btn-primary.small {
    width: 100%
}
.brix---input-label {
    color: #303f90;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px
}
.brix---input-label.small {
    margin-bottom: 10px
}
.brix---input {
    min-height: 42px;
    background-color: #edf2f5;
    border: 1px solid #eff0f6;
    border-radius: 12px;
    margin-bottom: 0;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20,20,43,.08)
}
.brix---input:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20,20,43,.1)
}
.brix---input:focus {
    color: #211f54;
    border-color: #4a3aff
}
.brix---input::-ms-input-placeholder {
color:rgba(18,18,29,.3);
font-size:12px
}
.brix---input::placeholder {
color:rgba(18,18,29,.3);
font-size:12px
}
.brix---input.small {
    min-width: 250px;
    border-radius: 6px;
    padding: 5px 10px
}
.brix---form-grid-2-columns {
    /*grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    display: grid*/
}
.brix---form-grid-2-columns.small {
    grid-column-gap: 28px;
    grid-row-gap: 28px
}
.brix---card-form {
    min-height: auto;
    background-color: #fff;
    border: 1px #eff0f6;
    border-radius: 0;
    margin-bottom: 0;
    padding: 24px 40px 0
}
.brix---grid-contact-v1 {
    grid-column-gap: 60px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}
.brix---container-default-2 {
    max-width: 80%;
    padding-left: 0px;
    padding-right: 0px
}
.brix---section {
    color: #fff;
    padding-top: 96px;
    padding-bottom: 96px
}
.checkbox-label {
    color: #333;
    margin-bottom: 0;
    margin-left: 0
}
.link-7 {
    color: #303f90
}
.link-7:hover {
    color: #1e2c73
}
.checkbox-2 {
    width: 19px;
    height: 19px;
    margin-top: 0;
    margin-right: 10px
}
.checkbox-2.w--redirected-checked {
    background-color: #3a6ccf
}
.checkbox-field {
    margin-top: 28px;
    font-size: 14px
}
.checkbox-field.small {
    margin-top: 0
}
.text-red {
    color: #ac2117
}
.div-block-47 {
    width: 420px;
    height: 420px;
    padding: 10px;
    position: relative
}
.qr-left-top {
    width: 20px;
    height: 20px;
    border-top: 8px solid #000;
    border-left: 8px solid #000;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.qr-right-top {
    width: 20px;
    height: 20px;
    border-top: 8px solid #000;
    border-right: 8px solid #000;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}
.qr-left-bottom {
    width: 20px;
    height: 20px;
    border-bottom: 8px solid #000;
    border-left: 8px solid #000;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto
}
.image-23 {
    width: 400px;
    height: 400px;
    max-width: none
}
.qr-right-bottom {
    width: 20px;
    height: 20px;
    border-bottom: 8px solid #000;
    border-right: 8px solid #000;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}
.text-block-38 {
    color: #303f90;
    margin-bottom: 29px;
    font-size: 20px
}
.pricing-desc-2 {
    color: #15357a;
    font-size: 14px;
    line-height: 21px
}
.pricing-subtitle {
    color: #28278b;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px
}
.grid-10 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    margin-top: 80px
}
.hzyuan01-modal {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0
}
.hzyuan01-modal.bottom {
    flex-direction: column;
    display: flex;
    top: 0;
    bottom: auto
}
.hzyuan01-modal-mask {
    width: 100%;
    height: 200px;
    opacity: .75
}
.hzyuan01-modal-content {
    background-color: #fff;
    flex: 1
}
.div-block-51 {
    height: 100%;
    background-image: url('../image/qr-code-hzyuan01.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex
}
.container-6 {
    border-top: 1px solid #e4ebf3;
    padding-top: 32px;
    padding-bottom: 32px
}
.image-24 {
    width: 200px;
    height: 200px;
    margin-top: 0
}
.brix---paragraph-default-2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px
}
.brix---mg-bottom-8px {
    margin-bottom: 8px
}
.brix---heading-h2-size {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
}
.brix---text-center {
    text-align: center
}
.brix---heading-h2-size-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px
}
.brix---link-icon-right {
    margin-left: 6px
}
.text-block-40 {
    font-size: 18px;
    line-height: 36px
}
.text-block-41 {
    color: #838d95;
    font-size: 18px;
    font-weight: 600
}
.body {
    font-family: Notosanscjk, sans-serif
}
.button-4 {
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
.button-4.tertiary-m {
    color: #0e0f11;
    background-color: #fff;
    border: 1px solid #d0d4d9;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}
.button-4.tertiary-m:hover {
    background-color: #edf0f3
}
.columns-13 {
    background-color: #efeffd;
    border-radius: 20px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    overflow: hidden
}
.heading-22 {
    color: #28278b;
    text-align: center;
    margin-top: 0;
    padding-top: 20px
}
.text-block-43 {
    color: #3534af;
    font-size: 14px
}
.div-block-52 {
    width: 220px;
    height: 213px;
    color: #28278b;
    background-color: #efeffd;
    border-radius: 6px;
    flex-direction: column;
    margin-top: 0;
    margin-right: 0;
    padding: 20px;
    display: flex;
    position: static;
    top: 5%;
    bottom: auto;
    left: auto;
    right: 0
}
.heading-23 {
    color: #28278b;
    border-bottom: 1px solid #7081c7;
    padding-bottom: 20px;
    font-size: 28px
}
.link-block-4 {
    padding-top: 6px
}
.link-block-4.w--current {
    font-size: 14px
}
.heading-24 {
    color: #3534af;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}
.div-block-53 {
    background-color: #fff;
    border-radius: 11px;
    align-items: stretch;
    margin-top: 40px;
    padding: 0 60px;
    display: flex
}
.text-block-44 {
    color: #3a4554;
    text-align: center;
    font-weight: 700
}
.link-8 {
    width: 100%;
    color: #28278b;
    font-size: 24px;
    font-weight: 600
}
.blog-section {
    background-color: rgba(0,0,0,0);
    display: flex;
    position: relative;
    overflow: visible
}
.blog-header-content {
    z-index: 1;
    background-color: #edf2f5;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 0 60px;
    display: flex;
    position: relative
}
.image-25 {
    max-height: 700px;
    max-width: none;
    object-fit: contain;
    object-position: 100% 50%;
    position: static;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.brix---color-neutral-808 {
    color: #211f54
}
.brix---heading-h2-size-5 {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 900;
    line-height: 74px
}
.blog-line {
    width: 65px;
    height: 6px;
    background-color: #3adad9;
    border-radius: 20px;
    margin-top: 32px;
    margin-bottom: 32px
}
.blog-line.yellow {
    background-color: #fed369
}
.brix---color-neutral-807 {
    color: #6e7191
}
.brix---flex-horizontal-start-3 {
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.text-neutral-102 {
    color: #fff
}
.blog-button {
    color: #fff;
    background-color: #0d80ee;
    border-radius: 48px;
    padding: 9px 40px
}
.blog-button:hover {
    color: #fff
}
.blog-button.margin-top-32 {
    font-size: 13px
}
.heading-25 {
    color: #fff;
    text-align: center
}
.button-5 {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 15px;
    display: flex
}
.button-5:hover {
    color: #8583e6;
    border-color: #8583e6
}
.brix---grid-2-columns---gap-row-72px {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}
.brix---section-small-2 {
    padding-top: 100px;
    padding-bottom: 100px
}
.filter-input-2 {
    border: 2px #4341d1;
    border-radius: 6px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.16)
}
.filter-input-2:focus {
    border-color: #8583e6
}
.filter-input-2::-ms-input-placeholder {
color:#999;
font-size:12px
}
.filter-input-2::placeholder {
color:#999;
font-size:12px
}
.filter-input-2.blog-input {
    padding-left: 60px;
    box-shadow: 0 2px 12px rgba(20,20,43,.08)
}
.empty-state {
    background-color: rgba(0,0,0,0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.brix---grid-title-and-categories-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-bottom: 64px;
    display: grid
}
.brix---blog-card-image-2 {
    width: 100%;
    height: 200px
}
.brix---blog-card-content-over {
    z-index: 1;
    background-color: #fff;
    border: 1px solid #f7f7fc;
    border-radius: 24px;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
    padding: 20px;
    display: flex;
    position: relative
}
.div-block-55 {
    justify-content: space-between;
    align-items: center;
    display: flex
}
.brix---text-200-bold-3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 20px
}
.brix---text-200-bold-3.cursor-pointer {
    cursor: pointer
}
.brix---text-201 {
    font-size: 16px;
    line-height: 20px
}
.brix---blog-card-wrapper-2 {
    height: 100%;
    border-radius: 24px;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow: 2px 0 12px rgba(20,20,43,.08)
}
.brix---heading-h3-size-3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}
.brix---mg-bottom-32px-3 {
    margin-bottom: 40px
}
.brix---link-wrapper-color-primary {
    color: #4a3aff;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
    display: flex
}
.brix---link-wrapper-color-primary:hover {
    color: #281ca5
}
.brix---text-200 {
    font-size: 18px;
    line-height: 20px
}
.brix---blog-card-image-featured {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.brix---blog-card-image-featured-wrapper-v1 {
    height: 430px;
    border-radius: 0px;
    overflow: hidden;
    transform: translate(0);
    border-left: 1px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.brix---blog-card-featured {
    grid-column-gap: 48px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1.1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}
.brix---badge-primary-small-light {
    color: #4a3aff;
    background-color: #cacaf6;
    border-radius: 40px;
    padding: 2px 22px;
    font-size: 16px;
    line-height: 18px;
    display: inline-block
}
.brix---mg-bottom-24px {
    margin-bottom: 24px
}
.blog-temlate-header {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px
}
.blog-template-content {
    border-right: 1px solid #e0e3e6;
    padding-left: 0;
    padding-right: 60px
}
.blog-link-title {
    padding-bottom: 10px;
    font-size: 19px;
    font-weight: 600
}
.sticky-block {
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}
.blog-guide {
    border-radius: 12px;
    margin-right: 10px;
    padding: 20px
}
.blog-link {
    color: #28278b;
    margin-top: 0;
    margin-bottom: 0px;
    padding: 12px 0px;
    transition: background-color .2s;
    display: block
}
.blog-link:hover {
    color: #281ca5;
    background-color: #edf2f5;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 10px
}
.blog-template-link {
    color: #28278b;
    justify-content: space-between;
    align-items: center;
    display: flex
}
.brix---flex-horizontal---vertical-mbp {
    justify-content: center;
    align-items: center;
    display: flex
}
.brix---input-large-button-inside {
    min-height: auto;
    background-color: #fff;
    border: 1px solid #eff0f6;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 0 24px;
    font-size: 10px;
    line-height: 140%;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 7px rgba(20,20,43,.08)
}
.brix---input-large-button-inside:hover {
    border-color: #4a3aff;
    box-shadow: 0 2px 12px rgba(20,20,43,.1)
}
.brix---input-large-button-inside:focus {
    color: #211f54;
    border-color: #4a3aff
}
.brix---input-large-button-inside::-ms-input-placeholder {
color:#6e7191
}
.brix---input-large-button-inside::placeholder {
color:#6e7191
}
.brix---btn-primary-small-input {
    color: #fff;
    text-align: center;
    background-color: #4a3aff;
    border: 2px solid #6366f1;
    border-radius: 0 10px 10px 24px;
    justify-content: center;
    padding: 8px 24px;
    font-size: 10px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}
.brix---btn-primary-small-input:hover {
    color: #fff;
    background-color: #281ca5
}
.brix---color-neutral-809 {
    color: #fff
}
.brix---icon-success-message-left {
    margin-right: 10px
}
.brix---icon-list-item-wrapper {
    align-items: center;
    display: flex
}
.text-block-45 {
    font-size: 25px;
    font-weight: 700;
    line-height: 140%
}
.text-block-46 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 140%
}
.brix---success-message-white {
    color: #4a3aff;
    background-color: #fff;
    border: 1px solid #a0a3bd;
    border-radius: 24px;
    padding: 10px 28px;
    font-size: 18px;
    line-height: 30px;
    box-shadow: 0 3px 8px rgba(33,31,84,.2)
}
.brix---position-relative {
    position: relative
}
.brix---mg-bottom-32px-5 {
    margin-bottom: 0
}
.cta---card {
    background-color: #4341d1;
    background-image: url('../image/CTA_bg.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 15px;
    margin-top: 50px;
    padding: 40px
}
.cta---card.contractor {
    margin-top: 0;
    margin-bottom: 100px
}
.container-7 {
    max-width: 1280px;
    background-color: rgba(0,0,0,0);
    overflow: hidden
}
.text-block-47 {
    width: 70%;
    color: #5e6875;
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 38px
}
.container-8 {
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px
}
.heading-26 {
    color: #4a4a4a;
    font-size: 40px;
    line-height: 58px
}
.image-26 {
    position: absolute;
    top: -53%;
    bottom: auto;
    left: auto;
    right: 0
}
.text-block-48 {
    color: #575757;
    font-size: 24px;
    line-height: 38px
}
.bg-sky {
    background-color: #f3f6f9
}
.affiliates-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}
.affiliates-heading {
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 100px
}
.affiliates-heading.span {
    color: #4b4aef
}
.affiliates-card {
    height: 360px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    padding: 40px 30px;
    display: flex
}
.affiliates-card-heading {
    color: #4341d1;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}
.affiliates-card-content {
    color: #5e6875;
    line-height: 24px
}
.affiliates-columns {
    flex-wrap: wrap;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding: 60px;
    display: flex
}
.affiliates-columns-image {
    padding-left: 32px;
    padding-right: 32px
}
.affiliates-contact-card {
    background-image: url('../image/AffiliateContact.svg');
    background-position: 50%;
    background-size: auto 100%;
    justify-content: center;
    padding-top: 140px;
    padding-bottom: 140px;
    display: flex
}
.image-27 {
    width: 450px;
    min-height: 450px;
    margin-top: -62px
}
.image-28 {
    position: absolute;
    top: -57%;
    bottom: auto;
    left: auto;
    right: 3%
}
.image-29 {
    position: absolute;
    bottom: 0;
    left: -31.675px
}
.bg-affiliates {
    background-color: #fafaff
}
.columns-14 {
    margin-left: 0;
    margin-right: 0
}
.column-14 {
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-right: 0;
    display: flex
}
.div-block-56 {
    z-index: 20;
    width: 150px;
    border-radius: 2px;
    margin-right: 10px;
    position: fixed;
    top: 40%;
    bottom: 0;
    left: auto;
    right: 0
}
.text-block-49 {
    text-align: center;
    font-size: 12px
}
.card-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: grid
}
.fixed {
    z-index: 20;
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0
}
.footer-container {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
	padding-left: 64px;
    padding-right: 64px;
}
.div-block-57 {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}
.text-block-50 {
    color: #28278b;
    text-align: center;
    font-weight: 700
}
.contact-button {
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #0e0f11;
    border-radius: 34px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}
.contact-button:hover {
    color: #fff
}
.text-block-52 {
    padding-bottom: 2px;
    padding-left: 10px
}
.popup-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(14,15,17,.4);
    position: fixed;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}
.checkbox-field-2 {
    background-color: #edf2f5;
    border-radius: 6px;
    flex: 1;
    margin-bottom: 0;
    padding: 15px 20px 15px 40px
}
.checkbox-field-2.small {
    padding: 10px 10px 10px 35px
}
.checkbox-3 {
    width: 15px;
    height: 15px;
    margin-top: 6px
}
.checkbox-3.w--redirected-checked {
    background-color: #595bd4;
    border-color: #595bd4
}
.checkbox-label-2 {
    color: #0e0f11;
    margin-bottom: 0;
    font-size: 13px
}
.checkbox-label-2.small {
    font-size: 12px
}
.div-block-58 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    display: flex
}
.hzyuan01-divider {
    width: 1px;
    background-color: #eee;
    flex: 1;
    padding-bottom: 0
}
.div-block-59 {
    flex-direction: column;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    display: flex
}
.form-block-4 {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px
}
.text-block-54 {
    color: #4046c9;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: -44px;
    bottom: auto;
    left: 0;
    right: 0
}
.div-block-60 {
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex
}
.heading-28 {
    color: #4046c9;
    margin-top: 10px;
    margin-bottom: 24px
}
.text-block-55 {
    color: #222;
    font-size: 14px
}
.text-black {
    color: #000;
    font-size: 14px;
    line-height: 29px
}
.heading-29 {
    color: #4f4f5b;
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 55px;
    line-height: 1.4
}
.div-block-61 {
    margin-top: 22px
}
.image-31 {
    width: 100%;
    padding-right: 60px
}
.margin-bottom-128 {
    margin-bottom: 128px
}
.section .container .margin-bottom-128{
	margin-bottom: 0px;
}
.text-block-56 {
    grid-column-gap: 10px;
    color: #4046c9;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 29px;
    display: flex
}
.div-block-62 {
    margin-bottom: -28px
}
.product-li---manage {
    margin-bottom: 24px
}
.product-li-item---manage {
    margin-bottom: 12px
}
.brix---btn-primary-small-2 {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #4341d1;
    border-radius: 8px;
    justify-content: center;
    padding: 3px 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s
}
.brix---btn-primary-small-2:hover {
    color: #fff;
    background-color: #281ca5;
    transform: translate3d(0, -3px, .01px)
}
.grid-11 {
    grid-column-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr
}
.grid-11.margin-top-48 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}
.business-title {
    color: #2a3342;
    margin-top: 14px;
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 700
}
.business-context {
    color: #556987;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px
}
.image-32 {
    width: 60px;
    height: 60px;
    object-fit: contain
}
.div-block-69 {
    width: 50%;
    justify-content: flex-end;
    padding: 64px;
    display: flex
}
.hzyuan01-button-2 {
    background-color: #28278b;
    border-radius: 8px;
    margin-top: 32px
}
.hzyuan01-button-2:hover {
    color: #fff;
    background-color: #1c1b67
}
.border-radius-49 {
    border-radius: 16px
}
.border-radius-49.bg-neutral-10.overflow-hidden.hzyuan01-card {
    width: 250px
}
.padding-all-65 {
    padding: 16px
}
.container-11 {
    width: 100%;
    max-width: 1500px;
    color: #28278b;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px
}
.container-11.hzyuan01-header {
    position: relative
}
.heading-36 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}
.heading-36.xl {
    margin-right: 10px;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.157em
}
.border-bottom-2 {
    border-bottom: 1px solid #d0d4d9
}
.bg-neutral-101 {
    background-color: #f9fafb
}
.div-block-70 {
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}
.hzyuan01-title-2 {
    color: #0e0f11;
    font-size: 14px
}
.circle-icon-2 {
    z-index: 15;
    width: 34px;
    height: 34px;
    color: #0e0f11;
    background-color: #ffc6c6;
    border: 2px solid #0e0f11;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.text-primary-81 {
    color: #4341d1
}
.div-block-68 {
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.div-block-65 {
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    display: flex
}
.padding-all-66 {
    padding: 24px
}
.padding-all-66.home-feature-card {
    height: 100%;
    background-color: #fff;
    border: 2px solid #0e0f11;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    box-shadow: 2px 2px 0 3px #0e0f11
}
.margin-bottom-129 {
    margin-bottom: 8px
}
.div-block-66 {
    border: 1px solid #aaafb6;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 14px;
    position: relative
}
.margin-right-50 {
    margin-right: 8px
}
.div-block-67 {
    opacity: .4;
    filter: blur(5px)
}
.heading-33 {
    text-align: center;
    font-size: 16px
}
.padding-vertical-161 {
    padding-top: 64px;
    padding-bottom: 64px
}
.section-9 {
    background-color: #e8f4fa
}
.heading-34 {
    color: #0e0f11;
    text-align: center
}
.heading-34.text-neutral-10 {
    color: #fff
}
.section-11 {
    margin-top: 0
}
.container-12 {
    width: 100%;
    max-width: 1500px;
    color: #28278b;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px
}
.container-12.hire-guides-container {
    color: #111142;
    margin-top: 60px;
    margin-bottom: 60px
}
.max-width-1281 {
    width: 100%;
    max-width: 912px
}
.columns-16 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: nowrap;
    display: flex
}
.employee-cost-countires {
    background-color: #6362dc;
    background-image: url('../image/hiringEmployee.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 64px
}
.employee-cost-item {
    color: #fff;
    align-items: center;
    margin-bottom: 10px;
    display: flex
}
.employee-cost-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.button-blue {
    color: #fff;
    background-color: #0d80ee;
    border-radius: 48px;
    padding: 9px 40px;
    font-size: 13px
}
.button-blue:hover {
    color: #fff
}
.div-block-71 {
    align-items: center;
    padding-top: 10px;
    padding-bottom: 0px;
    display: flex
}
.flex-block {
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    transition: all .2s
}
.flex-block:hover {
    background-color: #4240cf;
}
.flex-block .business-context{
	color: #fff;
}
.flex-block .business-title{
	color: #fff;
}
.section-12 {
    background-color: #f5f8ff;
    padding: 64px 100px
}
.div-block-73 {
    background-color: #fff;
    border-radius: 9px;
    margin-top: 20px;
    margin-right: 0px;
    padding: 40px
}
.country-guide-item-description {
    margin-top: 20px;
    font-size: 13px
}
.link-9 {
    color: #4e5969;
    font-size: 12px
}
.link-9:hover {
    color: #4e5969;
    text-decoration: underline
}
.country-guide-container {
    width: auto;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}
.collection-item-5 {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px;
    display: flex;
    overflow: hidden
}
.image-33 {
    width: 300px;
    height: 188px;
    max-height: 188px;
    max-width: 300px;
    min-height: 188px;
    min-width: 300px;
    object-fit: cover;
    border-radius: 0px;
    margin-left: 0px;
    margin-right: 25px
}
.country-guide-description {
    color: #1a1d26;
    font-size: 15px;
    line-height: 24px;
    display: block
}
.country-guide-name {
    color: #28278b;
    font-size: 14px;
    line-height: 17px
}
.country-guide-item-link {
    color: #fff;
    margin: 10px 0px;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    max-width: 120px;
    padding: 7px 15px;
    background: #000;
    border-radius: 25px;
}
.country-guide-item-context {
    width: 100%;
    margin-top: 18px
}
.country-guide-section {
    background-color: #f5f8ff
}
.form-4 {
    margin-top: 80px;
    position: relative
}
.country-guide-pagination {
    color: #1263d3;
    text-align: center;
    margin-top: 32px;
    font-size: 14px
}
.home-feature-section {
    padding: 90px 10px
}
.div-block-74 {
    background-color: #fff;
    border-radius: 9px;
    margin-top: 44px;
    padding: 30px 20px
}
.hzyuan02-nav-title {
    color: #4f4f5b;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}
.hzyuan02-nav-title.guide {
    font-size: 19px;
    font-weight: 500;
    line-height: 29px
}
.pics{
	border: 1px solid #e6e6e6;
	display: block;
	border-radius: 50%;
	padding: 12px;
}
.pics img{
	max-width: inherit;
}
.hzyuan02-nav-image {
    width: 33px;
    height: 33px;
    text-align: center;
    object-fit: contain;
    flex: 0 auto;
    display: block
}
.hzyuan02-nav-image.image-2 {
    width: 34px;
    height: 34px
}
.hzyuan02-nav {
    grid-column-gap: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    grid-template-rows: auto;
    grid-template-columns: 27px 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    padding: 10px;
    transition: all .2s cubic-bezier(.55, .055, .675, .19);
    display: flex
}
.hzyuan02-nav:hover {
    background-color: #efeffc;
    border-color: #6e84fe
}
.hzyuan02-guide {
    grid-column-gap: 21px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 24px;
    display: grid
}
.hzyuan02-section {
    padding-top: 60px;
    padding-bottom: 60px
}
.hzyuan02-section.bg-hzyuan02 {
    background-color: #f5f8ff
}
.home-tools-guide {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}
.home-guide-arrow {
    z-index: 3;
    width: 56px;
    height: 56px;
    color: #7782ff;
    background-color: #000;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}
.home-guide-arrow.active {
    color: #fff;
    cursor: pointer;
    background-color: #5239fa;
    transition: all .2s
}
.home-guide-icon {
    width: 36px;
    height: 36px
}
.home-tools-guide-content {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    transition: all 1.2s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    transform: translate(0)
}
.home-tools-guide-item {
    width: 23.45%;
    height: 100%;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    flex: none;
    align-items: center;
    margin-right: 2%;
    padding: 0;
    transition: all .2s;
    display: block;
    overflow: hidden;
    box-shadow: 0 1px 10px rgba(0,0,0,.2)
}
.home-tools-guide-item:hover {
    background-color: #f9f9f9;
    transform: translate(0, -8px)
}
.home-tools-guide-title {
    color: #5e6282;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 17px;
    font-size: 18px;
    font-weight: 500
}
.home-tools-guide-image {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: 50% 0%
}
.home-tools-guide-main {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden
}
.home-tools-guide-left {
    z-index: auto;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3%;
    right: auto
}
.home-tools-guide-right {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: -3%
}
.flex-horizontal-center {
    justify-content: center;
    display: flex
}
.calculator-symbol {
    padding-right: 6px
}
.home-header {
    position: relative
}
.home-header-background {
    z-index: -1;
    width: 30vw;
    height: 100%;
    background-color: #4240cf;
    border-bottom-left-radius: 62px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0
}
.text-span-5 {
    color: #4341d1
}
.page-subtitle {
    color: #4f4f5b;
    text-align: center;
    font-size: 18px;
	margin-bottom: 20px;
}
.page-subtitle.home-header {
    text-align: left;
    font-size: 18px;
    font-weight: 500
}
.page-subtitle.tools {
    color: #37393f;
    text-align: left;
    font-size: 18px;
    font-weight: 500
}
.page-subtitle.hzyuan01 {
    color: #5e6875;
    font-size: 18px;
    font-weight: 500
}
.box {
    width: 11px;
    height: 11px;
    background-color: #6b77e5;
    display: inline-block
}
.hzyuan01-card {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 5px;
    margin-top: 32px;
    margin-left: 80px;
    padding: 27px;
    box-shadow: 0 0 2.4px rgba(0,0,0,.25)
}
.hzyuan01-card-title {
    color: #4f4f5b
}
.hzyuan01-card-hot {
    justify-content: space-between;
    align-items: center
}
.hzyuan01-card-hot-image {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border: 1px solid #fff;
    border-radius: 100%;
    margin-right: 8px
}
.hzyuan01-card-link {
    color: #0d0c22;
    align-items: center;
    font-size: 12px;
    display: flex
}
.hzyuan01-card-link:hover {
    color: #0e0f11
}
.hzyuan01-card-hot-title {
    color: #0d0c22;
    font-size: 12px
}
.hzyuan01-card-hot-countries {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
}
.hzyuan01-card-main-link {
    grid-column-gap: 10px;
    color: #4341d1;
    margin-top: 23px;
    font-size: 14px;
    display: flex
}
.home-header-container {
    max-width: 1500px;
    align-items: center;
    padding: 60px 80px;
    display: flex
}
.home-header-image {
    width: 110%;
    max-width: none
}
.container-1280 {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px
}
.customer-card {
    background-color: #fafafa;
    border-radius: 24px;
    margin-top: 40px;
    padding: 103px 132px
}
.customer-card-title {
    color: #303030;
    text-align: center;
    font-size: 20px;
    font-weight: 500
}
.customer-card-content {
    grid-column-gap: 70px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 50px;
    display: grid
}
.customer-card-image.logo-with-bg {
    text-align: left;
    background-color: #1c9be6
}
.customer-card-image.bg-red {
    background-color: #ee2c30
}
.customer-card-image.bg-linear {
    background-image: linear-gradient(40deg, #5400ff 41%, #fff);
    box-shadow: inset 0 2px 20px rgba(84,0,255,.8)
}
.customer-card-content-2 {
    grid-column-gap: 70px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 30px;
    display: grid
}
.home-heading {
    color: #37393f;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 100;
    line-height: 121%
}
.specialty-section {
    background-color: #fafafa
}
.grid-12 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0px
}
.div-block-76 {
    background-color: #fafafa;
    padding: 40px 36px
}
.text-block-60 {
    color: #282938;
    margin-top: 15px;
    margin-bottom: 9px;
    font-size: 24px;
    font-weight: 500
}
.text-block-61 {
    color: rgba(40,41,56,.7);
    font-size: 15px
}
.section-13 {
    background-color: rgba(244,246,252,.97);
    background-image: linear-gradient(rgba(244,246,252,.97), rgba(244,246,252,.97)), url('../image/Photo.jpeg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 100% 100%;
    background-attachment: scroll, scroll;
    border-bottom: 1px solid #fff;
}
.div-block-77 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 0px 0px;
    display: grid
}
.text-block-63 {
    color: #6e84fe;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px
}
.text-block-64 {
    text-align: center;
    margin-top: 15px
}
.home-expertise-item {
    padding: 40px
}
.home-expertise-item.border-right {
    border-right: 1px solid rgba(55,57,63,.1)
}
.integrated-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-attachment: scroll
}
.integrations-subtitle {
    color: #fff;
    background-color: #7976ff;
    border-radius: 48px;
    padding: 7px 27px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block
}
.integrations-title {
    color: #fff
}
.integrations-title-green {
    color: #60e438
}
.integrations-title-yellow {
    color: #fbd55f
}
.integrations-main {
    display: flex
}
.integrations-main-image {
    width: 70%
}
.integrations-main-items {
    height: 561px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    display: flex
}
.image-34 {
    height: 561px;
    margin-left: -43px;
    margin-right: 12px;
    padding-top: 12px;
    padding-bottom: 9px
}
.home-pricing-background {
    z-index: -1;
    background-color: #efeffc;
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 0;
    right: 0
}
.home-pricing-title {
    align-items: center;
    margin-bottom: 20px;
    padding-left: 0px;
    display: flex
}
.home-pricing-title-text {
    color: #303030;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400
}
.home-pricing-card {
    /*height: 90%;*/
    background-color: #fff;
    border-radius: 27px;
    padding: 30px;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%)
}
.div-block-78 {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.home-pricing-value {
    color: #303030;
    font-size: 28px;
    font-weight: 600;
    line-height: 133%;
	display: inline-flex;
}
.home-pricing-subvalue {
    padding-left: 20px;
	font-weight: 100;
    font-size: 18px
}
.home-pricing-desc {
    color: #4f4f5b;
    font-size: 14px;
    line-height: 24px
}
.home-pricing-divider {
    width: 100%;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    margin-top: 10px;
    margin-bottom: 10px
}
.text-medium {
    font-size: 14px;
	color: #333;
}
.home-pricing-heading {
    color: #0e0f11;
    font-size: 34px;
    line-height: 44px
}
.home-pricing-context {
    color: #aaafb6;
    font-size: 15px;
    line-height: 22.5px
}
.home-tools-guide-background {
    z-index: -1;
    width: 100%;
    background-color: #4240cf;
    position: absolute;
    top: 59%;
    bottom: 0;
    left: 0
}
.home-country-guide-pagination {
    width: 17px;
    height: 17px;
    cursor: pointer;
    background-color: #999;
    border-radius: 100%;
    margin-left: 4px;
    margin-right: 4px;
    transition: all .2s
}
.home-country-guide-pagination.active {
    background-color: #6362dc
}
.text-block-65 {
    color: #666;
    background-color: #fff;
    border-radius: 667px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 30px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 0px 10px rgba(0,0,0,.2)
}
.home-tools-guide-paginations {
    justify-content: center;
    margin-top: 27px;
    display: flex
}
.hzyuan01-header {
    position: relative
}
.hzyuan01-head-main {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(55,57,63,.91);
    padding: 91px 100px
}
.hzyuan01-head-features {
    width: 400px;
    grid-column-gap: 34px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    justify-items: start;
    margin-top: 40px;
    display: grid
}
.hzyuan01-head-features.home {
    width: 100%
}
.hzyuan01-head-features-item {
    grid-column-gap: 5px;
    display: flex
}
.hzyuan01-head-features-title {
    color: #fff;
    font-size: 12px;
    font-weight: 700
}
.hzyuan01-head-features-title.color-black {
    color: #0e0f11;
    font-size: 17px
}
.hzyuan01-head-features-desc {
    color: #7d7d7d;
    font-size: 14px
}
.hzyuan01-head-card_header {
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    background-color: rgba(29,32,62,.3);
    padding-top: 25px;
    padding-left: 49px;
    padding-right: 49px
}
.heading-37 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 14px;
    font-size: 12px;
    font-weight: 500
}
.hzyuan01-head-card {
    width: 268px;
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    background-color: rgba(56,58,87,.91);
    border-radius: 15px
}
.div-block-79 {
    padding: 49px
}
.hzyuan02-guide-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: grid
}
.margin-bottom-50 {
    margin-bottom: 20px
}
.heading-38 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}
.heading-38.hzyuan01-heading {
    color: #fff;
    margin-left: 13px;
    font-size: 40px;
    line-height: 110%
}
.heading-39 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 14px;
    font-size: 12px;
    font-weight: 500
}
.partner-background {
    background-color: #6362dc;
    background-image: url('../image/circle.svg'), url('../image/partners.svg');
    background-position: 0 100%, 86%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    padding: 64px
}
.features-title {
    color: #fff;
    margin-top: 12px;
    margin-bottom: auto;
    font-size: 79px;
    line-height: 110%
}
.hzyuan02-na-subtitile {
    color: rgba(40,41,56,.7);
    font-size: 13px;
    line-height: 22px
}

@media screen and (min-width:1280px) {
h1 {
    border: 1px #28278b;
    border-bottom-color: #7081c7;
    padding-top: 0;
    padding-bottom: 0
}
.container.overflow-hidden.nav-padding {
    overflow: visible
}
.padding-vertical-128.calculator {
    align-items: center;
    display: flex
}
.section.questionsection {
    display: block
}
.text.m-regular {
    white-space: normal
}
.text.m-regular.text-neutral-80, .text.m-regular.text-neutral-80.priceq1, .text.m-regular.text-neutral-80.priceq2, .text.m-regular.text-neutral-80.priceq3, .text.m-regular.text-neutral-80.priceq4, .text.m-regular.text-neutral-80.priceq5 {
    display: block
}
.text.m-regular {
    white-space: nowrap
}
.feather-icons.text-neutral-100.faq-icon {
    text-shadow: 1px 1px 6px #000
}
.feather-icons.text-purple {
    color: #0000ff
}
.feather-icons.text-blue {
    color: #0000cc
}
.feather-icons.text-green {
    color: #000099
}
.feather-icons.text-deep {
    color: #000066
}
.padding-vertical-64 {
    border-radius: 16px;
	background-color: #fafafa;
}
.padding-vertical-64 .padding-all-64{
	max-width: 1500px;
	padding-right: 80px;
    padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto;
}
.padding-vertical-64 .text-center.mobile-padding-all-10{
	max-width: 1500px;
    padding-right: 80px;
    padding-left: 80px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: auto;
}
.margin-bottom-32 {
    display: block
}
.grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid.questiongrid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.margin-right-8 {
    margin-top: 0
}
.bg-neutral-30 {
    box-shadow: 1px 1px 3px #000
}
.bg-neutral-30.padding-vertical-128 {
    box-shadow: none
}
.padding-all-16.border-bottom {
    border-bottom-color: #d2d8e2
}
.padding-all-24.home-feature-card {
    align-items: stretch;
    display: flex
}
.flex-horizontal {
    align-items: stretch
}
.image {
    display: inline-block
}
.image.split-left-image {
    margin-right: 12px
}
.accordion-item-text {
    display: block
}
.home-feature-card-content {
    flex-direction: row;
    align-items: flex-start;
    display: block
}
.heading-2 {
    margin-right: 0;
    padding-right: 100px
}
.text-block-6 {
    padding-right: 100px
}
.column-2 {
    flex-direction: column;
    justify-content: center;
    display: flex
}
.column-3 {
    padding-left: 10px
}
.text-2.m-regular {
    white-space: normal
}
.nav-link-2 {
    font-size: 14px
}
.nav-dropdown.footer-link-two {
    margin-left: 0;
    margin-right: 0
}
.nav-dropdown-link {
    white-space: nowrap
}
.nav-dropdown-link:hover {
    color: #3534af;
    background-color: rgba(0,0,0,0)
}
.nav-divider {
    margin-left: 24px;
    margin-right: 24px
}
.rich-text-block {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em
}
.section-3 {
    height: auto;
    justify-content: flex-end;
    margin-top: 20px;
    margin-right: 0;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}
.image-4 {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.collection-list-2 {
    align-content: stretch
}
.collection-item-3 {
    width: 100%;
    max-width: none;
    min-width: auto
}
.div-block-14 {
    padding-left: 180px;
    padding-right: 180px
}
.section-5 {
    background-color: #efeffd;
    padding: 40px 220px
}
.collection-list-3 {
    padding-left: 0;
    padding-right: 0
}
.image-7 {
}
.next {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}
.div-block-19 {
    margin-left: 140px;
    margin-right: 140px
}
.div-block-20 {
    top: -8%
}
.div-block-21 {
    margin-right: 5px
}
.text-block-14 {
    font-size: 12px
}
.pricing-value {
    font-size: 32px
}
.pricing-button-primary {
    padding: 6px 20px
}
.pricing-top-divider {
    height: 11px;
    margin-top: 0
}
.pricing-top-divider.purper {
    background-color: #0000ff
}
.prcing-head {
    font-size: 48px;
    font-weight: 400
}
.pricing-button-wrapper {
    padding: 6px 20px
}
.pricing-value2 {
    color: #000;
    line-height: 36px
}
.popup-body {
    justify-content: center;
    align-items: stretch
}
.pagination-2 {
    border-top: 1px solid #cbcbcb;
    position: relative
}
.paragraph {
    margin-bottom: 0
}
.privacy-section.padding-all-64.media-background {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}
.privacy-section.padding-all-64.manufacturing-background {
    background-position: 100%;
    background-size: cover
}
.privacy-section.padding-all-64.high-tech-background {
    background-position: 100%
}
.privacy-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400
}
.image-11 {
    object-fit: cover;
    object-position: 50% 50%
}
.margin-all-0 {
    margin-top: 0;
    margin-bottom: 0
}
.section-guide.section-guide-blog.padding-vertical-64 {
    border-radius: 0
}
.div-block-30 {
    width: auto;
    height: 350px;
    background-image: none;
    margin-right: 32px
}
.div-block-31 {
    margin-left: 32px
}
.div-block-32 {
    align-items: baseline
}
.columns-10 {
    flex-wrap: wrap;
    align-items: center;
    padding-left: 128px;
    padding-right: 128px;
    display: flex
}
.max-width-912 {
    max-width: 912px
}
.contractor-head-section {
    background-color: #28278b;
    background-image: url('../image/HiringContractor.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 100px;
    padding-bottom: 100px
}
.image-14 {
    width: 200px;
    border: 8px solid #6362dc
}
.onboard-card {
    padding: 20px;
    box-shadow: 0 4px 5px rgba(0,0,0,.1);
	border-radius: 50%;
}
.onboard-card.flex-vertical-center {
    align-items: flex-start
}
.grid-4 {
    grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr
}
.text-block-24 {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
    font-size: 14px
}
.image-15 {
    width: 20px;
    height: 20px
}
.container-4.container-5 {
    justify-content: flex-end;
    display: block
}
.link-5 {
    font-size: 16px
}
.column-12 {
    padding-right: 20px
}
.section-7.high-tech-bg {
    background-repeat: no-repeat
}
.image-19 {
    box-shadow: 0 0 36px 15px rgba(71,71,185,.2)
}
.div-block-39 {
    z-index: auto
}
.link-6 {
    font-size: 16px
}
.column-13 {
    padding-right: 0
}
.grid-6 {
    grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr
}
.text-block-28 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px
}
.text-block-28 strong{
	font-weight: 100;
}
.heading-20 {
    font-weight: 400
}
.text-block-32 {
    color: #838d95;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px
}
.text-block-35 {
    margin-bottom: 16px
}
.brix---btn-primary-small {
    font-size: 16px
}
.brix---header-nav-list-item-left {
    padding-left: 16px;
    padding-right: 16px
}
.brix---dropdown-column-wrapper.w--open {
    margin-top: 19px;
    padding-top: 10px
}
.brix---header-logo {
    margin-right: 20px
}
.brix---header-logo-link-left.w--current {
    padding-right: 0
}
.brix---dropdown-link-2 {
    padding-left: 8px
}
.brix---dropdown-pd-2 {
    padding: 10px
}
.brix---dropdown-card-2 {
    border-radius: 0
}
.div-block-46 {
    padding-left: 5px
}
.text-block-37 {
    font-size: 16px;
    line-height: 32px
}
.brix---input-label {
    color: #303f90;
    font-size: 14px
}
.brix---input {
    min-height: 42px;
    padding: 12px
}
.brix---input::-ms-input-placeholder {
color:rgba(18,18,29,.3);
font-size:12px
}
.brix---input::placeholder {
color:rgba(18,18,29,.3);
font-size:12px
}
.brix---card-form {
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    border-style: none;
    border-radius: 0
}
.checkbox-label {
    color: #333;
    font-size: 14px
}
.link-7 {
    color: #303f90
}
.checkbox-2 {
    width: 19px;
    height: 19px
}
.grid-10 {
    grid-column-gap: 68px;
    grid-row-gap: 68px;
    grid-template-rows: auto
}
.hzyuan01-modal {
    z-index: 2
}
.text-block-43 {
    font-size: 14px
}
.div-block-52 {
    width: 220px;
    height: 222px;
    color: #efeffd;
    background-color: #efeffd;
    border-radius: 7px;
    margin-top: 0;
    margin-right: 0;
    padding: 20px;
    top: 0
}
.heading-23 {
    border-bottom: 1px solid #7081c7
}
.link-block-4 {
    padding-top: 6px
}
.link-block-4.w--current {
    color: #3534af;
    padding-top: 6px;
    font-size: 14px
}
.heading-24 {
    color: #3534af;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}
.card-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.heading-29 {
    font-style: normal;
    font-size: 42px;
    margin-bottom: 10px;
}
.div-block-61 {
    margin-top: 24px
}
.brix---btn-primary-small-2 {
    font-size: 16px
}
.padding-all-65.border-bottom {
    border-bottom-color: #d2d8e2
}
.container-11.hzyuan01-header {
    max-width: none;
    padding-left: 140px;
    padding-right: 140px
}
.padding-all-66.home-feature-card {
    align-items: stretch;
    display: flex
}
.margin-right-50 {
    margin-top: 0
}
.padding-vertical-161 {
    border-radius: 16px
}
.max-width-1281 {
    max-width: 912px
}
.home-pricing-title {
    display: flex
}
}

@media screen and (min-width:1440px) {
body {
    font-family: Notosanscjk, sans-serif
}
.form-3.blog-input {
    margin-bottom: 0
}
.section-guide.section-guide-blog {
    background-size: cover
}
.brix---container-default {
    padding-left: 64px;
    padding-right: 64px
}
.contact-us-header {
    position: relative
}
.brix---input-label {
    font-size: 14px
}
.brix---form-grid-2-columns {
    grid-column-gap: 32px;
    grid-row-gap: 32px
}
.brix---grid-contact-v1 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.2fr
}
.checkbox-2.w--redirected-checked {
    background-color: #3a6ccf
}
.hzyuan01-modal-content {
    flex: 1px
}
.container-6 {
    border-top: 1px solid #e4ebf3;
    padding-top: 32px;
    padding-bottom: 32px
}
.image-24 {
    width: 200px;
    height: 200px
}
.div-block-53 {
    border-radius: 12px
}
.blog-header-content {
    background-color: #edf2f5;
    padding: 60px 140px
}
.image-25 {
    height: auto
}
.blog-button {
    padding-top: 9px;
    padding-bottom: 9px
}
.blog-link {
    margin-top: 0px
}
.cta---card {
    background-color: #4341d1
}
.affiliates-card-content {
    line-height: 24px
}
.columns-14 {
    margin-left: 0;
    margin-right: 0
}
.contact-button {
    align-items: stretch;
    line-height: 24px
}
.checkbox-3.w--redirected-checked {
    background-color: #595bd4;
    border-color: #595bd4
}
.text-black {
    font-size: 16px;
    line-height: 32px
}
.text-black.product-payment {
    padding-top: 32px
}
.text-black.product-eor {
    margin-top: 32px;
    margin-bottom: 32px
}
.text-black.product-laws {
    margin-top: 32px;
    margin-bottom: 16px
}
.div-block-61 {
    margin-top: 32px
}
.image-31 {
    object-fit: contain
}
.text-block-56 {
    color: #37393f
}
.product-li---manage {
    margin-bottom: 48px
}
.product-li-item---manage {
    margin-bottom: 24px
}
.grid-11 {
    grid-column-gap: 88px;
    grid-template-columns: 1fr 1fr
}
.image-32 {
    object-fit: contain
}
.section-9 {
    background-color: #e8f4fa
}
.heading-34 {
    color: #0e0f11;
    text-align: center
}
.flex-block {
    background-color: #f6f6f6;
    border-radius: 10px
}
.section-12 {
    padding-left: 0px;
    padding-right: 0px
}
.section-12 .w-row{
	max-width: 80%;
	margin: auto;
}
.image-33 {
    max-width: 10%
}
.country-guide-pagination {
    color: #1263d3;
    text-align: center;
    cursor: pointer
}
.hzyuan02-nav {
    grid-auto-columns: 1fr
}
.text-span-5 {
    color: #4341d1
}
.customer-card-content {
    grid-auto-columns: 1fr
}
.hzyuan01-head-features {
    grid-column-gap: 0px
}
}

@media screen and (max-width:991px) {
h1 {
    font-size: 35.625px
}
h2 {
    font-size: 30px
}
h3 {
    font-size: 22.5px
}
h4 {
    font-size: 18.75px
}
h5 {
    font-size: 16.875px
}
h6 {
    font-size: 15px
}
.container, .container.overflow-hidden.nav-padding {
    padding-left: 32px;
    padding-right: 32px
}
.padding-vertical-96 {
    padding-top: 72px;
    padding-bottom: 72px
}
.padding-vertical-128 {
    padding-top: 80px;
    padding-bottom: 80px
}
.display._2xl {
    font-size: 45px
}
.text.l-regular, .text.l-semibold {
    font-size: 16.88px
}
.text.m-regular {
    white-space: normal;
    font-size: 15px
}
.text.m-regular.text-neutral-80 {
    display: block
}
.text.m-bold, .text.m-medium, .text.m-semibold {
    font-size: 15px
}
.padding-vertical-64 {
    padding-top: 48px;
    padding-bottom: 48px
}
.utility-page-wrap {
    margin-top: 128px;
    margin-bottom: 128px
}
.margin-bottom-16 {
    margin-bottom: 12px
}
.margin-bottom-20 {
    margin-bottom: 16px
}
.margin-bottom-32 {
    margin-bottom: 24px
}
.margin-bottom-48 {
    margin-bottom: 32px
}
.margin-bottom-64 {
    margin-bottom: 48px
}
.margin-bottom-96 {
    margin-bottom: 72px
}
.grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.margin-bottom-8 {
    margin-bottom: 8px
}
.padding-bottom-128 {
    padding-bottom: 80px
}
.padding-bottom-96 {
    padding-bottom: 72px
}
.margin-top-16 {
    margin-top: 12px
}
.margin-top-16.margin-bottom-16 {
    padding-left: 20px;
    padding-right: 20px
}
.margin-top-32 {
    margin-top: 24px
}
.margin-left-16 {
    margin-left: 12px
}
.margin-left-16.tablet-no-margin.margin-vertical-4 {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 20px
}
.margin-left-32 {
    margin-left: 24px
}
.margin-right-16 {
    margin-right: 12px
}
.margin-right-48 {
    margin-right: 32px
}
.padding-top-64 {
    padding-top: 48px
}
.bg-primary-50.padding-all-64.mobile-padding-all-20 {
    background-image: url('../image/circle.svg');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll
}
.heading.xl {
    font-size: 35.625px
}
.heading.l {
    font-size: 30px
}
.heading.m {
    font-size: 22.5px
}
.heading.xs {
    font-size: 16.875px
}
.heading.xl {
    font-size: 35.625px
}
.flex-items-center.tablet-hidden {
    display: none
}
.flex-horizontal-bottom {
    flex-wrap: wrap
}
.flex-horizontal-bottom.margin-left-32.careers-hero {
    margin-left: 0
}
.margin-bottom-24 {
    margin-bottom: 20px
}
.margin-right-24 {
    margin-right: 20px
}
.padding-top-24 {
    padding-top: 20px
}
.padding-all-16 {
    padding: 12px
}
.padding-all-24 {
    padding: 20px
}
.padding-all-32 {
    padding: 24px
}
.padding-all-48 {
    padding: 32px
}
.padding-all-64 {
    padding: 48px
}
.padding-all-64.landscape-padding-all-28.blog-posts-width {
    width: 100%
}
.padding-vertical-16 {
    padding-top: 12px;
    padding-bottom: 12px
}
.tablet-margin-bottom-20 {
    margin-bottom: 20px
}
.tablet-margin-bottom-32 {
    margin-bottom: 32px
}
.tablet-margin-bottom-96 {
    margin-bottom: 96px
}
.padding-horizontal-16 {
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
	margin-bottom: 10px !important;
}
.padding-horizontal-32 {
    padding-left: 24px;
    padding-right: 24px
}
.padding-horizontal-64 {
    padding-left: 48px;
    padding-right: 48px
}
.tablet-padding-vertical-48 {
    padding-top: 48px;
    padding-bottom: 48px
}
.justify-horizontal-center .tablet-padding-vertical-48 {
    padding-top: 0px;
	padding-bottom: 0px;
}
.hzyuan01-head-features{
	margin-top: 0px;
}
.tablet-no-margin {
    margin: 0
}
.tablet-flex-vertical-left {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.tablet-split-vertical {
    flex-direction: column;
    justify-content: space-between;
    display: flex
}
.absolute.featured-blog-small-badge {
    top: 20px;
    left: 20px
}
.menu-trigger {
    background-color: rgba(0,0,0,0);
    align-items: center;
    margin-right: -16px;
    display: flex
}
.nav-link {
    padding-left: 0
}
.menu-content {
    width: 100%;
    height: auto;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0
}
.lottie-animation {
    width: 24px;
    height: 24px
}
.menu-wrapper {
    width: 100%;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    display: none
}
.tablet-flex-vertical {
    flex-direction: column;
    align-items: stretch;
    display: flex
}
.image.featured-blog-small-image {
    height: 256px
}
.image.split-left-image {
    width: 90px;
    height: 90px;
    width: 90px;
    height: 90px;
    margin-right: 16px
}
.home-testimonials-left-arrow {
    top: -96px;
    bottom: auto;
    left: 56px;
    right: auto
}
.home-testimonials-right-arrow {
    top: -96px;
    bottom: auto;
    right: auto
}
.slide-2 {
    margin-left: 0
}
.width-512.bg-neutral-100.tablet-min-width-100 {
    min-width: 100%
}
.block-header, .block-info {
    padding: 20px
}
.container-2 {
    max-width: 728px;
	padding-left: 20px;
	padding-right: 20px;
}
.footer-wrapper-two {
    flex-wrap: wrap;
    grid-template: "." "."/1fr 1fr 1fr 1fr;
    grid-auto-flow: row dense
}
.footer-block-two.footer-block-info {
    width: auto
}
.heading-2 {
    padding-right: 20px;
    font-size: 45px
}
.text-block-6 {
    padding-right: 20px
}
.text-2.m-regular {
    white-space: normal;
    font-size: 15px
}
.text-2.l-semibold {
    font-size: 16.88px
}
.heading-3.xl {
    font-size: 35.625px
}
.heading-3.m {
    font-size: 22.5px
}
.heading-3.xl {
    font-size: 35.625px
}
.nav-link-2 {
    padding: 16px 5px 16px 0
}
.column-6 {
    padding-top: 60px;
    padding-bottom: 60px
}
.column-7 {
    padding-left: 0
}
.section-3 {
    overflow: hidden
}
.image-4 {
    width: 100%;
    height: 100%
}
.collection-list-2 {
    grid-template-columns: 1fr 1fr
}
.collection-item-3 {
    width: 100%;
    min-width: 0;
    margin-top: 20px
}
.image-5 {
    width: 100%;
    height: 250px;
    max-height: 250px;
    min-height: 250px;
    object-fit: cover;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto
}
.columns-4 {
    flex-wrap: wrap
}
.div-block-13 {
    overflow: visible
}
.section-5 {
    padding-left: 40px;
    padding-right: 40px
}
.image-6 {
    width: auto;
    object-fit: cover
}
.heading-7 {
    font-size: 48px
}
.text-block-9 {
    font-size: 18px
}
.link-block-3 {
    width: 100%
}
.collection-list-3 {
    grid-template-columns: 48.8% 48.8%
}
.div-block-19 {
    margin-left: 60px;
    margin-right: 60px
}
.form-3 {
    margin-bottom: 32px
}
.search-icon {
    top: 24%
}
.columns-5 {
    flex-wrap: wrap
}
.heading-9 {
    text-align: center
}
.columns-9 {
    flex-wrap: wrap
}
.price-title {
    font-size: 21px
}
.pricing-value {
    font-size: 36px;
    line-height: 42px
}
.pricing-subvalue {
    font-size: 20px;
    line-height: 31px
}
.prcing-card, .pricing-top-divider.blue {
    margin-bottom: 0
}
.pricing-value2 {
    font-size: 18px
}
.popup-body {
    padding-bottom: 0
}
.column-11 {
    display: none
}
.privacy-section.padding-all-64 {
    padding: 20px
}
.privacy-section.padding-all-64.media-background {
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../image/media-industry.png');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll
}
.privacy-section.padding-all-64.manufacturing-background {
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../image/Manufacturing.png');
    background-position: 0 0, 100%;
    background-size: auto, cover
}
.privacy-section.padding-all-64.high-tech-background {
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../image/high-tech-industry.png');
    background-position: 0 0, 100%;
    background-size: auto, cover
}
.privacy-title {
    font-size: 72px
}
.hzyuan01-mask {
    object-fit: contain
}
.div-block-29 {
    width: 100%;
    justify-content: center
}
.hzyuan01-head {
    grid-template-columns: 100%
}
.text-block-19 {
    color: #7081c7;
    margin-bottom: 0
}
.grid-2 {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row
}
.div-block-30 {
    margin-right: 0
}
.div-block-31 {
    margin-left: 0
}
.columns-10 {
    padding-left: 10px;
    padding-right: 10px
}
.text-block-22 {
    font-size: 36px;
    line-height: 1.3
}
.image-13 {
    display: none
}
.contractor-head-section {
    background-image: none
}
.grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 24px 1fr
}
.text-block-24 {
    text-align: center
}
.container-4, .padding-horizontal-48 {
    padding-left: 32px;
    padding-right: 32px
}
.container-4.container-5 {
    padding-left: 100px;
    padding-right: 100px
}
.footer-wrapper-three {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr
}
.column-12 {
    padding-right: 10px
}
.section-7 {
    background-image: none;
    padding-top: 100px
}
.section-7.high-tech-bg, .section-7.manufacturing-background, .section-7.new-media-background {
    background-image: none
}
.grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}
.column-13 {
    padding-right: 10px
}
.grid-6 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 24px 1fr
}
.text-block-28 {
    text-align: left
}
.text-block-29 {
    font-size: 36px;
    line-height: 1.3
}
.brix---hamburger-menu-wrapper {
    order: -1;
    transition: transform .3s
}
.brix---hamburger-menu-wrapper:hover {
    transform: scale(.96)
}
.brix---hamburger-menu-wrapper.w--open {
    background-color: rgba(0,0,0,0)
}
.brix---header-nav-list-item-show-in-tablet {
    margin-bottom: 16px;
    margin-left: 0;
    padding-left: 0;
    display: block
}
.brix---header-nav-list-item-left {
    margin-bottom: 16px;
    padding-left: 0
}
.brix---dropdown-pd {
    padding: 20px 0 14px
}
.brix---dropdown-card {
    min-width: auto;
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    border-width: 0;
    border-radius: 0
}
.brix---dropdown-card.w--open {
    position: static
}
.brix---dropdown-column-wrapper {
    padding-top: 0;
    position: static
}
.brix---dropdown-column-wrapper.w--open {
    margin-top: 0;
    padding-top: 0;
    transform: none
}
.brix---header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start
}
.brix---header-menu-wrapper {
    background-color: #fff;
    border-top: 1px solid #eff0f6;
    border-bottom: 1px solid #eff0f6;
    padding: 24px
}
.brix---header-logo {
    max-width: 140px
}
.brix---container-default {
    padding-left: 32px;
    padding-right: 32px
}
.div-block-45 {
    display: none
}
.brix---dropdown-pd-2 {
    padding: 20px 0 14px
}
.brix---dropdown-card-2 {
    min-width: auto;
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    border-width: 0;
    border-radius: 0
}
.brix---dropdown-card-2.w--open {
    position: static
}
.brix---dropdown-card-wrapper {
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    border-width: 0;
    border-radius: 0;
    padding-top: 0
}
.brix---dropdown-card-wrapper.w--open {
    position: static;
    transform: none
}
.brix---dropdown-wrapper-2 {
    margin-left: 0
}
.brix---card-form {
    padding: 24px 32px 54px
}
.brix---grid-contact-v1 {
    grid-row-gap: 80px;
    grid-template-columns: 1fr
}
.brix---section {
    padding-top: 118px;
    padding-bottom: 118px
}
.tablet-flex-vertical-center {
    flex-direction: column;
    align-items: center;
    display: flex
}
.grid-10 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px
}
.hzyuan01-modal-mask {
    height: 250px
}
.brix---heading-h2-size, .brix---heading-h2-size-2 {
    font-size: 30px;
    line-height: 46px
}
.columns-13 {
    flex-wrap: wrap
}
.div-block-52 {
    overflow: visible
}
.div-block-53 {
    flex-direction: column;
    align-items: stretch;
    padding: 40px 0
}
.blog-section {
    overflow: hidden
}
.blog-header-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px
}
.image-25 {
    display: none
}
.brix---heading-h2-size-5 {
    font-size: 44px
}
.brix---grid-2-columns---gap-row-72px {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr
}
.brix---section-small-2 {
    padding-top: 80px;
    padding-bottom: 80px
}
.brix---grid-title-and-categories-2 {
    grid-template-columns: 1fr
}
.brix---blog-card-image-2 {
    width: 100%
}
.brix---blog-card-content-over {
    padding: 32px 22px
}
.brix---heading-h3-size-3 {
    font-size: 22px;
    line-height: 32px
}
.brix---mg-bottom-32px-3 {
    margin-bottom: 24px
}
.brix---blog-card-image-featured {
    width: 100%
}
.brix---blog-card-image-featured-wrapper-v1 {
    height: 100%
}
.brix---blog-card-featured {
    grid-row-gap: 48px;
    grid-template-columns: 1fr
}
.blog-template-content {
    border-right-style: none;
    border-right-width: 0;
    padding-right: 0
}
.sticky-block {
    overflow: visible
}
.blog-guide {
    margin-right: 0;
    padding: 0
}
.brix---btn-primary-small-input {
    padding-left: 16px;
    padding-right: 16px
}
.brix---mg-bottom-32px-5 {
    margin-bottom: 24px
}
.container-7 {
    background-image: none;
    padding-top: 0;
    padding-bottom: 60px;
    padding-right: 0
}
.heading-26 {
    margin-top: 40px
}
.affiliates-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}
.image-27 {
    display: none
}
.image-29 {
    left: 136.325px
}
.card-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr
}
.footer-container {
    max-width: 728px;
	padding-left: 0px;
	padding-right: 0px;
}
.hzyuan01-divider {
    height: 1px
}
.div-block-59 {
    flex-direction: row;
    padding: 20px 0
}
.form-block-4 {
    padding: 0 40px
}
.text-block-54 {
    padding-top: 10px;
    position: relative;
    top: 0
}
.div-block-60 {
    justify-content: center
}
.text-black {
    font-size: 14px;
    line-height: 24px
}
.heading-29 {
    font-size: 48px;
    line-height: 64px
}
.columns-15 {
    flex-direction: column-reverse;
    display: flex
}
.grid-11 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
}
.grid-11.margin-top-48 {
    grid-template-columns: 1fr 1fr
}
.div-block-69 {
    width: 100%;
    justify-content: center
}
.padding-all-65 {
    padding: 12px
}
.container-11 {
    padding-left: 32px;
    padding-right: 32px
}
.heading-36.xl {
    font-size: 35.625px
}
.padding-all-66 {
    padding: 20px
}
.padding-all-66.home-feature-card {
    margin-bottom: 20px
}
.margin-bottom-129 {
    margin-bottom: 8px
}
.padding-vertical-161 {
    padding-top: 48px;
    padding-bottom: 48px
}
.container-12 {
    padding-left: 32px;
    padding-right: 32px
}
.columns-16 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap
}
.employee-cost-item {
    color: #fff;
    align-items: center;
    display: flex
}
.section-12 {
    padding-left: 10px;
    padding-right: 10px
}
.div-block-73 {
    margin-right: 0
}
.div-block-74 {
    padding-left: 10px;
    padding-right: 10px
}
.hzyuan02-nav {
    grid-column-gap: 8px
}
.hzyuan02-guide {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}
.home-tools-guide-item {
    width: 49%;
    margin-right: 2%
}
.home-header-background {
    display: none
}
.hzyuan01-card {
    margin-left: 0;
    margin-right: 0
}
.home-header-container {
    display: block
}
.home-header-image {
    width: 100%
}
.container-1280 {
    padding-left: 40px;
    padding-right: 40px
}
.customer-card {
    padding: 20px 40px
}
.customer-card-content, .customer-card-content-2 {
    grid-column-gap: 30px
}
.grid-12 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr
}
.div-block-77 {
    padding-left: 10px;
    padding-right: 10px
}
.home-expertise-item {
    padding-left: 20px;
    padding-right: 20px
}
.integrations-main {
    display: block
}
.integrations-main-image {
    width: 100%
}
.integrations-main-items {
    height: auto;
    grid-column-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    margin-top: 40px
}
.image-34 {
    display: none
}
.home-pricing-card {
    padding: 20px
}
.div-block-78 {
    grid-column-gap: 20px
}
.home-tools-guide-paginations {
    display: none
}
.hzyuan01-head-features {
    width: 100%
}
.margin-bottom-50 {
    margin-bottom: 16px
}
.partner-background {
    background-image: url('../image/circle.svg');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto
}
}

@media screen and (max-width:767px) {
h1 {
    font-size: 33.25px
}
h2 {
    font-size: 28px
}
h3 {
    font-size: 21px
}
h4 {
    font-size: 17.5px
}
h5 {
    font-size: 15.75px
}
h6 {
    font-size: 14px
}
.container, .container.overflow-hidden.nav-padding {
    padding-left: 24px;
    padding-right: 24px
}
.padding-vertical-96 {
    padding-top: 64px;
    padding-bottom: 64px
}
.padding-vertical-128 {
    padding-top: 72px;
    padding-bottom: 72px
}
.padding-vertical-128.calculator {
    flex-wrap: wrap
}
.display._2xl {
    font-size: 42px;
    line-height: 1.166em
}
.text.m-regular.text-neutral-80 {
    display: block
}
.padding-vertical-64 {
    padding-top: 40px;
    padding-bottom: 40px
}
.input {
    min-width: 100%
}
.utility-page-wrap {
    padding-left: 16px;
    padding-right: 16px
}
.margin-bottom-16 {
    margin-bottom: 8px
}
.margin-bottom-20 {
    margin-bottom: 12px
}
.margin-bottom-32 {
    margin-bottom: 20px
}
.margin-bottom-48 {
    margin-bottom: 28px
}
.margin-bottom-64 {
    margin-bottom: 40px
}
.margin-bottom-96 {
    margin-bottom: 64px
}
.grid {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.margin-bottom-8 {
    margin-bottom: 4px
}
.padding-bottom-128 {
    padding-bottom: 72px
}
.padding-bottom-96 {
    padding-bottom: 64px
}
.margin-top-16 {
    margin-top: 8px
}
.margin-top-32 {
    margin-top: 20px
}
.margin-left-8 {
    margin-left: 4px
}
.margin-left-16 {
    margin-left: 8px
}
.margin-left-16.tablet-no-margin {
    margin-left: 0
}
.margin-left-32 {
    margin-left: 20px
}
.margin-right-8 {
    margin-right: 4px
}
.margin-right-16 {
    margin-right: 8px
}
.margin-right-48 {
    margin-right: 28px
}
.padding-top-64 {
    padding-top: 40px
}
.heading.xl {
    line-height: 1.157em
}
.heading.xl.homefeatureheader {
    margin-bottom: 30px
}
.heading.l {
    font-size: 28px;
    line-height: 1.125em
}
.heading.m {
    font-size: 21px;
    line-height: 1.333em
}
.heading.xs {
    font-size: 15.75px
}
.heading.xl {
    font-size: 33.25px;
    line-height: 1.157em
}
.select {
    min-width: 100%
}
.brand {
    padding-left: 0
}
.margin-bottom-24 {
    margin-bottom: 16px
}
.margin-right-24 {
    margin-right: 16px
}
.padding-top-24 {
    padding-top: 16px
}
.padding-all-8 {
    padding: 4px
}
.padding-all-16 {
    padding: 8px
}
.padding-all-24 {
    padding: 16px
}
.padding-all-32 {
    padding: 20px
}
.padding-all-48 {
    padding: 28px
}
.padding-all-64 {
    padding: 40px
}
.padding-vertical-16 {
    padding-top: 8px;
    padding-bottom: 8px
}
.padding-vertical-8 {
    padding-top: 4px;
    padding-bottom: 4px
}
.landscape-flex-vertical-left {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}
.landscape-flex-vertical-center {
    flex-direction: column;
    align-items: center;
    display: flex
}
.landscape-text-left {
    text-align: left
}
.tablet-margin-bottom-20 {
    margin-bottom: 16px
}
.tablet-margin-bottom-32 {
    margin-bottom: 28px
}
.tablet-margin-bottom-96 {
    margin-bottom: 80px
}
.landscape-margin-bottom-8 {
    margin-bottom: 8px
}
.landscape-margin-bottom-12 {
    margin-bottom: 12px
}
.landscape-margin-top-8 {
    margin-top: 8px
}
.landscape-margin-right-12 {
    margin-right: 12px
}
.mobile-padding-all-20 {
    padding: 20px
}
.landscape-padding-all-28 {
    padding: 28px
}
.padding-horizontal-16 {
    padding-left: 8px;
    padding-right: 8px
}
.padding-horizontal-32 {
    padding-left: 20px;
    padding-right: 20px
}
.padding-horizontal-64 {
    padding-left: 40px;
    padding-right: 40px
}
.landscape-padding-vertical-8 {
    padding-top: 8px;
    padding-bottom: 8px
}
.tablet-padding-vertical-48 {
    padding-top: 40px;
    padding-bottom: 40px
}
.absolute.featured-blog-small-badge {
    top: 16px;
    left: 16px
}
.menu-trigger {
    margin-right: -8px
}
.landscape-width-full {
    width: 100%
}
.image.split-left-image {
    width: 80px;
    height: 80px;
    width: 80px;
    height: 80px
}
.author-avatar-large {
    width: 100px;
    height: 100px
}
.home-testimonials-left-arrow, .home-testimonials-right-arrow {
    top: -80px
}
.block-header, .block-info {
    padding: 16px
}
.footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}
.footer-copyright {
    font-size: 14px;
    line-height: 20px
}
.footer-light {
    padding-left: 15px;
    padding-right: 15px
}
.footer-wrapper-two {
    grid-template-rows: auto;
    grid-template-columns: 1fr
}
.footer-block-two {
    margin-top: 40px;
	display: none;
}
.footer-block-two.footer-block-info {
    width: 100%
}
.footer-link-two.nav-dropdown {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: block
}
.column-2 {
    display: none
}
.heading-3.xl {
    font-size: 33.25px;
    line-height: 1.157em
}
.heading-3.m {
    font-size: 21px;
    line-height: 1.333em
}
.heading-3.xl {
    font-size: 33.25px;
    line-height: 1.157em
}
.nav-link-2 {
    padding-top: 16px;
    padding-bottom: 16px;
    display: inline-block
}
.nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex
}
.nav-divider {
    width: 200px;
    height: 1px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}
.collection-list-2 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    display: flex
}
.section-5 {
    padding-left: 60px;
    padding-right: 60px
}
.link-block-2 {
    width: 100%
}
.heading-7 {
    text-align: center
}
.column-9 {
    align-items: center
}
.column-10 {
    justify-content: center;
    align-items: center
}
.section-6 {
    display: none
}
.collection-list-3 {
    grid-template-columns: 100%;
    padding-left: 0;
    padding-right: 0
}
.next, .previous {
    width: auto;
    margin-right: 0
}
.div-block-19 {
    margin-left: 0;
    margin-right: 0
}
.form-3 {
    margin-bottom: 18px
}
.heading-9 {
    font-size: 46px
}
.div-block-27 {
    display: none
}
.book-demo-button {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block
}
.book-demo-button.getstartedbtn {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0
}
.privacy-title {
    font-size: 66px
}
.footer-link-three {
    font-size: 14px;
    line-height: 20px
}
.div-block-29 {
    padding: 28px
}
.hzyuan01-head {
    flex-wrap: wrap
}
.hzyuan01-button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}
.grid-2 {
    grid-template-columns: 1fr
}
.grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column
}
.image-13 {
    width: 100%;
    height: 100%
}
.grid-4 {
    grid-template-columns: 1fr 1fr
}
.padding-horizontal-48 {
    padding-left: 28px;
    padding-right: 28px
}
.mobile-padding-all-10 {
    padding-left: 20px;
    padding-right: 20px
}
.mobile-hidden {
    display: none
}
.w-layout-grids .mobile-hidden {
    display: inherit;
}
.footer-beian {
    justify-content: flex-start;
    margin-top: 0
}
.container-4 {
    padding-left: 24px;
    padding-right: 24px
}
.container-4.container-5 {
    padding-left: 60px;
    padding-right: 60px
}
.footer-wrapper-three {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
}
.grid-5 {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px
}
.grid-6 {
    grid-template-columns: 1fr 1fr
}
.heading-19 {
    text-align: left
}
.navbar-border-right {
    border-right-style: none
}
.brix---btn-primary-small {
    padding: 3px 40px
}
.brix---header-nav-list-item-show-in-tablet {
    margin-left: 0;
    display: block
}
.brix---dropdown-pd {
    padding-top: 10px;
    padding-bottom: 10px
}
.brix---dropdown-toggle.w--open {
    order: 0
}
.text-block-36 {
    font-family: Inter;
    font-size: 16px
}
.grid-9 {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(200px, 1fr)
}
.brix---btn-primary {
    padding-left: 32px;
    padding-right: 32px
}
.brix---input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px
}
.brix---input.small {
    min-height: auto;
    min-width: auto
}
.brix---form-grid-2-columns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr
}
.brix---card-form {
    min-height: 560px;
    padding: 36px 30px 48px
}
.brix---grid-contact-v1 {
    grid-template-columns: 1fr
}
.brix---section {
    padding-top: 100px;
    padding-bottom: 100px
}
.grid-10 {
    grid-template-columns: 1fr
}
.div-block-51 {
    background-position: 50%
}
.container-6 {
    padding-left: 10px;
    padding-right: 10px
}
.brix---heading-h2-size, .brix---heading-h2-size-2 {
    font-size: 28px;
    line-height: 40px
}
.brix---link-icon-right {
    width: 20px;
    margin-left: 8px
}
.columns-13 {
    flex-wrap: wrap
}
.blog-header-content {
    padding-left: 40px;
    padding-right: 40px
}
.image-25 {
    width: auto
}
.blog-line {
    margin-top: 20px;
    margin-bottom: 20px
}
.paragraph-2 {
    font-size: 15px
}
.brix---grid-2-columns---gap-row-72px {
    grid-row-gap: 48px;
    grid-template-columns: 1fr
}
.brix---section-small-2 {
    padding-top: 72px;
    padding-bottom: 72px
}
.brix---grid-title-and-categories-2 {
    grid-template-columns: 1fr
}
.brix---blog-card-content-over {
    padding-left: 28px;
    padding-right: 28px
}
.brix---text-200, .brix---text-200-bold-3, .brix---text-201 {
    font-size: 16px;
    line-height: 18px
}
.brix---blog-card-featured {
    grid-row-gap: 32px;
    grid-template-columns: 1fr
}
.brix---badge-primary-small-light {
    padding-top: 12px;
    padding-bottom: 12px
}
.cta---card {
    margin-left: 10px;
    margin-right: 10px
}
.container-8.padding-horizontal-64 {
    padding-left: 0;
    padding-right: 0
}
.heading-26 {
    margin-top: 60px;
    font-size: 39px
}
.affiliates-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
}
.affiliates-columns {
    padding-left: 10px;
    padding-right: 10px
}
.image-28 {
    top: -82%
}
.image-29 {
    left: 74.325px
}
.div-block-56 {
    width: 100%;
    height: auto;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    display: flex;
    top: auto
}
.fixed {
    width: 100%;
    top: auto
}
.image-30 {
    width: 70px
}
.footer-container {
    margin-bottom: 0px
}
.div-block-57 {
    box-shadow: none;
    justify-content: center;
    align-items: center;
    display: flex
}
.contact-button {
    border-radius: 0;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px
}
.brix---btn-primary-small-2 {
    padding: 3px 40px
}
.grid-11.margin-top-48 {
    grid-template-columns: 1fr
}
.div-block-69 {
    padding: 28px
}
.padding-all-65 {
    padding: 8px
}
.container-11 {
    padding-left: 24px;
    padding-right: 24px
}
.heading-36.xl {
    font-size: 33.25px;
    line-height: 1.157em
}
.padding-all-66 {
    padding: 16px
}
.margin-bottom-129 {
    margin-bottom: 4px
}
.margin-right-50 {
    margin-right: 4px
}
.padding-vertical-161 {
    padding-top: 40px;
    padding-bottom: 40px
}
.container-12 {
    padding-left: 24px;
    padding-right: 24px
}
.employee-cost-countires {
    padding-left: 20px;
    padding-right: 20px
}
.country-guide-item-context {
    width: auto;
    margin-top: 5px
}
.home-tools-guide-item {
    width: 100%
}
.hzyuan01-card-hot, .hzyuan01-card-hot-countries {
    flex-wrap: wrap
}
.home-header-container {
    padding-left: 20px;
    padding-right: 20px
}
.customer-card-content, .customer-card-content-2 {
    grid-column-gap: 10px
}
.div-block-77 {
    grid-template-columns: 1fr
}
.home-expertise-item.border-right {
    border-right-style: none
}
.div-block-78 {
    grid-template-columns: 1fr
}
.hzyuan01-head-main {
    padding: 60px 40px
}
.margin-bottom-50 {
    margin-bottom: 12px
}
.partner-background {
    padding: 20px
}
.footer-block-two.footer-block-info .image-10{
	float: inherit;
	margin: auto;
}
.footer-block-two.footer-block-info .footer-info{
	float: inherit;
	margin: 10px auto;
}
.footer-brand.w-inline-block img{
	max-width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}
.container{
	max-width: 90%;
}
}

@media screen and (max-width:479px) {
h1 {
    font-size: 30.875px
}
h2 {
    font-size: 26px
}
h3 {
    font-size: 19.5px
}
h4 {
    font-size: 16.25px
}
.container, .container.overflow-hidden.nav-padding {
    padding-left: 16px;
    padding-right: 16px
}
.display._2xl {
    font-size: 39px
}
.grid {
    grid-column-gap: 16px;
    grid-row-gap: 24px
}
.margin-top-32 {
    font-size: 14px;
    line-height: 21px
}
.heading.xl {
    font-size: 30.875px
}
.heading.l {
    font-size: 26px
}
.heading.m {
    font-size: 19.5px
}
.heading.xl {
    font-size: 30.875px
}
.flex-items-center.flex-wrap {
    flex-wrap: wrap
}
.mobile-padding-all-20 {
    padding: 20px
}
.mobile-padding-horizontal-20 {
    padding-left: 20px;
    padding-right: 20px
}
.image.about-team {
    height: 170px
}
.image.split-left-image {
    width: 70px;
    height: 70px;
    margin-right: 7px
}
.image.home-integration-image {
    width: 36px;
    height: 36px
}
.image.split-left-image {
    width: 70px;
    height: 70px;
    margin-right: 7px
}
.container-2 {
    max-width: none
}
.footer-bottom, .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}
.footer-block-two {
    margin-top: 40px
}
.heading-2 {
    font-size: 32px
}
.text-block-6 {
    font-size: 14px
}
.heading-3.xl {
    font-size: 30.875px
}
.heading-3.m {
    font-size: 19.5px
}
.heading-3.xl {
    font-size: 30.875px
}
.nav-dropdown.footer-link-two {
    align-items: flex-start
}
.div-block-14 {
    padding-left: 20px;
    padding-right: 20px
}
.section-5 {
    padding-left: 0;
    padding-right: 0
}
.heading-7 {
    font-size: 40px
}
.text-block-9 {
    font-size: 14px
}
.collection-list-3 {
    grid-template-columns: 100%
}
.heading-9 {
    font-size: 36px
}
.price-title {
    font-size: 26px
}
.pricing-value {
    font-size: 30px
}
.pricing-subvalue {
    line-height: 37px
}
.prcing-head {
    font-size: 29px
}
.getstartedbtn.margin-top-32.button-footer-page {
    padding: 4px 20px;
    font-size: 12px
}
.popup-body {
    height: 100%;
    border-radius: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto
}
.privacy-section.padding-all-64.media-background {
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../image/media-industry.png');
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll
}
.privacy-title {
    font-size: 33px;
    line-height: 36px
}
.div-block-29 {
    padding: 28px
}
.hzyuan01-button.special {
    margin-left: 0
}
.text-block-22 {
    font-size: 36px;
    line-height: 1.2
}
.image-13 {
    min-height: 300px
}
.grid-4 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
}
.text-block-24 {
    padding-top: 20px
}
.container-4 {
    padding-left: 16px;
    padding-right: 16px
}
.container-4.container-5 {
    padding-left: 20px;
    padding-right: 20px
}
.link-5, .link-6 {
    margin-left: 20px;
    padding: 4px 20px;
    font-size: 12px
}
.grid-6 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
}
.text-block-28 {
    padding-top: 20px
}
.text-block-29 {
    font-size: 36px;
    line-height: 1.2
}
.heading-19 {
    font-size: 31px
}
.brix---btn-primary-small {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px
}
.brix---header-nav-list-item-left, .brix---header-nav-list-item-show-in-tablet {
    width: 100%;
    text-align: left
}
.brix---container-default {
    padding-left: 20px;
    padding-right: 20px
}
.heading-21 {
    font-size: 20px
}
.brix---btn-primary {
    width: 100%
}
.brix---input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px
}
.brix---input::-ms-input-placeholder {
font-size:16px;
line-height:16px
}
.brix---input::placeholder {
font-size:16px;
line-height:16px
}
.brix---input.small {
    /*min-width: 100%*/
}
.brix---card-form {
    padding-left: 23px;
    padding-right: 23px
}
.brix---grid-contact-v1 {
    grid-row-gap: 50px
}
.brix---container-default-2 {
    padding-left: 0px;
    padding-right: 0px
}
.checkbox-field.small {
    display: flex
}
.div-block-47 {
    width: 200px;
    height: 200px;
    max-width: 100%
}
.image-23 {
    width: 200px;
    height: 200px;
    max-height: 100%;
    max-width: 100%
}
.tablet-flex-vertical-center {
    flex-wrap: nowrap
}
.div-block-51 {
    background-position: 50%;
    padding-left: 10px;
    padding-right: 10px
}
.brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px
}
.brix---mg-bottom-8px {
    margin-bottom: 6px
}
.brix---heading-h2-size, .brix---heading-h2-size-2 {
    font-size: 24px;
    line-height: 34px
}
.brix---link-icon-right {
    width: 18px
}
.blog-section {
    height: auto
}
.blog-header-content {
    padding: 10px
}
.brix---heading-h2-size-5 {
    font-size: 26px;
    line-height: 45px
}
.brix---section-small-2 {
    padding-top: 64px;
    padding-bottom: 64px
}
.brix---grid-title-and-categories-2 {
    margin-bottom: 40px
}
.brix---text-200-bold-3, .brix---text-201 {
    font-size: 15px;
    line-height: 16px
}
.brix---heading-h3-size-3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px
}
.brix---text-200 {
    font-size: 15px;
    line-height: 16px
}
.brix---badge-primary-small-light {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px
}
.brix---mg-bottom-24px {
    margin-bottom: 16px
}
.brix---flex-horizontal---vertical-mbp {
    flex-direction: column
}
.brix---input-large-button-inside {
    font-size: 16px;
    line-height: 18px
}
.brix---input-large-button-inside::-ms-input-placeholder {
font-size:16px;
line-height:16px
}
.brix---input-large-button-inside::placeholder {
font-size:16px;
line-height:16px
}
.brix---btn-primary-small-input {
    width: 100%;
    color: #4a3aff;
    background-color: #fff;
    border: 1px solid #4a3aff;
    border-radius: 10px;
    margin-top: 12px;
    position: static
}
.brix---icon-success-message-left {
    margin-bottom: 10px;
    margin-right: 0
}
.cta---card {
    padding-left: 10px;
    padding-right: 10px
}
.container-7 {
    padding-top: 10px;
    padding-bottom: 10px
}
.text-block-47 {
    width: auto;
    font-size: 14px;
    line-height: 24px
}
.heading-26 {
    font-size: 24px;
    line-height: 36px
}
.text-block-48 {
    font-size: 14px;
    line-height: 24px
}
.affiliates-heading {
    font-size: 24px;
    line-height: 36px
}
.image-28 {
    top: -145%
}
.image-29 {
    left: 29.325px
}
.div-block-56 {
    height: auto;
    justify-content: flex-start
}
.heading-27 {
    font-size: 20px
}
.image-30 {
    width: 70px
}
.div-block-58 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex
}
.form-block-4 {
    padding-left: 10px;
    padding-right: 10px
}
.heading-29 {
    font-size: 26px;
    line-height: 38px
}
.brix---btn-primary-small-2 {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px
}
.div-block-69 {
    padding: 28px
}
.container-11 {
    padding-left: 16px;
    padding-right: 16px
}
.heading-36.xl {
    font-size: 30.875px
}
.container-12 {
    padding-left: 16px;
    padding-right: 16px
}
.employee-cost-list {
    grid-template-columns: 1fr
}
.div-block-73 {
    padding-left: 10px;
    padding-right: 10px
}
.collection-item-5 {
    flex-direction: column;
    display: flex
}
.image-33 {
    width: 100%;
    height: 200px;
    max-height: 200px;
    max-width: 100%;
    min-height: 200px;
    margin-bottom: 10px
}
.hzyuan02-guide {
    grid-column-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
}
.home-guide-arrow {
    width: 30px;
    height: 30px;
    padding: 0
}
.home-guide-icon {
    width: 16px;
    height: 16px
}
.hzyuan01-card {
    padding-left: 30px;
    padding-right: 30px
}
.hzyuan01-card-placeholders {
    width: calc(100% - 50px) !important;
}
.hzyuan01-card-select{
	margin: 10px 0 !important;
}
.hzyuan01-card-hot-countries {
    margin-bottom: 10px
}
.container-1280 {
    padding-left: 20px;
    padding-right: 20px
}
.grid-12 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr
}
.div-block-77 {
    grid-template-columns: 1fr
}
.home-pricing-title-text {
    margin-left: 10px;
    font-size: 16px
}
.home-pricing-value {
    font-size: 36px;
    line-height: 110%
}
.home-pricing-subvalue {
    padding-left: 10px;
    font-size: 21px;
    line-height: 100%
}
.home-pricing-desc {
    font-size: 14px
}
.home-pricing-heading {
    font-size: 26px
}
.home-pricing-context {
    font-size: 12px
}
.image-35 {
    width: 30px
}
.hzyuan01-head-main {
    padding-left: 20px;
    padding-right: 20px
}
.hzyuan01-head-features {
    display: block
}
}

@font-face {
    font-family: 'Feather Icons';
    src: url('../font/icomoon.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-Black-7.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-DemiLight-4.ttf') format('truetype'), url('../font/NotoSansCJK-Light-3.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-Medium-5.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-Bold-6.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-Regular-1.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: Notosanscjk;
    src: url('../font/NotoSansCJK-Thin-2.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: block
}