:root {
    --white-smoke: #fefff3;
    --dim-grey: #4F4F4F;
    --primary: #4F4F4F;
    --tomato: #ce5a43;
    --sandy-brown: #ffbe98;
    --white: white;
    --pale-turquoise: #aed7d2;
    --yellow: #fff480;
    --light-gray: #f9f9fa;
    --text-dark: #0e0e0e;
    --plum: #aed7d2;
    --light-blue: #a8ebff;
    --dark-gray: #afafaf;
    --dark-gray-50: #afafaf80;
    --black: #4F4F4F;
    --gray: #e9e9e9;
    --white-50: #ffffff80;
}

.img-header {
    border: 2px solid var(--black);
    border-radius: 15px;
}

.slider-home-3 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.slide-home-3 {
    background-color: var(--white);
}

.testimonial-function {
    color: var(--dim-grey);
    font-weight: 500;
}

.testimonial-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    width: 300px;
    height: auto;
}

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

.w-commerce-commercecartwrapper {
    display: inline-block;
    position: relative;
}

.w-commerce-commercecartopenlink {
    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-commercecartopenlinkicon {
    margin-right: 8px;
}

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

.w-commerce-commercecartcontainerwrapper {
    z-index: 1001;
    background-color: #000c;
    position: fixed;
    inset: 0;
}

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

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

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

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    background-color: #0000;
    position: absolute;
    inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    background-color: #0000;
    position: absolute;
    inset: 100% 0 auto auto;
}

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

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

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

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

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

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

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

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

.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%;
}

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

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

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

.w-commerce-commercecartquantity {
    -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-commercecartquantity::placeholder {
    color: #999;
}

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

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

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

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

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

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

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

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

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

.w-pagination-previous-icon {
    margin-right: 4px;
}

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

.w-pagination-next-icon {
    margin-left: 4px;
}

.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-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px;
}

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

.w-commerce-commercecheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercelayoutcontainer {
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
}

.w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px;
}

.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
    -webkit-appearance: none;
    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-commercepaypalcheckoutformcontainer {
    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-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px;
}

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

.w-commerce-commerceorderconfirmationcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
    margin-bottom: 20px;
}

@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-commercecartcontainerwrapper--cartType-modal {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

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

    .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .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 {
        font-size: 16px;
    }
}

body {
    background-color: var(--white-smoke);
    color: var(--dim-grey);
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1em;
}

h1 {
    color: var(--primary);
    letter-spacing: 1.14px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2em;
}

h2 {
    color: var(--primary);
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2em;
}

h3 {
    color: var(--primary);
    letter-spacing: 1.14px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2em;
}

h4 {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
}

h5 {
    color: var(--primary);
    letter-spacing: 1.14px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
}

h6 {
    color: var(--primary);
    letter-spacing: 1.14px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Neuton, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
}

p {
    color: var(--dim-grey);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

a {
    color: var(--primary);
    align-items: center;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    text-decoration: none;
    transition: color .3s;
}

a:hover {
    color: var(--tomato);
}

ul {
    grid-row-gap: 15px;
    flex-direction: column;
    margin-top: 20px;
    padding-left: 0;
    display: flex;
}

li {
    color: var(--primary);
    background-image: url('../images/list-bullet.svg');
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: auto;
    align-items: center;
    padding-left: 22px;
    font-size: 16px;
    line-height: 1.2em;
    display: flex;
    position: relative;
}

label {
    margin-bottom: 10px;
    display: block;
}

blockquote {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    color: var(--primary);
    text-align: center;
    background-image: url('../images/Vector-1.webp');
    background-position: 0 -100%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 30px 20px;
    font-size: 36px;
    line-height: 1.2;
}

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

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

.section.changelog-banner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.blog-classic-banner {
    background-color: var(--primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.banner-our-team {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 120px;
    display: flex;
}

.section.banner-our-process {
    background-color: var(--primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.banner-career {
    background-color: var(--pale-turquoise);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.without-bottom-spacing {
    padding-bottom: 0;
}

.section.pricing-banner {
    background-color: var(--pale-turquoise);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 130px;
    display: flex;
}

.section.job-position-banner, .section.contacts-banner {
    background-color: var(--primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.banner-faq {
    background-color: var(--sandy-brown);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    display: flex;
}

.section.banner-testimonials {
    background-color: var(--white);
    flex-direction: column;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 130px;
    display: flex;
}

.section.about-us-banner, .section.about-2-banner {
    justify-content: center;
    align-items: center;
    padding-top: 120px;
    display: flex;
}

.section.blue-background {
    background-color: var(--primary);
}

.section.landing-banner {
    border-bottom: 1px solid var(--primary);
    background-color: var(--white-smoke);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 140px;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.section.without-space {
    padding-top: 0;
    padding-bottom: 0;
}

.section.home-1 {
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding-top: 140px;
    display: flex;
}

.section.home-2 {
    justify-content: center;
    align-items: center;
    padding-top: 180px;
    display: flex;
    overflow: hidden;
}

.section.testimonials {
    background-color: var(--primary);
    overflow: hidden;
}

.section.line-background {
    background-image: url('../images/line.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto;
}

.section.banner-home-3 {
    border-bottom: 1px solid var(--primary);
    padding-top: 160px;
    padding-bottom: 200px;
}

.section.banner-img {
    background-color: var(--sandy-brown);
    background-image: url('../images/Vector.png');
    background-position: 93% 65%;
    background-repeat: no-repeat;
    background-size: auto;
}

.section.home-4-banner {
    background-image: linear-gradient(#151b31f5, #151b31f5), url('../images/Home-4-1-1.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    align-items: center;
    height: 100vh;
    padding-top: 200px;
    display: flex;
    overflow: hidden;
}

.section.colory-background {
    border: 1px solid var(--primary);
    background-color: var(--yellow);
}

.section.img-line {
    background-image: url('../images/Line-2.png');
    background-position: 50% 12%;
    background-repeat: no-repeat;
    background-size: contain;
}

.section.home-5 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 120px;
    display: flex;
}

.section.relative-spasing {
    background-color: var(--white);
    padding-top: 27px;
}

.section.dark {
    background-color: var(--primary);
    overflow: hidden;
}

.section.about-us-2-banner {
    background-color: var(--primary);
    padding-top: 180px;
}

.section.pricing-white {
    background-color: var(--white);
    padding-top: 0;
}

.section.pricing-2-banner {
    padding-top: 120px;
}

.section.pricing-3-banner {
    background-color: var(--white-smoke);
    padding-top: 120px;
    padding-bottom: 190px;
}

.section.orange-background {
    background-color: var(--sandy-brown);
    padding-top: 0;
}

.section.blog-details {
    padding-top: 120px;
}

.section.sign {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 100vh;
    display: flex;
}

.section.shop-banner, .section.category-banner, .section.details-page {
    padding-top: 160px;
}

.section.licensing-banner {
    background-color: var(--sandy-brown);
    padding-top: 160px;
}

.base-container {
    flex-direction: column;
    align-items: left;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.base-container.align-left {
    align-items: flex-start;
}

.grid-system-wrapper {
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
    display: flex;
}

.grid-system {
    border-top: 1px solid var(--primary);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    justify-content: space-between;
    width: 80%;
    display: flex;
}

.grid-system.redius {
    border-radius: 0 0 4px 4px;
}

.grid-title {
    border-right: 1px solid var(--primary);
    border-left: 1px none var(--primary);
    background-color: var(--tomato);
    color: var(--white);
    justify-content: center;
    width: 19%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    display: flex;
}

.grid-title.first-grid {
    border-left-style: solid;
    border-left-color: var(--primary);
    background-color: var(--tomato);
    border-top-left-radius: 4px;
    width: 24%;
    margin-top: 0;
}

.grid-title.last-child {
    border-top-right-radius: 4px;
}

.grid-description {
    border-right: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    justify-content: center;
    width: 19%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    display: flex;
}

.grid-description.first-description {
    border-right: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    border-left: 1px solid var(--primary);
    border-bottom-left-radius: 4px;
    width: 24%;
}

.grid-description.last-description {
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-right-radius: 4px;
}

.spacing-system-column {
    padding-left: 0;
    padding-right: 30px;
}

.spacing-system-image {
    max-width: 80%;
}

.spacing-wrapper-mobile {
    width: 70%;
    margin-top: 30px;
    position: relative;
}

.typography-wrapper {
    margin-top: 30px;
}

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

.bottom-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    inset: auto 0% 10% auto;
}

.top-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    top: 8%;
    bottom: auto;
    right: 0;
}

.spacing-wrapper {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.middle-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    inset: 33% 0% auto auto;
}

.spasing-system-image-mobile {
    max-width: 70%;
}

.primary-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.gray-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--dim-grey);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.color-wrapper {
    margin-right: 30px;
}

.colors-wrapper {
    margin-right: 60px;
}

.text-dark-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--tomato);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.colors-container {
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
}

.color-container {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
}

.primary-light-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.white-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.headings-typography-wrapper {
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 48%;
    margin-bottom: 30px;
    margin-right: 40px;
    display: flex;
}

.headings-typography-wrapper.last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.headers-wrapper {
    width: 100%;
    margin-top: 10px;
}

.h1-tablet {
    font-size: 48px;
}

.h2-tablet {
    font-size: 46px;
}

.h1-mobile {
    font-size: 40px;
}

.h2-mobile {
    font-size: 32px;
}

.h3-mobile {
    font-size: 28px;
}

.h4-mobile {
    font-size: 26px;
}

.style-guide-body-wrapper {
    width: 47%;
    margin-right: 40px;
}

.style-guide-body-wrapper.last-child {
    margin-right: 0;
}

.primary-button {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--light-gray);
    text-align: center;
    letter-spacing: .5px;
    text-transform: none;
    border-radius: 4px;
    padding: 12px 18px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    transition: all .3s;
    display: inline-block;
}

.primary-button:hover {
    background-color: var(--white);
    opacity: 1;
    color: var(--primary);
}

.primary-button.full-width-mobile {
    display: block;
}

.primary-button.block {
    width: 100%;
}

.style-guide-div {
    width: 100%;
    margin-top: 40px;
}

.top-style-spacing-mobile {
    position: absolute;
    top: 5%;
    right: 0;
}

.middlr-style-spacing-mobile {
    font-weight: 500;
    position: absolute;
    top: 29%;
    right: 0;
}

.bottom-style-spacing-mobile {
    font-weight: 500;
    position: absolute;
    bottom: 7%;
    right: 0;
}

.grid-header {
    width: 100%;
    margin-top: 40px;
}

.link-wrapper {
    width: 50%;
    margin-top: 20px;
}

.navbar {
    background-color: var(--white-smoke);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
}

.navbar.transparent {
    background-color: #0000;
}

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

.nav-menu {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}

.nav-link {
    padding-left: 15px;
    padding-right: 15px;
}

.nav-link:hover {
    opacity: 1;
}

.nav-link.w--current {
    color: var(--text-dark);
}

.nav-dropdown {
    position: relative;
}

.nav-dropdown-toggle {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 15px;
}

.nav-dropdown-icon {
    font-size: 16px;
    display: none;
}

.nav-dropdown-list {
    border: 1px solid var(--primary);
    background-color: #fff;
    border-radius: 4px;
    width: 200px;
    padding: 15px 20px;
}

.nav-dropdown-list.w--open {
    background-color: var(--pale-turquoise);
    padding-top: 20px;
    padding-bottom: 20px;
    top: 50px;
    box-shadow: 0 0 10px #0000000a;
}

.nav-dropdown-list.megamenu {
    width: 360px;
    left: -60px;
}

.nav-dropdown-list.megamenu.w--open {
    width: 600px;
    display: flex;
    top: 50px;
    left: -245px;
}

.nav-dropdown-link-wrapper {
    flex-direction: column;
    align-items: center;
    width: 200px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.nav-dropdown-link {
    text-transform: capitalize;
    width: 100%;
    margin-left: -20px;
    padding: 8px 8px 8px 0;
    font-size: 16px;
    transition: all .3s;
    display: flex;
}

.nav-dropdown-link:hover {
    margin-left: 0;
}

.nav-dropdown-link.w--current {
    color: var(--tomato);
}

.close-button-wrap {
    display: none;
}

.nav-item-title {
    color: var(--text-dark);
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
    transition: color .3s;
}

.nav-item-title:hover {
    color: var(--tomato);
}

.style-guide-banner-section {
    background-color: var(--primary);
    justify-content: center;
    align-items: center;
    padding-top: 180px;
    padding-bottom: 80px;
    display: flex;
}

.logo-mobile {
    padding-left: 0;
    display: none;
}

.licensing-title-wrapper {
    border-bottom: 1px #5e5e5e80;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
}

.licensing-images-wrapper {
    border-top: 1px solid var(--dim-grey);
    width: 100%;
    padding-top: 40px;
}

.licensing-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-bottom: 1px #5e5e5e80;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-bottom: 60px;
}

.licensing-grid.last-child {
    border-bottom-style: none;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 0;
}

.licensing-image {
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
    height: 320px;
}

.licensing-title {
    width: 100%;
    padding-bottom: 30px;
}

.licensing-image-link {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.licensing-image-link:hover {
    opacity: 1;
}

.license-link {
    color: var(--text-dark);
    letter-spacing: normal;
    margin-right: 50px;
    font-weight: 700;
}

.license-link.last-child {
    margin-right: 0;
}

.banner-title {
    color: var(--light-gray);
    text-align: center;
}

.banner-title.text-dark {
    color: var(--text-dark);
}

.licensing-heading {
    margin-bottom: 20px;
}

.licensing-icon-link-wrapper {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 25px;
    display: flex;
}

.licensing-icon-link-wrapper.link-color-1 {
    background-color: var(--sandy-brown);
}

.licensing-icon-link-wrapper.link-color-1:hover {
    background-color: var(--pale-turquoise);
}

.licensing-icon-link-wrapper.link-color-2 {
    background-color: var(--tomato);
}

.licensing-icon-link-wrapper.link-color-2:hover {
    background-color: var(--sandy-brown);
}

.licensing-icon-link-wrapper.link-color-3 {
    background-color: var(--pale-turquoise);
}

.licensing-icon-link-wrapper.link-color-3:hover {
    background-color: var(--sandy-brown);
}

.licensing-icon-link-wrapper.link-color-4 {
    background-color: var(--plum);
}

.licensing-icon-link-wrapper.link-color-4:hover {
    background-color: var(--tomato);
}

.licensing-icon-link-wrapper.link-color-5 {
    background-color: var(--light-blue);
}

.licensing-icon-link-wrapper.link-color-5:hover {
    background-color: var(--plum);
}

.icon-style-guide {
    color: var(--white);
    font-family: "Fa brands 400", sans-serif;
    font-size: 18px;
    line-height: 1em;
}

.icon-style-guide.dribble {
    font-family: "Fa solid 900", sans-serif;
}

.licensing-fonts-wrapper {
    align-items: center;
    width: 100%;
    margin-top: 20px;
    display: flex;
}

.licensing-icon-link {
    margin-bottom: 20px;
}

.licensing-paragraph {
    width: 50%;
    margin-right: 40px;
}

.licensing-paragraph.last-item {
    margin-right: 0;
}

.licensing-font-title {
    color: #5e5e5e80;
    text-transform: uppercase;
    font-weight: 400;
}

.licensing-icons-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
}

.utility-page-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

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

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

.password-image {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.password-input {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    min-width: 280px;
    min-height: 42px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.2em;
}

.password-input:focus {
    border: 1px solid var(--tomato);
}

.password-input::placeholder {
    color: #0e0e0e66;
}

.password-title-wrapper {
    margin-bottom: 40px;
}

._404-paragraph {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

._404-logo-wrapper {
    justify-content: center;
    display: flex;
    position: absolute;
    inset: 40px 0% auto;
}

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

._404-content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 700px;
    display: flex;
}

.coming-soon-wrapper {
    flex-direction: column;
    align-items: flex-start;
    max-width: 690px;
    margin-left: 0;
    margin-right: 40px;
    display: flex;
}

.changelog-heading {
    margin-bottom: 10px;
}

.coming-soon-form {
    grid-column-gap: 15px;
    display: flex;
}

.coming-soon-input {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    min-width: 300px;
    height: 42px;
    margin-bottom: 0;
}

.coming-soon-input:focus {
    border: 1px solid var(--tomato);
}

.coming-soon-input::placeholder {
    font-size: 16px;
}

.coming-soon-paragraph {
    margin-top: 20px;
    margin-bottom: 40px;
}

.coming-soon-page-wrap {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.coming-soon-heading {
    margin-top: 60px;
    font-size: 70px;
}

.blog-classic-wrapper {
    width: 100%;
    max-width: 980px;
    margin-bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.blog-classic-item {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    margin-bottom: 60px;
}

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

.blog-post-title {
    transition: color .3s;
}

.blog-post-title:hover {
    color: var(--tomato);
}

.blog-classic-post-image {
    object-fit: cover;
    width: 100%;
    max-height: 480px;
}

.blog-classic-post-image-wrapper {
    min-width: 100%;
    overflow: hidden;
}

.blog-classic-bottom-content {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.blog-classic-bottom-content.details {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.blog-classic-post-description {
    margin-top: 35px;
    margin-bottom: 20px;
}

.blog-classic-post-date {
    z-index: 10;
    border: 1px solid var(--primary);
    background-color: var(--tomato);
    box-shadow: 2px 2px 0 0 var(--primary);
    color: var(--white);
    border-radius: 3px;
    margin-top: -15px;
    padding: 5px 15px;
    position: relative;
}

.nav-menu-wrapper {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.blog-template-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.blog-template-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
    max-height: 680px;
    margin-bottom: 20px;
}

.blog-template-date {
    margin-top: 30px;
    margin-bottom: 40px;
    font-weight: 700;
}

.footer {
    text-align: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 60px;
}

.footer-rights-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-top: 40px;
    margin-left: 50px;
    display: flex;
}

.footer-rights {
    font-size: 18px;
    color: var(--white-smoke);
}

.footer-copyright {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 50px;
    font-size: 18px;
    display: inline;
}

.footer-copyright-link {
    color: var(--tomato);
    letter-spacing: .2px;
    margin-right: 5px;
    font-size: 18px;
    text-decoration: none;
    transition: color .3s;
    display: inline;
}

.footer-copyright-link:hover {
    color: var(--primary);
}

.section-title-wrapper {
    text-align: center;
    width: 55%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.section-title-wrapper.mt-20 {
    margin-bottom: 20px;
}

.section-title-wrapper.customers {
    width: 65%;
}

.team-member-position {
    margin-bottom: 10px;
    font-size: 18px;
}

.team-social-links-wrapper {
    grid-column-gap: 20px;
    justify-content: center;
    display: flex;
}

.team-social-icon {
    color: var(--primary);
    font-family: "Fa brands 400", sans-serif;
    font-size: 20px;
}

.team-grid-large {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.process-item-wrapper {
    grid-column-gap: 40px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.process-item-wrapper.reverse {
    grid-column-gap: 40px;
}

.process-image-wrapper {
    width: 45%;
}

.process-content {
    width: 50%;
}

.process-content.reverse {
    width: 100%;
}

.process-number {
    border: 1px solid var(--primary);
    background-color: var(--yellow);
    box-shadow: 2px 2px 0 0 var(--primary);
    color: var(--primary);
    text-align: center;
    letter-spacing: 0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 75px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 65px;
    line-height: 1.5em;
    display: flex;
}

.process-number.number-2 {
    background-color: var(--light-blue);
}

.process-number.number-4 {
    background-color: var(--plum);
}

.process-number.number-3 {
    background-color: var(--pale-turquoise);
}

.process-paragraph {
    margin-top: 20px;
    margin-bottom: 40px;
}

.style-guide-buttons-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex;
}

.style-guide-button-wrapper {
    width: 47%;
}

.style-guide-button-wrapper.last-child {
    margin-right: 0;
}

.text-button-icon {
    margin-top: 4px;
    margin-left: 10px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 13px;
    line-height: 1;
}

.free-trial-wrapper {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.free-trial-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 40px;
}

.process-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
    height: 350px;
}

.process-content-wrapper {
    align-items: center;
    width: 50%;
    display: flex;
}

.values-wrapper {
    grid-column-gap: 40px;
    display: flex;
}

.values-image-wrapper {
    border-top: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 50%;
}

.values-content-wrapper {
    width: 65%;
}

.values-counter-wrapper {
    border-top: 1px solid var(--dim-grey);
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
}

.values-counter-item {
    border: 1px solid var(--primary);
    background-color: var(--yellow);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 50%;
    margin-right: 30px;
    padding: 20px;
}

.values-counter-item:hover {
    background-color: var(--plum);
}

.values-counter-item.last-child {
    background-color: var(--plum);
    order: 1;
    margin-right: 0;
}

.values-counter-item.last-child:hover {
    background-color: var(--yellow);
}

.values-counter-number {
    color: var(--primary);
    margin-bottom: 15px;
}

.career-list-item-wrapper {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px 35px;
    display: flex;
}

.career-position {
    transition: color .3s;
}

.career-position:hover {
    color: var(--tomato);
}

.career-location, .career-type {
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.career-button-wrapper {
    text-align: right;
    width: 25%;
}

.career-title-mobile {
    margin-bottom: 5px;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: 900;
    display: none;
}

.career-position-wrapper {
    width: 30%;
}

.career-location-wrapper {
    width: 25%;
    min-width: 140px;
    padding-left: 35px;
    padding-right: 35px;
}

.career-type-wrapper {
    width: 20%;
    min-width: 140px;
    padding-left: 35px;
    padding-right: 35px;
}

.paragraph-large {
    color: var(--dim-grey);
    font-size: 15px;
    line-height: 1em;
}

.paragraph-large.paragraph-tablet-center {
    margin-top: 20px;
}

.paragraph-large.banner-paragraph {
    margin-top: 20px;
    margin-bottom: 30px;
}

.paragraph-large.mt-20, .paragraph-large.banner-3 {
    margin-top: 20px;
}

.paragraph-large.white-opacity {
    opacity: .7;
    color: var(--white);
}

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

.banner-title-wrapper {
    flex-direction: column;
    align-items: center;
    max-width: 760px;
    display: flex;
}

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

.banner-description {
    text-align: center;
    max-width: 560px;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
}

.section-title-description {
    text-align: center;
    margin-top: 20px;
}

.pricing-plans-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: -50px;
    display: grid;
}

.pricing-plans-wrapper.mt-0 {
    margin-top: 0;
}

.pricing-plan-item {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 40px 30px 30px;
}

.pricing-plan-item.pricing-2 {
    text-align: center;
}

.pricing-plan-list {
    margin-top: 20px;
    margin-bottom: 0;
}

.pricing-plan-list.pricing-2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.pricing-plan-item-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.pricing-plan-price-wrapper {
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
}

.pricing-plan-price-wrapper.pricing-2 {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing-plan-price {
    font-size: 56px;
}

.pricing-plan-currency-icon {
    color: var(--dim-grey);
    margin-right: 2px;
    font-size: 20px;
    line-height: 20px;
}

.comparing-table-wrapper {
    width: 100%;
    display: flex;
}

.comparing-table-features-wrapper {
    width: 33%;
    margin-right: 20px;
    display: none;
}

.comparing-table-plans-wrapper {
    width: 100%;
    display: flex;
}

.comparing-table-features-title {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    align-items: center;
    min-height: 180px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.comparing-table-list-wrapper {
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
}

.comparing-table-list {
    grid-row-gap: 0px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.comparing-table-list-item {
    border-bottom: 1px solid var(--dim-grey);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-items: center;
    min-height: 56px;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    line-height: 1.5em;
    list-style-type: none;
    display: flex;
}

.comparing-list-icon {
    color: var(--primary);
    margin-right: 10px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 8px;
}

.comparing-table-plan-title {
    background-color: var(--primary);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.comparing-table-plan {
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 33.33%;
    margin-right: 30px;
    transition: all .3s;
}

.comparing-table-plan.last-child {
    border-radius: 4px;
    margin-right: 0;
}

.comparing-table-content-wrapper {
    border: 1px solid var(--primary);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.comparing-table-content-item {
    border-bottom: 1px solid var(--dim-grey);
    text-align: center;
    min-height: 56px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.comparing-table-tick-icon {
    color: var(--primary);
    font-family: "Fa solid 900", sans-serif;
}

.comparing-table-button-wrapper {
    padding-top: 50px;
    padding-bottom: 35px;
}

.comparing-table-content-item-title {
    margin-bottom: 0;
    font-size: 16px;
}

.accordion-toggle {
    white-space: normal;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0;
    display: flex;
}

.accordion-list {
    background-color: #0000;
    display: block;
    position: static;
    overflow: hidden;
}

.accordion-list.w--open {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 20px;
    display: block;
}

.accordion-wrapper {
    width: 100%;
    display: flex;
}

.accordion-item {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    margin-bottom: 15px;
    padding: 20px 30px;
    position: static;
}

.accordion-icon {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 17px;
    line-height: 24px;
}

.accordion-wrap {
    width: 50%;
    margin-right: 15px;
}

.accordion-wrap.last-child {
    margin-right: 0;
}

.accordion-list-content {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
}

.mb-30 {
    margin-bottom: 30px;
}

.pricing-wrapper {
    align-items: center;
    width: 100%;
    display: flex;
}

.pricing-wrapper.pricing-3 {
    margin-top: -110px;
}

.pricing-item {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 33.33%;
}

.pricing-item.center-item {
    z-index: 10;
    background-color: var(--white-smoke);
}

.pricing-title-wrapper {
    border-bottom: 1px solid var(--dim-grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pricing-content {
    flex-direction: column;
    align-items: center;
    padding: 30px 40px 40px;
    display: flex;
    position: relative;
}

.pricing-3-plan-price {
    color: var(--dark-gray);
    font-size: 20px;
}

.pricing-list {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 0;
}

.pricing-3-list-item {
    border-bottom: 1px solid var(--dim-grey);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 17px;
    line-height: 26px;
    list-style-type: none;
}

.pricing-3-list-item.last-child {
    border-bottom-style: none;
}

.pricing-features-wrapper {
    z-index: 10;
    display: flex;
    position: relative;
}

.pricing-features-wrap {
    z-index: 10;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.pricing-features-item {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.coming-soon-image {
    max-width: 480px;
}

.link-with-icon {
    color: var(--tomato);
    transition: color .3s;
    display: flex;
}

.link-with-icon:hover {
    color: var(--primary);
}

.link-with-icon.mt-10 {
    margin-top: 10px;
}

.job-position-wrapper {
    align-items: flex-start;
    display: flex;
    position: relative;
}

.job-position-content-wrapper {
    width: 67%;
    padding-right: 70px;
}

.job-position-sidebar-wrapper {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/Vector-1.webp');
    background-position: 95% 95%;
    background-repeat: no-repeat;
    background-size: 35% 35%;
    border-radius: 4px;
    width: 33%;
    padding: 40px;
    position: sticky;
    top: 40px;
}

.job-position-sidebar-wrap {
    align-items: center;
    display: flex;
}

.job-position-sidebar-wrap.last-child {
    margin-bottom: 20px;
}

.job-position-icon {
    color: var(--primary);
    margin-right: 10px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 18px;
}

.contacts-wrapper {
    align-items: center;
    width: 100%;
    display: flex;
}

.contacts-content-wrapper {
    width: 50%;
    padding-right: 40px;
}

.contacts-form-wrapper {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/Murr-Lovely.svg');
    background-position: 95% 15%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    width: 50%;
    margin-left: 40px;
    padding: 40px;
}

.contacts-divider {
    background-color: var(--dim-grey);
    width: 100%;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.contacts-detail {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    display: flex;
}

.contacts-detail.mt-10 {
    margin-top: 10px;
}

.contacts-icon {
    color: var(--dim-grey);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 15px;
    font-family: "Fa solid 900", sans-serif;
}

.paragraph-no-margin {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
}

.contacts-location-slider {
    background-color: #0000;
    height: auto;
    padding-right: 100px;
    position: relative;
}

.hidden {
    display: none;
}

.contacts-left-arrow {
    color: var(--dark-gray-50);
    max-width: 40px;
    padding: 10px 15px;
    position: absolute;
    inset: 0% 60px auto auto;
}

.contacts-right-arrow {
    color: var(--dark-gray-50);
    max-width: 40px;
    padding: 10px 15px;
    inset: 0% 19px auto auto;
}

.contacts-slider-arrow-icon {
    color: var(--dark-gray);
    font-family: "Fa solid 900", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.contacts-arrows-divider {
    background-color: var(--dark-gray-50);
    width: 1px;
    height: 20px;
    position: absolute;
    inset: 12px 60px auto auto;
}

.contacts-textarea {
    border: 1px solid var(--primary);
    border-radius: 4px;
    min-height: 200px;
    margin-bottom: 30px;
    padding: 16px 18px;
    font-size: 16px;
}

.contacts-textarea:focus {
    border: 1px solid var(--tomato);
}

.contacts-textarea::placeholder {
    color: var(--dark-gray);
    font-size: 16px;
}

.contact-input {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    height: 42px;
    padding: 16px 18px;
    font-size: 16px;
    transition: all .2s;
}

.contact-input:focus {
    border: 1px solid var(--tomato);
}

.contact-input::placeholder {
    color: var(--dark-gray);
    font-size: 16px;
}

.contacts-form-title {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.footer-link {
    padding-bottom: 0;
    font-size: 20px;
    color: var(--white-smoke);
    transition: all .3s;
}

.footer-link:hover {
    color: var(--plum);
}

.white-text {
    color: #fff;
}

.white-smoke-text {
    color: var(--white-smoke);
}

.white-text.opacity {
    opacity: .7;
}

.footer-social-icon {
    border: 1px solid var(--white-smoke);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
    color: var(--white-smoke);
    border-radius: 4px;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 30px;
    font-family: "Fa brands 400", sans-serif;
    font-size: 18px;
    line-height: 1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
}

.footer-social-icon:hover {
    background-color: var(--plum);
    color: var(--white-smoke);
}

.footer-social-icon.last-child {
    background-color: var(--tomato);
    margin-right: 0;
}

.footer-social-icon.last-child:hover {
    background-color: var(--sandy-brown);
}

.footer-social-icon.secondary {
    background-color: var(--pale-turquoise);
}

.footer-social-icon.secondary:hover {
    background-color: var(--sandy-brown);
}

.without-top-spacing {
    padding-top: 0;
}

.search-result-item {
    margin-bottom: 30px;
}

.search-link {
    margin-bottom: 5px;
    font-size: 22px;
    transition: all .3s;
    display: block;
}

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

.search-input {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    height: 42px;
    margin-top: 20px;
    padding: 16px 22px;
    font-size: 16px;
}

.search-input:focus {
    border: 1px solid var(--tomato);
}

.search-result-wrapper {
    width: 100%;
    margin-top: 40px;
}

.search-section {
    background-color: var(--white);
    padding-top: 160px;
    padding-bottom: 50px;
}

.customers-grid {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.customer-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.list-item-circle {
    background-color: var(--tomato);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    inset: 7px auto auto 0;
}

.customer-image {
    width: 45%;
}

.dark-gray-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--pale-turquoise);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.headings-container {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.button-wrapper {
    margin-top: 30px;
}

.service-list-item {
    position: relative;
}

.overflow-hidden {
    width: 100%;
    overflow: hidden;
}

.primary-button-red {
    border: 1px solid var(--dim-grey);
    background-color: var(--dim-grey);
    color: var(--white-smoke);
    text-align: center;
    letter-spacing: .5px;
    border-radius: 4px;
    align-items: center;
    padding: 12px 18px;
    transition: all .2s;
    display: inline-block;
}

.primary-button-red:hover {
    border: 1px solid var(--dim-grey);
    color: var(--dim-grey);
    background-color: var(--white-smoke);
}

.primary-button-red.mt-40 {
    margin-top: 40px;
}

.primary-button-red.full-width-mobile {
    display: block;
}

.primary-button-red.mr-20 {
    margin-left: 20px;
}

.style-guide-content-wrapper {
    margin-top: 10px;
    display: flex;
}

.about-1-video {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/Home-4-1-1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 440px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.about-1-video.our-team {
    background-image: url('../images/Home-4.webp');
    background-position: 50% 10%;
}

.testimonials-slider-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    display: block;
}

.slide-3 {
    max-height: 580px;
}

.about-3-content-wrap {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.about-3-content-wrapper {
    margin-bottom: 60px;
    display: flex;
}

.about-3-tab-link {
    color: var(--white);
    background-color: #0000;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    margin-bottom: -12px;
    padding-top: 20px;
    padding-bottom: 4px;
    font-size: 19px;
    line-height: 32px;
    transition: all .3s;
    display: flex;
    position: relative;
}

.about-3-tab-link.w--current {
    color: var(--white);
    background-color: #0000;
    padding-top: 20px;
    padding-bottom: 4px;
    font-size: 24px;
}

.portfolio-grid-collection-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 30px #00000014;
}

.template-empty-state {
    color: var(--primary);
    background-color: #0000;
    padding: 30px;
    font-family: Lato, sans-serif;
    font-size: 16px;
}

.nav-menu-shadow-overlay {
    align-items: center;
    display: flex;
}

.portfolio-masonry-image-wrapper {
    position: relative;
}

.landing-banner-image {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.landing-performance-grid {
    grid-column-gap: 120px;
    grid-row-gap: 60px;
    width: 100%;
}

.landing-progress-bar-wrapper {
    margin-top: 20px;
}

.landing-progress-bar-gray-line {
    background-color: var(--white);
    border-radius: 10px;
    width: 100%;
    height: 15px;
}

.landing-progress-bar-95 {
    background-color: var(--primary);
    border-radius: 10px;
    width: 95%;
    height: 15px;
    margin-top: -15px;
    position: relative;
}

.landing-progress-bar-number {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    inset: auto 0% 35px auto;
}

.landing-progress-bar-92 {
    background-color: var(--primary);
    border-radius: 10px;
    width: 92%;
    height: 15px;
    margin-top: -15px;
    position: relative;
}

.landing-progress-bar-100 {
    background-color: var(--primary);
    border-radius: 10px;
    width: 100%;
    height: 15px;
    margin-top: -15px;
    position: relative;
}

.landing-progress-bar-88 {
    background-color: var(--primary);
    border-radius: 10px;
    width: 88%;
    height: 15px;
    margin-top: -15px;
    position: relative;
}

.landing-features-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.landing-feature-icon {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--white);
    color: var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    display: flex;
}

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

.landing-inner-pages-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
}

.landing-inner-page-item {
    text-align: center;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}

.landing-inner-page-item.home-screen {
    height: 100%;
}

.landing-inner-page-item.tabler-hidden {
    display: none;
}

.landing-inner-page-image {
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.landing-inner-page-image-wrapper {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}

.landing-inner-page-icon {
    z-index: 10;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    display: flex;
    position: absolute;
}

.landing-inner-page-overlay {
    z-index: 1;
    background-color: #fff3;
    border-radius: 4px;
    position: absolute;
    inset: 0%;
}

.landing-banner-title-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 960px;
    margin-bottom: 60px;
    display: flex;
}

.megamenu-dropdown-wrapper {
    justify-content: center;
    display: flex;
}

.landing-home-pages-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
}

.landing-download-block-wrapper {
    background-color: var(--primary);
    background-image: url('../images/Frame-47.png');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 75px 80px 75px 200px;
    display: flex;
    box-shadow: 0 0 30px #0000004d;
}

.download-button-icon {
    margin-top: 4px;
    margin-right: 10px;
    font-family: "Fa solid 900", sans-serif;
}

.mb-20 {
    margin-bottom: 20px;
}

.play-button-icon {
    z-index: 7;
    margin-left: 4px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    position: relative;
}

.secondary-button {
    border: 1px solid var(--primary);
    color: var(--primary);
    letter-spacing: .5px;
    background-color: #0000;
    border-radius: 4px;
    padding: 12px 18px;
    transition: all .3s;
    display: inline-block;
}

.secondary-button:hover {
    border-color: var(--tomato);
    color: var(--tomato);
}

.secondary-button.white {
    border-color: var(--white);
    color: var(--white);
}

.secondary-button.white:hover {
    border-color: var(--tomato);
    color: var(--tomato);
}

.secondary-button.home-5-banner {
    background-color: var(--white-smoke);
}

.get-quote-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 80px 30px 30px;
    display: flex;
    position: relative;
}

.home-testimonials-mask {
    width: 85%;
    overflow: visible;
}

.home-testimonials-slider-arrow-icon {
    color: var(--white);
    justify-content: center;
    align-items: center;
    font-family: "Fa solid 900", sans-serif;
    font-size: 16px;
    line-height: 1;
    transition: all .2s;
    display: flex;
}

.home-testimonials-slider-arrow-icon:hover {
    color: var(--primary);
}

.testimonials-slider-position {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
}

.testimonials-slider-author {
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

.home-testimonials-slider-arrow {
    border: 1px solid var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    transition: background-color .3s;
    display: flex;
    inset: auto auto 40% -5%;
}

.home-testimonials-slider-arrow:hover {
    background-color: var(--sandy-brown);
}

.home-testimonials-slider-arrow.right {
    left: 79%;
}

.home-testimonials-slider {
    background-color: #0000;
    height: auto;
    margin-left: 16%;
    padding-top: 40px;
    display: flex;
    position: relative;
}

.testimonials-slider-name {
    margin-top: 0;
    margin-bottom: 5px;
}

.home-testimonials-slide {
    flex-direction: column;
    margin-right: 60px;
    display: flex;
}

.testimonials-text-wrapper {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
    border-radius: 4px;
    padding: 30px 35px;
    display: flex;
}

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

.primary-color-background {
    background-color: var(--dim-grey);
    overflow: hidden;
}

.blog-section-title {
    text-align: center;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.map-wrapper {
    position: relative;
}

.map-wrapper.home-page {
    width: 100%;
    margin-bottom: 60px;
}

.contacts-wrapper-grid {
    grid-column-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 30px;
    padding-right: 30px;
}

.section-title-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 780px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.text-dark {
    color: var(--text-dark);
}

.courses-collection {
    width: 100%;
}

.home-4-testimonials-wrapper, .testimonials-wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: stretch;
    width: 100%;
    margin-top: 10px;
    display: flex;
}

.career-collection-list-wrapper {
    width: 100%;
    margin-bottom: 40px;
}

.career-collection-list-wrapper.career-details {
    z-index: 10;
    margin-bottom: -20px;
    position: relative;
}

.top-banner-button-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-top: 38px;
    display: flex;
    position: relative;
}

.about-img {
    object-fit: cover;
    position: absolute;
}

.about-img._1 {
    z-index: 2;
    width: 350px;
    inset: 0% 0% auto 12%;
}

.about-img._5 {
    z-index: 4;
    width: 350px;
    inset: 60% 0% auto 24%;
}

.about-img._3 {
    z-index: 1;
    width: 300px;
    inset: 19% 4% 0% auto;
}

.about-img._4 {
    z-index: 5;
    width: 220px;
    inset: 47% 30% 0% 50%;
}

.about-img._2 {
    z-index: 3;
    width: 300px;
    inset: 31% auto 0% 2%;
}

.subtitle {
    border-bottom: 2px solid #80808026;
    margin-bottom: 30px;
    margin-right: 0;
    padding-bottom: 4px;
    display: inline-block;
}

.our-services-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    display: flex;
}

.service-card-paragraph {
    color: #222;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6em;
}

.our-services-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    width: 100%;
    margin-top: 60px;
}

.service-cars-heading {
    color: #222;
    letter-spacing: .2px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1em;
}

.service-card {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    height: auto;
    padding: 40px;
    transition: background-color .3s;
    overflow: hidden;
}

.service-card:hover {
    background-color: var(--light-blue);
}

.service-card.hover-2:hover {
    background-color: var(--pale-turquoise);
}

.service-card.hover-3:hover {
    background-color: var(--plum);
}

.service-card.hover-4:hover {
    background-color: var(--yellow);
}

.service-card.hover-5:hover {
    background-color: var(--white-smoke);
}

.central-alignment-heaading {
    text-align: center;
    margin-bottom: 75px;
}

.heading-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
}

.video-lightbox-home-3 {
    z-index: 1;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 0;
    background-size: cover;
    flex: none;
    justify-content: center;
    width: 100%;
    height: 260px;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.video-lightbox-home-3._2 {
    background-image: none;
    width: auto;
    height: auto;
    position: absolute;
}

.play-button-small {
    z-index: 5;
    border: 1px solid var(--primary);
    background-color: var(--yellow);
    border-radius: 50%;
    width: 54px;
    height: 54px;
    position: absolute;
}

.play-button-hover-small {
    z-index: 10;
    border: 3px solid var(--primary);
    border-radius: 50%;
    width: 68px;
    height: 68px;
    transition: all .3s;
    position: absolute;
    transform: scale(.85);
}

.play-button-hover-small:hover {
    transform: scale(1);
}

.play-button-icon-small {
    z-index: 7;
    margin-top: 2px;
    margin-left: 4px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 16px;
    position: relative;
}

.play-button-icon-small:hover {
    color: var(--sandy-brown);
}

.content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 190px;
    display: flex;
}

.content {
    border-radius: 5px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.industries-block-wrapper {
    background-color: #0000;
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    max-width: 35vw;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
}

.industries-block-wrapper:hover {
    box-shadow: 0 10px 20px #14173326;
}

.additional-features-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    align-items: center;
    display: flex;
}

.additional-features-left {
    width: 56%;
}

.additional-features-right {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: var(--plum);
    background-position: 75% 67%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    width: 45%;
    min-height: 400px;
    position: relative;
}

.list-bullet {
    background-color: var(--primary);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    inset: 7px auto auto 0%;
}

.home-9-team-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 31%;
    position: relative;
}

.about-4-team-slide {
    width: 23%;
    margin-right: 30px;
}

.about-6-projects-item {
    text-align: center;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 370px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.section-with-blue-bg {
    background-color: var(--primary);
    justify-content: center;
    display: flex;
}

.nav-dropdown-link-line {
    background-color: var(--tomato);
    width: 16px;
    height: 2px;
    margin-right: 15px;
    display: inline-block;
}

.search {
    width: 100%;
}

.subtitle-2 {
    color: #fc8e44;
    border-bottom: 2px solid #80808026;
    margin-bottom: 30px;
    margin-right: 0;
    padding-bottom: 4px;
    display: inline-block;
}

.dropdown-nav-link {
    color: #999;
    margin-left: -20px;
    padding: 5px 0;
    font-family: Poppins;
    transition: color .2s;
    display: flex;
}

.dropdown-nav-link:hover, .dropdown-nav-link.w--current {
    color: #004ae2;
}

.home-2-solutions {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
}

.home-2-solutions-con {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    display: flex;
}

.home-2-solution {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    width: 31.5%;
    padding: 20px;
    transition: background-color .3s;
    display: flex;
}

.home-2-solution:hover {
    border-color: var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #eda6e6;
}

.home-2-solution._2:hover {
    background-color: var(--sandy-brown);
}

.home-2-solution._3 {
    border-color: var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
}

.home-2-solution._3:hover {
    background-color: #aed7d2;
}

.home-2-solution._4:hover {
    background-color: var(--pale-turquoise);
}

.home-2-solution._5 {
    border-color: var(--primary);
    background-color: var(--light-blue);
    box-shadow: 2px 2px 0 0 var(--primary);
}

.home-2-solution._5:hover {
    background-color: #0000;
}

.home-2-solution.color-1-1 {
    background-color: var(--plum);
}

.home-2-solution.color-1-1:hover {
    background-color: var(--white-smoke);
}

.home-3-testimonial {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: auto;
    padding: 20px;
    display: flex;
    position: relative;
    background-color: var(--plum);
}

.check-icon {
    color: var(--tomato);
    font-family: "Fa solid 900", sans-serif;
}

.text-align-center {
    z-index: 10;
    text-align: center;
    position: relative;
}

.gallery-image-link {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-19-gallery-img-link {
    justify-content: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-2-icon {
    color: var(--plum);
    margin-top: 9px;
    font-family: "Fa solid 1200", sans-serif;
}

.home-2-service-item {
    grid-column-gap: 20px;
    align-items: flex-start;
    margin-top: 20px;
    display: flex;
}

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

.process-item-wrap.space-around-grid-on-mobile {
    justify-content: space-around;
    min-width: 90%;
    margin-top: 10px;
}

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

.rich-text-style h3 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.rich-text-style h4 {
    margin-top: 25px;
}

.rich-text-style h5, .rich-text-style h6 {
    margin-top: 20px;
}

.rich-text-style p {
    color: var(--primary);
}

.heading-2-second-style {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.4em;
}

.container-light-bg {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.container-light-bg.home-2 {
    grid-column-gap: 40px;
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-color: #0000;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.process-right-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 33%;
    margin-top: 30px;
    transition: all 1s;
    position: absolute;
    inset: 12% 5% auto auto;
}

.process-right-image:hover {
    transform: scale(.9);
}

.process-left-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 25%;
    margin-top: 30px;
    transition: all 1s;
    position: absolute;
    inset: 40% auto auto 5%;
}

.process-left-image:hover {
    transform: scale(.9);
}

.position-relative {
    padding-left: 80px;
    padding-right: 80px;
    position: relative;
}

.process-main-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    margin-top: 40px;
    display: block;
}

.top-section-title {
    flex-direction: column;
    align-items: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.basic-features-first-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: fill;
    border-radius: 4px;
    width: 412px;
    max-width: 412px;
    height: 60%;
    max-height: 461px;
    position: absolute;
    inset: 30px auto auto 30px;
}

.basic-features-second-image {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 10px;
    width: 50%;
    max-width: 502px;
    max-height: 548px;
    position: absolute;
    inset: auto -20px 30px auto;
}

.basic-features-wrapper {
    grid-column-gap: 60px;
    align-items: center;
    display: flex;
}

.basic-features-right {
    width: 40%;
}

.basic-features-left {
    border: 1px solid var(--primary);
    background-color: var(--plum);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: fill;
    background-image: url('../images/Vector.png');
    background-position: 90% 15%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    width: 56%;
    min-height: 640px;
    position: relative;
}

.integrations-left-block {
    width: 40%;
    position: relative;
}

.integrations-right-block {
    width: 50%;
}

.home-banner-left-arrow {
    align-items: center;
    height: 40px;
    display: flex;
    inset: 0% auto 0% 2%;
}

.home-23-team-item {
    width: 33%;
}

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

.primary-text {
    color: var(--primary);
}

.list-no-bullet {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 0;
}

.orange-style-guide {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    border-radius: 4px;
    width: 75px;
    height: 75px;
}

.logo-footer {
    height: 150px;
}

.links-footer {
    grid-column-gap: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.social-icon {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-footer {
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.subscribe-footer {
    border: 1px solid var(--primary);
    background-color: var(--pale-turquoise);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/sending-message4x.png');
    background-position: 87% 30%;
    background-repeat: no-repeat;
    background-size: 50px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
    padding: 30px;
    display: flex;
}

.subscribe-footer-bis {
    border: 1px solid var(--primary);
    background-color: var(--pale-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/sending-message4x.png');
    background-position: 87% 30%;
    background-repeat: no-repeat;
    background-size: 50px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
    padding: 30px;
    display: flex;
}

.subscribe-title {
    margin-bottom: 10px;
}

.text-field {
    border: 1px solid var(--black);
    border-radius: 4px;
    height: 42px;
    margin-bottom: 0;
    font-size: 16px;
}

.text-field:focus {
    border-color: var(--tomato);
    color: var(--primary);
}

.form-flex {
    grid-column-gap: 20px;
    display: flex;
}

.form-block-subscribe {
    width: 50%;
    margin-top: 20px;
}

.success-message {
    background-color: var(--pale-turquoise);
    color: var(--primary);
    border-radius: 4px;
    margin-top: 50px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.subscribe-wrapper {
    background-color: var(--white);
}

.footer-wrap {
    z-index: 10;
    background-color: var(--dim-grey);
    margin-top: -180px;
    padding-top: 180px;
}

.logo-img {
    height: 250px;
    width: 300px;
}

.button-header-wrapper {
    justify-content: flex-end;
    align-items: center;
    width: 205px;
    display: flex;
}

.link-navbar {
    color: var(--tomato);
    margin-right: 20px;
}

.link-navbar.navbar-hidden:hover {
    color: var(--primary);
}

.shop-wrapper {
    margin-right: 20px;
}

.cart-button {
    background-color: #0000;
    padding: 0;
    position: relative;
}

.icon-shop {
    color: var(--primary);
    margin-top: 2px;
    margin-right: 0;
    transition: color .3s;
}

.icon-shop:hover {
    color: var(--tomato);
}

.cart-quantity {
    border: .2px solid var(--primary);
    background-color: var(--pale-turquoise);
    color: var(--primary);
    border-radius: 4px;
    min-width: auto;
    height: auto;
    margin-left: 0;
    padding: 3px 5px 2px;
    font-weight: 400;
    line-height: 1em;
    position: absolute;
    inset: -42% -47% auto auto;
}

.brand-logo {
    width: 700px;
    margin-left: 0;
}

.message-img {
    filter: invert();
    width: 75px;
    position: absolute;
    inset: 22% auto auto 12%;
}

.banner-content-home-1 {
    grid-column-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1fr;
    place-items: center;
    width: 100%;
}

.banner-img-home-2 {
    width: 85%;
    height: 100%;
}

.img-banner {
    z-index: 1;
    justify-content: center;
    display: flex;
    position: relative;
}

.backgrouns-img-2 {
    position: absolute;
    inset: -6% auto auto -17%;
}

.backgrouns-img-3 {
    z-index: -1;
    position: absolute;
    inset: 9% 13% auto auto;
}

.backgrouns-img-4 {
    z-index: -1;
    width: 45px;
    height: 45px;
    position: absolute;
    inset: auto auto 20% -1%;
}

.backgrouns-img-5 {
    position: absolute;
    inset: auto auto -8% 34%;
}

.backgrouns-img-6 {
    position: absolute;
    inset: auto 0% 45% auto;
}

.button-wrapper-banner {
    grid-column-gap: 20px;
    align-items: center;
    margin-top: 25px;
    display: flex;
}

.info-content-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-bottom: -30px;
}

._1-info {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--pale-turquoise);
    background-image: linear-gradient(#bdf0dfb3, #bdf0dfb3);
    border-radius: 4px;
    align-items: center;
    width: 80%;
    padding: 30px;
    display: flex;
}

._2-info {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--sandy-brown);
    background-image: linear-gradient(#ffb07bb3, #ffb07bb3);
    border-radius: 4px;
    align-items: center;
    width: 80%;
    padding: 30px;
    display: flex;
    position: relative;
    top: -15px;
}

._3-info {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--tomato);
    background-image: linear-gradient(#ff5858b3, #ff5858b3);
    border-radius: 4px;
    align-items: center;
    width: 80%;
    padding: 30px;
    display: flex;
    position: relative;
    top: -30px;
}

.backgrouns-img-7 {
    width: 20%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.backgrouns-img-8 {
    position: absolute;
    inset: 38% 6% auto auto;
}

.backgrouns-img-9 {
    position: absolute;
    inset: 12% 25% auto auto;
}

.backgrouns-img-10 {
    width: 3%;
    position: absolute;
    inset: 37% 19% auto auto;
}

.customers-logo {
    grid-column-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    place-items: center;
    width: 100%;
}

.backgrouns-img-13 {
    position: absolute;
    inset: 4% 8% auto auto;
}

.backgrouns-img-14 {
    position: absolute;
    inset: 15% auto auto 11%;
}

.check-info-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.check-info-wrapper.home-2 {
    grid-template-columns: 1fr 1fr 1fr;
}

.check-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.check-wrap.home-2 {
    border: 1px solid var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
    border-radius: 4px;
    padding: 30px;
}

.check-wrap.dark-borders {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 30px;
}

.icon-wrap-color-1 {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    display: flex;
}

.icon-wrap-color-1.light {
    border-color: var(--primary);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
}

.icon-wrap-color-2 {
    border: 1px solid var(--primary);
    background-color: var(--pale-turquoise);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    display: flex;
}

.icon-wrap-color-2.light {
    border-color: var(--primary);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
}

.icon-wrap-color-3 {
    border: 1px solid var(--primary);
    background-color: var(--tomato);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    display: flex;
}

.icon-wrap-color-3.light {
    border-color: var(--primary);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
}

.sticky-wrapper {
    width: 100%;
    position: sticky;
}

.sticky-1 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: linear-gradient(#eda6e6, #eda6e6);
    border-radius: 4px;
    align-items: center;
    height: 310px;
    margin-bottom: 40px;
    margin-right: 40px;
    padding: 40px 60px;
    display: flex;
    position: sticky;
    top: 100px;
}

.sticky-2 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: linear-gradient(#fff480, #fff480);
    border-radius: 4px;
    align-items: center;
    height: 310px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px 60px;
    display: flex;
    position: sticky;
    top: 140px;
}

.sticky-3 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: linear-gradient(#a8ebff, #a8ebff);
    border-radius: 4px;
    align-items: center;
    height: 310px;
    margin-top: 40px;
    margin-left: 40px;
    padding: 40px 60px;
    display: flex;
    position: sticky;
    top: 180px;
}

.info-content-data {
    align-items: flex-start;
}

.services-wrapper-home {
    margin-bottom: 60px;
    margin-right: auto;
}

.phone-img {
    width: 6%;
    position: absolute;
    inset: auto 0% 0% auto;
}

.info-data-img.sticky-3-img {
    object-fit: cover;
    height: 80%;
}

.backgrouns-img-11 {
    position: absolute;
    inset: 5% 4% auto auto;
}

.backgrouns-img-12 {
    position: absolute;
    inset: auto auto 61% 25%;
}

.number-info {
    color: var(--primary);
    margin-right: 20px;
    font-size: 45px;
}

.heading-3 {
    color: var(--primary);
}

.backgrouns-img-15 {
    position: absolute;
    inset: auto 0% -28% auto;
}

.backgrouns-img-16 {
    position: absolute;
    inset: -17% 23% auto auto;
}

.backgrouns-img-18 {
    position: absolute;
    inset: auto auto 90% 8%;
}

.backgrouns-img-19 {
    position: absolute;
    inset: auto 24% 70% auto;
}

._w-75 {
    width: 75%;
}

.love-img {
    width: 40px;
    position: absolute;
    inset: 43% 16% auto auto;
}

.backgrouns-img-21 {
    position: absolute;
    inset: auto auto 8% 10%;
}

.backgrouns-img-20 {
    position: absolute;
    inset: 21% 20% auto auto;
}

.backgrouns-img-17 {
    position: absolute;
    inset: auto auto 9% 34%;
}

.software-wrapper-img {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 60px;
    display: flex;
}

.instagram-wrapper {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    position: absolute;
    inset: 0% auto auto -1%;
}

.google-wrapper-img {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    position: absolute;
    inset: 8% 8% auto auto;
}

.messenger-wrapper-img {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    position: absolute;
    inset: auto auto 10% -18%;
}

.google-disk-wrapper-img {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    position: absolute;
    inset: auto 6% -2% auto;
}

.google-disk-img {
    width: 40px;
}

.about-img-1 {
    z-index: 1;
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    position: absolute;
    inset: 30px 30px auto auto;
}

.about-img-2 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 50%;
    position: absolute;
    inset: auto auto 30px 30px;
}

.banner-title-home-2 {
    width: 50%;
    padding-left: 20px;
}

.img-6-home-2 {
    position: absolute;
    inset: 25% 12% auto auto;
}

.backgrouns-home-2 {
    z-index: -1;
    border-right: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
    background-color: var(--pale-turquoise);
    border-bottom-right-radius: 4px;
    width: 45%;
    height: 99.5%;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.content-banner-home-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.img-banner-home-2 {
    z-index: 10;
    width: 57%;
    height: 100%;
    position: relative;
}

.img-home-2 {
    position: absolute;
    inset: -12% auto auto 28%;
}

.img-2-home-2 {
    position: absolute;
    inset: 6% auto auto 0%;
}

.img-3-home-2 {
    position: absolute;
    inset: -13% auto auto 9%;
}

.img-4-home-2 {
    position: absolute;
    inset: auto auto 0% 40%;
}

.img-5-home-2 {
    position: absolute;
    inset: auto auto -12% 3%;
}

.heard-home-2 {
    position: absolute;
    inset: 6% 0% auto auto;
}

.img-8-home-2 {
    position: absolute;
    inset: 11% auto auto 10%;
}

.img-7-home-2 {
    position: absolute;
    inset: 31% 10% auto auto;
}

.img-7-home-2._12 {
    top: -3%;
}

.arrow-img-banner {
    width: 40%;
    position: absolute;
    inset: -10% auto 0% 8%;
}

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

.icon-wrap-color-4 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #a8ebff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    display: flex;
}

.banner-title-home-3 {
    text-align: center;
    width: 85%;
}

.home-3-img {
    position: absolute;
    inset: 17% auto auto 9%;
}

.home-3-img-2 {
    position: absolute;
    inset: 29% 7% auto auto;
}

.banner-home-button {
    grid-column-gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

.banner-img-home-3 {
    margin-bottom: -120px;
    position: relative;
    top: -200px;
}

.home-3-img-3 {
    position: absolute;
    inset: auto auto 14% 3%;
}

.backgrouns-img-22 {
    position: absolute;
    inset: 19% auto auto 9%;
}

.content-home {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    place-items: center stretch;
    width: 100%;
}

.content-home.center {
    grid-template-columns: 1fr .75fr;
}

.img-wrap {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/Path-6_1.png');
    background-position: 90% 25%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    justify-content: flex-end;
    align-items: center;
    padding-top: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
}

.img-wrap._2-section {
    justify-content: flex-start;
    height: 100%;
    padding-left: 20px;
}

.img-wrap._3-section {
    background-image: url('../images/Shape-3.png'), url('../images/Path-6_1.png');
    background-position: 10% 90%, 90% 25%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    justify-content: center;
    height: 100%;
    padding-top: 0;
    padding-right: 0;
}

.img-wrap.white-border {
    border-color: var(--primary);
    box-shadow: 2px 2px 0 0 var(--white);
    justify-content: center;
    padding-top: 0;
    padding-right: 0;
}

.img-wrap.banner-home-5 {
    background-color: var(--sandy-brown);
    background-image: none;
    top: 18px;
}

.woman {
    z-index: 10;
    width: 80%;
    position: relative;
}

.home-3-img-4 {
    height: 25%;
    position: absolute;
    inset: auto auto 3% 31%;
}

.customers-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.screen-img {
    position: absolute;
    inset: auto auto 9% -3%;
}

.screen-img-2 {
    z-index: 10;
    position: relative;
    bottom: -15px;
}

.arrow-img {
    position: absolute;
    inset: auto auto 15% 8%;
}

.arrow-img.about-us-3 {
    left: 10%;
}

.img-home-3 {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.color-block {
    border: 1px solid var(--dim-grey);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.heard-img {
    position: absolute;
    inset: 1% 28% auto auto;
}

.slide-home-3 {
    background-color: var(--white);
}

.slide-home-3.secondary-color {
    background-color: var(--white-smoke);
}

.slider-home-3 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.team-members {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.team-members.about-us {
    grid-template-rows: auto;
}

.team-wrapper {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    height: 420px;
    padding-bottom: 40px;
    position: relative;
}

.info-team {
    z-index: 1;
    border: 1px solid var(--primary);
    background-color: var(--light-blue);
    text-align: center;
    background-image: url('../images/Vector.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 15px 20px 20px;
    display: flex;
    position: absolute;
    inset: auto 0% 0;
}

.info-team.color-2 {
    background-color: var(--yellow);
    justify-content: center;
    min-height: auto;
}

.info-team.color-3 {
    background-color: var(--pale-turquoise);
    justify-content: center;
    min-height: auto;
    position: absolute;
}

.info-team.color-4 {
    background-color: var(--sandy-brown);
    min-height: auto;
    position: absolute;
}

.info-team.color-5 {
    background-color: var(--plum);
}

.info-team.small {
    background-color: var(--plum);
    padding-left: 10px;
    padding-right: 10px;
}

.team-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.title-wrapper-left {
    width: 100%;
    margin-bottom: 40px;
}

.banner-home-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.banner-img-home-4 {
    object-fit: contain;
    height: 70%;
    position: absolute;
    inset: auto 1% 0% auto;
}

.line-yellow {
    height: 40%;
    position: absolute;
    inset: auto 28% 46% auto;
}

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

.white-opacity._w-90 {
    width: 90%;
}

.content-banner-home-4 {
    flex-direction: column;
    display: flex;
}

.img-home-4 {
    position: absolute;
    inset: 22% 6% auto auto;
}

.color-absolute {
    z-index: -1;
    background-color: var(--sandy-brown);
    width: 100%;
    height: 62%;
    position: absolute;
    inset: auto 0% 0%;
}

.section-batton-wrapper {
    margin-top: 60px;
}

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

.img-2-home-4 {
    position: absolute;
    inset: auto 52% 15% auto;
}

.img-3-home-4 {
    position: absolute;
    inset: 56% 46% auto auto;
}

.background-home-4 {
    z-index: -1;
    width: 68%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.img-6-home-4 {
    z-index: -1;
    position: absolute;
    inset: 50% 20% auto auto;
}

.img-5-home-4 {
    position: absolute;
    inset: auto 15% -1% auto;
}

.tabs-services {
    width: 100%;
}

.services-home-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.color-1 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #bdf0df80;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 440px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.color-1.personal {
    background-color: #a8ebff80;
}

.color-2 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #ffb07b80;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    min-height: 440px;
    padding-left: 40px;
    display: flex;
    overflow: hidden;
}

.color-2.personal {
    background-color: #ff585880;
}

.color-3 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #eda6e680;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    min-height: 440px;
    padding-left: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.color-3.personal {
    background-color: #eda6e680;
}

.color-4 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #fff48080;
    border-radius: 4px;
    align-items: center;
    min-height: 440px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.color-4.personal {
    background-color: #ffb07b80;
}

.tabs-menu-services {
    grid-column-gap: 20px;
    justify-content: flex-end;
    margin-bottom: 60px;
    display: flex;
}

.content-2-home-5 {
    z-index: 10;
    width: 50%;
    position: relative;
}

.services-img-2 {
    width: 45%;
}

.services-img-2.personal {
    width: 47%;
}

.services-img-1 {
    width: 100%;
    position: absolute;
    inset: auto 0% 0% auto;
}

.services-content-home-5 {
    z-index: 10;
    position: relative;
}

.services-img-3 {
    position: absolute;
    inset: 35% 0% 0%;
}

.services-img-4 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.relative {
    z-index: 10;
    position: relative;
}

.tabs-content-services {
    overflow: visible;
}

.tab-link {
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: #0000;
    border-radius: 4px;
    padding: 12px 18px;
    transition: background-color .3s, border-color .3s, color .3s;
    display: flex;
}

.tab-link:hover, .tab-link.w--current {
    background-color: var(--primary);
    color: var(--white);
}

.tab-link.w--current:hover {
    color: var(--primary);
    background-color: #0000;
}

.relative-title {
    width: 50%;
    margin-right: auto;
    position: relative;
    top: 53px;
}

.services-img-5 {
    width: 65%;
    position: absolute;
    inset: auto -4% 0% auto;
}

.services-img-7 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.services-img-8 {
    width: 65%;
    height: 60%;
    position: absolute;
    inset: auto 0% -24% auto;
}

.team-home-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
}

.team-member-1 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.team-member-2 {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    height: 100%;
}

.info-work-1 {
    border: 1px solid var(--primary);
    background-color: var(--pale-turquoise);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 15px;
    transition: background-color .3s;
    display: flex;
}

.info-work-1:hover {
    background-color: var(--plum);
}

.team {
    object-fit: cover;
    border-radius: 4px;
    height: 100%;
}

.team-member-3 {
    border: 1px solid var(--primary);
    background-color: var(--white-smoke);
    box-shadow: 2px 2px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 4px;
    height: 100%;
}

.info-work-2 {
    border: 1px solid var(--primary);
    background-color: var(--yellow);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 15px;
    transition: background-color .3s;
    display: flex;
}

.info-work-2:hover {
    background-color: var(--light-blue);
}

.work {
    border-radius: 4px;
    width: 100%;
}

.number {
    color: var(--primary);
    font-size: 35px;
    font-weight: 500;
    line-height: 1em;
}

.text {
    color: var(--primary);
    font-size: 20px;
}

.img-3-background-home-5 {
    width: 10%;
    position: absolute;
    inset: 6% 0% auto auto;
}

.section-button-wrapper {
    margin-top: 60px;
}

.banner-wrapper-home-5 {
    grid-column-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .9fr;
    align-items: center;
    width: 100%;
}

.banner-button-wrapper {
    grid-column-gap: 20px;
    margin-top: 10px;
    display: flex;
}

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

.grid-4 {
    grid-column-gap: 40px;
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 70%;
    margin-top: 60px;
    padding: 10px 20px;
    position: relative;
}

.color-tab-1 {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-color: #bdf0df80;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 440px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.img-5-background-home-5 {
    z-index: 1;
    position: absolute;
    inset: 26% 0% auto auto;
}

.img-4-background-home-5 {
    width: 11%;
    height: 35%;
    position: absolute;
    inset: -11% auto auto 13%;
}

.img-2-background-home-5 {
    position: absolute;
    inset: 8% auto auto 8%;
}

.img-background-home-5 {
    z-index: -1;
    position: absolute;
    inset: 26% 0% auto auto;
}

.img-background-home-5._16 {
    top: 16%;
}

.border-banner {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 60px;
    padding-bottom: 50px;
}

.paragraph-banner {
    text-align: center;
    width: 80%;
}

.grid-5 {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    width: 100%;
}

.info-about {
    color: var(--light-blue);
    font-size: 65px;
    font-weight: 500;
    line-height: 1em;
}

.info-about.yellow {
    color: var(--yellow);
    font-size: 60px;
}

.about-info {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
}

.about-info.center {
    border-right: 1px solid var(--white-smoke);
    border-left: 1px solid var(--white-smoke);
}

.background-3 {
    z-index: 1;
    width: 8%;
    position: absolute;
    inset: 10% auto auto 1%;
}

.background-4 {
    z-index: 1;
    width: 8%;
    position: absolute;
    inset: auto 1% 10% auto;
}

.background-2 {
    position: absolute;
    inset: auto auto 17% 9%;
}

.background-1 {
    position: absolute;
    inset: 37% 10% auto auto;
}

.faq-background-2 {
    position: absolute;
    inset: auto auto 15% 15%;
}

.faq-background-1 {
    height: 20%;
    position: absolute;
    inset: 20% 20% auto auto;
}

.faq-background-1.contact-us {
    top: 9%;
}

.contact-img-absolute {
    filter: invert();
    height: 85%;
    position: absolute;
    inset: auto 0% 0% auto;
}

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

.small-text {
    font-size: 16px;
}

.work-wrap, .team-wrap-img {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    overflow: hidden;
}

.about-background-1 {
    position: absolute;
    inset: auto auto 15% 4%;
}

.about-background-3 {
    position: absolute;
    inset: 5% auto auto 1%;
}

.about-background-4 {
    position: absolute;
    inset: 31% 6% auto auto;
}

.about-background-2 {
    position: absolute;
    inset: 33% 11% auto auto;
}

.values-wrap {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    width: 100%;
}

.content-values {
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
}

.column-calues {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/Vector.png');
    background-position: 100% 150%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    width: 100%;
    padding: 20px;
}

.column-calues.plum {
    background-color: var(--plum);
}

.column-calues.blue {
    background-color: var(--yellow);
}

.arrow {
    position: absolute;
    inset: auto auto 0% 0%;
}

.banner-img-about-us {
    width: 88%;
}

.testimonials-card-content {
    color: var(--primary);
}

.testimonials-card-item {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 20px;
    transition: background-color .3s;
}

.testimonials-card-item:hover {
    background-color: var(--light-blue);
}

.testimonials-card-item.color-background-1 {
    background-color: var(--pale-turquoise);
}

.testimonials-card-item.color-background-2 {
    background-color: var(--plum);
}

.testimonials-card-item.color-background-4 {
    background-color: var(--yellow);
}

.testimonials-card-position {
    color: var(--primary);
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.testimonials-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    width: 100%;
    display: grid;
}

.testominials-cards-banner {
    z-index: 10;
    margin-top: -50px;
    padding-bottom: 80px;
    position: relative;
}

.testominials-cards-banner.pricing {
    background-color: var(--white);
    margin-top: 0;
    padding-top: 80px;
}

.testimonials-img {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 25%;
    margin-bottom: 20px;
}

.paper-plane-img {
    position: absolute;
    inset: 43% auto auto 9%;
}

.background-10 {
    position: absolute;
    inset: 24% auto auto 10%;
}

.background-11 {
    position: absolute;
    inset: 12% 13% auto auto;
}

.team-img-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.img-wrapper {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    overflow: hidden;
}

.img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.info-wrapper {
    grid-column-gap: 60px;
    width: 100%;
    display: flex;
}

.content-info {
    width: 35%;
}

.arrow-about-3 {
    position: absolute;
    inset: auto 8% -9% auto;
}

.info-grid {
    grid-column-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 58%;
}

.info-about-3 {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-info {
    color: #fffc;
    font-size: 20px;
}

.background-about-3 {
    z-index: 10;
    width: 15%;
    position: absolute;
    inset: auto 16% 76% auto;
}

.background-2-about-3 {
    position: absolute;
    inset: 37% auto auto 15%;
}

.background-12 {
    width: 12%;
    position: absolute;
    inset: auto 3% -12% auto;
}

.position-title {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}

.backgrouns-img-1 {
    position: absolute;
    inset: 39% auto auto 18%;
}

.background-13 {
    position: absolute;
    inset: auto 17% 16% auto;
}

.folders {
    width: 8%;
    position: absolute;
    inset: -10% auto auto 49%;
}

.background-14 {
    z-index: -1;
    position: absolute;
    inset: 33% 32% auto auto;
}

.pricing-background-1 {
    width: 9%;
    position: absolute;
    inset: auto auto 14% 27%;
}

.pricing-background-2 {
    position: absolute;
    inset: 31% 18% auto auto;
}

.pricing-background-3 {
    position: absolute;
    inset: 22% auto auto 18%;
}

.pricing-2-backgrouns-1 {
    position: absolute;
    inset: auto auto 16% 9%;
}

.pricing-2-backgrouns-2 {
    position: absolute;
    inset: 25% 15% auto auto;
}

.pricing-2-backgrouns-3 {
    display: none;
}

.pricing-3-background-1 {
    position: absolute;
    inset: auto auto 0% 0%;
}

.pricing-3-background {
    width: 15%;
    position: absolute;
    inset: auto auto 12% 13%;
}

.links-blog {
    border-top: 1px solid var(--dim-grey);
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-top: 20px;
    display: flex;
}

.previous, .next {
    border-color: var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 3px;
}

.blog-background-1 {
    position: absolute;
    inset: 34% 19% auto auto;
}

.blog-background-2 {
    position: absolute;
    inset: 45% auto auto 17%;
}

.collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.collection-item {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.blog-details {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    display: block;
}

.link-name-blog {
    margin-bottom: 10px;
    padding-top: 30px;
}

.blog-title {
    transition: color .3s;
}

.blog-title:hover {
    color: var(--dim-grey);
}

.contact-img {
    position: absolute;
    inset: 43% 28% auto auto;
}

.success-message-2 {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.error-message {
    border: 1px solid var(--white-smoke);
    background-color: var(--tomato);
    box-shadow: 2px 2px 0 0 var(--white-smoke);
    border-radius: 4px;
    margin-bottom: 10px;
}

.error-message li {
    color: var(--white-smoke);
}

.form-sign-in {
    border: 1px solid var(--primary);
    background-color: var(--sandy-brown);
    box-shadow: 2px 2px 0 0 var(--primary);
    background-image: url('../images/message4x.png');
    background-position: 97% 5%;
    background-repeat: no-repeat;
    background-size: 22%;
    border-radius: 4px;
    width: 60%;
    margin-top: 60px;
    padding: 60px 40px;
}

.link-contact {
    color: #151b31cc;
}

.link-contact:hover {
    opacity: 1;
    color: #fff;
}

.submit-wrap {
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    display: flex;
}

.register-link-wrap {
    margin-top: 40px;
}

.regiester-info {
    color: var(--primary);
    font-size: 18px;
}

.link-sign-up {
    color: var(--sandy-brown);
    font-size: 18px;
}

.link-sign-up:hover {
    opacity: 1;
    color: var(--primary);
}

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

.sign-background-1 {
    position: absolute;
    inset: 15% auto auto 9%;
}

.sign-background-2 {
    position: absolute;
    inset: 39% 8% auto auto;
}

.sign-background-3 {
    position: absolute;
    inset: 40% auto auto 19%;
}

.sign-background-4 {
    position: absolute;
    inset: 18% 10% auto auto;
}

.success-message-sign {
    border: 1px solid var(--primary);
    background-color: var(--white);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.error-message-sign {
    border: 1px solid var(--primary);
    background-color: var(--tomato);
    box-shadow: 2px 2px 0 0 var(--primary);
    color: var(--white);
    border-radius: 4px;
}

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

.regiester-info-2 {
    color: var(--primary);
    font-size: 18px;
}

.link-sign-up-2 {
    color: var(--sandy-brown);
    font-size: 18px;
}

.link-sign-up-2:hover {
    opacity: 1;
    color: var(--primary);
}

.collection-list-shop {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.collection-item-shop {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
    width: 100%;
}

.info-product {
    border-top: 1px solid var(--primary);
    background-color: var(--white-smoke);
    background-image: url('../images/Murr-Lovely.svg');
    background-position: 95% 90%;
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: -3px;
    padding: 20px;
}

.add-to-cart {
    margin-top: 25px;
}

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

.price-wrapper.details {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.price {
    color: var(--tomato);
    padding-bottom: 3px;
}

.product {
    border-bottom-width: 1px;
    border-bottom-color: var(--primary);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    height: 100%;
}

.product-name {
    transition: color .3s;
}

.product-name:hover {
    color: var(--tomato);
}

.products-link {
    width: 100%;
    overflow: hidden;
}

.cart-container {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.cart-header {
    border-bottom-color: var(--dim-grey);
}

.cart-footer {
    border-top-color: var(--dim-grey);
}

.apple-pay {
    border-radius: 4px;
}

.cart-quantity-2 {
    border-color: var(--primary);
    border-radius: 4px;
    box-shadow: 2px 2px #000;
}

.cart-quantity-2.inline-block {
    height: 47px;
    display: inline-block;
}

.product-cart {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.price-cart {
    margin-top: 8px;
}

.collection-list-category {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.backgroun-category-img {
    position: absolute;
    inset: 44% auto auto 21%;
}

.checkout-form {
    background-color: var(--white);
    padding-top: 160px;
    padding-bottom: 60px;
}

.block-header {
    border-color: var(--primary);
    background-color: var(--white-smoke);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.block-content {
    border-right-color: var(--primary);
    border-bottom-color: var(--primary);
    border-left-color: var(--primary);
    background-color: var(--white-smoke);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.number-order {
    margin-top: 8px;
}

.shipping-method-list {
    border-right-color: var(--primary);
    border-left-color: var(--primary);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.shipping-method {
    border-bottom-color: var(--primary);
    background-color: var(--white-smoke);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.paypal-checkout-form, .order-confirmation {
    background-color: var(--white);
    min-height: auto;
    padding-top: 160px;
    padding-bottom: 60px;
}

.email {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.email:focus {
    border-color: var(--tomato);
}

.full-name {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.full-name:focus {
    border-color: var(--tomato);
}

.street-address {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.street-address:focus {
    border-color: var(--tomato);
}

.street-address-2 {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.street-address-2:focus {
    border-color: var(--tomato);
}

.city {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.city:focus {
    border-color: var(--tomato);
}

.state-province {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.state-province:focus {
    border-color: var(--tomato);
}

.zip-postal-code {
    border-color: var(--white);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.zip-postal-code:focus {
    border-color: var(--tomato);
}

.country {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.country:focus {
    border-color: var(--tomato);
}

.card-number {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.card-number:focus, .card-number.-wfp-focus {
    border-color: var(--tomato);
}

.expiration-date {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.expiration-date:focus, .expiration-date.-wfp-focus {
    border-color: var(--tomato);
}

.security-code {
    border-color: var(--primary);
    background-color: var(--white);
    border-radius: 4px;
    height: 42px;
}

.security-code:focus, .security-code.-wfp-focus {
    border-color: var(--tomato);
}

.flex-wrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
    display: flex;
}

.collection-list-products {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.product-wrapper {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    align-items: center;
    width: 100%;
}

.price-details {
    color: var(--tomato);
    font-size: 24px;
}

.price-wrap {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.content-wrap-details {
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.mb-0 {
    margin-bottom: 0;
}

.default-state {
    grid-row-gap: 10px;
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.product-img-main {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.collection-list-details {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.small-ing-wrapper {
    margin-top: 20px;
}

.lightbox-link {
    width: 100%;
}

.small-img {
    border: 1px solid var(--primary);
    box-shadow: 2px 2px 0 0 var(--primary);
    border-radius: 4px;
}

.form-block {
    margin-bottom: 0;
}

._404 {
    color: var(--tomato);
    font-size: 120px;
    font-weight: 700;
    line-height: 1em;
}

.shop-background-1 {
    position: absolute;
    inset: 38% auto auto 30%;
}

.shop-background-2 {
    position: absolute;
    inset: auto 13% 14% auto;
}

.shop-background-3 {
    position: absolute;
    inset: auto auto 6% 16%;
}

.shop-background-4 {
    position: absolute;
    inset: 33% 24% auto auto;
}

.process-background {
    position: absolute;
    inset: auto 10% -23% auto;
}

.heard-image {
    z-index: -1;
    position: absolute;
    inset: 0% -15% auto auto;
}

.name-template {
    color: var(--tomato);
    display: block;
}

.background-img {
    width: 10%;
    position: absolute;
    inset: 28% auto auto 21%;
}

.background-img-1 {
    position: absolute;
    inset: 43% 16% auto auto;
}

.background-img-2 {
    position: absolute;
    inset: 15% 27% auto auto;
}

.background-img-3 {
    position: absolute;
    inset: 21% auto auto 12%;
}

.background-img-4 {
    position: absolute;
    inset: 10% auto auto 35%;
}

.landing-page-link {
    color: var(--tomato);
}

.landing-page-link:hover {
    color: var(--light-gray);
}

.promotion-icon {
    margin-right: 8px;
}

.promotion-label-more-templates {
    color: #000;
    letter-spacing: normal;
    text-transform: none;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 6px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
}

.promotion-label-more-templates:hover {
    color: #000;
}

.promotion-label-right {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
    position: absolute;
    right: 10px;
}

.promotion-labels-wrapper {
    z-index: 2147483647;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.promotion-text-block {
    font-size: 14px;
}

.promotion-label-paragraph {
    color: #fff;
    text-align: left;
    max-width: 94%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}

.promotion-label-holder {
    grid-row-gap: 10px;
    flex-direction: column;
    padding: 15px;
    display: flex;
    position: relative;
}

.promotion-label-button {
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 15px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3em;
}

.promotion-label-button:hover {
    color: #ffffffb3;
}

.close-image {
    width: 12px;
    height: 12px;
}

.promotion-label-close {
    cursor: pointer;
    padding: 10px 20px;
    position: absolute;
    top: -7px;
    right: -14px;
}

.promotion-label-left {
    z-index: 1000;
    background-color: #0055d4;
    border-radius: 4px;
    width: 100%;
    max-width: 290px;
    position: absolute;
}

.promotion-label-buy-this-template {
    color: #000;
    letter-spacing: normal;
    text-transform: none;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 6px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
}

.promotion-label-buy-this-template:hover {
    color: #000;
}

.promotion-coupon {
    color: #101828;
    background-color: #fff;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    display: inline-block;
}

@media screen and (min-width: 1280px) {
    h1 {
        font-size: 72px;
    }

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

    .section.blog-classic-banner {
        padding-top: 180px;
    }

    .section.banner-our-team {
        padding-top: 160px;
    }

    .section.banner-our-process, .section.banner-career {
        padding-top: 180px;
    }

    .section.pricing-banner {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .section.job-position-banner, .section.contacts-banner, .section.banner-faq {
        padding-top: 180px;
    }

    .section.banner-testimonials {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .section.about-us-banner, .section.about-2-banner, .section.landing-banner, .section.home-1 {
        padding-top: 160px;
    }

    .section.home-2 {
        height: 100vh;
    }

    .section.banner-home-3 {
        padding-top: 160px;
        padding-bottom: 240px;
    }

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

    .section.img-line {
        background-position: 50% 13%;
    }

    .section.home-5 {
        background-position: 50% 0;
        padding-top: 180px;
    }

    .section.about-us-2-banner {
        padding-top: 200px;
    }

    .section.pricing-2-banner {
        padding-top: 160px;
    }

    .section.pricing-3-banner {
        padding-top: 130px;
        padding-bottom: 240px;
    }

    .section.blog-details {
        padding-top: 160px;
    }

    .section.licensing-banner {
        padding-top: 180px;
    }

    .spacing-system-column {
        padding-right: 30px;
    }

    .style-guide-body-wrapper {
        margin-right: 60px;
    }

    .nav-link, .nav-dropdown-toggle {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-dropdown-list.megamenu.w--open {
        left: -170px;
    }

    .style-guide-banner-section {
        padding-top: 200px;
        padding-bottom: 130px;
    }

    .footer-rights-wrapper {
        margin-top: 60px;
    }

    .section-title-wrapper {
        width: 47%;
    }

    .process-item-wrapper, .process-item-wrapper.reverse {
        grid-column-gap: 60px;
    }

    .process-image-wrapper {
        width: 50%;
    }

    .style-guide-buttons-wrapper {
        flex-wrap: nowrap;
    }

    .process-image {
        width: 100%;
        height: 370px;
    }

    .values-wrapper {
        grid-column-gap: 60px;
    }

    .values-content-wrapper {
        width: 50%;
    }

    .paragraph-large.banner-paragraph, .paragraph-large.banner-3 {
        width: 95%;
    }

    .pricing-plans-wrapper.mt-0 {
        grid-column-gap: 40px;
    }

    .pricing-plan-item {
        padding-left: 40px;
        padding-right: 40px;
    }

    .comparing-table-features-wrapper {
        display: block;
    }

    .comparing-table-plans-wrapper {
        width: 67%;
    }

    .comparing-table-plan {
        margin-right: 15px;
    }

    .comparing-table-content-wrapper {
        padding-top: 10px;
    }

    .comparing-table-content-item-title {
        display: none;
    }

    .contacts-form-wrapper {
        background-position: 98% 15%;
    }

    .without-top-spacing {
        padding-top: 0;
    }

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

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

    .about-3-content-wrapper {
        margin-bottom: 80px;
    }

    .landing-inner-pages-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .landing-inner-page-item.tabler-hidden {
        display: block;
    }

    .home-testimonials-slider-arrow {
        bottom: 35%;
        left: -6%;
    }

    .home-testimonials-slider-arrow.right {
        left: 79%;
    }

    .home-testimonials-slide {
        margin-right: 90px;
    }

    .testimonials {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .blog-section-title {
        margin-bottom: 70px;
    }

    .map-wrapper {
        padding-right: 70px;
    }

    .career-collection-list-wrapper.mb-60 {
        margin-bottom: 60px;
    }

    .about-img._3 {
        width: 340px;
    }

    .about-img._4 {
        width: 280px;
    }

    .about-img._2 {
        width: 340px;
    }

    .our-services-grid {
        margin-top: 80px;
    }

    .industries-block-wrapper {
        position: relative;
    }

    .additional-features-wrapper {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .additional-features-left, .additional-features-right {
        width: 50%;
    }

    .testimonial-image {
        max-width: 320px;
        height: 500px;
    }

    .section-with-blue-bg {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home-2-solution {
        width: 32%;
    }

    .process-right-image {
        right: 3%;
    }

    .process-left-image {
        left: 3%;
    }

    .integrations-left-block {
        width: 45%;
    }

    .integrations-right-block {
        padding-right: 20px;
    }

    .center-title {
        padding-right: 140px;
    }

    .subscribe-footer {
        background-position: 82% 30%;
    }

    .form-block-subscribe {
        width: 40%;
    }

    .message-img {
        top: 26%;
    }

    .banner-content-home-1 {
        grid-column-gap: 80px;
        grid-template-columns: 1.1fr 1fr;
    }

    .content-banner {
        padding-right: 10px;
    }

    .backgrouns-img-4 {
        bottom: 24%;
        left: -8%;
    }

    .backgrouns-img-10 {
        right: 21%;
    }

    .customers-logo {
        grid-column-gap: 100px;
    }

    .check-info-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .sticky-1, .sticky-2, .sticky-3 {
        grid-column-gap: 60px;
        height: 400px;
    }

    .phone-img {
        width: 5%;
    }

    .info-data-img.sticky-3-img {
        height: 65%;
    }

    .info-data-img.sticke-1-img {
        height: 70%;
    }

    .backgrouns-img-11 {
        top: 9%;
        right: 18%;
    }

    .backgrouns-img-12 {
        bottom: 64%;
    }

    .backgrouns-img-19 {
        bottom: 61%;
        right: 34%;
    }

    .backgrouns-img-19.about {
        bottom: 77%;
        right: 24%;
    }

    .love-img {
        top: 47%;
        right: 15%;
    }

    .messenger-wrapper-img {
        left: -15%;
    }

    .backgrouns-home-2 {
        width: 46%;
    }

    .img-5-home-2 {
        position: absolute;
        inset: auto auto -11% 0%;
    }

    .heard-home-2 {
        top: 13%;
        right: .5%;
    }

    .img-8-home-2 {
        top: 20%;
    }

    .img-8-home-2._11 {
        top: 10%;
    }

    .arrow-img-banner {
        top: -35%;
        left: 15%;
    }

    .section-2 {
        padding-bottom: 130px;
    }

    .banner-title-home-3 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        display: flex;
    }

    .home-3-img {
        left: 15%;
    }

    .home-3-img-2 {
        right: 10%;
    }

    .banner-img-home-3 {
        margin-bottom: -210px;
        top: -290px;
    }

    .home-3-img-3 {
        left: 6%;
    }

    .content-home {
        grid-column-gap: 60px;
    }

    .img-wrap.banner-home-5 {
        top: 0;
    }

    .home-3-img-4 {
        left: 32%;
    }

    .content-wrap {
        padding-right: 10px;
    }

    .screen-img {
        bottom: 9%;
    }

    .arrow-img {
        left: 22%;
    }

    .arrow-img.about-us-3 {
        left: 23%;
    }

    .heard-img {
        right: 31%;
    }

    .team-wrapper {
        height: 450px;
    }

    .banner-img-home-4 {
        height: 75%;
        bottom: 0%;
        right: 6%;
    }

    .line-yellow {
        height: 45%;
        right: 32%;
    }

    .content-banner-home-4 {
        padding-top: 0;
    }

    .color-absolute {
        height: 60%;
    }

    .img-3-home-4 {
        right: 39%;
    }

    .background-home-4 {
        width: 63%;
    }

    .tabs-services {
        position: static;
    }

    .services-home-5 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .color-2 {
        justify-content: space-between;
    }

    .content-2-home-5 {
        width: 45%;
    }

    .services-img-2 {
        width: 40%;
    }

    .services-img-3 {
        top: 28%;
    }

    .services-img-7 {
        width: 80%;
        left: -2%;
    }

    .services-img-8 {
        bottom: -23%;
    }

    .img-3-background-home-5 {
        width: 8%;
        top: 9%;
        right: 1%;
    }

    .banner-wrapper-home-5 {
        grid-template-columns: 1fr 1fr;
    }

    .banner-button-wrapper {
        grid-column-gap: 20px;
        display: flex;
    }

    .grid-4 {
        margin-top: 80px;
    }

    .img-5-background-home-5 {
        top: 21%;
        right: 6%;
    }

    .img-4-background-home-5 {
        height: 30%;
        top: -2%;
    }

    .img-background-home-5 {
        right: 3%;
    }

    .border-banner {
        max-width: 1170px;
        padding-bottom: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .background-3 {
        top: 26%;
    }

    .background-4 {
        bottom: 26%;
    }

    .background-2 {
        bottom: 22%;
        left: 8%;
    }

    .background-1 {
        right: 14%;
    }

    .faq-background-2 {
        bottom: 26%;
        left: 22%;
    }

    .faq-background-1 {
        height: 18%;
        top: 25%;
        right: 27%;
    }

    .small-text {
        font-size: 20px;
    }

    .about-background-1 {
        bottom: 24%;
        left: 14%;
    }

    .about-background-3 {
        left: 4%;
    }

    .about-background-4 {
        right: 11%;
    }

    .values-wrap {
        grid-column-gap: 60px;
        grid-template-columns: .75fr 1fr;
    }

    .column-calues {
        padding-left: 40px;
        padding-right: 40px;
    }

    .testimonials-card-item {
        padding: 30px;
    }

    .testimonials-card-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .testominials-cards-banner {
        padding-bottom: 130px;
    }

    .paper-plane-img {
        top: 41%;
        left: 14%;
    }

    .background-10 {
        left: 14%;
    }

    .background-11 {
        right: 15%;
    }

    .team-img-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .arrow-about-3 {
        bottom: -6%;
        right: 15%;
    }

    .background-2-about-3 {
        left: 21%;
    }

    .background-12 {
        bottom: -13%;
    }

    .folders {
        width: 5%;
        top: 10%;
        left: 41%;
    }

    .background-14 {
        top: 37%;
        right: 34%;
    }

    .pricing-background-1 {
        width: 7%;
        left: 33%;
    }

    .pricing-background-2 {
        right: 19%;
    }

    .pricing-2-backgrouns-1 {
        bottom: 6%;
        left: 21%;
    }

    .pricing-2-backgrouns-3 {
        display: block;
        position: absolute;
        inset: 20% auto auto 21%;
    }

    .pricing-3-background {
        width: 10%;
        bottom: 14%;
        left: 22%;
    }

    .contact-img {
        top: 37%;
        right: 31%;
    }

    .sign-background-2 {
        right: 16%;
    }

    .collection-list-shop, .collection-list-category {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .backgroun-category-img {
        top: 41%;
        left: 25%;
    }

    .checkout-form {
        padding-bottom: 60px;
    }

    .collection-list-products {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .product-wrapper {
        grid-column-gap: 60px;
        align-items: start;
    }

    .collection-list-details {
        grid-column-gap: 40px;
    }

    ._404 {
        font-size: 140px;
    }

    .shop-background-1 {
        top: 32%;
    }

    .shop-background-2 {
        right: 13%;
    }

    .shop-background-3 {
        bottom: 13%;
    }

    .process-background {
        bottom: -17%;
    }

    .background-img {
        width: 8%;
        top: 27%;
        left: 22%;
    }

    .background-img-1 {
        top: 35%;
        right: 16%;
    }
}

@media screen and (min-width: 1440px) {
    h1, h2, h3, h4 {
        margin-bottom: 10px;
    }

    .section.blog-classic-banner, .section.banner-our-process, .section.banner-career, .section.pricing-banner, .section.job-position-banner, .section.contacts-banner, .section.banner-faq, .section.banner-testimonials {
        padding-top: 200px;
    }

    .section.home-1 {
        padding-top: 180px;
    }

    .section.home-4-banner {
        padding-top: 220px;
    }

    .section.relative-spasing {
        padding-top: 20px;
    }

    .section.pricing-2-banner, .section.licensing-banner {
        padding-top: 200px;
    }

    .home-testimonials-mask {
        width: 80%;
    }

    .home-testimonials-slider-arrow {
        left: -5%;
    }

    .home-testimonials-slider-arrow.right {
        left: 74.5%;
    }

    .home-testimonials-slider {
        margin-left: 20%;
    }

    .testimonials-text-wrapper {
        padding: 40px 60px;
    }

    .about-img._1 {
        width: 380px;
    }

    .about-img._3 {
        width: 400px;
    }

    .about-img._4 {
        width: 300px;
    }

    .about-img._2 {
        width: 390px;
    }

    .our-services-wrap {
        align-items: center;
    }

    .section-with-blue-bg {
        padding-left: 100px;
        padding-right: 100px;
    }

    .message-img {
        left: 16.5%;
    }

    .backgrouns-img-10 {
        right: 24%;
    }

    .backgrouns-img-13 {
        right: 12%;
    }

    .sticky-1, .sticky-2, .sticky-3 {
        grid-column-gap: 80px;
    }

    .backgrouns-img-12 {
        bottom: 71%;
    }

    .backgrouns-img-18 {
        bottom: 88%;
        left: 18%;
    }

    .backgrouns-img-19 {
        bottom: 61%;
        right: 35%;
    }

    .love-img {
        right: 18%;
    }

    .banner-title-home-2 {
        padding-left: 30px;
    }

    .backgrouns-home-2 {
        width: 46%;
    }

    .img-banner-home-2 {
        width: 57%;
    }

    .heard-home-2 {
        right: 6%;
    }

    .img-8-home-2 {
        left: 21%;
    }

    .img-7-home-2 {
        right: 18%;
    }

    .home-3-img {
        left: 18%;
    }

    .home-3-img-2 {
        right: 13%;
    }

    .home-3-img-3 {
        bottom: 19%;
        left: 10%;
    }

    .backgrouns-img-22 {
        left: 20%;
    }

    .home-3-img-4 {
        left: 34%;
    }

    .screen-img-2 {
        width: 75%;
    }

    .arrow-img {
        width: 80%;
        bottom: 24%;
    }

    .banner-home-4 {
        align-items: center;
    }

    .banner-img-home-4 {
        height: 80%;
        bottom: -9px;
        right: 10%;
    }

    .white-opacity._w-90 {
        width: 80%;
    }

    .img-3-home-4 {
        right: 47%;
    }

    .background-home-4 {
        width: 57%;
    }

    .relative-title {
        top: 60px;
    }

    .services-img-7 {
        left: 0%;
    }

    .services-img-8 {
        bottom: -26%;
    }

    .img-3-background-home-5 {
        right: 6%;
    }

    .img-5-background-home-5 {
        right: 10%;
    }

    .img-2-background-home-5 {
        left: 16%;
    }

    .img-background-home-5 {
        top: 27%;
        right: 8%;
    }

    .border-banner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .background-3 {
        width: 7%;
        top: 20%;
        left: 5%;
    }

    .background-4 {
        width: 7%;
        bottom: 20%;
        right: 5%;
    }

    .background-2 {
        left: 17%;
    }

    .faq-background-2 {
        left: 26%;
    }

    .faq-background-1 {
        top: 24%;
        right: 30%;
    }

    .contact-img-absolute {
        height: 95%;
    }

    .about-background-1 {
        bottom: 19%;
        left: 19%;
    }

    .about-background-3 {
        left: 11%;
    }

    .about-background-4 {
        right: 18%;
    }

    .about-background-2 {
        right: 28%;
    }

    .arrow {
        width: 30%;
    }

    .paper-plane-img, .background-10 {
        left: 18%;
    }

    .background-11 {
        right: 21%;
    }

    .arrow-about-3 {
        right: 20%;
    }

    .background-about-3 {
        width: 12%;
        right: 21%;
    }

    .background-12 {
        width: 10%;
        right: 13%;
    }

    .background-14 {
        right: 36%;
    }

    .pricing-2-backgrouns-1 {
        bottom: 7%;
        left: 22%;
    }

    .pricing-2-backgrouns-2 {
        top: 30%;
        right: 19%;
    }

    .pricing-3-background {
        width: 8%;
        bottom: 18%;
        left: 26%;
    }

    .blog-background-1 {
        right: 22%;
    }

    .blog-background-2 {
        left: 20%;
    }

    .sign-background-1 {
        left: 15%;
    }

    .sign-background-2 {
        top: 47%;
        right: 25%;
    }

    .sign-background-3 {
        left: 23%;
    }

    .sign-background-4 {
        right: 17%;
    }

    .backgroun-category-img {
        top: 39%;
        left: 28%;
    }

    .shop-background-1 {
        left: 35%;
    }

    .shop-background-2 {
        right: 19%;
    }

    .shop-background-4 {
        right: 28%;
    }

    .background-img {
        width: 7%;
        left: 25%;
    }

    .background-img-1 {
        top: 32%;
    }

    .background-img-3 {
        left: 15%;
    }
}

@media screen and (min-width: 1920px) {
    .section.home-2 {
        padding-top: 200px;
    }

    .section.banner-home-3 {
        padding-top: 180px;
    }

    .section.banner-img {
        background-position: 85% 85%;
    }

    .section.home-5 {
        height: 84vh;
        padding-top: 180px;
    }

    .home-testimonials-mask {
        width: 70%;
    }

    .home-testimonials-slider-arrow {
        left: -4.5%;
    }

    .home-testimonials-slider-arrow.right {
        left: 65.5%;
    }

    .home-testimonials-slider {
        margin-left: 26%;
    }

    .about-img._1 {
        width: 420px;
        left: 16%;
    }

    .about-img._3 {
        width: 430px;
        top: 20%;
        left: 54%;
    }

    .about-img._4 {
        left: 48%;
    }

    .section-with-blue-bg {
        padding-left: 180px;
        padding-right: 180px;
    }

    .message-img {
        left: 23.5%;
    }

    .backgrouns-img-7 {
        width: 18%;
    }

    .backgrouns-img-8 {
        right: 15%;
    }

    .backgrouns-img-9 {
        right: 37%;
    }

    .backgrouns-img-10 {
        width: 2%;
        right: 31%;
    }

    .backgrouns-img-13 {
        right: 20%;
    }

    .backgrouns-img-14 {
        left: 20%;
    }

    .backgrouns-img-11 {
        top: 14%;
        right: 23%;
    }

    .backgrouns-img-12 {
        bottom: 68%;
        left: 36%;
    }

    .backgrouns-img-12.about {
        left: 28%;
    }

    .backgrouns-img-18 {
        bottom: 81%;
        left: 25%;
    }

    .love-img {
        right: 24%;
    }

    .banner-title-home-2 {
        padding-left: 40px;
    }

    .img-6-home-2 {
        top: 32%;
        right: 25%;
    }

    .backgrouns-home-2 {
        width: 47%;
    }

    .img-banner-home-2 {
        width: 56%;
    }

    .heard-home-2 {
        right: 17%;
    }

    .img-8-home-2 {
        left: 29%;
    }

    .img-8-home-2._11 {
        top: 10%;
    }

    .img-7-home-2 {
        right: 29%;
    }

    .arrow-img-banner {
        top: -31%;
        left: 12%;
    }

    .home-3-img {
        left: 26%;
    }

    .home-3-img-2 {
        right: 22%;
    }

    .home-3-img-3 {
        left: 21%;
    }

    .backgrouns-img-22 {
        left: 25%;
    }

    .content-home {
        grid-column-gap: 80px;
    }

    .home-3-img-4 {
        left: 38%;
    }

    .content-wrap.right-content {
        padding-left: 10px;
    }

    .arrow-img {
        left: 23%;
    }

    .banner-img-home-4 {
        height: 85%;
        right: 12%;
    }

    .line-yellow {
        height: 55%;
        bottom: 39%;
        right: 27%;
    }

    .img-home-4 {
        right: 15%;
    }

    .img-3-home-4 {
        top: 58%;
    }

    .background-home-4 {
        width: 47%;
    }

    .img-5-home-4 {
        right: 16%;
    }

    .services-img-7 {
        width: 75%;
    }

    .img-3-background-home-5 {
        width: 5%;
        right: 17%;
    }

    .img-5-background-home-5 {
        top: 22%;
        right: 19%;
    }

    .img-4-background-home-5 {
        width: 9%;
        height: 28%;
        left: 22%;
    }

    .img-2-background-home-5 {
        left: 23%;
    }

    .img-background-home-5 {
        right: 19%;
    }

    .background-3 {
        left: 9%;
    }

    .background-4 {
        right: 9%;
    }

    .background-2 {
        left: 21%;
    }

    .background-1 {
        right: 24%;
    }

    .faq-background-2 {
        left: 31%;
    }

    .faq-background-1 {
        right: 34%;
    }

    .about-background-1 {
        bottom: 20%;
        left: 26%;
    }

    .about-background-3 {
        left: 22%;
    }

    .about-background-4 {
        right: 24%;
    }

    .about-background-2 {
        right: 35%;
    }

    .arrow {
        width: 22%;
    }

    .paper-plane-img {
        left: 26%;
    }

    .background-10 {
        left: 29%;
    }

    .background-11 {
        right: 28%;
    }

    .arrow-about-3 {
        bottom: -2%;
        right: 28%;
    }

    .background-about-3 {
        right: 28%;
    }

    .background-2-about-3 {
        left: 28%;
    }

    .background-12 {
        width: 8%;
        right: 22%;
    }

    .backgrouns-img-1 {
        left: 26%;
    }

    .background-13 {
        right: 25%;
    }

    .background-14 {
        right: 39%;
    }

    .pricing-background-1 {
        width: 5%;
        bottom: 16%;
        left: 37%;
    }

    .pricing-background-2 {
        right: 28%;
    }

    .pricing-background-3 {
        left: 30%;
    }

    .pricing-2-backgrouns-1 {
        left: 29%;
    }

    .pricing-2-backgrouns-2 {
        right: 28%;
    }

    .pricing-2-backgrouns-3 {
        top: 23%;
        left: 30%;
    }

    .pricing-3-background-1 {
        width: 45%;
    }

    .pricing-3-background {
        width: 7%;
        left: 31%;
    }

    .blog-background-1 {
        right: 29%;
    }

    .blog-background-2 {
        left: 28%;
    }

    .contact-img {
        right: 37%;
    }

    .sign-background-1 {
        left: 24%;
    }

    .sign-background-2 {
        right: 34%;
    }

    .sign-background-3 {
        top: 44%;
        left: 32%;
    }

    .sign-background-4 {
        right: 24%;
    }

    .backgroun-category-img {
        left: 32%;
    }

    ._404 {
        font-size: 160px;
    }

    .shop-background-2 {
        right: 26%;
    }

    .shop-background-3 {
        left: 23%;
    }

    .shop-background-4 {
        right: 34%;
    }

    .process-background {
        bottom: -13%;
        right: 24%;
    }

    .background-img {
        width: 6%;
        top: 25%;
        left: 27%;
    }

    .background-img-1 {
        top: 28%;
        right: 21%;
    }

    .background-img-2 {
        top: 14%;
        right: 33%;
    }

    .background-img-3 {
        left: 17%;
    }
}

@media screen and (min-width: 1200px) {
    .brand-logo {
        width: 650px;
        top: -5px;
        left: -380px;
    }
}

@media screen and (max-width: 991px) {
    .presentation-Idiba {
        margin-top: 250px;
    }

    .img-banner-home-2 {
        top: 200px;
    }

    .logo-img {
       height: 200px;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 36px;
    }

    blockquote {
        background-position: -20% 0;
    }

    .section.changelog-banner {
        padding-top: 120px;
    }

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

    .section.banner-our-team {
        min-height: 300px;
    }

    .section.banner-our-process, .section.banner-career, .section.pricing-banner, .section.job-position-banner, .section.contacts-banner, .section.banner-faq, .section.banner-testimonials {
        padding-top: 140px;
    }

    .section.landing-banner {
        padding-top: 120px;
    }

    .section.home-1 {
        height: auto;
    }

    .section.home-2 {
        height: auto;
        padding-top: 140px;
    }

    .section.line-background {
        background-position: 0 20%;
        padding-top: 0;
    }

    .section.banner-home-3 {
        padding-top: 140px;
    }

    .section.home-4-banner {
        height: auto;
        padding-top: 140px;
        display: block;
    }

    .section.img-line {
        background-position: 50% 17%;
    }

    .section.home-5 {
        height: auto;
        display: block;
    }

    .section.relative-spasing {
        padding-top: 80px;
    }

    .section.about-us-2-banner {
        padding-top: 140px;
    }

    .section.sign {
        height: auto;
        padding-top: 140px;
    }

    .section.shop-banner, .section.category-banner, .section.details-page {
        padding-top: 120px;
    }

    .section.licensing-banner {
        padding-top: 140px;
    }

    .grid-system {
        width: 100%;
    }

    .grid-description.first-description {
        text-align: center;
    }

    .spacing-system-image {
        width: 75%;
    }

    .spacing-wrapper-mobile {
        width: 70%;
    }

    .spacing-columns {
        flex-flow: wrap;
        display: flex;
    }

    .bottom-style-spacing-desktop {
        bottom: 6%;
    }

    .top-style-spacing-desktop {
        top: 4%;
    }

    .middle-style-spacing-desktop {
        top: 30%;
    }

    .spasing-system-image-mobile {
        width: 70%;
    }

    .colors-wrapper {
        margin-right: 40px;
    }

    .colors-container {
        flex-wrap: wrap;
    }

    .headings-typography-wrapper {
        width: 100%;
        margin-bottom: 30px;
    }

    .headings-typography-wrapper.last-child {
        margin-bottom: 30px;
    }

    .style-guide-body-wrapper {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .primary-button.navbar-hidden {
        display: none;
    }

    .top-style-spacing-mobile {
        top: 3%;
    }

    .middlr-style-spacing-mobile {
        top: 26%;
    }

    .bottom-style-spacing-mobile {
        bottom: 6%;
    }

    .navbar {
        background-color: var(--white-smoke);
    }

    .nav-menu {
        background-color: var(--white);
        flex-direction: column;
        width: 360px;
        inset: 0% auto 0% 0%;
    }

    .menu-button {
        text-align: right;
        padding: 0;
    }

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

    .nav-link {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 0 10px 15px;
        display: flex;
    }

    .nav-dropdown {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        transition: opacity .5s;
        display: flex;
        overflow: hidden;
    }

    .nav-dropdown-toggle {
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        display: flex;
    }

    .nav-dropdown-icon {
        margin-right: 15px;
        display: block;
        inset: 0% 0 0% auto;
    }

    .nav-dropdown-list {
        border-style: none;
        flex-direction: column;
        width: auto;
        padding: 0 40px 0 20px;
        display: flex;
        position: static;
    }

    .nav-dropdown-list.w--open {
        box-shadow: none;
        background-color: #0000;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        position: static;
    }

    .nav-dropdown-list.megamenu {
        align-items: flex-start;
        height: 270px;
        padding-left: 20px;
        padding-right: 40px;
        overflow: scroll;
    }

    .nav-dropdown-list.megamenu.w--open {
        width: auto;
    }

    .nav-dropdown-link-wrapper {
        flex-flow: wrap;
        padding-right: 0;
    }

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

    .nav-dropdown-link {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .close-button-wrap {
        justify-content: space-between;
        align-items: center;
        padding: 20px 13px 20px 15px;
        display: flex;
    }

    .close-menu-button {
        padding-bottom: 0;
    }

    .close-menu-button.w--open {
        background-color: var(--white);
        padding: 0 10px 0 0;
    }

    .nav-close-icon {
        z-index: 15;
        align-self: stretch;
        max-width: 60%;
    }

    .nav-item-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .style-guide-banner-section {
        padding-top: 140px;
    }

    .logo-mobile {
        display: block;
    }

    .logo-mobile.w--current {
        margin-bottom: 0;
        display: block;
    }

    .licensing-grid.last-child {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .licensing-paragraph {
        width: 100%;
    }

    .coming-soon-wrapper {
        align-items: center;
        margin-right: 0;
    }

    .coming-soon-paragraph {
        margin-bottom: 30px;
    }

    .coming-soon-page-wrap {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
    }

    .coming-soon-heading {
        text-align: center;
        font-size: 56px;
    }

    .blog-classic-top-content {
        padding: 30px 40px 25px;
    }

    .blog-classic-bottom-content {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .blog-classic-bottom-content.details {
        padding-bottom: 20px;
    }

    .blog-classic-post-description {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .blog-template-date {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .footer-rights-wrapper {
        width: 75%;
    }

    .section-title-wrapper.mt-20 {
        margin-bottom: 20px;
    }

    .section-title-wrapper.clients {
        width: 65%;
    }

    .process-item-wrapper {
        align-items: flex-start;
    }

    .process-number {
        width: 70px;
        height: 65px;
        margin-bottom: 20px;
        font-size: 55px;
    }

    .style-guide-button-wrapper {
        width: 100%;
    }

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

    .process-image {
        object-fit: cover;
        display: block;
    }

    .values-wrapper {
        grid-row-gap: 40px;
        flex-wrap: wrap-reverse;
    }

    .values-image-wrapper {
        width: 100%;
        max-height: 400px;
    }

    .values-content-wrapper {
        text-align: center;
        width: 100%;
        padding-left: 0;
    }

    .values-counter-wrapper {
        border-top-style: none;
        margin-top: 0;
    }

    .values-counter-item {
        padding: 30px;
    }

    .career-list-item-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .career-location, .career-location-wrapper, .career-type-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner-title-wrapper.faq {
        width: 80%;
    }

    .pricing-plans-wrapper {
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .pricing-plans-wrapper.mt-0 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .comparing-table-plan {
        margin-right: 15px;
    }

    .comparing-table-button-wrapper {
        padding-top: 35px;
    }

    .pricing-item {
        width: 31%;
    }

    .pricing-item.center-item {
        width: 38%;
    }

    .pricing-content {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-content.center-item {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .pricing-3-list-item {
        text-align: center;
        justify-content: center;
    }

    .pricing-features-wrapper {
        flex-wrap: wrap;
    }

    .pricing-features-wrap {
        grid-column-gap: 20px;
        width: 100%;
    }

    .pricing-features-item {
        justify-content: center;
        align-items: flex-start;
    }

    .coming-soon-image {
        width: 30%;
        display: none;
    }

    .job-position-content-wrapper {
        padding-right: 40px;
    }

    .job-position-sidebar-wrapper {
        padding: 20px;
        top: 20px;
    }

    .contacts-wrapper {
        align-items: flex-start;
    }

    .contacts-form-wrapper {
        background-position: 97% 15%;
        margin-left: 0;
        padding: 30px;
    }

    .contacts-location-slider {
        padding-right: 70px;
    }

    .contacts-left-arrow {
        right: 41px;
    }

    .contacts-right-arrow {
        right: 0;
    }

    .contacts-arrows-divider {
        right: 40px;
    }

    .contacts-title {
        margin-bottom: 40px;
    }

    .search-input:focus {
        border: 1px solid var(--primary);
    }

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

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

    .headings-container {
        flex-wrap: wrap;
    }

    .button-wrapper.center-tablet {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .primary-button-red:hover {
        opacity: 1;
    }

    .style-guide-content-wrapper {
        flex-wrap: wrap;
    }

    .about-1-video {
        width: 100%;
        min-height: 340px;
    }

    .nav-menu-shadow-overlay {
        background-color: var(--white);
        border-style: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 360px;
        height: 100vh;
        position: fixed;
        inset: 0% auto 0% 0%;
        box-shadow: 0 0 30px #00000026;
    }

    .landing-banner-image {
        max-width: 95%;
    }

    .landing-performance-grid {
        grid-column-gap: 80px;
        grid-row-gap: 60px;
    }

    .landing-features-grid, .landing-inner-pages-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .landing-inner-page-item.home-screen {
        margin-left: auto;
        margin-right: auto;
    }

    .landing-inner-page-item.tabler-hidden {
        display: block;
    }

    .landing-performance-item-title {
        max-width: 220px;
        font-size: 18px;
    }

    .megamenu-dropdown-wrapper {
        flex-direction: column;
    }

    .landing-home-pages-wrapper {
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-items: center;
    }

    .landing-download-block-wrapper {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        flex-wrap: wrap;
        justify-content: center;
        padding: 40px;
    }

    .landing-download-block-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .get-quote-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        padding-right: 60px;
    }

    .home-testimonials-mask {
        width: 90%;
    }

    .home-testimonials-slider-arrow {
        bottom: 35%;
        left: -8.5%;
    }

    .home-testimonials-slider-arrow.right {
        left: 81%;
    }

    .home-testimonials-slide {
        margin-right: 80px;
    }

    .testimonials-text-wrapper {
        padding: 15px;
    }

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

    .blog-section-title {
        margin-bottom: 60px;
    }

    .contacts-wrapper-grid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-4-testimonials-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 40px;
        flex-wrap: wrap;
        width: 80%;
        margin-top: 20px;
    }

    .testimonials-wrapper-2 {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-wrap: wrap;
        width: 80%;
        margin-top: 20px;
    }

    .about-img._1 {
        top: 7%;
        left: 15px;
    }

    .about-img._5 {
        top: 58%;
        bottom: 0;
        left: 60px;
    }

    .about-img._3 {
        width: 360px;
        top: 0%;
        right: 15px;
    }

    .about-img._4 {
        width: 240px;
        top: 57%;
        left: auto;
        right: 15px;
    }

    .about-img._2 {
        z-index: 5;
        top: 30%;
        left: 35%;
    }

    .subtitle {
        margin-bottom: 30px;
    }

    .service-card-paragraph {
        text-align: center;
    }

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

    .service-cars-heading {
        text-align: center;
    }

    .service-card {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        display: flex;
    }

    .content {
        margin-bottom: 0;
    }

    .industries-block-wrapper {
        max-width: 45vw;
    }

    .additional-features-wrapper {
        grid-column-gap: 0px;
        grid-row-gap: 60px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        place-items: center;
        display: grid;
    }

    .additional-features-left {
        text-align: center;
        width: 90%;
    }

    .additional-features-right {
        width: 75%;
    }

    .about-4-team-slide {
        width: 100%;
    }

    .nav-dropdown-link-line {
        display: none;
    }

    .subtitle-2 {
        margin-bottom: 30px;
    }

    .dropdown-nav-link {
        color: #222;
        padding-top: 12px;
        padding-bottom: 12px;
        font-family: Lato, sans-serif;
        font-weight: 700;
    }

    .dropdown-nav-link.w--current {
        color: #004ae2;
    }

    .home-2-solution {
        width: 48%;
    }

    .home-2-solution._2 {
        background-color: var(--sandy-brown);
    }

    .home-2-solution._3:hover {
        background-color: var(--plum);
    }

    .home-2-solution._4:hover, .home-2-solution._5 {
        background-color: #0000;
    }

    .home-2-solution._6 {
        background-color: var(--plum);
    }

    .home-2-icon {
        margin-top: 9px;
        position: relative;
        left: 38%;
    }

    .heading-2-second-style {
        font-size: 43px;
        line-height: 55px;
    }

    .container-light-bg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .container-light-bg.home-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .process-right-image {
        width: 35%;
        right: -2%;
    }

    .process-left-image {
        max-width: 25%;
        left: -2%;
    }

    .position-relative {
        padding-left: 0;
        padding-right: 0;
    }

    .basic-features-first-image {
        max-width: none;
        height: auto;
        max-height: none;
    }

    .basic-features-second-image {
        max-width: none;
        max-height: none;
    }

    .basic-features-wrapper {
        flex-flow: column wrap;
        justify-content: center;
    }

    .basic-features-right {
        text-align: center;
        width: 100%;
        margin-top: 60px;
    }

    .basic-features-left {
        width: 75%;
        min-height: 580px;
    }

    .integrations-left-block {
        width: 50%;
        margin-bottom: 60px;
    }

    .integrations-right-block {
        text-align: center;
        width: 100%;
    }

    .home-banner-left-arrow {
        inset: 20% auto auto 4%;
    }

    .info-footer {
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .subscribe-footer {
        background-position: 95% 30%;
    }

    .subscribe-title {
        width: auto;
    }

    .button-header-wrapper {
        width: auto;
        display: block;
    }

    .link-navbar.navbar-hidden {
        display: none;
    }

    .brand-logo {
        width: auto;
    }

    .message-img {
        width: 70px;
        top: 27%;
        left: 10%;
    }

    .banner-content-home-1 {
        grid-column-gap: 40px;
        grid-template-columns: 1.2fr 1fr;
    }

    .backgrouns-img-2 {
        top: -13%;
    }

    .backgrouns-img-7 {
        width: 25%;
    }

    .backgrouns-img-9 {
        top: 22%;
        right: 33%;
    }

    .customers-logo {
        grid-column-gap: 40px;
    }

    .backgrouns-img-14 {
        top: 11%;
        left: 6%;
    }

    .check-info-wrapper {
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .sticky-1 {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        flex-direction: column;
        justify-content: center;
        height: 450px;
        padding: 20px 30px;
    }

    .sticky-2 {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        flex-direction: column;
        justify-content: center;
        height: 450px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .sticky-3 {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        flex-direction: column;
        justify-content: center;
        height: 450px;
        padding: 30px;
    }

    .info-content-data {
        text-align: center;
    }

    .services-wrapper-home {
        text-align: center;
        margin-right: 0;
    }

    .phone-img {
        width: 8%;
    }

    .info-data-img.sticky-3-img {
        height: 45%;
    }

    .backgrouns-img-11 {
        top: 4%;
        right: 12%;
    }

    .backgrouns-img-12 {
        bottom: 73%;
    }

    .number-info {
        margin-right: 15px;
    }

    .love-img {
        top: 45%;
        right: 13%;
    }

    .backgrouns-img-20 {
        top: 16%;
        right: 10%;
    }

    .software-wrapper-img {
        padding: 40px;
    }

    .instagram-wrapper {
        top: 5%;
        left: -14%;
    }

    .google-wrapper-img {
        right: -22%;
    }

    .messenger-wrapper-img {
        left: -28%;
    }

    .google-disk-wrapper-img {
        right: -4%;
    }

    .google-disk-img {
        width: 35px;
    }

    .insta-img, .google-img, .messenger-img {
        width: 40px;
    }

    .banner-title-home-2 {
        text-align: center;
        width: 85%;
    }

    .backgrouns-home-2 {
        width: 100%;
        height: 45%;
    }

    .content-banner-home-2 {
        grid-row-gap: 60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .img-banner-home-2 {
        width: 70%;
    }

    .img-4-home-2 {
        bottom: 45%;
    }

    .img-7-home-2 {
        top: 25%;
    }

    .arrow-img-banner {
        top: -6%;
        left: 40%;
    }

    .home-3-img {
        top: 17%;
    }

    .home-3-img-3 {
        height: 35%;
        bottom: 19%;
    }

    .content-home, .content-home.center {
        grid-template-columns: 1fr 1fr;
    }

    .img-wrap.banner-home-5 {
        background-image: none;
        top: 0;
    }

    .home-3-img-4 {
        left: 39%;
    }

    .screen-img {
        width: 70%;
    }

    .screen-img-2 {
        width: 78%;
    }

    .arrow-img {
        width: 94%;
        bottom: 17%;
        left: 9%;
    }

    .arrow-img.about-us-3 {
        left: 9%;
    }

    .heard-img {
        right: 36%;
    }

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

    .team-wrapper {
        height: 420px;
    }

    .info-team {
        background-position: 20px 10px;
        background-size: auto;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .info-team.color-2 {
        padding-top: 15px;
        position: absolute;
    }

    .info-team.color-3 {
        padding-top: 15px;
    }

    .info-team.color-4 {
        align-items: center;
        padding-top: 15px;
    }

    .banner-img-home-4 {
        height: 72%;
    }

    .line-yellow {
        height: 35%;
        bottom: 55%;
    }

    .content-banner-home-4 {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .img-2-home-4 {
        bottom: 9%;
    }

    .img-3-home-4 {
        right: 37%;
    }

    .background-home-4 {
        width: 75%;
    }

    .img-5-home-4 {
        right: 6%;
    }

    .services-home-5 {
        grid-template-columns: 1fr 1fr;
    }

    .color-1 {
        justify-content: flex-start;
        min-height: 380px;
        padding-top: 40px;
    }

    .color-2, .color-3 {
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        min-height: 380px;
        padding-top: 40px;
        position: relative;
    }

    .color-4 {
        align-items: flex-start;
        min-height: 380px;
        padding-top: 40px;
    }

    .tabs-menu-services {
        justify-content: center;
    }

    .content-2-home-5 {
        width: 100%;
        padding-right: 40px;
    }

    .services-img-2 {
        width: 55%;
        margin-left: auto;
        position: absolute;
        inset: auto 0% -24% auto;
    }

    .services-img-2.personal {
        bottom: 0%;
    }

    .services-img-3 {
        margin-left: auto;
        position: absolute;
        inset: auto 0% 15% auto;
    }

    .services-img-4 {
        width: 100%;
        height: 90%;
    }

    .relative-title {
        text-align: center;
        align-items: center;
        margin-bottom: 60px;
        margin-right: 0;
        position: static;
    }

    .services-img-7 {
        width: 98%;
        bottom: 0%;
        left: 0%;
    }

    .services-img-8 {
        height: auto;
        bottom: -28%;
    }

    .team-home-5 {
        grid-template-rows: 1fr auto auto;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-member-1 {
        object-fit: cover;
        height: 100%;
    }

    .team-member-2 {
        width: 100%;
    }

    .info-work-1 {
        grid-row-gap: 50px;
    }

    .team-member-3 {
        width: 100%;
    }

    .work {
        box-shadow: none;
        border-width: 0;
        display: none;
    }

    .number {
        font-size: 55px;
    }

    .text {
        font-size: 35px;
    }

    .img-3-background-home-5 {
        top: 7%;
    }

    .banner-wrapper-home-5 {
        grid-column-gap: 60px;
    }

    .grid-4 {
        grid-column-gap: 20px;
        width: 95%;
    }

    .color-tab-1 {
        justify-content: flex-start;
        min-height: 380px;
        padding-top: 40px;
    }

    .img-5-background-home-5 {
        top: 22%;
    }

    .img-4-background-home-5 {
        width: 15%;
        height: auto;
    }

    .img-2-background-home-5._15 {
        top: 4%;
    }

    .img-background-home-5 {
        top: 11%;
    }

    .img-background-home-5._16 {
        top: 6%;
    }

    .border-banner {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .info-about {
        font-size: 55px;
    }

    .faq-background-2 {
        bottom: 10%;
        left: 14%;
    }

    .faq-background-1 {
        height: 18%;
        top: 17%;
        right: 16%;
    }

    .contact {
        text-align: left;
        align-self: flex-start;
    }

    .small-text {
        font-size: 24px;
    }

    .work-wrap {
        display: none;
    }

    .values-wrap {
        grid-row-gap: 40px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .arrow {
        width: 25%;
    }

    .title-values {
        width: 80%;
    }

    .testimonials-card-wrapper {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .testimonials-card-title {
        font-size: 20px;
    }

    .paper-plane-img {
        left: 6%;
    }

    .info-wrapper {
        grid-row-gap: 60px;
        flex-direction: column;
        align-items: center;
    }

    .content-info {
        text-align: center;
        width: 80%;
    }

    .arrow-about-3 {
        bottom: -6%;
        right: 5%;
    }

    .info-grid {
        width: 100%;
    }

    .background-about-3 {
        bottom: 78%;
        right: 2%;
    }

    .background-2-about-3 {
        left: 9%;
    }

    .folders {
        top: 0%;
        left: 55%;
    }

    .background-14 {
        right: 31%;
    }

    .pricing-background-1 {
        width: 10%;
        left: 17%;
    }

    .pricing-2-backgrouns-1 {
        width: 15%;
        bottom: 0%;
        left: 12%;
    }

    .pricing-3-background {
        bottom: 16%;
    }

    .contact-img {
        top: 37%;
        right: 26%;
    }

    .sign-background-2 {
        top: 69%;
        right: 16%;
    }

    .sign-background-3 {
        top: 49%;
        left: 13%;
    }

    .sign-background-4 {
        top: 12%;
        right: 8%;
    }

    .collection-list-shop, .collection-list-category {
        grid-template-columns: 1fr 1fr;
    }

    .backgroun-category-img {
        top: 37%;
        left: 13%;
    }

    .checkout-form, .paypal-checkout-form, .order-confirmation {
        padding-top: 120px;
        padding-bottom: 40px;
    }

    .collection-list-products {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        place-content: center;
        place-items: center;
        display: grid;
    }

    .product-wrapper {
        grid-row-gap: 40px;
        align-items: start;
    }

    .shop-background-1 {
        top: 34%;
        left: 25%;
    }

    .process-background {
        bottom: -31%;
        right: 7%;
    }

    .heard-image {
        top: -6%;
        right: -21%;
    }

    .background-img {
        left: 18%;
    }

    .background-img-3 {
        top: 26%;
        left: 7%;
    }

    .promotion-labels-wrapper, .promotion-label-holder {
        display: none;
    }

    .promotion-label-left {
        max-width: 380px;
    }
}

@media screen and (max-width: 679px) {
    .w-input {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-flex {
        grid-column-gap: 15px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 990px) {
    .home-2-icon {
        left: 10%;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 32px;
    }

    blockquote {
        font-size: 18px;
    }

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

    .section.blog-classic-banner, .section.banner-our-process, .section.banner-career {
        padding-top: 120px;
    }

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

    .section.job-position-banner, .section.contacts-banner, .section.banner-faq {
        padding-top: 120px;
    }

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

    .section.without-top-spacing {
        padding-top: 0;
    }

    .section.home-1, .section.home-2, .section.banner-home-3 {
        padding-top: 120px;
    }

    .section.banner-img {
        background-position: 93%;
    }

    .section.home-4-banner {
        padding-top: 120px;
        padding-bottom: 0;
    }

    .section.img-line {
        background-position: 50% 14%;
    }

    .section.home-5 {
        padding-bottom: 80px;
    }

    .section.relative-spasing {
        padding-top: 60px;
    }

    .section.pricing-3-banner {
        padding-bottom: 110px;
    }

    .section.sign, .section.licensing-banner {
        padding-top: 120px;
    }

    .grid-system-wrapper {
        flex-direction: row;
        margin-top: 15px;
    }

    .grid-system {
        border-left: 1px solid #7c7c7c;
        flex-direction: column;
    }

    .grid-title {
        border-bottom: 1px solid #7c7c7c;
        border-right-style: none;
        width: 100%;
    }

    .grid-title.first-grid {
        border-left-style: none;
        border-right-style: none;
        width: 100%;
    }

    .grid-description {
        border-top: 1px solid #a7a7a7;
        border-bottom-style: none;
        border-right-width: 1px;
        align-items: center;
        width: 100%;
    }

    .grid-description.first-description {
        border-width: 1px 1px .5px 0;
        border-top-style: none;
        border-top-color: #a7a7a7;
        border-bottom-style: none;
        border-left-style: none;
        width: 100%;
    }

    .grid-description.last-description {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-right-width: 1px;
    }

    .spacing-system-column {
        margin-top: 20px;
        padding-right: 20px;
    }

    .spacing-wrapper-mobile {
        margin-top: 30px;
    }

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

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

    .bottom-style-spacing-desktop {
        bottom: 10%;
    }

    .top-style-spacing-desktop {
        top: 10%;
    }

    .spacing-wrapper {
        margin-top: 30px;
    }

    .middle-style-spacing-desktop {
        top: 34%;
    }

    .colors-wrapper {
        margin-top: 20px;
        margin-right: 0;
    }

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

    .headers-wrapper {
        width: 100%;
        margin-top: 10px;
    }

    .style-guide-body-wrapper {
        width: 100%;
        margin-top: 20px;
    }

    .primary-button.full-width-mobile, .primary-button.search-button {
        width: 100%;
    }

    .style-guide-div {
        margin-top: 30px;
    }

    .top-style-spacing-mobile {
        top: 7%;
    }

    .middlr-style-spacing-mobile {
        top: 31%;
    }

    .bottom-style-spacing-mobile {
        bottom: 9%;
    }

    .grid-header {
        width: 100%;
        margin-top: 30px;
    }

    .link-wrapper {
        width: 100%;
        margin-bottom: 10px;
    }

    .nav-menu {
        background-color: #0000;
        width: 100%;
    }

    .nav-link {
        margin-left: 0;
    }

    .nav-dropdown {
        padding-right: 15px;
    }

    .nav-dropdown-toggle {
        padding-right: 0;
    }

    .nav-dropdown-icon {
        margin-right: -15px;
        right: 20px;
    }

    .nav-dropdown-list.megamenu {
        padding-left: 40px;
    }

    .nav-dropdown-link {
        font-size: 18px;
    }

    .close-menu-button.w--open {
        padding-right: 0;
    }

    .style-guide-banner-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .licensing-title-wrapper {
        margin-bottom: 20px;
    }

    .licensing-images-wrapper {
        padding-top: 10px;
    }

    .licensing-grid {
        grid-template-columns: 1fr;
        padding-bottom: 40px;
    }

    .licensing-grid.last-child {
        grid-template-columns: 1fr 1fr;
    }

    .licensing-title {
        padding-bottom: 20px;
    }

    .licensing-fonts-wrapper {
        flex-wrap: wrap;
    }

    .licensing-paragraph {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .licensing-paragraph.last-item {
        margin-bottom: 0;
    }

    .licensing-font-title {
        margin-bottom: 10px;
    }

    .licensing-icons-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .password-image {
        width: 100px;
    }

    ._404-paragraph {
        margin-bottom: 30px;
    }

    .coming-soon-wrapper {
        margin-left: 0%;
    }

    .coming-soon-input {
        min-width: 240px;
    }

    .coming-soon-heading {
        font-size: 44px;
    }

    .blog-classic-top-content {
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog-classic-bottom-content {
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog-template-wrapper {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-rights-wrapper {
        flex-wrap: wrap;
        width: 100%;
    }

    .section-title-wrapper {
        width: 65%;
        margin-bottom: 40px;
    }

    .section-title-wrapper.mt-20 {
        margin-bottom: 40px;
    }

    .section-title-wrapper.customers {
        width: 100%;
    }

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

    .process-item-wrapper {
        grid-row-gap: 40px;
        flex-wrap: wrap;
    }

    .process-item-wrapper.reverse {
        flex-wrap: wrap-reverse;
    }

    .process-image-wrapper, .process-content {
        width: 100%;
    }

    .process-content.reverse {
        width: 100%;
        padding-right: 0;
    }

    .process-paragraph {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .style-guide-buttons-wrapper {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .style-guide-button-wrapper {
        width: 100%;
    }

    .style-guide-button-wrapper.last-child {
        margin-bottom: 0;
    }

    .text-button-icon {
        margin-top: 2px;
    }

    .free-trial-title {
        margin-bottom: 20px;
    }

    .process-content-wrapper {
        flex-wrap: wrap;
        width: 100%;
    }

    .values-counter-item {
        margin-right: 20px;
    }

    .career-list-item-wrapper {
        flex-wrap: wrap;
        padding-bottom: 25px;
    }

    .career-position {
        margin-top: 0;
        margin-bottom: 0;
    }

    .career-button-wrapper {
        text-align: center;
        width: 100%;
    }

    .career-title-mobile {
        color: var(--sandy-brown);
        display: block;
    }

    .career-position-wrapper, .career-location-wrapper, .career-type-wrapper {
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .pricing-plans-wrapper {
        flex-direction: column;
        grid-template-columns: 1fr;
        justify-items: center;
        display: flex;
    }

    .pricing-plan-item {
        align-self: center;
    }

    .comparing-table-plans-wrapper {
        flex-wrap: wrap;
    }

    .comparing-table-plan-title {
        min-height: 140px;
    }

    .comparing-table-plan {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .accordion-wrapper {
        flex-wrap: wrap;
    }

    .accordion-wrap {
        width: 100%;
        margin-right: 0;
    }

    .pricing-wrapper {
        grid-row-gap: 30px;
        flex-wrap: wrap;
    }

    .pricing-wrapper.pricing-3 {
        margin-top: -50px;
    }

    .pricing-item, .pricing-item.center-item {
        width: 100%;
    }

    .pricing-content, .pricing-content.center-item {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pricing-features-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr;
    }

    .pricing-features-item {
        text-align: center;
        align-items: center;
    }

    .job-position-wrapper {
        flex-wrap: wrap;
    }

    .job-position-content-wrapper {
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0;
    }

    .job-position-sidebar-wrapper {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 40px;
        padding-right: 40px;
        position: relative;
        top: 0;
    }

    .contacts-wrapper {
        flex-wrap: wrap;
    }

    .contacts-content-wrapper {
        width: 100%;
        margin-bottom: 30px;
        padding-right: 0;
    }

    .contacts-form-wrapper {
        background-position: 99% 15%;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contacts-location-slider {
        padding-right: 100px;
    }

    .contacts-title, .search-result-item {
        margin-bottom: 20px;
    }

    .customers-grid {
        grid-row-gap: 20px;
    }

    .about-1-video {
        min-height: 280px;
    }

    .about-3-content-wrap {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about-3-content-wrapper {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .about-3-tab-link.w--current {
        font-size: 20px;
    }

    .landing-performance-grid {
        grid-column-gap: 80px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .landing-features-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .landing-inner-pages-wrapper {
        grid-template-columns: 1fr;
    }

    .landing-home-pages-wrapper {
        grid-row-gap: 40px;
        display: flex;
    }

    .landing-download-block-wrap {
        margin-bottom: 30px;
    }

    .get-quote-wrapper {
        padding-right: 30px;
    }

    .home-testimonials-mask {
        width: 95%;
    }

    .home-testimonials-slider-arrow {
        bottom: 87%;
        left: 20%;
    }

    .home-testimonials-slider-arrow.right {
        left: 60%;
    }

    .home-testimonials-slider {
        margin-left: 6%;
        padding-top: 60px;
    }

    .home-testimonials-slide {
        margin-right: 15px;
    }

    .testimonials {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .blog-section-title {
        margin-bottom: 40px;
    }

    .contacts-wrapper-grid {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .section-title-center {
        margin-bottom: 40px;
    }

    .home-4-testimonials-wrapper {
        grid-row-gap: 30px;
        width: 100%;
    }

    .testimonials-wrapper-2 {
        width: 100%;
    }

    .career-collection-list-wrapper {
        margin-bottom: 20px;
    }

    .about-img {
        width: 100%;
        max-height: 420px;
    }

    .about-img._1, .about-img._5, .about-img._3, .about-img._4, .about-img._2 {
        width: 100%;
        position: static;
    }

    .subtitle {
        line-height: 16px;
    }

    .our-services-wrap {
        grid-row-gap: 10px;
        width: 100%;
    }

    .our-services-grid {
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
    }

    .service-cars-heading {
        text-align: center;
    }

    .service-card {
        padding-left: 20px;
        padding-right: 20px;
    }

    .video-lightbox-home-3 {
        height: 340px;
    }

    .content-wrapper {
        flex-wrap: wrap;
        width: auto;
    }

    .industries-block-wrapper {
        max-width: none;
    }

    .additional-features-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-wrap: wrap;
    }

    .additional-features-left {
        width: 100%;
    }

    .additional-features-right {
        order: -1;
        width: 100%;
    }

    .home-9-team-item {
        width: 48%;
    }

    .subtitle-2 {
        line-height: 16px;
    }

    .home-2-solutions {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-2-solutions-con {
        margin-top: 40px;
    }

    .home-2-solution {
        width: 100%;
    }

    .home-3-testimonial {
        flex-wrap: wrap;
        justify-content: center;
        background-color: var(--plum);
    }

    .home-2-icon {
        left: 5%;
    }

    .process-item-wrap.space-around-grid-on-mobile {
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        display: grid;
    }

    .process-right-image {
        top: 5%;
    }

    .process-main-image {
        margin-top: 30px;
    }

    .basic-features-second-image {
        width: 85%;
        right: 16px;
    }

    .basic-features-right {
        margin-top: 40px;
    }

    .basic-features-left {
        width: 100%;
    }

    .integrations-left-block {
        width: 75%;
    }

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

    .home-banner-left-arrow {
        top: 6%;
    }

    .home-23-team-item {
        width: 70%;
    }

    .info-footer {
        flex-direction: column;
    }

    .subscribe-footer {
        background-position: 70% 42%;
        background-size: 40px;
    }

    .form-block-subscribe {
        width: 75%;
    }

    .message-img {
        top: 17%;
        left: 6%;
    }

    .banner-content-home-1 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-rows: auto;
        grid-template-columns: 1.2fr 1fr;
        grid-auto-columns: 1fr;
    }

    .banner-img-home-2 {
        width: 75%;
    }

    .img-banner {
        justify-content: center;
        align-items: center;
        display: flex;
    }

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

    .backgrouns-img-2 {
        top: 4%;
        left: 8%;
    }

    .backgrouns-img-4 {
        left: 8%;
    }

    .backgrouns-img-5 {
        left: 1%;
    }

    .button-wrapper-banner {
        justify-content: center;
    }

    ._1-info, ._2-info, ._3-info {
        width: 90%;
    }

    .backgrouns-img-7 {
        width: 35%;
    }

    .backgrouns-img-8 {
        top: 47%;
    }

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

    .backgrouns-img-13 {
        top: 1%;
    }

    .backgrouns-img-14 {
        top: 5%;
    }

    .check-info-wrapper {
        grid-row-gap: 30px;
    }

    .check-info-wrapper.home-2 {
        flex-direction: column;
        display: flex;
    }

    .check-wrap {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .sticky-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
        display: flex;
        position: static;
    }

    .sticky-1 {
        flex-direction: column;
        height: auto;
        margin-bottom: 0;
        margin-right: 0;
        position: static;
    }

    .sticky-2 {
        flex-wrap: nowrap;
        height: auto;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        position: static;
    }

    .sticky-3 {
        flex-direction: column;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        position: static;
    }

    .info-content-data {
        text-align: center;
    }

    .services-wrapper-home {
        margin-bottom: 40px;
    }

    .phone-img {
        width: 15%;
    }

    .info-data-img.sticke-1-img {
        width: 45%;
    }

    .backgrouns-img-12 {
        left: 16%;
    }

    .backgrouns-img-16 {
        top: -5%;
    }

    .backgrouns-img-19 {
        right: 12%;
    }

    ._w-75 {
        text-align: center;
        width: 100%;
    }

    .love-img {
        right: 2%;
    }

    .backgrouns-img-17 {
        bottom: 2%;
        left: 18%;
    }

    .instagram-wrapper {
        left: -8%;
    }

    .google-wrapper-img {
        right: -11%;
    }

    .messenger-wrapper-img {
        left: -13%;
    }

    .google-disk-wrapper-img {
        right: 3%;
    }

    .banner-title-home-2 {
        text-align: center;
        width: 100%;
    }

    .backgrouns-home-2 {
        border-right-width: 0;
    }

    .img-banner-home-2 {
        width: 80%;
    }

    .heard-home-2 {
        width: 10%;
        top: 3%;
    }

    .img-8-home-2 {
        top: 6%;
    }

    .img-7-home-2 {
        top: 11%;
    }

    .arrow-img-banner {
        top: -1%;
        left: 10%;
    }

    .section-2 {
        padding-bottom: 60px;
    }

    .banner-title-home-3 {
        width: 100%;
    }

    .home-3-img {
        top: 53%;
        left: 7%;
    }

    .home-3-img-2 {
        top: 21%;
        right: 1%;
    }

    .banner-img-home-3 {
        margin-bottom: -140px;
    }

    .home-3-img-3 {
        height: 30%;
        bottom: 20%;
    }

    .backgrouns-img-22 {
        top: 10%;
    }

    .content-home {
        grid-row-gap: 40px;
    }

    .img-wrap {
        padding-right: 40px;
    }

    .img-wrap._3-section {
        height: 75%;
    }

    .img-wrap.banner-home-5 {
        width: 85%;
    }

    .woman {
        width: 55%;
    }

    .home-3-img-4 {
        height: 18%;
        bottom: -6%;
        left: 15%;
    }

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

    .screen-img {
        width: 60%;
        bottom: 2%;
        left: -2%;
    }

    .screen-img-2 {
        width: 75%;
    }

    .arrow-img {
        left: 12%;
    }

    .arrow-img.about-us-3 {
        left: 7%;
    }

    .list {
        align-items: center;
    }

    .color-block {
        text-align: center;
        align-items: center;
    }

    .heard-img {
        inset: 1% 2% auto auto;
    }

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

    .team-wrapper {
        height: 350px;
    }

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

    .banner-home-4 {
        text-align: center;
        align-items: center;
        margin-bottom: 40px;
        display: flex;
    }

    .banner-img-home-4 {
        width: 75%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: static;
    }

    .line-yellow {
        height: 45%;
        bottom: -39%;
        right: 68%;
    }

    .content-banner-home-4 {
        align-items: center;
        padding-bottom: 0;
    }

    .color-absolute {
        height: 80%;
    }

    .section-batton-wrapper {
        margin-top: 40px;
    }

    .img-2-home-4 {
        right: 82%;
    }

    .img-3-home-4 {
        right: 22%;
    }

    .background-home-4 {
        width: 100%;
    }

    .img-6-home-4 {
        top: 42%;
        right: 13%;
    }

    .services-home-5 {
        flex-direction: column;
        display: flex;
    }

    .color-1 {
        min-height: 280px;
        padding-bottom: 40px;
    }

    .color-2, .color-3, .color-4 {
        min-height: 280px;
    }

    .tabs-menu-services {
        margin-bottom: 40px;
    }

    .services-img-2 {
        width: 45%;
        bottom: -69%;
    }

    .services-img-2.personal {
        bottom: -42%;
    }

    .services-img-1 {
        bottom: -32%;
    }

    .services-img-3 {
        bottom: 7%;
    }

    .services-img-4 {
        height: auto;
        top: -70%;
    }

    .relative-title {
        width: 100%;
        margin-bottom: 40px;
    }

    .services-img-5 {
        width: 50%;
        bottom: -18%;
    }

    .services-img-7 {
        width: 75%;
        height: 110%;
        bottom: -10%;
        left: 12%;
    }

    .services-img-8 {
        width: 50%;
        bottom: -64%;
    }

    .number {
        font-size: 42px;
    }

    .text {
        font-size: 25px;
    }

    .img-3-background-home-5 {
        top: 9%;
        right: 2%;
    }

    .section-button-wrapper {
        margin-top: 40px;
    }

    .banner-wrapper-home-5 {
        grid-row-gap: 40px;
        flex-direction: column;
        grid-template-columns: 1fr;
        place-items: center;
    }

    .banner-button-wrapper {
        justify-content: center;
    }

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

    .grid-4 {
        width: 100%;
    }

    .logo-customers {
        width: 150px;
    }

    .color-tab-1 {
        justify-content: space-between;
        align-items: stretch;
        min-height: 280px;
    }

    .img-5-background-home-5 {
        top: 10%;
        right: 6%;
    }

    .img-4-background-home-5 {
        inset: auto auto 40% 0%;
    }

    .img-2-background-home-5._15 {
        top: 2%;
    }

    .border-banner {
        padding-top: 40px;
    }

    .grid-5 {
        grid-row-gap: 40px;
        flex-direction: column;
        display: flex;
    }

    .info-about {
        font-size: 45px;
    }

    .about-info.center {
        border-left-width: 0;
        border-right-width: 0;
    }

    .background-3 {
        width: 15%;
        left: 5%;
    }

    .background-4 {
        width: 15%;
        right: 5%;
    }

    .faq-background-2 {
        width: 30%;
        left: 10%;
    }

    .faq-background-1 {
        height: 10%;
        top: 8%;
    }

    .faq-background-1.contact-us {
        top: 2%;
        right: 12%;
    }

    .contact-img-absolute {
        height: 50%;
    }

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

    .small-text {
        font-size: 20px;
    }

    .about-background-1 {
        z-index: 1;
        bottom: -9%;
    }

    .about-background-3 {
        top: 87%;
        left: 6%;
    }

    .about-background-2 {
        top: 24%;
    }

    .banner-img-about-us {
        width: 100%;
    }

    .testimonials-card-item {
        max-width: 360px;
    }

    .testimonials-card-wrapper {
        column-count: 1;
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .testominials-cards-banner {
        padding-bottom: 60px;
    }

    .paper-plane-img {
        top: 37%;
        left: 2%;
    }

    .background-10 {
        top: 16%;
    }

    .background-11 {
        top: 6%;
    }

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

    .info-wrapper {
        grid-row-gap: 40px;
    }

    .arrow-about-3 {
        right: .5%;
    }

    .info-grid {
        grid-row-gap: 40px;
        text-align: center;
        flex-direction: column;
        display: flex;
    }

    .background-about-3 {
        bottom: 46%;
        right: 10%;
    }

    .background-12 {
        width: 15%;
    }

    .position-title {
        text-align: center;
        margin-bottom: 40px;
    }

    .backgrouns-img-1 {
        left: 11%;
    }

    .background-13 {
        right: 8%;
    }

    .folders {
        top: 5%;
        left: 82%;
    }

    .background-14 {
        right: 30%;
    }

    .pricing-background-1 {
        width: 15%;
        bottom: 11%;
        left: 10%;
    }

    .pricing-background-2 {
        top: 55%;
    }

    .pricing-2-backgrouns-1 {
        width: 17%;
        bottom: 9%;
    }

    .blog-background-1 {
        right: 14%;
    }

    .blog-background-2 {
        left: 9%;
    }

    .collection-list {
        flex-direction: column;
        display: flex;
    }

    .contact-img {
        top: 31%;
        right: 20%;
    }

    .form-sign-in {
        z-index: 10;
        width: 100%;
        margin-top: 40px;
        position: relative;
    }

    .sign-background-2 {
        top: 93%;
        right: 8%;
    }

    .sign-background-3 {
        top: 39%;
    }

    .collection-list-shop, .collection-list-category {
        grid-template-columns: 1fr;
    }

    .backgroun-category-img {
        top: 34%;
        left: 9%;
    }

    .flex-wrap {
        margin-bottom: 40px;
    }

    ._404 {
        font-size: 100px;
    }

    .process-background {
        width: 28%;
        bottom: -28%;
        right: 2%;
    }

    .background-img {
        top: 35%;
        left: 15%;
    }

    .background-img-4 {
        top: 14%;
    }

    .promotion-label-left {
        max-width: 300px;
    }
}

@media screen and (max-width: 479px) {
    blockquote {
        background-position: -60% 0;
    }

    .section.line-background {
        background-position: 0 0;
    }

    .section.banner-home-3 {
        padding-bottom: 80px;
    }

    .section.home-5 {
        padding-bottom: 65px;
    }

    .grid-system-wrapper {
        flex-direction: row;
    }

    .grid-system {
        flex-direction: column;
        width: 50%;
    }

    .grid-title {
        align-items: center;
    }

    .grid-title.first-grid {
        text-align: center;
        width: 100%;
    }

    .grid-description {
        border-bottom-width: 1px;
        border-bottom-color: #fff3;
    }

    .grid-description.first-description {
        border-bottom: 1px #fff3;
        border-left-style: none;
        border-right-style: solid;
        padding-left: 0;
        padding-right: 0;
    }

    .grid-description.last-description {
        border-bottom-color: #a7a7a7;
    }

    .bottom-style-spacing-desktop {
        bottom: 8%;
    }

    .top-style-spacing-desktop {
        top: 7%;
    }

    .middle-style-spacing-desktop {
        top: 32%;
    }

    .color-container {
        flex-wrap: wrap;
    }

    .primary-button.full-width-mobile {
        width: 100%;
    }

    .top-style-spacing-mobile {
        top: 5%;
    }

    .middlr-style-spacing-mobile {
        top: 28%;
    }

    .bottom-style-spacing-mobile {
        bottom: 8%;
    }

    .nav-link {
        width: 99%;
        font-size: 18px;
    }

    .nav-dropdown-list.megamenu {
        padding-right: 0;
    }

    .nav-item-title {
        font-size: 18px;
    }

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

    .license-link {
        margin-right: 15px;
    }

    ._404-content-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .coming-soon-form {
        flex-wrap: wrap;
        justify-content: center;
    }

    .coming-soon-input {
        min-width: auto;
        margin-bottom: 10px;
    }

    .coming-soon-paragraph {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .coming-soon-heading {
        font-size: 32px;
    }

    .blog-classic-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-classic-top-content, .blog-classic-bottom-content {
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    .blog-template-wrapper {
        text-align: center;
    }

    .footer {
        text-align: left;
    }

    .footer-rights-wrapper {
        text-align: center;
        flex-wrap: wrap;
    }

    .footer-rights {
        margin-bottom: 7px;
    }

    .footer-copyright {
        text-align: center;
        justify-content: center;
        width: 100%;
        line-height: 1.5em;
    }

    .footer-copyright-link {
        margin-left: 5px;
    }

    .section-title-wrapper, .section-title-wrapper.clients {
        width: 100%;
    }

    .process-content {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .values-content-wrapper {
        margin-bottom: 15px;
    }

    .values-counter-item {
        margin-right: 15px;
        padding: 20px;
    }

    .banner-title-wrapper.faq {
        width: 100%;
    }

    .pricing-plan-item {
        align-self: auto;
        padding: 30px 30px 20px;
    }

    .pricing-plan-item.pricing-2 {
        padding-bottom: 40px;
    }

    .pricing-content, .pricing-content.center-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-features-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .contacts-location-slider {
        padding-right: 70px;
    }

    .customers-grid {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }

    .customer-image {
        width: 65%;
    }

    .testimonials-slider-image {
        margin-bottom: 10px;
    }

    .about-3-tab-link {
        font-size: 16px;
    }

    .about-3-tab-link.w--current {
        font-size: 18px;
    }

    .nav-menu-shadow-overlay {
        width: 300px;
    }

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

    .landing-feature-icon {
        margin-bottom: 10px;
    }

    .megamenu-dropdown-wrapper {
        align-items: center;
        width: 100%;
    }

    .landing-home-pages-wrapper {
        grid-row-gap: 20px;
    }

    .home-testimonials-mask {
        width: 100%;
        margin-top: 0;
    }

    .testimonials-slider-author {
        justify-content: center;
    }

    .home-testimonials-slider-arrow {
        bottom: 90%;
    }

    .home-testimonials-slider-arrow.right {
        left: 70%;
    }

    .home-testimonials-slider {
        margin-left: 0%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-testimonials-slide {
        margin-right: 0;
    }

    .testimonials-text-wrapper {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .our-services-wrap {
        width: 100%;
    }

    .our-services-grid {
        flex-direction: column;
        display: flex;
    }

    .additional-features-right {
        min-height: 350px;
    }

    .testimonial-image {
        width: 100%;
        max-width: none;
    }

    .home-9-team-item {
        width: 100%;
    }

    .home-2-solutions {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .home-2-solution {
        border-color: var(--primary);
        box-shadow: 2px 2px 0 0 var(--primary);
    }

    .home-2-solution._2 {
        background-color: #0000;
    }

    .home-2-solution._5 {
        background-color: var(--light-blue);
    }

    .home-2-solution._6 {
        background-color: #0000;
    }

    .home-2-icon {
        left: 3%;
    }

    .process-item-wrap {
        min-width: 10%;
    }

    .process-item-wrap.space-around-grid-on-mobile {
        grid-row-gap: 10px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
    }

    .process-left-image {
        top: 50%;
        left: 1%;
    }

    .position-relative {
        padding-left: 0;
        padding-right: 0;
    }

    .top-section-title {
        text-align: center;
    }

    .basic-features-first-image {
        top: 20px;
        left: 20px;
    }

    .basic-features-second-image {
        width: 60%;
        bottom: 50px;
        left: 5px;
    }

    .basic-features-right {
        text-align: center;
        margin-top: 60px;
    }

    .basic-features-left {
        min-height: 300px;
    }

    .integrations-left-block {
        width: 80%;
    }

    .integrations-right-block {
        padding-right: 0;
    }

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

    .home-23-team-item {
        width: 100%;
    }

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

    .links-footer {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .subscribe-footer {
        background-position: 92% 40%;
        margin-bottom: 40px;
    }

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

    .form-flex {
        grid-column-gap: 15px;
    }

    .form-block-subscribe {
        width: 100%;
    }

    .slide-home-1 {
        margin-right: 15px;
    }

    .message-img {
        width: 60px;
        top: 23%;
    }

    .backgrouns-img-2 {
        width: 12%;
        top: -10%;
    }

    .backgrouns-img-4 {
        left: 4%;
    }

    .backgrouns-img-5 {
        left: 1%;
    }

    .button-wrapper-banner {
        grid-column-gap: 30px;
    }

    .info-content-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
        margin-bottom: 0;
        display: flex;
    }

    ._1-info {
        width: 100%;
    }

    ._2-info, ._3-info {
        width: 100%;
        position: static;
        top: 0;
    }

    .backgrouns-img-7 {
        width: 28%;
    }

    .backgrouns-img-8 {
        top: 70%;
    }

    .backgrouns-img-9 {
        inset: 9% auto auto 4%;
    }

    .backgrouns-img-10 {
        width: 5%;
        top: 45%;
    }

    .customers-logo {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .check-info-wrapper {
        flex-direction: column;
        display: flex;
    }

    .check-wrap.home-2, .check-wrap.dark-borders {
        padding-left: 20px;
        padding-right: 20px;
    }

    .services-wrapper-home {
        margin-right: 0;
    }

    .phone-img {
        width: 20%;
    }

    .info-data-img.sticky-3-img {
        height: auto;
    }

    .info-data-img.sticke-1-img {
        width: auto;
    }

    .backgrouns-img-19 {
        bottom: 77%;
    }

    .love-img {
        top: 3%;
    }

    .backgrouns-img-21 {
        bottom: 5%;
    }

    .backgrouns-img-20 {
        top: 30%;
    }

    .software-wrapper-img {
        padding: 20px;
    }

    .google-wrapper-img {
        right: -3%;
    }

    .google-disk-img {
        width: 25px;
    }

    .insta-img, .google-img, .messenger-img {
        width: 30px;
    }

    .about-img-1 {
        width: 90%;
        top: 20px;
        right: 20px;
    }

    .about-img-2 {
        bottom: 20px;
        left: 20px;
    }

    .backgrouns-home-2 {
        height: 42%;
    }

    .content-banner-home-2 {
        grid-row-gap: 40px;
    }

    .img-banner-home-2 {
        width: 88%;
    }

    .img-home-2 {
        top: -8%;
        left: 57%;
    }

    .img-2-home-2 {
        top: 14%;
    }

    .img-3-home-2 {
        top: -2%;
    }

    .img-4-home-2 {
        bottom: 37%;
        left: 96%;
    }

    .img-5-home-2 {
        bottom: 8%;
    }

    .img-8-home-2 {
        top: 3%;
    }

    .img-7-home-2 {
        top: 16%;
    }

    .home-3-img {
        top: 61%;
    }

    .home-3-img-2 {
        top: 15%;
        right: 4%;
    }

    .banner-img-home-3 {
        margin-bottom: -40px;
        top: -100px;
    }

    .home-3-img-3 {
        height: 15%;
        bottom: 14%;
    }

    .backgrouns-img-22 {
        top: 19%;
    }

    .img-wrap {
        padding-right: 10px;
    }

    .img-wrap._3-section {
        height: auto;
    }

    .woman {
        width: 65%;
    }

    .home-3-img-4 {
        height: 14%;
        bottom: -2%;
        left: 9%;
    }

    .screen-img {
        width: 65%;
    }

    .arrow-img {
        width: 90%;
        left: 12%;
    }

    .arrow-img.about-us-3 {
        left: 9%;
    }

    .team-members {
        flex-direction: column;
        display: flex;
    }

    .team-wrapper {
        height: 460px;
    }

    .line-yellow {
        height: 40%;
        bottom: -45%;
        right: 63%;
    }

    .white-opacity._w-90 {
        width: 100%;
    }

    .img-home-4 {
        top: 12%;
    }

    .img-2-home-4 {
        bottom: 4%;
    }

    .img-3-home-4 {
        top: 58%;
    }

    .img-5-home-4 {
        right: 1%;
    }

    .services-img-2 {
        bottom: -34%;
    }

    .services-img-2.personal {
        bottom: -19%;
    }

    .services-img-1 {
        bottom: -11%;
    }

    .services-img-4 {
        top: -14%;
    }

    .services-img-5 {
        bottom: 0%;
        right: 0%;
    }

    .services-img-7 {
        bottom: -62%;
        left: 10%;
    }

    .services-img-8 {
        bottom: -32%;
    }

    .info-work-1 {
        grid-row-gap: 30px;
    }

    .number {
        font-size: 35px;
    }

    .text {
        font-size: 20px;
    }

    .img-3-background-home-5 {
        width: 15%;
    }

    .img-5-background-home-5 {
        top: 9%;
    }

    .img-4-background-home-5 {
        bottom: 57%;
        left: 3%;
    }

    .img-2-background-home-5 {
        top: 4%;
    }

    .img-background-home-5 {
        top: 14%;
    }

    .border-banner {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .paragraph-banner {
        width: 100%;
    }

    .background-2 {
        bottom: 10%;
    }

    .background-1 {
        top: 28%;
    }

    .faq-background-2 {
        bottom: 21%;
        left: 3%;
    }

    .faq-background-1 {
        height: 7%;
        top: 13%;
    }

    .faq-background-1.contact-us {
        top: 9%;
    }

    .small-text {
        font-size: 16px;
    }

    .about-background-1 {
        width: 20%;
        bottom: 8%;
    }

    .about-background-3 {
        top: 84%;
    }

    .about-background-2 {
        width: 8%;
        top: 25%;
        right: 6%;
    }

    .column-calues {
        background-position: 100% 120%;
    }

    .arrow {
        width: 30%;
    }

    .paper-plane-img {
        top: 56%;
        left: 5%;
    }

    .background-10 {
        top: 12%;
    }

    .background-11 {
        top: -1%;
    }

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

    .arrow-about-3 {
        width: 10%;
        bottom: -9%;
    }

    .background-about-3 {
        width: 20%;
        bottom: 38%;
        right: 4%;
    }

    .background-2-about-3 {
        top: 32%;
    }

    .background-12 {
        bottom: -7%;
    }

    .position-title {
        flex-direction: column;
    }

    .folders {
        width: 10%;
        display: none;
        top: -5%;
        left: 86%;
    }

    .background-14 {
        top: 31%;
        right: 18%;
    }

    .pricing-background-1 {
        bottom: 16%;
    }

    .pricing-background-2 {
        right: 9%;
    }

    .pricing-2-backgrouns-1 {
        width: 20%;
        bottom: 10%;
        left: 6%;
    }

    .pricing-2-backgrouns-2 {
        top: 20%;
    }

    .pricing-3-background {
        width: 18%;
        left: 7%;
    }

    .links-blog {
        grid-row-gap: 25px;
        flex-direction: column;
    }

    .contact-img {
        right: 10%;
    }

    .form-sign-in {
        padding: 40px 20px;
    }

    .submit-wrap {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .register-link-wrap, .link-account {
        text-align: center;
    }

    .flex-wrap {
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .collection-list-products {
        grid-template-columns: 1fr;
    }

    .product-wrapper {
        grid-row-gap: 20px;
    }

    .shop-background-1 {
        left: 20%;
    }

    .shop-background-3 {
        bottom: 4%;
    }

    .shop-background-4 {
        top: 28%;
    }

    .process-background {
        bottom: -17%;
    }

    .background-img {
        width: 12%;
        top: 46%;
        left: 10%;
    }

    .background-img-1 {
        top: 50%;
    }

    .background-img-2 {
        top: 18%;
        right: 19%;
    }

    .background-img-3 {
        top: 23%;
    }

    .promotion-label-left {
        bottom: 90px;
        left: auto;
        right: 12px;
    }
}

#w-node-_2b4beb1d-8dd6-4a01-c349-90797ca1bc3f-36cb1dcb, #w-node-_2fceedb8-a2ba-a621-5a90-76cac684755e-36cb1dcb, #w-node-_7c000c9e-3279-3302-ffb6-321bc8f04be3-36cb1dcb, #w-node-_4e95aace-a0c4-054a-e472-16790e785d7d-36cb1dcb, #w-node-_4e95aace-a0c4-054a-e472-16790e785d84-36cb1dcb, #w-node-_4e95aace-a0c4-054a-e472-16790e785d8b-36cb1dcb, #w-node-f3ff687a-1ae1-bcc4-b9b8-04fa4edbe7b8-36cb1dcb, #w-node-aac33564-d385-d08b-e60b-8695274ec6be-36cb1dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78f15e10-f03b-e5b7-f98d-273577312e3f-36cb1dcb {
    grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-aac33564-d385-d08b-e60b-8695274ec6bf-36cb1dcb {
    grid-area: 1 / 2 / 3 / 4;
}

#w-node-aac33564-d385-d08b-e60b-8695274ec6c0-36cb1dcb, #w-node-_99f2829d-e0e8-a80b-bd52-f4f9b1e7990c-36cb1dcb, #w-node-aac33564-d385-d08b-e60b-8695274ec6c5-36cb1dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e03051c-d0f3-e5e3-abeb-390e16872b31-36cb1dcb {
    grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-aac33564-d385-d08b-e60b-8695274ec6c6-36cb1dcb {
    grid-area: 1 / 6 / 3 / 8;
}

#w-node-aac33564-d385-d08b-e60b-8695274ec6c7-36cb1dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed64ddae-4f8e-7054-f491-cac868d14f33-36cb1dcb, #w-node-aac33564-d385-d08b-e60b-8695274ec6cc-36cb1dcb {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_43081912-92cd-4d76-5982-039cf6296711-36cb1dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-_43081912-92cd-4d76-5982-039cf6296713-36cb1dcb, #w-node-_43081912-92cd-4d76-5982-039cf6296715-36cb1dcb, #w-node-_43081912-92cd-4d76-5982-039cf6296717-36cb1dcb, #w-node-_43081912-92cd-4d76-5982-039cf6296719-36cb1dcb, #w-node-_43081912-92cd-4d76-5982-039cf629671b-36cb1dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
}

#w-node-e0ab0b8e-defd-8d3e-a777-409a23445adf-8dcb1dcc, #w-node-e0ab0b8e-defd-8d3e-a777-409a23445ae6-8dcb1dcc, #w-node-e0ab0b8e-defd-8d3e-a777-409a23445aed-8dcb1dcc, #w-node-e0ab0b8e-defd-8d3e-a777-409a23445af4-8dcb1dcc, #w-node-_776b3acc-5912-e262-14c7-78e6a276f3cd-8dcb1dcc, #w-node-_81c26769-918e-9338-b3ed-61956183b3a1-8dcb1dcc, #w-node-_27ec4e57-df9f-2159-ddac-3a6d7d3701b2-8dcb1dcc, #w-node-_27ec4e57-df9f-2159-ddac-3a6d7d3701bd-8dcb1dcc, #w-node-_27ec4e57-df9f-2159-ddac-3a6d7d3701c8-8dcb1dcc, #w-node-_61544be9-0d71-c4d7-e8fb-a6515273bca1-97cb1dcd, #w-node-_30ca21bd-5357-bc8f-0e29-a65b6b01db3e-97cb1dcd {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff89325a-8eb9-3748-dd97-6515db8a97cf-97cb1dcd, #w-node-_0e3d0cf7-77f3-7087-a09b-0530aee33e95-97cb1dcd {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_274ee589-30e7-6b21-4aac-6a7588d55d3b-97cb1dcd, #w-node-_93555a8e-e2be-9321-e7c4-1a10e7a2d939-97cb1dcd, #w-node-_6a964de3-b028-ec2b-5af2-89deb04ff1b5-97cb1dcd, #w-node-e5c63c82-3b3d-27f0-23ff-47675231fb80-97cb1dcd, #w-node-_1eaef7f2-9e6c-8bf0-7f21-e7ec68e6f993-97cb1dcd, #w-node-_78c283c8-598e-87c3-917d-ba15c65c4d4e-97cb1dcd, #w-node-_5d18e600-399f-c4a2-d96b-4e5430292a68-97cb1dcd, #w-node-dcc2d85c-5329-4482-4b39-98598b29624a-97cb1dcd, #w-node-_3dce75b8-d0f0-c614-b087-cc2f1ec47802-97cb1dcd, #w-node-d992217a-72b5-960a-49af-fd5e9cf4ef48-97cb1dcd, #w-node-d992217a-72b5-960a-49af-fd5e9cf4ef4b-97cb1dcd, #w-node-cac31ac2-2935-35ab-8ab8-5317e46946b9-97cb1dcd, #w-node-cac31ac2-2935-35ab-8ab8-5317e46946c9-97cb1dcd, #w-node-cac31ac2-2935-35ab-8ab8-5317e46946d9-97cb1dcd {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c056b-8ccb1dd2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c056d-8ccb1dd2, #w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c056f-8ccb1dd2, #w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c0571-8ccb1dd2, #w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c0573-8ccb1dd2, #w-node-_88a1f027-64a9-5d8f-7ab9-3c79f11c0575-8ccb1dd2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
}

#w-node-e9a0c744-984f-143d-4ad9-7a55780f2208-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f2209-cdcb1dd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e9a0c744-984f-143d-4ad9-7a55780f220a-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f220b-cdcb1dd8 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e9a0c744-984f-143d-4ad9-7a55780f220c-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f220d-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f220e-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f220f-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f2210-cdcb1dd8, #w-node-e9a0c744-984f-143d-4ad9-7a55780f2211-cdcb1dd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531f2-cdcb1dd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531f4-cdcb1dd8, #w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531f6-cdcb1dd8, #w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531f8-cdcb1dd8, #w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531fa-cdcb1dd8, #w-node-_1bbec6ad-68f8-67e9-2084-58ffcba531fc-cdcb1dd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
}

#w-node-_143165fd-d7bd-bed6-dd41-03e4988f0795-33cb1ddb, #w-node-_143165fd-d7bd-bed6-dd41-03e4988f07a0-33cb1ddb, #w-node-_143165fd-d7bd-bed6-dd41-03e4988f07ab-33cb1ddb, #w-node-d5f6296c-edf7-abc1-2ffa-ab0a06ba7dbe-17cb1dea, #w-node-d5f6296c-edf7-abc1-2ffa-ab0a06ba7dc5-17cb1dea, #w-node-d5f6296c-edf7-abc1-2ffa-ab0a06ba7dcc-17cb1dea, #w-node-a6d614ec-752d-9c82-6e3f-7a23f682c1de-45cb1deb, #w-node-_7dcac129-9dc8-a880-fa93-01fc7f3a2bc1-45cb1deb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c9dab4b-0fa4-1885-9a56-0acbe5339eea-45cb1deb {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d7c0c703-6a21-716c-aafa-0b1d5a6d92ff-45cb1deb {
    grid-area: 2 / 2 / 3 / 5;
    justify-self: center;
}

#w-node-_5214d044-6959-d4ce-fb9f-5b9460036ea1-45cb1deb {
    grid-area: 3 / 3 / 4 / 6;
    justify-self: end;
}

#w-node-_28a0dd30-af10-0936-48df-724bb0f67425-45cb1deb, #w-node-_1aec02b2-272b-cf1a-28ca-9bb720471c5f-45cb1deb, #w-node-_78ee8c98-ba51-7575-3e63-05ecb4c0f809-45cb1deb, #w-node-_00b1c7b2-7739-280f-3a25-a1ecfd152ad0-45cb1deb, #w-node-_6415ec27-e874-f877-989a-5720b5aea102-45cb1deb, #w-node-_948e454f-ef24-66fc-5d63-71512b7573b9-45cb1deb, #w-node-_8f830c44-e6e7-68e4-f43a-8404bc061e68-45cb1deb, #w-node-_47fc9c9c-f7ca-c019-6dc0-fdbc33e8b685-45cb1deb, #w-node-_04995819-de67-20f6-29ef-b522938e6f3c-45cb1deb, #w-node-_0f3a261a-0346-a7e5-b3a9-734dbd941224-4ccb1e00, #w-node-_0f3a261a-0346-a7e5-b3a9-734dbd94122b-4ccb1e00, #w-node-_0f3a261a-0346-a7e5-b3a9-734dbd941232-4ccb1e00, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c2-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c3-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c4-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c5-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c6-6acb1e01, #w-node-_85ade31d-4895-96fe-a2ad-3eaca6b06d79-6acb1e01, #w-node-_6acbb7b1-4f4b-f72e-9730-2431ca1cf7f0-6acb1e01, #w-node-_51b3fcc5-ed88-c2c6-050a-4920af358c9b-6acb1e01, #w-node-_51b3fcc5-ed88-c2c6-050a-4920af358c93-6acb1e01, #w-node-_104822f6-d312-e14d-d51c-3152fdb2333d-6acb1e01, #w-node-_104822f6-d312-e14d-d51c-3152fdb23344-6acb1e01, #w-node-_104822f6-d312-e14d-d51c-3152fdb2334b-6acb1e01, #w-node-_104822f6-d312-e14d-d51c-3152fdb23352-6acb1e01, #w-node-_7ecba3c1-e811-690f-3043-c97d74a609e0-6acb1e01, #w-node-_7ecba3c1-e811-690f-3043-c97d74a609e8-6acb1e01, #w-node-_355c9939-c93c-3b3d-2a29-0415cd073032-eecb1e02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_73620ac3-5f3d-5f34-fc1e-c49e9a8a549b-eecb1e02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

#w-node-f412b3fa-71ca-6a43-fe7b-47c8a53b06d4-eecb1e02, #w-node-f412b3fa-71ca-6a43-fe7b-47c8a53b06dc-eecb1e02, #w-node-_5ab39fcc-bbbb-e0d3-cd0a-e2263403fbb9-eecb1e02, #w-node-_5ab39fcc-bbbb-e0d3-cd0a-e2263403fbc0-eecb1e02, #w-node-_5ab39fcc-bbbb-e0d3-cd0a-e2263403fbc7-eecb1e02, #w-node-_5ab39fcc-bbbb-e0d3-cd0a-e2263403fbce-eecb1e02, #w-node-d51a4477-b8e4-e1d3-4583-39519a82d297-eecb1e02, #w-node-_3b689e00-9b07-d528-2097-8b0102cbf058-eecb1e02, #w-node-_69a60f11-fff7-4fcf-213e-3a1c3c011464-eecb1e02, #w-node-_3c14d59c-9825-d28e-6812-7746aefceede-eecb1e02, #w-node-_9366d1c0-16cd-cc1b-fe5d-8d1b4600a093-eecb1e02, #w-node-a0eca3e9-e973-0807-1897-d4bcfca4e615-eecb1e02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86edaa71-9cc7-3162-50db-42687e4cabdf-eecb1e02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-_86edaa71-9cc7-3162-50db-42687e4cabe3-eecb1e02, #w-node-_86edaa71-9cc7-3162-50db-42687e4cabe7-eecb1e02, #w-node-_86edaa71-9cc7-3162-50db-42687e4cabeb-eecb1e02, #w-node-_86edaa71-9cc7-3162-50db-42687e4cabef-eecb1e02, #w-node-_86edaa71-9cc7-3162-50db-42687e4cabf3-eecb1e02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
}

#w-node-_1c9ca4be-70e8-2724-81ee-f7a5e61647f5-3fcb1e03, #w-node-_35597ddd-0610-1fd3-414f-67f27f5f975d-3fcb1e03, #w-node-c3a74b0d-420f-20f6-08f9-ed34b6be55f4-3fcb1e03, #w-node-_5fba90af-73fa-73b6-82e7-3789140d2c03-3fcb1e03, #w-node-c4e2d695-35cc-4427-6d80-ae8106ff42cb-3fcb1e03, #w-node-_415f2ccf-d2e8-b814-142d-f3a8847f343d-3fcb1e03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_415f2ccf-d2e8-b814-142d-f3a8847f3444-3fcb1e03, #w-node-_415f2ccf-d2e8-b814-142d-f3a8847f344b-3fcb1e03 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_415f2ccf-d2e8-b814-142d-f3a8847f3452-3fcb1e03, #w-node-_971a31f7-08ed-318a-56b1-c7583c21a4eb-3fcb1e03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_971a31f7-08ed-318a-56b1-c7583c21a4f2-3fcb1e03, #w-node-_971a31f7-08ed-318a-56b1-c7583c21a4f9-3fcb1e03 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_971a31f7-08ed-318a-56b1-c7583c21a500-3fcb1e03, #w-node-_7748841b-22e5-c981-732d-84bfb48ed918-3fcb1e03, #w-node-_7748841b-22e5-c981-732d-84bfb48ed920-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b24-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b25-3fcb1e03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b29-3fcb1e03 {
    grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b2a-3fcb1e03 {
    grid-area: 1 / 2 / 3 / 4;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b2e-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b33-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b34-3fcb1e03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b35-3fcb1e03 {
    grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b36-3fcb1e03 {
    grid-area: 1 / 6 / 3 / 8;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b3a-3fcb1e03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0872e335-834e-9dcc-c438-4b82c90e7b3f-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b40-3fcb1e03, #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d5f3-10cb1e07, #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d5fc-10cb1e07, #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d605-10cb1e07 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e443f0c6-c1cd-5d20-2ce5-764606408e9c-10cb1e07 {
    grid-area: 2 / 2 / 3 / 4;
}

#w-node-_73d241f4-fa70-fb01-34ba-81dfb88c15a1-10cb1e07 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_372136d8-e829-64ef-67e2-838d3299aaf5-10cb1e07, #w-node-_3046d385-00ef-1a39-a240-eeadbd211d20-10cb1e07, #w-node-f8dcdfff-88b2-174f-772a-e4e26476447c-10cb1e07, #w-node-_2e780f7e-ddc2-b018-b89f-b3fe073d5c8c-10cb1e07 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc29-44cb1e08, #w-node-_6a18eb8c-d226-c624-3892-217e4345fe40-44cb1e08, #w-node-_15cd5a3c-6db4-08f5-52a3-f057d710b197-44cb1e08, #w-node-d69f5aaa-b3dd-6fb3-a88e-421e0f7bc4a6-44cb1e08, #w-node-ec953eb5-c2d6-ec16-f21e-e630997e65cd-44cb1e08, #w-node-_14a81dc4-fbc1-27ba-eb63-ae912d47b350-44cb1e08, #w-node-e23ac24f-24eb-f5af-c890-fe5be81a3432-44cb1e08, #w-node-_3a2f9e1a-ab66-4c0c-7c2f-b056ee72cb5a-44cb1e08, #w-node-_95653175-28a7-dccf-08ef-4db597499bff-44cb1e08, #w-node-cdf924a1-b599-a77f-bf8e-cce2c1e003eb-44cb1e08, #w-node-_15ce89a5-b512-0731-eb89-23ea414d818c-44cb1e08, #w-node-_60e0c101-87f9-0df4-0faf-16dbcc3e7bfa-44cb1e08, #w-node-a15db54c-d976-b0a7-d0e8-3e7246abcd46-44cb1e08, #w-node-_82aab858-80d6-3fe0-6b82-327296586501-44cb1e08, #w-node-_1df00452-a768-375d-88c5-b58e9bc823e7-44cb1e08, #w-node-_92688848-6c0c-8d1e-a1c1-4e385a5fdd7f-44cb1e08, #w-node-_40ab270d-89eb-b503-fdb5-7d1df64cea51-44cb1e08, #w-node-e167b751-6fae-291a-c5cc-bdd47a33bcb0-44cb1e08, #w-node-_0ed475f9-7521-ce6a-e522-cd40d8dd4075-44cb1e08, #w-node-c6372b1b-e5c2-7990-c116-d4d3a66308f3-44cb1e08, #w-node-_105fbc8f-247c-fecf-e893-b16dc824f26a-44cb1e08, #w-node-_6050e448-85e3-78d4-798c-fc59e2da97aa-44cb1e08, #w-node-_14ab7154-b3cb-8104-fab5-e73ca1a64f3b-44cb1e08, #w-node-be4fb4ad-45b8-d0cf-32ce-a6d937053aa1-44cb1e08, #w-node-_6fde054c-db72-f2f8-d0f6-816495bb4962-44cb1e08, #w-node-_3d3c0dc6-3539-8dd8-3f0b-08c6b35e8650-44cb1e08, #w-node-_8609eb51-96de-8ad3-aa54-aa19dabcdf20-44cb1e08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc57-44cb1e08, #w-node-_49cca918-c86c-541f-7ce5-f9a9d329efa9-44cb1e08, #w-node-d6e596d5-8de4-ff78-b72f-c7add2c74cdf-44cb1e08, #w-node-f05a39b9-2ff2-3c6a-4533-a4bcee3a4f19-44cb1e08, #w-node-dc1b3d86-60b2-587e-7b47-7f27d6ea11d7-44cb1e08, #w-node-b830aba6-668b-37aa-0bf5-73d1943ff779-44cb1e08, #w-node-c706860d-d724-fa4f-4e58-ef3866dde3c9-44cb1e08, #w-node-_765cebc8-d929-9a20-3343-8bcb8e7c2632-44cb1e08, #w-node-_06d68103-5248-e1ef-dd60-824c0578c6c7-44cb1e08, #w-node-abe081ac-273b-3f55-d0c9-ec62063b1a6c-44cb1e08, #w-node-ceede9b7-49ed-722c-eb3d-184ac10406db-44cb1e08, #w-node-_7041f638-6ec2-d173-bea8-d481b9da2107-44cb1e08, #w-node-a9f99b00-2aec-00a8-8b82-6264317e4021-44cb1e08, #w-node-_707ed26b-29ff-7aa0-0665-b22a0522c66a-44cb1e08, #w-node-_77400b89-b9f0-2c08-027d-7bed79ed192f-44cb1e08, #w-node-_7b78a66b-5e6c-2b9f-f996-bd1f70cce1ad-44cb1e08, #w-node-_05464c35-3954-578e-c1c1-b233d17cbcb2-44cb1e08, #w-node-dbb0ea46-6595-02e5-97cd-697980b01c7f-44cb1e08, #w-node-_2ecab8af-5dc8-76b9-2692-7118343f5397-44cb1e08, #w-node-ff4bc89c-ab5b-c7bf-59a8-d7068027eb16-44cb1e08, #w-node-_6342ea30-0031-fe53-6cd1-ea7942867600-44cb1e08, #w-node-_53a4902d-2fc8-d321-945f-e04b58cc0eb1-44cb1e08, #w-node-_3ca78808-4049-0ff3-1329-f76dab8ebbaa-c0cb1e0a, #w-node-c223f1ff-0433-cc10-cc91-a04b86bd56b3-c0cb1e0a, #w-node-_5e66015b-cc7a-84a4-0587-9bfa4130d8d8-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f5e7-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f5f7-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f607-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f617-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f627-c0cb1e0a, #w-node-fcaed59a-cf77-5daf-4317-9db4a141f637-c0cb1e0a, #w-node-c410923f-1611-e48d-44b7-b583a89519e9-c0cb1e0a, #w-node-c410923f-1611-e48d-44b7-b583a89519f0-c0cb1e0a, #w-node-c410923f-1611-e48d-44b7-b583a89519f7-c0cb1e0a, #w-node-_9b10a221-ae79-1a23-ea68-4b6995cdf283-55cb1e10, #w-node-_9b10a221-ae79-1a23-ea68-4b6995cdf28e-55cb1e10, #w-node-_9b10a221-ae79-1a23-ea68-4b6995cdf299-55cb1e10 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e2256-55cb1e10 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e2258-55cb1e10, #w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e225a-55cb1e10, #w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e225c-55cb1e10, #w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e225e-55cb1e10, #w-node-bc3dc413-1ed8-3df4-ac04-c7a6c26e2260-55cb1e10 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
}

#w-node-_45c2ea1c-74af-f278-6a61-8e3573a98fef-efcb1e12, #w-node-_42ce345c-80d0-b6f7-4657-af60b1c0a764-efcb1e12, #w-node-_02436e05-3b1f-7d18-2166-e98a4ac8145f-efcb1e12, #w-node-_6a078d37-a03b-58b0-5746-bd390040e948-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94a-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94c-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94e-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e950-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e953-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e955-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e957-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e959-c7cb1e17, #w-node-_6a078d37-a03b-58b0-5746-bd390040e95b-c7cb1e17, #w-node-efbda1a2-bedb-adb7-6d1b-8a63e05e055f-5104412e, #w-node-_19be3a08-7018-5b54-0c62-36cd091ef232-5104412e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
    #w-node-_59f3be10-9a5f-47c0-9330-3f36e70c4b6b-eecb1e02 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@media screen and (min-width: 1280px) {
    #w-node-_73620ac3-5f3d-5f34-fc1e-c49e9a8a549b-eecb1e02 {
        align-self: end;
    }
}

@media screen and (max-width: 991px) {
    #w-node-a00272b4-e978-afdc-d622-525e028c2b3d-36cb1dcb {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-a00272b4-e978-afdc-d622-525e028c2b47-36cb1dcb {
        grid-area: 1 / 1 / 2 / 3;
        justify-self: center;
    }

    #w-node-aac33564-d385-d08b-e60b-8695274ec6be-36cb1dcb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-aac33564-d385-d08b-e60b-8695274ec6bf-36cb1dcb {
        grid-area: 1 / 2 / 3 / 4;
    }

    #w-node-aac33564-d385-d08b-e60b-8695274ec6c0-36cb1dcb, #w-node-aac33564-d385-d08b-e60b-8695274ec6c5-36cb1dcb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_7e03051c-d0f3-e5e3-abeb-390e16872b31-36cb1dcb, #w-node-aac33564-d385-d08b-e60b-8695274ec6c6-36cb1dcb {
        grid-area: 3 / 1 / 5 / 3;
    }

    #w-node-aac33564-d385-d08b-e60b-8695274ec6c7-36cb1dcb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_88ab1890-f95d-7408-685f-37f15bc9b3de-d5cb1dda, #w-node-_06c0587d-e616-534e-5eae-afa76579d9ff-d5cb1dda {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_8c9dab4b-0fa4-1885-9a56-0acbe5339eea-45cb1deb {
        grid-area: span 1 / span 3 / span 1 / span 3;
    }

    #w-node-d7c0c703-6a21-716c-aafa-0b1d5a6d92ff-45cb1deb {
        grid-area: 2 / 2 / 3 / 5;
    }

    #w-node-_5214d044-6959-d4ce-fb9f-5b9460036ea1-45cb1deb {
        grid-area: 3 / 3 / 4 / 6;
    }

    #w-node-_5b84c822-ac0a-5d9e-7be2-b14b24364f4a-4ccb1e00 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_5b84c822-ac0a-5d9e-7be2-b14b24364f3f-4ccb1e00 {
        grid-area: 1 / 1 / 2 / 3;
        justify-self: center;
    }

    #w-node-_74f6d536-8732-2077-eb91-1838b50c2ebf-4ccb1e00 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_74f6d536-8732-2077-eb91-1838b50c2eca-4ccb1e00 {
        grid-area: 1 / 1 / 2 / 3;
        justify-self: center;
    }

    #w-node-_415f2ccf-d2e8-b814-142d-f3a8847f3444-3fcb1e03, #w-node-_415f2ccf-d2e8-b814-142d-f3a8847f344b-3fcb1e03, #w-node-_971a31f7-08ed-318a-56b1-c7583c21a4f2-3fcb1e03, #w-node-_971a31f7-08ed-318a-56b1-c7583c21a4f9-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b25-3fcb1e03 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b2a-3fcb1e03 {
        grid-area: 1 / 2 / 3 / 4;
    }

    #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b2e-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b34-3fcb1e03 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b35-3fcb1e03, #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b36-3fcb1e03 {
        grid-area: 3 / 1 / 5 / 3;
    }

    #w-node-_0872e335-834e-9dcc-c438-4b82c90e7b3a-3fcb1e03 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d5f3-10cb1e07, #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d5fc-10cb1e07, #w-node-fcefde20-23d8-3d0c-ab21-dcb34920d605-10cb1e07, #w-node-e443f0c6-c1cd-5d20-2ce5-764606408e9c-10cb1e07 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_73d241f4-fa70-fb01-34ba-81dfb88c15a1-10cb1e07 {
        grid-area: 3 / 2 / 4 / 4;
    }

    #w-node-_1282151d-d0cb-e614-a27c-134f813053ed-55cb1e10, #w-node-_652dafec-dc56-6646-cb1f-c4226c6232b4-55cb1e10 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_79d18c5a-c0ff-3dd2-64ff-fa0e8ffcd236-55cb1e10 {
        grid-area: 2 / 2 / 3 / 4;
    }

    #w-node-_5b8457c2-4a28-5a36-811e-601b20f407c9-12cb1e11, #w-node-_5b8457c2-4a28-5a36-811e-601b20f407e0-12cb1e11 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_5b8457c2-4a28-5a36-811e-601b20f407f7-12cb1e11 {
        grid-area: 2 / 2 / 3 / 4;
        justify-self: center;
    }

    #w-node-d09961fb-1904-0955-142e-d868c775ff52-12cb1e11, #w-node-a33f195f-3360-c7c3-85d4-b24ba831b687-42cb1e1a {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-efbda1a2-bedb-adb7-6d1b-8a63e05e055f-5104412e {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_19be3a08-7018-5b54-0c62-36cd091ef232-5104412e {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_7091c7c2-9e58-e082-f821-1aac10ba9324-5104412e {
        justify-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-d992217a-72b5-960a-49af-fd5e9cf4ef48-97cb1dcd, #w-node-d992217a-72b5-960a-49af-fd5e9cf4ef4b-97cb1dcd, #w-node-a6d614ec-752d-9c82-6e3f-7a23f682c1de-45cb1deb {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7dcac129-9dc8-a880-fa93-01fc7f3a2bc1-45cb1deb {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_8c9dab4b-0fa4-1885-9a56-0acbe5339eea-45cb1deb {
        grid-area: span 1 / span 3 / span 1 / span 3;
    }

    #w-node-d7c0c703-6a21-716c-aafa-0b1d5a6d92ff-45cb1deb {
        grid-area: 2 / 2 / 3 / 5;
    }

    #w-node-_5214d044-6959-d4ce-fb9f-5b9460036ea1-45cb1deb {
        grid-area: 3 / 3 / 4 / 6;
    }

    #w-node-_28a0dd30-af10-0936-48df-724bb0f67425-45cb1deb, #w-node-_1aec02b2-272b-cf1a-28ca-9bb720471c5f-45cb1deb, #w-node-_78ee8c98-ba51-7575-3e63-05ecb4c0f809-45cb1deb {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_00b1c7b2-7739-280f-3a25-a1ecfd152ad0-45cb1deb {
        grid-area: 2 / 2 / 3 / 4;
    }

    #w-node-_6415ec27-e874-f877-989a-5720b5aea102-45cb1deb, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c2-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c3-6acb1e01, #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c4-6acb1e01 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c5-6acb1e01 {
        grid-area: 2 / 2 / 3 / 4;
    }

    #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c6-6acb1e01, #w-node-_85ade31d-4895-96fe-a2ad-3eaca6b06d79-6acb1e01 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6acbb7b1-4f4b-f72e-9730-2431ca1cf7f0-6acb1e01 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_51b3fcc5-ed88-c2c6-050a-4920af358c9b-6acb1e01, #w-node-_51b3fcc5-ed88-c2c6-050a-4920af358c93-6acb1e01, #w-node-_7ecba3c1-e811-690f-3043-c97d74a609e0-6acb1e01 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7ecba3c1-e811-690f-3043-c97d74a609e8-6acb1e01 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-f412b3fa-71ca-6a43-fe7b-47c8a53b06d4-eecb1e02 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-f412b3fa-71ca-6a43-fe7b-47c8a53b06dc-eecb1e02 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_1c9ca4be-70e8-2724-81ee-f7a5e61647f5-3fcb1e03 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_35597ddd-0610-1fd3-414f-67f27f5f975d-3fcb1e03, #w-node-c3a74b0d-420f-20f6-08f9-ed34b6be55f4-3fcb1e03, #w-node-_5fba90af-73fa-73b6-82e7-3789140d2c03-3fcb1e03 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-c4e2d695-35cc-4427-6d80-ae8106ff42cb-3fcb1e03 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_7748841b-22e5-c981-732d-84bfb48ed918-3fcb1e03 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7748841b-22e5-c981-732d-84bfb48ed920-3fcb1e03 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_5b8457c2-4a28-5a36-811e-601b20f407f7-12cb1e11 {
        grid-column: span 1 / span 1;
    }
}

@media screen and (max-width: 479px) {
    #w-node-ff89325a-8eb9-3748-dd97-6515db8a97cf-97cb1dcd, #w-node-e9a0c744-984f-143d-4ad9-7a55780f220a-cdcb1dd8 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_00b1c7b2-7739-280f-3a25-a1ecfd152ad0-45cb1deb {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6415ec27-e874-f877-989a-5720b5aea102-45cb1deb {
        grid-area: 3 / 2 / 4 / 4;
    }

    #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c5-6acb1e01 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_58940549-c50f-9c06-3478-a3ca8500f1c6-6acb1e01 {
        grid-area: 3 / 2 / 4 / 4;
    }

    #w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc29-44cb1e08, #w-node-_6a18eb8c-d226-c624-3892-217e4345fe40-44cb1e08, #w-node-_15cd5a3c-6db4-08f5-52a3-f057d710b197-44cb1e08, #w-node-_92688848-6c0c-8d1e-a1c1-4e385a5fdd7f-44cb1e08, #w-node-_40ab270d-89eb-b503-fdb5-7d1df64cea51-44cb1e08, #w-node-e167b751-6fae-291a-c5cc-bdd47a33bcb0-44cb1e08, #w-node-_0ed475f9-7521-ce6a-e522-cd40d8dd4075-44cb1e08, #w-node-c6372b1b-e5c2-7990-c116-d4d3a66308f3-44cb1e08, #w-node-_105fbc8f-247c-fecf-e893-b16dc824f26a-44cb1e08, #w-node-_6050e448-85e3-78d4-798c-fc59e2da97aa-44cb1e08, #w-node-_14ab7154-b3cb-8104-fab5-e73ca1a64f3b-44cb1e08, #w-node-be4fb4ad-45b8-d0cf-32ce-a6d937053aa1-44cb1e08, #w-node-_6fde054c-db72-f2f8-d0f6-816495bb4962-44cb1e08, #w-node-_3d3c0dc6-3539-8dd8-3f0b-08c6b35e8650-44cb1e08, #w-node-_8609eb51-96de-8ad3-aa54-aa19dabcdf20-44cb1e08, #w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc57-44cb1e08, #w-node-_49cca918-c86c-541f-7ce5-f9a9d329efa9-44cb1e08, #w-node-d6e596d5-8de4-ff78-b72f-c7add2c74cdf-44cb1e08, #w-node-f05a39b9-2ff2-3c6a-4533-a4bcee3a4f19-44cb1e08, #w-node-dc1b3d86-60b2-587e-7b47-7f27d6ea11d7-44cb1e08, #w-node-b830aba6-668b-37aa-0bf5-73d1943ff779-44cb1e08, #w-node-c706860d-d724-fa4f-4e58-ef3866dde3c9-44cb1e08, #w-node-_765cebc8-d929-9a20-3343-8bcb8e7c2632-44cb1e08, #w-node-_06d68103-5248-e1ef-dd60-824c0578c6c7-44cb1e08, #w-node-abe081ac-273b-3f55-d0c9-ec62063b1a6c-44cb1e08, #w-node-ceede9b7-49ed-722c-eb3d-184ac10406db-44cb1e08, #w-node-_7041f638-6ec2-d173-bea8-d481b9da2107-44cb1e08, #w-node-a9f99b00-2aec-00a8-8b82-6264317e4021-44cb1e08, #w-node-_707ed26b-29ff-7aa0-0665-b22a0522c66a-44cb1e08, #w-node-_77400b89-b9f0-2c08-027d-7bed79ed192f-44cb1e08, #w-node-_7b78a66b-5e6c-2b9f-f996-bd1f70cce1ad-44cb1e08, #w-node-_05464c35-3954-578e-c1c1-b233d17cbcb2-44cb1e08, #w-node-dbb0ea46-6595-02e5-97cd-697980b01c7f-44cb1e08, #w-node-_2ecab8af-5dc8-76b9-2692-7118343f5397-44cb1e08, #w-node-ff4bc89c-ab5b-c7bf-59a8-d7068027eb16-44cb1e08, #w-node-_6342ea30-0031-fe53-6cd1-ea7942867600-44cb1e08, #w-node-_53a4902d-2fc8-d321-945f-e04b58cc0eb1-44cb1e08 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}


@font-face {
    font-family: 'Fa brands 400';
    src: url('../fonts/fa-brands-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Fa solid 900';
    src: url('../fonts/fa-solid-900.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Fa 400';
    src: url('../fonts/fa-regular-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}