body{font-size:16px;}

@media (min-width: 1640px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1570px;
    }
}

.page-content{overflow: hidden;}

.animate__animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

.animate__animated.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display:flex;
}

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

.slogan-main .text-element{
    width: 700px;
    max-width: 700px;
    font-size:16px;
}

.slogan-main .spacer-before {
    height: 300px;
}

.slogan-main .spacer-after {
    height: 370px;
}

@media (max-width: 1199px) {
    .slogan-main .spacer-after {
        height: 360px;
    }
}

@media (max-width: 767px) {
    .slogan-main .spacer-after {
        height: 250px;
    }
}

@media (max-width: 1199px) {
    .slogan-main .spacer-before {
        height: 160px;
    }
}

.smoke-effects .spacer-after {
    height: 48px;
}

.lte-layout-desktop-center-transparent .lte-navbar .lte-logo img, .lte-footer-widget-area .lte-logo img {
    max-height: 95px !important;
}

.column-wrap{
    padding: 0px 15px !important;
}

.top-bg1 {
    background-image: url('../images/pistacchio_bg.webp');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative;
}

.top-bg2 {
    background-image: url('../images/leaves_pattern_010.png');
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative;
}

.top-bg2 .image-content{
    text-align:center;
    margin: -330px 0px 0px 0px;
}

@media(max-width: 767px) {
    .top-bg2 .image-content{
        text-align:center;
        margin: -200px 0px 0px 0px;
    }
}

.top-bg2 .image-widget-container {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

/*****************************************/

section.about .left-column .spacer-before {
    height: 150px;
}

@media (max-width: 1199px) {
    section.about .left-column .spacer-before {
        height: 80px;
    }
}

section.about .left-column .spacer-after {
    height: 160px;
}

@media (max-width: 1199px) {
    section.about .left-column .spacer-after {
        height: 64px;
    }
}

@media (max-width: 767px) {
    section.about .left-column .spacer-after {
        height: 24px;
    }
}

section.about .since-data {
    text-align: center;
    z-index: 5;
    width: 160px;
    max-width: 160px;
    top: 157px;
    left: 95px;
}

@media (max-width: 1199px) {
    section.about .since-data {
        left: 6px;
        top: 57px;
    }
}

section.about .right-column .spacer-before {
    height: 85px;
}

section.about .right-column .spacer-after {
    height: 100px;
}

/********************************************************/

section.circle-section {
    background-image: url(../images/paper_bg.jpg);
    background-size: cover;
}

section.circle-section .spacer-before {
    height: 75px;
}

@media (max-width: 1199px) {
    section.circle-section .spacer-before {
        height: 25px;
    }
}

@media (max-width: 767px) {
    section.circle-section .spacer-before {
        height: 1px;
    }
}

section.circle-section .spacer-after {
    height: 140px;
}

@media (max-width: 1199px) {
    section.circle-section .spacer-after {
        height: 100px;
    }
}

section.circle-section .header {
    text-align: center;
    width: 1070px;
    max-width: 1070px;
}

section.circle-section .header .header-container{
    padding: 80px 0px 120px 0px;
    background-image: url(../images/grow-cat-bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/********************************************/

section.why-section .spacer-before {
    height: 104px;
}

@media (max-width: 1199px) {
    section.why-section .spacer-before {
        height: 64px;
    }
}

section.products-section .spacer-before {
    height: 104px;
}

@media (max-width: 1199px) {
    section.products-section .spacer-before {
        height: 64px;
    }
}

.woocommerce .products ul li, .woocommerce ul.products li {
    list-style: none outside;
}

.main-page-content *, .main-page-content :after, .main-page-content :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-page-content .elementor-element.elementor-element-e6985e1 {
    overflow: hidden;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}


.main-page-content .elementor-element.elementor-element-e6985e1 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-9dc9081 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-9dc9081 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-2aa57a9.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: center;
}

.main-page-content .elementor-element.elementor-element-22b375f .elementor-spacer-inner {
    height: 300px;
}

.main-page-content .elementor-element.elementor-element-953a708 {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-953a708 > .elementor-widget-container {
    margin: 0px 0px 16px 0px;
}

.main-page-content .elementor-element.elementor-element-b4dcd3b .elementor-text-editor {
    text-align: center;
    column-gap: 0px;
}

.main-page-content .elementor-element.elementor-element-b4dcd3b {
    width: 700px;
    max-width: 700px;
}

.main-page-content .elementor-element.elementor-element-2a188b7 .elementor-spacer-inner {
    height: 370px;
}

.main-page-content .elementor-element.elementor-element-da6b742:not(.elementor-motion-effects-element-type-background), .main-page-content .elementor-element.elementor-element-da6b742 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/leaves_pattern_010.png");
}

.main-page-content .elementor-element.elementor-element-da6b742 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-da6b742 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-2082294 > .elementor-widget-container {
    margin: -330px 0px 0px 0px;
}

.main-page-content .elementor-element.elementor-element-5ed8986 .elementor-spacer-inner {
    height: 48px;
}

.main-page-content .elementor-element.elementor-element-7172929 .elementor-spacer-inner {
    height: 150px;
}

.main-page-content .elementor-element.elementor-element-710d404 > .elementor-widget-container {
    margin: 0px 0px 12px 0px;
}

.main-page-content .elementor-element.elementor-element-513d6b3 {
    width: 630px;
    max-width: 630px;
}

.main-page-content .elementor-element.elementor-element-3696759 > .elementor-widget-container {
    margin: 30px 0px 48px 32px;
}

.main-page-content .elementor-element.elementor-element-1197ec8 {
    width: auto;
    max-width: auto;
}

.main-page-content .elementor-element.elementor-element-88822c9 > .elementor-widget-container {
    margin: 0px 24px 0px 24px;
}

.main-page-content .elementor-element.elementor-element-88822c9 {
    width: auto;
    max-width: auto;
}

.main-page-content .elementor-element.elementor-element-cff22b3 .elementor-spacer-inner {
    height: 160px;
}

.main-page-content .elementor-element.elementor-element-7ed4a3b .elementor-spacer-inner {
    height: 85px;
}

.main-page-content .elementor-element.elementor-element-23bc78c {
    text-align: center;
    z-index: 5;
    width: 160px;
    max-width: 160px;
    top: 157px;
}

.main-page-content .elementor-element.elementor-element-23bc78c > .elementor-widget-container {
    padding: 0px 0px 0px 0px;
}

body:not(.rtl) .main-page-content .elementor-element.elementor-element-23bc78c {
    left: 95px;
}

body.rtl .main-page-content .elementor-element.elementor-element-23bc78c {
    right: 95px;
}

.main-page-content .elementor-element.elementor-element-ac62c4c .elementor-spacer-inner {
    height: 100px;
}

.main-page-content .elementor-element.elementor-element-50ef4e8:not(.elementor-motion-effects-element-type-background), .main-page-content .elementor-element.elementor-element-50ef4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/paper_bg.jpg");
    background-size: cover;
}

.main-page-content .elementor-element.elementor-element-50ef4e8 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-50ef4e8 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-e40c73b.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: center;
}

.main-page-content .elementor-element.elementor-element-491f825 .elementor-spacer-inner {
    height: 75px;
}

.main-page-content .elementor-element.elementor-element-504b062 {
    text-align: center;
    width: 1070px;
    max-width: 1070px;
}

.main-page-content .elementor-element.elementor-element-504b062 > .elementor-widget-container {
    padding: 80px 0px 120px 0px;
    background-image: url("assets/images/grow-cat-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.main-page-content .elementor-element.elementor-element-5d53852 .elementor-spacer-inner {
    height: 140px;
}

.main-page-content .elementor-element.elementor-element-f51102d:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .main-page-content .elementor-element.elementor-element-f51102d > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/aroma_photo_01.jpg");
    background-size: 100% auto;
}

.main-page-content .elementor-element.elementor-element-f51102d > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-f51102d > .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

body:not(.rtl) .main-page-content .elementor-element.elementor-element-421d0ab {
    right: -128px;
}

body.rtl .main-page-content .elementor-element.elementor-element-421d0ab {
    left: -128px;
}

.main-page-content .elementor-element.elementor-element-421d0ab {
    top: 92px;
}

.main-page-content .elementor-element.elementor-element-f9476ac:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .main-page-content .elementor-element.elementor-element-f9476ac > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/branch-bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
}

.main-page-content .elementor-element.elementor-element-f9476ac > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-f9476ac > .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-6f4ac7d > .elementor-container {
    max-width: 507px;
}

.main-page-content .elementor-element.elementor-element-6f4ac7d {
    overflow: hidden;
}

.main-page-content .elementor-element.elementor-element-40123c1 .elementor-spacer-inner {
    height: 120px;
}

.main-page-content .elementor-element.elementor-element-9f50b44 .elementor-spacer-inner {
    height: 30px;
}

.main-page-content .elementor-element.elementor-element-f4e83ad {
    width: 360px;
    max-width: 360px;
}

.main-page-content .elementor-element.elementor-element-9ba4d51 .elementor-spacer-inner {
    height: 80px;
}

.main-page-content .elementor-element.elementor-element-3eda442 .elementor-spacer-inner {
    height: 150px;
}

.main-page-content .elementor-element.elementor-element-8c8ccaa:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .main-page-content .elementor-element.elementor-element-8c8ccaa > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/aroma_photo_02.jpg");
    background-size: 100% auto;
}

.main-page-content .elementor-element.elementor-element-8c8ccaa > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-8c8ccaa > .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-999974d {
    overflow: hidden;
}

.main-page-content .elementor-element.elementor-element-ef50b5f .elementor-spacer-inner {
    height: 104px;
}

.main-page-content .elementor-element.elementor-element-9ee2816 .elementor-spacer-inner {
    height: 30px;
}

.main-page-content .elementor-element.elementor-element-ed0804b .elementor-spacer-inner {
    height: 104px;
}

.main-page-content .elementor-element.elementor-element-5713e2a .elementor-spacer-inner {
    height: 104px;
}

.main-page-content .elementor-element.elementor-element-fced310 .elementor-spacer-inner {
    height: 30px;
}

.main-page-content .elementor-element.elementor-element-07eb6ab .elementor-spacer-inner {
    height: 100px;
}

.main-page-content .elementor-element.elementor-element-ee12b36:not(.elementor-motion-effects-element-type-background), .main-page-content .elementor-element.elementor-element-ee12b36 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/grow-video-bg.jpg");
    background-size: cover;
}

.main-page-content .elementor-element.elementor-element-ee12b36 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-ee12b36 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-19aab58 .elementor-spacer-inner {
    height: 260px;
}

.main-page-content .elementor-element.elementor-element-4e33144 {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-effadae {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-effadae > .elementor-widget-container {
    margin: 14px 0px 0px 0px;
}

.main-page-content .elementor-element.elementor-element-f5524e2 > .elementor-widget-container {
    margin: 024px 0px 0px 0px;
}

.main-page-content .elementor-element.elementor-element-d70bc99 .elementor-spacer-inner {
    height: 100px;
}

.main-page-content .elementor-element.elementor-element-cb8e342 {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-3ace978 .elementor-spacer-inner {
    height: 230px;
}

.main-page-content .elementor-element.elementor-element-6fd3e65:not(.elementor-motion-effects-element-type-background), .main-page-content .elementor-element.elementor-element-6fd3e65 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("assets/images/green_parallax.jpg");
    background-position: center center;
}

.main-page-content .elementor-element.elementor-element-6fd3e65 > .elementor-background-overlay {
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.main-page-content .elementor-element.elementor-element-6fd3e65 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.main-page-content .elementor-element.elementor-element-b0d8f8f .elementor-spacer-inner {
    height: 130px;
}

.main-page-content .elementor-element.elementor-element-0c03b67 .elementor-spacer-inner {
    height: 130px;
}

.main-page-content .elementor-element.elementor-element-c191f9f.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: center;
}

.main-page-content .elementor-element.elementor-element-2cbcf84 .elementor-spacer-inner {
    height: 114px;
}

.main-page-content .elementor-element.elementor-element-5370875 {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-a587c25 .elementor-text-editor {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-a587c25 > .elementor-widget-container {
    margin: 10px 0px 0px 0px;
}

.main-page-content .elementor-element.elementor-element-a587c25 {
    width: 740px;
    max-width: 740px;
}

.main-page-content .elementor-element.elementor-element-63e21c5 .elementor-spacer-inner {
    height: 30px;
}

.main-page-content .elementor-element.elementor-element-cb64fc1 > .elementor-widget-container {
    background-image: url("../../2020/07/product-bg-010.png");
    background-position: center right;
    background-repeat: no-repeat;
}

.main-page-content .elementor-element.elementor-element-658d109 .elementor-spacer-inner {
    height: 80px;
}

.main-page-content .elementor-element.elementor-element-90dcaa7 .elementor-spacer-inner {
    height: 50px;
}

.main-page-content .elementor-element.elementor-element-f507ab2 {
    text-align: center;
}

.main-page-content .elementor-element.elementor-element-fcb7063 .elementor-spacer-inner {
    height: 140px;
}

@media(min-width: 768px) {
    .main-page-content .elementor-element.elementor-element-bb3e47a {
        width:25%;
    }

    .main-page-content .elementor-element.elementor-element-ac6bbee {
        width: 49.332%;
    }

    .main-page-content .elementor-element.elementor-element-c786827 {
        width: 25%;
    }
}

@media(max-width: 1199px) {
    .main-page-content .elementor-element.elementor-element-2aa57a9.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
        justify-content:center;
    }

    .main-page-content .elementor-element.elementor-element-22b375f .elementor-spacer-inner {
        height: 160px;
    }

    .main-page-content .elementor-element.elementor-element-953a708 {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-b4dcd3b .elementor-text-editor {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-2a188b7 .elementor-spacer-inner {
        height: 360px;
    }

    .main-page-content .elementor-element.elementor-element-23964d5.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
        justify-content: center;
    }

    .main-page-content .elementor-element.elementor-element-7172929 .elementor-spacer-inner {
        height: 80px;
    }

    .main-page-content .elementor-element.elementor-element-710d404 {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-513d6b3 .elementor-text-editor {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-3696759 > .elementor-widget-container {
        margin: 12px 0px 36px 0px;
    }

    .main-page-content .elementor-element.elementor-element-1197ec8 {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-88822c9 {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-cff22b3 .elementor-spacer-inner {
        height: 64px;
    }

    body:not(.rtl) .main-page-content .elementor-element.elementor-element-23bc78c {
        left: 6px;
    }

    body.rtl .main-page-content .elementor-element.elementor-element-23bc78c {
        right: 6px;
    }

    .main-page-content .elementor-element.elementor-element-23bc78c {
        top: 57px;
    }

    .main-page-content .elementor-element.elementor-element-491f825 .elementor-spacer-inner {
        height: 28px;
    }

    .main-page-content .elementor-element.elementor-element-5d53852 .elementor-spacer-inner {
        height: 110px;
    }

    .main-page-content .elementor-element.elementor-element-ef50b5f .elementor-spacer-inner {
        height: 64px;
    }

    .main-page-content .elementor-element.elementor-element-5713e2a .elementor-spacer-inner {
        height: 0px;
    }

    .main-page-content .elementor-element.elementor-element-fced310 .elementor-spacer-inner {
        height: 64px;
    }

    .main-page-content .elementor-element.elementor-element-fcb7063 .elementor-spacer-inner {
        height: 100px;
    }
}

@media(max-width: 767px) {
    .main-page-content .elementor-element.elementor-element-2a188b7 .elementor-spacer-inner {
        height:250px;
    }

    .main-page-content .elementor-element.elementor-element-2082294 > .elementor-widget-container {
        margin: -200px 0px 0px 0px;
    }

    .main-page-content .elementor-element.elementor-element-3696759 > .elementor-widget-container {
        margin: 32px 0px 32px 0px;
    }

    .main-page-content .elementor-element.elementor-element-88822c9 > .elementor-widget-container {
        margin: 24px 0px 0px 0px;
    }

    .main-page-content .elementor-element.elementor-element-cff22b3 .elementor-spacer-inner {
        height: 24px;
    }

    .main-page-content .elementor-element.elementor-element-491f825 .elementor-spacer-inner {
        height: 1px;
    }

    .main-page-content .elementor-element.elementor-element-f9476ac.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
        justify-content: center;
    }

    .main-page-content .elementor-element.elementor-element-9ea96f7.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
        justify-content: center;
    }

    .main-page-content .elementor-element.elementor-element-40123c1 .elementor-spacer-inner {
        height: 80px;
    }

    .main-page-content .elementor-element.elementor-element-f34056b {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-f4e83ad .elementor-text-editor {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-9ba4d51 .elementor-spacer-inner {
        height: 48px;
    }

    .main-page-content .elementor-element.elementor-element-9b5447e {
        text-align: center;
    }

    .main-page-content .elementor-element.elementor-element-3eda442 .elementor-spacer-inner {
        height: 100px;
    }

    .main-page-content .elementor-element.elementor-element-fced310 .elementor-spacer-inner {
        height: 48px;
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .main-page-content .elementor-element.elementor-element-2aa57a9 {
        width:100%;
    }

    .main-page-content .elementor-element.elementor-element-23964d5 {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-aab1129 {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-f51102d {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-f9476ac {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-8c8ccaa {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-bb3e47a {
        width: 100%;
    }

    .main-page-content .elementor-element.elementor-element-c786827 {
        width: 100%;
    }
}

.elementor-section.elementor-section-boxed > .elementor-container{max-width:1570px;}
.elementor-widget:not(:last-child){margin-bottom:0px;}

/************************************************/

.since-data h3{
    font-size: 28px;
    line-height: 1em;
}
@media (min-width: 1200px) {
.lte-heading.lte-size-lg .lte-header {
    font-size: 110px;
    line-height: 1em;
    margin-bottom: 50px;
}
}

.section-header h6{
    color: var(--main);
    font-size:16px;
    margin:0px;
}

.section-header h3{
    margin:0px;
}

.product-card {
    position: relative;
    overflow: hidden;
}

.product-image {
    position: relative;
}

.product-card h5.card-title{
    font-size: 18px;
    font-family: var(--font-headers), serif;
}

.product-card h5.card-title:hover{
    color: var(--main);
}

.product-card .card-text.price{
    color: var(--main);
    font-size: 18px;
}

.add-to-cart-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* półprzezroczysta warstwa */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-card:hover .add-to-cart-overlay {
    opacity: 1;
}

.add-to-cart-overlay a {
    z-index: 2;
}

.btn-ellipse {
    position: relative;
    background-color: #82ae65;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.5rem;
    overflow: hidden;
    z-index: 1;
}

.btn-ellipse::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    z-index: 0;
}

.btn-ellipse:hover::before {
    transform: translateY(0%);
}

.btn-ellipse span {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.btn-ellipse:hover span {
    color: #fff;
}

section.process-section {
    background-image: url(../images/paper_bg.jpg);
    background-size: cover;
}

.process-section h2 {
    font-weight: 700;
    color: #4d3c2d;
}

.process-section h5 {
    color: #453228;
    font-weight: 800;
    font-size: 24px;
    margin-top:10px;
}

.process-section p {
    font-size: 0.95rem;
}

.produkcja-img-content{
   position: relative; 
}

.produkcja-img {
    width: 300px;
    height: 300px;    
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
    margin:0 auto;
}

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

.step-number {
    position: absolute;
    top: 10px;
    left: 30px;
    background-color: var(--main);
    color: white;
    font-weight: bold;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

@keyframes shake-horizontal {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-5px); }
    40% { transform: translateX(5px); }
    60% { transform: translateX(-5px); }
    80% { transform: translateX(5px); }
}

.process-section .produkcja-img:hover {
    animation: shake-horizontal 0.6s ease-in-out;
}

.animate__animated.animate__delay-0_5s{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*0.5);
    animation-delay: calc(var(--animate-delay)*0.5)
}

.animate__animated.animate__delay-1_5s{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.5);
    animation-delay: calc(var(--animate-delay)*1.5)
}

.animate__animated.animate__delay-2_5s{
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*2.5);
    animation-delay: calc(var(--animate-delay)*2.5)
}

.animate__animated.animate__delay-3_5s{
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*3.5);
    animation-delay: calc(var(--animate-delay)*3.5)
}

.color-main{
    color: var(--main);
}

.process-section .spacer-before {
    height: 85px;
}