:root {
    --font-family--heading-font: Fredoka, sans-serif;
    --color--heading-font-color: black;
    --_typography---h1--font-size: 120px;
    --_typography---h1--line-height: 136px;
    --_typography---h2--font-size: 65px;
    --_typography---h2--line-height: 75px;
    --_typography---h3--font-size: 36px;
    --_typography---h3--line-height: 46px;
    --_typography---h4--font-size: 24px;
    --_typography---h4--line-height: 34px;
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 30px;
    --_typography---h6--font-size: 16px;
    --_typography---h6--line-height: 26px;
    --color--body-font-color: #444;
    --color--body-color: #fff3e8;
    --font-family--body-font: Blinker, sans-serif;
    --color--skin-color: #bc032d;
    --color--white-color: white;
    --color--black-color: black;
    --border-radius--border-radius-30: 30px;
    --border-radius--border-radius-15: 15px;
    --border-color--border-color: black;
    --border-radius--border-radius-25: 25px;
    --color--light-color: #fdf6d6;
    --color--light-color-1: #ffe5e3;
    --color--light-color-3: #f9fee9;
    --color--light-color-4: #fdebd6;
    --border-radius--border-radius-50: 50px;
    --color--primary-color: #7a7a7a;
    --font-family--free-hand-font: Freehand, sans-serif;
    --color--light-color-2: #b8e2ef;
    --container-size: 1330px;
    --width-25: 25%;
}

body {
    color: #333;
    margin-bottom: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

h1 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h1--font-size);
    line-height: var(--_typography---h1--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

h2 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h2--font-size);
    line-height: var(--_typography---h2--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

h3 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h3--font-size);
    line-height: var(--_typography---h3--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

h4 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h4--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

h5 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h5--font-size);
    line-height: var(--_typography---h5--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

h6 {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h6--font-size);
    line-height: var(--_typography---h6--line-height);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

p {
    margin-bottom: 0;
}

a {
    color: var(--color--body-font-color);
    text-decoration: none;
}

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

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

.body {
    background-color: var(--color--body-color);
    font-family: var(--font-family--body-font);
    color: var(--color--body-font-color);
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
}

.pages {
    position: relative;
}

.header {
    background-color: var(--color--skin-color);
}

.header-content-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.main-menu-block {
    justify-content: flex-start;
    align-items: center;
}

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

.nav-link {
    font-family: var(--font-family--heading-font);
    color: var(--color--white-color);
    margin-left: 18px;
    margin-right: 18px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    transition: text-decoration-color .5s, color .5s;
    display: block;
}

.nav-link:hover {
    color: var(--color--body-color);
    text-underline-offset: 4px;
    text-decoration: underline;
}

.nav-link.w--current {
    color: var(--color--body-color);
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.container {
    max-width: 1330px;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    min-width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

.category-item-inner {
    color: var(--color--heading-font-color);
    text-align: center;
    transition: all .3s;
    display: block;
}

.category-item-inner:hover,
.category-item-inner.w--current {
    color: var(--color--skin-color);
}

.category-item-thumbnail {
    border-radius: var(--border-radius--border-radius-30);
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    overflow: hidden;
}

.category-item-image {
    width: 100%;
}

.category-item-title {
    font-family: var(--font-family--heading-font);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h5--line-height);
    text-align: center;
    font-weight: 600;
}

.button {
    border: 2px solid var(--border-color--border-color);
    border-radius: var(--border-radius--border-radius-30);
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 8px 25px;
    font-size: 17px;
    font-weight: 500;
    transition: border-color .5s;
    position: relative;
    overflow: hidden;
}

.btn-text {
    z-index: 2;
    position: relative;
}

.button-overlay-block {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-right: 1px;
    display: flex;
    position: absolute;
    bottom: -60%;
    left: 0%;
    right: 0%;
}

.button-overlay-inner {
    background-color: var(--color--skin-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
}

.product-thumbnail {
    margin-bottom: 30px;
}

.product-item-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.product-item-title {
    font-family: var(--font-family--heading-font);
    color: var(--color--heading-font-color);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h4--line-height);
    margin-bottom: 5px;
    font-weight: 600;
    transition: all .5s;
    display: inline-block;
}

.product-item-title:hover {
    color: var(--color--skin-color);
}

.product-price-text {
    color: var(--color--black-color);
    text-align: center;
    margin-bottom: 20px;
}

.footer {
    position: relative;
}

.first-footer {
    padding-top: 80px;
}

.second-footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 70px;
    padding-bottom: 55px;
    display: grid;
}

.copyright {
    padding-bottom: 25px;
}

.footer-widget {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.footer-nav-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-top: 2px solid var(--border-color--border-color);
    border-bottom: 2px solid var(--border-color--border-color);
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.footer-nav-link {
    font-family: var(--font-family--heading-font);
    color: var(--color--black-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    transition: color .5s;
}

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

.footer-info-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
}

.footer-brand {
    font-family: var(--font-family--heading-font);
    color: var(--color--black-color);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h4--line-height);
    margin-bottom: 17px;
    font-weight: 600;
}

.footer-info-inner {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
}

.footer-contact-text {
    font-family: var(--font-family--body-font);
    color: var(--color--black-color);
    margin-bottom: 3px;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
}

.footer-contact-text.last-content {
    margin-bottom: 0;
}

.footer-contact-number {
    color: var(--color--black-color);
    transition: color .5s;
}

.footer-contact-number:hover {
    color: var(--color--skin-color);
}

.footer-contact-link {
    color: var(--color--heading-font-color);
    text-decoration: underline;
    transition: color .5s;
}

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

.footer-info-text {
    color: var(--color--black-color);
    font-size: var(--_typography---h6--font-size);
    line-height: var(--_typography---h6--line-height);
    margin-bottom: 3px;
    font-weight: 600;
}

.footer-info-text.last-info-text {
    margin-bottom: 0;
}

.copyright-text {
    color: var(--color--black-color);
    font-size: var(--_typography---h6--font-size);
    line-height: var(--_typography---h6--line-height);
    text-align: center;
    font-weight: 400;
}

.page-title-block {
    background-color: var(--color--light-color-4);
    padding-top: 80px;
    padding-bottom: 60px;
}

.page-title-block.product-pagetitle {
    background-color: var(--color--light-color);
}

.page-title-heading {
    text-align: center;
    margin-top: -10px;
    font-size: 78px;
    line-height: 88px;
}

.page-title-heading.main-heading {
    margin-top: -10px;
    margin-bottom: 20px;
}

.page-title-desc {
    color: #646464;
    text-align: center;
    max-width: 650px;
    font-weight: 400;
    line-height: 28px;
}

.page-title-desc-block {
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;

}

.feature-wrapper {
    border-radius: var(--border-radius--border-radius-50);
    background-image: url('image/bg-violet.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    padding: 95px 35px 100px 20px;
}

.feature-title {
    font-family: var(--font-family--heading-font);
    color: var(--color--white-color);
    margin-bottom: 30px;
    font-size: 58px;
    font-weight: 700;
    line-height: 82px;
}

.product-features-flex {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    margin-bottom: 60px;
    display: flex;
}

.product-feature-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.poduct-feature-name {
    color: var(--color--white-color);
}

.feature-image-block {
    margin-bottom: -140px;
    padding-left: 30px;
    position: relative;
}

.feature-grid {
    grid-template-rows: auto;
    grid-template-columns: 7fr 5fr;
    grid-auto-columns: 1fr;
    align-items: end;
    display: grid;
}

.feature-front-image-block {
    display: flex;
    position: relative;
}

.feature-product-image.image1 {
    z-index: 8;
    position: relative;
    transform: rotate(-9.37deg);
}

.feature-product-image.image2 {
    z-index: 7;
    position: relative;
    transform: rotate(11.42deg);
}

.feature-decorative-image.image1 {
    z-index: 1;
    position: absolute;
    bottom: 0%;
    left: -45%;
}

.feature-decorative-image.image2 {
    z-index: 8;
    position: absolute;
    top: 0;
    right: -10%;
    transform: scale(1);
}

.feature-image {
    position: relative;
}

.feature-content-block {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: -10px;
    display: flex;
}

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

.feature-section:where(.w-variant-76b88312-c017-6d78-0857-a7aa0d68abd2) {
    padding-top: 100px;
    padding-bottom: 60px;
}

.border-white-btn {
    border: 2px solid var(--color--white-color);
    border-radius: var(--border-radius--border-radius-30);
    font-family: var(--font-family--heading-font);
    color: var(--color--white-color);
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.product-category-section {
    background-color: var(--color--light-color);
    margin-top: -30px;
}

.product-7-list {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.product-7-item {
    border-radius: var(--border-radius--border-radius-50);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.product-category-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 80px;
}

.category-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.cateroty-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.category-tab-link {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 4fr 8fr;
    grid-auto-columns: 1fr;
}

.category-item-section {
    background-color: var(--color--light-color-3);
}

.text-span {
    font-weight: 600;
}

.text-span-2,
.text-span-3,
.text-span-4,
.text-span-5,
.text-span-6,
.text-span-7 {
    font-weight: 400;
}

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

    body {
        --_typography---h1--font-size: 80px;
        --_typography---h1--line-height: 90px;
        --_typography---h2--font-size: 45px;
        --_typography---h2--line-height: 55px;
        --_typography---h3--font-size: 26px;
        --_typography---h3--line-height: 40px;
        --_typography---h4--font-size: 20px;
        --_typography---h4--line-height: 30px;
        --_typography---h5--font-size: 18px;
        --_typography---h5--line-height: 28px;
        --_typography---h6--font-size: 16px;
        --_typography---h6--line-height: 26px;
    }

    .header-content-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .main-menu-block {
        margin-top: 15px;
        display: flex;
    }

    .nav-menu {
        grid-column-gap: 17px;
        grid-row-gap: 17px;
     
        justify-content: center;
        align-items: flex-start;
        padding: 20px 15px;
        box-shadow: 0 2px 3px #0003;
    }

    .nav-link {
        color: var(--color--black-color);
        margin-left: 0;
        margin-right: 0;
        line-height: 18px;
    }

    .nav-link:hover {
        color: var(--color--skin-color);
    }

    .nav-link.w--current {
        color: var(--color--skin-color);
        margin-top: 0;
        display: block;
    }

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

    .category-item-thumbnail {
        border-radius: var(--border-radius--border-radius-30);
        margin-bottom: 15px;
    }

    .category-item-title {
        font-size: 22px;
        line-height: 34px;
    }

    .product-thumbnail {
        margin-bottom: 20px;
    }

    .first-footer {
        padding-top: 60px;
    }

    .second-footer {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 40px;
        padding-bottom: 35px;
        display: grid;
    }

    .copyright {
        padding-bottom: 20px;
    }

    .footer-nav-menu {
        grid-column-gap: 25px;
        grid-row-gap: 10px;
        justify-content: center;
    }

    .footer-brand {
        margin-bottom: 15px;
    }

    .footer-info-inner {
        width: 100%;
    }

    .page-title-block {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .page-title-heading {
        font-size: var(--_typography---h2--font-size);
        line-height: var(--_typography---h2--line-height);
    }

    .page-title-heading.main-heading {
        margin-bottom: 10px;
    }

    .page-title-desc {
        max-width: 100%;
    }

    .feature-wrapper {
        border-radius: var(--border-radius--border-radius-30);
        background-size: cover;
        padding: 60px 30px;
    }

    .feature-title {
        font-size: var(--_typography---h2--font-size);
        line-height: var(--_typography---h2--line-height);
    }

    .product-features-flex {
        margin-bottom: 25px;
    }

    .feature-image-block {
        margin-bottom: 0;
        display: none;
    }

    .feature-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .feature-section {
        padding-bottom: 60px;
    }

    .feature-section:where(.w-variant-76b88312-c017-6d78-0857-a7aa0d68abd2) {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .product-category-section {
        margin-top: 0;
    }

    .product-7-list {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .product-category-wrapper {
        padding-bottom: 55px;
        padding-left: 0;
        padding-right: 0;
    }

    .cateroty-collection-list,
    .category-tab-link {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

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

@media screen and (max-width: 767px) {
    body {
        --_typography---h1--font-size: 60px;
        --_typography---h1--line-height: 70px;
        --_typography---h2--font-size: 40px;
        --_typography---h2--line-height: 50px;
        --_typography---h3--font-size: 22px;
        --_typography---h3--line-height: 32px;
        --_typography---h4--font-size: 18px;
        --_typography---h4--line-height: 28px;
        --_typography---h5--font-size: 18px;
        --_typography---h5--line-height: 28px;
        --_typography---h6--font-size: 16px;
        --_typography---h6--line-height: 26px;
    }

    .body {
        font-size: 16px;
        line-height: 26px;
    }

    .category-item-thumbnail {
        border-radius: var(--border-radius--border-radius-25);
        text-align: center;
        margin-bottom: 10px;
    }

    .category-item-image {
        border-radius: var(--border-radius--border-radius-15);
    }

    .category-item-title {
        font-size: 18px;
        line-height: 28px;
    }

    .product-thumbnail {
        margin-bottom: 20px;
    }

    .first-footer {
        padding-top: 50px;
    }

    .second-footer {
        flex-flow: column wrap;
    }

    .footer-widget {
        justify-content: center;
        align-items: flex-start;
    }

    .footer-nav-link {
        font-size: 16px;
        line-height: 26px;
    }

    .footer-brand {
        margin-bottom: 15px;
    }

    .footer-info-inner {
        text-align: left;
    }

    .page-title-block {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .page-title-heading,
    .page-title-heading.main-heading {
        margin-top: -8px;
    }

    .feature-wrapper {
        border-radius: var(--border-radius--border-radius-25);
        padding: 40px 20px;
    }

    .product-features-flex {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .feature-image-block {
        margin-bottom: 50px;
    }

    .feature-front-image-block {
        padding-left: 20px;
    }

    .feature-decorative-image.image1,
    .feature-decorative-image.image2 {
        display: none;
    }

    .product-7-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .product-category-wrapper {
        padding-bottom: 40px;
    }

    .cateroty-collection-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

@media screen and (max-width: 479px) {
    body {
        --_typography---h1--font-size: 40px;
        --_typography---h1--line-height: 50px;
        --_typography---h2--font-size: 30px;
        --_typography---h2--line-height: 40px;
        --_typography---h3--font-size: 22px;
        --_typography---h3--line-height: 32px;
        --_typography---h4--font-size: 18px;
        --_typography---h4--line-height: 28px;
        --_typography---h5--font-size: 17px;
        --_typography---h5--line-height: 27px;
        --_typography---h6--font-size: 16px;
        --_typography---h6--line-height: 26px;
    }

    .brand-logo-image {
        width: 100px;
    }

    .category-item-thumbnail {
        border-radius: var(--border-radius--border-radius-15);
    }

    .first-footer {
        padding-top: 50px;
    }

    .second-footer {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }

    .footer-nav-menu {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer-info-block {
        display: flex;
    }

    .footer-info-inner {
        text-align: left;
    }

    .product-item-title {
        margin-bottom: 5px;
        font-size: 17px;
        line-height: 27px;
    }

    .product-price-text {
        margin-bottom: 15px;
    }

    .page-title-block {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .feature-wrapper {
        border-radius: var(--border-radius--border-radius-15);
        padding-top: 35px;
        padding-bottom: 35px;
        max-width: 300px;
    
    }
    .container-fluid {
    min-width: 90%;
    }

    .feature-product-image.image1,
    .feature-product-image.image2 {
        height: 220px;
    }

    .product-7-list {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .cateroty-collection-list {
        grid-template-columns: 1fr 1fr;
    }

    .border-white-btn {
        padding: 6px 15px 8px;
    }
}


.pages  {
    overflow: hidden;
}
.button:hover {
    border-color: var(--color--skin-color);
}
.btn:hover {
    border-color: var(--color--skin-color);
}