:root {
    --main-color: #0b0b0b;
    --first-hover: #212121;
    --black-second: #c7c7c733;
    --second-hover: #484a4c;
    --dark-grey: #999;
    --white: white;
    --blue: #6f8eff;
}

.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-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
}

.w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.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-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-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;
    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-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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex;
}

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

.w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: 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-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-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;
    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;
    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;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    margin-top: 10px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px;
}

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

.w-commerce-commerceorderconfirmationcontainer {
    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;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

@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-commerceaddtocartquantityinput {
        font-size: 16px;
    }
}

body {
    background-color: var(--main-color);
    color: var(--white);
    letter-spacing: -.3px;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 46px;
    font-weight: 500;
    line-height: 44px;
}

h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

p {
    letter-spacing: -.2px;
    margin-bottom: 10px;
    color: var(--white);
    font-weight: 500;
    line-height: 1.4;
    font-size: 17px;
    opacity: .7;
}

a {
    text-decoration: underline;
}

ul {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 12px;
}

li {
    letter-spacing: -.2px;
    margin-bottom: 10px;
    color: var(--white);
    padding-bottom: 4px;
    font-weight: 500;
    line-height: 1.4;
    font-size: 15px;
    opacity: .6;
}

a.w--current > ul > li {
    opacity: unset;
}

blockquote {
    border-left: 1px solid var(--dark-grey);
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.3;
}

figcaption {
    color: #e7fbfc99;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
    font-weight: 500;
}

.utility-page-wrap {
    background-color: var(--main-color);
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 400px;
    display: flex;
}

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

.subhead {
    opacity: 1;
    color: var(--white);
    font-size: 27px;
    font-weight: 500;
    line-height: 1.4;
}

.subhead.small {
    font-size: 20px;
    line-height: 1.1;
}

.subhead.smaller {
    font-size: 20px;
}

.input {
    border: 2px solid var(--white);
    color: var(--main-color);
    background-color: #fff;
    border-radius: 100px;
    min-height: 60px;
    margin-bottom: 0;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.input:hover {
    border-color: #111314;
}

.input:focus {
    color: #444;
    border-color: #111314;
}

.input::placeholder {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

.margin-15px {
    margin-top: 15px;
}

.color-row {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 35px;
    padding: 25px 0 15px;
    display: flex;
}

.white-block {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
}

.title-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.3;
}

.caption {
    color: #ffffff8c;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.caption.margined {
    color: var(--main-color);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
}

.caption.margined._2 {
    color: var(--dark-grey);
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
}

.color-block-parent {
    width: 20%;
    margin-right: 20px;
}

.title-3 {
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

.margin-60px {
    margin-top: 60px;
}

.color-block {
    background-color: var(--main-color);
    border: 1px solid #81818b33;
    border-radius: 2px;
    width: 100%;
    height: 85px;
    margin-bottom: 5px;
    padding: 10px;
    display: flex;
}

.color-block._2 {
    background-color: var(--second-hover);
    color: #3d3d3d;
}

.section {
    padding: 120px 5%;
    position: relative;
}

.section.add-top-margin {
    background-color: var(--main-color);
    padding-top: 200px;
}

.section.for-inner {
    padding-top: 160px;
}

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

.section._60px-top {
    padding-top: 60px;
}

.section.white {
    background-color: var(--main-color);
}

.section._90 {
    background-image: linear-gradient(180deg, #fff0, var(--blue));
    border-radius: 25px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 190px;
    padding-bottom: 150px;
    overflow: hidden;
}

.section._90.dark {
    background-image: linear-gradient(180deg, #fff0, var(--first-hover));
}

.section._90.white {
    background-image: linear-gradient(180deg, #fff0, #ffffff80);
}

.margin-25px {
    z-index: 1;
    margin-top: 25px;
    position: relative;
}

.title-1 {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
    position: relative;
}

.title-1.left {
    text-align: left;
}

.light-block-second {
    border-radius: 3px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
}

.light-block-second.rounded-bottom {
    border-radius: 3px;
    padding-bottom: 30px;
}

.margin-20px {
    margin-top: 20px;
}

.container {
    z-index: 20;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.light-block {
    border-radius: 3px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
}

.button {
    background-color: var(--blue);
    background-image: linear-gradient(50deg, var(--first-hover), var(--second-hover));
    color: var(--white);
    text-align: center;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 17px 30px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: all .3s;
}

.button:hover {
    background-image: linear-gradient(50deg, #5a6afd, var(--blue));
}

.button.full {
    width: 100%;
}

.button.full.margin {
    margin-top: 7px;
}

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

.licensing-content {
    min-height: 150px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    display: flex;
}

.margin-30px {
    z-index: 1;
    margin-top: 30px;
    position: relative;
}

.image-flex {
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    font-size: 16px;
    display: flex;
}

.licensing-block {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.shrink-item {
    flex: 1;
    margin-right: 20px;
}

.shrink-item.flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.shrink-item.photo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.dark-link {
    color: var(--dark-grey);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}

.dark-link:hover {
    color: var(--white);
}

.copyright-dot {
    background-color: var(--white);
    border-radius: 100%;
    width: 4px;
    height: 4px;
    margin-left: 10px;
    margin-right: 10px;
}

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

.heading {
    font-weight: 600;
}

.margin-50px {
    z-index: 10;
    margin-top: 50px;
    position: relative;
}

.services-wrapper {
    align-items: center;
    width: 50%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.photo-line-animation {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.photo-move-2 {
    max-width: 80%;
    position: relative;
    overflow: hidden;
}

.photo-move {
    max-width: 95%;
    position: relative;
    overflow: hidden;
}

.line-divider {
    background-color: var(--white);
    width: 100%;
    height: 1px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.toggle-main-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.navigation-link-move {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.title-tag {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.1;
}

.title-tag.big {
    font-size: 40px;
    font-weight: 600;
}

.title-tag.big.add-bottom {
    margin-bottom: 20px;
}

.card-block {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.card-block.second {
    height: 40svh;
}

.button-underline {
    color: var(--white);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    position: relative;
}

.photo-animation-1 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.checkout-form {
    background-color: var(--main-color);
    color: var(--main-color);
    min-height: auto;
    padding-top: 140px;
    padding-bottom: 70px;
}

.contact-link {
    z-index: 2;
    background-color: var(--main-color);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    padding: 29px;
    display: flex;
    position: relative;
    overflow: visible;
}

.parallax-image-wrapper {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden;
}

.image-triger {
    width: 105%;
    height: 105%;
    position: absolute;
}

.image-triger-second {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.parallax-image {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.cover-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.social-icon-wrapper {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.parallax-image-block {
    width: 100%;
    height: 43em;
    position: relative;
    overflow: hidden;
}

.parallax-image-block.blog-page {
    height: 50em;
}

.color-parallax {
    z-index: 2;
    background-color: var(--white);
    display: none;
    position: absolute;
    inset: 0%;
}

.error-message {
    color: #fff;
    text-align: center;
    background-color: #fa242a;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
}

.success-message {
    background-color: var(--blue);
    text-align: center;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
}

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

.pricing-card {
    grid-row-gap: .6em;
    text-align: left;
    border: 1px solid #ffffff26;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding: 40px 40px 30px;
    display: flex;
    position: relative;
}

.pricing-card.center {
    text-align: center;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.feature-wrap-2 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.top-part-grid {
    grid-column-gap: 30px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    overflow: hidden;
}

.default-state {
    flex-direction: column;
    display: flex;
}

.main-pricing-title {
    color: #fff;
    text-align: left;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 6px;
    font-family: Inter Tight, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.feature-grid {
    grid-row-gap: 7px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
}

.feature-grid.center {
    text-align: center;
    justify-items: start;
    margin-top: 0;
}

.feature-big-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.feature-big-title.dark {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
}

.paragraph-product {
    opacity: 1;
    color: var(--white);
    margin-top: 10px;
    font-size: 32px;
    font-weight: 500;
}

.feature-second {
    color: var(--dark-grey);
    text-transform: none;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.pricing-center-wrapper {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.hero {
    background-color: var(--main-color);
    background-image: linear-gradient(191deg, var(--first-hover), #fff0 64%);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 250px 5% 46px;
    display: flex;
    position: relative;
    top: 0;
    overflow: hidden;
}

.hero.for-inner {
    min-height: auto;
    padding-top: 190px;
    padding-bottom: 70px;
}

.hero.for-account {
    min-height: 100vh;
    padding-bottom: 0;
}

.social-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.social-icon {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: relative;
}

.animation-image {
    z-index: 1;
    filter: invert();
    width: 20px;
    position: relative;
}

.social-circle {
    background-color: var(--black-second);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
}

.button-liner {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
    position: relative;
}

.display-1 {
    /*-webkit-text-fill-color: transparent;*/
    background-image: linear-gradient(90deg, #fff 40%, #fff6 60%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
}

.display-1.biger {
    z-index: 1;
    font-size: 63px;
    position: relative;
}

.display-1.biger.for-blog-page {
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.display-1.smaller {
    margin-bottom: 10px;
    font-size: 48px;
}

.display-1.smaller._30px {
    font-size: 34px;
    line-height: 1.3;
}

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

.hero-title-flex {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
}

.hero-title-flex.full {
    max-width: none;
    display: flex;
}

.hero-title-flex.full.inner {
    align-items: center;
}

.main-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: .6fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
}

.block-gray {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
}

.work-wrapper-first {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.max-w-center {
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.footer {
    flex-direction: column;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 5% 40px;
    display: flex;
    position: relative;
}

.team-name-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-title {
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
}

.job-role {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
}

.team-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.margin-10px {
    margin-top: 10px;
}

.collection-item {
    flex: none;
    align-items: flex-end;
    width: 70%;
    padding-right: 70px;
    display: flex;
}

.category-tag {
    color: var(--dark-grey);
    border: 1px solid #fff3;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.category-tag:hover {
    opacity: .76;
}

.cta-wrapper {
    background-image: linear-gradient(0deg, var(--first-hover), #484a4c00);
    text-align: center;
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 126px 178px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.contact-link-cta {
    z-index: 2;
    background-color: #f5e9ff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    padding: 27px;
    display: flex;
    position: relative;
    overflow: visible;
}

.div-block {
    justify-content: center;
    display: flex;
}

.hero-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
}

.hero-grid.main {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: .8fr 1fr;
    display: flex;
}

.gray-color {
    opacity: .85;
    color: var(--white);
}

.button-arrow-link {
    background-color: var(--dark-grey);
    color: #fff;
    text-align: center;
    border-style: none;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 14px 23px;
    text-decoration: none;
    transition: background-color .2s cubic-bezier(.645, .045, .355, 1);
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.button-arrow-link:hover {
    color: #fff;
    background-color: #424242;
}

.margin-150px {
    margin-top: 150px;
}

.margin-100px {
    margin-top: 100px;
}

.section-video {
    padding: 120px 5%;
    position: relative;
}

.section-video.image {
    z-index: -1;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    overflow: hidden;
}

.main-display {
    color: #fff;
    max-width: 60%;
    margin: 0 auto 5px;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.3;
}

.button-underline-2 {
    color: #fff;
    margin-top: 3px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
}

.button-underline-2:hover {
    color: #fff;
}

.button-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.button-flex.second {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
}

.button-flex.add-to-center {
    justify-content: center;
    align-items: center;
}

.contact-grid-main {
    grid-column-gap: 100px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}

.toggle-main {
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.paragraph {
    padding-top: 15px;
}

.toogle-max-w {
    flex-direction: column;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.toggle-content {
    background-color: #0000;
    padding: 20px 20px 10px 0;
    position: relative;
}

.toggle-content.w--open {
    padding-top: 0;
}

.filter-image {
    filter: none;
    width: 17px;
}

.option-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: var(--black-second);
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 50px 36px;
    display: flex;
}

.main-display-2 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.1;
}

.main-display-3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1;
}

.qa-text-main {
    color: var(--white);
    white-space: normal;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
}

.drodpwdown-toggle-main {
    grid-column-gap: 30px;
    border-bottom: 1px solid #333438;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    display: flex;
}

.toggle-icon {
    background-image: linear-gradient(34deg, #484a4c00, var(--first-hover));
    border: 1px solid #ffffff12;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
}

.logo-main {
    z-index: 1;
    border: 1px solid #2e2e2e;
    flex: 0 33.333%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    margin-bottom: -1px;
    margin-left: -1px;
    display: flex;
    position: relative;
}

.text-rotator-wrapper {
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto 0% 20px;
    overflow: hidden;
}

.work-wrapper {
    color: var(--white);
    cursor: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-line-main {
    color: var(--main-color);
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
}

.button-line-main:hover {
    border-bottom-color: #6f00ff;
    padding-right: 0;
}

.data {
    margin-bottom: 0;
}

.line-horizontal {
    background-color: var(--blue);
    width: 100%;
    height: 1px;
    margin-top: 5px;
}

.line-horizontal.white {
    background-color: var(--white);
}

.flex-learn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
}

.button-first-line {
    color: var(--blue);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    position: relative;
}

.button-first-line.white {
    color: var(--white);
}

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

.about-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.photo-flex {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.service-grid {
    grid-column-gap: 100px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.field-label-2 {
    color: var(--white);
    flex: none;
    font-size: 15px;
    font-weight: 600;
}

.button-flex-2 {
    grid-column-gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.success-message-3 {
    color: #fff;
    text-transform: uppercase;
    background-color: #009c22;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
}

.contact-field {
    color: var(--white);
    background-color: #0000;
    border: 1px #000;
    border-bottom: 1px solid #81818b80;
    height: 41px;
    margin-bottom: 0;
    margin-left: 20px;
    padding-left: 0;
    font-size: 18px;
    font-weight: 400;
}

.contact-field:active, .contact-field:focus {
    border-bottom-color: #2f3330;
}

.contact-field::placeholder {
    color: var(--dark-grey);
    font-size: 18px;
    font-weight: 400;
}

.contact-field.area {
    height: auto;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 78px;
}

.field-flex {
    align-items: center;
    margin-bottom: 15px;
    display: flex;
}

.field-flex.vertical {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}

.nav-link {
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 3px;
    font-size: 15px;
    font-weight: 600;
    transition: all .2s;
}

.nav-link:hover {
    border-bottom-color: #262523;
}

.nav-link.w--current {
    color: #262523;
    border-bottom-color: #262523;
}

.error-message-3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #fa242a;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.sticky-right {
    top: 150px;
}

.button-line {
    color: #2c2c2c;
    white-space: nowrap;
    border-bottom: 1px solid #c5c5c5;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
}

.button-line:hover {
    color: #b26cf1;
    border-bottom-color: #b26cf1;
    padding-right: 0;
}

.subhead-center {
    opacity: 1;
    color: var(--dark-grey);
    margin-top: 0;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.4;
}

.subhead-center.center {
    text-align: center;
    font-size: 21px;
}

.image-rounded {
    border-radius: 5px;
}

.new-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.navbar-component {
    z-index: 999;
    background-color: #ddd0;
    align-items: center;
    min-height: 5.6rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
}

.dropdown-content {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.dropdown-content.block {
    display: block;
}

.menu-button-new {
    padding: 0;
}

.icon-wrapper {
    z-index: 3;
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
}

.item-heading {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
}

.svg-icon {
    opacity: 1;
    justify-content: center;
    align-items: flex-end;
    width: 1rem;
    height: 1rem;
    margin-right: .8rem;
    padding-bottom: 1px;
    display: flex;
    position: absolute;
    inset: auto 0% auto auto;
}

.navbar-drodpdown-list {
    box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-drodpdown-list.w--open {
    background-color: #fff;
    border: 1px solid #eaecf0;
    border-radius: .75rem;
    width: 40rem;
    padding: 1.25rem;
    left: 0%;
}

.navbar-drodpdown-list.auto {
    width: 14.6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navbar-drodpdown-list.auto.w--open {
    background-color: #222;
    border-color: #222;
    border-radius: .4rem;
}

.navbar-menu {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    display: flex;
    position: static;
}

.dropdown-toggle {
    opacity: 1;
    color: var(--white);
    align-items: center;
    padding: .75rem 2.2rem .75rem 1rem;
    font-size: 1.1rem;
    font-weight: 600;
    transition: all .3s;
    display: flex;
}

.dropdown-toggle:hover {
    opacity: .7;
}

.navbar-link {
    color: var(--white);
    align-items: center;
    padding: .75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all .3s;
}

.navbar-link:hover {
    opacity: .7;
}

.navbar-link.w--current {
    opacity: 1;
    color: #fff;
}

.dropdown-link {
    grid-column-gap: .4rem;
    grid-row-gap: 0px;
    border-radius: .5rem;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    padding: .55rem .75rem .55rem 0;
    text-decoration: none;
    transition: all .3s;
    display: grid;
}

.dropdown-link:hover {
    background-color: #333;
    padding-left: .75rem;
}

.menu-right {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
}

.item-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.dorpdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 0rem;
    grid-template-rows: max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    display: grid;
}

.icon-small-left {
    width: 1.4rem;
    height: 1.4rem;
}

.logotype {
    flex: none;
    width: 140px;
}

.logo-link-main {
    padding-left: 0;
}

.max-w-wrapper {
    flex-direction: column;
    align-items: flex-start;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.max-w-wrapper.center {
    text-align: center;
    align-items: center;
    max-width: 600px;
}

.blog-image {
    object-fit: cover;
    border-radius: 15px;
    width: 100%;
    transition: all .3s;
}

.blog-image:hover {
    opacity: .9;
}

.blog-content {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 25px;
    display: flex;
}

.category-tag-main {
    color: var(--dark-grey);
    border: 1px solid #ffffff2e;
    border-radius: 30px;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.category-tag-main:hover {
    opacity: .76;
}

.blog-title {
    color: var(--white);
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    transition: all .3s;
}

.templates-badge-wrapper {
    z-index: 9999;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #000;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    padding: 11px 20px 11px 18px;
    font-size: 14px;
    text-decoration: none;
    display: none;
    position: fixed;
    inset: auto 20px 20px auto;
    box-shadow: 0 12px 28px #00000024;
}

.loader-badge {
    background-image: url('../assets/loader.svg');
    background-position: 0 0;
    background-size: contain;
    width: 34px;
    height: 34px;
    position: absolute;
    inset: -19px -15px auto auto;
}

.badge-paragraph {
    opacity: 1;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.blue-color {
    color: #4353ff;
}

.data-flex {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.category-0 {
    margin-bottom: 0;
    font-size: 17px;
}

.button-with-animation {
    color: var(--main-color);
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 15px 29px;
    font-size: 19px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.text-button {
    padding-right: 5px;
    font-size: 1.05rem;
}

.arrow-button {
    filter: invert();
    width: 20px;
    position: absolute;
}

.relative-div {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

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

.button-first-line-2 {
    color: #060609;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    position: relative;
}

.overlay-bottom {
    background-image: linear-gradient(180deg, #0000, var(--main-color) 94%);
    justify-content: center;
    align-items: flex-end;
    min-height: 200px;
    padding-bottom: 60px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.logo-carousel-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex: none;
    display: flex;
    transform: perspective(1px);
}

.quick-stack {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 0;
}

.service-item {
    background-image: linear-gradient(0deg, var(--first-hover), #33405300);
    text-align: center;
    border: 1px solid #ffffff12;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 35px 35px 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.footer-grid-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.6fr 1fr;
    align-items: start;
}

.footer-left-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.foorer-list {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
    place-items: flex-start start;
    display: flex;
}

.footer-link-main {
    color: var(--dark-grey);
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s;
    display: flex;
}

.footer-link-main:hover {
    color: #fff;
}

.margin-50px-2 {
    margin-top: 50px;
}

.footer-logo-link {
    margin-bottom: 20px;
}

.copyright {
    color: var(--white);
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
}

.social-icon-main {
    filter: invert();
    width: 19px;
}

.social-icon-main.no-invert {
    width: 22px;
}

.link {
    color: var(--white);
}

.social-grid {
    grid-column-gap: 18px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.footer-title {
    color: #fff;
    letter-spacing: normal;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500;
}

.social-link-main {
    opacity: .77;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.social-link-main:hover {
    opacity: .8;
}

.footer-main-grid {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: .7fr minmax(auto, 1fr);
    align-items: start;
    margin-top: 100px;
}

.flex-about {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
    display: flex;
}

.form-wrapper {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.form-input {
    color: var(--main-color);
    border-radius: 40px;
    height: 62px;
    margin-bottom: 0;
    padding: 21px 24px 18px;
}

.form-input::placeholder {
    color: var(--dark-grey);
    font-size: 17px;
}

.checkbox-field {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.chekcbox {
    border-width: 2px;
    border-color: #fff;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-left: -18px;
}

.chekcbox.w--redirected-checked {
    border-color: var(--blue);
    background-color: var(--blue);
    background-size: 14px;
}

.small-text {
    color: var(--dark-grey);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em;
}

.white-link {
    color: #fff;
}

.forgto-form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.cart {
    padding: .75rem 1rem;
}

.cart.desktop {
    margin-right: 15px;
}

.cart-wrapper {
    z-index: 999;
    background-color: #000000e6;
}

.smaller-text {
    opacity: .28;
    font-size: 1.1rem;
    font-weight: 400;
    display: inline-block;
}

.button-remove {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    position: relative;
}

.button-remove.smaller {
    opacity: .71;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
}

.button-remove.smaller:hover {
    opacity: 1;
}

.no-items-found {
    color: #ffffffb3;
    font-size: 17px;
    font-weight: 500;
}

.cart-container {
    box-shadow: none;
    background-color: #000;
    border: 1px solid #fff3;
    max-width: 600px;
}

.product-title {
    color: #fff;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
}

.cart-header {
    border-bottom-color: #fff3;
    padding: 13px 24px 13px 25px;
}

.apple-pay {
    border-radius: 25px;
    height: 48px;
}

.option-list {
    margin-top: 10px;
}

.remove-button {
    margin-top: 15px;
    text-decoration: none;
    display: flex;
}

.product-price-main {
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.product-price-main.in-sidebar {
    color: #ffffffb3;
    font-size: 19px;
    font-weight: 400;
}

.cart-footer {
    border-top-color: #fff3;
    padding-top: 25px;
}

.cart-button {
    background-color: #0000;
    justify-content: center;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.image-small-product {
    filter: invert();
    width: 34px;
    margin-right: 10px;
}

.paypal {
    margin-bottom: 4px;
}

.cart-list {
    padding-left: 12px;
}

.cart-quantity-main {
    z-index: 2;
    color: #fff;
    background-color: #0000;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 20px;
}

.heading-white {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.remove-pop-up {
    cursor: pointer;
    background-color: #f1f1f7;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
}

.remove-pop-up.in-produce-sidebar {
    background-color: #ffffff1c;
    background-image: url('../assets/cross_1cross.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    right: 0;
}

.empty-state {
    flex-direction: column;
}

.cart-quantity-sidebar {
    color: #fff;
    background-color: #0000;
    border-color: #ffffff1a;
    border-radius: 2px;
    width: 50px;
    font-weight: 600;
}

.button-flex-left {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.line-absolute {
    opacity: .04;
    object-fit: contain;
    width: 100vw;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.line-absolute.second {
    z-index: 0;
    opacity: .3;
    inset: auto 0% -30px;
}

.line-absolute.third {
    opacity: .1;
    top: 102.375px;
}

.line-absolute.fourth {
    opacity: .04;
}

.line-absolute.fifth {
    opacity: .44;
    width: 100%;
    top: 30px;
}

.line-absolute.cover {
    object-fit: cover;
    padding-top: 0;
    padding-bottom: 13px;
}

.carousel {
    grid-column-gap: 74px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    overflow: hidden;
}

.carousel._20-gap {
    grid-column-gap: 4px;
    justify-content: flex-start;
    align-items: center;
}

.left-part-shadow {
    z-index: 2;
    background-image: linear-gradient(90deg, var(--main-color) 10%, #fff0);
    width: 150px;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.left-part-shadow.right {
    background-image: linear-gradient(90deg, #fff0, var(--main-color) 90%);
    inset: 0% 0% 0% auto;
}

.carousel-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    overflow: hidden;
}

.logo-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: .5fr minmax(200px, 1fr);
    grid-auto-columns: 1fr;
    align-content: center;
    align-items: center;
    width: 100%;
    max-width: 1180px;
    display: grid;
}

.logo-grid.second {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

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

.carousel-item {
    flex: none;
    padding: 1rem .5rem;
}

.subhead-main {
    color: var(--dark-grey);
    margin-top: 0;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.4;
}

.subhead-main.small {
    color: var(--white);
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.flex-tag {
    grid-column-gap: 10px;
    align-items: center;
    display: flex;
}

.button-line-2 {
    color: #777;
    white-space: nowrap;
    background-color: #f7f7f7;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px 16px 22px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
}

.button-line-2:hover {
    color: #222;
    border-bottom-color: #00f;
}

.social-icon-2 {
    border: 2px solid var(--second-hover);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-main {
    grid-column-gap: 8px;
    color: var(--white);
    border: 1px solid #ffffff26;
    border-radius: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 16px 20px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.play-icon {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 12px;
    text-decoration: none;
    display: flex;
}

.background {
    grid-column-gap: 8px;
    border: 1px solid #ffffff24;
    border-radius: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.background.left-empty {
    border-style: none;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    padding-left: 0;
}

.main-text {
    z-index: 3;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    text-decoration: none;
    position: relative;
}

.icon-small {
    width: 27px;
}

.icon-small._34px {
    width: 34px;
}

.features-block {
    background-color: #101010;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding: 40px 32px 50px;
    display: flex;
}

.features-block.second {
    padding-top: 30px;
}

.features-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
}

.features-grid.flex {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column-reverse;
    display: flex;
}

.features-grid._3-columns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.max-w-small {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.top-small-title {
    color: var(--blue);
    margin-bottom: 13px;
}

.top-small-title.white {
    color: var(--white);
}

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

.features-grid-2._100px {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    place-items: center;
}

.iphone-block {
    /*background-image: url('../assets/photo-1_1photo-1.avif');*/
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    /*border: 1px solid #fff3;*/
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 600px;
    display: flex;
    position: relative;
}

.iphone-block._450px {
    min-height: 450px;
}

/*.iphone-block._450px.seond-photo {*/
/*    background-image: url('../assets/photo-2_1photo-2.avif');*/
/*}*/

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

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

.lightbox {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
    position: absolute;
}

.lightbox-wrapper {
    grid-column-gap: 13px;
    background-color: var(--first-hover);
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    padding: 5px 24px 5px 5px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 12px 48px #0000004d;
}

.with-color {
    background-color: var(--blue);
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 15px;
    text-decoration: none;
    display: flex;
}

.with-color._80px {
    width: 80px;
    height: 80px;
}

.play-icon-second {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    max-width: 34.6819px;
    text-decoration: none;
    display: flex;
}

.main-play {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    text-decoration: none;
    display: flex;
}

.video-text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.2px;
    text-decoration: none;
}

.lightbox-link {
    color: var(--white);
    text-decoration: none;
}

.compare-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    display: grid;
}

.block-1 {
    grid-row-gap: 18px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

.top-small-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.2px;
    text-decoration: none;
}

.main-line {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 50px;
    text-decoration: none;
    display: flex;
}

.main-line.second {
    width: 30px;
    height: 80px;
}

.main-line.third {
    width: 40px;
    height: 120px;
}

.main-line.fourth {
    width: 55px;
    height: 200px;
}

.bottom-samll-text {
    opacity: 1;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
}

.features-box {
    grid-row-gap: 30px;
    text-align: center;
    background-color: #101010;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 48px 32px;
    display: flex;
}

.featrues-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    text-decoration: none;
    display: flex;
}

.top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.features-title {
    color: var(--white);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

.tab {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.tab-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

._0-5-rem-space {
    width: 100%;
    min-height: .5rem;
}

@keyframes gif-speed {
    from { visibility: visible; }
    to { visibility: visible; }
}

.tab-title {
    color: var(--white);
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4;
}

.tab-link-first {
    border-left: 2px solid var(--first-hover);
    background-color: #0000;
    padding: 1.5rem 0 1.5rem 2rem;
    display: block;
}

.tab-link-first.w--current {
    border-left-color: var(--blue);
    opacity: 1;
    background-color: #0000;
}

.top-title-flex {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.integration-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: .44fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.integration-box-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.integration-box-grid._4-column {
    grid-template-columns: 1fr 1fr 1fr;
}

.integration-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.block-main {
    grid-row-gap: 18px;
    background-color: var(--first-hover);
    border-radius: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 25px 24px 20px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.flex-space-between {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.integration-icon,
.integration-icon-white {
    background-color: var(--blue);
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.integration-icon-white {
    background-color: white;
}

.intergration-medium-icon {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    display: flex;
    scale: 1.5
}

.intergration-small-icon {
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    text-decoration: none;
    display: flex;
    scale: 1.5
}

.button-small-arrow {
    grid-column-gap: 5px;
    background-color: var(--second-hover);
    border-radius: 100px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 12px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.button-small-arrow:hover {
    opacity: .79;
}

.button-text {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-decoration: none;
}

.button-arrow {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 18px;
    text-decoration: none;
    display: flex;
}

.integration-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    text-decoration: none;
}

.video-wrapper {
    filter: grayscale();
    border: 1px solid #ffffff26;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.title-4 {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 44px;
    line-height: 1;
}

.title-4.for-testimonials {
    font-size: 39px;
    font-weight: 400;
    line-height: 1.2;
}

.testimonials-name {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}

.testimonials-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.margin-30px-2 {
    margin-top: 30px;
}

.max-w-video {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.max-w-video.third {
    max-width: 90%;
}

.gray {
    color: #fff6;
}

.main-grid-second {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-items: start;
    display: grid;
}

.main-grid-second.testimonials {
    grid-template-columns: .6fr 1fr;
}

.apple-download-wrapper {
    background-image: linear-gradient(180deg, #fff0, var(--first-hover));
    color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 60px 70px;
    text-decoration: none;
    transition: transform .3s, color .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.apple-download-wrapper:hover {
    color: #fff;
}

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

.icon-left {
    filter: none;
    width: 45px;
}

.icon-left.no-filter {
    filter: none;
    margin-bottom: 15px;
}

.app-title {
    margin-top: 8px;
}

.image-radius {
    border-radius: 15px;
}

.main-featued {
    background-image: linear-gradient(180deg, #fff0, var(--first-hover));
    border: 1px solid #ffffff1f;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 430px;
    display: flex;
}

.chart-1 {
    opacity: .76;
    outline-offset: -2px;
    border-radius: 15px;
    outline: 1px solid #ffffff14;
    width: 69%;
}

.div-block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    display: block;
    overflow: visible;
}

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

@media screen and (min-width: 1440px) {
    .hero-title-flex {
        max-width: 1200px;
    }

    .logo-carousel-wrap {
        box-sizing: border-box;
    }

    .carousel-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        text-align: center;
        object-fit: fill;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        max-width: 1200px;
        display: flex;
        overflow: hidden;
    }

    .div-block-2 {
        box-sizing: border-box;
        object-fit: fill;
        flex: 0 auto;
        align-self: stretch;
    }
}

@media screen and (max-width: 991px) {
    .color-block-parent {
        width: 33.3333%;
    }

    .title-3 {
        line-height: 1.2;
    }

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

    .section.add-top-margin {
        padding-top: 150px;
    }

    .section.for-inner {
        padding-top: 126px;
    }

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

    .title-1 {
        font-size: 6em;
    }

    .licensing-block {
        width: 100%;
    }

    .services-wrapper {
        width: 70%;
    }

    .card-block.second {
        height: 32svh;
    }

    .parallax-image-block {
        height: 35em;
    }

    .parallax-image-block.blog-page {
        height: 40em;
    }

    .pricing-grid {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-columns: 1fr;
    }

    .hero {
        min-height: auto;
        padding-top: 186px;
    }

    .hero.for-inner {
        padding-top: 165px;
        padding-bottom: 165px;
    }

    .hero.for-account {
        min-height: auto;
        padding-top: 170px;
        padding-bottom: 187px;
    }

    .display-1 {
        font-size: 55px;
    }

    .display-1.biger {
        font-size: 50px;
    }

    .display-1.biger.for-blog-page {
        font-size: 60px;
    }

    .display-1.smaller {
        font-size: 40px;
        line-height: 1.3;
    }

    .display-1.smaller._30px {
        font-size: 26px;
    }

    .hero-title-flex {
        text-align: center;
        align-items: center;
    }

    .footer {
        padding-top: 50px;
    }

    .team-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .collection-item {
        flex: 0 auto;
        width: 50%;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .cta-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }

    .hero-grid {
        flex-direction: column-reverse;
        align-items: center;
        display: flex;
    }

    .hero-grid.main {
        flex-direction: column-reverse;
    }

    .section-video {
        padding: 80px 2%;
    }

    .section-video.image {
        max-width: none;
        min-height: 450px;
    }

    .main-display {
        max-width: 90%;
    }

    .main-display.for-fade {
        font-size: 29px;
    }

    .button-flex.add-to-center {
        justify-content: center;
        align-items: center;
    }

    .contact-grid-main {
        grid-row-gap: 30px;
        grid-template-columns: 1.2fr;
    }

    .toogle-max-w {
        max-width: 100%;
        margin-top: 30px;
    }

    .main-display-2 {
        font-size: 42px;
    }

    .main-display-2.for-fade {
        font-size: 29px;
    }

    .main-display-3 {
        font-size: 42px;
    }

    .main-display-3.for-fade {
        font-size: 29px;
    }

    .qa-text-main {
        white-space: normal;
    }

    .blog-grid {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        grid-template-columns: 1fr;
    }

    .about-grid {
        max-width: 100%;
    }

    .service-grid {
        flex-direction: column;
        display: flex;
    }

    .subhead-center.center {
        font-size: 20px;
    }

    .line-midddle {
        background-color: var(--white);
        border-radius: 1rem;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

    .menu-dropdown {
        width: 100%;
        font-size: 1.125rem;
    }

    .navbar-component {
        min-height: 5rem;
    }

    .dropdown-content {
        align-content: start;
        align-items: start;
        padding: 1rem 0;
    }

    .dropdown-content.block {
        padding-left: 1rem;
    }

    .menu-button-new.w--open {
        background-color: #0000;
    }

    .svg-icon {
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        inset: auto 0% auto auto;
    }

    .line-bottom {
        background-color: var(--white);
        border-radius: 1rem;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .navbar-drodpdown-list {
        position: static;
        overflow: hidden;
    }

    .navbar-drodpdown-list.w--open {
        box-shadow: none;
        border-style: none;
        border-color: #0000;
        width: auto;
        padding: 0;
    }

    .menu-left {
        grid-column-gap: 0px;
        grid-row-gap: .5rem;
        color: #101828;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

    .navbar-menu {
        background-color: var(--main-color);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-top: 1px solid #ffffff26;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 2rem 5rem;
        position: absolute;
        overflow: auto;
    }

    .dropdown-toggle {
        color: #fff;
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex;
    }

    .navbar-link {
        color: #fff;
        width: 100%;
        padding: .75rem 0;
        font-size: 1.125rem;
    }

    .dropdown-link {
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-link:hover {
        background-color: #0000;
    }

    .menu-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 7rem;
    }

    .line-top {
        background-color: var(--white);
        border-radius: 1rem;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .icon-component {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-left: 15px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

    .line-middle-inner {
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .relative-div.hide {
        display: none;
    }

    .grid-2-columns {
        grid-row-gap: 50px;
        flex-flow: column-reverse;
        grid-template-columns: 1fr;
        display: flex;
    }

    .grid-2-columns.for-account {
        justify-content: flex-start;
        align-items: stretch;
    }

    .overlay-bottom {
        min-height: 100px;
    }

    .service-item {
        padding: 24px;
    }

    .footer-left-wrapper {
        max-width: 70%;
    }

    .footer-main-grid {
        grid-column-gap: 0px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .flex-about {
        flex-flow: column;
    }

    .line-absolute {
        object-fit: cover;
    }

    .left-part-shadow {
        width: 100px;
    }

    .carousel-wrapper {
        max-width: 700px;
    }

    .logo-grid {
        grid-row-gap: 40px;
        flex-direction: column;
        grid-template-columns: 1fr;
        display: flex;
        position: relative;
    }

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

    .features-grid._3-columns {
        grid-template-columns: 1fr 1fr;
    }

    .features-grid.make-flex {
        flex-flow: column-reverse;
        display: flex;
    }

    .max-w-small {
        max-width: 700px;
    }

    .features-grid-2 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        flex-flow: column;
        display: flex;
    }

    .features-grid-2._100px {
        flex-flow: column;
        grid-template-columns: 1fr;
        display: flex;
    }

    .features-grid-3 {
        grid-template-columns: 1fr 1fr;
    }

    .tab {
        grid-column-gap: 3rem;
    }

    .integration-grid {
        flex-flow: column;
        display: flex;
    }

    .integration-box-grid._4-column {
        grid-template-columns: 1fr 1fr;
    }

    .title-4.for-testimonials {
        font-size: 30px;
    }

    .main-grid-second {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .apple-download-wrapper {
        padding: 40px 25px;
    }

    .app-2-columns {
        grid-column-gap: 40px;
    }

    .app-title {
        font-size: 26px;
        line-height: 34px;
    }

    .main-featued {
        padding: 50px;
    }

    .main-featued._250px {
        min-height: 250px;
        padding: 50px;
    }

    .chart-1 {
        width: 100%;
        max-width: 300px;
    }

    .chart-1._80 {
        max-width: 400px;
    }
}

@media screen and (max-width: 767px) {
    .subhead {
        font-size: 28px;
    }

    .title-2 {
        font-size: 40px;
    }

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

    .section.for-inner {
        padding-top: 150px;
    }

    .section._100px {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .title-1 {
        font-size: 5em;
        line-height: .9;
    }

    .services-wrapper {
        width: 100%;
        margin-bottom: 15px;
    }

    .card-block.second {
        height: 37svh;
    }

    .contact-link {
        margin-top: 40px;
    }

    .parallax-image-block.blog-page {
        height: 30em;
    }

    .hero {
        padding-top: 167px;
    }

    .hero.for-inner {
        padding-top: 157px;
        padding-bottom: 157px;
    }

    .display-1 {
        font-size: 44px;
        line-height: 1.3;
    }

    .display-1.biger {
        font-size: 40px;
    }

    .display-1.biger.for-blog-page {
        max-width: 100%;
        font-size: 50px;
    }

    .display-1.smaller {
        line-height: 1.2;
    }

    .hero-title-flex {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        max-width: 100%;
    }

    .main-grid {
        flex-direction: column;
        display: flex;
    }

    .team-grid {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-columns: 1fr 1fr;
    }

    .collection-item {
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0;
    }

    .hero-grid.main {
        grid-column-gap: 70px;
        grid-row-gap: 70px;
    }

    .section-video.image {
        min-height: 420px;
    }

    .main-display {
        font-size: 30px;
    }

    .contact-grid-main {
        grid-template-columns: 1fr;
    }

    .toogle-max-w {
        max-width: 100%;
    }

    .main-display-2, .main-display-3 {
        font-size: 33px;
    }

    .logo-main {
        flex-basis: 50%;
        height: 8.9em;
    }

    .about-grid {
        flex-direction: column;
        display: flex;
    }

    .subhead-center.center {
        font-size: 18px;
    }

    .navbar-component {
        min-height: 4.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dropdown-content {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
    }

    .navbar-menu {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dropdown-toggle, .navbar-link {
        font-size: 1rem;
    }

    .dorpdown-link-list {
        grid-row-gap: .5rem;
        max-width: none;
    }

    .blog-image {
        height: 320px;
    }

    .service-item {
        width: 100%;
    }

    .footer-grid-2 {
        grid-column-gap: 1.5rem;
    }

    .footer-left-wrapper {
        max-width: 90%;
    }

    .footer-link-main:hover {
        color: #667085;
    }

    .footer-logo-link {
        margin-bottom: 1.5rem;
        padding-left: 0;
    }

    .footer-main-grid {
        flex-flow: column-reverse;
        align-items: stretch;
        display: flex;
    }

    .form-wrapper {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .cart {
        min-height: auto;
    }

    .cart-container {
        max-width: 480px;
    }

    .cart-button {
        height: auto;
    }

    .line-absolute.second {
        height: auto;
        inset: auto 0% 0%;
    }

    .left-part-shadow {
        width: 300px;
    }

    .logo-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
    }

    .features-grid-2._100px {
        align-items: stretch;
    }

    .iphone-block {
        min-height: 400px;
    }

    .features-grid-3 {
        grid-template-columns: 1fr;
    }

    .compare-grid {
        width: 100%;
    }

    .features-box {
        padding: 33px 20px;
    }

    .tab {
        grid-column-gap: 0px;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
    }

    .tab-title {
        font-size: 1.25rem;
    }

    .tab-link-first {
        padding-left: 1.5rem;
    }

    .integration-box-grid, .integration-box-grid._4-column {
        grid-template-columns: 1fr;
    }

    .title-4 {
        font-size: 30px;
    }

    .testimonials-name {
        font-size: 18px;
        line-height: 22px;
    }

    .testimonials-left {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .main-grid-second.testimonials {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .app-2-columns {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 479px) {
    p {
        font-size: 16px;
    }

    .subhead {
        max-width: 100%;
        font-size: 25px;
    }

    .input {
        min-height: 54px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .input::placeholder {
        font-size: 16px;
        line-height: 16px;
    }

    .color-row {
        flex-direction: column;
    }

    .title-2 {
        font-size: 32px;
    }

    .color-block-parent {
        width: 100%;
        margin-right: 3%;
    }

    .title-3 {
        font-size: 30px;
    }

    .color-block {
        width: 100%;
        height: 55px;
        margin-bottom: 10px;
        margin-right: 0;
    }

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

    .section.add-top-margin {
        padding-top: 115px;
    }

    .section.for-inner {
        padding-top: 100px;
    }

    .section._90.dark {
        padding-bottom: 30px;
    }

    .title-1 {
        font-size: 39px;
        line-height: 1.1;
    }

    .licensing-content {
        flex-direction: column;
    }

    .image-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .shrink-item {
        margin-right: 0;
    }

    .shrink-item.flex {
        margin-top: 20px;
        margin-right: 0;
    }

    .copyright-dot {
        display: none;
    }

    .margin-50px {
        margin-top: 30px;
    }

    .services-wrapper {
        width: 100%;
    }

    .photo-move-2, .photo-move {
        max-width: 100%;
    }

    .line-divider {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .title-tag.big {
        font-size: 36px;
    }

    .card-block.second {
        height: 26svh;
    }

    .parallax-image-block {
        height: 23em;
    }

    .parallax-image-block.blog-page {
        height: 25em;
    }

    .pricing-grid {
        grid-row-gap: 40px;
    }

    .pricing-card {
        padding: 30px 20px;
    }

    .pricing-center-wrapper {
        font-size: 18px;
    }

    .hero {
        padding-top: 111px;
    }

    .hero.for-inner {
        padding-top: 115px;
        padding-bottom: 71px;
    }

    .display-1 {
        font-size: 33px;
    }

    .display-1.biger {
        font-size: 26px;
    }

    .display-1.biger.for-blog-page {
        font-size: 35px;
    }

    .display-1.smaller {
        font-size: 30px;
    }

    .hero-title-flex, .max-w-center {
        max-width: 100%;
    }

    .footer {
        padding-bottom: 20px;
    }

    .team-grid {
        grid-template-columns: 1fr;
    }

    .collection-item {
        width: 100%;
    }

    .cta-wrapper {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .hero-grid {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

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

    .section-video.image {
        min-height: 350px;
    }

    .main-display {
        font-size: 26px;
    }

    .main-display.for-fade {
        font-size: 24px;
    }

    .button-flex {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .button-flex.second {
        align-items: flex-start;
    }

    .button-flex.second.flex {
        flex-flow: row;
        justify-content: center;
        align-items: center;
    }

    .button-flex.add-to-center {
        justify-content: center;
        align-items: center;
    }

    .toogle-max-w {
        max-width: 100%;
    }

    .main-display-2 {
        font-size: 26px;
    }

    .main-display-2.for-fade {
        font-size: 24px;
    }

    .main-display-3 {
        font-size: 26px;
    }

    .main-display-3.for-fade {
        font-size: 24px;
    }

    .qa-text-main {
        white-space: break-spaces;
    }

    .drodpwdown-toggle-main {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 18px;
    }

    .logo-main {
        flex-basis: 100%;
        min-width: 35vw;
        height: 8em;
    }

    .text-rotator-wrapper {
        bottom: 15px;
    }

    .button-line-main {
        font-size: 16px;
    }

    .button-flex-2 {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-field {
        height: 40px;
        margin-left: 0;
    }

    .field-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .button-line {
        font-size: 16px;
    }

    .subhead-center {
        max-width: 100%;
        font-size: 22px;
    }

    .dropdown-content {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

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

    .logotype {
        width: 95px;
    }

    .icon-component {
        margin-left: 0;
    }

    .blog-image {
        height: 200px;
        min-height: 230px;
    }

    .blog-title {
        font-size: 24px;
    }

    .button-with-animation {
        font-size: 17px;
    }

    .button-with-animation.hide {
        display: none;
    }

    .overlay-bottom {
        min-height: 150px;
    }

    .service-item {
        min-height: 270px;
    }

    .footer-grid-2 {
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr;
    }

    .margin-50px-2.make-15px {
        margin-top: 15px;
    }

    .footer-main-grid {
        grid-row-gap: 48px;
    }

    .form-input {
        height: 54px;
    }

    .cart.desktop {
        margin-right: 0;
    }

    .product-title {
        font-size: 18px;
    }

    .cart-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-price-main.in-sidebar {
        font-size: 17px;
    }

    .cart-button {
        margin-top: 0;
    }

    .image-small-product {
        margin-bottom: 20px;
    }

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

    .remove-pop-up {
        top: 10px;
        right: 10px;
    }

    .carousel {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .left-part-shadow {
        width: 90px;
    }

    .carousel-wrapper {
        max-width: 318px;
    }

    .subhead-main {
        max-width: 100%;
        font-size: 22px;
    }

    .button-line-2 {
        font-size: 16px;
    }

    .features-grid._3-columns {
        grid-template-columns: 1fr;
    }

    .iphone-block {
        min-height: 260px;
    }

    .iphone-block._450px.seond-photo {
        min-height: 250px;
    }

    .compare-grid {
        grid-template-columns: 1fr 1fr;
    }

    .title-4 {
        font-size: 32px;
    }

    .testimonials-name {
        font-size: 17px;
        line-height: 21px;
    }

    .max-w-video.third {
        max-width: 100%;
    }

    .apple-download-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .icon-left {
        filter: none;
    }

    .main-featued, .main-featued._250px {
        min-height: auto;
        padding: 27px;
    }

    .chart-1 {
        max-width: 500px;
    }
}

#list > div.blog-post {
    border: 1px solid rgba(255, 255, 255, .1);
    grid-template-rows: 20% auto min-content;
    justify-items: center;
    border-radius: 10px;
    position: relative;
    align-items: start;
    padding: 20px 40px;
    height: 250px;
    display: grid;
}

#list > div.blog-post div.divBackground {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    height: 101%;
    width: 101%;
    left: -1px;
    top: -1px;
}

#list > div.blog-post div.blog-post-wrapper {
    align-items: center;
    display: flex;
}

#list > div.blog-post label,
#list > div.blog-post span {
    font-weight: 300;
    z-index: 1;
}

#list > div.blog-post h4 {
    text-align: center;
    transition: 200ms;
    z-index: 1;
}

#list > div.blog-post h4:hover {
    cursor: pointer;
}

#list > div.blog-post span.blog-post-dot {
    background-color: white;
    display: inline-block;
    margin: 0 10px;
    height: 2px;
    width: 2px;
    z-index: 1;
}

#list > div.blog-post:hover h4 {
    filter: brightness(1.5);
    scale: 1.1;
}

#list > div.blog-post:hover label,
#list > div.blog-post:hover span {
    filter: brightness(1.5);
    font-weight: 300;
}

.ce-toolbar__content,
.ce-block__content {
    max-width: 750px !important;
}

#w-node-_4dc54e1e-18e4-f94e-df42-2bba9f644597-dae13a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e95-dae13a8e {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr 1fr;
}

#w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e96-dae13a8e {
    grid-row: span 2 / span 2;
}

#w-node-c24186d9-a89e-71a4-3151-3ac1716b243a-dae13a8e {
    align-self: end;
}

#w-node-_8ae844e0-07db-0dac-7851-cff5f2077357-dae13a8e {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-f8b811ae-5bc3-17e1-e6f5-513f0d550166-dae13a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f8b811ae-5bc3-17e1-e6f5-513f0d550168-dae13a8e {
    place-self: center;
}

#w-node-f8b811ae-5bc3-17e1-e6f5-513f0d550169-dae13a8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df9c3b16-2aa6-5754-0a08-61402e524dd2-dae13a8e {
    justify-self: center;
}

#w-node-cb165cc0-e604-5add-f6a4-e5e524ca15b6-7f1f7956 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-cb165cc0-e604-5add-f6a4-e5e524ca15b9-7f1f7956, #w-node-f7d05de8-3570-2697-a8e7-1b302f3e3d63-7f1f7956, #w-node-_6b2f2b79-e5ac-15c5-1b19-a2bc7f1f7972-7f1f7956 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c3b8c3f-ef7f-1609-7d1f-a4e229aa0e93-7f1f7956 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5c3b8c3f-ef7f-1609-7d1f-a4e229aa0e96-7f1f7956, #w-node-_5c3b8c3f-ef7f-1609-7d1f-a4e229aa0e9c-7f1f7956, #w-node-_5c3b8c3f-ef7f-1609-7d1f-a4e229aa0e9f-7f1f7956 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7abc390b-a91f-c7ed-c51e-433d834fb11e-7f1f7956 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_7abc390b-a91f-c7ed-c51e-433d834fb121-7f1f7956, #w-node-_7abc390b-a91f-c7ed-c51e-433d834fb127-7f1f7956, #w-node-_438655ce-f100-0cb5-85a8-ed995514c616-dae13a97, #w-node-_438655ce-f100-0cb5-85a8-ed995514c628-dae13a97 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a406b430-de67-d15b-a10f-5c932cbc31ae-dae13a97 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr 1fr;
}

#w-node-a406b430-de67-d15b-a10f-5c932cbc31af-dae13a97 {
    grid-row: span 2 / span 2;
}

#w-node-_83c0cf83-ded7-64a6-bc1b-b4b38903253a-dae13a97, #w-node-_83c0cf83-ded7-64a6-bc1b-b4b38903254f-dae13a97, #w-node-_08004f34-689f-9a9f-ba2b-8c3f74ee3aac-dae13a9b, #w-node-_08004f34-689f-9a9f-ba2b-8c3f74ee3abc-dae13a9b, #w-node-a67ff37c-0b98-b1c5-45e7-c654b7b0f50c-dae13a9c, #w-node-a67ff37c-0b98-b1c5-45e7-c654b7b0f512-dae13a9c, #w-node-_46b76efe-0d4b-0bc8-f9f5-54139108a330-dae13a9f, #w-node-_46b76efe-0d4b-0bc8-f9f5-54139108a336-dae13a9f, #w-node-_2aae0191-e702-ff30-cf3c-f00636b91df7-dae13aa4, #w-node-_2aae0191-e702-ff30-cf3c-f00636b91dfd-dae13aa4, #w-node-cf98404a-1632-eff0-2dd7-4f714bbda7f0-dae13aa7, #w-node-cf98404a-1632-eff0-2dd7-4f714bbda7f5-dae13aa7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a869a7e-fe88-d5a0-aa86-bb24b6b3c91a-dae13aa7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

#w-node-d091cd61-ecdc-7c0f-02a9-975c711e74b7-dae13aa8, #w-node-cf98404a-1632-eff0-2dd7-4f714bbda7f5-dae13aa8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a869a7e-fe88-d5a0-aa86-bb24b6b3c91a-dae13aa8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

@media screen and (max-width: 991px) {
    #w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e95-dae13a8e {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    #w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e96-dae13a8e {
        grid-row: span 2 / span 2;
    }

    #w-node-a406b430-de67-d15b-a10f-5c932cbc31ae-dae13a97 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    #w-node-a406b430-de67-d15b-a10f-5c932cbc31af-dae13a97 {
        grid-row: span 2 / span 2;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e95-dae13a8e {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    #w-node-_3fc1c02b-dafa-08eb-7e59-7da4a9943e96-dae13a8e {
        grid-row: span 2 / span 2;
    }

    #w-node-a406b430-de67-d15b-a10f-5c932cbc31ae-dae13a97 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    #w-node-a406b430-de67-d15b-a10f-5c932cbc31af-dae13a97 {
        grid-row: span 2 / span 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-bec4ef73-7ea3-09a5-21dd-029572915c64-dae13a8e {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}