/* @font-face {
    font-family: comic;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Comic.woff2') format('woff2');
} */

html,
body {
    padding: 0;
    margin: 0;
}

*::-webkit-scrollbar {
    width: 6px;
    max-height: 6px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);

}

*::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

*::-webkit-scrollbar-thumb {
    border-radius: 20px;
    will-change: transform, opacity;
    transform: translateX(-10px);
    background-color: var(--scrollbarBG);
    border: 3px solid var(--thumbBG);
}

.scrollDraging::-webkit-scrollbar,
.tabsButtonsTestStudy::-webkit-scrollbar {
    width: 5px;
    max-height: 5px;
}

.scrollDraging,
.tabsButtonsTestStudy {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG);
}

.scrollDraging::-webkit-scrollbar-thumb,
.tabsButtonsTestStudy::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarBG);
    border: 3px solid var(--thumbBG);
}

body,
body.rtl,
.rtl form {
    font-family: 'Yekan Bakh' !important;
}

.flowerFramesWrapper {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 100%;
}

.flowerSplitWrapper {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: -2%;
    height: 100%;
}

.flowerFrames {
    display: flex;
    flex-direction: row;
    width: max-content;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.flowerSplitFrames {
    display: flex;
    flex-direction: row;
    width: max-content;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.flowerFrames img {
    width: 100vw;
    height: auto;
    flex-shrink: 0;
    max-width: 260px !important;
    height: 370px !important;
}

.flowerSplitFrames img {
    width: 100vw;
    height: auto;
    flex-shrink: 0;
    max-width: 260px !important;
    height: 370px !important;
}

.textContents .text6-1 .textContext1,
.textContents .text6-1 .textContext2,
.textContents .text6 .textContext1,
.textContents .text6 .textContext2,
.textContents .text8 .textContext1,
.textContents .text8 .textContext2,
.textContents .text5-1 .textContext1,
.textContents .text5-1 .textContext2 {
    /* pointer-events: auto !important; */
    line-height: 1.2;
}
.textContents a {
    pointer-events: auto !important;
}

.textContents .text5-1 .textContext1 p,
.textContents .text5-1 .textContext2 p {
    padding: 0 !important;
    margin: 0 !important;
}

.bgTop {
    position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

span.night {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(180deg, #000037, #000037, #000037ab);
    pointer-events: none;
}

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

span.night>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto !important;
    mix-blend-mode: luminosity;
    transition: all 1s;
}

span.night>img:nth-child(2) {
    animation: 2s starAnim1 infinite;
}

span.night>img:nth-child(3) {
    animation: 2s starAnim infinite;
}

section.sec1home,
section.sec2home,
section.sec3home,
section.sec4home,
section.sec5home,
section.sec6home,
section.sec7home,
section.sec8home,
section.sec9home,
section.sec10home,
section.sec11home,
section.sec12home,
section.sec13home,
section.sec14home,
section.sec15home,
section.sec16home,
section.sec17home,
section.sec18home,
section.sec19home,
section.sec20home {
    height: 100vh !important;
    max-height: 100vh;
    z-index: 2000000;
    opacity: 0.2;
}

/* section.sec7home  {
    height: 100vh !important;
    max-height: 80vh;
    z-index: 2000000;
    opacity: 0.2;
}*/
section.sec10home {
    height: 80vh;
}

section.sec11home {
    height: 40vh;
}

section.sec13home {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 1;
}

section.sec14home {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 1;
    min-height: 100vh;
}

section.sec14home .categoryHome {
    height: 50vh;
    position: relative;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1460px;
    margin: auto;
}

section.sec14home .categoryHome>.sliderBox,
section.sec14home .categoryHome>.sliderBox>.slider4Item {
    min-height: 50vh;
}

.sliderBox {
    padding: 0 40px;
}

.slider4Item {
    overflow: hidden;
    width: 100% !important;
}

.titleSection {
    position: relative;
    padding: 10px 0 20px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    color: #642c90;
}

.listProductCat {
    position: relative;
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    max-width: 940px;
    margin: auto;
    justify-content: center;
}

.itemCat {
    position: relative;
    width: 100%;
    max-width: calc((100% / 4) - 20px);
    margin: 0;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    border: 2px solid #d8b586;
}

.itemCat:before {
    position: relative;
    width: 100%;
    display: block;
    content: '';
    padding-top: 100%;
}

.itemCat .pic {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    width: 51%;
    display: flex;
    margin: auto;
}

.itemCat .pic:before {
    position: relative;
    width: 100%;
    display: block;
    content: '';
    padding-top: 100%;
}

.itemCat .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.itemCat .contentCat {
    display: flex;
    flex-direction: column;
}

.itemCat .contentCat .title {
    position: absolute;
    bottom: -11px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: "PT Serif", serif;
    font-size: 12px;
    font-family: var(--theme-font-family);
    background: #d8b586;
    color: #fff;
    height: 45px;
}

.itemCat span.subtitle {
    display: none !important;
}

@keyframes starAnim {

    0%,
    90%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes starAnim1 {

    0%,
    90%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.bgTop i.clouds {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../img/clouds.webp) repeat-x 0% center / auto 100%;
    height: 100%;
    animation: 300s cloudsAnim infinite linear;
}

@keyframes cloudsAnim {
    to {
        background-position: 1000% center;
    }
}

.flowerOpen {
    position: fixed;
    left: 0;
    right: 0;
    width: 260px;
    margin: auto;
    bottom: -5%;
    z-index: 10;
    pointer-events: none;
}

body.hideOpenFlower .flowerOpen {
    opacity: 0 !important;
}

.flowerOpen:before {
    position: relative;
    width: 100%;
    display: block;
    content: '';
    padding-top: 143%;
}

.flowerOpen img.flowerTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec1home .step1,
.sec1home .step2,
.sec1home .step3,
.sec1home .step4,
.sec1home .step5 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bgSlimi {
    position: fixed;
    left: 0;
    right: 0;
    height: 95vw;
    margin: auto;
    width: 95vw;
    padding: 0 40px;
    top: 5%;
    opacity: 1;
    will-change: transform, opacity;
    transform: translateY(100%);
    pointer-events: none;
}

.HandFlower {
    position: fixed;
    left: 10%;
    width: 80%;
    top: 57% !important;
    transform-origin: left bottom;
    /* will-change: transform, opacity;
transform: rotate(-95deg); */
    rotate: -95deg;
    opacity: 0;
    z-index: 101;
    pointer-events: none;
}

.HandFlower .flowerSplit {
    position: relative;
    left: 0;
    right: 0;
    width: 260px;
    margin: auto;
    bottom: -5%;
    z-index: 10;
    opacity: 0;
}

body.hideOpenFlower .HandFlower .flowerSplit {
    opacity: 1;
}

.HandFlower .flowerSplit:before {
    position: relative;
    width: 100%;
    display: block;
    content: '';
    padding-top: 143%;
}

.HandFlower .flowerSplit img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.HandFlower .hand {
    position: relative;
    width: 67% !important;
    margin-top: -7.3%;
    z-index: 10;
    left: 0.5%;
}

.HandFlower .ContentHandFlower {
    transition: all 0.5s;
    transform-origin: center;
}

.HandFloweRreverse .ContentHandFlower {
    will-change: transform, opacity;
    transform: scaleY(-1);
    transform-origin: center;
}


.textContents {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    pointer-events: none;
}

a.textContext2.gotoshop {
    pointer-events: auto !important;
    z-index: 2000;
    font-family: var(--theme-font-family) !important;
    background: #b9565600 !important;
    width: 190px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #5f248c;
    color: #5f248c;
    font-size: 21px;
}

a.textContext2.gotoshop:hover {
    background: #5f248c !important;
    color: #d8b586 !important;
    border-color: #5f248c !important;
}

.textContents .text1 {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 1.5;
    font-family: "PT Serif", serif;
}

.textScrollLink {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 600px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px !important;
    box-sizing: border-box;
}

.textContents .textScrollLink a.gotoshop {
    position: relative;
    bottom: -90%;
    color: #f6d8ad;
    text-shadow: 0px 0px 20px #f6d8ad, 0px 0px 40px #f6d8ad, 0px 0px 60px #f6d8ad, 0px 0px 60px #f6d8ad;
    animation: shadowLight 1s infinite linear;
    pointer-events: auto !important;
    z-index: 10;
    display: flex;
    font-size: 32px;
    /* height: 50px; */
    width: 100% !important;
    justify-content: center;
    font-size: 32px !important;
    font-family: "PT Serif", serif !important;
    margin-bottom: 110px;
    line-height: 1.4;
    text-align: center;
}

.textContents .textScrollLink a.gotoshop:hover {
    color: #d2a3f6;
}

.textScrollLink:before {
    position: absolute;
    left: 0;
    height: 51px;
    width: 30px;
    border-radius: 30px;
    background: url(../img/wheel1.png) no-repeat center / 100%;
    content: '';
    margin: auto;
    right: 0;
    bottom: 40px;
}

.textScrollLink:after {
    position: absolute;
    left: 0;
    height: 51px;
    width: 30px;
    border-radius: 30px;
    background: url(../img/wheel2.png) no-repeat center / 100%;
    content: '';
    margin: auto;
    right: 0;
    bottom: 40px;
    animation: wheel2 1s infinite linear;
    opacity: 1;
}

@keyframes shadowLight {

    0%,
    100% {
        text-shadow: 0px 0px 20px #f6d8ad, 0px 0px 40px #f6d8ad, 0px 0px 60px #f6d8ad, 0px 0px 60px #f6d8ad;
    }

    50% {
        text-shadow: 0px 0px 20px transparent, 0px 0px 40px transparent, 0px 0px 60px transparent, 0px 0px 60px transparent;
    }
}

@keyframes wheel2 {
    to {
        opacity: 0;
        transform: translateY(10px)
    }
}

.textContents .text3 {
    position: absolute;
    left: 0;
    bottom: 6%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;

}

.textContents .text3 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text3 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}

.HandFloweRreverse .textContents .text3 {
    transition: all 0.5s;
    opacity: 0 !important;
    will-change: transform, opacity;
    transform: translateX(-290px) !important;
}

.textContents .text2 {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text2 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text2 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}




.textContents .text4 {
    position: absolute;
    left: 15%;
    top: 18%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text4 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text4 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}

.textContents .text4-1 {
    position: absolute;
    right: 8%;
    bottom: 12%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text4-1 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text4-1 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}

.textContents .text5 {
    position: absolute;
    right: 10%;
    top: 22%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text5 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text5 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}

.textContents .text5-1 {
    position: absolute;
    left: 8%;
    bottom: 27%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text5-1 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text5-1 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}




.textContents .text6 {
    position: absolute;
    left: 8%;
    bottom: 28%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text6 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text6 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}

.textContents .text6-1 {
    position: absolute;
    right: 8%;
    top: 32%;
    width: AUTO;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text6-1 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text6-1 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}



.textContents .text9,
.textContents .text8 {
    position: absolute;
    left: 0;
    top: 18%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text9 {
    font-size: 28px;
    top: 10%;
}

.textContents .text9-1 {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #642c90;
    text-align: center;
    font-size: 28px;
    line-height: normal;
    font-family: "PT Serif", serif;
    opacity: 0;
}

.textContents .text9 .textContext1,
.textContents .text9-1 .textContext1,
.textContents .text8 .textContext1 {
    border-radius: 30px;
    /* background: #fff; */
    /* -webkit-text-stroke: 30px #fff; */
}

.textContents .text9 .textContext2,
.textContents .text9-1 .textContext2,
.textContents .text8 .textContext2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s !important;
}





.havan {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 18%;
    margin: auto;
    width: 360px;
    opacity: 0;
    pointer-events: none;
}

.havan.after {
    z-index: 101;
}

.havan .contentHavan .havan1,
.havan .contentHavan .havan2,
.havan .contentHavan .havan3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    will-change: transform, opacity;
    transition: 0.1s;
}

.havan .contentHavan .havan3 {
    /* animation: havangAnim 4s infinite linear; */
    /* opacity: 0; */
}

.havan .contentHavan .havan4 {
    position: absolute;
    bottom: 0;
    left: -20% !important;
    min-width: 140% !important;
    bottom: -35px !important;
    height: auto;
    z-index: 1;
}

.havan .contentHavan .havan5 {
    position: absolute;
    right: -40%;
    bottom: -17%;
    width: 90%;
    height: auto;
    z-index: 3;
    transition: 0.1s;
    will-change: transform, opacity;
}

.havan .contentHavan:before {
    position: relative;
    width: 100%;
    display: block;
    content: '';
    padding-top: 132%;
}

.havan .contentHavan .havan5 img {
    animation: movexy1 3s infinite linear;
    will-change: transform, opacity;
}

.havan .contentHavan img.particleSuffron {
    position: absolute;
    left: 64%;
    top: 32%;
    will-change: transform, opacity;
    transform: rotate(-90deg);
    transform-origin: top center;
    opacity: 0;
    z-index: 10;
    width: 27%;
}

@keyframes movexy1 {

    0%,
    100% {
        will-change: transform, opacity;
        transform: translate(5px, -5px) !important;
    }

    50% {
        will-change: transform, opacity;
        transform: translate(-5px, 5px);
    }
}

@keyframes havangAnim {
    0% {
        will-change: transform, opacity;
        transform: translate(10px, 20px) rotate(20deg);
    }

    10% {
        will-change: transform, opacity;
        transform: translate(10px, 0px) rotate(15deg);
    }

    20% {
        will-change: transform, opacity;
        transform: translate(0px, 10px) rotate(20deg);
    }

    30% {
        will-change: transform, opacity;
        transform: translate(-10px, -10px) rotate(30deg);
    }

    40% {
        will-change: transform, opacity;
        transform: translate(-0px, 10px) rotate(30deg);
    }

    50% {
        will-change: transform, opacity;
        transform: translate(-10px, -10px) rotate(30deg);
    }

    60% {
        will-change: transform, opacity;
        transform: translate(0px, 10px) rotate(20deg);
    }

    70% {
        will-change: transform, opacity;
        transform: translate(10px, 0px) rotate(15deg);
    }

    80% {
        will-change: transform, opacity;
        transform: translate(10px, 20px) rotate(20deg);
    }

    90% {
        will-change: transform, opacity;
        transform: translate(-0px, 10px) rotate(30deg);
    }

    95% {
        will-change: transform, opacity;
        transform: translate(-0px, -10px) rotate(30deg);
    }

    100% {
        will-change: transform, opacity;
        transform: translate(0px, 10px) rotate(20deg);
    }
}

nav[class*=menu] li[class*=current-menu-]>.ct-menu-link,
nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent {
    color: #f5eeac !important;
}

.footerSection {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto !important;
    max-height: 100vh;
    min-height: 100vh;
    z-index: 100000000000000000000;
    overflow: hidden;
    transform: translateY(100%);
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 0 0;
}

.footerSection footer {
    min-height: auto;
    padding-bottom: 40px;
    min-height: 630px !important;
    overflow: hidden;
}

.cup {
    position: fixed;
    left: 0;
    right: 0;
    width: 500px;
    display: flex;
    flex-direction: column;
    bottom: 3%;
    z-index: 1000;
    margin: auto;
    will-change: transform, opacity;
    transform: translateY(100%);
    pointer-events: none;
}

.cup .contentCup {
    position: relative;
    bottom: 0;
    left: 0;
    width: 500px;
    height: 500px;
}

.cup .contentCup img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cup .contentCup .cup1 {
    z-index: 9;
}

.cup .contentCup .cup2 {
    z-index: 10;
    opacity: 0;
}

.cup .contentCup .cup3 {
    animation: smoke 5s infinite linear;
}

@keyframes smoke {

    0%,
    100% {
        opacity: 0.2
    }

    50% {
        opacity: 1
    }
}

.Smoke {
    position: fixed;
    bottom: 260px;
    width: 250px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    mix-blend-mode: screen;
    opacity: 0;
    will-change: transform, opacity;
    transform: translateY(100%);
}

.Smoke:before {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(-90deg, #000, transparent);
    content: '';
}

.Smoke:after {
    position: absolute;
    top: 0;
    margin-left: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(90deg, #000, transparent);
    content: '';
}

.Smoke video {
    width: 100%;
}

.Smoke video:before {
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    width: 100%;
    background: linear-gradient(0deg, #000, transparent);
    content: '';
}

.secProductCategory {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    transform: translate(0px, 100vh);
}

.secTowBanner {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index: 100000; */
    transform: translate(0px, 0);
}

.secTopProductsHome {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    transform: translate(0px, 100vh);
}

/* .advantagesHome {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    transform: translate(0px, 100vh);
} */

.advantagesHome .container {
    display: flex;
    justify-content: center;
}

.advantagesHome .container>div {
    border-radius: 25px !important;
    padding: 20px !important;
    background: #652c910a !important;
}

.advantagesHome .container>div>.wp-block-columns {
    position: relative;
    gap: 20px;
    max-width: 100% !important;
    display: flex;
}

.advantagesHome .container>div>.wp-block-columns .wp-block-column {
    max-width: 260px !important;
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    /* color: #fff !important; */
    box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.5) !important;
}

.towBanner {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.towBanner a.itemBanner {
    position: relative;
    width: 100%;
}

.towBanner a.itemBanner:nth-child(1) {
    transform: translate(0px, 100vh);
}

.towBanner a.itemBanner:nth-child(2) {
    transform: translate(0px, -100vh);
}

.towBanner a.itemBanner:before {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 100%;
    content: '';
}

.towBanner a.itemBanner .pic,
.towBanner a.itemBanner .pic * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secTopProductsHome .swiper-wrapper {
    gap: 0 !important;
}

.sliderBox [data-products=type-2] .product {
    width: 100% !important;
    overflow: hidden;
    max-width: calc(100% - 40px);
    margin: 20px auto;
    box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, .5);
}

.sliderBox [data-products=type-2] .product figure {
    position: relative;
    width: 100% !important;
}

.sliderBox [data-products=type-2] .product figure:before {
    position: relative;
    display: block;
    content: '';
    padding-top: 100%;
}

.sliderBox [data-products=type-2] .product figure .ct-media-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sliderBox [data-products=type-2] .product figure .ct-media-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sliderBox [data-products=type-2] .product {
    padding: 0 !important;
}

.sliderBox [data-products=type-2] .product .woocommerce-loop-product__title {
    position: relative;
    font-size: 18px;
    margin: 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 20px;
}

.sliderBox [data-products=type-2] .product ul.entry-meta {
    margin: 5px 0;
    padding: 0 10px;
}

.sliderBox [data-products=type-2] .product .ct-woo-card-actions:last-child {
    margin: 0 !important;
}

.secTopProductsHome .sliderBox .rowBtns {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
}

.secTopProductsHome .sliderBox .rowBtns a.btnProd {
    position: relative;
    padding: 0 20px;
    height: 40px;
    background: #e0c796;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 11px;
    color: #000;
    font-family: "PT Serif", serif;
}

.secTopProductsHome .sliderBox .rowBtns a.btnProd:hover {
    background: #662d91;
    color: #fff !important;
}

.secTopProductsHome .sliderBox .rowBtns .col1 {
    position: relative;
    display: flex;
    gap: 10px;
}

.secTopProductsHome .sliderBox .rowBtns .col2 {
    position: relative;
}

.secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider {
    width: 110px;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}

.secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-next.icon-hrb-swiper {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #662d91;
    border-radius: 100%;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-prev.icon-hrb-swiper {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #662d91;
    border-radius: 100%;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .icon-hrb-swiper:after {
    color: #fff;
    font-size: 18px;
}


.titleCenter {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.6;
    font-family: "PT Serif", serif;
}

.titleCenter .title {
    font-size: 32px;
    color: #642c90;
}

.titleCenter .subtitle {
    font-size: 26px;
    color: #642c909e;
    font-family: var(--theme-font-family) !important;
}

@media only screen and (max-width:1600px) {
    .listProductCat {
        max-width: 840px;
    }

    .textContents .text9 {
        top: 10%;
        font-size: 28px;
    }

    .textContents .text9-1 {
        bottom: 5%;
        font-size: 22px;
    }

    .towBanner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px;
        max-width: 880px;
    }

    .sliderBox {
        padding: 0 100px;
    }

    .textContents .text1,
    .textContents .text2,
    .textContents .text3,
    .textContents .text4,
    .textContents .text4-1,
    .textContents .text5,
    .textContents .text5-1,
    .textContents .text6,
    .textContents .text6-1,
    .textContents .text7,
    .textContents .text7-1,
    .textContents .text8,
    .textContents .text9,
    .textContents .text9-1,
    .titleCenter .title {
        font-size: 28px;
    }

    .titleCenter .subtitle {
        font-size: 20px;
    }

    .titleSection {
        font-size: 28px;
    }

    .cup {
        width: 420px;
    }

    .cup .contentCup {
        width: 420px;
        height: 420px;
    }

    .havan {
        bottom: 18%;
        width: 280px;
    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 200px;
        bottom: -3.3%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 200px;
        bottom: -5%;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 200px !important;
        height: 288px !important;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 200px !important;
        height: 288px !important;
    }


}


@media only screen and (max-width:1400px) and (max-height:700px) {
    .textContents .textScrollLink a.gotoshop {
        font-size: 16px !important;
        margin-bottom: 80px;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column .has-text-align-center {
        position: relative;
        font-size: 12px !important;
        font-family: var(--theme-font-family) !important;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column {
        max-width: 220px !important;
        padding: 20px;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column .wp-block-heading {
        font-size: 14px !important;
        text-align: center;
    }

    .listProductCat {
        max-width: 780px;
    }

    a.textContext2.gotoshop {
        width: 140px !important;
        height: 40px !important;
        font-size: 16px !important;
    }

    .itemCat .contentCat .title {
        height: 60px;
    }

    .towBanner {
        max-width: 880px;
    }

    .sliderBox {
        padding: 0 200px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-next.icon-hrb-swiper {
        width: 40px;
        height: 40px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-prev.icon-hrb-swiper {
        width: 40px;
        height: 40px;
    }

    .secTopProductsHome .sliderBox .rowBtns a.btnProd {
        padding: 0px 15px;
        height: 30px;
        font-size: 12px;
        border-radius: 6px;
    }

    .textContents .text1,
    .textContents .text2,
    .textContents .text3,
    .textContents .text4,
    .textContents .text4-1,
    .textContents .text5,
    .textContents .text5-1,
    .textContents .text6,
    .textContents .text6-1,
    .textContents .text7,
    .textContents .text7-1,
    .textContents .text8,
    .textContents .text9,
    .textContents .text9-1,
    .titleCenter .title {
        font-size: 18px;
    }

    .titleCenter .subtitle {
        font-size: 16px;
    }

    .titleSection {
        font-size: 18px;
    }

    .textContents .textScrollLink a.gotoshop {
        font-size: 28px !important;
        margin-bottom: 80px;
    }

    .textScrollLink:after {
        height: 51px;
        width: 20px;
    }

    .textScrollLink:before {

        height: 51px;
        width: 20px;

    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -7%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 160px;
        bottom: 10px;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 230px !important;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 238px !important;
    }

    .HandFlower {
        top: 64% !important;
    }

    .HandFlower .hand {
        position: relative;
        width: 57% !important;
        margin-top: -7.3%;
        z-index: 10;
        left: 8%;
    }

    .cup {
        width: 280px;
    }

    .cup .contentCup {
        width: 280px;
        height: 280px;
    }

    .havan {
        bottom: 18%;
        width: 200px;
    }

    .stickySideHome li.menu-item {
        width: 30px;
        height: 30px;
    }

    .stickySideHome li.menu-item span.iconMenu {
        width: 30px;
        height: 30px;
    }

    .stickySideHome li.menu-item span.iconMenu img {
        width: 18px;
        height: 18px;
        /* border-radius: 100%; */
        filter: invert(1);
    }

    ul.custom-menu-with-icons {
        width: 40px;
        padding: 10PX 5px !important;

    }

    .havan .contentHavan .havan4 {
        left: -19% !important;
        min-width: 136% !important;
        bottom: -22px !important;
    }
}

@media only screen and (max-width:1280px) and (min-height:800px) {
    .textContents .textScrollLink a.gotoshop {
        font-size: 12px !important;
    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 200px;
        bottom: -6.6%;
    }

    .HandFlower {
        position: fixed;
        left: 10%;
        width: 80%;
        top: 67% !important;
        transform-origin: left bottom;
        rotate: -95deg;
        opacity: 0;
        z-index: 101;
        pointer-events: none;
    }

}

@media only screen and (max-width:1280px) and (max-height:800px) {

    .HandFlower {
        position: fixed;
        left: 10%;
        width: 80%;
        top: 67% !important;
        transform-origin: left bottom;
        rotate: -95deg;
        opacity: 0;
        z-index: 101;
        pointer-events: none;
    }


    .flowerOpen {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -5%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -5%;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 215px !important;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 215px !important;
    }
}

@media only screen and (max-width:1280px) and (max-height:600px) {
    .flowerOpen {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -16%;
    }
}


@media only screen and (max-width:1200px) {
    .itemCat .contentCat .title {
        padding: 0 30px;
        line-height: 1.6;
        display: flex;
        align-items: center;
    }

    .ct-woo-card-extra[data-type=type-1] .ct-button {
        padding: 0;
        width: 22px;
        min-height: 22px;
        border-radius: 100%;
    }

    .ct-woo-card-extra[data-type=type-1] {
        gap: 5px;
    }

    .sliderBox [data-products=type-2] .product .ct-woo-card-actions:last-child {
        margin: 0 !important;
        width: 100% !important;
    }

    .sliderBox [data-products=type-2] .product figure {
        position: relative;
        width: 100% !important;
        margin: 0 0 5px !important;
    }

    .secTopProductsHome .sliderBox .rowBtns {
        padding: 20px 0 5px;
    }

    .sliderBox [data-products=type-2] .product {
        width: 100% !important;
        overflow: hidden;
        max-width: calc(100% - 10px);
        margin: 10px auto;
        box-shadow: 0px 0px 15px -10px rgba(0, 0, 0, .5);
    }

    .sliderBox [data-products=type-2] .product figure:before {
        position: relative;
        display: block;
        content: '';
        padding-top: 80%;
    }

    .sliderBox [data-products=type-2] .product ul.entry-meta {
        margin: 5px 0 0;
        padding: 0 6px;
        font-size: 10px;
    }

    .secTopProductsHome .sliderBox .rowBtns a.btnProd {
        padding: 0px 10px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider {
        gap: 10px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .icon-hrb-swiper:after {
        font-size: 12px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-next.icon-hrb-swiper,
    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider .swiper-button-prev.icon-hrb-swiper {
        width: 30px;
        height: 30px;
    }

    [data-products=type-2] .ct-woo-card-actions>* {
        flex: 1 0 0;
        padding: 5px;
        min-height: 30px;
        font-size: 10px;
    }

    .sliderBox [data-products=type-2] .product .woocommerce-loop-product__title {
        position: relative;
        font-size: 12px;
        margin: 0 !important;
        line-height: 1.4 !important;
        display: -webkit-box;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 0 5px;
    }

    .sliderBox {
        padding: 0 100px;
    }

    .listProductCat {
        max-width: 680px;
    }

    .listProductCat {
        gap: 10px;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column {
        max-width: 200px !important;
        padding: 20px;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column .wp-block-heading {
        font-size: 14px !important;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column p.has-text-align-center {
        font-size: 12px !important;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }


    .textContents .text9 {
        top: 5%;
    }

    .textContents .text9-1 {
        bottom: 4%;
    }

    .textContents .text1,
    .textContents .text2,
    .textContents .text3,
    .textContents .text4,
    .textContents .text4-1,
    .textContents .text5,
    .textContents .text5-1,
    .textContents .text6,
    .textContents .text6-1,
    .textContents .text7,
    .textContents .text7-1,
    .textContents .text8,
    .textContents .text9,
    .textContents .text9-1,
    .titleCenter .title {
        font-size: 16px;
    }

    .titleCenter .subtitle {
        font-size: 14px;
    }
}

@media only screen and (max-width:1150px) and (max-height:500px) {

    .flowerOpen {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -4%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -5%;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 164px !important;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 128px !important;
    }

    .HandFlower {
        top: 64% !important;
    }

    .HandFlower .hand {
        position: relative;
        width: 57% !important;
        margin-top: -7.3%;
        z-index: 10;
        left: 8%;
    }

    .cup {
        width: 230px;
    }

    .cup .contentCup {
        width: 230px;
        height: 230px;
    }

    .havan {
        bottom: 15%;
        width: 160px;
    }

    .stickySideHome li.menu-item span.iconMenu {
        width: 25px;
        height: 25px;
    }

    .stickySideHome li.menu-item {
        width: 25px;
        height: 25px;
    }

    ul.custom-menu-with-icons {
        width: 40px;
        padding: 10PX 5px !important;

    }

    .havan .contentHavan .havan4 {
        left: -19% !important;
        min-width: 134% !important;
        bottom: -16px !important;
    }

    footer .wp-block-group a,
    footer .wp-block-list a {
        color: #000 ! IMPORTANT;
        font-size: 12px;
        font-weight: 400;
    }

    .towBanner {
        max-width: 600px;
    }
}

@media only screen and (max-width:1024px) and (max-height:600px) {
    .itemCat .contentCat .title {
        height: 50px;
        line-height: 1.5;
        padding: 5px 0;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .listProductCat {
        max-width: 580px;
    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -5%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -5%;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 164px !important;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 172px !important;
    }

    .HandFlower {
        top: 71% !important;
    }

    .HandFlower .hand {
        position: relative;
        width: 57% !important;
        margin-top: -6.3%;
        z-index: 10;
        left: 8%;
    }

    .cup {
        width: 230px;
    }

    .cup .contentCup {
        width: 230px;
        height: 230px;
    }

    .havan {
        bottom: 15%;
        width: 160px;
    }

    .stickySideHome li.menu-item span.iconMenu {
        width: 25px;
        height: 25px;
    }

    .stickySideHome li.menu-item {
        width: 25px;
        height: 25px;
    }

    ul.custom-menu-with-icons {
        width: 40px;
        padding: 10PX 5px !important;

    }

    .havan .contentHavan .havan4 {
        left: -19% !important;
        min-width: 134% !important;
        bottom: -16px !important;
    }

    footer .wp-block-group a,
    footer .wp-block-list a {
        color: #000 ! IMPORTANT;
        font-size: 12px;
        font-weight: 400;
    }
}

@media only screen and (max-width:1024px) and (min-height:700px) {
    .HandFlower {
        top: 69% !important;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -6px;
    }
}


@media only screen and (max-width:890px) and (min-width:700px) {

    .HandFlower {
        position: fixed;
        left: 10%;
        width: 80%;
        top: 77% !important;
        transform-origin: left bottom;
        rotate: -95deg;
        opacity: 0;
        z-index: 101;
        pointer-events: none;
    }


    .flowerOpen {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -5%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 160px;
        bottom: -19px;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 215px !important;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 160px !important;
        height: 215px !important;
    }

    .havan {
        bottom: 18%;
        width: 200px;
    }

    .havan .contentHavan .havan4 {
        bottom: -22px !important;
    }

    .cup {
        width: 280px;
    }

    .cup .contentCup {
        width: 280px;
        height: 280px;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column {
        max-width: 160px !important;
        padding: 20px;
    }
}

@media only screen and (max-width:800px) {
    .secTopProductsHome .sliderBox .rowBtns {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        gap: 20px;
        padding-bottom: 20px;
    }

    .secTopProductsHome .sliderBox .rowBtns .col2 .NextPrevSlider {
        justify-content: center;
    }

    .secTopProductsHome .sliderBox .rowBtns .col1 {
        max-width: 100%;
        overflow: auto;
        padding: 0 0 10px;
    }

    .secTopProductsHome .sliderBox .rowBtns a.btnProd {
        text-wrap: nowrap !important;
        padding: 0 20px !important;
    }

    .sliderBox [data-products=type-2] .product figure:before {
        position: relative;
        display: block;
        content: '';
        padding-top: 100%;
    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 90px;
        bottom: -2%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 90px;
        bottom: -5%;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 90px !important;
        height: 129px !important;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 90px !important;
        height: 129px !important;
    }

    .HandFlower {
        top: 76% !important;
    }

    .HandFlower .hand {
        position: relative;
        width: 57% !important;
        margin-top: -5.3%;
        z-index: 10;
        left: 8%;
    }

    .HandFlower .flowerSplit {
        bottom: -5%;
        top: 2px;
    }

    .textContents .text9 {
        top: 15%;
    }

    .textContents .text9-1 {
        bottom: 10%;
    }

    .towBanner {
        max-width: 700px;
    }

    .sliderBox {
        padding: 0 30px;
    }

    .footerSection footer {
        min-height: auto;
        padding-bottom: 40px;
        min-height: 710px !important;
    }

    .advantagesHome .container>div>.wp-block-columns {
        position: relative;
        gap: 20px !important;
        max-width: 100% !important;
        flex-wrap: nowrap !important;
        overflow: auto !important;
        justify-content: flex-start !important;
        display: flex !important;
    }

    .advantagesHome .container>div {
        border-radius: 25px !important;
        padding: 20px !important;
        background: #652c910a !important;
        max-width: 100%;
    }

    .advantagesHome .container>div>.wp-block-columns .wp-block-column {
        max-width: 200px !important;
        min-width: 200px;
        padding: 20px;
    }
}


@media only screen and (max-width:680px) {

    [data-footer*="type-1"] .ct-footer [data-column='widget-area-3'],
    [data-footer*="type-1"] .ct-footer [data-column='widget-area-4'] {
        padding: 10px 0;
    }

    [data-footer*="type-1"] .ct-footer [data-column='widget-area-3'] .textwidget {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    [data-footer*="type-1"] .ct-footer [data-column='widget-area-3'] .ct-widget,
    [data-footer*="type-1"] .ct-footer [data-column='widget-area-3'] .ct-widget .wpforms-container {
        width: 100% !important;
    }

    section.sec1home,
    section.sec2home,
    section.sec3home,
    section.sec4home,
    section.sec5home,
    section.sec6home,
    section.sec7home,
    section.sec8home,
    section.sec9home {
        height: 60vh !important;
        max-height: 60vh;
        z-index: 2000000;
        opacity: 0.2;
    }

    section.sec10home,
    section.sec11home,
    section.sec12home,
    section.sec13home {
        height: 50vh !important;
        /* افزایش ارتفاع برای هماهنگی */
        max-height: 50vh;
    }

    section.sec14home {
        height: 40vh !important;
        /* افزایش ارتفاع */
        max-height: 40vh;
    }

    section.sec15home {
        height: 90vh !important;
        /* کاهش ارتفاع برای سرعت بیشتر */
        max-height: 90vh;
    }

    section.sec16home {
        height: 90vh !important;
        /* کاهش ارتفاع برای سرعت بیشتر */
        max-height: 90vh;
    }

    section.sec17home {
        height: 90vh !important;
        /* کاهش ارتفاع برای سرعت بیشتر */
        max-height: 90vh;
    }

    .bgSlimi {
        position: fixed;
        left: -60VW;
        right: 0;
        height: 220vw;
        margin: auto;
        width: 220vw;
        padding: 0 40px;
        top: 5%;
        opacity: 1;
        will-change: transform, opacity;
        transform: translateY(100%);
        pointer-events: none;
    }

    .bgTop i.clouds {
        background-position: 0% top;
        background-size: auto 50%;
    }

    .towBanner {
        display: flex;
        flex-direction: column;
        max-width: 300px;
        margin-top: 80px;
    }

    .textContents .text6 {
        left: 0;
        right: 0;
        bottom: auto !important;
        top: 13%;
    }

    .textContents .text9 {
        top: 11%;
    }

    .textContents .text9-1 {
        bottom: 11%;
    }

    a.textContext2.gotoshop {
        width: 160px;
        height: 40px;
        border-radius: 50px;
        border: 1px solid #5f248c;
        font-size: 16px;
    }

    .listProductCat {
        gap: 10px;
        max-width: 380px;
    }

    .itemCat {
        position: relative;
        width: 100%;
        max-width: calc((100% / 2) - 50px);
        margin: 0;
        border-radius: 100%;
        overflow: hidden;
        background: #fff;
        border: 2px solid #d8b586;
    }

    .textContents .text6-1 {
        left: 0;
        right: 0;
        top: 33%;
    }

    .textContents .text3 {
        bottom: 4%;
    }

    .textContents .text4 {
        left: 0;
        right: 0;
    }

    .textContents .text4-1 {
        left: 0;
        right: 0;
        bottom: auto;
        top: 36% !important;
    }

    .textContents .text5 {
        right: 0;
        left: 0;
    }

    .textContents .text5-1 {
        left: 0;
        right: 0;
        bottom: auto !important;
        top: 40%;
    }

    .textContents .text1,
    .textContents .text2,
    .textContents .text3,
    .textContents .text4,
    .textContents .text4-1,
    .textContents .text5,
    .textContents .text5-1,
    .textContents .text6,
    .textContents .text6-1,
    .textContents .text7,
    .textContents .text7-1,
    .textContents .text8,
    .textContents .text9,
    .textContents .text9-1,
    .titleCenter .title {
        font-size: 18px;
        line-height: 2;
    }

    .titleCenter .subtitle {
        font-size: 16px;
    }

    .titleSection {
        font-size: 18px;
        line-height: 2;
    }

    .textContents .textScrollLink a.gotoshop {
        margin-bottom: 110px;
        max-width: 360px;
        font-size: 18px !important;
    }

    .HandFlower {
        top: 82% !important;
        left: -20%;
        width: 140%;
    }

    .flowerOpen {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -4%;
    }

    .HandFlower .flowerSplit {
        left: 0;
        right: 0;
        width: 120px;
        bottom: -5%;
    }

    .flowerFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 164px !important;
    }

    .flowerSplitFrames img {
        width: 100vw;
        max-width: 120px !important;
        height: 172px !important;
    }

    .HandFlower .hand {
        position: relative;
        width: 57% !important;
        margin-top: -8.3%;
        z-index: 10;
        left: 8%;
    }

    .cup {
        width: 230px;
    }

    .cup .contentCup {
        width: 230px;
        height: 230px;
    }

    .havan {
        bottom: 15%;
        width: 160px;
    }

    .stickySideHome li.menu-item span.iconMenu {
        width: 25px;
        height: 25px;
    }

    .stickySideHome li.menu-item {
        width: 25px;
        height: 25px;
    }

    ul.custom-menu-with-icons {
        width: 40px;
        padding: 10PX 5px !important;

    }

    .havan .contentHavan .havan4 {
        left: -19% !important;
        min-width: 134% !important;
        bottom: -16px !important;
    }

    footer .wp-block-group a,
    footer .wp-block-list a {
        color: #000 ! IMPORTANT;
        font-size: 12px;
        font-weight: 400;
    }
}

@media only screen and (max-width:480px) {
    .flowerOpen {
        bottom: -5.6%;
    }

    .textContents .text1,
    .textContents .text2,
    .textContents .text3,
    .textContents .text4,
    .textContents .text4-1,
    .textContents .text5,
    .textContents .text5-1,
    .textContents .text6,
    .textContents .text6-1,
    .textContents .text7,
    .textContents .text7-1,
    .textContents .text8,
    .textContents .text9,
    .textContents .text9-1,
    .titleCenter .title {
        font-size: 16px;
        line-height: 2;
    }
}