:root {
    --neutral-600: #626262;
    --primary-1: #0c0c0c;
    --neutral-500: #9c9c9c;
    --neutral-300: whitesmoke;
    --neutral-700: #343434;
    --neutral-400: #d2d2d2;
    --neutral-200: #fbfbfb;
    --neutral-100: white;
    --neutral-800: #0d0d0d;
    --primary-2: #f66688;
    --secondary-1: #dfdcff;
    --secondary-2: #fbe3e7;
    --secondary-3: #3527d8;
    --gray700: #999;
}

.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-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

.w-pagination-previous, .w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}

.w-commerce-commercecheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    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-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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px;
}

.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-commercecheckoutdiscountslabel {
    flex-basis: 100%;
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    flex: 1;
    width: auto;
    min-width: 0;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.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;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    height: 38px;
    margin-left: 8px;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    height: 38px;
    min-height: 30px;
    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;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block;
}

.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 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block;
}

.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-commercecartwrapper {
    display: inline-block;
    position: relative;
}

.w-commerce-commercecartopenlink {
    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-commercecartopenlinkcount {
    color: #3898ec;
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
    z-index: 1001;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 100%;
    bottom: auto;
    left: auto;
    right: 0;
}

.w-commerce-commercecartcontainer {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    max-width: 480px;
    display: flex;
    overflow: auto;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
}

.w-commerce-commercecartheader {
    border-bottom: 1px solid #e6e6e6;
    flex: none;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    display: flex;
    position: relative;
}

.w-commerce-commercecartheading {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.w-commerce-commercecartcloselink {
    width: 16px;
    height: 16px;
}

.w-commerce-commercecartformwrapper {
    flex-direction: column;
    flex: 1;
    display: flex;
}

.w-commerce-commercecartform {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    display: flex;
}

.w-commerce-commercecartlist {
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: 12px 24px;
    overflow: auto;
}

.w-commerce-commercecartitem {
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
}

.w-commerce-commercecartiteminfo {
    flex-direction: column;
    flex: 1;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
}

.w-commerce-commercecartoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none;
}

.w-commerce-commercecartquantity {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecartquantity::placeholder {
    color: #999;
}

.w-commerce-commercecartquantity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecartfooter {
    border-top: 1px solid #e6e6e6;
    flex-direction: column;
    flex: none;
    padding: 16px 24px 24px;
    display: flex;
}

.w-commerce-commercecartlineitem {
    flex: none;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 16px;
    display: flex;
}

.w-commerce-commercecartordervalue {
    font-weight: 700;
}

.w-commerce-commercecartcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: block;
}

.w-commerce-commercecartemptystate {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

.w-commerce-commercecarterrorstate {
    background-color: #ffdede;
    flex: none;
    margin: 0 24px 24px;
    padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    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 {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

@media screen and (max-width: 767px) {
    .w-commerce-commercelayoutcontainer {
        flex-direction: column;
        align-items: stretch;
    }

    .w-commerce-commercelayoutmain {
        flex-basis: auto;
        margin-right: 0;
    }

    .w-commerce-commercelayoutsidebar {
        flex-basis: auto;
    }
}

@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;
    }

    .w-commerce-commercecartcontainerwrapper--cartType-modal {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

    .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .w-commerce-commercecartquantity {
        font-size: 16px;
    }
}

body {
    color: var(--neutral-600);
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 1.667em;
}

h1 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 27px;
    font-size: 68px;
    font-weight: 700;
    line-height: 1.118em;
}

h2 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.238em;
}

h3 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.063em;
}

h4 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.308em;
}

h5 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.545em;
}

h6 {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.889em;
}

p {
    letter-spacing: -.01em;
    margin-bottom: 0;
}

a {
    color: var(--primary-1);
    text-decoration: underline;
    transition: color .35s;
}

a:hover {
    color: var(--neutral-500);
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

img {
    max-width: 100%;
    display: inline-block;
}

label {
    color: var(--primary-1);
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.111em;
    display: block;
}

strong {
    color: var(--primary-1);
    font-weight: 700;
}

blockquote {
    border-top: 8px solid var(--primary-1);
    background-color: var(--neutral-300);
    color: var(--primary-1);
    text-align: center;
    letter-spacing: -.01em;
    border-left: 0 solid #000;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 74px 106px 106px;
    font-size: 22px;
    line-height: 1.545em;
}

figure {
    margin-bottom: 10px;
}

figcaption {
    text-align: center;
    margin-top: 5px;
}

.mg-top-8px {
    margin-top: 8px;
}

.mg-bottom-8px {
    margin-bottom: 8px;
}

.mg-top-24px {
    margin-top: 24px;
}

.mg-top-32px {
    margin-top: 32px;
}

.mg-bottom-32px {
    margin-bottom: 32px;
}

.mg-top-40px {
    margin-top: 40px;
}

.flex {
    display: flex;
}

.text-center {
    text-align: center;
}

.text-center.mobile-l {
    text-align: left;
}

.color-white {
    color: #fff;
}

.bg-primary-1 {
    background-color: var(--primary-1);
}

.bg-neutral-700 {
    background-color: var(--neutral-700);
}

.bg-neutral-600 {
    background-color: var(--neutral-600);
}

.bg-neutral-500 {
    background-color: var(--neutral-500);
}

.bg-neutral-400 {
    background-color: var(--neutral-400);
}

.bg-neutral-300 {
    background-color: var(--neutral-300);
}

.bg-neutral-200 {
    background-color: var(--neutral-200);
}

.bg-neutral-100 {
    background-color: var(--neutral-100);
}

.styleguide-sidebar {
    z-index: 2;
    flex: 0 14em;
    height: 100%;
    min-height: 96vh;
    margin-right: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 32px;
}

.container-default {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1271px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
}

.styleguide-content {
    background-color: #fff;
    border-radius: 24px;
    flex: 1;
    max-width: 100%;
    margin-left: 18px;
    box-shadow: 0 8px 22px rgba(35, 30, 97, .13);
}

.styleguide-seccion {
    padding-top: 86px;
    padding-bottom: 86px;
}

.styleguide-title {
    color: #fff;
    margin-top: 0;
}

.styleguide-header {
    background-color: var(--primary-1);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 100px 68px;
}

.sidebar-navigation {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.styleguide-icon-link {
    background-color: var(--primary-1);
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    min-width: 56px;
    min-height: 56px;
    margin-right: 16px;
    transition: background-color .25s;
    display: flex;
}

.styelguide-sidebar-icon {
    width: 60%;
}

.styleguide-link {
    color: var(--neutral-600);
    border-radius: 14px;
    align-items: center;
    padding: 12px 20px;
    text-decoration: none;
    transition: background-color .35s, color .35s;
    display: flex;
}

.styleguide-link:hover {
    background-color: var(--neutral-300);
    color: var(--primary-1);
}

.styleguide-link.w--current {
    background-color: var(--neutral-300);
    color: var(--primary-1);
    font-weight: 700;
    transition: color .3s, background-color .3s;
}

.styleguide-link-wrapper {
    margin-bottom: 8px;
}

.styleguide-sidebar-title {
    border-bottom: 1px solid var(--neutral-400);
    color: var(--neutral-700);
    margin-bottom: 24px;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 22px;
    line-height: 24px;
}

.styleguide-sidebar-title.middle {
    border-top: 1px solid var(--neutral-400);
    margin-top: 24px;
    padding-top: 24px;
}

.color-primary-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.color-container {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 16px rgba(17, 10, 99, .04), 0 12px 22px rgba(128, 118, 247, .04);
}

.color-block {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    min-height: 120px;
}

.color-block.bg-primary-1 {
    background-color: var(--primary-1);
}

.color-content {
    padding: 22px 16px 24px;
}

.color-title {
    color: var(--neutral-800);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.color-hex {
    color: var(--neutral-600);
    line-height: 20px;
}

.styleguide-subtitle {
    margin-top: 0;
}

.styleguide-subtitle.mg-top-52px {
    margin-top: 52px;
}

.color-content-wrapper {
    padding-bottom: 56px;
}

.color-content-wrapper.last {
    padding-bottom: 0;
}

.color-neutral-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
}

.typography-container {
    border-bottom: 1px solid var(--neutral-200);
    padding-top: 20px;
    padding-bottom: 20px;
}

.typography-container.last {
    border-bottom-width: 0;
    padding-bottom: 0;
}

.container-small-left {
    max-width: 592px;
    padding-right: 24px;
}

.typography-details {
    color: var(--primary-1);
    margin-top: 15px;
}

.paragraph-large {
    letter-spacing: -.01em;
    font-size: 22px;
    line-height: 1.545em;
}

.paragraph-large.home-hero {
    margin-bottom: 25px;
    font-size: 20px;
}

.paragraph-large.plan-summary {
    max-width: 559px;
}

.paragraph-large.blog-post-excerpt {
    margin-bottom: 41px;
}

.styleguide-subheader {
    background-color: var(--neutral-300);
    padding: 56px 68px;
}

.styleguide-content-wrapper {
    padding: 10px 68px;
}

.icons-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, 80px);
}

.buttons-grid {
    grid-column-gap: 24px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.button-primary {
    background-color: var(--primary-1);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 20px 36px;
    font-weight: 700;
    line-height: 1.111em;
    transition: transform .35s, box-shadow .35s;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
}

.button-primary:hover {
    color: #fff;
    transform: scale(.97);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.button-primary.small {
    padding: 14px 32px;
    font-size: 16px;
    line-height: 18px;
}

.button-primary.large {
    padding: 20px 68px;
    font-size: 22px;
    line-height: 24px;
}

.button-primary.full-width {
    align-self: stretch;
    display: block;
}

.button-primary.button-white {
    color: var(--primary-1);
    background-color: #fff;
    justify-content: center;
}

.button-primary.registry {
    padding: 16px 22px;
    position: absolute;
    right: 10px;
}

.button-primary.footer-download-app {
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 18px 32px;
    font-size: 16px;
    line-height: 1em;
    text-decoration: none;
    display: flex;
}

.button-primary.card-pricing {
    width: 100%;
}

.button-primary.newsletter {
    padding: 16px 22px;
    position: absolute;
    right: 10px;
}

.button-primary.contact-form {
    justify-content: center;
}

.button-primary.discount-code {
    justify-content: center;
    height: auto;
    margin-left: 0;
}

.button-primary.header-button {
    padding: 16px 22px;
    line-height: 1.111em;
}

.button-primary.empty-cart {
    margin-top: 40px;
}

.button-primary.header-button-mobile {
    padding: 16px 22px;
    line-height: 1.111em;
}

.button-primary.checkout-button {
    margin-top: 20px;
}

.button-primary.button-row {
    margin-right: 26px;
}

.button-secondary {
    border: 2px solid var(--primary-1);
    color: var(--primary-1);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 20px 36px;
    font-weight: 700;
    line-height: 1.111em;
    transition: transform .35s, color .35s, background-color .35s;
}

.button-secondary:hover {
    background-color: var(--primary-1);
    color: #fff;
    transform: scale(.97);
}

.button-secondary.small {
    padding: 14px 32px;
    font-size: 16px;
    line-height: 18px;
}

.button-secondary.large {
    padding: 20px 68px;
    font-size: 22px;
    line-height: 24px;
}

.button-secondary.buy-now {
    border-color: var(--neutral-100);
    color: var(--neutral-100);
    margin-top: 12px;
}

.button-secondary.pagination {
    margin-top: 56px;
    padding: 16px 22px;
    font-size: 16px;
    line-height: 1.25em;
}

.styleguide-button-container {
    position: absolute;
    top: auto;
    bottom: 24px;
    left: 0%;
    right: 0%;
}

.header {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 25px;
    padding-bottom: 25px;
    position: sticky !important;
    top: 0 !important;
    background: white;
}

.header-logo {
    font-family: Inter, sans-serif;
}

.header-navigation {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.nav-item-wrapper {
    margin-right: 32px;
}

.nav-item-wrapper.last {
    margin-right: 0;
}

.nav-item-wrapper.header-button-mobile {
    margin-right: 0;
    display: none;
}

.nav-link {
    color: var(--primary-1);
    line-height: 1.111em;
    text-decoration: none;
    transition: transform .35s, color .35s;
    display: block;
}

.nav-link:hover {
    color: var(--neutral-500);
    /*transform: translate(0, -4px);*/
}

.nav-link.dropdown {
    padding: 0;
}

.nav-menu.mg-right-32px {
    margin-right: 32px;
}

.footer {
    padding-top: 48px;
    padding-bottom: 48px;
}

.footer.footer-v3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-logo-container {
    transform-style: preserve-3d;
    max-width: 100%;
    margin-bottom: 35px;
    transition-property: transform;
}

.footer-logo-container:hover {
    transform: scale3d(.95, .95, 1.01);
}

.footer-logo-container.w--current {
    max-width: 100%;
}

.footer-logo-container.logo-footer-v2 {
    margin-bottom: 12px;
}

.footer-logo-container.logo-footer-v3 {
    margin-bottom: 0;
}

.licenses-hero {
    background-color: var(--primary-1);
    padding-top: 90px;
    padding-bottom: 90px;
}

.section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section.home-hero {
    padding-top: 77px;
    padding-bottom: 77px;
    overflow: hidden;
}

.section.features {
    padding-top: 200px;
}

.section.section-about-app {
    padding-bottom: 146px;
}

.section.section-integrations {
    padding-top: 146px;
    padding-bottom: 150px;
}

.section.everyone {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section.testimonials {
    padding-top: 150px;
    padding-bottom: 140px;
}

.section.section-blog {
    padding-top: 140px;
    padding-bottom: 140px;
}

.section.cta {
    padding-top: 140px;
    padding-bottom: 100px;
}

.section.about-hero {
    padding-top: 58px;
    padding-bottom: 100px;
}

.section.team-members {
    padding-top: 100px;
}

.section.principles {
    padding-bottom: 100px;
}

.section.mission {
    padding-top: 100px;
    padding-bottom: 150px;
}

.section.open-positions {
    padding-top: 150px;
    padding-bottom: 100px;
}

.section.partners {
    padding-top: 100px;
    padding-bottom: 0;
}

.section.pricing {
    padding-top: 64px;
}

.section.plan {
    padding-top: 65px;
    padding-bottom: 100px;
}

.section.integrations-hero {
    padding-top: 47px;
    padding-bottom: 93px;
    overflow: hidden;
}

.section.integrations {
    padding-top: 0;
    padding-bottom: 23px;
}

.section.integration-hero {
    background-color: var(--neutral-300);
}

.section.more-integrations {
    padding-top: 78px;
    padding-bottom: 20px;
}

.section.blog-hero {
    padding-top: 46px;
    padding-bottom: 80px;
}

.section.newsletter {
    padding-top: 0;
    padding-bottom: 0;
}

.section.latest-posts {
    padding-top: 98px;
    padding-bottom: 20px;
}

.section.blog-post {
    padding-top: 65px;
    padding-bottom: 130px;
}

.section.blog-post-latest-articles {
    padding-top: 150px;
    padding-bottom: 140px;
}

.section.contact {
    padding-top: 68px;
    padding-bottom: 94px;
}

.section.faqs {
    padding-top: 94px;
}

.section.integrations-category {
    padding-top: 60px;
    padding-bottom: 23px;
}

.section.blog-posts-category {
    padding-top: 60px;
    padding-bottom: 20px;
}

.section.team {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section.team-posts {
    padding-top: 60px;
    padding-bottom: 20px;
}

.section.checkout-hero {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section.hero-page {
    background-image: linear-gradient(to top, var(--neutral-700) 35%, white 35%);
    overflow: hidden;
}

.section.cta-home-pages {
    background-image: linear-gradient(to bottom, var(--neutral-200) 40%, white 10%);
    padding-top: 0;
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    min-height: 800px;
    padding: 60px 24px;
    display: flex;
}

.utility-page-content-password {
    background-color: var(--neutral-300);
    text-align: center;
    flex-direction: column;
    width: 100%;
    max-width: 580px;
    padding: 72px 50px;
    display: flex;
}

.utility-page-form {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.input {
    background-color: var(--neutral-100);
    color: var(--neutral-800);
    border: 0 solid #000;
    border-radius: 6px;
    height: 64px;
    margin-bottom: 0;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 18px;
    line-height: 1.111em;
    transition: box-shadow .35s, color .35s;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.input:hover {
    color: var(--neutral-800);
    box-shadow: 0 0 rgba(0, 0, 0, .06);
}

.input:focus, .input.-wfp-focus {
    color: var(--neutral-800);
    font-size: 18px;
}

.input::placeholder {
    color: var(--neutral-500);
    font-size: 18px;
}

.input.password {
    margin-bottom: 20px;
}

.input.registry {
    height: 72px;
    padding-right: 160px;
}

.input.checkout {
    height: 54px;
    margin-bottom: 16px;
}

.input.discount-code {
    flex: none;
    height: 54px;
    margin-bottom: 16px;
}

.input.quantity-cart {
    height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    display: none;
}

._404-title {
    color: var(--primary-1);
    font-size: 180px;
    font-weight: 700;
    line-height: 160px;
}

.icon-password {
    background-color: var(--primary-1);
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    width: 158px;
    height: 150px;
    margin-bottom: 20px;
    display: flex;
}

.container-medium-761px {
    max-width: 761px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-medium-761px.checkout {
    text-align: center;
}

.divider {
    background-color: var(--neutral-400);
    width: 100%;
    height: 1px;
}

.divider.utility-pages {
    margin-top: 60px;
    margin-bottom: 60px;
}

.divider.blog-post-featured {
    margin-top: 44px;
    margin-bottom: 20px;
}

.divider.card-team {
    margin-top: 26px;
    margin-bottom: 32px;
}

.divider.open-position {
    margin-top: 28px;
    margin-bottom: 24px;
}

.divider.card-pricing {
    /*margin-top: 42px;*/
    /*margin-bottom: 36px;*/
}

.divider.plan {
    margin-top: 77px;
    margin-bottom: 77px;
}

.divider.card-blog-post {
    margin-top: 44px;
    margin-bottom: 20px;
}

.container-medium-744px {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-medium-744px.home-hero {
    text-align: center;
    margin-bottom: 50px;
}

.link-white {
    color: #fff;
}

.registry-form-block {
    max-width: 513px;
    margin-left: auto;
    margin-right: auto;
}

.registry-form-block.section-integrations {
    flex: 1;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.registry-form {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.action-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    left: 47px;
}

.image.action {
    margin-left: 20px;
}

.image.home-hero {
    position: relative;
}

.image.icon-feature {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    display: block;
}

.image.icon-feature.p-1 {
    padding-left: 5px;
}

.image.icon-feature.pl-1 {
    padding-top: 6px;
    padding-left: 5px;
}

.image.icon-feature.p-2 {
    padding: 5px;
}

.image.icon-feature.pl-05 {
    padding-left: 5px;
}

.image.everyone {
    max-width: 100%;
    display: inline-block;
}

.image.everyone.c1 {
    height: 273px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.image.everyone.c2 {
    height: 273px;
}

.image.everyone.c3 {
    height: 273px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.image.icon-section-about-app-tab-link {
    border-radius: 1000px;
    width: 72px;
    height: 72px;
    margin-right: 18px;
}

.image.section-about-app {
    border-radius: 1000px;
    width: 92px;
    height: 92px;
    margin-bottom: 38px;
}

.image.section-about-app-right.image-fixed {
    width: 100%;
    max-height: 520px;
}

.image.section-about-app-right.height-fix {
    height: 500px;
}

.image.integration-card {
    border-radius: 1000px;
    width: 100px;
    height: 100px;
    margin-bottom: 23px;
}

.image.card-blog-post-featured-last-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.image.icon-download-app {
    margin-right: 10px;
}

.image.about-hero {
    max-width: 52%;
}

.image.principles {
    border-radius: 1000px;
    width: 102px;
    height: 102px;
    margin-right: 29px;
    display: none;
}

.image.integrations-hero {
    max-width: 57%;
    margin-right: -49px;
}

.image.integration-card-page {
    border-radius: 1000px;
    width: 100px;
    height: 100px;
    margin-bottom: 23px;
}

.image.integration-hero {
    border-radius: 8px;
    width: 160px;
    height: 160px;
    margin-right: 43px;
}

.image.blog-post {
    margin-bottom: 77px;
    display: inline-block;
}

.image.blog-post.imageborder {
    border: 1px solid var(--neutral-300);
}

.image.blog-post.imageborder1 {
    border-right: 1px solid var(--neutral-300);
    border-bottom: 1px solid var(--neutral-300);
    border-left: 1px solid var(--neutral-300);
}

.image.blog-post-author {
    width: 100%;
    height: 100%;
}

.image.contact {
    align-self: flex-end;
    max-width: 96%;
}

.image.icon-contact-more-info {
    border-radius: 1000px;
    width: 48px;
    height: 48px;
    margin-right: 17px;
}

.icon-contact-data-icon {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

.image._404 {
    max-width: 50%;
}

.images-wrapper.home-hero {
    justify-content: center;
    margin-bottom: 96px;
    display: flex;
    position: relative;
}

.top-content {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.top-content.features {
    margin-bottom: 61px;
}

.top-content.section-integrations {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    align-items: center;
    justify-items: stretch;
    margin-bottom: 0;
    display: block;
}

.top-content.testimonials {
    margin-bottom: 56px;
}

.top-content.section-blog {
    margin-bottom: 39px;
}

.top-content.principles {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
    display: flex;
}

.top-content.integrations-category {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 87px;
}

.top-content.more-integrations {
    margin-bottom: 42px;
}

.top-content.latest-posts {
    margin-bottom: 60px;
}

.top-content.blog-post-latest-artticles {
    margin-bottom: 42px;
}

.top-content.faqs {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 76px;
    display: flex;
}

.top-content.blog-posts-category, .top-content.team-posts {
    margin-bottom: 60px;
}

.top-content.integrations {
    margin-bottom: 87px;
}

.title.features {
    max-width: 552px;
    margin-bottom: 0;
    margin-right: 40px;
}

.title.testimonials {
    max-width: 47%;
    margin-bottom: 0;
    margin-right: 40px;
}

.title.cta-split-content-left {
    color: #fff;
    margin-bottom: 13px;
    font-size: 32px;
    line-height: 1.063em;
}

.title.cta-split-content-right {
    margin-bottom: 13px;
    font-size: 32px;
    line-height: 1.063em;
}

.title.title-section-about-app-tab-link {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7em;
}

.title.cart-item-title {
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.4em;
    text-decoration: none;
    display: block;
}

.title.footer-menu {
    color: var(--primary-1);
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 1.111em;
}

.title.footer-download-app {
    font-size: 18px;
    line-height: 1.444em;
}

.title.principles-top {
    margin-bottom: 0;
}

.title.mission {
    margin-bottom: 37px;
}

.title.partners {
    margin-bottom: 56px;
}

.title.pricing {
    margin-bottom: 15px;
}

.title.plan {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 68px;
    font-weight: 700;
    line-height: 1.118em;
}

.title.plan.last {
    margin-right: 0;
}

.title.plan-features {
    font-size: 22px;
    line-height: 1.545em;
}

.title.integrations-hero {
    margin-bottom: 30px;
}

.title.integrations {
    max-width: 605px;
    margin-bottom: 0;
    margin-right: 40px;
}

.title.more-integrations {
    max-width: 550px;
    margin-bottom: 0;
}

.title.integration-hero {
    margin-bottom: 0;
    margin-right: 18px;
    font-size: 46px;
    line-height: 1.13em;
}

.title.connect-integration {
    margin-bottom: 0;
}

.title.blog {
    margin-bottom: 35px;
    font-size: 42px;
    line-height: 1.238em;
}

.title.newsletter {
    color: var(--neutral-100);
    margin-bottom: 11px;
    font-size: 38px;
    line-height: 1.368em;
}

.title.blog-post-latest-articles {
    margin-bottom: 0;
}

.title.contact {
    margin-bottom: 18px;
}

.title.faqs {
    max-width: 575px;
    margin-bottom: 0;
    margin-right: 40px;
}

.title.category {
    color: var(--primary-1);
    letter-spacing: -.01em;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 68px;
    font-weight: 700;
    line-height: 1.118em;
}

.title.category.last {
    margin-right: 0;
}

.title.team-posts, .title.checkout-card {
    margin-bottom: 0;
}

.title.order-item-title {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.title.dropdown {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.111em;
}

.paragraph.features {
    max-width: 43%;
}

.paragraph.testimonials-top-content {
    max-width: 39%;
}

.paragraph.cta-split-content-left {
    color: var(--neutral-400);
    margin-bottom: 37px;
}

.paragraph.cta-split-content-right {
    margin-bottom: 37px;
}

.paragraph.paragraph-about-app-tab-link {
    color: var(--neutral-600);
    display: none;
}

.paragraph.integration {
    margin-bottom: 32px;
}

.paragraph.testimonial {
    margin-bottom: 33px;
}

.paragraph.testimonial.featured {
    color: var(--neutral-100);
}

.paragraph.principles-top {
    text-align: left;
    flex: 0 auto;
    max-width: 529px;
    display: flex;
}

.paragraph.card-team {
    margin-bottom: 32px;
}

.paragraph.education {
    color: var(--neutral-400);
    margin-bottom: 31px;
}

.paragraph.card-plan {
    color: var(--neutral-400);
    margin-bottom: 34px;
}

.paragraph.integrations {
    max-width: 710px;
}

.paragraph.integration-page {
    margin-bottom: 32px;
}

.paragraph.newsletter {
    color: var(--neutral-400);
    max-width: 484px;
}

.paragraph.contact-more-info {
    margin-bottom: 28px;
}

.paragraph.faqs {
    max-width: 511px;
}

.paragraph.password {
    margin-bottom: 20px;
}

.paragraph.photography {
    margin-right: 40px;
}

.container-medium-651px {
    max-width: 651px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-medium-651px.section-about-app {
    text-align: center;
    margin-bottom: 56px;
}

.container-medium-651px.team-members {
    text-align: center;
    margin-bottom: 53px;
}

.container-medium-651px.pricing {
    text-align: center;
    margin-bottom: 50px;
}

.container-medium-651px.contact-more-info {
    text-align: center;
    margin-bottom: 48px;
}

.split-content.section-integrations-left {
    margin-right: 40px;
}

.split-content.section-blog-left {
    max-width: 603px;
}

.split-content.cta-left {
    background-color: var(--primary-1);
    transform-style: preserve-3d;
    flex-direction: column;
    align-items: flex-start;
    max-width: 596px;
    margin-right: 20px;
    padding: 77px 40px;
    text-decoration: none;
    transition: transform .35s;
    display: flex;
}

.split-content.cta-left:hover {
    transform: translate3d(0, -10px, .01px);
}

.split-content.cta-right {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    transform-style: preserve-3d;
    flex-direction: column;
    align-items: flex-start;
    max-width: 596px;
    padding: 77px 40px;
    text-decoration: none;
    transition: transform .35s;
    display: flex;
}

.split-content.cta-right:hover {
    transform: translate3d(0, -10px, .01px);
}

.split-content.section-about-app-left {
    max-width: 41%;
    margin-right: 40px;
    display: block;
}

.split-content.about-hero-left {
    max-width: 520px;
    margin-right: 20px;
}

.split-content.mission-left {
    max-width: 518px;
    margin-right: 40px;
}

.split-content.mission-right {
    max-width: 518px;
}

.split-content.open-positions-left {
    max-width: 366px;
    margin-right: 40px;
}

.split-content.open-positions-right {
    max-width: 762px;
}

.split-content.plan-left {
    max-width: 60%;
}

.split-content.integrations-hero-left {
    max-width: 529px;
    margin-right: 40px;
}

.split-content.integrations-right {
    max-width: 888px;
}

.split-content.integration-hero-left {
    align-items: center;
    max-width: 762px;
    display: flex;
}

.split-content.top-latest-posts-left {
    max-width: 603px;
}

.split-content.newsletter-left {
    max-width: 47%;
    margin-right: 20px;
}

.split-content.contact-left {
    flex-direction: column;
    max-width: 39%;
    display: flex;
}

.split-content.blog-posts-category-left {
    max-width: 603px;
}

.split-content.team-left {
    max-width: 388px;
    margin-right: 40px;
}

.split-content.team-right {
    max-width: 60%;
}

.split-content.team-posts {
    flex-wrap: wrap;
    max-width: 603px;
    display: flex;
}

.split-content.checkout-left, .split-content.checkout-right {
    flex-grow: 1;
}

.split-content.header-right-content {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.container-medium-691px {
    max-width: 691px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-medium-691px.everyone {
    text-align: center;
    margin-bottom: 49px;
}

.container-large-1060px {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.everyone-grid {
    grid-column-gap: 28px;
    grid-row-gap: 44px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 51px;
}

.cta-wrapper {
    justify-content: space-between;
    display: flex;
}

.companies-grid {
    grid-column-gap: 6vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    display: none;
}

.section-about-app-tabs {
    flex-flow: column-reverse;
    display: flex;
}

.image-wrapper {
    overflow: hidden;
    transform: translate(0);
}

.image-wrapper.company {
    transition-property: transform;
}

.image-wrapper.company:hover {
    transform: scale(.97);
}

.image-wrapper.home-hero {
    border-radius: 8px;
    max-width: 985px;
    box-shadow: 0 4px 23px rgba(0, 0, 0, .07);
}

.image-wrapper.everyone {
    text-align: center;
    border-radius: 11px;
    margin-bottom: 42px;
    display: block;
    position: static;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .07);
}

.image-wrapper.testimonial {
    border-radius: 1000px;
    width: 92px;
    height: 92px;
    position: absolute;
}

.image-wrapper.testimonial._1 {
    top: 0;
    right: 51px;
}

.image-wrapper.testimonial._2 {
    bottom: 41px;
    right: 11px;
}

.image-wrapper.testimonial._3 {
    top: 0;
    left: 29px;
}

.image-wrapper.testimonial._4 {
    bottom: 0;
    right: 104px;
}

.image-wrapper.section-about-app-right img {
    max-height: 515px;
    width: auto !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .12);
    border-radius: 8px;
}

.image-wrapper.section-about-app-right {
    max-width: 700px;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.image-wrapper.section-about-app-right.multiple-images {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}

.image-wrapper.card-blog-post-featured-last {
    max-width: 49%;
}

.image-wrapper.card-blog-post-author {
    border-radius: 1000px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 12px;
    transform: translate(0);
}

.image-wrapper.card-team {
    border-radius: 1000px;
    width: 132px;
    height: 132px;
    margin-bottom: 25px;
    transform: translate(0);
}

.image-wrapper.partners {
    transition-property: transform;
}

.image-wrapper.partners:hover {
    transform: scale(.97);
}

.image-wrapper.blog-post-author {
    border-radius: 1000px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60px;
    height: 60px;
    margin-right: 19px;
    display: flex;
    transform: translate(0);
}

.bg {
    position: absolute;
}

.bg.home-hero-1 {
    bottom: -14px;
    left: -52px;
}

.bg.home-hero-2 {
    bottom: -14px;
    right: -77px;
}

.features-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "."
                 "Area"
                 / 1fr 1fr 1fr;
}

.feature-wrapper {
    text-align: center;
    padding-bottom: 60px;
    padding-left: 32px;
    padding-right: 33px;
}

.feature-wrapper._1 {
    border-bottom: 1px solid var(--neutral-400);

}

.feature-wrapper._2 {
    border-right: 1px solid var(--neutral-400);
    border-bottom: 1px solid var(--neutral-400);
    border-left: 1px solid var(--neutral-400);

}

.feature-wrapper._3 {
    border-left: 1px solid var(--neutral-400);
    border-bottom: 1px solid var(--neutral-400);
}

.feature-wrapper._4 {
    border-bottom: 1px solid var(--neutral-400);
    padding-top: 60px;
    padding-bottom: 60px;

}

.feature-wrapper._5 {
    border-bottom: 1px solid var(--neutral-400);
    border-left: 1px solid var(--neutral-400);
    padding-top: 60px;
    padding-bottom: 60px;

}

.feature-wrapper._8 {
    border-right: 1px none var(--neutral-400);
    border-left: 1px solid var(--neutral-400);
    border-bottom: 0px none var(--neutral-400);
    padding-top: 60px;
    border-bottom: 1px none var(--neutral-400);
}

.feature-wrapper._6 {
    border-bottom: 1px solid var(--neutral-400);
    border-left: 1px solid var(--neutral-400);
    padding-top: 60px;
}

.feature-wrapper._7 {
    padding-top: 60px;
    border-bottom: 1px none var(--neutral-400);

}

.feature-wrapper._9 {
    border-left: 1px solid var(--neutral-400);
    padding-top: 60px;
    border-bottom: 1px none var(--neutral-400);

}

.h3-title-small {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.417em;
}

.h3-title-small.card-team-name {
    margin-bottom: 8px;
}

.h3-title-small.mission {
    margin-bottom: 15px;
}

.h3-title-small.education {
    color: var(--neutral-100);
}

.h3-title-small.card-plan {
    color: var(--neutral-100);
    margin-bottom: 12px;
}

.h3-title-small.integrations-categories {
    margin-bottom: 74px;
}

.h3-title-small.contact-more-info {
    margin-bottom: 5px;
}

.h3-title-small.faq, .h3-title-small.more-questions {
    margin-bottom: 12px;
}

.section-about-app-tabs-content {
    margin-bottom: 83px;
    overflow: visible;
}

.section-about-app-tabs-menu {
    border-top: 2px solid var(--neutral-400);
    text-align: center;
    flex-flow: row;
    display: flex;
}

.section-about-app-tab-link {
    opacity: .5;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-top: 4px solid rgba(0, 0, 0, 0);
    width: 25%;
    padding-top: 34px;
    padding-bottom: 0;
    top: -2px;
}

.section-about-app-tab-link.w--current {
    border-top-color: var(--primary-1);
    opacity: 1;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
}

.link-wrapper {
    font-weight: 700;
    line-height: 1.111em;
    text-decoration: none;
}

.link-wrapper:hover {
    color: var(--primary-1);
}

.link-wrapper.white {
    color: #fff;
}

.link-wrapper.open-position {
    color: var(--primary-1);
}

.link-wrapper.contact-more-info {
    margin-bottom: 20px;
}

.link-wrapper.integration {
    color: var(--primary-1);
    display: inline-block;
}

.link-wrapper.cta-right {
    color: var(--primary-1);
}

.underline-wrapper {
    background-color: var(--neutral-400);
    width: 100%;
    height: 2px;
    margin-top: 10px;
}

.underline-wrapper.white {
    background-color: var(--neutral-600);
}

.underline {
    background-color: var(--primary-1);
    width: 100%;
    height: 2px;
}

.underline.white {
    background-color: #fff;
}

.testimonials-grid {
    grid-column-gap: 30px;
    grid-row-gap: 41px;
}

.testimonial-content {
    background-color: var(--neutral-300);
    padding: 60px 30px 50px;
}

.testimonial-content.featured {
    background-color: var(--primary-1);
    margin-top: 46px;
    margin-right: 76px;
}

.testimonial-content._1 {
    margin-top: 46px;
    margin-right: 76px;
}

.testimonial-content._2 {
    margin-top: 46px;
    margin-bottom: 43px;
    margin-left: 76px;
}

.testimonial-wrapper {
    max-width: 100%;
    display: flex;
    position: relative;
}

.testimonial-wrapper._1 {
    justify-content: flex-start;
    align-items: flex-end;
}

.testimonial-wrapper._2 {
    justify-content: flex-end;
    align-items: center;
}

.testimonial-name {
    color: var(--primary-1);
    font-weight: 700;
}

.testimonial-name.featured, .testimonial-rol.featured {
    color: var(--neutral-100);
}

.section-about-app-tab-link-content {
    justify-content: center;
    display: flex;
}

.section-about-app-tab-link-text {
    text-align: left;
}

.section-about-tab-pane-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.section-integrations-grid {
    grid-column-gap: 28px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.card.integration {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    flex-flow: column;
    justify-content: flex-start;
    padding: 48px 32px 0px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.card.blog-post-featured-last {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    justify-content: space-between;
    text-decoration: none;
    display: flex;
}

.card.blog-post-featured {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    height: 100%;
    text-decoration: none;
}

.card.footer-dowload-app {
    background-color: var(--neutral-300);
    border-radius: 8px;
    max-width: 442px;
    padding: 49px 2vw;
}

.card.team {
    background-color: var(--neutral-300);
    text-align: center;
    flex-direction: column;
    align-items: center;
    height: auto;
    padding: 31px 32px 52px;
    display: flex;
}

.card.open-position {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    padding: 56px 40px 29px;
    text-decoration: none;
}

.card.pricing {
    border-top: 4px solid var(--primary-1);
    padding: 60px 24px 48px;
}

.card.education {
    background-color: var(--primary-1);
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
    padding: 54px 80px;
    display: flex;
}

.card.plan-add-cart {
    background-color: var(--primary-1);
    padding: 59px 42px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.card.plan-add-cart-mobile {
    background-color: var(--primary-1);
    padding: 59px 42px;
    display: none;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.card.integration-page {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    padding: 48px 32px 56px;
    text-decoration: none;
    position: relative;
}

.card.connect-integration {
    background-color: var(--neutral-300);
    margin-bottom: 38px;
    padding: 75px 70px 66px;
}

.card.blog-post {
    background-color: var(--neutral-300);
    color: var(--neutral-600);
    height: 100%;
    text-decoration: none;
}

.card.contact {
    background-color: var(--neutral-300);
    min-width: 53%;
    max-width: 53%;
    padding: 64px 40px;
}

.card.contact-more-info {
    background-color: var(--neutral-300);
    transform-style: preserve-3d;
    padding: 64px 63px 44px;
    transition: transform .35s;
    display: flex;
}

.card.contact-more-info:hover {
    transform: translate3d(0, -10px, .01px);
}

.card.faq {
    background-color: var(--neutral-300);
    padding: 56px 40px;
}

.card.team-page {
    background-color: var(--neutral-300);
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 31px 32px 52px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.card.checkout {
    background-color: var(--neutral-300);
    margin-bottom: 40px;
}

.card.checkout.last {
    margin-bottom: 0;
}

.card.changelog {
    background-color: var(--neutral-300);
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 28px;
    padding: 48px 32px 56px;
    display: flex;
}

.card.changelog.last {
    margin-bottom: 0;
}

.section-blog-post-grid {
    grid-column-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-row-gap: 28px;
    margin-top: 29px;
    display: grid;
}

.card-blog-post-featured-content-last {
    flex-direction: column;
    align-items: flex-start;
    max-width: 624px;
    padding: 44px 31px 20px 48px;
    display: flex;
}

.badge {
    background-color: var(--primary-1);
    color: var(--neutral-100);
    letter-spacing: -.01em;
    border-radius: 1000px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.143em;
}

.badge.blog-post-featured, .badge.card-blog-post-featured {
    margin-bottom: 18px;
}

.badge.footer-menu {
    color: var(--neutral-300);
    text-transform: uppercase;
    margin-left: 6px;
    padding: 4px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.167em;
}

.badge.education {
    background-color: var(--neutral-100);
    color: var(--primary-1);
    text-align: center;
    margin-bottom: 19px;
    padding: 14px 18px;
    font-size: 16px;
    line-height: 1.125em;
}

.badge.pricing {
    margin-bottom: 27px;
    padding: 14px 16px;
    font-size: 18px;
    line-height: 1.111em;
    text-decoration: none;
    transition-property: transform;
}

.badge.pricing:hover {
    color: var(--neutral-100);
    transform: scale(.95);
}

.badge.integrations-category {
    text-decoration: none;
    transition-property: transform;
    position: absolute;
    top: 48px;
    right: 22px;
}

.badge.integrations-category:hover {
    color: var(--neutral-100);
    transform: scale(.95);
}

.badge.integration-hero-category {
    text-decoration: none;
    transition-property: transform;
}

.badge.integration-hero-category:hover {
    color: var(--neutral-100);
    transform: scale(.95);
}

.badge.card-blog-post {
    margin-bottom: 18px;
}

.badge.blog-post-category {
    margin-bottom: 18px;
    text-decoration: none;
    transition-property: transform;
}

.badge.blog-post-category:hover {
    color: var(--neutral-100);
    transform: scale(.95);
}

.badge.changelog {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    font-weight: 700;
}

.card-blog-post-featured-about-wrapper {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    display: flex;
}

.card-blog-post-about-author-wrapper {
    align-items: center;
    display: flex;
}

.card-blog-post-date {
    letter-spacing: -.01em;
    line-height: 1.111em;
}

.card-blog-post-name {
    color: var(--primary-1);
    letter-spacing: -.01em;
    font-weight: 700;
    line-height: 1.111em;
}

.card-blog-post-featured-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 34px 28px;
    display: flex;
}

.container-header {
    justify-content: space-between;
    align-items: center;
    max-width: 1271px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.container-header.align-center {
    justify-content: center;
}

.cart-quantity {
    color: var(--primary-1);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    min-width: auto;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.111em;
    transition: color .35s;
}

.cart-quantity:hover {
    color: #cccfda;
}

.image-wrapper-2 {
    position: relative;
    overflow: hidden;
}

.image-wrapper-2.cart-order-item {
    border-radius: 13px;
    max-width: 140px;
    margin-right: 16px;
}

.cart {
    margin-right: 15px;
}

.remove-button {
    line-height: 1em;
}

.cart-item {
    padding-top: 20px;
    padding-bottom: 20px;
}


.cart-empty-state {
    color: var(--primary-1);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
}

.cart-item-content {
    margin-left: 0;
    margin-right: 0;
    line-height: 1.11em;
}

.cart-footer {
    border-top-width: 0;
    padding: 10px 40px 40px;
}

.cart-wrapper {
    z-index: 1000;
    background-color: rgba(12, 12, 12, .8);
}

.cart-button {
    color: var(--primary-1);
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    line-height: 1.111em;
}

.cart-item-price {
    color: var(--primary-1);
    margin-bottom: 8px;
}

.cart-subtotal {
    color: var(--primary-1);
    font-size: 23px;
}

.cart-header {
    border-bottom-width: 0;
    padding: 20px 40px 10px;
}

.cart-container {
    background-color: var(--neutral-300);
    border-radius: 8px;
    max-width: 500px;
    overflow: hidden;
}

.cart-list {
    padding-left: 40px;
    padding-right: 40px;
}

.cart-item-option {
    color: var(--primary-1);
    font-weight: 700;
}

.footer-top-content {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 76px;
    display: flex;
}

.footer-small-print-wrapper {
    letter-spacing: -.01em;
    justify-content: space-between;
    display: flex;
}

.footer-social-media-grid {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.footer-social-media-link {
    background-color: var(--primary-1);
    color: var(--neutral-100);
    transform-style: preserve-3d;
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-bottom: 8px;
    margin-right: 16px;
    font-family: Icons Antcrm Template, sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition-property: transform;
    display: flex;
    overflow: hidden;
}

.footer-social-media-link:hover {
    color: var(--neutral-100);
    transform: scale3d(.9, .9, 1.01);
}

.footer-social-media-link.icon-small {
    font-size: 12px;
}

.footer-menu-navigation-wrapper {
    margin-left: 2vw;
    margin-right: 2vw;
    display: flex;
}

.footer-menu-links-wrapper {
    margin-right: 46px;
}

.footer-menu-links-wrapper.last {
    margin-right: 0;
}

.footer-menu-list.mg-right-responsive {
    margin-right: 80px;
}

.footer-menu-list-item {
    margin-bottom: 10px;
}

.footer-menu-link {
    color: var(--neutral-600);
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
    transition: transform .35s, color .35s;
    display: flex;
}

.footer-menu-link:hover {
    color: var(--primary-1);
    transform: translate(6px);
}

.footer-menu-link.w--current {
    color: var(--primary-1);
    font-weight: 700;
}

.footer-menu-link.special {
    border-bottom: 3px solid var(--primary-1);
    color: var(--primary-1);
    padding-bottom: 6px;
    font-weight: 700;
    transition: border-color .35s, transform .35s, color .35s;
}

.footer-menu-link.special:hover {
    border-bottom-color: var(--neutral-600);
    color: var(--neutral-600);
}

.paragraph-small {
    font-size: 16px;
    line-height: 1.625em;
}

.paragraph-small.footer-download-app {
    margin-bottom: 24px;
}

._2-buttons.footer-download-app {
    text-align: center;
    flex-wrap: wrap;
    display: flex;
}

._2-buttons._404 {
    justify-content: center;
    margin-top: 40px;
    display: flex;
}

.space._2-buttons {
    width: 15px;
}

.brand {
    transform-style: preserve-3d;
    order: -1;
    padding-left: 0;
    transition-property: transform;
}

.brand:hover {
    transform: scale3d(.95, .95, 1.01);
}

.card-integration-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.about-hero-wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.principles-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.flex-vc {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.team-members-tabs-menu {
    border-bottom: 1px solid var(--neutral-400);
    text-align: center;
    margin-bottom: 50px;
}

.team-members-tabs {
    margin-bottom: 34px;
}

.mission-wrapper {
    background-color: var(--neutral-300);
    justify-content: space-between;
    padding: 97px 62px;
    display: flex;
}

.team-members-tabs-content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.tem-members-tab-link {
    color: var(--neutral-500);
    letter-spacing: -.01em;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    padding: 0 27px 27px;
    line-height: 1.111em;
    bottom: -1px;
}

.tem-members-tab-link.w--current {
    border-bottom-color: var(--primary-1);
    color: var(--primary-1);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 700;
}

.team-members-grid {
    grid-column-gap: 28px;
    grid-row-gap: 34px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.card-team-rol {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height: 1.25em;
}

.principles-wrapper {
    padding: 23px 50px 40px;
    display: flex;
}

.principles-wrapper._1 {
    border-right: 1px solid var(--neutral-400);
    border-bottom: 1px solid var(--neutral-400);
}

.principles-wrapper._2 {
    border-bottom: 1px solid var(--neutral-400);
}

.principles-wrapper._3 {
    border-right: 1px solid var(--neutral-400);
    padding-top: 64px;
    padding-bottom: 0;
}

.principles-wrapper._4 {
    padding-top: 64px;
    padding-bottom: 0;
}

.open-positions-wrapper {
    justify-content: space-between;
    display: flex;
}

.open-positions-title-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.open-positions-grid {
    grid-row-gap: 26px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}

.open-position-about-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.open-position-about-content {
    letter-spacing: -.01em;
    align-items: center;
    line-height: 1.111em;
    display: flex;
}

.open-position-about-divider {
    background-color: var(--neutral-600);
    width: 20px;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
}

.container-medium-997px {
    max-width: 997px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-medium-997px.partners {
    text-align: center;
}

.partners-grid {
    grid-column-gap: 123px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
}

.pricing-grid {
    grid-column-gap: 28px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 42px;
    display: grid;
}

.price-wrapper {
    letter-spacing: -.01em;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.25em;
    display: flex;
}

.card-price {
    color: var(--primary-1);
    font-size: 38px;
    font-weight: 700;
    line-height: 1em;
}

.features-wrapper {
    margin-bottom: 40px;
}

.feature {
    color: var(--primary-1);
    margin-bottom: 17px;
}

.feature.last {
    margin-bottom: 0;
}

.card-pricing-item:nth-child(2n) {
    background-color: var(--neutral-300);
    position: relative !important;
}

.card-pricing-plan-duration {
    white-space: nowrap;
    font-size: 18px !important;
    font-weight: normal !important;
}

.plan-wrapper {
    justify-content: space-between;
    display: flex;
}

.sidebar-plan {
    max-width: 36%;
}

.plan-title-wrapper {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 18px;
    display: flex;
}

.plan-top-content-wrapper {
    margin-bottom: 42px;
}

.select-wrapper {
    border: 1px solid var(--neutral-300);
    background-color: var(--neutral-100);
    border-radius: 8px;
    height: 64px;
    padding-right: 21px;
    transition: box-shadow .35s;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.select-wrapper:hover {
    box-shadow: 0 0 rgba(0, 0, 0, .06);
}

.select-wrapper.card-plan {
    border-color: var(--neutral-700);
    background-color: var(--neutral-700);
    margin-bottom: 34px;
}

.select-wrapper.checkout {
    height: 54px;
}

.select {
    background-color: var(--neutral-100);
    color: var(--neutral-500);
    border: 0 solid #000;
    height: 64px;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 18px;
    line-height: 1.111em;
    transition: color .35s;
}

.select:focus {
    color: var(--primary-1);
}

.select.card-plan {
    background-color: var(--neutral-700);
    color: var(--neutral-400);
}

.select.card-plan:hover {
    color: var(--neutral-100);
}

.select.checkout {
    height: 54px;
}

.card-plan-quantity {
    display: none;
}

.card-plan-pricing {
    color: var(--neutral-100);
    letter-spacing: -.01em;
    margin-bottom: 26px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.235em;
}

.plan-default-state {
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.integrations-hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.integrations-wrapper {
    justify-content: space-between;
    display: flex;
}

.integrations-categories-wrapper {
    margin-right: 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.integrations-grid {
    grid-column-gap: 28px;
    grid-row-gap: 26px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.integrations-categories-grid {
    grid-column-gap: 16px;
    grid-row-gap: 19px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.integration-category-wrapper {
    color: var(--neutral-600);
    letter-spacing: -.01em;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    text-decoration: none;
    transition: transform .35s, color .35s;
}

.integration-category-wrapper:hover {
    color: var(--primary-1);
    transform: translate(6px);
}

.integration-category-wrapper.w--current {
    border-bottom-color: var(--primary-1);
    color: var(--primary-1);
    font-weight: 700;
}

.integration-category-wrapper.all {
    margin-bottom: 16px;
}

.integration-category-wrapper.all.w--current {
    border-bottom-color: var(--primary-1);
    color: var(--primary-1);
    font-weight: 700;
}

.integration-category-item {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.container-large-1116px {
    max-width: 1116px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.integration-hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.integration-hero-title-wrapper {
    align-items: center;
    margin-bottom: 11px;
    display: flex;
}

.container-medium-908px {
    max-width: 908px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.connect-integration-title-wrapper {
    flex-wrap: wrap;
    margin-bottom: 44px;
    display: flex;
}

.newsletter-wrapper {
    background-color: var(--primary-1);
    justify-content: space-between;
    align-items: center;
    padding: 77px 54px 82px;
    display: flex;
}

.card-blog-post-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 34px 28px;
    display: flex;
}

.blog-post-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog-categories-grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    grid-auto-columns: 1fr;
    justify-content: end;
    display: grid;
}

.blog-item-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
}

.button-blog-category {
    color: var(--neutral-600);
    letter-spacing: -.01em;
    background-color: #e5e5e5;
    border-radius: 1000px;
    padding: 15px 16px;
    font-size: 14px;
    line-height: 1.143em;
    transition: background-color .35s, color .35s;
}

.button-blog-category:hover, .button-blog-category.w--current {
    background-color: var(--primary-1);
    color: var(--neutral-100);
}

.button-blog-category.all {
    margin-right: 24px;
}

.button-blog-category.all.w--current {
    background-color: var(--primary-1);
    color: var(--neutral-100);
}

.newsletter-form-block {
    flex: 1;
    max-width: 513px;
}

.blog-post-top-content-wrapper {
    max-width: 1013px;
    margin-bottom: 94px;
    margin-left: auto;
    margin-right: auto;
}

.blog-post-about-wrapper {
    justify-content: space-between;
    display: none;
}

.rich-text {
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text h2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.rich-text p {
    max-width: 720px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    position: static;
}

.rich-text h3 {
    max-width: 720px;
    margin: 50px auto 25px;
}

.rich-text ul {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text li {
    margin-bottom: 15px;
}

.rich-text img {
    border-radius: 8px;
    margin-bottom: 38px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.rich-text figure {
    margin-top: 42px;
    margin-bottom: 61px;
}

.rich-text ol {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text h4, .rich-text h5 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
}

.rich-text h6 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.blog-post-author-wrapper {
    color: var(--neutral-600);
    align-items: center;
    text-decoration: none;
    display: flex;
}

.blog-post-author-wrapper:hover {
    color: var(--neutral-600);
}

.blog-post-about-content {
    letter-spacing: -.01em;
    align-items: center;
    line-height: 1.111em;
    display: flex;
}

.blog-post-author-name {
    color: var(--primary-1);
    letter-spacing: -.01em;
    font-weight: 700;
}

.read-time-wrapper {
    display: flex;
}

.blog-post-about-divider {
    background-color: var(--neutral-600);
    width: 20px;
    height: 1px;
    margin-left: 15px;
    margin-right: 15px;
}

.contact-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 95px;
    display: flex;
}

.contact-title-wrapper {
    margin-top: 33px;
    margin-bottom: 45px;
}

.text-area {
    background-color: var(--neutral-100);
    color: var(--neutral-800);
    border: 0 solid #000;
    border-radius: 6px;
    min-width: 100%;
    max-width: 100%;
    min-height: 150px;
    max-height: 250px;
    margin-bottom: 0;
    padding: 22px 21px;
    font-size: 18px;
    line-height: 1.111em;
    transition: box-shadow .35s, color .35s;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.text-area:hover {
    color: var(--neutral-800);
    box-shadow: 0 0 rgba(0, 0, 0, .06);
}

.text-area:focus {
    color: var(--neutral-800);
    font-size: 18px;
}

.text-area::placeholder {
    color: var(--neutral-500);
    font-size: 18px;
}

.contact-form-grid {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    margin-bottom: 24px;
}

.contact-more-info-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.contact-more-info-links-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    gap: 30px;
}

.faqs-tabs {
    margin-bottom: 60px;
}

.faqs-tabs-menu {
    border-bottom: 1px solid var(--neutral-400);
    text-align: center;
    margin-bottom: 60px;
}

.faqs-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
}

.faqs-tab-link {
    color: var(--neutral-500);
    letter-spacing: -.01em;
    background-color: rgba(0, 0, 0, 0);
    padding: 0 27px 27px;
    line-height: 1.111em;
    bottom: -1px;
}

.faqs-tab-link.w--current {
    border-bottom: 2px solid var(--primary-1);
    color: var(--primary-1);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 700;
}

.more-questions-wrapper {
    text-align: center;
    max-width: 511px;
    margin-left: auto;
    margin-right: auto;
}

.category-title-wrapper {
    flex-wrap: wrap;
    margin-bottom: 16px;
    display: flex;
}

.category-title-wrapper.pricing-category {
    text-align: center;
    justify-content: center;
}

.team-wrapper {
    justify-content: space-between;
    display: flex;
}

.checkout-form {
    background-color: rgba(0, 0, 0, 0);
    padding: 60px 0 120px;
}

.block-header {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    padding-top: 30px;
    padding-bottom: 20px;
}

.block-content {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding-bottom: 40px;
}

.checkout-field-label {
    color: var(--primary-1);
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.111em;
}

.checkout-required-text {
    color: var(--primary-1);
    font-size: 16px;
    line-height: 1.111em;
}

.billing-address-toggle {
    margin-top: 20px;
}

.order-item-content {
    margin-left: 0;
}

.order-item-plan-duration, .order-item-price {
    color: var(--primary-1);
    font-weight: 700;
}

.order-item {
    flex-wrap: wrap;
    align-items: flex-end;
}

.checkout-subtotal {
    color: var(--primary-1);
}

.checkout-total {
    color: var(--primary-1);
    font-size: 20px;
}

.discounts {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.apple-pay {
    border-radius: 8px;
    height: 59px;
}

.team-profile-link {
    color: var(--neutral-600);
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.team-profile-link:hover {
    color: var(--neutral-600);
}

.integration-link {
    color: var(--neutral-600);
    text-decoration: none;
}

.integration-link:hover {
    color: var(--neutral-600);
}

.style-guide-icon {
    border-radius: 1000px;
}

.dropdown-links-content {
    display: flex;
}

.dropdown-list-links {
    margin-bottom: 0;
    padding-left: 0;
}

.dropdown-link {
    color: var(--neutral-600);
    letter-spacing: -.01em;
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
    transition: transform .35s, color .35s;
    display: flex;
}

.dropdown-link:hover {
    color: var(--primary-1);
    transform: translate(6px);
}

.dropdown-link.w--current {
    color: var(--primary-1);
    font-weight: 700;
}

.dropdown-link.special {
    border-bottom: 3px solid var(--primary-1);
    color: var(--primary-1);
    padding-bottom: 6px;
    font-weight: 700;
    transition: border-color .2s, transform .35s, color .35s;
}

.dropdown-link.special:hover {
    border-bottom-color: var(--neutral-600);
    color: var(--neutral-600);
}

.dropdown-links-block {
    margin-right: 3vw;
}

.dropdown-links-block.last {
    margin-right: 0;
}

.dropdown-header {
    display: flex;
}

.dropdown-text {
    align-items: center;
    display: flex;
}

.dropdown-links-wrapper {
    background-color: var(--neutral-300);
    justify-content: space-between;
    margin-top: 40px;
    padding: 40px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
}

.dropdown-list {
    background-color: rgba(0, 0, 0, 0);
    top: 20px;
    left: -109px;
}

.dropdown-list-item {
    margin-bottom: 10px;
}

.dropdown-list-item.last {
    margin-bottom: 0;
}

.dropdown-title {
    padding-bottom: 25px;
}

.empty-state {
    background-color: var(--neutral-300);
    color: var(--primary-1);
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 60px 40px;
}

.empty-state.small {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.success-message-wx {
    background-color: #deffd9;
    color: var(--primary-1);
    text-align: center;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.success-message-wx.newsletter {
    background-color: var(--neutral-700);
}

.error-message-wx {
    color: #ffe9e9;
    text-align: center;
    background-color: #e72340;
    border-radius: 8px;
}

.error-message-wx.cart {
    margin-left: 40px;
    margin-right: 40px;
}

.style-guide-rich-text {
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text h2 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text p {
    max-width: 720px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text h3 {
    max-width: 720px;
    margin: 50px auto 25px;
}

.style-guide-rich-text ul {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text li {
    margin-bottom: 15px;
}

.style-guide-rich-text img {
    border-radius: 8px;
    margin-bottom: 38px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.style-guide-rich-text ol {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text h4, .style-guide-rich-text h5 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.style-guide-rich-text blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
}

.style-guide-rich-text h6 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration {
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration h2 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration p {
    max-width: 720px;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration h3 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration ul {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration li {
    margin-bottom: 15px;
}

.rich-text-integration img {
    border-radius: 8px;
    margin-bottom: 38px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.rich-text-integration figure {
    margin-top: 60px;
    margin-bottom: 75px;
}

.rich-text-integration ol {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration h4, .rich-text-integration h5 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-integration blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
}

.rich-text-integration h6 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing {
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing h2 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing p {
    max-width: 720px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing h3 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing ul {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing li {
    margin-bottom: 15px;
}

.rich-text-pricing img {
    border-radius: 8px;
    margin-bottom: 38px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.rich-text-pricing figure {
    margin-top: 60px;
    margin-bottom: 75px;
}

.rich-text-pricing ol {
    max-width: 720px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing h4, .rich-text-pricing h5 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text-pricing blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
}

.rich-text-pricing h6 {
    max-width: 720px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.arrow-dropdown {
    font-family: Icons Antcrm Template, sans-serif;
    display: none;
}

.password-icon {
    width: 66px;
}

.mg-bottom-52px {
    margin-bottom: 52px;
}

.style---line-icons-grid {
    grid-column-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, 20px);
}

.line-rounded-icon {
    font-family: Line Rounded Icons, sans-serif;
    font-weight: 400;
}

.line-square-icon {
    font-family: Line Square Icons, sans-serif;
}

.line-square-icon.top-bar-close-icon {
    cursor: pointer;
    align-items: center;
    padding: 20px 32px;
    transition: opacity .3s;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.line-square-icon.top-bar-close-icon:hover {
    opacity: .55;
}

.filled-icons {
    font-family: Filled Icons, sans-serif;
}

.social-icon-font {
    font-family: Social Icons Font, sans-serif;
    line-height: 21px;
}

.btn-cta-index {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #4a3aff;
    border-radius: 8px;
    justify-content: center;
    padding: 18px 38px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s;
}

.btn-cta-index:hover {
    color: #fff;
    background-color: #3324d5;
    transform: translate3d(0, -3px, .01px);
}

.btn-cta-index.button-row {
    margin-right: 28px;
}

.btn-cta-index.no-hover:hover {
    background-color: #4a3aff;
    transform: none;
}

.btn-cta-index.white {
    color: #4a3aff;
    background-color: #fff;
}

.btn-cta-index.white:hover {
    color: #4a3aff;
    background-color: #f2f1ff;
}

.btn-cta-index.white.no-hover {
    color: #146ef5;
}

.btn-cta-index.white.no-hover:hover {
    background-color: #fff;
    transform: none;
}

.figma-file-image-wrapper {
    width: 100%;
    max-width: 660px;
}

.card-home-pages-wrapper {
    padding-top: 56px;
    padding-left: 56px;
    padding-right: 56px;
}

.container-default-2 {
    max-width: 1218px;
    padding-left: 24px;
    padding-right: 24px;
}

.card-sales-home-image {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
}

.mg-bottom-12px {
    margin-bottom: 12px;
}

.card-index {
    border: 1px solid var(--neutral-300);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 7px rgba(20, 20, 43, .06);
}

.card-index.sales-home-page {
    text-align: center;
    text-decoration: none;
    transition: transform .3s, color .3s;
}

.card-index.sales-home-page:hover {
    transform: scale(.96);
}

.card-index.buy-now {
    background-color: #146ef5;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: transform .3s, color .3s;
    display: flex;
    overflow: hidden;
}

.card-index.buy-now:hover {
    transform: scale(.95);
}

.card-index.buy-now.white {
    background-color: #fff;
}

.card-index.figma-file {
    justify-content: center;
    align-items: stretch;
    margin-top: 32px;
    display: flex;
    overflow: hidden;
}

.card-index.extra-components {
    margin-bottom: 36px;
    padding: 32px 24px;
}

.home-pages-top-wrapper {
    justify-content: center;
    display: flex;
    position: static;
}

.image-home-link-wrapper {
    transform-style: preserve-3d;
    border-radius: 8px;
    flex: none;
    max-width: 400px;
    margin-left: 12px;
    margin-right: 12px;
    transition: transform .3s, color .3s;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .08);
}

.image-home-link-wrapper:hover {
    transform: scale3d(.98, .98, 1.01);
}

.figma-file-text-wrapper {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    padding-left: 56px;
    padding-right: 56px;
    display: flex;
}

.figma-file-text-wrapper.pd-large {
    padding-left: 90px;
    padding-right: 90px;
}

.grid-3-columns {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-2-columns {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.grid-2-columns.suprises-pages-right {
    grid-column-gap: 100px;
    grid-template-columns: 1fr 1.25fr;
    margin-bottom: 124px;
}

.grid-2-columns.suprises-pages-right.last {
    margin-bottom: 0;
}

.grid-2-columns.suprises-pages-left {
    grid-column-gap: 100px;
    grid-template-columns: 1.25fr 1fr;
    margin-bottom: 124px;
}

.grid-2-columns.grid-footer-v3 {
    grid-column-gap: 50px;
    grid-row-gap: 16px;
}

.home-surprises-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(20, 20, 43, .08);
}

.buttons-row {
    align-items: center;
    display: flex;
}

.buttons-row.center {
    justify-content: center;
}

.mg-bottom-40px {
    margin-bottom: 40px;
}

.mg-bottom-24px {
    margin-bottom: 24px;
}

.image-home-link {
    object-fit: cover;
    width: 100%;
}

.inner-container._900px {
    max-width: 900px;
}

.inner-container._680px {
    max-width: 680px;
}

.inner-container.center {
    margin-left: auto;
    margin-right: auto;
}

.inner-container._805px {
    max-width: 805px;
}

.inner-container._345px {
    max-width: 345px;
}

.position-relative {
    position: relative;
}

.display-4 {
    color: var(--neutral-800);
    letter-spacing: -.01em;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.cta-square-logo {
    border-radius: 8px;
    margin-bottom: 22px;
    box-shadow: 0 8px 28px rgba(20, 20, 43, .1);
}

.cta-square-logo.white {
    border: 1px solid #f7f7fc;
}

.home-pages-cointainer {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 90px;
    display: flex;
}

.card-sales-home-content {
    text-align: center;
    padding: 32px;
}

.color-neutral-100 {
    color: #fff;
}

.mg-bottom-56px {
    margin-bottom: 56px;
}

.cta-image-card {
    width: 1140px;
    max-width: 1140px;
    margin-top: 40px;
    margin-bottom: -25px;
}

.color-neutral-600 {
    color: #6e7191;
}

.flex-vertical {
    flex-direction: column;
    display: flex;
}

.flex-vertical.center {
    align-items: center;
}

.badge-home {
    background-color: var(--neutral-600);
    color: var(--neutral-100);
    letter-spacing: -.01em;
    border-radius: 6px;
    padding: 16px 22px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    top: 20px;
    bottom: auto;
    left: auto;
    right: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.mg-bottom-16px {
    margin-bottom: 16px;
}

.heading-size-h3 {
    color: var(--neutral-800);
    letter-spacing: -.01em;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
}

.heading-size-h5 {
    color: var(--neutral-800);
    letter-spacing: -.01em;
    font-weight: 700;
    line-height: 34px;
}

.mg-bottom-0px {
    margin-bottom: 0;
}

.elements-wrapper {
    margin-bottom: 200px;
}

.footer-grid-v2 {
    grid-column-gap: 83px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto auto;
}

.footer-bottom {
    border-top: 1px solid var(--neutral-400);
    margin-top: 40px;
    padding-top: 40px;
}

.text-right {
    text-align: right;
}

.top-bar-flex {
    justify-content: center;
    align-items: center;
    display: flex;
}

.top-bar-flex.space-between {
    justify-content: space-between;
}

.link-text {
    transition: color .3s;
    display: inline-block;
}

.line-rounded-icon-bar {
    font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon-bar.link-icon-right {
    margin-left: 6px;
    display: inline-block;
}

.mg-right-24px {
    margin-right: 24px;
}

.top-bar-padding {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.top-bar-padding.small-padding {
    padding-top: 22px;
    padding-bottom: 22px;
}

.text-200 {
    line-height: 20px;
}

.text-200.list {
    line-height: 24px;
}

.top-bar-wrapper {
    background-color: var(--neutral-800);
    color: #fff;
    text-align: center;
    padding-left: 72px;
    padding-right: 72px;
    position: relative;
    overflow: hidden;
}

.div-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #000;
    border-radius: 100%;
    flex-flow: column-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100px;
    height: auto;
    max-height: 100px;
    padding: 20px;
    display: flex;
}

.div-block.detail-section {
    width: auto;
    height: auto;
    margin-bottom: 40px;
    padding-bottom: 20px;
    display: block;
}

.div-block.build-in {
    min-width: 100px;
    min-height: 100px;
}

.div-block-2 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    display: flex;
}

.div-block-3 {
    background-color: #000;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-right: 18px;
    padding: 0;
    display: flex;
}

.div-block-3.detail-section {
    margin-bottom: 40px;
}

.div-block-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading {
    margin-bottom: 0;
}

.div-block-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading-2 {
    margin-bottom: 0;
}

.div-block-6 {
    max-width: 400px;
}

.image-2 {
    height: 60px;
    padding-left: 0;
}

.image-2.pl-1 {
    padding-left: 10px;
}

.image-2.pt-1 {
    padding-top: 6px;
}

.image-2.p-1 {
    padding: 5px;
}

.image-2.pl-0-5 {
    margin-top: 2px;
    margin-left: 2px;
}

.div-block-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #000;
    border-radius: 100%;
    flex-flow: column-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100px;
    height: auto;
    max-height: 100px;
    padding: 20px;
    display: flex;
}

.div-block-copy.detail-section {
    width: 100px;
    height: 100px;
}

.div-block-3-copy {
    background-color: #000;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-right: 18px;
    padding: 0;
    display: flex;
}

.div-block-3-copy.detail-section {
    margin-bottom: 40px;
}

.div-block-7 {
    background-color: var(--neutral-300);
    text-align: center;
    -webkit-text-stroke-color: var(--neutral-200);
    display: block;
}

.div-block-8 {
    text-align: center;
}

.navbar-logo-center-container {
    z-index: 5;
    background-color: rgba(0, 0, 0, 0);
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.navbar-logo-center-container.shadow-three {
    width: 100%;
    max-width: 1140px;
}

.container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-wrapper-three {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.navbar-brand-three {
    z-index: 5;
    position: absolute;
}

.nav-menu-wrapper-three {
    width: 100%;
}

.nav-menu-three {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.nav-menu-block {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.nav-link-2 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.nav-link-2:hover {
    color: rgba(26, 27, 31, .75);
}

.nav-link-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-dropdown {
    margin-right: 5px;
}

.nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 0px 0px;
    font-size: 14px;
    line-height: 20px;
}

.nav-dropdown-toggle:hover {
    color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
    top: 5px;
    margin-right: 10px;
}

.nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
}

.nav-dropdown-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-dropdown-link {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 14px;
}

.nav-dropdown-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.nav-link-accent:hover {
    color: rgba(26, 27, 31, .75);
}

.button-primary-2 {
    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-2:hover {
    color: #fff;
    background-color: #32343a;
}

.button-primary-2:active {
    background-color: #43464d;
}

.link {
    font-size: 18px;
}

.link.w--current {
    letter-spacing: normal;
    line-height: 1.111px;
}

.navbar-logo-left-container {
    z-index: 5;
    background-color: rgba(0, 0, 0, 0);
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.nav-menu-two {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.nav-divider {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
}

.text-block {
    color: var(--primary-1);
    font-size: 18px;
}

.heading-3 {
    max-width: 720px;
}

.bold-text-2 {
    text-align: left;
}

.heading-4 {
    flex-direction: row;
    display: flex;
}

@media screen and (min-width: 1440px) {
    .header-logo {
        display: block;
    }

    .footer-logo-container {
        max-width: 100%;
    }

    .footer-logo-container.w--current {
        width: 100%;
        max-width: 100%;
    }

    .image.icon-feature {
        width: 50px;
        height: 50px;
    }

    .image.everyone.c1 {
        height: 292px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .image.everyone.c2, .image.everyone.c3 {
        height: 292px;
    }

    .top-content.section-integrations {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }

    .top-content.principles {
        width: 100%;
    }

    .feature-wrapper._2 {
        border-right-style: none;
    }

    .flex-vc {
        display: none;
    }

    .rich-text, .rich-text p, .rich-text h3, .rich-text ul, .rich-text ol, .rich-text h4, .rich-text h5, .rich-text h6 {
        max-width: none;
    }

    .div-block {
        margin-bottom: 38px;
        display: flex;
    }

    .div-block-3 {
        background-color: #000;
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        width: 72px;
        min-width: 72px;
        height: 72px;
        min-height: 72px;
        margin-right: 18px;
        display: flex;
    }

    .div-block-4 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        display: flex;
    }

    .heading {
        margin-bottom: 0;
    }

    .div-block-5 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .heading-2 {
        margin-bottom: 0;
    }

    .div-block-6 {
        max-width: 400px;
    }

    .div-block-copy {
        margin-bottom: 38px;
        display: flex;
    }

    .div-block-3-copy {
        background-color: #000;
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        width: 72px;
        min-width: 72px;
        height: 72px;
        min-height: 72px;
        margin-right: 18px;
        display: flex;
    }
}

@media screen and (min-width: 1920px) {
    .footer-logo-container {
        max-width: 100%;
    }

    .footer-logo-container.w--current {
        width: 100%;
        max-width: 100%;
    }

    .section.features, .section.section-about-app, .section.section-integrations, .section.everyone, .section.blog-hero {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .image.everyone.c1 {
        padding-top: 32px;
        padding-bottom: 27px;
    }

    .image.everyone.c2 {
        height: 292px;
    }

    .image.everyone.c3 {
        height: 292px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .top-content.section-integrations {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }

    .top-content.principles {
        width: 100%;
    }

    .image-wrapper.everyone {
        padding-bottom: 2px;
    }

    .footer-top-content {
        font-style: normal;
    }

    .rich-text h2 {
        max-width: none;
    }

    .rich-text p {
        max-width: 1100px;
    }

    .rich-text h3 {
        max-width: none;
    }

    .rich-text ul {
        max-width: 1100px;
        margin-bottom: 0;
    }

    .rich-text ol, .rich-text h4, .rich-text h5, .rich-text h6 {
        max-width: none;
    }

    .image-home-link-wrapper {
        max-width: 560px;
    }

    .div-block-4 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .heading {
        order: 0;
        align-self: center;
        margin-bottom: 0;
        font-weight: 700;
    }

    .div-block-5 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .heading-2 {
        color: var(--primary-1);
        text-align: left;
        margin-bottom: 0;
        text-decoration: none;
    }

    .div-block-6 {
        max-width: 400px;
    }
}

@media screen and (max-width: 991px) {
    .blog-item-grid {
        grid-template-columns: auto;
        grid-auto-columns: 0fr !important;
    }

    h1 {
        margin-bottom: 25px;
        font-size: 57px;
    }

    blockquote {
        padding: 60px 80px 80px;
    }

    .styleguide-sidebar {
        display: none;
    }

    .container-default.checkout {
        flex-direction: column;
        align-items: stretch;
    }

    .styleguide-content {
        margin-left: 0;
    }

    .styleguide-seccion {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .styleguide-header {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .typography-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .paragraph-large.blog-post-excerpt {
        margin-bottom: 40px;
    }

    .styleguide-subheader {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .styleguide-content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .buttons-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .button-primary.header-button-mobile {
        display: block;
    }

    .button-secondary.pagination {
        margin-top: 40px;
    }

    .header-navigation {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 24px;
        margin-right: 24px;
    }

    .nav-item-wrapper {
        text-align: left;
        width: 100%;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav-item-wrapper.header-button-mobile {
        margin-top: 40px;
    }

    .nav-link {
        font-size: 31px;
    }

    .nav-link:hover {
        /*transform: translate(6px);*/
    }

    .nav-link.dropdown {
        width: 100%;
        transition: color .35s;
        display: flex;
    }

    .nav-link.dropdown:hover {
        transform: translate(0);
    }

    .nav-link.dropdown.w--open {
        margin-left: 0;
    }

    .nav-menu {
        border: 1px solid var(--neutral-200);
        background-color: var(--neutral-200);
        padding-top: 30px;
        padding-bottom: 30px;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
    }

    .nav-menu.mg-right-32px.tablet-0px {
        margin-right: 0;
    }

    .footer-logo-container {
        margin-bottom: 20px;
        margin-right: 40px;
    }

    .footer-logo-container.w--current {
        max-width: 300px;
        margin-bottom: 20px;
        margin-right: 40px;
    }

    .footer-logo-container.logo-footer-v3 {
        margin-right: 0;
    }

    .licenses-hero {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section.home-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.features {
        padding-top: 140px;
        padding-bottom: 90px;
    }

    .section.section-about-app {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .section.section-integrations {
        padding-top: 120px;
        padding-bottom: 130px;
    }

    .section.everyone {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .section.testimonials {
        padding-top: 130px;
        padding-bottom: 120px;
    }

    .section.section-blog {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section.cta {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .section.about-hero {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .section.team-members, .section.principles {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.mission {
        padding-top: 80px;
        padding-bottom: 130px;
    }

    .section.open-positions {
        padding-top: 130px;
        padding-bottom: 80px;
    }

    .section.partners {
        padding-top: 80px;
    }

    .section.pricing {
        padding-top: 60px;
    }

    .section.plan {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .section.integrations-hero {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .section.integrations {
        padding-bottom: 0;
    }

    .section.integration-hero, .section.connect-integration {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.more-integrations {
        padding-top: 60px;
    }

    .section.blog-hero {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .section.latest-posts {
        padding-top: 60px;
    }

    .section.blog-post {
        padding-top: 60px;
        padding-bottom: 110px;
    }

    .section.blog-post-latest-articles {
        padding-top: 130px;
        padding-bottom: 120px;
    }

    .section.contact {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.faqs {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .section.integrations-category {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .section.blog-posts-category, .section.team {
        padding-top: 40px;
    }

    .section.checkout-hero {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section.hero-page {
        padding-top: 80px;
    }

    .utility-page-wrap._404 {
        flex-direction: column-reverse;
    }

    .utility-page-content-404 {
        margin-bottom: 60px;
    }

    .divider.card-pricing {
        align-self: stretch;
        width: 1px;
        height: auto;
        /*margin: 0 40px;*/
    }

    .divider.plan {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .container-medium-744px.home-hero {
        margin-bottom: 40px;
    }

    .registry-form-block.section-integrations {
        width: 100%;
    }

    .image.everyone.c1 {
        height: 207px;
    }

    .image.icon-section-about-app-tab-link {
        margin-bottom: 10px;
    }

    .image.integration-card {
        margin-right: 40px;
    }

    .image.about-hero {
        max-width: 80%;
    }

    .image.principles {
        margin-bottom: 20px;
    }

    .image.integrations-hero {
        max-width: 80%;
        margin-right: 0;
    }

    .image.integration-card-page {
        margin-bottom: 20px;
    }

    .image.integration-hero {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .image.blog-post {
        margin-bottom: 60px;
    }

    .image.contact {
        align-self: auto;
        max-width: 40%;
    }

    .image.icon-contact-more-info {
        margin-bottom: 20px;
    }

    .image._404 {
        max-width: 576px;
    }

    .images-wrapper.home-hero {
        margin-bottom: 70px;
    }

    .top-content.features {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-content.section-integrations {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }

    .top-content.testimonials, .top-content.section-blog, .top-content.principles {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-content.integrations-category {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }

    .top-content.more-integrations {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .top-content.latest-posts, .top-content.blog-post-latest-artticles {
        margin-bottom: 40px;
    }

    .top-content.faqs {
        text-align: center;
        flex-direction: column;
        margin-bottom: 60px;
    }

    .top-content.blog-posts-category {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .top-content.team-posts {
        margin-bottom: 40px;
    }

    .top-content.integrations {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }

    .title.features {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .title.testimonials {
        max-width: 577px;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .title.section-blog-post {
        margin-bottom: 10px;
    }

    .title.principles-top {
        margin-bottom: 16px;
    }

    .title.plan {
        font-size: 57px;
    }

    .title.integrations-hero {
        margin-bottom: 20px;
    }

    .title.integrations {
        margin-bottom: 16px;
        margin-right: 0;
    }

    .title.more-integrations {
        margin-bottom: 40px;
    }

    .title.faqs {
        margin-bottom: 16px;
        margin-right: 0;
    }

    .title.category {
        font-size: 57px;
    }

    .paragraph.features {
        max-width: 552px;
    }

    .paragraph.testimonials-top-content {
        max-width: 479px;
    }

    .split-content.section-integrations-left {
        max-width: 603px;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .split-content.section-blog-left {
        margin-bottom: 40px;
    }

    .split-content.cta-left, .split-content.cta-right {
        padding: 60px 30px;
    }

    .split-content.section-about-app-left {
        max-width: 849px;
        margin-bottom: 50px;
        margin-right: 0;
    }

    .split-content.header-right {
        align-items: center;
        display: flex;
    }

    .split-content.about-hero-left {
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.open-positions-left {
        max-width: 472px;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.open-positions-right, .split-content.plan-left {
        max-width: 100%;
    }

    .split-content.integrations-hero-left {
        margin-bottom: 60px;
        margin-right: 0;
    }

    .split-content.integrations-right {
        max-width: 100%;
    }

    .split-content.integration-hero-left {
        flex-direction: column;
        align-items: flex-start;
    }

    .split-content.top-latest-posts-left {
        margin-right: 20px;
    }

    .split-content.newsletter-left {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.contact-left {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        max-width: 100%;
        margin-bottom: 60px;
    }

    .split-content.blog-posts-category-left {
        margin-bottom: 40px;
    }

    .split-content.team-right {
        max-width: 50%;
    }

    .split-content.checkout-left {
        margin-bottom: 40px;
        margin-right: 0;
    }

    .companies-grid {
        grid-column-gap: 4vw;
    }

    .image-wrapper.home-hero {
        max-width: 90%;
    }

    .image-wrapper.testimonial._2 {
        bottom: 20px;
        right: 0;
    }

    .image-wrapper.testimonial._3 {
        left: 0;
    }

    .image-wrapper.testimonial._4 {
        right: 0;
    }

    .features-grid {
        grid-template-columns: 1fr 1fr;
    }

    .feature-wrapper._2 {
        border-right-width: 0;
    }

    .feature-wrapper._3 {
        padding-top: 60px;
    }

    .feature-wrapper._4 {
        border-bottom: 1px solid var(--neutral-400);
        border-left: 1px solid var(--neutral-400);
    }

    .feature-wrapper._5 {
        border-left-width: 0;
        border-right-width: 0;
    }

    .feature-wrapper._8 {
        border-left: 1px solid var(--neutral-400);
    }

    .h3-title-small.integrations-categories {
        margin-bottom: 0;
        margin-right: 40px;
    }

    .section-about-app-tabs-content {
        margin-bottom: 60px;
    }

    .section-about-app-tab-link {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .testimonial-content.featured {
        margin-right: 20px;
    }

    .testimonial-content._1 {
        margin-right: 0;
    }

    .testimonial-content._2 {
        margin-left: 20px;
    }

    .section-about-app-tab-link-content {
        flex-direction: column;
    }

    .section-about-tab-pane-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .section-integrations-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .card.integration {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        display: flex;
    }

    .card.footer-dowload-app {
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

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

    .card.education {
        padding-left: 70px;
        padding-right: 70px;
    }

    .card.plan-add-cart {
        margin-top: 40px;
    }

    .card.plan-add-cart-mobile {
        margin-top: 40px;
        display: block;
    }

    .card.connect-integration {
        padding: 65px 60px 60px;
    }

    .card.contact {
        align-self: stretch;
        max-width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .card.contact-more-info {
        flex-direction: column;
        padding-top: 60px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .card.changelog {
        display: flex;
    }

    .section-blog-post-grid {
        grid-column-gap: 20px;
    }

    .card-blog-post-featured-content-last {
        padding-top: 40px;
        padding-left: 31px;
    }

    .card-blog-post-featured-about-wrapper {
        flex-wrap: wrap;
    }

    .card-blog-post-about-author-wrapper, .card-blog-post-date {
        margin-bottom: 10px;
    }

    .image-wrapper-2.cart-order-item {
        max-width: 170px;
        margin-bottom: 15px;
    }

    .cart-subtotal {
        font-size: 20px;
    }

    .footer-top-content {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 60px;
    }

    .footer-main-content {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        display: flex;
    }

    .footer-social-media-grid {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-end;
        margin-bottom: 20px;
        display: flex;
    }

    .footer-social-media-grid.left-tablet {
        justify-content: flex-start;
    }

    .footer-social-media-link {
        margin-left: 16px;
        margin-right: 0;
    }

    .footer-social-media-link.icon-small {
        margin-right: 0;
    }

    .footer-social-media-link.left-align-mg {
        margin-left: 0;
        margin-right: 16px;
    }

    .footer-menu-navigation-wrapper {
        margin-bottom: 40px;
        margin-left: 0;
        margin-right: 0;
    }

    .footer-menu-links-wrapper {
        margin-right: 46px;
    }

    .menu-button {
        z-index: 999;
        background-color: var(--primary-1);
        color: #fff;
        border-radius: 1000px;
        width: 52px;
        min-width: 52px;
        height: 52px;
        margin-left: 15px;
        padding: 0;
        font-size: 30px;
        transition: transform .35s;
    }

    .menu-button:hover {
        transform: scale(.97);
    }

    .menu-button.w--open {
        background-color: var(--primary-1);
    }

    .menu-button-wrapper {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }

    .menu-button-icon {
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        width: 25px;
        height: 20px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .menu-line-top {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        background-color: #fff;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        min-height: 2px;
        max-height: 2px;
        padding: 0;
    }

    .menu-line-middle, .menu-line-bottom {
        background-color: #fff;
        min-height: 2px;
        max-height: 2px;
        padding: 0;
    }

    .about-hero-wrapper {
        text-align: center;
        flex-direction: column;
    }

    .mission-wrapper {
        padding: 77px 40px;
    }

    .team-members-grid {
        grid-template-columns: 1fr 1fr;
    }

    .principles-wrapper {
        flex-direction: column;
        padding-left: 40px;
        padding-right: 40px;
    }

    .open-positions-wrapper {
        flex-direction: column;
    }

    .open-positions-title-wrapper {
        position: static;
    }

    .partners-grid {
        grid-column-gap: 100px;
    }

    .pricing-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .card-pricing-top-content {
        max-width: 340px;
    }

    .card-pricing-bottom-content {
        min-width: 227px;
    }

    .plan-wrapper {
        flex-direction: column;
    }

    .sidebar-plan {
        display: none;
    }

    .card-plan-pricing {
        margin-bottom: 0;
    }

    .plan-default-state {
        flex-direction: row;
        justify-content: space-between;
    }

    .add-to-cart-option-wrapper {
        width: 50%;
    }

    .add-to-cart-buttons {
        flex-direction: column;
        width: 45%;
        display: flex;
    }

    .integrations-hero-wrapper {
        text-align: center;
        flex-direction: column;
        align-items: center;
    }

    .integrations-wrapper {
        flex-direction: column;
    }

    .integrations-categories-wrapper {
        margin-bottom: 40px;
        margin-right: 0;
        display: flex;
    }

    .integrations-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .integrations-categories-grid {
        grid-column-gap: 20px;
        grid-template-columns: auto auto auto;
        justify-content: start;
    }

    .integration-category-wrapper:hover {
        transform: translate(0, -4px);
    }

    .integration-category-wrapper.all {
        margin-bottom: 0;
        margin-right: 20px;
    }

    .integration-category-item {
        flex-direction: row;
        align-items: center;
    }

    .integration-hero-wrapper {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .connect-integration-title-wrapper {
        margin-bottom: 40px;
    }

    .newsletter-wrapper {
        flex-direction: column;
        align-items: stretch;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .blog-post-grid, .blog-categories-grid {
        grid-column-gap: 20px;
    }

    .button-blog-category.all.w--current {
        margin-right: 20px;
    }

    .newsletter-form-block {
        flex: none;
        max-width: 100%;
    }

    .blog-post-top-content-wrapper {
        margin-bottom: 60px;
    }

    .rich-text h2 {
        margin-bottom: 20px;
    }

    .rich-text p {
        margin-bottom: 35px;
    }

    .rich-text h3 {
        margin-bottom: 20px;
    }

    .rich-text img {
        margin-bottom: 30px;
    }

    .rich-text figure {
        margin-bottom: 60px;
    }

    .rich-text h4, .rich-text h5, .rich-text h6 {
        margin-bottom: 20px;
    }

    .contact-wrapper {
        flex-direction: column;
        margin-bottom: 60px;
    }

    .contact-title-wrapper {
        max-width: 481px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 40px;
    }

    .contact-more-info-links-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkout-form {
        padding-top: 40px;
        padding-bottom: 100px;
    }

    .checkout-row {
        flex-direction: column;
    }

    .dropdown-links-content {
        text-align: left;
        overflow: hidden;
    }

    .dropdown-links-block.last {
        border-bottom-width: 0;
    }

    .footer-content-links {
        padding-top: 0;
    }

    .dropdown-header {
        flex-direction: column;
    }

    .dropdown-text {
        justify-content: space-between;
        width: 100%;
    }

    .dropdown-links-wrapper {
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        margin-top: 0;
        padding: 20px 0 0;
    }

    .dropdown-list.w--open {
        border-radius: 0;
        position: static;
    }

    .dropdown-title {
        cursor: pointer;
        justify-content: space-between;
        padding-bottom: 20px;
        display: flex;
    }

    .animation-div.integration-hero {
        position: absolute;
        right: 0;
    }

    .style-guide-rich-text h2 {
        margin-bottom: 20px;
    }

    .style-guide-rich-text p {
        margin-bottom: 35px;
    }

    .style-guide-rich-text h3 {
        margin-bottom: 20px;
    }

    .style-guide-rich-text img {
        margin-bottom: 30px;
    }

    .style-guide-rich-text figure {
        margin-bottom: 60px;
    }

    .style-guide-rich-text h4, .style-guide-rich-text h5, .style-guide-rich-text h6, .rich-text-integration h2, .rich-text-integration h3 {
        margin-bottom: 20px;
    }

    .rich-text-integration img {
        margin-bottom: 30px;
    }

    .rich-text-integration figure {
        margin-bottom: 60px;
    }

    .rich-text-integration h4, .rich-text-integration h5, .rich-text-integration h6, .rich-text-pricing h2 {
        margin-bottom: 20px;
    }

    .rich-text-pricing p {
        margin-bottom: 35px;
    }

    .rich-text-pricing h3 {
        margin-bottom: 20px;
    }

    .rich-text-pricing img {
        margin-bottom: 30px;
    }

    .rich-text-pricing figure {
        margin-bottom: 60px;
    }

    .rich-text-pricing h4, .rich-text-pricing h5, .rich-text-pricing h6 {
        margin-bottom: 20px;
    }

    .arrow-dropdown {
        font-size: 15px;
        display: block;
    }

    .line-square-icon.top-bar-close-icon {
        padding: 18px 24px;
    }

    .btn-cta-index {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .figma-file-image-wrapper {
        max-width: 100%;
    }

    .card-index.figma-file {
        flex-direction: column;
        overflow: hidden;
    }

    .card-index.figma-file.reverse-tablet {
        flex-direction: column-reverse;
    }

    .image-home-link-wrapper {
        max-width: 260px;
    }

    .figma-file-text-wrapper {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .figma-file-text-wrapper.pd-large {
        padding-left: 56px;
        padding-right: 56px;
    }

    .grid-3-columns {
        grid-template-columns: 1fr 1fr;
    }

    .grid-3-columns._1-col-tablet {
        grid-template-columns: 1fr;
    }

    .grid-2-columns.suprises-pages-right {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-bottom: 100px;
    }

    .grid-2-columns._1-col-tablet {
        grid-template-columns: 1fr;
    }

    .grid-2-columns.suprises-pages-left {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-bottom: 100px;
    }

    .display-4 {
        font-size: 22px;
        line-height: 38px;
    }

    .home-pages-cointainer {
        margin-top: 60px;
    }

    .mg-bottom-56px {
        margin-bottom: 48px;
    }

    .footer-grid-v2 {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .top-bar-flex {
        flex-direction: column;
    }

    .mg-right-24px.mg-bt-16px {
        margin-bottom: 16px;
        margin-right: 0;
    }

    .top-bar-padding {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .top-bar-wrapper {
        padding-left: 56px;
        padding-right: 56px;
    }

    .div-block {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px;
    }

    .div-block-3 {
        width: 72px;
    }

    .div-block-4 {
        justify-content: center;
        align-items: center;
    }

    .div-block-5 {
        flex-flow: row;
        width: 100%;
    }

    .heading-2 {
        margin-bottom: 0;
    }

    .div-block-6 {
        max-width: 100%;
    }

    .div-block-copy {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px;
    }

    .div-block-3-copy {
        width: 72px;
    }

    .container {
        max-width: 728px;
    }

    .navbar-wrapper-three {
        justify-content: space-between;
    }

    .navbar-brand-three {
        position: relative;
    }

    .nav-menu-wrapper-three {
        background-color: rgba(0, 0, 0, 0);
        top: 70px;
    }

    .nav-menu-three {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
    }

    .nav-link-2 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute;
    }

    .menu-button-2 {
        padding: 12px;
    }

    .menu-button-2.w--open {
        color: #fff;
        background-color: #a6b1bf;
    }

    .nav-menu-wrapper {
        background-color: rgba(0, 0, 0, 0);
    }

    .nav-menu-two {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
    }
}

@media screen and (max-width: 767px) {
    h1 {
        margin-bottom: 20px;
        font-size: 47px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 27px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 16px;
    }

    blockquote {
        padding: 40px 25px 60px;
        font-size: 20px;
    }

    .text-center.mobile-l {
        text-align: center;
    }

    .styleguide-title {
        font-size: 46px;
        line-height: 52px;
    }

    .styleguide-header {
        padding-left: 32px;
        padding-right: 32px;
    }

    .color-primary-grid, .color-neutral-grid {
        grid-template-columns: 1fr 1fr;
    }

    .paragraph-large {
        font-size: 20px;
        line-height: 32px;
    }

    .paragraph-large.home-hero {
        margin-bottom: 20px;
    }

    .styleguide-subheader, .styleguide-content-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }

    .icons-grid {
        grid-template-columns: repeat(auto-fit, 80px);
    }

    .button-primary.small {
        display: none;
    }

    .button-primary.card-pricing {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
    }

    .button-primary.header-button {
        display: none;
    }

    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .nav-item-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-item-wrapper.header-button-mobile {
        display: block;
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-logo-container.logo-footer-v3 {
        margin-right: 0;
    }

    .licenses-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.home-hero {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section.features {
        padding-top: 120px;
        padding-bottom: 70px;
    }

    .section.section-about-app {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .section.section-integrations {
        padding-top: 100px;
        padding-bottom: 110px;
    }

    .section.everyone {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .section.testimonials {
        padding-top: 110px;
        padding-bottom: 100px;
    }

    .section.section-blog {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section.cta {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .section.about-hero {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .section.team-members, .section.principles {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.mission {
        padding-top: 60px;
        padding-bottom: 110px;
    }

    .section.open-positions {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .section.partners {
        padding-top: 60px;
    }

    .section.pricing {
        padding-top: 40px;
    }

    .section.plan {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .section.integrations-hero {
        padding-top: 30px;
    }

    .section.integration-hero, .section.connect-integration {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.more-integrations {
        padding-bottom: 0;
    }

    .section.blog-hero {
        padding-top: 30px;
    }

    .section.latest-posts {
        padding-bottom: 0;
    }

    .section.blog-post {
        padding-top: 40px;
        padding-bottom: 90px;
    }

    .section.blog-post-latest-articles {
        padding-top: 110px;
        padding-bottom: 100px;
    }

    .section.contact {
        padding-top: 40px;
    }

    .section.faqs {
        padding-bottom: 60px;
    }

    .section.blog-posts-category, .section.team-posts {
        padding-bottom: 0;
    }

    .section.hero-page {
        background-image: linear-gradient(to top, var(--neutral-700) 30%, white 30%);
        padding-top: 60px;
    }

    .utility-page-content-password {
        padding-left: 32px;
        padding-right: 32px;
    }

    .utility-page-content-404 {
        margin-bottom: 40px;
    }

    .icon-password {
        width: 132px;
        height: 132px;
    }

    .divider.blog-post-featured {
        margin-top: 30px;
    }

    .divider.card-team {
        margin-top: 20px;
        margin-bottom: 22px;
    }

    .divider.card-pricing {
        width: auto;
        height: 1px;
        /*margin: 30px 0 26px;*/
    }

    .divider.plan {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .divider.card-blog-post {
        margin-top: 30px;
    }

    .container-medium-744px.home-hero {
        text-align: left;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .registry-form-block {
        margin-left: 0;
    }

    .action-wrapper {
        justify-content: flex-start;
        left: 0;
    }

    .image.icon-feature {
        width: 35px;
        height: 35px;
        margin-bottom: 0;
    }

    .image.everyone.c1 {
        height: 299px;
    }

    .image.icon-section-about-app-tab-link {
        width: 60px;
        height: 60px;
    }

    .image.section-about-app {
        width: 77px;
        height: 77px;
        margin-bottom: 20px;
    }

    .image.integration-card {
        width: 83px;
        height: 83px;
        margin-right: 20px;
    }

    .image.about-hero {
        max-width: 100%;
    }

    .image.principles {
        width: 85px;
        height: 85px;
    }

    .image.integrations-hero {
        max-width: 100%;
    }

    .image.integration-card-page {
        width: 83px;
        height: 83px;
    }

    .image.integration-hero {
        width: 128px;
        height: 128px;
    }

    .image.blog-post {
        margin-bottom: 40px;
    }

    .image.contact {
        max-width: 80%;
    }

    .image._404 {
        max-width: 100%;
    }

    .images-wrapper.home-hero {
        justify-content: flex-start;
        margin-bottom: 60px;
    }

    .top-content.features, .top-content.section-integrations, .top-content.testimonials, .top-content.principles, .top-content.integrations-category {
        margin-bottom: 40px;
    }

    .top-content.latest-posts {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-content.blog-post-latest-artticles {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .top-content.faqs {
        text-align: left;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .top-content.blog-posts-category {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-content.integrations {
        margin-bottom: 40px;
    }

    .title.features, .title.testimonials {
        margin-bottom: 16px;
    }

    .title.cta-split-content-left, .title.cta-split-content-right {
        font-size: 27px;
    }

    .title.footer-menu, .title.mission {
        margin-bottom: 20px;
    }

    .title.partners {
        margin-bottom: 40px;
    }

    .title.plan {
        font-size: 47px;
    }

    .title.plan-features {
        font-size: 20px;
    }

    .title.integrations-hero {
        margin-bottom: 16px;
    }

    .title.integration-hero {
        font-size: 38px;
    }

    .title.blog {
        margin-bottom: 20px;
        font-size: 35px;
    }

    .title.newsletter {
        font-size: 32px;
    }

    .title.blog-post-latest-articles {
        margin-bottom: 20px;
    }

    .title.category {
        font-size: 47px;
    }

    .paragraph.section-about-app-top {
        margin-right: 20px;
    }

    .paragraph.card-team {
        margin-bottom: 22px;
    }

    .container-medium-651px.section-about-app, .container-medium-651px.team-members, .container-medium-651px.pricing, .container-medium-651px.contact-more-info {
        text-align: left;
        margin-bottom: 40px;
        margin-left: 0;
    }

    .split-content.section-blog-left {
        margin-bottom: 30px;
    }

    .split-content.cta-left {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.cta-right {
        max-width: 100%;
    }

    .split-content.mission-left {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.mission-right {
        max-width: 100%;
    }

    .split-content.integrations-hero-left, .split-content.integration-hero-left {
        margin-bottom: 40px;
    }

    .split-content.top-latest-posts-left {
        max-width: none;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.contact-left {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .split-content.blog-posts-category-left {
        max-width: none;
    }

    .split-content.team-left {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .split-content.team-right {
        max-width: 100%;
    }

    .split-content.team-posts {
        max-width: none;
    }

    .split-content.checkout-left {
        margin-bottom: 40px;
    }

    .container-medium-691px.everyone {
        text-align: left;
        margin-bottom: 40px;
        margin-left: 0;
    }

    .everyone-grid {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .cta-wrapper {
        flex-direction: column;
    }

    .companies-grid {
        grid-row-gap: 25px;
        grid-template-columns: 1fr 1fr 1fr;
        max-width: 503px;
    }

    .section-about-app-tabs {
        flex-direction: column;
    }

    .image-wrapper.company {
        max-width: 170px;
    }

    .image-wrapper.home-hero {
        max-width: 100%;
    }

    .image-wrapper.everyone {
        margin-bottom: 20px;
    }

    .image-wrapper.testimonial {
        width: 78px;
        height: 78px;
    }

    .image-wrapper.testimonial._1 {
        left: 0;
        right: auto;
    }

    .image-wrapper.testimonial._2 {
        top: 0;
        bottom: auto;
    }

    .image-wrapper.testimonial._4 {
        top: 0;
        bottom: auto;
        right: auto;
    }

    .image-wrapper.card-blog-post-featured-last {
        max-width: 100%;
    }

    .image-wrapper.card-team {
        width: 110px;
        height: 110px;
        margin-bottom: 20px;
    }

    .image-wrapper.partners {
        max-width: 170px;
    }

    .bg.home-hero-1 {
        width: 25%;
        display: none;
    }

    .bg.home-hero-2 {
        width: 37%;
        display: none;
    }

    .feature-wrapper {
        padding: 40px 20px;
    }

    .feature-wrapper._1 {
        border-bottom-style: solid;
        padding-top: 0;
        padding-left: 0;
    }

    .feature-wrapper._2 {
        padding-top: 0;
        padding-right: 0;
    }

    .feature-wrapper._3 {
        border-right-color: var(--neutral-400);
        border-bottom-color: var(--neutral-400);
        padding-top: 40px;
        padding-left: 0;
    }

    .feature-wrapper._4 {
        border-left-style: none;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 0;
    }

    .feature-wrapper._5 {
        border-right-width: 1px;
        padding-top: 40px;
        padding-left: 0;
    }

    .feature-wrapper._8 {
        border-left-style: none;
        padding-top: 40px;
        padding-right: 0;
    }

    .h3-title-small {
        font-size: 20px;
    }

    .h3-title-small.integrations-categories {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .section-about-app-tabs-content {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .section-about-app-tabs-menu {
        flex-direction: column;
        display: flex;
    }

    .section-about-app-tab-link {
        width: 100%;
        padding: 10px 0;
    }

    .link-wrapper.blog-post-latest-articles {
        margin-bottom: 20px;
    }

    .testimonials-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .testimonial-content.featured {
        margin-top: 55px;
        margin-right: 0;
        padding: 50px 20px 40px;
    }

    .testimonial-content._1 {
        margin-top: 55px;
        padding: 50px 20px 40px;
    }

    .testimonial-content._2 {
        margin-top: 55px;
        margin-bottom: 0;
        margin-left: 0;
        padding: 50px 20px 40px;
    }

    .section-about-app-tab-link-content {
        flex-direction: row;
        justify-content: flex-start;
    }

    .card.integration {
        padding: 45px 20px;
    }

    .card.blog-post-featured-last {
        flex-direction: column-reverse;
    }

    .card.footer-dowload-app {
        padding-left: 20px;
        padding-right: 20px;
    }

    .card.team {
        padding: 21px 20px 42px;
    }

    .card.open-position {
        padding-top: 40px;
    }

    .card.pricing {
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 20px 38px;
    }

    .card.education {
        padding: 44px 40px;
    }

    .card.plan-add-cart-mobile {
        padding: 50px 40px;
    }

    .card.integration-page {
        padding: 45px 20px;
    }

    .card.connect-integration {
        padding: 55px 40px 50px;
    }

    .card.contact {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .card.contact-more-info {
        flex-direction: row;
        padding: 50px 40px 34px;
    }

    .card.faq {
        padding: 40px 20px;
    }

    .card.team-page {
        padding: 21px 60px 42px;
    }

    .card.changelog {
        padding: 45px 20px;
    }

    .section-blog-post-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        margin-top: 20px;
    }

    .badge.integrations-category {
        top: 30px;
    }

    .badge.integration-hero-category {
        top: 10px;
        right: 10px;
    }

    .badge.blog-post-category {
        margin-bottom: 10px;
    }

    .cart-footer, .cart-header, .cart-list {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-top-content {
        margin-bottom: 50px;
    }

    .footer-small-print-wrapper, .footer-main-content {
        flex-wrap: wrap;
    }

    ._2-buttons._404 {
        margin-top: 30px;
    }

    .menu-button {
        width: 47px;
        min-width: 47px;
        height: 47px;
        margin-left: 0;
    }

    .about-hero-wrapper {
        text-align: left;
        align-items: flex-start;
    }

    .team-members-tabs-menu {
        margin-bottom: 40px;
    }

    .mission-wrapper {
        flex-direction: column;
        padding-top: 67px;
        padding-bottom: 67px;
    }

    .tem-members-tab-link {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .team-members-grid {
        grid-column-gap: 20px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
    }

    .card-team-rol {
        font-size: 18px;
    }

    .principles-wrapper {
        padding: 0 20px 30px;
    }

    .principles-wrapper._1 {
        padding-left: 0;
    }

    .principles-wrapper._2 {
        padding-right: 0;
    }

    .principles-wrapper._3 {
        padding-top: 30px;
        padding-left: 0;
    }

    .principles-wrapper._4 {
        padding-top: 30px;
        padding-right: 0;
    }

    .open-positions-grid {
        grid-row-gap: 20px;
    }

    .container-medium-997px.partners {
        text-align: left;
    }

    .partners-grid {
        grid-column-gap: 6vw;
        grid-row-gap: 30px;
        justify-items: start;
    }

    .pricing-grid {
        margin-bottom: 40px;
    }

    .card-price {
        font-size: 32px;
    }

    .card-pricing-bottom-content {
        align-self: stretch;
    }

    .plan-top-content-wrapper {
        margin-bottom: 30px;
    }

    .card-plan-pricing {
        font-size: 28px;
    }

    .plan-default-state {
        flex-direction: column;
    }

    .add-to-cart-option-wrapper {
        width: 100%;
        margin-bottom: 30px;
    }

    .add-to-cart-buttons {
        width: 100%;
    }

    .integrations-hero-wrapper {
        text-align: left;
        align-items: flex-start;
    }

    .integrations-categories-wrapper {
        flex-direction: column;
    }

    .integrations-grid {
        grid-column-gap: 10px;
        grid-template-columns: 1fr;
    }

    .integration-hero-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .connect-integration-title-wrapper {
        margin-bottom: 30px;
    }

    .newsletter-wrapper {
        padding: 50px 40px;
    }

    .blog-post-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .newsletter-form-block {
        margin-left: 0;
    }

    .blog-post-top-content-wrapper {
        margin-bottom: 20px;
    }

    .blog-post-about-wrapper {
        flex-wrap: wrap;
    }

    .rich-text p {
        margin-bottom: 25px;
    }

    .rich-text ul {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .rich-text li {
        margin-bottom: 10px;
    }

    .rich-text img {
        margin-bottom: 25px;
    }

    .rich-text figure {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .rich-text ol {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .rich-text blockquote {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .blog-post-author-wrapper {
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .blog-post-about-content {
        margin-bottom: 20px;
    }

    .contact-title-wrapper {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .contact-form-grid {
        grid-row-gap: 25px;
        grid-template-columns: 1fr;
    }

    .contact-more-info-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .contact-more-info-links-wrapper {
        flex-direction: row;
    }

    .faqs-tabs {
        margin-bottom: 40px;
    }

    .faqs-tabs-menu {
        text-align: left;
        margin-bottom: 40px;
    }

    .faqs-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .faqs-tab-link {
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .more-questions-wrapper {
        text-align: left;
        margin-left: 0;
    }

    .category-title-wrapper.pricing-category {
        text-align: left;
        justify-content: flex-start;
    }

    .team-wrapper {
        flex-direction: column;
    }

    .checkout-form {
        padding-bottom: 80px;
    }

    .dropdown-links-content {
        flex-direction: column;
    }

    .footer-content-links {
        flex-direction: column;
        margin-bottom: 7px;
    }

    .dropdown-list-item.last {
        margin-bottom: 7px;
    }

    .dropdown-title {
        padding-bottom: 15px;
    }

    .error-message.cart {
        margin-left: 30px;
        margin-right: 30px;
    }

    .animation-div.integration-hero {
        position: static;
    }

    .style-guide-rich-text p {
        margin-bottom: 25px;
    }

    .style-guide-rich-text ul {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .style-guide-rich-text li {
        margin-bottom: 10px;
    }

    .style-guide-rich-text img {
        margin-bottom: 25px;
    }

    .style-guide-rich-text figure {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .style-guide-rich-text ol {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .style-guide-rich-text blockquote {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rich-text-integration p {
        margin-bottom: 20px;
    }

    .rich-text-integration ul {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .rich-text-integration li {
        margin-bottom: 10px;
    }

    .rich-text-integration img {
        margin-bottom: 25px;
    }

    .rich-text-integration figure {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .rich-text-integration ol {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .rich-text-integration blockquote {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rich-text-pricing p {
        margin-bottom: 25px;
    }

    .rich-text-pricing ul {
        padding-left: 20px;
    }

    .rich-text-pricing li {
        margin-bottom: 10px;
    }

    .rich-text-pricing img {
        margin-bottom: 25px;
    }

    .rich-text-pricing figure {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .rich-text-pricing ol {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .rich-text-pricing blockquote {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .style---line-icons-grid {
        grid-template-columns: repeat(auto-fit, 18px);
    }

    .btn-cta-index {
        padding: 20px 32px;
    }

    .btn-cta-index.button-row {
        margin-right: 16px;
    }

    .card-home-pages-wrapper {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .image-home-link-wrapper {
        max-width: 209px;
    }

    .figma-file-text-wrapper, .figma-file-text-wrapper.pd-large {
        padding-left: 48px;
        padding-right: 48px;
    }

    .grid-3-columns, .grid-2-columns {
        grid-template-columns: 1fr;
    }

    .grid-2-columns.grid-footer-v3 {
        justify-items: center;
    }

    .buttons-row.center-mobile {
        justify-content: center;
    }

    .mg-bottom-40px {
        margin-bottom: 34px;
    }

    .inner-container._345px.mbp-full-width {
        max-width: 100%;
    }

    .display-4 {
        font-size: 20px;
        line-height: 32px;
    }

    .home-pages-cointainer {
        margin-top: 40px;
    }

    .mg-bottom-56px {
        margin-bottom: 40px;
    }

    .cta-image-card {
        width: 980px;
        max-width: 980px;
    }

    .badge-home {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .heading-size-h3 {
        font-size: 26px;
        line-height: 28px;
    }

    .footer-grid-v2 {
        grid-row-gap: 20px;
    }

    .text-right.mbp-text-center {
        text-align: center;
    }

    .top-bar-flex {
        flex-direction: column;
    }

    .top-bar-padding {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .top-bar-padding.small-padding {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .text-200 {
        font-size: 16px;
        line-height: 18px;
    }

    .text-200.list {
        line-height: 22px;
    }

    .top-bar-wrapper {
        padding-left: 36px;
        padding-right: 36px;
    }

    .div-block {
        width: 60px;
        height: 60px;
    }

    .div-block-2 {
        text-align: center;
    }

    .div-block-3 {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }

    .div-block-4 {
        display: flex;
    }

    .heading {
        margin-bottom: 0;
    }

    .div-block-copy {
        width: 60px;
        height: 60px;
    }

    .div-block-3-copy {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }

    .paragraph-2, .paragraph-3, .bold-text {
        text-align: center;
    }

    .navbar-brand-three {
        padding-left: 0;
    }

    .nav-menu-three {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .nav-menu-block {
        flex-direction: column;
    }

    .nav-link-2 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: relative;
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
        box-shadow: none;
    }

    .nav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .mobile-margin-top-10 {
        margin-top: 10px;
    }

    .navbar-logo-left-container {
        max-width: 100%;
    }

    .navbar-brand {
        padding-left: 0;
    }

    .nav-menu-two {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .nav-divider {
        width: 200px;
        max-width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        margin-bottom: 16px;
        font-size: 35px;
    }

    h2 {
        font-size: 29px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 15px;
    }

    label {
        margin-bottom: 10px;
    }

    blockquote {
        padding: 20px 20px 40px;
        font-size: 18px;
    }

    .flex.mbl-vertical-left {
        flex-direction: column;
    }

    .container-default {
        padding-left: 16px;
        padding-right: 16px;
    }

    .styleguide-seccion {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .styleguide-header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .color-primary-grid, .color-neutral-grid {
        grid-template-columns: 1fr;
    }

    .paragraph-large.blog-post-excerpt {
        margin-bottom: 30px;
    }

    .styleguide-subheader {
        padding-left: 20px;
        padding-right: 20px;
    }

    .styleguide-content-wrapper {
        padding: 20px 20px;
    }

    .icons-grid {
        grid-template-columns: repeat(auto-fit, 60px);
    }

    .button-primary.registry {
        padding-top: 20px;
        padding-bottom: 20px;
        position: -webkit-sticky;
        position: sticky;
    }

    .button-primary.footer-download-app {
        padding: 20px;
    }

    .button-primary.newsletter {
        background-color: var(--neutral-100);
        color: var(--primary-1);
        padding-top: 20px;
        padding-bottom: 20px;
        position: -webkit-sticky;
        position: sticky;
    }

    .button-primary.contact-form {
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .button-primary.button-row {
        margin-bottom: 16px;
        margin-right: 0;
    }

    .button-primary.mbp-full-width {
        width: 100%;
    }

    .button-secondary.pagination {
        margin-top: 30px;
    }

    .header {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .header-navigation {
        margin-left: 16px;
        margin-right: 16px;
    }

    .footer-logo-container {
        margin-bottom: 20px;
    }

    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.home-hero {
        padding-top: 30px;
    }

    .section.features {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .section.section-about-app {
        padding-bottom: 80px;
    }

    .section.section-integrations {
        padding-top: 80px;
        padding-bottom: 90px;
    }

    .section.everyone {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .section.testimonials {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    .section.section-blog {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.cta {
        padding-top: 80px;
    }

    .section.mission {
        padding-bottom: 90px;
    }

    .section.open-positions {
        padding-top: 90px;
    }

    .section.pricing, .section.plan {
        padding-top: 30px;
    }

    .section.blog-post {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .section.blog-post-latest-articles {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    .section.contact, .section.integrations-category, .section.blog-posts-category, .section.team, .section.checkout-hero {
        padding-top: 30px;
    }

    .section.hero-page {
        background-image: linear-gradient(to top, var(--neutral-700) 25%, white 25%);
    }

    .utility-page-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }

    .utility-page-content-password {
        padding: 56px 20px;
    }

    .input.registry {
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .input.discount-code {
        width: 100%;
    }

    .utility-page-content-404 {
        margin-bottom: 30px;
    }

    ._404-title {
        font-size: 100px;
        line-height: 120px;
    }

    .icon-password {
        width: 110px;
        height: 110px;
    }

    .container-medium-761px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .divider.blog-post-featured {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .divider.card-team {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .divider.open-position {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .divider.card-pricing {
        /*margin-top: 20px;*/
        /*margin-bottom: 16px;*/
    }

    .divider.plan {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .divider.card-blog-post {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .container-medium-744px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .container-medium-744px.home-hero {
        margin-bottom: 10px;
    }

    .registry-form {
        flex-direction: column;
        align-items: stretch;
        position: static;
    }

    .action-wrapper {
        font-size: 16px;
    }

    .image.action {
        width: 20%;
        margin-left: 10px;
    }

    .image.icon-feature {
        width: 60px;
        height: 60px;
        margin-bottom: 0;
    }

    .image.everyone.c1 {
        height: 180px;
    }

    .image.icon-section-about-app-tab-link {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
        margin-right: 10px;
    }

    .image.section-about-app {
        width: 64px;
        height: 64px;
        margin-bottom: 10px;
    }

    .image.integration-card {
        width: 69px;
        height: 69px;
        margin-bottom: 10px;
    }

    .image.principles {
        width: 71px;
        height: 71px;
        margin-bottom: 10px;
    }

    .image.integration-card-page {
        width: 69px;
        height: 69px;
        margin-bottom: 10px;
    }

    .image.integration-hero {
        width: 102px;
        height: 102px;
        margin-bottom: 10px;
    }

    .image.blog-post {
        margin-bottom: 30px;
    }

    .image.contact {
        max-width: 100%;
    }

    .image.icon-contact-more-info {
        margin-bottom: 10px;
    }

    .images-wrapper.home-hero {
        margin-bottom: 40px;
    }

    .top-content.features {
        margin-bottom: 30px;
    }

    .top-content.section-integrations {
        align-items: stretch;
        margin-bottom: 30px;
    }

    .top-content.testimonials, .top-content.section-blog, .top-content.principles, .top-content.integrations-category {
        margin-bottom: 30px;
    }

    .top-content.more-integrations {
        align-items: stretch;
        margin-bottom: 30px;
    }

    .top-content.latest-posts {
        margin-bottom: 30px;
    }

    .top-content.blog-post-latest-artticles {
        flex-flow: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .top-content.faqs, .top-content.blog-posts-category, .top-content.team-posts, .top-content.integrations {
        margin-bottom: 30px;
    }

    .title.cta-split-content-left, .title.cta-split-content-right {
        font-size: 22px;
    }

    .title.title-section-about-app-tab-link {
        font-size: 18px;
    }

    .title.footer-menu {
        margin-bottom: 15px;
    }

    .title.mission {
        margin-bottom: 10px;
    }

    .title.partners {
        margin-bottom: 30px;
    }

    .title.plan {
        font-size: 35px;
    }

    .title.more-integrations {
        margin-bottom: 30px;
    }

    .title.integration-hero {
        margin-bottom: 10px;
        margin-right: 10px;
        font-size: 30px;
    }

    .title.blog {
        font-size: 29px;
    }

    .title.newsletter {
        font-size: 26px;
    }

    .title.category {
        font-size: 35px;
    }

    .title.checkout-card {
        margin-bottom: 10px;
    }

    .paragraph.cta-split-content-left, .paragraph.cta-split-content-right, .paragraph.integration {
        margin-bottom: 20px;
    }

    .paragraph.section-about-app-top {
        max-width: 416px;
    }

    .paragraph.card-team, .paragraph.education {
        margin-bottom: 20px;
    }

    .paragraph.card-plan {
        margin-bottom: 30px;
    }

    .paragraph.integration-page, .paragraph.contact-more-info {
        margin-bottom: 20px;
    }

    .container-medium-651px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .container-medium-651px.section-about-app, .container-medium-651px.team-members, .container-medium-651px.pricing, .container-medium-651px.contact-more-info {
        margin-bottom: 30px;
    }

    .split-content.section-blog-left {
        margin-bottom: 25px;
    }

    .split-content.cta-left {
        margin-bottom: 30px;
        padding: 40px 20px;
    }

    .split-content.cta-right {
        padding: 40px 20px;
    }

    .split-content.section-about-app-left {
        margin-bottom: 40px;
    }

    .split-content.about-hero-left, .split-content.mission-left, .split-content.open-positions-left, .split-content.integrations-hero-left, .split-content.integration-hero-left {
        margin-bottom: 30px;
    }

    .split-content.top-latest-posts-left {
        margin-bottom: 20px;
    }

    .split-content.newsletter-left, .split-content.contact-left, .split-content.blog-posts-category-left, .split-content.team-left {
        margin-bottom: 30px;
    }

    .container-medium-691px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .container-medium-691px.everyone {
        margin-bottom: 30px;
    }

    .container-large-1060px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .everyone-grid {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        margin-bottom: 30px;
    }

    .companies-grid {
        grid-row-gap: 4vw;
    }

    .image-wrapper.company {
        max-width: 160px;
    }

    .image-wrapper.everyone {
        margin-bottom: 15px;
    }

    .image-wrapper.testimonial {
        width: 65px;
        height: 65px;
    }

    .image-wrapper.card-blog-post-author {
        width: 45px;
        min-width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .image-wrapper.card-team {
        width: 92px;
        height: 92px;
        margin-bottom: 10px;
    }

    .image-wrapper.partners {
        max-width: 160px;
    }

    .image-wrapper.blog-post-author {
        width: 48px;
        height: 48px;
        margin-right: 10px;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .feature-wrapper {
        text-align: left;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .feature-wrapper._2 {
        border-left-width: 0;
        padding-top: 30px;
        padding-left: 0;
    }

    .feature-wrapper._3 {
        border-right-style: none;
        padding-top: 30px;
        padding-right: 0;
    }

    .feature-wrapper._4 {
        border-left-width: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .feature-wrapper._5 {
        border-bottom: 1px solid var(--neutral-400);
        border-right-style: none;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 0;
    }

    .feature-wrapper._8 {
        border-left-width: 0;
        padding-top: 30px;
        padding-left: 0;
    }

    .feature-wrapper._7 {
        border-bottom: 1px solid var(--neutral-400);
        border-right-style: none;
        padding-bottom: 60px;
    }

    .feature-wrapper._9 {
        border-bottom: 1px solid var(--neutral-400);
        border-right-style: none;
        padding-bottom: 60px;
    }

    .h3-title-small {
        text-align: center;
        font-size: 18px;
    }

    .h3-title-small.integrations-categories {
        margin-bottom: 10px;
    }

    .section-about-app-tabs-content {
        margin-top: 30px;
    }

    .section-about-app-tab-link {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .link-wrapper.open-position {
        margin-bottom: 20px;
    }

    .link-wrapper.blog-post-latest-articles {
        margin-bottom: 0;
    }

    .testimonial-content.featured, .testimonial-content._1, .testimonial-content._2 {
        margin-top: 45px;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .section-about-app-tab-link-content {
        justify-content: flex-start;
    }

    .section-about-app-tab-link-text {
        max-width: 357px;
    }

    .card.integration {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card.footer-dowload-app {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card.team {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .card.open-position {
        padding: 30px 20px 10px;
    }

    .card.pricing {
        padding-top: 40px;
        padding-bottom: 28px;
    }

    .card.education {
        align-items: stretch;
        padding: 34px 20px;
    }

    .card.plan-add-cart-mobile {
        margin-top: 30px;
        padding: 40px 20px;
    }

    .card.integration-page {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card.connect-integration {
        margin-bottom: 28px;
        padding: 45px 20px 40px;
    }

    .card.contact {
        padding: 40px 20px;
    }

    .card.contact-more-info {
        flex-direction: column;
        padding: 40px 20px 24px;
    }

    .card.team-page {
        padding: 20px 20px 40px;
    }

    .card.changelog {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card-blog-post-featured-content-last {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .badge.blog-post-featured, .badge.card-blog-post-featured {
        margin-bottom: 10px;
    }

    .badge.education {
        align-self: center;
        margin-bottom: 10px;
    }

    .badge.pricing {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .badge.integrations-category {
        top: 20px;
        right: 20px;
    }

    .badge.integration-hero-category, .badge.card-blog-post {
        margin-bottom: 10px;
    }

    .card-blog-post-featured-content {
        padding: 30px 20px 20px;
    }

    .container-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cart {
        margin-right: 10px;
    }

    .remove-button {
        font-size: 16px;
    }

    .cart-footer {
        padding-bottom: 30px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .cart-subtotal {
        font-size: 18px;
    }

    .cart-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cart-container {
        border-radius: 0;
    }

    .cart-list {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-main-content {
        margin-bottom: 10px;
    }

    .footer-social-media-grid {
        justify-content: flex-start;
    }

    .footer-social-media-link {
        margin-left: 0;
        margin-right: 12px;
    }

    .footer-social-media-link.icon-small.icon-footer {
        margin-right: 12px;
    }

    .footer-menu-navigation-wrapper {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .footer-menu-links-wrapper {
        margin-bottom: 30px;
        margin-right: 40px;
    }

    .footer-menu-list.mg-right-responsive {
        margin-right: 0;
    }

    ._2-buttons.footer-download-app, ._2-buttons._404 {
        flex-direction: column;
    }

    .space._2-buttons {
        height: 10px;
    }

    .brand {
        margin-right: 20px;
    }

    .menu-button {
        width: 45px;
        min-width: 45px;
        height: 45px;
        font-size: 26px;
    }

    .principles-grid {
        grid-template-columns: 1fr;
    }

    .flex-vc {
        align-items: stretch;
    }

    .team-members-tabs-menu {
        border-bottom-width: 0;
        margin-bottom: 30px;
    }

    .team-members-tabs {
        margin-bottom: 24px;
    }

    .mission-wrapper {
        padding: 47px 20px;
    }

    .tem-members-tab-link {
        border-bottom-color: var(--neutral-400);
        text-align: center;
        padding: 10px 0;
    }

    .team-members-grid {
        grid-row-gap: 20px;
    }

    .principles-wrapper {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .principles-wrapper._1 {
        border-right-width: 0;
    }

    .principles-wrapper._2 {
        padding-top: 20px;
    }

    .principles-wrapper._3 {
        border-bottom: 1px solid var(--neutral-400);
        border-right-width: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .principles-wrapper._4 {
        padding-top: 20px;
    }

    .open-position-about-wrapper {
        flex-wrap: wrap;
    }

    .open-position-about-content {
        margin-bottom: 20px;
    }

    .open-position-about-divider {
        margin-left: 5px;
        margin-right: 5px;
    }

    .container-medium-997px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .partners-grid {
        grid-column-gap: 10vw;
        grid-row-gap: 25px;
        grid-template-columns: auto auto;
        justify-content: start;
    }

    .card-price {
        font-size: 26px;
    }

    .features-wrapper {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .feature {
        margin-bottom: 13px;
    }

    .card-pricing-bottom-content {
        flex-direction: column;
        align-items: stretch;
    }

    .plan-top-content-wrapper {
        margin-bottom: 20px;
    }

    .select-wrapper.card-plan {
        margin-bottom: 30px;
    }

    .card-plan-pricing {
        font-size: 24px;
    }

    .integrations-categories-wrapper {
        margin-bottom: 30px;
    }

    .integrations-grid {
        grid-template-columns: 1fr;
    }

    .integrations-categories-grid {
        flex-wrap: wrap;
        display: flex;
    }

    .container-large-1116px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .integration-hero-wrapper {
        align-items: stretch;
    }

    .integration-hero-title-wrapper {
        flex-wrap: wrap-reverse;
        margin-bottom: 5px;
    }

    .container-medium-908px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .connect-integration-title-wrapper {
        margin-bottom: 20px;
    }

    .newsletter-wrapper {
        padding: 40px 20px;
    }

    .card-blog-post-content {
        padding: 30px 20px 20px;
    }

    .blog-categories-grid {
        flex-wrap: wrap;
        display: flex;
    }

    .blog-post-top-content-wrapper {
        margin-bottom: 30px;
    }

    .blog-post-about-wrapper {
        flex-flow: column;
    }

    .rich-text h2 {
        margin-bottom: 16px;
    }

    .rich-text p {
        margin-bottom: 20px;
    }

    .rich-text h3 {
        margin-top: 40px;
        margin-bottom: 16px;
    }

    .rich-text ul {
        margin-bottom: 30px;
    }

    .rich-text img {
        margin-bottom: 20px;
    }

    .rich-text figure {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rich-text ol {
        margin-bottom: 30px;
    }

    .rich-text h4, .rich-text h5 {
        margin-bottom: 16px;
    }

    .rich-text blockquote {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .rich-text h6 {
        margin-bottom: 16px;
    }

    .rich-text figcaption {
        font-size: 16px;
    }

    .blog-post-author-wrapper {
        margin-right: 0;
        font-size: 16px;
    }

    .blog-post-about-content {
        margin-bottom: 0;
        font-size: 16px;
    }

    .blog-post-about-divider {
        width: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .contact-title-wrapper {
        margin-bottom: 30px;
    }

    .contact-form {
        flex-direction: column;
        display: flex;
    }

    .contact-form-grid {
        grid-row-gap: 20px;
    }

    .faqs-tabs {
        margin-bottom: 30px;
    }

    .faqs-tabs-menu {
        border-bottom-width: 0;
        margin-bottom: 30px;
    }

    .faqs-tab-link {
        border-bottom: 1px solid var(--neutral-400);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .checkout-form {
        padding-bottom: 60px;
    }

    .block-header {
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

    .checkout-required-text {
        margin-bottom: 10px;
    }

    .dropdown-links-content {
        flex-direction: column;
    }

    .dropdown-links-block {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .dropdown-links-block.last {
        margin-bottom: 0;
    }

    .dropdown-links-wrapper {
        flex-direction: column;
    }

    .dropdown-title {
        padding-bottom: 10px;
    }

    .error-message.cart {
        margin-left: 16px;
        margin-right: 16px;
    }

    .animation-div.integration-hero {
        flex-direction: column;
        display: flex;
    }

    .style-guide-rich-text h2 {
        margin-bottom: 16px;
    }

    .style-guide-rich-text p {
        margin-bottom: 20px;
    }

    .style-guide-rich-text h3 {
        margin-top: 40px;
        margin-bottom: 16px;
    }

    .style-guide-rich-text ul {
        margin-bottom: 30px;
    }

    .style-guide-rich-text img {
        margin-bottom: 20px;
    }

    .style-guide-rich-text figure {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .style-guide-rich-text ol {
        margin-bottom: 30px;
    }

    .style-guide-rich-text h4, .style-guide-rich-text h5 {
        margin-bottom: 16px;
    }

    .style-guide-rich-text blockquote {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .style-guide-rich-text h6 {
        margin-bottom: 16px;
    }

    .style-guide-rich-text figcaption {
        font-size: 16px;
    }

    .rich-text-integration h2 {
        margin-bottom: 16px;
    }

    .rich-text-integration p {
        margin-bottom: 18px;
    }

    .rich-text-integration h3 {
        margin-bottom: 16px;
    }

    .rich-text-integration ul {
        margin-bottom: 30px;
    }

    .rich-text-integration img {
        margin-bottom: 20px;
    }

    .rich-text-integration figure {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rich-text-integration ol {
        margin-bottom: 30px;
    }

    .rich-text-integration h4, .rich-text-integration h5 {
        margin-bottom: 16px;
    }

    .rich-text-integration blockquote {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .rich-text-integration h6 {
        margin-bottom: 16px;
    }

    .rich-text-integration figcaption {
        font-size: 16px;
    }

    .rich-text-pricing h2 {
        margin-bottom: 16px;
    }

    .rich-text-pricing p {
        margin-bottom: 20px;
    }

    .rich-text-pricing h3 {
        margin-bottom: 16px;
    }

    .rich-text-pricing img {
        margin-bottom: 20px;
    }

    .rich-text-pricing figure {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rich-text-pricing ol {
        margin-bottom: 30px;
    }

    .rich-text-pricing h4, .rich-text-pricing h5 {
        margin-bottom: 16px;
    }

    .rich-text-pricing blockquote {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .rich-text-pricing h6 {
        margin-bottom: 16px;
    }

    .rich-text-pricing figcaption {
        font-size: 16px;
    }

    .line-square-icon.top-bar-close-icon {
        padding-left: 12px;
        padding-right: 12px;
    }

    .btn-cta-index {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .btn-cta-index.button-row {
        margin-bottom: 16px;
        margin-right: 0;
    }

    .card-home-pages-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .container-default-2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-pages-top-wrapper {
        margin-bottom: 16px;
    }

    .image-home-link-wrapper {
        max-width: 180px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .figma-file-text-wrapper, .figma-file-text-wrapper.pd-large {
        padding-left: 24px;
        padding-right: 24px;
    }

    .grid-3-columns {
        grid-template-columns: 1fr;
    }

    .buttons-row {
        flex-direction: column;
    }

    .buttons-row.center {
        align-items: stretch;
    }

    .mg-bottom-24px {
        margin-bottom: 16px;
    }

    .mg-bottom-56px {
        margin-bottom: 32px;
    }

    .top-bar-wrapper {
        padding-left: 19px;
        padding-right: 19px;
    }

    .div-block {
        width: 60px;
        height: 60px;
    }

    .div-block.build-in {
        width: 80px;
        height: 80px;
        padding: 0;
    }

    .div-block-3 {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
    }

    .div-block-copy {
        width: 60px;
        height: 60px;
    }

    .div-block-3-copy {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
    }

    .paragraph-4, .paragraph-5, .paragraph-6 {
        text-align: center;
    }

    .container {
        max-width: none;
    }

    .nav-menu-three, .nav-menu-two {
        flex-direction: column;
    }
}

#w-node-_201c83fc-17e6-1232-9bb2-9428e678f700-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f707-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f70e-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f72c-f615c3c7, #w-node-_1c0e151f-8a77-018a-3c91-843850b083dd-f615c3c7, #w-node-_036ac4cb-232a-ece9-2dc4-f173518e53af-f615c3c7, #w-node-_6cb54365-1a85-63d2-96b0-6d17a9a807f7-f615c3c7, #w-node-_2e72779f-74d3-97a5-c2c2-2284db5bdc75-f615c3c7, #w-node-d454d7be-9820-c21a-700f-8a3884920e19-f615c3c7, #w-node-_7b96f6b9-5358-762f-74f7-58bcbc440bb5-f615c3c7, #w-node-_8db1db48-6759-0c6a-1bb5-1e3b85058c6d-f615c3c7, #w-node-_621bed12-a58e-b1b0-5914-7f2a2d8dab2c-f615c3c7, #w-node-_4fec1ae2-ecaf-b018-c87b-90bfc1fa21f7-f615c3c7, #w-node-e3d1d185-023c-8b1b-bca1-344cf86b72b7-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7a8-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7af-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7b2-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7b4-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7bc-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7c9-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7cc-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7ce-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7d6-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7dd-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7e2-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7ec-f615c3c7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c4b9c855-e256-9689-3677-4c31d3977e3e-f615c3cf {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-db174804-da7c-10aa-a9d8-bf22d59a3536-f615c3d9, #w-node-b603e383-1144-475a-c3eb-ada2d81874e3-f615c3d9, #w-node-b82954de-3a88-afc7-5cac-771e88bc4b5e-f615c3e2, #w-node-b228aeb1-f0c1-e021-e495-c2e1675f6cc0-f615c3e2, #w-node-_04d6d9d1-ce32-7097-c808-0f5ddf371b1c-f615c3e2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b12acbf1-4401-ffa1-233f-a292ddc46c10-f615c3e4, #w-node-f883a31a-5f18-7a34-43a1-6d578a17f715-f615c3e4, #w-node-_736a4f51-80ee-b602-655b-93ac609e0d7c-f615c3e4, #w-node-bc5a2fcc-d37b-420b-a5bc-89854bb46816-f615c3e4, #w-node-_2f9cb310-c807-7746-c7c3-56f0f0bd8dd5-f615c3e4, #w-node-f4055a69-9b88-c1f3-7375-8bedfd5278bc-f615c3e4 {
    align-self: end;
}

@media screen and (max-width: 991px) {
    #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7b4-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7ce-f615c3c7 {
        order: -9999;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7b4-f615c3c7, #w-node-_201c83fc-17e6-1232-9bb2-9428e678f7ce-f615c3c7 {
        order: -9999;
    }

    #w-node-c4b9c855-e256-9689-3677-4c31d3977e3e-f615c3cf {
        grid-column: span 1 / span 1;
    }
}


@font-face {
    font-family: 'Icons Antcrm Template';
    src: url('../fonts/icons-antcrm-template.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filled Icons';
    src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Line Rounded Icons';
    src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Line Square Icons';
    src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Social Icons Font';
    src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Variablefont Slnt Wght';
    src: url('../images/') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.build-in-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1000px) {
    .build-in-container {
        flex-direction: row;
    }

    .image-wrapper.section-about-app-right {
        padding: 50px;
    }
}

.image-wrapper.section-about-app-right-whatsapp {
    max-width: 750px;
}

.nav-dropdown-list {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

.noDecoration {
    text-decoration: none;
}

.contact-directly {
    max-width: 600px;
    /*flex: 1;*/
    /*min-width: 600px;*/
    width: 100%;
}

.nav-link {
    font-size: 20px !important;
}

.nav-dropdown > * {
    text-align: left !important;
}

.badge.blog-post-featured {
    text-decoration: none;
}

.video-play-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -170%);
    z-index: 100;
}


.play-button {
    width: 70px;
    height: 70px;
    background-color: rgba(2, 1, 0, 0.53);
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.play-button::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid white;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.play-button:hover {
    background-color: #070301;
    transform: scale(1.1);
}

@media screen and (max-width: 980px) {
    .video-play-holder {
        transform: translate(-50%, -150%);
    }
}

@media screen and (max-width: 767px) {
    .video-play-holder {
        transform: translate(-50%, -120%);
    }
}

@media screen and (max-width: 479px) {
    .video-play-holder {
        transform: translate(-50%, -90%);
    }
}

.partner-badge {
    margin-top: 30px;
    max-height: 60px;
}