@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {scrollbar-color:oklch(0.79 0.02 272.94) var(--scrolltrack-color, #0000);}
body {background: #F1F5F9;}
body, a, div, button, section, input, select {font-family: "Work Sans", sans-serif;}


body [data-content-type="row"][data-appearance="full-width"] .row-full-width-inner,
.set_page {
    max-width: 1840px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}



.h_banner img {
    border-radius: 15px;
}
section.h_banner .set_page {
    position: relative;
}
section.h_banner .set_page>div {position: relative; z-index:2}
section.h_banner .set_page:after,
section.h_banner .set_page:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: calc(50% - 10px);
    bottom: 0;
    border-radius: 15px 0 0 15px;
    z-index:1;
}
section.h_banner .set_page:before {
    left: 10px;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 4px 10px 0 rgb(102 45 145 / 63%);
}
section.h_banner .set_page:after {
    right: 10px;
    border-radius: 0 15px 15px 0;
    box-shadow: 0 4px 10px 0 rgb(142 198 64 / 60%);
}


section.hrow01 {
    padding: 30px 0 0 0;
}

.popularCatg ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.pcImg img {
    max-width: 100%;
}

.popularCatg ul li {
    width: calc((100% - (20px * 5)) / 6);
    background: #fff;
    border-radius: 12px;    
    box-sizing: border-box;
    transition: all ease-in-out 0.3s;
}
.popularCatg ul li:hover {box-shadow: 0 2px 6px 0 rgb(102 45 145 / 63%);}
a.pcbx {
    padding: 5px;
    display: block;
}

.pctxt01 {
    color: #662D91;
    font-weight: 600;
    font-size: 22px;
}

.pcTxt {
    text-align: center;
    padding: 5px 15px 15px;
}

.pctxt02 {
    font-size: 14px;
    line-height: 18px;
    color: #484848;
    margin: 5px 0 0 0;
}

.hrowtopad {
    padding-top: 40px;
}


.hrowHdr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.hrowHdr h2 {
    font-size: 32px;
    color: #662D91;
    font-weight: 600;
    line-height: 30px;
}
a.hrhBtn {
    font-weight: 600;
    color: #662D91;
    font-size: 16px;
    transition: all ease-in-out 0.3s;
}
a.hrhBtn:hover {color: #2FB45F;}
a.hrhBtn:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M0.828447%200.000122488C0.668147%20-0.00261553%200.510886%200.040609%200.378427%200.123815C0.245967%200.207021%200.144858%200.326094%200.0890904%200.464557C0.0333229%200.603019%200.0256545%200.754025%200.0671467%200.896679C0.108639%201.03933%200.19724%201.16658%200.32069%201.26081L5.04517%204.98643L0.317771%208.71205C0.231406%208.77005%200.15903%208.8439%200.105209%208.92896C0.0513877%209.01401%200.0172914%209.10842%200.00507139%209.20623C-0.00714863%209.30403%200.00277318%209.4031%200.0342104%209.4972C0.0656476%209.59129%200.117918%209.67836%200.187722%209.75291C0.257526%209.82746%200.343349%209.88788%200.439774%209.93034C0.536199%209.9728%200.641133%209.99639%200.747953%209.99962C0.854772%2010.0028%200.961158%209.98564%201.0604%209.94909C1.15964%209.91255%201.24957%209.85744%201.32453%209.78727L6.72894%205.5321C6.81393%205.46523%206.88218%205.38218%206.92897%205.28867C6.97577%205.19517%207%205.09343%207%204.99046C7%204.8875%206.97577%204.78576%206.92897%204.69225C6.88218%204.59875%206.81393%204.5157%206.72894%204.44882L1.32453%200.180221C1.18758%200.06791%201.01176%200.00408028%200.828447%200.000122488Z%22%20fill%3D%22%23662D91%22%2F%3E%0A%3C%2Fsvg%3E");
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
    margin: 0 0 0 4px;
    transition: all ease-in-out 0.3s;
}
a.hrhBtn:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M0.828447%200.000122488C0.668147%20-0.00261553%200.510886%200.040609%200.378427%200.123815C0.245967%200.207021%200.144858%200.326094%200.0890904%200.464557C0.0333229%200.603019%200.0256545%200.754025%200.0671467%200.896679C0.108639%201.03933%200.19724%201.16658%200.32069%201.26081L5.04517%204.98643L0.317771%208.71205C0.231406%208.77005%200.15903%208.8439%200.105209%208.92896C0.0513877%209.01401%200.0172914%209.10842%200.00507139%209.20623C-0.00714863%209.30403%200.00277318%209.4031%200.0342104%209.4972C0.0656476%209.59129%200.117918%209.67836%200.187722%209.75291C0.257526%209.82746%200.343349%209.88788%200.439774%209.93034C0.536199%209.9728%200.641133%209.99639%200.747953%209.99962C0.854772%2010.0028%200.961158%209.98564%201.0604%209.94909C1.15964%209.91255%201.24957%209.85744%201.32453%209.78727L6.72894%205.5321C6.81393%205.46523%206.88218%205.38218%206.92897%205.28867C6.97577%205.19517%207%205.09343%207%204.99046C7%204.8875%206.97577%204.78576%206.92897%204.69225C6.88218%204.59875%206.81393%204.5157%206.72894%204.44882L1.32453%200.180221C1.18758%200.06791%201.01176%200.00408028%200.828447%200.000122488Z%22%20fill%3D%22%232fb45f%22%2F%3E%0A%3C%2Fsvg%3E");
     background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
}

.hrowprdct .widget-product-carousel {
    background: #fff;
    border-radius: 14px;
    padding: 0 24px 24px 24px;
    margin: 22px 0 0 0;
}




.ftrBx {
    background: #191919;
    color: #fff;
}

.footer_top_area {
    padding: 80px 0;
}

.ftrSet_page {
    max-width: 1620px;
    margin: 0 auto;
    padding: 0 10px;
}

.ftaRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ftaClm01 {
    width: 75%;
}

.ftaClm02 {
    width: 25%;
}

.fmaRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #2F2F2F;
    padding: 35px 0;
}

.fmaClm02 ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.footer_bottom_area {
    background: #000;
}

.fbaRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 0;
}

.fbaClm01,
.fbaClm02,
.fbaClm03 {
    width: 33.33%;
}

.fbaClm02 {
    text-align: center;
}

.fbaClm03 {
    text-align: right;
}

.fbaClm01 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.footer_pay img {
    height: 30px;
    margin: 0 auto;
}

.ftrMrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ftrMclm01 {
    width: 40%;
}

.ftrMclm02 {
    width: 30%;
}

.ftrMclm03 {
    width: 30%;
}
.fbaClm01 a {
    color: #fff;
    font-size: 14px;
    opacity: 0.8;
    transition: all ease-in-out 0.3s;
}
.fbaClm01 a:hover {
    opacity: 1;
}
.fbaClm03 {
    color: #fff;
    font-size: 14px;
    opacity: 0.8;
}
.fmaClm01 img {
    height: 30px;
    width: auto;
}
.ftrMenuH2 { 
    color: #8EC640;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 18px 0;
    text-transform: uppercase;
}
.ftrMenuArea ul li a {
    color: #DFE1E4;
    font-size: 14px;
    line-height: 28px;  transition: all ease-in-out 0.3s;
}
.ftrMenuArea ul li a:hover {
    color: #fff;
    text-decoration: unset;
}
ul.ftrM2item li {
    width: 50%;
}
ul.ftrM2item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.ftrMenuArea ul li {
    margin: 0 0 6px 0;
}
.ftrTxtp {color: #DFE1E4;    font-size: 14px;}
.sbemlBtn {
    background: linear-gradient(to bottom,  rgba(167,229,79,1) 0%,rgba(142,198,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100px;
    border-radius: 8px;
    height: 42px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.sbemlInpt::placeholder {
    color: rgb(72 72 72 / 80%);
}
.sbemlFtr {
    color: #A4A4A4;
    font-size: 12px;
    margin: 1px 0 0 0;
}
.sbemlBody {
    margin: 15px 0 0 0;
}
.sbemlInpt {
    height: 42px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    margin: 0 6px 10px 0;
    font-size: 14px;
    width: 240px;
}

.inpBnrFull img {border-radius: 14px;}

.inpBnrRw2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.inpBclm {
    width: calc((100% - 20px) / 2);
}

.inpBclm a {
    border: 1px solid #E0E5EA;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.inpBclm img {
    width: 100%;
}
.inpBclm a,
.inpBnrFull a {position: relative; overflow: hidden;}
.inpBnrFull a:before,
.inpBclm a:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.inpBnrFull a:hover:before,
.inpBclm a:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


/**-----------------------------PRODUCT CAROSOL---------------------------------*/
.snap-track {
  --snap-cols: 1;                 /* default mobile */
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Slider items */
.snap-track .snap-item {
  flex: 0 0 calc((100% - (16px * 5)) / var(--snap-cols));
  scroll-snap-align: start;
}

/* Tablet */
@media (min-width: 640px) {
  .snap-track {
    --snap-cols: 2;
  }
}

/* Small desktop */
@media (min-width: 768px) {
  .snap-track {
    --snap-cols: 3;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .snap-track {
    --snap-cols: 4;
  }
}

/* Large desktop — 6 items */
@media (min-width: 1280px) {
  .snap-track {
    --snap-cols: 6;
  }
}

/* Optional: hide scrollbar */
.snap-track::-webkit-scrollbar {
  display: none;
}
.snap-track {
  scrollbar-width: none;
}
/* ----------------------- END PRODUCT CAROSOL -------------------------- */



.hGrnBx {
    max-width: 1250px;
    margin: 0 auto 80px;
    position: relative;
    padding: 0px 50px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.hGrnBx:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ec640+0,a7e54f+100 */
    background: linear-gradient(to right,  rgba(142,198,64,1) 0%,rgba(167,229,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: "";
    width: 100%;
    top: 70px;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 28px;
    left: 0;
}

.hGrnTxt {
    padding: 70px 0 0 0;
    color: #fff;
}

.hGrnTxt h2 {
    font-size: 54px;
    font-weight: 600;
    margin: 0 0 16px 0;
    line-height: 54px;
}

.hGrnTxt p {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
}

.hGrnBtns {
    margin: 45px 0 0 0;
}

.hGrnBtn1 {
    display: inline-block;
    border-radius: 6px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 28px;
    line-height: 40px;
    vertical-align: middle;
    margin: 0 10px 0 00;
    border: 1px solid transparent;
    transition:all ease-in-out 0.3s;
}
.hGrnBtn1:hover {
    background: rgb(255 255 255 / 60%);
    border: 1px solid hsl(0deg 0% 100% / 80%);
}
.hGrnBtn2 {
    display: inline-block;
    border-radius: 6px;
    background: transparent;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 28px;
    line-height: 40px;
    vertical-align: middle;
    transition:all ease-in-out 0.3s;
    border: 1px solid transparent;
}
.hGrnBtn2:hover {
    background: rgb(255 255 255 / 20%);
    border: 1px solid hsl(0deg 0% 100% / 40%);
}

.hGrnBtn2:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    margin: -1px 0 0 2px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M7.55002%202.47511L1.02513%209L0%207.97487L6.52489%201.44998H1.02513V0H9V7.97487H7.55002V2.47511Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}




/*---------------------- Item product List view ------------------------*/
.widget-product-carousel form.card {
    border: 0;
    padding: 5px;
    position: relative;
}

.widget-product-carousel form.card:hover {
    box-shadow: unset;
}

.widget-product-carousel form.card .product-item-photo {
    border: 1px solid #EAEFF3;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.pi_mnuf {
    color: #2FB45F;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.pi_line01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.pi_rvew {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
}
.pi_rvew i {
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #FFC107;
    text-decoration: unset;
    font-style: unset;
}
.pi_rvew span {
    display: inline-block;
    vertical-align: middle;
    color: #222;
}

.pi_name {
    margin: 8px 0 0 0;
}
.pi_name {max-height: 40px;}
.pi_name a {
    font-size: 15px;
    color: #484848;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    display: -webkit-box;
  -webkit-line-clamp: 2;      /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;

}
.pi_name a:hover {
    color: #662D91;
}

.pi_price {
    margin: 8px 0 0 0;
}

.pi_price { font-size: 16px; }

.pi_btns {
    position: absolute;
    right: 0;
    top: 0;
}
.pi_btn1 button.btn, .pi_cart_btn, .pi_quot_btn {
    border: 1px solid #EAEFF3;
    background-color: #fff;
    font-size: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.3s;
}
.pi_btn1 button.btn {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M11.7453%200.75C10.1783%200.75%208.82963%202.02476%208.20493%203.35619C7.57977%202.02479%206.23095%200.75%204.66377%200.75C2.50338%200.75%200.75%202.50357%200.75%204.66412C0.75%209.05892%205.18344%2010.2113%208.2049%2014.5563C11.0609%2010.2382%2015.6592%208.91865%2015.6592%204.66412C15.6592%202.50357%2013.9057%200.75%2011.7453%200.75Z%22%20fill%3D%22white%22%20stroke%3D%22%23662D91%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");}
.pi_cart_btn {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M7.31842%2015.3399C7.31842%2015.7428%206.9918%2016.0694%206.5889%2016.0694C6.18599%2016.0694%205.85938%2015.7428%205.85938%2015.3399C5.85938%2014.937%206.18599%2014.6104%206.5889%2014.6104C6.9918%2014.6104%207.31842%2014.937%207.31842%2015.3399Z%22%20stroke%3D%22%23662D91%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M15.3419%2015.3399C15.3419%2015.7428%2015.0152%2016.0694%2014.6123%2016.0694C14.2094%2016.0694%2013.8828%2015.7428%2013.8828%2015.3399C13.8828%2014.937%2014.2094%2014.6104%2014.6123%2014.6104C15.0152%2014.6104%2015.3419%2014.937%2015.3419%2015.3399Z%22%20stroke%3D%22%23662D91%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M0.75%200.75H3.66809L5.62321%2010.5183C5.7609%2011.2115%206.37562%2011.7064%207.08225%2011.6928H14.1732C14.8798%2011.7064%2015.4946%2011.2115%2015.6322%2010.5183L16.7995%204.39761H4.39761%22%20stroke%3D%22%23662D91%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E");}
.pi_quot_btn {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%226.75%22%20stroke%3D%22%23662D91%22%20stroke-width%3D%221.5%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M13%2016L15.5%2013.5L9%209.5L13%2016Z%22%20fill%3D%22%23662D91%22%2F%3E%0A%3C%2Fsvg%3E");}
.pi_btn1 button.btn:hover, .pi_cart_btn:hover, .pi_quot_btn:hover {
    border: 1px solid #b3c0cb;
    box-shadow: 0 2px 3px #a2a5a945;
}

.pi_btn2 {
    margin: 10px 0 0 0;
}

.pi_btn3 {
    margin: 10px 0 0 0;
}

.pi_btn1 button.btn svg,
.pi_cart_btn svg {
    display: none;
}

.pi_price .price {
    font-weight: 600;
    font-size: 16px;
    color: #662D91;
}
.pi_price span.old-price .price {
    font-size: 16px;
    font-weight: normal;
    color: #707070;
}
.pi_price .price-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.prodcaroBox .flex.justify-between.items-center.gap-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.prodcaroBox .snap-pager {
    padding: 0;
    min-height: 0;
    gap: 4px;
}
.prodcaroBox button.snap-marker {
    width: 10px;
    height: 10px;
    border: 2px solid #ffffff;
    background: #CFD3D7;
}
.prodcaroBox button.snap-marker[aria-current="true"] {
    background: #8EC640;
    border-color: #F1F5F9;
}
.widget-product-carousel form.card .product-item-photo img {
    margin: 0 auto;
}