.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .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:focus, .w-commerce-commercecheckoutcardnumber.-wfp-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:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-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:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-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-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutsummarytotal {
    font-weight: 700;
  }
  
  .w-commerce-commercecheckoutdiscounts {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    flex-wrap: wrap;
    padding: 20px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutdiscountsinput {
    height: 38px;
    width: auto;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    min-width: 0;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    flex: 1;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutdiscountsinput::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutdiscountsinput::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutdiscountsinput:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutdiscountsbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    margin-left: 8px;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
  }
  
  .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-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-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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
    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;
  }
  
  @media screen and (max-width: 767px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 800px !important;
    }
     .blog2{
      height: 1500px !important;
    } .blog3{
      height: 800px !important;
    } .blog4{
      height: 700px !important;
    } .blog5{
      height: 600px !important;
    } .blog6{
      height: 800px !important;
    } .blog7{
      height: 600px !important;
    }
    
    .w-commerce-commercelayoutcontainer {
      flex-direction: column;
      align-items: stretch;
    }
  
    .w-commerce-commercelayoutmain {
      flex-basis: auto;
      margin-right: 0;
    }
  
    .w-commerce-commercelayoutsidebar {
      flex-basis: auto;
    }
  }
  
  @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-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput {
      font-size: 16px;
    }
  }
  
  body {
    color: #36473b;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  h1 {
    color: #45474f;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Newyork, sans-serif;
    font-size: 6em;
    font-weight: 400;
    line-height: 1.2;
  }
  
  h2 {
    color: #45474f;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Newyork, sans-serif;
    font-size: 5em;
    font-weight: 400;
    line-height: 1.3em;
  }
  
  h3 {
    color: #45474f;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Newyork, sans-serif;
    font-size: 4em;
    font-weight: 400;
    line-height: 1.5em;
  }
  
  h4 {
    color: #45474f;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Newyork, sans-serif;
    font-size: 2.6em;
    font-weight: 400;
    line-height: 1.5em;
  }
  
  h5 {
    color: #45474f;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Newyork, sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3em;
  }
  
  h6 {
    color: #45474f;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Newyork, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.3em;
  }
  
  p {
    color: #36473b;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
  
  a {
    color: #45474f;
    text-decoration: none;
    transition: letter-spacing .4s;
  }
  
  a:hover {
    color: rgb(29, 35, 156);
    letter-spacing: 0;
    text-decoration: none;
  }
  
  ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 40px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
  }
  
  ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  
  li {
    color: #45474f;
    letter-spacing: .5px;
    margin-bottom: 5px;
  }
  
  img {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }
  
  blockquote {
    border-left: 5px solid #e0bcb3;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px;
    font-family: Newyork, sans-serif;
    font-size: 2em;
    line-height: 1.5em;
  }
  
  figure {
    margin-bottom: 10px;
    font-family: Newyork, sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  
  figcaption {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 14px;
  }
  
  .sroll-link {
    width: 100px;
    color: #36473b;
    text-transform: capitalize;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 20px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: background-color .4s;
    position: relative;
  }
  
  .sroll-link:hover {
    letter-spacing: normal;
    border-radius: 0;
  }
  
  .sroll-link.w--current {
    color: #fa7436;
    font-weight: 700;
  }
  
  .sroll-link.w--current:hover {
    color: #e0bcb3;
  }
  
  .sroll-link.footer {
    padding: 0;
    display: block;
  }
  
  .sroll-link.footer:hover {
    letter-spacing: .5px;
  }
  
  .text-content {
    z-index: 1;
    width: auto;
    height: 22px;
    color: #45474f;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .text-content:hover {
    letter-spacing: normal;
  }
  
  .text-content.footer {
    justify-content: flex-start;
  }
  
  .text-content.footer:hover {
    letter-spacing: .5px;
  }
  
  .nav-text {
    color: #000;
    letter-spacing: normal;
    font-family: 方正锐正圆, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: static;
  }
  
  .nav-text:hover {
    color: rgb(29, 35, 156);
    letter-spacing: normal;
  }
  
  .nav-text.footer {
    color: #45474f;
  }
  
  .nav-menu {
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    display: flex;
  }
  
  .logo-text {
    color: #fff;
    letter-spacing: 3px;
    text-transform: none;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Newyork, sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.3em;
    transition: letter-spacing .4s;
  }
  
  .logo-text:hover {
    letter-spacing: 6px;
  }
  
  .logo-text.dark {
    color: #45474f;
  }
  
  .branding {
    color: #fa7436;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    padding: 20px 0 10px;
    display: block;
  }
  
  .wrapper {
    width: 100%;
    max-width: 1800px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0 60px 40px;
    display: flex;
  }
  
  .wrapper.nav {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .wrapper.footer {
    max-width: 100%;
  }
  
  .btn-primary {
    height: auto;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #e0bcb3;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 10px 20px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    transition: background-color .4s, letter-spacing .4s;
    display: inline-block;
  }
  
  .btn-primary:hover {
    letter-spacing: 2px;
    background-color: #924e52;
    border: 1px #fa7436;
  }
  
  .btn-primary:active {
    background-color: #924e52;
    border-width: 0;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .btn-primary.card {
    background-color: #e0bcb3;
    border-style: none;
    border-radius: 0;
    font-weight: 400;
  }
  
  .btn-primary.card:hover {
    background-color: #924e52;
  }
  
  .btn-primary.newsletter {
    width: 50%;
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
    margin-right: auto;
  }
  
  .btn-primary._2 {
    background-color: #45474f;
    margin-left: 0;
  }
  
  .btn-primary._2:hover {
    color: #fffdf9;
    background-color: #924e52;
  }
  
  .btn-primary._3 {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e0bcb3;
  }
  
  .btn-primary._3:hover {
    color: #fffdf9;
    background-color: #e0bcb3;
  }
  
  .btn-primary.fullwidth {
    width: 100%;
  }
  
  .nav-text-name {
    color: rgb(29, 35, 156);
    letter-spacing: normal;
    text-transform: none;
    margin-top: 0;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
    display: none;
    position: absolute;
  }
  
  .nav-text-name:hover {
    letter-spacing: normal;
  }
  
  .nav-text-name.cart {
    position: relative;
  }
  
  .section {
    z-index: 1;
    background-color: #fffdf9;
    border: 0 #000;
    margin-top: 0;
    padding: 60px 100px 100px;
    position: relative;
    overflow: hidden;
  }
  
  .section.cta-section {
    z-index: 1;
    min-height: 60vh;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }
  
  .section.features {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  
  .section.visible {
    background-color: #fff;
    overflow: visible;
  }
  
  .section.white {
    background-color: #fffdf9;
    background-image: linear-gradient(rgba(236, 218, 209, .8) 70%, rgba(237, 225, 204, .7));
    border-top: 1px #e0bcb3;
    margin-bottom: 0;
    padding-bottom: 100px;
  }
  
  .section.fact.white {
    background-image: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .margin-60px {
    margin-top: 60px;
  }
  
  .top-title-section {
    color: #e0bcb3;
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 12px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
  }
  
  .max-w-center {
    color: #3c4153;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .max-w-center._50 {
    max-width: 50%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .max-w-center._60 {
    max-width: 60%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  
  .bottom-margin-60px {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
  }
  
  .grid-faq {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
  }
  
  .grid-faq.top-align {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
  
  .grid-faq.cta-grid {
    max-width: 100%;
    flex: 0 auto;
    grid-template-columns: 1fr 1fr;
    align-self: center;
    justify-items: stretch;
  }
  
  .accordion-card {
    text-align: left;
    border-top: 1px solid #45474f;
    border-bottom: 1px solid #45474f;
    margin-bottom: -1px;
    transition: box-shadow .4s, background-color .4s;
    display: block;
    overflow: hidden;
  }
  
  .vertical-line {
    width: 2px;
    height: 20px;
    color: #ff7839;
    background-color: #45474f;
    position: absolute;
  }
  
  .toggle-plus {
    z-index: 1;
    width: 32px;
    height: 32px;
    border: 1px solid #45474f;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
    position: absolute;
    right: 0;
  }
  
  .toggle-heading {
    z-index: 1;
    color: #36473b;
    text-transform: none;
    flex: 1;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 16px;
    font-size: 20px;
    font-weight: 400;
  }
  
  .accordion-wrapper {
    width: 100%;
    margin-bottom: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  
  .accordion-wrapper._700px {
    max-width: 700px;
  }
  
  .accordion-head {
    min-height: 72px;
    color: #3c4153;
    text-transform: uppercase;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 32px;
    display: flex;
    position: relative;
  }
  
  .horizontal-line {
    width: 20px;
    height: 2px;
    background-color: #45474f;
    position: absolute;
  }
  
  .bottom-margin-40px {
    width: 100%;
    margin-bottom: 40px;
  }
  
  .portfolio-image {
    z-index: 1;
    width: 100%;
    height: 420px;
    cursor: none;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }
  
  .portfolio-image.vr-2 {
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: translate(-50%);
  }
  
  .portfolio-content {
    height: auto;
    color: #3c4153;
    background-color: #fffdf9;
    border: 0 rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 20px;
    display: flex;
  }
  
  .portfolio-content.vr-2 {
    width: 40%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translate(59%);
  }
  
  .portfolio {
    width: 100%;
    height: 450px;
    cursor: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
    margin-left: 0;
    text-decoration: none;
    display: flex;
    position: relative;
  }
  
  .portfolio._1 {
    height: 570px;
    color: #3c4153;
    cursor: pointer;
    justify-content: flex-end;
  }
  
  .portfolio._2 {
    height: 500px;
    color: #3c4153;
    cursor: pointer;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .hero-grid-intro {
    height: 100vh;
    background-color: #e0bcb3;
    background-image: linear-gradient(to top, #e0bcb3, #fff);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }
  
  .left-hero-content {
    max-width: 500px;
    padding-right: 40px;
  }
  
  .left-hero-content.left {
    width: 100%;
    height: auto;
    max-width: 500px;
    filter: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-style: none;
    border-width: 0;
    margin-top: 0;
    padding-right: 20px;
    position: absolute;
  }
  
  .hero-grid-image {
    z-index: auto;
    height: 100vh;
    background-color: #ecdad1;
    background-image: url('../images/赫娜雅06210864-min_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .hero-grid-wrapper {
    position: static;
  }
  
  .hero-grid-wrapper.second {
    z-index: 4;
    height: 100%;
    -webkit-text-fill-color: inherit;
    background-color: #ecdad1;
    background-clip: border-box;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
  }
  
  .button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
    display: flex;
  }
  
  .button-wrapper.center {
    justify-content: flex-end;
    align-items: flex-start;
  }
  
  .hero-grid-home-vr-5 {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: rgba(0, 0, 0, 0);
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    margin-bottom: 0;
    display: grid;
    position: static;
  }
  
  .max-w {
    color: #3c4153;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .max-w._60 {
    max-width: 60%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }
  
  .dark {
    color: #0e476d;
  }
  
  .faq-overlay-color {
    color: #36473b;
    background-color: rgba(0, 0, 0, 0);
    margin-top: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .toggle-heading-div {
    z-index: 1;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .cta-title {
    color: #fff;
    margin-top: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 55px;
    line-height: 1.2;
  }
  
  .cta-card {
    max-width: 770px;
    color: #fff;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    position: relative;
  }
  
  .footer-copyright {
    width: 100%;
    color: #3c4153;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-top: 1px solid #fff;
    border-radius: 0;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }
  
  .team-social-link {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 5px;
    transition: opacity .4s;
    display: flex;
  }
  
  .team-social-link:hover {
    opacity: .6;
  }
  
  .footer-grid {
    width: 100%;
    height: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    color: #666;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }
  
  .footer-column {
    margin:30px 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
  }
  .footer{
    display:flex;
    align-items:center;   
  }
  
  .footer-white {
    z-index: 0;
    background-color: #fffdf9;
    /* background-image: url('../images/赫娜雅_-01.svg'); */
    background-position: 0 0;
    background-size: contain;
    border-top: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 60px 100px 20px;
    position: static;
    bottom: 0;
  }
  
  .footer-bottom {
    color: #ded6ff;
    text-align: center;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
  }
  
  .footer-bottom.dark {
    color: #36473b;
    justify-content: space-between;
    font-weight: 600;
  }
  
  .social-icons-wrapper {
    margin-top: 20px;
    display: flex;
  }
  
  .socical-icon {
    width: 20px;
  }
  
  .socical-icon.small {
    width: 40px;
  }
  
  .socical-icon.invert {
    width: 24px;
    filter: invert();
    margin-left: 3px;
    margin-right: 3px;
  }
  
  .footer-side {
    width: 33%;
    padding-top: 98px;
    padding-bottom: 98px;
    padding-right: 60px;
  }
  
  .footer-side.left {
    /* width: 100%; */
    background-color: #100b47;
    background-image: linear-gradient(rgba(28, 24, 76, .96), rgba(28, 24, 76, .96)), url('../images/Untitled-15.png');
    background-position: 0 0, 0 100%;
    background-size: auto, cover;
    border-radius: 20px;
    padding: 20px;
  }
  
  .footer-side.left.gray {
    max-width: 500px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    display: flex;
  }
  
  .logo-link {
    margin-bottom: 10px;
    text-decoration: none;
  }
  
  .white-paragraph {
    color: #fff;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .inner-content {
    height: 100%;
    color: #3c4153;
    flex-direction: column;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }
  
  .big-paragraph {
    color: #494848;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
  }
  
  .list {
    width: 100%;
    margin-top: 0;
  }
  
  .icon-list-item {
    border-bottom: 1px solid #e0bcb3;
    border-radius: 1px;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
  }
  
  .icon-list-item.no-padding {
    border: 1px #000;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .check-circle {
    width: 20px;
    height: 20px;
    background-color: #e0bcb3;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    display: flex;
  }
  
  .bullet-text {
    color: #3c4153;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  
  .portfolio-link-post {
    color: #fff;
    text-align: left;
    cursor: none;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex;
  }
  
  .portfolio-link-post:hover {
    text-decoration: none;
  }
  
  .position {
    text-align: center;
    text-transform: none;
  }
  
  .white {
    color: #fff;
    margin-bottom: 20px;
  }
  
  .features-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-image: url('../images/bg-01.png');
    background-position: 0 0;
    background-size: cover;
    border-top-left-radius: 0%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
  }
  
  .feature-card {
    z-index: 1;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;
    flex-direction: column;
    flex: 270px;
    align-items: flex-start;
    margin-top: -1px;
    margin-left: -1px;
    padding: 40px;
    display: flex;
    position: relative;
  }
  
  .services-big-number {
    color: #e0bcb3;
    font-family: Newyork, sans-serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
  }
  
  .empty {
    color: #ecdad1;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 40px 40px;
  }
  
  .pricing {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
  }
  
  .info {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding: 4px;
    transition: border .3s;
    display: flex;
    position: relative;
  }
  
  .info:hover {
    border-color: red;
  }
  
  .flex-wrapper {
    white-space: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
    left: 0%;
    overflow: hidden;
  }
  
  .style-guide-content {
    width: 100%;
    border: 1px #000;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding-bottom: 0;
    display: flex;
  }
  
  .typography-details {
    color: #fff;
    margin-bottom: 20px;
  }
  
  .grid-colors {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 40px;
    display: grid;
  }
  
  .dot-list-item {
    align-items: center;
    margin-top: 12px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }
  
  .paragraph-small {
    color: #494848;
    font-family: 方正锐正圆, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
  }
  
  .style-guide-content-group {
    width: 100%;
    margin-bottom: 0;
  }
  
  .list-dot {
    width: 6px;
    height: 6px;
    background-color: #62636b;
    border-radius: 50%;
    flex: none;
    margin-right: 12px;
  }
  
  .list-dot.bg-primary-1 {
    background-color: #00a838;
  }
  
  .text-small {
    color: #45474f;
    font-family: Newyork, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  .style-guide-color {
    width: 100%;
    height: 140px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  
  .style-guide-color.primary-1 {
    background-color: #e0bcb3;
    border-radius: 0;
  }
  
  .style-guide-color.primary-3 {
    background-color: #494848;
    border-radius: 0;
  }
  
  .style-guide-color.primary-2 {
    background-color: #924e52;
    border-radius: 1px;
  }
  
  .style-guide-color.primary-4 {
    color: #110e19;
    background-color: #45474f;
    border-bottom: 1px solid #251e38;
    border-radius: 0;
  }
  
  .style-guide-color.primary-5 {
    background-color: #fff;
    border-radius: 0;
  }
  
  .style-guide-color.primary-6 {
    background-color: #ecdad1;
    border-radius: 0;
  }
  
  .style-guide-color.primary7 {
    background-color: #fffdf9;
  }
  
  .style-guide-color.primary-8 {
    background-color: #fff;
    border-radius: 0;
  }
  
  .cms-info-card {
    padding-top: 0;
    padding-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  
  .rules {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    margin-bottom: 60px;
    display: grid;
  }
  
  .rules.style-guide-row {
    background-color: rgba(0, 0, 0, 0);
    grid-template-columns: .25fr 1fr;
    align-items: start;
    justify-items: start;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  
  .card-body {
    color: #110e19;
    flex: 1;
    padding: 24px;
  }
  
  .grid-button {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 0;
    margin-right: auto;
  }
  
  .style-guide-contents {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }
  
  .icon-list-item-2 {
    border-bottom: 1px solid #fff;
    border-radius: 1px;
    flex-direction: row;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
  }
  
  .icon-list-item-2.icon-list-item-last {
    border-bottom-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .typography-container {
    width: 100%;
  }
  
  .checkmark-circle {
    width: 24px;
    height: 24px;
    background-color: #e0bcb3;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    display: flex;
  }
  
  .display {
    z-index: 1;
    color: #45474f;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 32px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 10em;
    font-weight: 400;
    line-height: 1em;
    display: block;
    position: relative;
  }
  
  .display.white {
    color: #fff;
    text-align: left;
    align-self: flex-start;
    margin-bottom: 10px;
    font-size: 6em;
    line-height: 1.2em;
  }
  
  .display.white._1 {
    margin-bottom: 10px;
    font-size: 4em;
    transform: translate(-200px);
  }
  
  .display.white._2 {
    margin-bottom: 10px;
    font-family: Optima, sans-serif;
    font-size: 8.5em;
    transform: translate(20px);
  }
  
  .display.white._3 {
    margin-bottom: 10px;
    font-size: 8.5em;
    transform: translate(200px);
  }
  
  .card {
    background-color: #fff;
    border: 1px solid #ecebea;
    border-radius: 6px;
    flex-direction: column;
    display: flex;
    position: relative;
  }
  
  .card:hover {
    text-decoration: none;
  }
  
  .card.style-guide-color-card {
    min-width: 150px;
    color: #3c4153;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-color: #fff;
    border-radius: 0;
    font-weight: 700;
    overflow: hidden;
  }
  
  .style-guide-title {
    width: 336px;
    height: 100%;
    background-color: #ecdad1;
    border: 1px #d4d4d4;
    border-radius: 0;
    margin-right: 48px;
    padding: 36px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  
  .grid-thirds {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .divider {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .style-guide-iteam-wrapper {
    background-color: #1b1629;
    border: 1px #d4d4d4;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 0;
    padding: 40px;
    display: flex;
  }
  
  .style-guide-iteam-wrapper.gray {
    background-color: #ecdad1;
  }
  
  .paragraph-5 {
    color: #45474f;
  }
  
  .list-div {
    width: 100%;
  }
  
  .list-div.awward {
    margin-top: 40px;
    margin-bottom: 0;
    display: block;
  }
  
  .list-item {
    border-top: 1px #000;
    border-bottom: 1px solid #45474f;
    border-left: 0 #000;
    border-right: 1px #000;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    display: block;
  }
  
  .list-item.awward {
    color: #fff;
    border: 1px #924e52;
    border-bottom: 1px solid #e0bcb3;
    justify-content: space-between;
    display: block;
  }
  
  .author-big-image {
    height: 700px;
    background-image: url('../images/Untitled-15.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .author-big-image._24px-margin {
    width: 100%;
    margin-bottom: 24px;
  }
  
  .page-header {
    width: 100%;
    height: 620px;
    max-width: none;
    text-align: center;
    background-image: url('../images/不够2-01.jpg');
    background-position: 0 0;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .page-header.categorie-projects {
    z-index: 1;
    height: 700px;
    background-image: url('../images/06211100-min_1.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .page-header.blog {
    z-index: 1;
    height: 620px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅06212002-min_1.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-end;
  }
  .page-header.blog1 {
    z-index: 1;
    height: 1200px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_02.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-end;
  }

  .page-header.blog2 {
    z-index: 1;
    height: 2580px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_03.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-end;
  }
  .page-header.blog3 {
    z-index: 1;
    height: 1200px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_04.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-end;
  }
  .page-header.blog4 {
    z-index: 1;
    height: 1200px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_05.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-center;
  }
  .page-header.blog5{
    z-index: 1;
    height: 1200px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_06.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-center;
    text-align: center;
  }
  .page-header.blog6{
    z-index: 1;
    height: 1300px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_07.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-center;
  }
  .page-header.blog7{
    z-index: 1;
    height: 1000px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_08.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-center;
  }
  .page-header.blog8{
    z-index: 1;
    height: 400px;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/赫娜雅2_09.jpg');
    background-position: 0%;
    background-clip: border-box;
    justify-content: flex-center;
  }



.flex{
  display: flex;
  /* align-items: center; */
  justify-content:flex-start;
}


.flexc{
  display: flex;
  align-items: center;
  justify-content:space-between;
}


.footer-left{
  width: 45%;
  display: flex;
  align-items: center;
  justify-content:space-between;

}
.footer-link{
  font-size: 25px;
  padding:0 10px;
  box-sizing: border-box;
}
.footer-link a{
   margin-left:60px;
   letter-spacing: 13px;

}
.footer-right{
  width: 55%;
  display: flex;
  justify-content:space-around;
  align-items: center;
  padding-top: 30px;
  box-sizing: border-box;
}
.wx{
  display: flex;
  justify-content:flex-start;
  align-items: flex-start;
}
.wx-icon{
  margin: 15px 20px 0 0;
}
.wx-content-title{
  margin-top: 5px;
  width:80px;
  text-align: center;
}

.contact{
  font-size: 18px;
}




  
  .page-header.blog-categories {
    z-index: 1;
    height: 700px;
    background-image: url('../images/matthew-ball-xVdIFT7_G0I-unsplash.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-end;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .page-header.about {
    z-index: 1;
    height: 700px;
    background-image: url('../images/karim-ghantous-dxS2okXd-zo-unsplash.jpg');
    background-position: 0 0;
    background-size: 2000px;
  }
  
  .page-header.pricing {
    z-index: 1;
    height: 700px;
    background-image: url('../images/image32-min.jpeg');
    background-position: 0 0;
    background-size: cover;
    background-attachment: scroll;
  }
  
  .page-header.cantact {
    z-index: 1;
    height: 700px;
    background-image: url('../images/赫娜雅06211100-min.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .team-name {
    z-index: 2;
    color: #45474f;
    text-transform: none;
    margin-bottom: 0;
    padding: 0;
    font-family: Newyork, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 55px;
  }
  
  .team-name.position {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
  }
  
  .team-name-link {
    z-index: 2;
    width: 100%;
    height: 600px;
    text-align: center;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-weight: 700;
    line-height: 50px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: visible;
  }
  
  .team-name-link:hover {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    text-decoration: none;
  }
  
  .team-name-link._4 {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
  }
  
  .team-author-avatar {
    z-index: 0;
    width: 100%;
    height: 450px;
    filter: grayscale();
    background-image: url('../images/Portfolio38.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0 rgba(0, 0, 0, 0);
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  
  .team-author-avatar._3 {
    width: 100%;
    height: 600px;
    filter: none;
    background-image: url('../images/Portfolio36.jpg');
    background-position: 50% 0;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  
  .team-author-avatar._2 {
    width: 100%;
    height: 450px;
    background-image: url('../images/Portfolio39.jpg');
    background-position: 50% 0;
    background-size: cover;
    border-style: none;
    border-width: 0;
  }
  
  .team-author-avatar._4 {
    height: 600px;
  }
  
  .team-author-avatar._1 {
    background-image: url('../images/Portfolio35.jpg');
    border: 0 rgba(0, 0, 0, 0);
  }
  
  .team-author-avatar._2 {
    width: 100%;
    height: 600px;
    filter: none;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .team-author-avatar._1 {
    height: 600px;
    filter: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/Portfolio35.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .team-author-avatar._1:hover {
    background-image: url('../images/Portfolio35.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-author-avatar._4 {
    filter: none;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .video-back-ground {
    z-index: 1;
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .hero-info-div {
    width: 900px;
    flex: 0 auto;
    align-self: auto;
    margin: 120px auto 60px;
  }
  
  .hero-info-div.pricing-table {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    display: flex;
  }
  
  .scroll-link {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0%;
    right: auto;
  }
  
  .scroll-link.hide-mbl {
    width: 120px;
    height: 120px;
    padding: 9px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
  
  .circle-btn {
    width: 100%;
    height: 100%;
    background-color: #924e52;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    transform: scale(0);
  }
  
  .circle-btn.dark {
    background-color: #924e52;
  }
  
  .mouse-scroll {
    z-index: 1;
    width: 20px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
  }
  
  .mouse-dot {
    width: 2px;
    height: 8px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 5px;
  }
  
  .scroll-image {
    width: 100px;
    height: 100px;
    background-image: url('../images/Scrolldown.svg');
    background-position: 0 0;
    background-size: auto;
    margin: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .scroll-image.invert {
    width: 100px;
    height: 100px;
    background-image: url('../images/view-on-webflow.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0;
    position: relative;
  }
  
  .bubble-image {
    width: 90px;
    height: 90px;
    background-image: url('../images/Learn-More-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .bubble-icon {
    width: 120px;
    height: 120px;
    text-align: center;
    background-color: #110e19;
    background-image: linear-gradient(#110e19, #251e38);
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 12px;
    display: flex;
    position: absolute;
    overflow: hidden;
    transform: scale(0);
  }
  
  ._60px-padding {
    height: auto;
    margin-bottom: 60px;
  }
  
  .success-message-2 {
    color: #fff;
    background-color: #11ac4c;
    margin-top: 20px;
    font-size: 14px;
  }
  
  .text-field {
    height: 48px;
    float: none;
    color: #000;
    text-align: center;
    background-color: rgba(255, 255, 255, .06);
    border: 1px solid #fff;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 20px;
    font-family: Newyork, sans-serif;
    display: inline-block;
  }
  
  .text-field:hover, .text-field:active {
    border-color: #e9e9e9;
  }
  
  .text-field:focus, .text-field.-wfp-focus {
    background-color: #fff;
    border-color: #e9e9e9;
  }
  
  .text-field.newsletter {
    height: 60px;
    color: #45474f;
    text-align: left;
    background-color: rgba(224, 188, 179, .34);
    border: 1px solid #fff;
    border-radius: 10px;
    margin-bottom: 0;
    font-family: Newyork, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }
  
  .single-form {
    width: 500px;
    max-width: none;
    color: rgba(12, 21, 47, .6);
    text-align: center;
    border-radius: 0;
    margin: 0 auto;
    font-size: 12px;
    display: block;
  }
  
  .subscribe {
    color: #45474f;
    text-align: left;
    font-family: 方正锐正圆, sans-serif;
    font-size: 18px;
    line-height: 28px;
  }
  
  .error-message-2 {
    color: #fff;
    background-color: #e23c32;
    padding: 20px;
    font-size: 14px;
  }
  
  .form {
    width: 100%;
    color: #fff;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .animation-sponsor-wrapper {
    width: 100%;
    background-color: #161616;
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  
  .sideparagraph {
    color: #494848;
    text-align: left;
    font-family: Newyork, sans-serif;
    font-size: 15px;
  }
  
  .hero-quotes {
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr .25fr;
    display: block;
  }
  
  .quotes-hero-wrapper {
    text-align: center;
    justify-content: center;
    display: flex;
  }
  
  .highlighted-text {
    color: #924e52;
    background-color: rgba(236, 218, 209, .5);
  }
  
  .display-3._1 {
    color: #e0bcb3;
    font-family: 方正锐正圆, sans-serif;
    transform: translate(40px);
  }
  
  .display-3._2 {
    color: #e0bcb3;
    font-family: 方正锐正圆, sans-serif;
    transform: translate(120px);
  }
  
  .sticky-position {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  
  .sticky-position._80px {
    padding-right: 40px;
    top: 120px;
  }
  
  .display-2 {
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .display-2._1-tittle {
    color: rgba(69, 71, 79, .7);
    align-self: center;
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
    font-weight: 400;
    line-height: 1;
    transform: translate(-80px);
  }
  
  .display-2._2-title {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
    line-height: 1;
    transform: translate(80px);
  }
  
  .button-image {
    width: 100px;
    height: 100px;
    background-image: url('../images/Learn-More.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .button-image.cta {
    z-index: 1;
    background-image: url('../images/view-on-webflow.svg');
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .button-link {
    width: 132px;
    height: 132px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .bg {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .overlay-bg {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .footer-text {
    color: #494848;
    font-family: 方正锐正圆, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .team-member-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    background-color: #110e19;
    background-image: url('../images/Gradient.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    margin-bottom: 24px;
  }
  
  .slider-right-arrow {
    width: 60px;
    height: 60px;
    background-color: #251e38;
    border-radius: 6px;
    font-size: 15px;
    display: block;
    right: -54%;
  }
  
  .slider-right-arrow:hover {
    background-image: linear-gradient(to left, #de39ff, #3982ff);
  }
  
  .slider-right-arrow._1 {
    background-color: rgba(0, 0, 0, 0);
    border: 1px #fff;
    border-radius: 0;
    margin-right: -100px;
    display: block;
    right: 0%;
  }
  
  .slider-right-arrow._1:hover {
    background-image: none;
    border-color: #45474f;
  }
  
  .testimonial-container {
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }
  
  .testimonial-author-name {
    color: #142335;
    justify-content: center;
    margin-top: 30px;
    font-size: 15px;
    line-height: 24px;
    display: flex;
  }
  
  .testimonials {
    height: auto;
    max-width: 900px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #45474f;
    border-style: solid none;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0;
    display: block;
  }
  
  .slide-nav-second {
    justify-content: center;
    font-size: 10px;
    display: flex;
  }
  
  .slider-left-arrow {
    width: 60px;
    height: 60px;
    background-color: #251e38;
    border-radius: 6px;
    font-size: 13px;
    display: block;
    left: -54%;
  }
  
  .slider-left-arrow:hover {
    background-image: linear-gradient(to right, #de39ff, #3982ff);
  }
  
  .slider-left-arrow._1 {
    background-color: rgba(0, 0, 0, 0);
    border: 1px #fff;
    border-radius: 0;
    margin-left: -100px;
    display: block;
    left: 0%;
  }
  
  .slider-left-arrow._1:hover {
    background-image: none;
    border-color: #45474f;
  }
  
  .name-testimonials {
    color: rgba(69, 71, 79, .7);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 2px;
    margin-right: 5px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3em;
  }
  
  .testimonial-text {
    max-width: 570px;
    color: #45474f;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
    line-height: 1.6em;
  }
  
  .achivement-wapper {
    width: auto;
    max-width: 75%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }
  
  .achivements-grid {
    width: 900px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid;
  }
  
  .achivement-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .achivement-block.lines {
    border-left: 1px solid #fff;
    border-right: 1px #fff;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .title-insights {
    color: #494848;
    margin-top: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
  }
  
  .body {
    border-bottom: 1px #000;
  }
  
  ._100-px-padding {
    height: 100px;
  }
  
  .project-image {
    z-index: 1;
    height: 100vh;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .overlay-div {
    height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .overlay-div._2 {
    height: auto;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  }
  
  .richtext-presentation {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }
  
  .richtext-presentation h3, .richtext-presentation p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .richtext-presentation blockquote {
    max-width: 700px;
    color: #494848;
    margin-left: auto;
    margin-right: auto;
  }
  
  .richtext-presentation h5, .richtext-presentation ul, .richtext-presentation h6, .richtext-presentation ol, .richtext-presentation h4, .richtext-presentation h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .categories {
    height: 100%;
    color: #924e52;
    background-color: #d2f0d3;
    border: 0 rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: stretch;
    padding: 4px 10px;
    display: flex;
  }
  
  .categories-list {
    z-index: 30;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -8px;
    padding-bottom: 8px;
    display: flex;
    position: relative;
  }
  
  .categories-list.blog {
    width: 100%;
    height: auto;
    border: 1px #000;
    border-top: 1px solid #fff;
    flex-wrap: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .category-direct-link {
    height: 100%;
    color: #45474f;
    -webkit-text-fill-color: inherit;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-clip: border-box;
    border: 1px solid #45474f;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin-right: -1px;
    padding: 4px 15px;
    font-family: Newyork, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    display: flex;
  }
  
  .category-direct-link:hover {
    color: #fff;
    background-color: #1d1d1f;
  }
  
  .category-direct-link.w--current {
    color: #fff;
    background-color: #45474f;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .category-direct-link.white {
    width: 25vw;
    height: auto;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    border-color: #fff;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    box-shadow: 1px 1px 1px #fff;
  }
  
  .category-direct-link.white:hover {
    color: #45474f;
    background-color: #fffdf9;
  }
  
  .collection-list-projects {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .collection-list-categories {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .arrow-icon {
    filter: invert();
    margin-left: 371.5px;
  }
  
  .creation-date {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1em;
  }
  
  .collection-blog-categories {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .cta-quote {
    color: #45474f;
    text-transform: none;
    font-family: 方正锐正圆, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
  }
  
  .skills-list-item {
    border-bottom: 1px solid #fff;
    padding: 35px 0;
  }
  
  .skills-text {
    font-family: Newyork, sans-serif;
    font-weight: 400;
  }
  
  .skill-bar {
    width: 100%;
    height: 4px;
    background-color: #fff;
    margin-top: 16px;
    overflow: hidden;
  }
  
  .skill-progress {
    height: 100%;
    background-color: #924e52;
  }
  
  .skill-progress._1 {
    width: 85%;
    background-color: #45474f;
  }
  
  .skill-progress._2 {
    width: 90%;
    background-color: #45474f;
  }
  
  .skill-progress._3 {
    width: 100%;
    background-color: #45474f;
  }
  
  .skill-progress._4 {
    width: 75%;
    background-color: #45474f;
  }
  
  .skill-list {
    width: 100%;
    margin-top: 20px;
  }
  
  .cta-social-wrapper {
    z-index: 3;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(214, 228, 214, .27);
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 5px 10px;
    font-family: PT Serif, serif;
    font-weight: 700;
    display: flex;
    position: relative;
    top: auto;
    bottom: 15%;
    left: auto;
    right: auto;
  }
  
  .social-icons-div {
    margin-top: 0;
    display: flex;
  }
  
  .follow-text {
    margin-top: 7px;
    margin-right: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  
  ._40px-padding {
    height: 50px;
  }
  
  .team-grid {
    width: auto;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .team-wrapper {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .team-info-card {
    background-color: #fffdf9;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    display: flex;
  }
  
  .pricing-post-info {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 500;
    display: flex;
  }
  
  .small-pring-text {
    width: 100%;
    color: #181511;
    text-align: center;
    background-color: #45474f;
    justify-content: center;
    align-items: center;
    padding: 25px 31px;
    font-size: 12px;
    display: block;
  }
  
  .div {
    color: #fff;
  }
  
  .pricing-div {
    color: #45474f;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #45474f;
    border-radius: 0;
    flex-direction: column;
    align-items: flex-start;
    margin-right: -1px;
    padding: 70px 40px 40px;
    display: flex;
    overflow: hidden;
  }
  
  .pricing-div.line {
    background-color: #fff;
    border-style: solid;
    border-color: #fff;
    margin-right: -1px;
  }
  
  .price-wrapper {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .pricing-list-wrapper {
    text-align: center;
    border-top: 1px solid #e2ddee;
    border-bottom: 1px solid #e2ddee;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .pricing-list-wrapper.center-text {
    width: 100%;
    color: #45474f;
    text-align: center;
    border: 1px #000;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    font-weight: 500;
    display: flex;
  }
  
  .contact-us {
    color: #45474f;
    text-transform: none;
    margin-bottom: 0;
  }
  
  .pricing-list-text {
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
  }
  
  .pricing-list-text.white {
    color: #45474f;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
  }
  
  .monthly {
    color: #45474f;
    text-transform: none;
    margin-right: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .pricing-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #4b4136;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .pricing-grid.two-row {
    border-style: none;
    grid-template-columns: 1fr 1fr;
  }
  
  .text-block {
    color: #fff;
    font-family: Newyork, sans-serif;
  }
  
  .price-description {
    text-align: left;
  }
  
  .price-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px #000;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .price-grid.packages {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .utility-page-wrap {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    background-color: #fffdf9;
    justify-content: center;
    align-items: center;
    font-family: Newyork, sans-serif;
    display: flex;
  }
  
  .utility-page-content {
    width: auto;
    text-align: center;
    flex-direction: column;
    display: flex;
  }
  
  .utility-page-form {
    width: 400px;
    flex-direction: column;
    align-items: stretch;
    font-family: Newyork, sans-serif;
    display: flex;
  }
  
  .cart-header {
    color: #6e3e2f;
    background-color: #45474f;
    border: 1px #000;
    border-top-color: #924e52;
    border-bottom: 1px solid #924e52;
  }
  
  .name-item {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
  
  .cart-quantity {
    height: 24px;
    min-width: 24px;
    color: #f6f1ed;
    background-color: rgba(0, 0, 0, 0);
    border: 0 solid #fff;
    border-width: 0 1px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: flex;
  }
  
  .cart-line-item {
    color: #fffdf9;
    font-family: Newyork, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
  
  .cart-footer {
    color: #290d04;
    border-top-color: #924e52;
  }
  
  .price-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .your-cart {
    color: #fff;
    font-size: 24px;
  }
  
  .cart-button {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-size: 16px;
    line-height: 24px;
  }
  
  .cart-quantity-in-checkout {
    background-color: rgba(245, 252, 245, .05);
    border-color: #45474f;
    border-radius: 0;
  }
  
  .cart-list {
    color: #fff;
    text-align: left;
    font-weight: 500;
  }
  
  .empty-state {
    color: #290d04;
    flex-direction: column;
  }
  
  .error-state {
    color: #f6f1ed;
    text-align: center;
    background-color: red;
  }
  
  .navigation {
    width: 100%;
    color: #494848;
    /* background-color: rgba(0, 0, 0, 0); */
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.6);
  }
  
  .menu-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .remove-button-style {
    color: #e0bcb3;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
  
  .card-price {
    font-family: Newyork, sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  
  .cart-container {
    box-shadow: none;
    color: #dce3fd;
    background-color: #45474f;
    border-left: 1px solid #924e52;
  }
  
  .cart-wrapper {
    background-color: rgba(17, 34, 23, .98);
  }
  
  .close-card {
    filter: invert();
  }
  
  .navigation-wrapper-link {
    z-index: 100;
    cursor: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 18px;
    display: flex;
    position: relative;
  }
  
  .button-4 {
    height: auto;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #095dff;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding: 16px 30px;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: border-width .4s;
    display: inline-block;
  }
  
  .button-4:hover {
    color: #fff;
    background-color: #03235f;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
    text-decoration: none;
  }
  
  .button-color-overlay {
    width: 0%;
    background-color: #000;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .button-text {
    font-family: 方正锐正圆, sans-serif;
    position: relative;
  }
  
  .link-footer-list {
    grid-column-gap: 16px;
    grid-row-gap: 6px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    display: grid;
  }
  
  .navbar-cart {
    margin-right: 20px;
    padding: 20px;
  }
  
  .div-block {
    font-family: Newyork, sans-serif;
  }
  
  .hero-grid-image-2 {
    z-index: 2;
    background-color: #fffdf9;
    background-image: url('../images/赫娜雅06211880-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }
  
  .hero-grid-image-3 {
    z-index: 3;
    height: 100vh;
    background-color: #fffdf9;
    background-image: url('../images/赫娜雅06212446-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .hero-grid-image-4 {
    z-index: 4;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/赫娜雅06211606-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .play-image {
    position: absolute;
  }
  
  .default-state {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .link {
    color: #45474f;
  }
  
  .block-quote, .italic-text {
    color: #494848;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .bold-text {
    color: #45474f;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .paragraph-6 {
    color: #494848;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .text-field-contact {
    height: 60px;
    float: none;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;
    margin-top: -1px;
    margin-bottom: 0;
    margin-left: -1px;
    padding: 12px 20px;
    display: inline-block;
  }
  
  .text-field-contact:hover, .text-field-contact:active, .text-field-contact:focus {
    background-color: #ecdad1;
    border-color: #e9e9e9;
  }
  
  .text-field-contact.message {
    height: 120px;
    float: left;
    color: #000;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;
    flex: 1;
    margin: -1px 0 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    position: relative;
  }
  
  .text-field-contact.message:hover, .text-field-contact.message:active, .text-field-contact.message:focus {
    background-color: #ecdad1;
  }
  
  .text-field-contact.single {
    height: 60px;
    float: left;
    opacity: 1;
    color: #000;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;
    flex: 1;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    position: relative;
  }
  
  .text-field-contact.single:focus {
    background-color: #ecdad1;
  }
  
  .form-contact-wrapper {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #45474f;
    background-color: #fff;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    font-family: Newyork, sans-serif;
    display: grid;
  }
  
  .success-message {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #924e52;
    border-radius: 0;
    margin-top: 20px;
    font-family: Newyork, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
  }
  
  .single-form-contact {
    max-width: 700px;
    color: rgba(12, 21, 47, .6);
    text-align: center;
    border-radius: 0;
    margin: 0 auto;
    font-size: 12px;
    display: block;
  }
  
  .error-message {
    width: 100%;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: red;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Newyork, sans-serif;
    font-size: 10px;
    font-weight: 400;
  }
  
  .breadcrumbs-block {
    z-index: 3;
    width: 100%;
    color: #494848;
    background-color: #fff;
    border-top: 1px #000;
    border-bottom: 1px solid #fff;
    border-left: 1px #000;
    border-right: 1px #d4e4f0;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-family: Newyork, sans-serif;
    font-size: 13px;
    line-height: 23px;
    display: flex;
    position: relative;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .label-link {
    width: 100%;
    color: #000;
    text-align: center;
    background-color: #fff;
    border: 1px #e9e9e9;
    border-left-style: solid;
    margin: 0 0 0 -1px;
    padding: 10px 0;
    text-decoration: none;
    transition: background-color .4s;
    display: inline-block;
  }
  
  .label-link:hover {
    color: #000;
    background-color: #f1f1f1;
  }
  
  .label-link.w--current {
    color: #e64720;
    background-color: #fff;
  }
  
  .label-link.beadcrumbs {
    width: auto;
    color: #494848;
    border-style: none none none solid;
    border-color: #000 #000 #000 #fff;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .label-link.beadcrumbs:hover {
    background-color: #fffdf9;
  }
  
  .label-link.beadcrumbs.home {
    border-left-style: none;
  }
  
  .checkout-form {
    z-index: 1;
    color: #45474f;
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: Newyork, sans-serif;
    position: relative;
  }
  
  .wrapper-checkout {
    width: 100%;
  }
  
  .field-label {
    font-weight: 400;
  }
  
  .sticky-bar {
    top: 120px;
  }
  
  .discount {
    flex-direction: column;
    margin-top: -1px;
    margin-bottom: 20px;
  }
  
  .div-flex.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  
  .skill-flex {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .hero-grid-image-last {
    z-index: 5;
    height: 100vh;
    background-color: #36473b;
    background-image: url('../images/赫娜雅06210864-min_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .hero-grid-image-5 {
    z-index: 5;
    height: 100vh;
    background-color: #fffdf9;
    background-image: url('../images/地图.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .no-iteam {
    color: #fffdf9;
    margin-bottom: 20px;
  }
  
  .cms-info-card-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  
  .graphics {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .wrapper-2 {
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .assets-card {
    height: 200px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .assets-card.three {
    background-image: url('../images/instagram.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 48px;
  }
  
  .assets-card.two {
    background-image: url('../images/facebook.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 48px;
  }
  
  .assets-card.one {
    height: 200px;
    background-color: #fafafa;
    background-image: url('../images/twitter.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 48px;
    border-radius: 0;
  }
  
  .ads-grid {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    margin-bottom: 60px;
    display: grid;
  }
  
  .ads-grid.style-guide-row {
    grid-template-columns: .25fr 1fr;
    align-items: start;
    justify-items: start;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  
  .image-unsplash {
    height: 200px;
    border-radius: 0;
  }
  
  .image-unsplash.five {
    background-image: url('../images/Portfolio34.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-unsplash.four {
    background-image: url('../images/Untitled-14.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-unsplash.two {
    background-image: url('../images/Project-10.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-unsplash.one {
    background-image: url('../images/Project-2.jpg');
    background-position: 0 0;
    background-size: cover;
    border-radius: 0;
  }
  
  .image-unsplash.six {
    background-image: url('../images/Untitled-7.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-unsplash.three {
    background-image: url('../images/5e4a66040928fffb58bc00ad_maksym-zakharyak-1155352-unsplash.jpeg');
    background-position: 50%;
    background-size: cover;
  }
  
  .dark-logo {
    filter: invert();
  }
  
  .image-team {
    height: 200px;
    background-color: #fff;
    border-radius: 0;
  }
  
  .image-team._3 {
    background-image: url('../images/Portfolio36.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-team._2 {
    background-image: url('../images/Portfolio35.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-team._4 {
    background-image: url('../images/Portfolio38.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .image-team._1 {
    background-color: #fff;
    background-image: url('../images/Untitled-15.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .licenses {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    margin-bottom: 60px;
    display: grid;
  }
  
  .licenses.style-guide-row {
    grid-template-columns: .25fr 1fr;
    align-items: start;
    justify-items: start;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  
  .hero-blog-title {
    color: #fffdf9;
    text-align: center;
  }
  
  .mg-40px-top {
    margin-top: 40px;
  }
  
  .margin-bottom-60px {
    margin-top: 0;
    margin-bottom: 60px;
  }
  
  .logo-grid {
    width: auto;
    max-width: 900px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }
  
  .logo {
    width: Infinity% ;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .preloader {
    z-index: 9999;
    background-color: rgba(0, 0, 0, .94);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }
  
  .preload-wrapper {
    width: 200px;
    height: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .company-name-reload {
    color: #fff;
    letter-spacing: -2px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 48px;
    text-decoration: none;
  }
  
  .underline {
    height: 1px;
    background-color: #ff6932;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .underline.darker {
    z-index: 2;
    width: 70%;
    background-color: #363636;
  }
  
  .loading-lottie {
    filter: invert();
    margin-right: 20px;
  }
  
  .image {
    display: inline-block;
  }
  
  .heading {
    color: #45474f;
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
  }
  
  .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .list-2, .heading-14, .heading-15, .list-3, .heading-16 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .heading-18 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
  }
  
  .heading-19 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .image-2 {
    width: auto;
    object-fit: fill;
    overflow: visible;
  }
  
  .text-block-2 {
    border: 1px #000;
    font-family: 方正锐正圆, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }
  
  .paragraph-7 {
    margin-top: 20px;
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
  }
  
  .div-block-4, .list-4, .list-5 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .icon {
    color: #fff;
  }
  
  .heading-20 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
  }
  
  .paragraph-8 {
    color: rgba(69, 71, 79, .7);
    text-align: justify;
    font-family: 方正锐正圆, sans-serif;
    line-height: 1.3;
  }
  
  .div-block-5 {
    margin-left: auto;
    margin-right: auto;
  }
  
  .section-2 {
    -webkit-text-fill-color: inherit;
    background-color: #fffdf9;
    background-clip: border-box;
  }
  
  .hero-heading-left {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }
  
  .container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .hero-split {
    max-width: 46%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  
  .margin-bottom-24px {
    margin-bottom: 24px;
  }
  
  .button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }
  
  .button-primary:hover {
    color: #fff;
    background-color: #32343a;
  }
  
  .button-primary:active {
    background-color: #43464d;
  }
  
  .shadow-two {
    box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
  }
  
  .section-3 {
    background-color: #fff;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 140px;
    padding-bottom: 140px;
  }
  
  .grid {
    width: 80%;
    grid-column-gap: 28px;
    grid-row-gap: 29px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }
  
  .heading-21 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .grid-2 {
    grid-column-gap: 35px;
    grid-template-rows: minmax(auto, 6fr);
    grid-template-columns: 1fr 1.75fr;
  }
  
  .grid-3 {
    grid-template-rows: auto auto auto;
  }
  
  .paragraph-9 {
    margin-top: 20px;
  }
  
  .slider {
    height: 500px;
    object-fit: fill;
  }
  
  .paragraph-10 {
    color: #45474f;
    padding-left: 10px;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .paragraph-11 {
    color: #45474f;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .container-2, .mask {
    object-fit: fill;
  }
  
  .slide {
    object-fit: fill;
    background-image: url('../images/_INS8244.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .slide-2 {
    object-fit: fill;
    background-image: url('../images/_INS8414-拷贝.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: visible;
  }
  
  .image-3 {
    object-fit: fill;
  }
  
  .paragraph-12 {
    color: #45474f;
    margin-top: 20px;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .paragraph-13 {
    color: #fff;
    text-align: left;
    letter-spacing: 1.5px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2em;
  }
  
  .heading-22, .heading-23, .heading-24 {
    color: #e0bcb3;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.2em;
  }
  
  .heading-25, .heading-26, .heading-27 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.2em;
  }
  
  .container-3 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 40px;
  }
  
  .div-block-7 {
    padding-top: 0;
  }
  
  .heading-28 {
    color: #e0bcb3;
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .heading-29, .heading-30, .heading-31 {
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .bold-text-2 {
    font-weight: 500;
  }
  
  .heading-32, .heading-33 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .heading-34 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
  }
  
  .feature-card-2 {
    z-index: 1;
    color: #924e52;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 0 #e0bcb3;
    border-radius: 0;
    flex-direction: column;
    flex: 270px;
    align-items: flex-start;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 30px 20px 20px;
    display: block;
    position: relative;
  }
  
  .services-big-number-2 {
    color: #e0bcb3;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2em;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
  }
  
  .top-title-section-2 {
    color: #45474f;
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 12px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: inline-block;
  }
  
  .section-4 {
    z-index: 1;
    background-color: #fffdf9;
    border: 0 #000;
    padding: 60px 40px 100px;
    position: relative;
    overflow: hidden;
  }
  
  .wrapper-3 {
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
  }
  
  .display-4 {
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2.5em;
  }
  
  .display-4._1-tittle {
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
    line-height: 1;
    transform: translate(-80px);
  }
  
  .display-4._2-title {
    color: #e0bcb3;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
    line-height: 1;
    transform: translate(80px);
  }
  
  .bold-text-3 {
    color: #e0bcb3;
  }
  
  .bold-text-4 {
    color: rgba(69, 71, 79, .7);
    font-weight: 400;
  }
  
  .bold-text-4.bigtitle {
    font-size: 1.3em;
  }
  
  .heading-35 {
    margin-top: 60px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .paragraph-14 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 15px;
  }
  
  .paragraph-15 {
    color: #45474f;
    font-family: 方正锐正圆, sans-serif;
    font-size: 15px;
  }
  
  .heading-36 {
    margin-top: 60px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .heading-37 {
    color: #45474f;
    margin-top: 60px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .heading-38 {
    margin-top: 60px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .paragraph-16, .paragraph-17 {
    color: #45474f;
    font-family: 方正锐正圆, sans-serif;
    font-size: 15px;
  }
  
  .heading-39 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .image-4 {
    width: auto;
    height: auto;
  }
  
  .div-block-8 {
    height: auto;
  }
  
  .image-5 {
    height: 300px;
  }
  
  .container-4 {
    margin-top: 60px;
  }
  
  .section-1 {
    color: #fffdf9;
    background-image: linear-gradient(45deg, #e0bcb3, #fff);
    padding: 60px 40px;
  }
  
  .div-block-9 {
    width: 25%;
  }
  
  .paragraph-18 {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  
  .paragraph-19, .paragraph-20 {
    margin-bottom: 10px;
  }
  
  .section-5 {
    z-index: 1;
    background-color: #f5fcf5;
    border: 0 #000;
    padding: 100px 40px;
    position: relative;
    overflow: hidden;
  }
  
  .section-5.white {
    color: #fffdf9;
    background-color: #fff;
    margin-bottom: 0;
  }
  
  .div-block-10 {
    width: 100%;
    max-width: 1200px;
  }
  
  .div-block-11 {
    background-image: url('../images/birgith-roosipuu-W71jxsXrwyQ-unsplash.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .div-block-12 {
    max-width: 100%;
    /* background-image: url('../images/赫娜雅logo-B.png'); */
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .div-block-13 {
    padding: 40px 60px 140px;
  }
  
  .paragraph-21 {
    color: rgba(69, 71, 79, .6);
    text-align: center;
    padding-left: 300px;
    padding-right: 300px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2em;
  }
  
  .heading-40 {
    color: #fff;
    margin-top: 40px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
  }
  
  .section-6 {
    background-image: linear-gradient(#ecdad1, #ecdad1);
  }
  
  .slide-3 {
    background-image: url('../images/_INS8605-拷贝.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .slide-4 {
    background-image: url('../images/_INS8519-拷贝.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  ._1 {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .heading-41 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .section-7 {
    background-image: linear-gradient(rgba(237, 225, 204, .7) 70%, rgba(247, 243, 236, .7));
    padding: 100px 40px 140px;
  }
  
  .section-8 {
    background-image: linear-gradient(#fff, #fff);
    padding-top: 60px;
    padding-bottom: 100px;
  }
  
  .heading-42 {
    color: #e0bcb3;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
    font-size: 3em;
  }
  
  .section-9 {
    background-image: linear-gradient(#fffdf9, #fffdf9);
    padding: 0 40px 100px;
  }
  
  .container-5 {
    display: flex;
  }
  
  .image-6 {
    height: 25px;
    padding-left: 40px;
  }
  
  .text-span {
    color: rgba(69, 71, 79, .7);
  }
  
  .paragraph-22 {
    color: #45474f;
    text-align: center;
    margin-top: 40px;
    padding-left: 100px;
    padding-right: 100px;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .slide-5 {
    background-image: url('../images/IMG_1488.JPG');
    background-position: 0 0;
    background-size: contain;
  }
  
  .heading-44 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
  }
  
  .heading-46 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
  }
  
  .heading-46.product {
    color: #e0bcb3;
  }
  
  .section-10 {
    background-image: url('../images/赫娜雅_辅助图形-01.svg'), linear-gradient(#fffdf9, #fffdf9);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }
  
  .paragraph-23 {
    color: rgba(69, 71, 79, .7);
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
  }
  
  .container-6 {
    max-width: 100%;
  }
  
  .paragraph-24 {
    color: rgba(69, 71, 79, .7);
    padding-top: 0;
    padding-bottom: 40px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2em;
    font-weight: 500;
  }
  
  .section-11 {
    background-image: linear-gradient(#fffdf9, #fffdf9);
  }
  
  .columns {
    padding-left: 100px;
    padding-right: 100px;
  }
  
  .heading-47 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-size: 3em;
    font-weight: 500;
  }
  
  .paragraph-25 {
    color: #45474f;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .section-12 {
    background-image: linear-gradient(rgba(247, 243, 236, .7) 70%, rgba(236, 218, 209, .8));
    padding: 100px 40px 140px;
  }
  
  .section-13 {
    background-image: linear-gradient(#fffdf9, #fffdf9);
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .nav-link.w--current {
    color:rgb(29, 35, 156);
    padding: 20px 20px 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  
  .nav-link.w--current:hover {
    color: rgb(29, 35, 156);
  }
  
  .nav-link.nav-text {
    cursor: pointer;
    mix-blend-mode: normal;
    padding: 0 20px;
    font-size: 15px;
    line-height: 15px;
  }
  
  .nav-link.nav-text:hover {
    color: rgb(29, 35, 156);
    font-size: 15px;
    line-height: 15px;
  }
  
  .nav-link.nav-text.w--current {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .section-14 {
    background-image: linear-gradient(#fffdf9, #fffdf9);
    padding: 60px 100px;
  }
  
  .text-block-3 {
    color: rgba(69, 71, 79, .7);
    padding-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
  
  .grid-5 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .section-15 {
    background-image: linear-gradient(#fffdf9, #fffdf9);
    padding: 100px;
  }
  
  .div-block-14 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 70px;
    padding-right: 70px;
  }
  
  .div-block-15 {
    width: 100%;
  }
  
  .text-block-4 {
    font-family: 方正锐正圆, sans-serif;
  }
  
  .text-block-4.heading-32 {
    color: #45474f;
    border-bottom: 1px #45474f;
    margin-top: 10px;
    padding-left: 0;
    font-size: 1.5em;
    line-height: 1.3em;
  }
  
  .column {
    padding-right: 20px;
  }
  
  .div-block-16 {
    margin-top: 0;
    padding-left: 5px;
    display: flex;
  }
  
  .text-block-5 {
    color: #e0bcb3;
    margin-top: 10px;
    margin-left: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
  }
  
  .image-7 {
    width: auto;
    max-width: 100%;
    padding-top: 0;
  }
  
  .image-8 {
    max-width: 22%;
  }
  
  .image-9 {
    width: auto;
    max-width: 102%;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }
  
  .text-block-6 {
    color: #45474f;
    margin-bottom: 10px;
    font-family: 方正锐正圆, sans-serif;
    font-size: 15px;
    line-height: 24px;
  }
  
  .div-block-19 {
    z-index: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .div-block-20 {
    background-color: #fffdf9;
    background-image: url('../images/赫娜雅06210902-min.jpg');
    background-position: 50%;
    background-size: cover;
  }
  
  .hero-grid-wrapper-2.second {
    z-index: 4;
    height: 100%;
    background-color: #e8f5e8;
    position: relative;
    overflow: hidden;
  }
  
  .hero-grid-image-2 {
    height: 100vh;
    background-color: #36473b;
    background-image: url('../images/赫娜雅06211880-min_1.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .hero-last {
    z-index: 3;
    background-image: url('../images/赫娜雅06210864-min_1.jpg');
    background-position: 0 0;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .div-block-23 {
    background-image: url('../images/地图_1000_1700mm-制作文件_画板-1.png');
    background-position: 0 0;
    background-size: cover;
  }
  
  .text-block-7 {
    color: #e0bcb3;
  }
  
  .image-10 {
    max-width: 96%;
    padding-top: 3px;
    padding-bottom: 0;
  }
  
  .text-block-8 {
    color: #e0bcb3;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
    font-size: 5em;
  }
  
  .section-16 {
    padding-top: 60px;
    padding-left: 100px;
    padding-right: 100px;
  }
  
  .container-8 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .column-2, .column-3, .column-4, .column-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .columns-2 {
    padding-top: 40px;
  }
  
  .paragraph-26 {
    color: #45474f;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .paragraph-27 {
    color: #45474f;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
    font-weight: 400;
  }
  
  .paragraph-28, .paragraph-29 {
    color: #45474f;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
  }
  
  .paragraph-30 {
    color: #45474f;
    text-align: center;
    margin-bottom: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 20px;
  }
  
  @media screen and (min-width: 1280px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 800px !important;
    }
     .blog2{
      height: 1300px !important;
    } .blog3{
      height: 800px !important;
    } .blog4{
      height: 700px !important;
    } .blog5{
      height: 600px !important;
    } .blog6{
      height: 800px !important;
    } .blog7{
      height: 600px !important;
    }
    
    body {
      color: #45474f;
    }
  
    h1, p {
      color: #36473b;
    }
  
    .sroll-link {
      color: #36473b;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 500;
    }
  
    .text-content {
      color: #36473b;
    }
  
    .nav-text {
      color: #000;
    }
  
    .logo-text {
      color: #fff;
      font-weight: 400;
    }
  
    .wrapper.footer {
      max-width: 100%;
    }
  
    .section {
      overflow: hidden;
    }
  
    .top-title-section {
      color: #e0bcb3;
    }
  
    .bottom-margin-60px {
      padding-top: 0;
    }
  
    .toggle-heading, .portfolio-content {
      color: #36473b;
    }
  
    .hero-grid-intro {
      background-color: rgba(0, 0, 0, 0);
      background-image: linear-gradient(to top, #e0bcb3, #fff);
      margin-top: 0;
    }
  
    .footer-grid {
      grid-template-columns: 3fr 1fr 1fr;
    }
  
    .footer-white {
      margin: 0;
      padding: 60px 60px 20px;
    }
  
    .footer-bottom.dark {
      justify-content: space-between;
    }
  
    .social-icons-wrapper {
      margin-top: 10px;
    }
  
    .footer-side.left.gray {
      text-align: right;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 0;
      display: flex;
    }
  
    .logo-link {
      text-decoration: none;
      display: flex;
    }
  
    .white-paragraph {
      color: #fff;
    }
  
    .typography-details {
      margin-bottom: 20px;
    }
  
    .paragraph-small {
      color: #626a8a;
      line-height: 1.5em;
    }
  
    .list-dot.bg-primary-1 {
      background-color: #de39ff;
    }
  
    .grid-button {
      width: 100%;
      grid-template-rows: auto;
    }
  
    .style-guide-contents {
      width: 100%;
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      grid-template-rows: auto auto auto auto auto;
      grid-template-columns: 1fr;
    }
  
    .icon-list-item-2 {
      border-bottom-color: #251e38;
    }
  
    .typography-container {
      width: 100%;
    }
  
    .checkmark-circle {
      background-color: #de39ff;
      background-image: linear-gradient(#de39ff, #3982ff);
    }
  
    .display {
      font-size: 120px;
    }
  
    .style-guide-title {
      height: 100%;
      background-color: #ecdad1;
      border-radius: 0;
      padding-top: 36px;
      padding-bottom: 35px;
    }
  
    .grid-thirds {
      grid-template-columns: 1fr;
    }
  
    .style-guide-iteam-wrapper {
      background-color: #1b1629;
      border-radius: 0;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
      display: flex;
    }
  
    .style-guide-iteam-wrapper.gray {
      border-radius: 0;
    }
  
    .list-item {
      border-bottom-style: solid;
    }
  
    .page-header {
      background-image: url('../images/不够2-01.jpg');
    }
  
    .team-name.position {
      margin-bottom: 0;
    }
  
    .team-name-link {
      justify-content: flex-end;
    }
  
    .video-back-ground {
      background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    }
  
    .display-2._1-tittle {
      color: rgba(69, 71, 79, .7);
    }
  
    .achivement-wapper {
      border-style: none;
      border-radius: 0;
      margin-top: 0;
    }
  
    .team-info-card {
      height: auto;
    }
  
    .button-4 {
      padding-top: 16px;
      padding-bottom: 16px;
    }
  
    .hero-grid-image-5 {
      background-image: url('../images/地图.jpg');
    }
  
    .heading-20 {
      color: rgba(69, 71, 79, .7);
    }
  
    .paragraph-8 {
      color: rgba(69, 71, 79, .7);
      text-align: left;
      font-family: 方正锐正圆, sans-serif;
      line-height: 1.4;
    }
  
    .top-title-section-2 {
      color: #36473b;
    }
  
    .section-4, .section-5 {
      overflow: hidden;
    }
  
    .text-block-4.heading-32 {
      text-align: left;
    }
  
    .column {
      padding-right: 20px;
    }
  
    .text-block-6 {
      display: flex;
    }
  
    .div-block-17, .div-block-18 {
      text-align: left;
    }
  }

  @media screen and (min-width: 1600px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 900px !important;
    }
     .blog2{
      height: 2000px !important;
    } .blog3{
      height: 900px !important;
    } .blog4{
      height: 1000px !important;
    } .blog5{
      height: 800px !important;
    } .blog6{
      height: 1100px !important;
    } .blog7{
      height: 800px !important;
    }
  }

  @media screen and (max-width: 1700px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 900px !important;
    }
     .blog2{
      height: 1900px !important;
    } .blog3{
      height: 800px !important;
    }
    .blog4{
      height: 900px !important;
    }
    .blog5{
      height: 700px !important;
    }  
    .blog6{
      height: 1000px !important;
    }
    .blog7{
      height: 800px !important;
    }
    .footer{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .footer-link{
      font-size: 18px;
    }
    .footer-link a{
      margin-left: 0px;
      width: 50%;
      text-align: center;
    }
    .footer-left{
      width: 100%;
      display:block;
    }
    .footer-link{
      width: 100%;
    }
    .footer-column{
      width: 100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-right{
      width: 100%;
      /* display:block;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center; */
    }
    .contact{
      font-size: 18px;
    }
  }

  @media screen and (max-width: 1024px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: contain;
      width: auto;
    }
    .blog{
      height: 500px !important;
    }
    .blog1{
      height: 500px !important;
    }
     .blog2{
      height: 1100px !important;
    } .blog3{
      height: 600px !important;
    } .blog4{
      height: 500px !important;
    } .blog5{
      height: 400px !important;
    } .blog6{
      height: 600px !important;
    } .blog7{
      height: 400px !important;
    }.blog8{
      height: 156px !important;
    }

    .footer{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .footer-link{
      font-size: 18px;
    }
    .footer-link a{
      margin-left: 0px;
      width: 50%;
      text-align: center;
    }
    .footer-left{
      width: 100%;
      display:block;
    }
    .footer-link{
      width: 100%;
    }
    .footer-column{
      width: 100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-right{
      display:block;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .contact{
      font-size: 18px;
    }
  }

  /* @media screen and (min-width: 1240px) {

    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 800px !important;
    }
     .blog2{
      height: 1500px !important;
    } .blog3{
      height: 800px !important;
    } .blog4{
      height: 700px !important;
    } .blog5{
      height: 600px !important;
    } .blog6{
      height: 800px !important;
    } .blog7{
      height: 600px !important;
    }
  } */
  
  @media screen and (max-width: 1440px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: contain;
      width: auto;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 600px !important;
    }
     .blog2{
      height: 1300px !important;
    } .blog3{
      height: 600px !important;
    } .blog4{
      height: 600px !important;
    } .blog5{
      height: 500px !important;
    } .blog6{
      height: 1000px !important;
    } .blog7{
      height: 600px !important;
    }.blog8{
      height: 156px !important;
    }

    figcaption {
      margin-bottom: 20px;
    }
  
    .sroll-link {
      text-transform: capitalize;
      margin-right: 0;
      font-size: 16px;
      font-weight: 500;
    }
  
    .sroll-link.w--current {
      color: #fa7436;
      font-weight: 500;
    }
  
    .sroll-link.w--current:hover {
      border: 1px #000;
      text-decoration: none;
    }
  
    .text-content {
      overflow: hidden;
    }
  
    .nav-text {
      font-weight: 500;
    }
  
    .logo-text {
      font-weight: 400;
    }
  
    .wrapper.nav, .wrapper.footer {
      max-width: 100%;
    }
  
    .btn-primary {
      background-color: #e0bcb3;
      border-radius: 10px;
      font-size: 12px;
    }
  
    .btn-primary:hover {
      color: #fff;
      background-color: #924e52;
    }
  
    .btn-primary.newsletter {
      border-radius: 10px;
    }
  
    .nav-text-name {
      color: #e0bcb3;
      font-weight: 500;
    }
  
    .section {
      padding-left: 60px;
      padding-right: 60px;
    }
  
    .section.features {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: block;
    }
  
    .section.visible {
      background-color: #fff;
      margin-bottom: 0;
      padding-bottom: 220px;
    }
  
    .top-title-section {
      color: #e0bcb3;
      font-family: Optima, sans-serif;
    }
  
    .max-w-center {
      flex-flow: row;
    }
  
    .bottom-margin-60px {
      padding-top: 0;
    }
  
    .grid-faq.top-align {
      grid-template-columns: 2fr 1fr;
    }
  
    .portfolio {
      height: 500px;
      opacity: 1;
      background-color: rgba(0, 0, 0, 0);
      padding: 0;
    }
  
    .hero-grid-intro {
      color: #fff;
    }
  
    .left-hero-content.left {
      max-width: 500px;
    }
  
    .hero-grid-image {
      background-image: url('../images/赫娜雅06210864-min_1.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .hero-grid-wrapper.second {
      background-color: rgba(0, 0, 0, 0);
      background-image: linear-gradient(to top, #e0bcb3, #fff);
      display: block;
    }
  
    .button-wrapper {
      align-items: flex-start;
    }
  
    .hero-grid-home-vr-5 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
      display: grid;
    }
  
    .max-w {
      flex-flow: row;
    }
  
    .cta-card {
      max-width: 800px;
      color: #fff;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .footer-grid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: 3fr 1fr 1fr;
    }
  
    .footer-white {
      background-color: rgba(0, 0, 0, 0);
      border-radius: 0;
      margin-top: 0;
      padding: 60px 150px 20px;
    }
  
    .footer-bottom {
      color: #cfd2ec;
    }
  
    .footer-side.left.gray {
      background-color: rgba(0, 0, 0, 0);
      background-image: none;
      border-radius: 0;
      align-items: flex-start;
      margin-left: 0;
    }
  
    .white-paragraph {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .big-paragraph {
      color: #3c4153;
      font-family: 方正锐正圆, sans-serif;
    }
  
    .list {
      width: 79.3935%;
    }
  
    .check-circle {
      background-color: #e0bcb3;
    }
  
    .pricing {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      grid-template-rows: auto;
      grid-template-columns: 1fr .5fr;
    }
  
    .flex-wrapper {
      left: 0;
      overflow: visible;
    }
  
    .paragraph-small {
      color: #924e52;
      font-family: 方正锐正圆, sans-serif;
    }
  
    .style-guide-color.primary-1 {
      background-color: #e0bcb3;
    }
  
    .style-guide-color.primary-3 {
      background-color: #494848;
    }
  
    .style-guide-color.primary-2 {
      background-color: #924e52;
    }
  
    .style-guide-color.primary-4 {
      background-color: #45474f;
    }
  
    .style-guide-color.primary-5 {
      background-color: #fff;
    }
  
    .style-guide-color.primary-6 {
      background-color: #ecdad1;
    }
  
    .style-guide-color.primary7 {
      background-color: #fffdf9;
    }
  
    .grid-button {
      width: 100%;
    }
  
    .display {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .display.white {
      margin-bottom: 10px;
    }
  
    .display.white._1 {
      font-family: 方正锐正圆, sans-serif;
      font-size: 5em;
    }
  
    .style-guide-title {
      background-color: #ecdad1;
      border-radius: 0;
    }
  
    .style-guide-iteam-wrapper {
      text-align: center;
      border-radius: 0;
    }
  
    .list-div {
      width: auto;
    }
  
    .list-item {
      color: #000;
      border: 1px #000;
      border-top-width: 2px;
      border-bottom: 1px solid #e0bcb3;
      align-items: center;
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 16px;
    }
  
    .list-item.awward {
      margin-top: 20px;
      margin-bottom: 80px;
      padding-bottom: 0;
      font-size: 18px;
    }
  
    .page-header {
      height: 700px;
      background-image: url('../images/不够2-01.jpg');
      background-position: 0 0, 0 0;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
    }
  
    .page-header.categorie-projects {
      background-image: url('../images/赫娜雅06212183-min.jpg');
      background-position: 0 0, 50%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
    }
  
    .page-header.blog {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅06212002-min_1.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog1 {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_02.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
   .page-header.blog2{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_03.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog3{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_04.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog4{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_05.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog5{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_06.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog6{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_07.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog7{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_08.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }
    .page-header.blog8{
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/赫娜雅2_09.jpg');
      background-position: 0 0, 0%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
      justify-content: flex-end;
    }

    
  
    .page-header.blog-categories {
      background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/matthew-ball-xVdIFT7_G0I-unsplash.jpg');
      background-position: 0 0, 50%;
      background-repeat: repeat, no-repeat;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
    }
  
    .page-header.about {
      background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/karim-ghantous-dxS2okXd-zo-unsplash.jpg');
      background-position: 0 0, 0 0;
      background-size: auto, 2000px;
    }
  
    .page-header.pricing {
      background-image: url('../images/image32-min-p-800_1.jpeg');
    }
  
    .page-header.cantact {
      background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/赫娜雅06211100-min.jpg');
      background-position: 0 0, 50%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
    }
  
    .team-name {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      font-size: 45px;
    }
  
    .team-name.position {
      margin-bottom: 0;
    }
  
    .team-name-link {
      width: 500px;
      height: 600px;
      justify-content: flex-end;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
    }
  
    .team-name-link._4 {
      height: 600px;
      justify-content: flex-end;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
    }
  
    .team-author-avatar {
      height: 600px;
      background-image: url('../images/Portfolio35.jpg');
      justify-content: center;
    }
  
    .team-author-avatar._3 {
      height: 600px;
      background-image: url('../images/Portfolio36.jpg');
      justify-content: flex-end;
    }
  
    .team-author-avatar._2 {
      height: 600px;
      background-image: url('../images/Portfolio39.jpg');
      align-items: flex-end;
    }
  
    .team-author-avatar._1 {
      background-image: url('../images/Portfolio35.jpg');
      background-position: 50%;
      background-repeat: repeat;
      background-size: cover;
    }
  
    .team-author-avatar._4 {
      background-image: url('../images/Portfolio38.jpg');
    }
  
    .video-back-ground {
      background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    }
  
    .hero-info-div {
      flex: 0 auto;
      align-self: auto;
      margin-left: 0;
    }
  
    .bubble-icon {
      background-color: #1b1629;
    }
  
    .highlighted-text {
      background-color: rgba(224, 188, 179, .43);
    }
  
    .display-3._1, .display-3._2 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .sticky-position._80px {
      top: 140px;
    }
  
    .display-2 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .display-2._1-tittle, .display-2._2-title {
      color: rgba(69, 71, 79, .7);
    }
  
    .overlay-bg {
      background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    }
  
    .team-member-image {
      max-height: none;
    }
  
    .slider-right-arrow._1 {
      margin-right: -400px;
    }
  
    .slider-left-arrow._1 {
      margin-left: -280px;
    }
  
    .achivement-wapper {
      border: 0 rgba(0, 0, 0, 0);
    }
  
    .overlay-div._2 {
      background-image: none;
    }
  
    .richtext-presentation h3, .richtext-presentation p, .richtext-presentation blockquote, .richtext-presentation h5, .richtext-presentation h6, .richtext-presentation h4, .richtext-presentation h2 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .arrow-icon {
      width: 80px;
    }
  
    .skill-list {
      width: 100%;
    }
  
    .team-info-card {
      width: 100%;
      align-items: flex-start;
      margin-left: 0;
      margin-right: 0;
    }
  
    .navigation {
      background-color: rgba(0, 0, 0, 0.05);
      padding-left: 60px;
      padding-right: 60px;
    }
  
    .navigation-wrapper-link {
      margin-top: 18px;
      margin-bottom: 18px;
    }
  
    .button-4 {
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #0456f1;
      border-bottom-width: 4px;
      padding: 16px 30px;
      font-size: 12px;
      font-weight: 700;
      transition-property: border-width;
      display: inline-block;
    }
  
    .button-4:hover {
      padding-top: 16px;
      padding-bottom: 16px;
      font-weight: 500;
    }
  
    .hero-grid-image-3 {
      background-image: url('../images/赫娜雅06211880-min_1-p-800_1.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .hero-grid-image-4 {
      z-index: auto;
      background-image: url('../images/赫娜雅06210902-min.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .block-quote, .italic-text, .bold-text, .paragraph-6 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .hero-grid-image-5 {
      background-position: 50%;
    }
  
    .preloader {
      display: none;
    }
  
    .underline.darker {
      background-color: #363636;
    }
  
    .image {
      max-width: 100%;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .heading, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .list-item-2, .list-item-3, .list-item-4, .heading-13, .list-2, .heading-14, .div-block-3, .heading-15, .list-3, .heading-16, .heading-17 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .image-2 {
      object-fit: fill;
      position: static;
    }
  
    .text-block-2 {
      color: #45474f;
    }
  
    .heading-20, .paragraph-8 {
      color: rgba(69, 71, 79, .7);
    }
  
    .section-3 {
      background-color: #fff;
      padding-left: 0;
    }
  
    .grid-2 {
      grid-template-rows: minmax(100%, 2.5fr);
    }
  
    .paragraph-9 {
      color: #45474f;
    }
  
    .div-block-6 {
      padding-right: 26px;
    }
  
    .slider {
      height: auto;
    }
  
    .paragraph-10 {
      color: #45474f;
    }
  
    .paragraph-11 {
      letter-spacing: .8px;
      font-family: Optima, sans-serif;
      font-weight: 400;
      line-height: 2;
    }
  
    .slider-2 {
      height: 650px;
      object-fit: fill;
    }
  
    .mask {
      height: 500px;
    }
  
    .paragraph-12 {
      color: #45474f;
    }
  
    .paragraph-13 {
      color: #fff;
      text-align: left;
      margin-right: 0;
      font-family: 方正锐正圆, sans-serif;
      font-size: 2em;
    }
  
    .container-3 {
      border-top-color: #45474f;
      border-bottom-color: #45474f;
    }
  
    .paragraph-14 {
      font-size: 15px;
    }
  
    .paragraph-15 {
      font-family: 方正锐正圆, sans-serif;
      font-size: 15px;
    }
  
    .heading-36 {
      font-family: 方正锐正圆, sans-serif;
    }
  
    .paragraph-18, .paragraph-19, .paragraph-20 {
      color: #45474f;
    }
  
    .div-block-10 {
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }
  
    .div-block-12 {
      max-width: 90%;
    }
  
    .dropdown-link {
      color: #45474f;
      background-image: linear-gradient(#fffdf9, #fffdf9);
    }
  
    .dropdown-link:visited {
      color: #e0bcb3;
      background-image: linear-gradient(#fffdf9, #fffdf9);
    }
  
    .dropdown-link.w--current {
      color: #924e52;
    }
  
    .heading-41 {
      color: #fff;
      margin-bottom: 0;
    }
  
    .section-7 {
      background-image: linear-gradient(rgba(237, 225, 204, .7) 70%, rgba(247, 243, 236, .7));
    }
  
    .section-8 {
      background-image: none;
      padding-top: 60px;
      padding-bottom: 100px;
    }
  
    .heading-42 {
      color: #e0bcb3;
      text-align: center;
      font-family: 方正锐正圆, sans-serif;
      font-size: 3em;
    }
  
    .text-block-4.heading-32 {
      text-align: left;
    }
  
    .column {
      padding-right: 60px;
    }
  
    .div-block-22 {
      background-image: url('../images/赫娜雅06210902-min.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .hero-grid-image-2 {
      background-image: url('../images/赫娜雅06212446-min.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .hero-last {
      background-image: url('../images/赫娜雅06210864-min_1.jpg');
      background-position: 0 0;
      background-size: cover;
    }
  }
 
  
  @media screen and (min-width: 1920px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 600px !important;
    }
    .blog1{
      height: 1000px !important;
    }
     .blog2{
      height: 1980px !important;
    } .blog3{
      height: 900px !important;
    } .blog4{
      height: 900px !important;
    } 
    .blog5{
      /* width: 80% !important; */
      height: 860px !important;
      background-repeat: no-repeat;
      /* height: 100% !important; */

    } 
    .blog6{
      height: 1100px !important;
    } .blog7{
      height: 850px !important;
    }
    

    h1, blockquote {
      color: #45474f;
    }
  
    .sroll-link {
      color: #45474f;
      padding-bottom: 10px;
    }
  
    .text-content, .nav-text {
      color: #000;
    }
  
    .nav-menu {
      margin-top: 0;
      padding-top: 30px;
    }
  
    .logo-text {
      color: #fff;
      position: relative;
    }
  
    .wrapper {
      text-align: center;
      align-items: flex-start;
      display: flex;
    }
  
    .wrapper.nav, .wrapper.footer {
      max-width: 100%;
    }
  
    .btn-primary {
      letter-spacing: 1px;
      background-color: #e0bcb3;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 600;
      transition: letter-spacing .4s, background-color .4s;
    }
  
    .btn-primary:hover {
      letter-spacing: 2px;
      background-color: #924e52;
    }
  
    .btn-primary.newsletter {
      width: 100%;
      border-radius: 10px;
      margin-top: 20px;
      display: block;
    }
  
    .section {
      color: #626a8a;
    }
  
    .section.features {
      padding-left: 0;
      padding-right: 0;
    }
  
    .section.white {
      background-image: linear-gradient(rgba(236, 218, 209, .8) 70%, rgba(237, 225, 204, .7));
    }
  
    .section.fact.white {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .top-title-section {
      color: #e0bcb3;
    }
  
    .bottom-margin-60px {
      padding-top: 0;
    }
  
    .accordion-card {
      border-top-color: #45474f;
      border-bottom-color: #45474f;
    }
  
    .accordion-head {
      background-color: rgba(0, 0, 0, 0);
    }
  
    .portfolio-image.vr-2 {
      background-size: cover;
    }
  
    .portfolio._2 {
      height: 550px;
    }
  
    .hero-grid-wrapper.second {
      background-color: rgba(0, 0, 0, 0);
      background-image: linear-gradient(to top, #e0bcb3, #fff);
    }
  
    .faq-overlay-color, .cta-card {
      background-color: rgba(0, 0, 0, 0);
    }
  
    .footer-grid {
      grid-template-columns: 3fr 1fr 1fr;
    }
  
    .footer-white {
      border-radius: 0;
      margin-top: 0;
      padding: 60px 150px 20px;
    }
  
    .footer-side.left.gray {
      text-align: left;
      background-color: rgba(0, 0, 0, 0);
      background-image: none;
      align-items: flex-start;
      margin-left: 0;
    }
  
    .big-paragraph {
      color: #45474f;
      text-align: left;
    }
  
    .check-circle {
      background-color: #e0bcb3;
    }
  
    .feature-card {
      background-color: rgba(0, 0, 0, 0);
      border-style: solid;
      border-color: #fff;
    }
  
    .list-dot.bg-primary-1 {
      background-color: #e0bcb3;
    }
  
    .text-small {
      color: #fff;
    }
  
    .checkmark-circle {
      background-color: #e0bcb3;
      background-image: none;
    }
  
    .display {
      font-size: 10em;
    }
  
    .display.white {
      text-align: left;
    }
  
    .display.white._1, .display.white._2, .display.white._3 {
      margin-bottom: 0;
    }
  
    .card.style-guide-color-card {
      background-color: rgba(0, 0, 0, 0);
      border-style: solid;
      border-radius: 0;
    }
  
    .style-guide-title {
      background-color: #fff;
      border-style: none;
      border-radius: 0;
    }
  
    .divider {
      background-color: #fff;
    }
  
    .style-guide-iteam-wrapper {
      border-radius: 0;
    }
  
    .list-div.awward {
      text-align: left;
    }
  
    .list-item {
      border-bottom-width: 1px;
      border-bottom-color: #924e52;
    }
  
    .list-item.awward {
      border-bottom-style: solid;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .page-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/不够2-01.jpg');
      background-position: 0 0, 50%;
      background-size: auto, cover;
    }
  
    .page-header.categorie-projects {
      background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/赫娜雅06212183-min-p-1600.jpg');
      background-position: 0 0, 50%;
      background-size: auto, cover;
      background-attachment: scroll, scroll;
    }
  
    .page-header.blog {
      background-image: url('../images/赫娜雅06212002-min_1.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog1 {
      background-image: url('../images/赫娜雅2_02.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog2 {
      background-image: url('../images/赫娜雅2_03.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog3 {
      background-image: url('../images/赫娜雅2_04.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog4 {
      background-image: url('../images/赫娜雅2_05.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog5 {
      background-image: url('../images/赫娜雅2_06.jpg');
      background-position: 0%;
      background-size: 100%;
      object-fit: contain;

    }
    .page-header.blog6 {
      background-image: url('../images/赫娜雅2_07.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog7{
      background-image: url('../images/赫娜雅2_08.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    .page-header.blog8 {
      background-image: url('../images/赫娜雅2_09.jpg');
      background-position: 0%;
      background-size: 100%;
    }
    


    .page-header.blog-categories {
      margin-bottom: auto;
    }
  
    .page-header.about {
      z-index: 1;
      background-position: 50%;
      background-size: cover;
    }
  
    .page-header.pricing {
      background-position: 50%;
      background-size: cover;
    }
  
    .team-name.position {
      margin-bottom: 0;
    }
  
    .team-name-link, .team-name-link._4 {
      margin-left: 0;
      margin-right: 0;
    }
  
    .team-author-avatar._3 {
      flex-direction: column;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .team-author-avatar._2 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .team-author-avatar._1 {
      background-image: url('../images/Portfolio35.jpg');
      background-position: 50%;
      background-repeat: repeat;
      background-size: cover;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .team-author-avatar._4 {
      background-image: url('../images/Portfolio38.jpg');
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .video-back-ground {
      height: 100vh;
      background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .scroll-link {
      left: 0;
    }
  
    .bubble-icon {
      background-color: #1b1629;
    }
  
    ._60px-padding {
      height: auto;
    }
  
    .hero-quotes {
      align-self: center;
      display: block;
    }
  
    .display-3._1 {
      color: #e0bcb3;
    }
  
    .display-2 {
      color: #45474f;
    }
  
    .display-2._1-tittle, .display-2._2-title {
      color: rgba(69, 71, 79, .7);
    }
  
    .button-link {
      left: 0;
    }
  
    .footer-text {
      font-weight: 400;
    }
  
    .team-member-image {
      width: 160px;
      height: 160px;
    }
  
    .testimonial-container {
      color: #626a8a;
    }
  
    .achivement-wapper {
      max-width: 900px;
      border: 1px #000;
    }
  
    .achivements-grid {
      width: 900px;
    }
  
    .achivement-block.lines {
      border-right-color: #45474f;
    }
  
    .title-insights {
      color: #45474f;
    }
  
    .project-image {
      justify-content: center;
      align-items: center;
      padding-top: 0;
      display: flex;
    }
  
    .overlay-div {
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .overlay-div._2 {
      background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    }
  
    .richtext-presentation {
      max-width: none;
      margin-left: auto;
      margin-right: auto;
    }
  
    .categories-list.blog {
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 0;
    }
  
    .category-direct-link.white {
      color: #fff;
      border-color: #fff;
      margin-bottom: 0;
    }
  
    .category-direct-link.white:hover {
      color: #45474f;
      background-color: #fff;
    }
  
    .collection-list-categories {
      grid-template-areas: ". . . Area";
    }
  
    .collection-blog-categories {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .cta-quote {
      text-align: left;
    }
  
    .skills-list-item, .skills-text {
      font-family: Newyork, sans-serif;
    }
  
    .skill-progress._1, .skill-progress._2, .skill-progress._3, .skill-progress._4 {
      background-color: #45474f;
    }
  
    .skill-list {
      width: 100%;
    }
  
    .team-info-card {
      width: 100%;
      align-items: flex-start;
      margin-left: 0;
      margin-right: 0;
    }
  
    .pricing-div.line {
      background-color: #fff;
      border-color: #fff;
    }
  
    .pricing-grid.two-row {
      border-style: none;
    }
  
    .navigation {
      flex: 1;
      justify-content: flex-end;
      padding-left: 60px;
      padding-right: 60px;
    }
  
    .cart-wrapper {
      background-color: rgba(17, 34, 23, .98);
    }
  
    .button-4 {
      background-color: #0259ff;
      border: 1px #000;
      border-radius: 0;
      padding-left: 30px;
      padding-right: 30px;
    }
  
    .button-4:hover {
      background-color: #03235f;
      border-radius: 0;
      padding-top: 16px;
      padding-bottom: 16px;
      font-weight: 700;
    }
  
    .navbar-cart {
      background-color: rgba(0, 0, 0, 0);
    }
  
    .hero-grid-image-3 {
      background-image: url('../images/赫娜雅06211606-min.jpg');
    }
  
    .form-contact-wrapper {
      background-color: #fff;
    }
  
    .breadcrumbs-block {
      background-color: #fff;
      border: 1px #000;
      border-bottom: 1px solid #fff;
      font-family: Newyork, sans-serif;
    }
  
    .label-link.beadcrumbs {
      border-style: none none none solid;
      border-color: #000 #000 #000 #fff;
    }
  
    .label-link.beadcrumbs:hover {
      background-color: #fffdf9;
    }
  
    .label-link.beadcrumbs.home {
      border-style: none;
      border-color: #000;
    }
  
    .label-link.beadcrumbs.home:hover {
      background-color: #fffdf9;
    }
  
    .div-block-2 {
      border-bottom: 1px #000;
    }
  
    .div-flex {
      text-align: left;
    }
  
    .logo-grid {
      width: 100%;
    }
  
    .underline {
      background-color: #778799;
    }
  
    .subscript {
      text-align: left;
    }
  
    .slider {
      width: 100%;
      height: 100%;
    }
  
    .mask {
      height: 600px;
    }
  
    .paragraph-12 {
      text-align: left;
    }
  
    .paragraph-13 {
      color: #fff;
      font-size: 2em;
    }
  
    .heading-34 {
      align-self: center;
      font-size: 5em;
      font-weight: 400;
    }
  
    .feature-card-2 {
      background-color: rgba(0, 0, 0, 0);
      border-style: solid;
      border-color: #d6e4d6;
    }
  
    .top-title-section-2 {
      color: #445c4c;
    }
  
    .section-4 {
      color: #626a8a;
    }
  
    .wrapper-3 {
      display: flex;
    }
  
    .display-4, .display-4._1-tittle, .display-4._2-title {
      color: #112217;
    }
  
    .section-5 {
      color: #626a8a;
    }
  
    .div-block-10 {
      justify-content: center;
      align-items: stretch;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }
  
    .paragraph-21 {
      text-align: center;
      align-self: center;
    }
  
    .heading-40 {
      align-self: center;
    }
  
    .container-5 {
      flex-direction: row;
      flex: 0 auto;
      order: 0;
      justify-content: flex-start;
      align-self: flex-start;
      align-items: stretch;
      display: flex;
    }
  
    .heading-43 {
      font-family: 方正锐正圆, sans-serif;
      font-size: 5em;
    }
  
    .heading-44 {
      color: rgba(69, 71, 79, .7);
      font-family: 方正锐正圆, sans-serif;
      font-size: 4em;
      font-weight: 400;
    }
  
    .heading-45 {
      display: block;
    }
  
    .heading-46 {
      color: rgba(69, 71, 79, .7);
      font-family: 方正锐正圆, sans-serif;
      font-weight: 500;
    }
  
    .paragraph-24 {
      align-self: center;
    }
  
    .div-block-14 {
      margin-left: auto;
      margin-right: auto;
      padding-left: 100px;
      padding-right: 100px;
    }
  
    .column {
      padding-right: 220px;
    }
  
    .div-block-21 {
      background-image: url('../images/赫娜雅06212517-min.jpg');
      background-position: 50%;
      background-size: cover;
    }
  }
  
@media screen and (max-width: 3200px) and (min-width: 3001px) {
  .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
  .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 3100px !important;
    } 
    .blog3{
      height: 1800px !important;
    } .blog4{
      height: 1600px !important;
    } .blog5{
      height: 1250px !important;
    } .blog6{
      height: 1850px !important;
    } .blog7{
      height: 1400px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 3000px) and (min-width: 2801px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2900px !important;
    } 
    .blog3{
      height: 1800px !important;
    } .blog4{
      height: 1600px !important;
    } .blog5{
      height: 1150px !important;
    } .blog6{
      height: 1650px !important;
    } .blog7{
      height: 1300px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2800px) and (min-width: 2561px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2650px !important;
    } 
    .blog3{
      height: 1600px !important;
    } .blog4{
      height: 1500px !important;
    } .blog5{
      height: 1000px !important;
    } .blog6{
      height: 1600px !important;
    } .blog7{
      height: 1150px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2560px) and (min-width: 2241px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1200px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2320px !important;
    } 
    .blog3{
      height: 1300px !important;
    } .blog4{
      height: 1300px !important;
    } .blog5{
      height: 900px !important;
    } .blog6{
      height: 1400px !important;
    } .blog7{
      height: 1000px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2240px) and (min-width: 1921px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1050px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 1950px !important;
    } 
    .blog3{
      height: 1200px !important;
    } .blog4{
      height: 1000px !important;
    } .blog5{
      height: 800px !important;
    } .blog6{
      height: 1200px !important;
    } .blog7{
      height: 800px !important;
    }.blog8{
      height: 156px !important;
    }
}



  @media screen and (max-width: 991px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: contain;
      width: auto;
    }
    .blog{
      height: 500px !important;
    }
    .blog1{
      height: 500px !important;
    }
     .blog2{
      height: 1100px !important;
    } .blog3{
      height: 600px !important;
    } .blog4{
      height: 500px !important;
    } .blog5{
      height: 400px !important;
    } .blog6{
      height: 600px !important;
    } .blog7{
      height: 400px !important;
    }.blog8{
      height: 156px !important;
    }

    .footer{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .footer-link{
      font-size: 18px;
    }
    .footer-link a{
      margin-left: 0px;
      width: 50%;
      text-align: center;
    }
    .footer-left{
      width: 100%;
      display:block;
    }
    .footer-link{
      width: 100%;
    }
    .footer-column{
      width: 100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-right{
      display:block;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .contact{
      font-size: 18px;
    }

    h2 {
      font-size: 4em;
    }
  
    .sroll-link, .sroll-link.w--current {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  
    .sroll-link.footer {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .logo-text, .logo-text.dark {
      font-size: 32px;
      line-height: 42px;
    }
  
    .branding {
      padding-left: 0;
      padding-right: 0;
    }
  
    .max-w-center._50, .max-w-center._60 {
      max-width: 80%;
    }
  
    .grid-faq {
      grid-template-columns: 1fr;
    }
  
    .toggle-plus {
      width: 14px;
      height: 14px;
    }
  
    .toggle-heading {
      font-size: 17px;
      line-height: 24px;
    }
  
    .accordion-head {
      min-height: 60px;
      padding-top: 12px;
      padding-bottom: 12px;
    }
  
    .portfolio-image {
      position: relative;
    }
  
    .portfolio-image.vr-2 {
      width: 100%;
    }
  
    .portfolio-content {
      height: 100%;
    }
  
    .portfolio-content.vr-2 {
      width: 100%;
    }
  
    .portfolio._1 {
      height: auto;
    }
  
    .left-hero-content.left {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .max-w._60 {
      max-width: 100%;
    }
  
    .cta-card {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 12%;
      padding-right: 12%;
    }
  
    .footer-grid {
      grid-row-gap: 0px;
      flex-wrap: wrap;
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
    }
  
    .footer-bottom {
      width: 100%;
      text-align: center;
      flex: 0 auto;
      justify-content: center;
      margin-bottom: 12px;
    }
  
    .footer-side {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 98px;
      padding-right: 20px;
    }
  
    .footer-side.left {
      width: 100%;
    }
  
    .footer-side.left.gray {
      margin-bottom: 40px;
      padding: 0 0 40px;
    }
  
    .icon-list-item {
      margin-bottom: 16px;
      padding-bottom: 16px;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
    }
  
    .feature-card {
      padding: 20px 20px 32px;
    }
  
    .grid-colors {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr 1fr;
    }
  
    .style-guide-content-group {
      margin-bottom: 36px;
    }
  
    .rules {
      grid-template-columns: 1fr;
    }
  
    .card-body {
      padding: 16px;
    }
  
    .grid-button {
      width: 10084%;
      grid-template-columns: 1fr;
      align-items: center;
      justify-items: stretch;
    }
  
    .icon-list-item-2 {
      margin-bottom: 16px;
      padding-bottom: 16px;
    }
  
    .icon-list-item-2.icon-list-item-last {
      padding-bottom: 0;
    }
  
    .display {
      font-size: 90px;
      line-height: 1;
    }
  
    .display.white {
      font-size: 6em;
    }
  
    .display.white._1, .display.white._2 {
      font-size: 5.5em;
      transform: none;
    }
  
    .display.white._3 {
      font-size: 5.5em;
      transform: translate(0);
    }
  
    .grid-thirds {
      grid-template-columns: 1fr;
    }
  
    .author-big-image._24px-margin {
      height: 550px;
    }
  
    .page-header {
      padding-top: 60px;
    }
  
    .team-name-link, .team-name-link._4 {
      height: 500px;
    }
  
    .team-author-avatar {
      height: 400px;
      display: flex;
      top: auto;
      right: auto;
    }
  
    .team-author-avatar._3 {
      height: 500px;
    }
  
    .team-author-avatar._2 {
      height: 400px;
      height: 500px;
    }
  
    .team-author-avatar._1, .team-author-avatar._4 {
      height: 500px;
    }
  
    .hero-info-div.pricing-table {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .bubble-icon {
      width: 120px;
      height: 120px;
    }
  
    .single-form {
      width: 100%;
    }
  
    .form {
      width: 100%;
      flex-direction: column;
      align-items: center;
    }
  
    .hero-quotes {
      grid-template-columns: 1fr;
    }
  
    .display-3._1, .display-3._2 {
      transform: translate(0);
    }
  
    .display-2._1-tittle, .display-2._2-title {
      font-size: 4em;
      transform: translate(0);
    }
  
    .slider-right-arrow._1 {
      right: 13%;
    }
  
    .testimonial-container {
      padding-left: 80px;
      padding-right: 80px;
      display: flex;
    }
  
    .testimonials {
      max-width: 100%;
    }
  
    .slider-left-arrow._1 {
      left: 13%;
    }
  
    .testimonial-text {
      font-size: 20px;
      line-height: 36px;
    }
  
    .achivement-wapper {
      width: 100%;
      max-width: none;
      margin-top: 60px;
    }
  
    .achivements-grid {
      width: 100%;
      grid-template-columns: 1fr 1fr;
    }
  
    .achivement-block {
      width: 100%;
    }
  
    .achivement-block.lines {
      width: auto;
      border: 1px #000;
      border-top: 1px solid #fff;
      border-bottom-color: #fff;
      padding: 20px 0;
    }
  
    .achivement-block.lines.top {
      border-top-style: none;
    }
  
    .categories-list.blog {
      flex-wrap: nowrap;
    }
  
    .category-direct-link, .category-direct-link.w--current {
      font-size: 16px;
    }
  
    .collection-list-projects {
      grid-template-columns: 1fr;
    }
  
    .cta-quote {
      font-size: 25px;
    }
  
    .team-grid {
      width: 80%;
      grid-template-columns: 1fr;
    }
  
    .team-wrapper, .team-info-card {
      width: auto;
    }
  
    .small-pring-text {
      width: 100%;
    }
  
    .pricing-div.line {
      margin-top: -1px;
      margin-right: -1px;
    }
  
    .pricing-list-wrapper.center-text {
      width: 100%;
      align-items: flex-start;
    }
  
    .pricing-grid {
      grid-row-gap: 0px;
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
      margin-top: 0;
      margin-bottom: 60px;
    }
  
    .pricing-grid.two-row {
      grid-template-columns: 1fr;
    }
  
    .price-grid.packages {
      width: 100%;
      grid-template-columns: 1fr 1fr;
    }
  
    .navigation {
      width: 100%;
      height: 60px;
      background-color: rgba(0, 0, 0, 0.05);
      justify-content: space-between;
      padding-left: 20px;
      padding-right: 20px;
      font-family: Newyork, sans-serif;
      display: flex;
      position: fixed;
    }
  
    .menu-button {
      z-index: 100;
      width: 48px;
      height: 48px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0);
      order: 1;
      justify-content: center;
      align-items: center;
      /* padding: 10px; */
      display: flex;
    }
  
    .menu-button.w--open {
      color: #924e52;
      background-color: rgba(0, 0, 0, 0);
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .cart-wrapper {
      background-color: rgba(0, 0, 0, 0);
    }
  
    .navigation-wrapper-link {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 20px;
    }
  
    .button-text {
      margin-bottom: 0;
      padding-top: 5px;
      padding-bottom: 0;
    }
  
    .hamburger-line-first {
      height: 2px;
      background-color: #000;
      padding-bottom: 0;
      padding-right: 0;
      display: block;
    }
  
    .menu-burger {
      width: 38px;
      padding: 10px 8px;
    }
  
    .hamburger-line-second {
      height: 2px;
      background-color: #000;
      margin-top: 4px;
      margin-bottom: 4px;
      padding-bottom: 0;
      padding-right: 0;
      display: block;
    }
  
    .hamburger-line-third {
      height: 2px;
      background-color: #000;
      margin-bottom: 0;
      padding-bottom: 0;
      padding-right: 0;
      display: block;
    }
  
    .hero-grid-image-2, .hero-grid-image-3, .hero-grid-image-4 {
      height: 100%;
    }
  
    .price-table {
      font-size: 3em;
    }
  
    .single-form-contact {
      max-width: 100%;
    }
  
    .breadcrumbs-block {
      justify-content: center;
    }
  
    .div-flex {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
  
    .div-flex.center {
      align-items: center;
    }
  
    .hero-grid-image-last, .hero-grid-image-5 {
      height: 100%;
    }
  
    .ads-grid.style-guide-row, .licenses.style-guide-row {
      flex-direction: column;
      grid-template-columns: 1fr;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .logo-grid {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  
    .logo {
      height: 42px;
    }
  
    .container {
      max-width: 728px;
    }
  
    .hero-wrapper {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }
  
    .hero-split {
      max-width: 100%;
      margin-bottom: 40px;
    }
  
    .feature-card-2 {
      border-radius: 0;
      padding: 40px 0;
    }
  
    .display-4 {
      font-size: 2em;
    }
  
    .display-4._1-tittle, .display-4._2-title {
      font-size: 5em;
    }
  
    .heading-35, .heading-36, .heading-37, .heading-38 {
      font-size: 1.5em;
    }
  
    .section-5.white {
      background-color: #fff;
      margin-bottom: 0;
    }
  
    .grid-5 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      grid-template-columns: 1fr 1fr;
    }
  
    .div-block-14 {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .container-7 {
      max-width: 100%;
    }
  
    .hero-grid-wrapper-2.second {
      width: 100%;
      height: 600px;
    }
  
    .hero-grid-image-2 {
      height: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
      max-width: 100%;
      height: auto !important;
      object-fit: cover;
    }
    .blog{
      height: 300px !important;
    }
    .blog1{
      height: 400px !important;
    }
     .blog2{
      height: 800px !important;
    } .blog3{
      height: 400px !important;
    } .blog4{
      height: 400px !important;
    } .blog5{
      height: 300px !important;
    } .blog6{
      height: 500px !important;
    } .blog7{
      height: 300px !important;
    }.blog8{
      height: 156px !important;
    }

    .footer{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .footer-link{
      font-size: 18px;
    }
    .footer-link a{
      margin-left: 0px;
      width: 50%;
      text-align: center;
    }
    .footer-left{
      width: 100%;
      display:block;
    }
    .footer-link{
      width: 100%;
    }
    .footer-column{
      width: 100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-right{
      display:block;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .contact{
      font-size: 18px;
    }

    h2 {
      font-size: 4em;
    }
  
    .sroll-link, .sroll-link.w--current {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  
    .sroll-link.footer {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .logo-text, .logo-text.dark {
      font-size: 32px;
      line-height: 42px;
    }
  
    .branding {
      padding-left: 0;
      padding-right: 0;
    }
  
    .max-w-center._50, .max-w-center._60 {
      max-width: 80%;
    }
  
    .grid-faq {
      grid-template-columns: 1fr;
    }
  
    .toggle-plus {
      width: 14px;
      height: 14px;
    }
  
    .toggle-heading {
      font-size: 17px;
      line-height: 24px;
    }
  
    .accordion-head {
      min-height: 60px;
      padding-top: 12px;
      padding-bottom: 12px;
    }
  
    .portfolio-image {
      position: relative;
    }
  
    .portfolio-image.vr-2 {
      width: 100%;
    }
  
    .portfolio-content {
      height: 100%;
    }
  
    .portfolio-content.vr-2 {
      width: 100%;
    }
  
    .portfolio._1 {
      height: auto;
    }
  
    .left-hero-content.left {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .max-w._60 {
      max-width: 100%;
    }
  
    .cta-card {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 12%;
      padding-right: 12%;
    }
  
    .footer-grid {
      grid-row-gap: 0px;
      flex-wrap: wrap;
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
    }
  
    .footer-bottom {
      width: 100%;
      text-align: center;
      flex: 0 auto;
      justify-content: center;
      margin-bottom: 12px;
    }
  
    .footer-side {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 98px;
      padding-right: 20px;
    }
  
    .footer-side.left {
      width: 100%;
    }
  
    .footer-side.left.gray {
      margin-bottom: 40px;
      padding: 0 0 40px;
    }
  
    .icon-list-item {
      margin-bottom: 16px;
      padding-bottom: 16px;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
    }
  
    .feature-card {
      padding: 20px 20px 32px;
    }
  
    .grid-colors {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr 1fr;
    }
  
    .style-guide-content-group {
      margin-bottom: 36px;
    }
  
    .rules {
      grid-template-columns: 1fr;
    }
  
    .card-body {
      padding: 16px;
    }
  
    .grid-button {
      width: 10084%;
      grid-template-columns: 1fr;
      align-items: center;
      justify-items: stretch;
    }
  
    .icon-list-item-2 {
      margin-bottom: 16px;
      padding-bottom: 16px;
    }
  
    .icon-list-item-2.icon-list-item-last {
      padding-bottom: 0;
    }
  
    .display {
      font-size: 90px;
      line-height: 1;
    }
  
    .display.white {
      font-size: 6em;
    }
  
    .display.white._1, .display.white._2 {
      font-size: 5.5em;
      transform: none;
    }
  
    .display.white._3 {
      font-size: 5.5em;
      transform: translate(0);
    }
  
    .grid-thirds {
      grid-template-columns: 1fr;
    }
  
    .author-big-image._24px-margin {
      height: 550px;
    }
  
    .page-header {
      padding-top: 60px;
    }
  
    .team-name-link, .team-name-link._4 {
      height: 500px;
    }
  
    .team-author-avatar {
      height: 400px;
      display: flex;
      top: auto;
      right: auto;
    }
  
    .team-author-avatar._3 {
      height: 500px;
    }
  
    .team-author-avatar._2 {
      height: 400px;
      height: 500px;
    }
  
    .team-author-avatar._1, .team-author-avatar._4 {
      height: 500px;
    }
  
    .hero-info-div.pricing-table {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .bubble-icon {
      width: 120px;
      height: 120px;
    }
  
    .single-form {
      width: 100%;
    }
  
    .form {
      width: 100%;
      flex-direction: column;
      align-items: center;
    }
  
    .hero-quotes {
      grid-template-columns: 1fr;
    }
  
    .display-3._1, .display-3._2 {
      transform: translate(0);
    }
  
    .display-2._1-tittle, .display-2._2-title {
      font-size: 4em;
      transform: translate(0);
    }
  
    .slider-right-arrow._1 {
      right: 13%;
    }
  
    .testimonial-container {
      padding-left: 80px;
      padding-right: 80px;
      display: flex;
    }
  
    .testimonials {
      max-width: 100%;
    }
  
    .slider-left-arrow._1 {
      left: 13%;
    }
  
    .testimonial-text {
      max-width: 366px;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 17px;
      line-height: 32px;
    }
  
    .achivements-grid {
      grid-row-gap: 40px;
      grid-template-columns: 1fr;
    }
  
    .achivement-block {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .achivement-block.lines {
      border-style: solid none;
      border-top-width: 1px;
      border-top-color: #e9f6ff;
      border-bottom-width: 1px;
      border-bottom-color: #e9f6ff;
      padding: 20px 0;
    }
  
    .categories-list {
      width: 100%;
      flex-direction: column;
    }
  
    .categories-list.blog {
      flex-direction: row;
    }
  
    .category-direct-link {
      margin-top: -1px;
      margin-right: 0;
    }
  
    .collection-list-categories {
      flex-direction: column;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      display: flex;
    }
  
    .pricing-div {
      margin-bottom: 0;
    }
  
    .pricing-grid {
      grid-row-gap: 20px;
    }
  
    .price-grid.packages {
      grid-template-columns: 1fr;
    }
  
    .price-table {
      font-size: 4em;
    }
  
    .text-field-contact.message {
      width: 100%;
      min-width: auto;
      margin-bottom: 10px;
      margin-right: 0;
      display: block;
    }
  
    .text-field-contact.single {
      width: 100%;
      min-width: auto;
      margin-bottom: 0;
      margin-right: 0;
      display: block;
    }
  
    .form-contact-wrapper {
      flex-direction: column;
      align-items: center;
    }
  
    .single-form-contact {
      width: 70%;
    }
  
    .breadcrumbs-block {
      width: 100%;
      margin-top: 0;
    }
  
    .label-link {
      border-bottom-style: solid;
    }
  
    .label-link.w--current, .label-link.beadcrumbs.home {
      border-bottom-style: none;
    }
  
    .hero-grid-image-5 {
      background-size: contain;
    }
  
    .graphics {
      grid-template-columns: 1fr 1fr;
    }
  
    .ads-grid, .licenses {
      grid-template-columns: 1fr;
    }
  
    .hero-heading-left {
      padding: 60px 15px;
    }
  
    .feature-card-2 {
      padding: 20px 20px 32px;
    }
  
    .display-4._1-tittle, .display-4._2-title {
      font-size: 4em;
      transform: translate(0);
    }
  }
  
  @media screen and (max-width: 479px) {
    .footer{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .footer-link{
      font-size: 18px;
    }
    .footer-link a{
      margin-left: 0px;
      width: 50%;
      text-align: center;
    }
    .footer-left{
      width: 100%;
      display:block;
    }
    .footer-link{
      width: 100%;
    }
    .footer-column{
      width: 100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-right{
      display:block;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .contact{
      font-size: 18px;
    }


    h2 {
      font-size: 2.5em;
    }
  
    h4 {
      font-size: 1.8em;
    }
  
    .sroll-link {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .logo-text, .logo-text.dark {
      font-size: 28px;
      line-height: 32px;
    }
  
    .branding {
      padding-left: 0;
      padding-right: 0;
    }
  
    .wrapper {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .wrapper.nav {
      height: auto;
      max-height: 50px;
      margin-bottom: 10px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .wrapper.footer {
      padding-left: 0;
      padding-right: 0;
    }
  
    .section {
      padding: 0 20px 20px;
    }
  
    .section.cta-section {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .section.white {
      margin-top: 0;
    }
  
    .portfolio-image {
      height: 350px;
    }
  
    .portfolio {
      height: 300px;
    }
  
    .hero-grid-intro {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .left-hero-content {
      max-width: none;
    }
  
    .left-hero-content.left {
      z-index: 15;
      max-width: none;
      margin-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .hero-grid-wrapper.second {
      height: 370px;
      background-size: cover;
    }
  
    .button-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .cta-title {
      font-size: 28px;
    }
  
    .cta-card {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .footer-copyright, .footer-grid {
      flex-direction: column;
    }
  
    .footer-white {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .footer-side {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 60px;
      padding-right: 0;
    }
  
    .footer-side.left.gray {
      max-width: none;
      margin-left: auto;
      padding: 0 0 40px;
    }
  
    .big-paragraph {
      font-size: 15px;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
    }
  
    .feature-card {
      margin-left: 0;
    }
  
    .style-guide-content {
      width: 100%;
      max-width: none;
    }
  
    .grid-colors {
      grid-row-gap: 12px;
      grid-template-columns: 1fr;
    }
  
    .style-guide-content-group {
      margin-bottom: 24px;
    }
  
    .rules.style-guide-row {
      width: auto;
    }
  
    .card-body {
      padding: 12px;
    }
  
    .display {
      letter-spacing: -3px;
      font-size: 50px;
      line-height: 1;
    }
  
    .display.white {
      letter-spacing: 0;
      font-size: 3em;
    }
  
    .display.white._1, .display.white._2 {
      font-size: 4em;
      transform: none;
    }
  
    .display.white._3 {
      font-size: 4em;
    }
  
    .style-guide-title {
      width: 100%;
      border-radius: 0;
      margin-bottom: 24px;
    }
  
    .grid-thirds {
      grid-row-gap: 24px;
    }
  
    .author-big-image._24px-margin, .page-header.categorie-projects {
      height: 400px;
    }
  
    .page-header.blog,.page-header.blog1 ,.page-header.blog2,.page-header.blog3,.page-header.blog4,.page-header.blog5,.page-header.blog6,.page-header.blog7,.page-header.blog8,.page-header.blog9{
      background-position: 50%; 
      background-repeat: no-repeat; 
      background-size:  cover;
      /* background-size:  contain ;  */
      height:auto;
      display:block;
      width: 100%;
    /* width: 100vw;
    height: 70vh; 
    background-size: cover;
    background-position: center;
    display: inline-block; 
    vertical-align: top;  
    box-sizing: border-box; */
    }
    .blog{
      height: 220px !important;
    }
    .blog1{
      height: 238px !important;
    }
     .blog2{
      height: 428px !important;
    } .blog3{
      height: 275px !important;
    } .blog4{
      height: 218px !important;
    } .blog5{
      height: 174px !important;
    } .blog6{
      height: 258px !important;
    } .blog7{
      height: 191px !important;
    }.blog8{
      height: 156px !important;
    }
  
    .page-header.blog-categories {
      padding-left: 20px;
    }
  
    .page-header.about {
      background-position: 50%;
    }
  
    .team-name {
      font-size: 30px;
    }
  
    .team-name.position {
      line-height: 20px;
    }
  
    .team-name-link, .team-name-link._4 {
      width: 250px;
      height: 300px;
    }
  
    .team-author-avatar {
      width: 100%;
      height: 300px;
      display: flex;
      top: auto;
      right: auto;
    }
  
    .team-author-avatar._3, .team-author-avatar._2 {
      height: 300px;
      display: flex;
      top: auto;
      right: auto;
    }
  
    .team-author-avatar._1, .team-author-avatar._4 {
      height: 300px;
    }
  
    .video-back-ground {
      height: 90vh;
    }
  
    .scroll-link.hide-mbl {
      display: flex;
    }
  
    .bubble-icon {
      width: 120px;
      height: 120px;
    }
  
    .single-form {
      width: 100%;
    }
  
    .hero-quotes {
      grid-template-columns: 1fr;
    }
  
    .display-3._1, .display-3._2 {
      font-size: 2em;
    }
  
    .display-2._1-tittle {
      font-size: 2em;
      transform: translate(0);
    }
  
    .display-2._2-title {
      font-size: 1.8em;
      transform: translate(0);
    }
  
    .slider-right-arrow, .slider-right-arrow._1 {
      display: none;
    }
  
    .testimonial-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .testimonial-author-name {
      text-align: center;
      flex-direction: column;
    }
  
    .slider-left-arrow, .slider-left-arrow._1 {
      display: none;
    }
  
    .name-testimonials {
      font-size: 18px;
    }
  
    .testimonial-text {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .achivement-wapper {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
    .categories {
      flex-direction: column;
    }
  
    .categories-list {
      width: 100%;
      height: auto;
      background-color: rgba(0, 0, 0, 0);
      border-top: 1px solid #000;
      border-radius: 0;
      flex-flow: column;
      justify-content: flex-start;
      margin-top: 8px;
      margin-bottom: -32px;
      padding-top: 0;
      padding-bottom: 0;
      overflow: hidden;
    }
  
    .categories-list.blog {
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0);
      border-radius: 0;
      flex-direction: column;
      align-items: center;
    }
  
    .category-direct-link {
      height: 48px;
      box-shadow: none;
      text-align: left;
      border-style: solid;
      border-radius: 0;
      flex: none;
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
      margin-right: 0;
      padding: 0 15px;
      font-size: 15px;
      display: flex;
    }
  
    .category-direct-link.w--current {
      box-shadow: none;
    }
  
    .category-direct-link.white {
      width: 100vw;
      box-shadow: none;
      border-style: none none solid;
      justify-content: center;
    }
  
    .collection-blog-categories {
      width: 100%;
      grid-template-columns: 1fr;
    }
  
    .cta-quote {
      font-size: 20px;
    }
  
    .team-wrapper {
      padding-top: 20px;
    }
  
    .pricing-post-info {
      width: auto;
    }
  
    .small-pring-text {
      text-align: center;
    }
  
    .pricing-div {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .pricing-div.line {
      width: 99.9999%;
    }
  
    .price-wrapper {
      width: auto;
    }
  
    .pricing-list-wrapper.center-text {
      font-weight: 400;
    }
  
    .pricing-list-text.white {
      font-size: 16px;
    }
  
    .pricing-grid {
      grid-template-rows: auto;
      grid-template-columns: 1fr;
    }
  
    .cart-quantity {
      margin-left: 4px;
    }
  
    .navigation {
      height: 50px;
      padding-left: 10px;
      padding-right: 20px;
    }
  
    .menu-button {
      padding-right: 0;
    }
  
    .navigation-wrapper-link {
      flex-direction: column;
      align-items: flex-start;
      display: none;
    }
  
    .button-4 {
      margin-bottom: 10px;
    }
  
    .collection-list-wrapper {
      width: 107%;
    }
  
    .price-table {
      font-size: 3em;
    }
  
    .text-field-contact.message, .text-field-contact.single {
      margin-right: 0;
    }
  
    .single-form-contact {
      width: 100%;
    }
  
    .breadcrumbs-block {
      width: 100%;
      flex-wrap: wrap;
      margin-top: 0;
      right: auto;
    }
  
    .label-link, .label-link.w--current {
      border-bottom-style: solid;
    }
  
    .label-link.beadcrumbs {
      width: 100%;
      border-bottom-style: none;
      border-right-style: none;
      display: block;
    }
  
    .label-link.beadcrumbs.home {
      border-style: none none solid;
      border-color: #000 #000 #fff;
    }
  
    .hero-grid-image-5 {
      background-image: url('../images/地图.jpg');
      background-position: 50%;
      background-size: cover;
    }
  
    .graphics {
      grid-template-columns: 1fr;
    }
  
    .ads-grid.style-guide-row, .licenses.style-guide-row {
      width: auto;
    }
  
    .breadcrumbs-wrapper {
      width: 100%;
    }
  
    .logo-grid {
      width: 100%;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr 1fr;
      justify-items: center;
    }
  
    .logo {
      height: 31px;
    }
  
    .image {
      max-width: 60%;
    }
  
    .heading-18 {
      font-size: 1em;
    }
  
    .heading-19 {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 1.2em;
    }
  
    .heading-20 {
      font-size: 2em;
    }
  
    .paragraph-8 {
      margin-bottom: 0;
      font-size: 15px;
    }
  
    .container {
      max-width: none;
    }
  
    .grid-2 {
      display: block;
    }
  
    .paragraph-12 {
      font-size: 12px;
    }
  
    .container-3 {
      padding: 10px 0;
    }
  
    .feature-card-2 {
      margin-left: 0;
      padding-bottom: 0;
    }
  
    .services-big-number-2 {
      font-size: 1.5em;
    }
  
    .section-4 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .wrapper-3 {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .display-4._1-tittle, .display-4._2-title {
      font-size: 2.5em;
      transform: translate(0);
    }
  
    .bold-text-4.bigtitle {
      font-size: .8em;
    }
  
    .heading-35 {
      font-size: 1em;
      font-weight: 500;
    }
  
    .paragraph-14, .paragraph-15 {
      font-size: 12px;
    }
  
    .heading-36, .heading-37, .heading-38 {
      font-size: 1em;
      font-weight: 500;
    }
  
    .paragraph-16, .paragraph-17 {
      font-size: 12px;
    }
  
    .container-4 {
      margin-top: 0;
    }
  
    .section-5 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .section-5.white {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .div-block-12 {
      margin-left: 10px;
    }
  
    .section-7 {
      padding-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .section-9 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .text-span {
      text-align: center;
      padding-left: 0;
      padding-right: 0;
      font-size: 1.2em;
    }
  
    .paragraph-22 {
      text-align: left;
      margin-top: 20px;
      margin-bottom: 0;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
    }
  
    .paragraph-24 {
      margin-bottom: 0;
      padding-bottom: 10px;
      font-size: 1.8em;
    }
  
    .columns {
      padding-left: 0;
      padding-right: 0;
    }
  
    .heading-47 {
      font-size: 2em;
    }
  
    .section-12 {
      padding-bottom: 40px;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .section-14 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .section-15 {
      padding: 0;
    }
  }

 
  
  #w-node-ffecaa78-db11-48fd-8aed-9404e01946e3-2e91bf71 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: auto;
  }
  
  #w-node-eef19ab9-5398-5229-aa20-69691b72d208-3926eea6, #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eea9-3926eea6 {
    align-self: auto;
  }
  
  #w-node-_22237a3c-133e-eb88-8fe6-6b18be1bbe68-3926eea6, #w-node-_9027b3e1-6c14-004c-95f1-904574c3a5a0-df91bf98, #w-node-e909438f-8a09-f42b-69c2-0f7858bb2de4-df91bf98, #w-node-_1310dccc-36f5-513e-f05d-f9ebff78810c-df91bf98, #w-node-_1310dccc-36f5-513e-f05d-f9ebff78810d-df91bf98 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_56fe2ec2-d9f8-2e59-3e76-c1ffe42e54da-6e91bfaf {
    align-self: start;
  }
  
  #w-node-_591d8d9d-023d-d499-e68d-364a08034964-6e91bfaf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  @media screen and (max-width: 991px) {
    #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
      grid-area: 1 / 1 / 2 / 3;
    }
  }
  
  @media screen and (max-width: 767px) {
    #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
      grid-area: 1 / 1 / 2 / 2;
    }
  }
  
  @media screen and (max-width: 479px) {
    #w-node-eef19ab9-5398-5229-aa20-69691b72d208-3926eea6 {
      align-self: auto;
    }
  }
  
  
  @font-face {
    font-family: '方正锐正圆';
    src: url('../fonts/方正锐正圆简_downyi.com_1.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Optima';
    src: url('../fonts/optima.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Ptserif';
    src: url('../fonts/PTSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Newyork';
    src: url('../fonts/NewYork.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }