@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

:root {
   --orange: #f88d0d;
   --purple: #7846f0;
   --blue: #0c3beb;
   --teal: #00b1a4;
   --red: #fc3335;
   --green: #239c3d;
   --yellow: #ffc107;

   --orangeSubtle: #ffe0b8;
   --purpleSubtle: #ebe2ff;
   --blueSubtle: #cce0ff;
   --tealSubtle: #d7fffc;
   --redSubtle: #fee7ed;
   --greenSubtle: #e3fad9;
   --yellowSubtle: #fff6ca;

   --fs10: 0.625rem;
   --fs12: 0.75rem;
   --fs14: 0.875rem;
   --fs16: 1rem;
   --fs18: 1.125rem;
   --fs20: 1.25rem;
   --fs22: 1.375rem;
   --fs24: 1.5rem;
   --fs30: 1.875rem;
   --fs32: 2rem;
   --fs36: 2.25rem;
   --fs50: 3.125rem;
   --fs66: 4.125rem;

   --textBody: #2b2a2a;

   --chevronBlack: url("data:image/svg+xml,<svg viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg'><path d='M4.94626 6.00001L0.873012 1.92701C0.734678 1.78851 0.663845 1.61443 0.660512 1.40476C0.657345 1.19526 0.728178 1.01801 0.873012 0.873012C1.01801 0.728178 1.19368 0.655762 1.40001 0.655762C1.60634 0.655762 1.78201 0.728178 1.92701 0.873012L6.42126 5.36726C6.51476 5.46093 6.58076 5.55968 6.61926 5.66351C6.65776 5.76735 6.67701 5.87951 6.67701 6.00001C6.67701 6.12051 6.65776 6.23268 6.61926 6.33651C6.58076 6.44035 6.51476 6.5391 6.42126 6.63276L1.92701 11.127C1.78851 11.2653 1.61443 11.3362 1.40476 11.3395C1.19526 11.3427 1.01801 11.2718 0.873012 11.127C0.728178 10.982 0.655762 10.8063 0.655762 10.6C0.655762 10.3937 0.728178 10.218 0.873012 10.073L4.94626 6.00001Z' fill='%231A1A1A'/></svg>");

   --chevronWhite: url("data:image/svg+xml,<svg viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg'><path d='M4.94626 6.00001L0.873012 1.92701C0.734678 1.78851 0.663845 1.61443 0.660512 1.40476C0.657345 1.19526 0.728178 1.01801 0.873012 0.873012C1.01801 0.728178 1.19368 0.655762 1.40001 0.655762C1.60634 0.655762 1.78201 0.728178 1.92701 0.873012L6.42126 5.36726C6.51476 5.46093 6.58076 5.55968 6.61926 5.66351C6.65776 5.76735 6.67701 5.87951 6.67701 6.00001C6.67701 6.12051 6.65776 6.23268 6.61926 6.33651C6.58076 6.44035 6.51476 6.5391 6.42126 6.63276L1.92701 11.127C1.78851 11.2653 1.61443 11.3362 1.40476 11.3395C1.19526 11.3427 1.01801 11.2718 0.873012 11.127C0.728178 10.982 0.655762 10.8063 0.655762 10.6C0.655762 10.3937 0.728178 10.218 0.873012 10.073L4.94626 6.00001Z' fill='%23ffffff'/></svg>");

   --starIcon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffc107'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");

   --plusBlack: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M7.99992 10H1.33325C1.04992 10 0.812474 9.90411 0.620919 9.71234C0.429141 9.52056 0.333252 9.283 0.333252 8.99967C0.333252 8.71611 0.429141 8.47867 0.620919 8.28734C0.812474 8.09578 1.04992 8 1.33325 8H7.99992V1.33334C7.99992 1.05 8.09581 0.812558 8.28759 0.621003C8.47936 0.429225 8.71692 0.333336 9.00025 0.333336C9.28381 0.333336 9.52125 0.429225 9.71259 0.621003C9.90414 0.812558 9.99992 1.05 9.99992 1.33334V8H16.6666C16.9499 8 17.1874 8.09589 17.3789 8.28767C17.5707 8.47945 17.6666 8.717 17.6666 9.00034C17.6666 9.28389 17.5707 9.52134 17.3789 9.71267C17.1874 9.90423 16.9499 10 16.6666 10H9.99992V16.6667C9.99992 16.95 9.90403 17.1874 9.71225 17.379C9.52047 17.5708 9.28292 17.6667 8.99959 17.6667C8.71603 17.6667 8.47859 17.5708 8.28725 17.379C8.0957 17.1874 7.99992 16.95 7.99992 16.6667V10Z' fill='%23000'/></svg>");
}

::-webkit-scrollbar {
   width: 7px;
   background-color: #aaa
}

::-webkit-scrollbar-thumb {
   background-color: #000;
   border-radius: 5px
}

::selection {
   background: #222;
   color: #fff
}

::-moz-selection {
   background: #222;
   color: #fff
}

::-moz-placeholder {
   color: inherit;
   opacity: .3
}

::-ms-input-placeholder {
   color: inherit;
   opacity: .3
}

::-webkit-input-placeholder {
   color: inherit;
   opacity: .3
}

.animateThis {
   position: relative;
   will-change: opacity transform;
}

.slideLeft {
   opacity: 0;
   transition: all 0.5s ease;
   transform: translate3d(100px, 0px, 0px);
}

.slideLeft.in-view {
   opacity: 1;
   transform: translate3d(0px, 0px, 0px);
   transition-delay: .3s;
}

.slideRight {
   opacity: 0;
   transition: all 0.5s ease;
   transform: translate3d(-100px, 0px, 0px);
}

.slideRight.in-view {
   opacity: 1;
   transform: translate3d(0px, 0px, 0px);
   transition-delay: .3s;
}

.slideTop {
   opacity: 0;
   transition: all 0.5s ease;
   transform: translate3d(0px, 100px, 0px);
}

.slideTop.in-view {
   opacity: 1;
   transform: translate3d(0px, 0px, 0px);
   transition-delay: .3s;
}

.slideBottom {
   opacity: 0;
   transition: all 0.5s ease;
   transform: translate3d(0px, -80px, 0px);
}

.slideBottom.in-view {
   opacity: 1;
   transform: translate3d(0px, 0px, 0px);
   transition-delay: .3s;
}

.fadeGrow {
   opacity: 0;
   transition: all 0.5s ease;
   transform: scale(0.5);
}

.fadeGrow.in-view {
   opacity: 1;
   transform: scale(1);
   transition-delay: .3s;
}

.fadeIn {
   opacity: 0;
   transition: all 0.5s ease;
}

.fadeIn.in-view {
   opacity: 1;
   transition-delay: .3s;
}

.curtain {
   clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
   transition: all .5s ease;
}

.curtain.in-view {
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   transition-delay: .3s;
}

.curtainLeft {
   clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
   transition: all .5s ease;
}

.curtainLeft.in-view {
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   transition-delay: .3s;
}

.flipX {
   transform: rotateY(90deg);
   transition: all 1s ease;
}

.flipX.in-view {
   transform: rotateY(0deg);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
   outline: none;
   box-shadow: none;
   border-color: inherit
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0
}

input[type=number] {
   -moz-appearance: textfield;
   appearance: textfield
}

.bgOrange {
   background-color: var(--orange);
}

.bgPurple {
   background-color: var(--purple);
}

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

.bgTeal {
   background-color: var(--teal);
}

.bgRed {
   background-color: var(--red);
}

.bgGreen {
   background-color: var(--green);
}

.bgYellow {
   background-color: var(--yellow);
}

.bgOrangeSub {
   background-color: var(--orangeSubtle);
}

.bgPurpleSub {
   background-color: var(--purpleSubtle);
}

.bgBlueSub {
   background-color: var(--blueSubtle);
}

.bgTealSub {
   background-color: var(--tealSubtle);
}

.bgRedSub {
   background-color: var(--redSubtle);
}

.bgGreenSub {
   background-color: var(--greenSubtle);
}

.bgYellowSub {
   background-color: var(--yellowSubtle);
}

.txtorange {
   color: var(--orange) !important;
}

.txtpurple {
   color: var(--purple) !important;
}

.txtblue {
   color: var(--blue) !important;
}

.txtteal {
   color: var(--teal) !important;
}

.txtred {
   color: var(--red) !important;
}

.txtgreen {
   color: var(--orange) !important;
}

.txtyellow {
   color: var(--yellow) !important;
}

.btn-orange {
   background-color: var(--orange);
   border-color: var(--orange);
   color: #fff;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange:disabled {
   background-color: var(--orange);
   border-color: var(--orange);
   color: #fff;
   opacity: .9;
}

.btn-outline-orange {
   background-color: transparent;
   border: 1px solid var(--orange);
   color: var(--orange);
}

.btn-outline-orange:hover,
.btn-outline-orange:disabled {
   background-color: var(--orangeSubtle);
   border-color: var(--orange);
   color: var(--orange);
}

.text-bg-orange {
   background-color: var(--orange) !important;
   color: #fff !important;
}

.btn-purple {
   background-color: var(--purple);
   border-color: var(--purple);
   color: #fff;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple:disabled {
   background-color: var(--purple);
   border-color: var(--purple);
   color: #fff;
   opacity: .9;
}

.btn-outline-purple {
   background-color: transparent;
   border: 1px solid var(--purple);
   color: var(--purple);
}

.btn-outline-purple:hover,
.btn-outline-purple:disabled {
   background-color: var(--purpleSubtle);
   border-color: var(--purple);
   color: var(--purple);
}

.text-bg-purple {
   background-color: var(--purple) !important;
   color: #fff !important;
}

@media (min-width:300px) {
   html {
      font-size: 14px;
   }
}

@media (min-width:768px) {
   html {
      font-size: 14px;
   }
}

@media (min-width:992px) {
   html {
      font-size: 12px;
   }
}

@media (min-width:1200px) {
   html {
      font-size: 14px;
   }
}

@media (min-width:1400px) {
   html {
      font-size: 16px;
   }
}

html {
   scroll-behavior: smooth;
}

body {
   font-family: "Baloo 2", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-optical-sizing: auto;
   color: var(--textBody);
   line-height: 1.5;
}

body * {
   color: inherit
}

body.stopScroll {
   overflow: hidden
}

ul,
li {
   list-style: none;
   margin: 0;
   padding: 0
}

a {
   text-decoration: none
}

strong {
   font-weight: 600;
}

@media (min-width:1400px) {
   .container {
      max-width: 1560px;
   }
}

.ctaBtn {
   width: auto;
   min-width: 13rem;
   height: 3.1rem;
   padding: .4rem .4rem .4rem 1rem;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: .5rem;
   border-radius: 50rem;
   font-size: var(--fs18);
   font-weight: 600;
   color: #000;
   background: #fff;
   position: relative;
   border: 1px solid #ccc;
   overflow: hidden;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   transition: all .5s ease-in-out;
}

.ctaBtn,
.ctaBtn:visited {
   color: #000;
}

.ctaBtn .btnTxt,
.btnTxt {
   color: #000;
   position: relative;
   z-index: 3;
}

.ctaBtn * {
   transition: all .5s ease-in-out;
}

.ctaBtn:hover {
   color: #fff;
   border-color: var(--red);
   background-color: var(--red);
}

.ctaBtn:hover .btnTxt,
.ctaBtn:hover:active .btnTxt {
   color: #fff !important;
}

.ctaBtn:focus {
   color: #000;
   background-color: #fff;
}

.ctaBtn:focus:not(:hover) .btnTxt {
   color: #000 !important;
}

.ctaBtn:focus-visible {
   outline: 2px solid var(--orange);
   outline-offset: 2px;
}

.ctaBtn .arw {
   width: auto;
   height: 100%;
   aspect-ratio: 1;
   display: block;
   position: relative;
   z-index: 2;
}

.ctaBtn .arw:after {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 50%;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>") center center no-repeat;
   background-size: 60% auto;
   z-index: -2;
   transition: all .3s ease-in;
}

.ctaBtn .arw:before {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 50%;
   background: var(--orange);
   z-index: -1;
   transition: all .3s ease-in;
   position: absolute;
   top: 0;
   left: 0;
}

.ctaBtn:hover .arw:before {
   transform: scale(3000%);
   background: var(--red);
}

.ctaBtn.cartBtn {
   background: var(--purple);
   border-color: var(--purple);
   color: #fff;
}

.ctaBtn.cartBtn .btnTxt {
   background: transparent !important;
   color: #fff !important;
}

.ctaBtn.cartBtn .arw:after {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 50%;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%237846f0' viewBox='0 0 16 16'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>") center center no-repeat #fff;
   background-size: 60% auto;
   z-index: -2;
   transition: all .3s ease-in;
}

.ctaBtn.cartBtn .cart:after {
   background: url("data:image/svg+xml,<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%237846f0'><path d='m380.094 189.898-30.454-87.798c-10.346-29.783-37.417-49.028-68.964-49.028h-49.351c-31.583 0-58.654 19.249-68.965 49.03l-30.479 87.796h-111.881v24h23.644l38.653 195.749c5.733 29.016 30.414 49.281 60.019 49.281h227.368c29.625 0 54.294-20.271 59.99-49.281l38.681-195.749h23.645v-24zm-197.658 191.717h-24v-114.404h24zm85.125 9.908h-24v-134.221h24zm85.096-9.908h-24v-114.404h24zm-195.372-191.717 27.75-79.934c6.918-19.981 25.088-32.892 46.29-32.892h49.351c21.179 0 39.35 12.915 46.292 32.898l27.724 79.928z'></path></svg>") center center no-repeat #fff;
   background-size: 60% auto;
}

.ctaBtn.cartBtn .arw:before {
   background: #fff;
}

.ctaBtn.cartBtn:hover .arw:before {
   background: var(--red);
}

.ctaBtn.cartBtn:hover {
   background: var(--red);
   border-color: var(--red);
   color: #fff;
}

.ctaBtn.cartBtn:hover .btnTxt {
   background: transparent !important;
   color: #fff !important;
}

.ctaBtn.cartBtn:hover .arw:after {
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fc3335' viewBox='0 0 16 16'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>") center center no-repeat #fff;
   background-size: 60% auto;
}

.ctaBtn.cartBtn:hover .cart:after {
   background: url("data:image/svg+xml,<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23fc3335'><path d='m380.094 189.898-30.454-87.798c-10.346-29.783-37.417-49.028-68.964-49.028h-49.351c-31.583 0-58.654 19.249-68.965 49.03l-30.479 87.796h-111.881v24h23.644l38.653 195.749c5.733 29.016 30.414 49.281 60.019 49.281h227.368c29.625 0 54.294-20.271 59.99-49.281l38.681-195.749h23.645v-24zm-197.658 191.717h-24v-114.404h24zm85.125 9.908h-24v-134.221h24zm85.096-9.908h-24v-114.404h24zm-195.372-191.717 27.75-79.934c6.918-19.981 25.088-32.892 46.29-32.892h49.351c21.179 0 39.35 12.915 46.292 32.898l27.724 79.928z'></path></svg>") center center no-repeat #fff;
   background-size: 60% auto;
}

.ctaBtn:before {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   right: 100%;
   background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgb(255, 117, 117) 50%, rgba(255, 255, 255, 0) 100%);
   z-index: 3;
   transition: none;
}

.ctaBtn:hover:before {
   right: -100%;
   transition: inherit;
   transition-delay: .32s;
}

.headTop {
   background: var(--orange);
   font-size: var(--fs14);
}

.htDetail {
   display: flex;
   align-items: center;
   gap: 5px;
   font-weight: 300;
   padding: 7px 0;
}

.htDetail .iconBox svg {
   width: var(--fs18);
   height: auto;
   aspect-ratio: 1;
   stroke: #fff;
   stroke-width: .25px;
}

.htDetail:hover a {
   text-decoration: underline;
}

.callBtn {
   border: 1px solid var(--orange);
   line-height: 1.2;
   width: auto;
   height: 2.813rem;
   color: #7d7d7e;
   padding: 4px 15px;
   transition: all .3s ease;
}

.callBtn .cbIcon {
   width: 1.5rem;
   aspect-ratio: 1;
   color: var(--orange)
}

.callBtn small {
   font-size: var(--fs12);
}

.callBtn:hover {
   background: var(--orange);
   color: #fff;
}

.callBtn:hover .cbIcon {
   color: #fff;
}

.pageLogo {
   max-height: 50px;
   height: 100%;
   max-width: 100%;
   object-fit: contain;
   object-position: center;
   transition: all .5s ease;
}

.stick .pageLogo {
   max-height: 40px;
}

.pageLogo:hover {
   filter: brightness(120%);
}

.nav-up .pageHeader {
   transform: translateY(-200%);
   transition: all .5s .5s ease-in;
}

.nav-down .pageHeader {
   filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .2));
}

.headNavBtnList li {
   position: relative;
}

.headNavBtn {
   width: 2.3rem;
   aspect-ratio: 1;
   display: flex;
   border: 1px solid #ddd;
   border-radius: 50%;
   color: #7d7d7d;
   align-items: center;
   justify-content: center;
   transition: all .3s ease;
   background: #fff;
}

.headNavBtn svg {
   width: 1.3rem;
   aspect-ratio: 1;
   stroke-width: 1.5;
}

.headNavBtn:hover {
   background: var(--orange);
   color: #fff;
}

.headNavBtn.dropdown-toggle::after,
.headUserToggle.dropdown-toggle::after {
   display: none !important;
}

.headUserNav {
   position: relative;
}

.headUserToggle {
   display: inline-flex;
   border: 0;
   background: transparent;
   padding: 0;
   color: #7d7d7d;
   transition: all .3s ease;
}

.headUserToggle .headNavBtnUser {
   position: relative;
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   width: 2.3rem;
   aspect-ratio: 1;
   padding: 0;
   overflow: visible;
   line-height: 1;
   pointer-events: none;
   background: var(--orange);
   color: #fff;
   border-color: var(--orange);
}

.headNavBtnUser .headUserInitial {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: transparent;
   color: inherit;
   font-size: .95rem;
   font-weight: 700;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   line-height: 1;
   text-transform: uppercase;
   letter-spacing: .02em;
}

.headUserToggle:hover .headNavBtnUser {
   background: var(--orange);
   color: #fff;
   border-color: var(--orange);
   filter: brightness(1.08);
}

.headNavBtnUser .headUserChevron,
.headNavBtnUser svg.headUserChevron {
   position: absolute;
   right: -.1rem;
   bottom: -.05rem;
   width: .55rem !important;
   height: .55rem !important;
   flex-shrink: 0;
   display: block;
   stroke-width: 0;
   transition: transform .3s ease;
   background: #fff;
   color: var(--orange);
   border-radius: 50%;
   padding: .05rem;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.headUserToggle.show .headNavBtnUser .headUserChevron {
   transform: rotate(180deg);
}

.headUserNav .dropdown-menu {
   min-width: 10rem;
   margin-top: .5rem !important;
   border: 1px solid #eee;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .12);
}

.hnbBadge {
   min-width: 1rem;
   height: 1rem;
   display: block;
   background: var(--red);
   position: absolute;
   right: 0;
   top: 0;
   font-size: var(--fs12);
   color: #fff;
   border-radius: 50rem;
   transform: translate(25%, -25%);
   text-align: center;
   padding: 0 2px;
}

.searchBarMain {
   max-width: 600px;
   width: 80%;
}

.searchBarWrap {
   height: 2.813rem;
   border: 1px solid #d9dadd;
   padding: .25rem;
   background: #fff;
}

.searchBarWrap .form-control {
   border: 0;
}

.searchBarWrap .searchBtn {
   width: 2.063rem;
   height: auto;
   aspect-ratio: 1;
   border: 0;
   background: var(--orange);
   color: #fff;
   padding: 0;
   margin: 0;
}

.searchBarWrap .searchBtn svg {
   width: 1.2rem;
   aspect-ratio: 1;
}

.searchCloseBtn {
   font-size: 30px;
   background: none;
   border: 0;
}

.hotdealBtn {
   width: auto;
   height: auto;
   background: var(--purple);
   color: #fff;
   padding: .5rem .75rem;
   transition: all .3s ease;
}

.hotdealBtn .flame {
   width: 1.5rem;
   height: auto;
   display: block;
   margin-right: .25rem;
}

.hotdealBtn:hover {
   background: var(--red);
}

.hotdealBtn:hover .flame {
   filter: drop-shadow(0 0 5px rgba(255, 255, 255, .5));
}

.menu ul li.menu-view-more {
   background: var(--orange);
}

.menu ul li.menu-view-more a {
   display: block;
   font-weight: 600;
   background: var(--orange);
   color: #fff;
   transition: all .2s ease;
   text-align: center;
}

.menu ul li.menu-view-more a:before {
   content: none;
}

.menu ul li.menu-view-more a:hover,
.menu ul li.menu-view-more a:focus,
.menu ul li.menu-view-more a:active {
   background: var(--red);
   color: #fff;
}

.menu ul li.menu-view-more:hover {
   background: var(--red);
}

.cloudWrap {
   position: relative;
   z-index: 0;
}

.cloudWrap:before {
   content: '';
   width: 100%;
   height: 10px;
   position: absolute;
   top: 100%;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6.8' fill='%23e9e9e9'><path d='M7.7,5.9c-0.9,1.2-2.7,1.2-3.5,0L0,0c3.3,0,8.2,0,12,0L7.7,5.9z'/></svg>") center top repeat-x;
}

.clouds:before,
.clouds:after {
   content: '';
   height: 60px;
   display: block;
   position: absolute;
   top: 100%;
   width: calc((99.5vw - 100%)/2);
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.6 37.4' fill-rule='evenodd' clip-rule='evenodd' fill='%23E9E9E9'><path d='M110.2,2.9c-2.3,0.3,0.1,9.1-13,15.8C88.6,23.1,77,18,77,18s-1.5-1.6-2.2,2.2c-0.7,3.7-6.8,18.1-21.6,17.2c-14.8-0.9-17.4-10-19.4-12.2c-2-2.3-5.1,1.3-13,2.9C13.1,29.5,0,29,0,10.8V0h114.5C114.5,0,115.6,2.2,110.2,2.9z'/></svg>") right top repeat-x;
   background-size: auto 100%;
}

.clouds:before {
   right: 100%;
}

.clouds:after {
   left: 100%;
   transform: rotateY(180deg);
}

@media (max-width:991.98px) {
   .pageHeader {
      width: 100%;
      padding: 1rem 0;
      position: sticky;
      top: 0;
      z-index: 1000;
      background: #fff;
      box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
      transition: all .3s ease;
      overflow: hidden;
   }

   .pageHeader.stick {
      padding: .5rem 0;
   }

   .stick .pageLogo {
      height: 40px;
   }

   .searchBarMain {
      width: 100%;
      max-width: unset;
      padding: .75rem 1rem;
      background: #fff;
   }

   .searchOverlay {
      position: fixed;
      width: 100%;
      height: 100%;
      display: none;
      background: rgba(0, 0, 0, .8);
      top: 0;
      left: 0;
      z-index: 99999;
      padding: 0;
   }

   .headNavigation {
      width: 100%;
      height: 100vh;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 1001;
      box-shadow: 0 0 20px rgba(0, 0, 0, .5);
      transform: translateX(130%);
      transition: transform .5s ease;
      background: rgba(0, 0, 0, .8);
   }

   .headNavigation.visible {
      transform: translateX(0);
   }

   .headNavigation .container {
      width: 50%;
      height: 100%;
      padding: 1.5rem;
      position: absolute;
      top: 0;
      right: 0;
      background: #fff;
      transform: translateX(100%);
      transition: inherit;
      overflow: auto;
   }

   .navigClose {
      width: 50%;
      height: 100%;
      padding: 0;
      color: #fff;
      font-size: 50px;
      text-align: right;
      position: absolute;
      right: 50%;
      top: 0;
      border: 0;
      background: transparent;
      z-index: 1;
   }

   .navigClose span {
      position: absolute;
      top: 10px;
      right: 10px;
      opacity: 0;
      transform: scale(0);
      transition: all .3s 1s ease;
   }

   .headNavigation.visible .navigClose span {
      opacity: 1;
      transform: scale(1);
   }

   .headNavigation.visible .container {
      transition-delay: .4s;
      transform: translateX(0);
   }

   .menu {
      margin-bottom: 1.5rem;
   }

   .menu>li {
      position: relative;
      border-bottom: 1px solid #f6f6f6;
   }

   .menu>li>a {
      display: block;
      font-size: var(--fs18);
      font-weight: 500;
      padding: 1rem 0;
   }

   .menu li.submenu>a.open {
      color: var(--red);
   }

   .menu li.submenu>a {
      position: relative;
      padding-right: .8rem;
   }

   .menu li.submenu>a:after {
      content: '';
      width: .4rem;
      height: .4rem;
      display: block;
      border: 1px solid var(--textBody);
      border-top: 0;
      border-left: 0;
      position: absolute;
      top: 50%;
      right: 5px;
      transform: rotate(45deg) translateY(-60%);
      transition: all .3s ease;
      transform-origin: 50% 50%;
   }

   .menu li.submenu>a.open:after {
      transform: rotate(225deg);
   }

   .menu .subMenuWrap {
      width: auto;
      padding: 0;
      display: none;
      margin-bottom: 1rem;
   }

   .menu ul li a:not(.ctaBtn) {
      width: 100%;
      padding: .25rem 0;
      display: flex;
      align-items: center;
      position: relative;
   }

   .menu ul li .sbmIcon {
      width: 3rem;
      aspect-ratio: 1;
      display: block;
      border-radius: 50%;
      padding: .5rem;
      margin: 0 1rem 0 0;
      background: #f6f6f6;
   }

   .menu ul li .sbmIcon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .hotdealBtn {
      height: 45px;
      justify-content: center;
      gap: 5px;
      font-size: var(--fs16);
   }
}

@media (max-width:767.98px) {
   .headNavigation .container {
      width: 70%;
   }

   .navigClose {
      width: 30%;
      right: 70%;
   }
}

@media (min-width:992px) {

   .pageHeader,
   .pageHeader.stick:hover {
      width: 100%;
      background: #fff;
      z-index: 1000;
      position: sticky;
      top: 0;
      transition: all .5s ease;
   }

   .pageHeader.stick {
      top: -35px;
      filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
      transition-delay: 1s;
   }

   .headMid {
      padding: 1rem 0;
   }

   .stick .headMid {
      padding: .5rem 0;
   }

   .searchOverlay {
      position: static;
      width: auto;
      z-index: 1;
   }

   .searchBarMain {
      max-width: 600px;
      width: 80%;
   }

   .headNavigation {
      background: #e9e9e9;
   }

   .menu {
      height: 100%;
      font-size: 14px;
   }

   .menu>li {
      display: flex;
      align-items: center;
      position: relative;
   }

   .menu>li>a {
      display: block;
   }

   .menu li.submenu>a {
      position: relative;
      padding-right: .8rem;
   }

   .menu li.submenu>a:after {
      content: '';
      width: .4rem;
      height: .4rem;
      display: block;
      border: 1px solid var(--textBody);
      border-top: 0;
      border-left: 0;
      position: absolute;
      top: 50%;
      right: 0;
      transform: rotate(45deg) translateY(-60%);
   }

   .submenu>div {
      width: auto;
      min-width: 400px;
      padding: .25rem;
      background: #fff;
      position: absolute;
      top: 110%;
      left: 0;
      border-radius: .5rem;
      filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
      transition: all .3s ease;
      visibility: hidden;
      opacity: 0;
      z-index: -1;
   }

   .menu li.submenu:hover>div {
      visibility: visible;
      opacity: 1;
      z-index: 1;
      top: 100%
   }

   .menu ul li a:not(.ctaBtn) {
      min-width: 150px;
      height: 100%;
      padding: .5rem 1rem;
      display: block;
      transition: all .2s ease;
      text-align: center;
      line-height: 1.2;
      font-weight: 500;
   }

   .menu ul li a:hover {
      background: var(--red);
      color: #fff;
   }

   .menu ul li .sbmIcon {
      width: 5rem;
      aspect-ratio: 1;
      display: block;
      border-radius: 50%;
      padding: .75rem;
      margin: 0 auto .5rem;
      background: #f6f6f6;
   }

   .menu ul li .sbmIcon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
}

@media (min-width:1400px) {
   .menu {
      font-size: 16px;
   }
}

.pageWrapper {
   min-height: calc(100vh - 180px);
}

.homeBanner {
   width: 100%;
   height: auto;
   position: relative;
   background: #eee;
}

.homeBanner .swiper-slide {
   overflow: hidden;
}

.homeBanner .hbImg {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.homeBanner:after {
   content: "";
   width: 100%;
   aspect-ratio: 10/0.43;
   display: none;
   position: absolute;
   bottom: -1px;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 65.1' fill='%23ffffff'><path d='M1499.4,11.7c-405.9,102.1-788.1,31.9-1065.5,0.8C156.4-18.7,20.9,21.8,0,21.6V65h1500V0h-0.5L1499.4,11.7z'/></svg>") center bottom repeat-x;
   background-size: 100% auto;
   z-index: 10;
}

.aboutBox {
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   padding: 0 2rem;
   position: relative;
   text-align: center;
}

.aboutBox:before {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: no-repeat center center;
   background-size: 99%;
   z-index: -1;
   transition: all .5s ease-in-out;
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}

.about_1:before {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' stroke='%23f1bc78' stroke-width='.5' fill='%23ffe0b8'><path d='M219.5,109.3c0-0.3,0-0.7,0-1c-0.1-3.3-1-6.4-2.3-9.3c-1.4-3.4-3.3-6-5-7.9c-3.3-4.1-6.7-7.1-8.1-8.4c-1.8-1.7-4.9-3.7-7-8c-0.7-1.5-1.2-3.1-1.5-4.8c-0.7-4-0.7-8-0.7-11.7c0-0.3,0-0.7,0-1c0.1-5.1,0.3-9.3-0.9-11.3h-0.1c-0.5-1.8-1.1-3.4-1.9-5c-2.1-5-5.7-9.1-10.3-11.9c-1.2-0.7-2.4-1.4-3.7-1.9c-2.6-1-5.4-1.7-8.3-1.8c-6.9-0.7-14,0.1-18.2,0c-7.7-0.3-10.8-6.2-10.8-6.2c-9.3-11.5-19.3-16.3-19.3-16.3c-1.4-0.6-2.8-1-4.1-1.2c-2.4-0.7-4.9-1.1-7.5-1.1c-3.3,0-6.4,0.6-9.2,1.7c-0.5,0.2-1,0.4-1.5,0.6c0,0-10,4.8-19.3,16.3c0,0-3.1,5.9-10.8,6.2c-4.2,0.2-11.3-0.6-18.2,0c-2.9,0.1-5.7,0.8-8.3,1.8c-1.3,0.5-2.6,1.1-3.7,1.9c-4.6,2.8-8.2,6.9-10.3,11.9c-0.8,1.5-2.1,5-2.1,5c-2.1,3.6,0.1,14-1.5,24c-0.3,2-1,3.8-1.8,5.5c-2.1,3.8-5,5.7-6.7,7.3c-1.4,1.3-4.6,4.2-7.8,8c-2,2-4.3,5.2-5.9,9.4c-1.1,2.6-1.8,5.3-1.8,8.1c0,0.1,0,0.2,0,0.4c0,0.5-0.1,1-0.1,1.6c0,0.2,0,0.3,0,0.5c0,0.3,0,0.7,0,1c0.1,3.6,1.2,7.1,2.8,10.2c1.3,2.8,2.9,5,4.3,6.6c3.3,4.2,6.9,7.4,8.3,8.7c1.9,1.8,5.3,3.9,7.4,8.7c0.1,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0,0c0.4,1.1,0.8,2.3,1,3.6c0.5,3.3,0.7,6.6,0.7,9.7c-0.1,1.7-0.1,3.3-0.1,4.7c-0.1,4.3-0.1,7.8,0.9,9.6h0.1c0.5,1.8,1.1,3.4,1.9,5c2.1,5,5.7,9.1,10.3,11.9c1.2,0.7,2.4,1.4,3.7,1.9c2.6,1,5.4,1.7,8.3,1.8c6.9,0.7,14-0.1,18.2,0c7.7,0.3,10.8,6.2,10.8,6.2c9.3,11.5,19.4,16.3,19.4,16.3c0.5,0.2,1,0.4,1.5,0.6c2.9,1.1,6,1.7,9.2,1.7c2.6,0,5.1-0.4,7.5-1.1c1.3-0.2,2.7-0.6,4.1-1.2c0,0,10-4.8,19.4-16.3c0,0,3.1-5.9,10.8-6.2c4.2-0.2,11.3,0.6,18.2,0c2.9-0.1,5.7-0.8,8.3-1.8c1.3-0.5,2.6-1.1,3.7-1.9c4.6-2.8,8.2-6.9,10.3-11.9c0.8-1.5,1.4-3.1,1.9-5h0.1c2.1-3.6-0.1-14,1.5-24c0.3-1.8,0.8-3.4,1.5-4.9c2.1-4.2,5.2-6.2,7-7.9c1.4-1.3,4.8-4.3,8.1-8.4c1.7-1.8,3.6-4.5,5.1-7.9c1.4-2.9,2.3-6,2.3-9.3c0-0.4,0-0.7,0-1c0-0.2,0-0.3,0-0.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2C219.5,109.6,219.5,109.5,219.5,109.3z'/></svg>");
}

.about_2:before {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' stroke='%23e8d473' stroke-width='.5' fill='%23fff6ca'><path d='M219.5,109.3c0-0.3,0-0.7,0-1c-0.1-3.3-1-6.4-2.3-9.3c-1.4-3.4-3.3-6-5-7.9c-3.3-4.1-6.7-7.1-8.1-8.4c-1.8-1.7-4.9-3.7-7-8c-0.7-1.5-1.2-3.1-1.5-4.8c-0.7-4-0.7-8-0.7-11.7c0-0.3,0-0.7,0-1c0.1-5.1,0.3-9.3-0.9-11.3h-0.1c-0.5-1.8-1.1-3.4-1.9-5c-2.1-5-5.7-9.1-10.3-11.9c-1.2-0.7-2.4-1.4-3.7-1.9c-2.6-1-5.4-1.7-8.3-1.8c-6.9-0.7-14,0.1-18.2,0c-7.7-0.3-10.8-6.2-10.8-6.2c-9.3-11.5-19.3-16.3-19.3-16.3c-1.4-0.6-2.8-1-4.1-1.2c-2.4-0.7-4.9-1.1-7.5-1.1c-3.3,0-6.4,0.6-9.2,1.7c-0.5,0.2-1,0.4-1.5,0.6c0,0-10,4.8-19.3,16.3c0,0-3.1,5.9-10.8,6.2c-4.2,0.2-11.3-0.6-18.2,0c-2.9,0.1-5.7,0.8-8.3,1.8c-1.3,0.5-2.6,1.1-3.7,1.9c-4.6,2.8-8.2,6.9-10.3,11.9c-0.8,1.5-2.1,5-2.1,5c-2.1,3.6,0.1,14-1.5,24c-0.3,2-1,3.8-1.8,5.5c-2.1,3.8-5,5.7-6.7,7.3c-1.4,1.3-4.6,4.2-7.8,8c-2,2-4.3,5.2-5.9,9.4c-1.1,2.6-1.8,5.3-1.8,8.1c0,0.1,0,0.2,0,0.4c0,0.5-0.1,1-0.1,1.6c0,0.2,0,0.3,0,0.5c0,0.3,0,0.7,0,1c0.1,3.6,1.2,7.1,2.8,10.2c1.3,2.8,2.9,5,4.3,6.6c3.3,4.2,6.9,7.4,8.3,8.7c1.9,1.8,5.3,3.9,7.4,8.7c0.1,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0,0c0.4,1.1,0.8,2.3,1,3.6c0.5,3.3,0.7,6.6,0.7,9.7c-0.1,1.7-0.1,3.3-0.1,4.7c-0.1,4.3-0.1,7.8,0.9,9.6h0.1c0.5,1.8,1.1,3.4,1.9,5c2.1,5,5.7,9.1,10.3,11.9c1.2,0.7,2.4,1.4,3.7,1.9c2.6,1,5.4,1.7,8.3,1.8c6.9,0.7,14-0.1,18.2,0c7.7,0.3,10.8,6.2,10.8,6.2c9.3,11.5,19.4,16.3,19.4,16.3c0.5,0.2,1,0.4,1.5,0.6c2.9,1.1,6,1.7,9.2,1.7c2.6,0,5.1-0.4,7.5-1.1c1.3-0.2,2.7-0.6,4.1-1.2c0,0,10-4.8,19.4-16.3c0,0,3.1-5.9,10.8-6.2c4.2-0.2,11.3,0.6,18.2,0c2.9-0.1,5.7-0.8,8.3-1.8c1.3-0.5,2.6-1.1,3.7-1.9c4.6-2.8,8.2-6.9,10.3-11.9c0.8-1.5,1.4-3.1,1.9-5h0.1c2.1-3.6-0.1-14,1.5-24c0.3-1.8,0.8-3.4,1.5-4.9c2.1-4.2,5.2-6.2,7-7.9c1.4-1.3,4.8-4.3,8.1-8.4c1.7-1.8,3.6-4.5,5.1-7.9c1.4-2.9,2.3-6,2.3-9.3c0-0.4,0-0.7,0-1c0-0.2,0-0.3,0-0.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2C219.5,109.6,219.5,109.5,219.5,109.3z'/></svg>");
}

.about_3:before {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' stroke='%2388c56d' stroke-width='.5' fill='%23e3fad9'><path d='M219.5,109.3c0-0.3,0-0.7,0-1c-0.1-3.3-1-6.4-2.3-9.3c-1.4-3.4-3.3-6-5-7.9c-3.3-4.1-6.7-7.1-8.1-8.4c-1.8-1.7-4.9-3.7-7-8c-0.7-1.5-1.2-3.1-1.5-4.8c-0.7-4-0.7-8-0.7-11.7c0-0.3,0-0.7,0-1c0.1-5.1,0.3-9.3-0.9-11.3h-0.1c-0.5-1.8-1.1-3.4-1.9-5c-2.1-5-5.7-9.1-10.3-11.9c-1.2-0.7-2.4-1.4-3.7-1.9c-2.6-1-5.4-1.7-8.3-1.8c-6.9-0.7-14,0.1-18.2,0c-7.7-0.3-10.8-6.2-10.8-6.2c-9.3-11.5-19.3-16.3-19.3-16.3c-1.4-0.6-2.8-1-4.1-1.2c-2.4-0.7-4.9-1.1-7.5-1.1c-3.3,0-6.4,0.6-9.2,1.7c-0.5,0.2-1,0.4-1.5,0.6c0,0-10,4.8-19.3,16.3c0,0-3.1,5.9-10.8,6.2c-4.2,0.2-11.3-0.6-18.2,0c-2.9,0.1-5.7,0.8-8.3,1.8c-1.3,0.5-2.6,1.1-3.7,1.9c-4.6,2.8-8.2,6.9-10.3,11.9c-0.8,1.5-2.1,5-2.1,5c-2.1,3.6,0.1,14-1.5,24c-0.3,2-1,3.8-1.8,5.5c-2.1,3.8-5,5.7-6.7,7.3c-1.4,1.3-4.6,4.2-7.8,8c-2,2-4.3,5.2-5.9,9.4c-1.1,2.6-1.8,5.3-1.8,8.1c0,0.1,0,0.2,0,0.4c0,0.5-0.1,1-0.1,1.6c0,0.2,0,0.3,0,0.5c0,0.3,0,0.7,0,1c0.1,3.6,1.2,7.1,2.8,10.2c1.3,2.8,2.9,5,4.3,6.6c3.3,4.2,6.9,7.4,8.3,8.7c1.9,1.8,5.3,3.9,7.4,8.7c0.1,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0,0c0.4,1.1,0.8,2.3,1,3.6c0.5,3.3,0.7,6.6,0.7,9.7c-0.1,1.7-0.1,3.3-0.1,4.7c-0.1,4.3-0.1,7.8,0.9,9.6h0.1c0.5,1.8,1.1,3.4,1.9,5c2.1,5,5.7,9.1,10.3,11.9c1.2,0.7,2.4,1.4,3.7,1.9c2.6,1,5.4,1.7,8.3,1.8c6.9,0.7,14-0.1,18.2,0c7.7,0.3,10.8,6.2,10.8,6.2c9.3,11.5,19.4,16.3,19.4,16.3c0.5,0.2,1,0.4,1.5,0.6c2.9,1.1,6,1.7,9.2,1.7c2.6,0,5.1-0.4,7.5-1.1c1.3-0.2,2.7-0.6,4.1-1.2c0,0,10-4.8,19.4-16.3c0,0,3.1-5.9,10.8-6.2c4.2-0.2,11.3,0.6,18.2,0c2.9-0.1,5.7-0.8,8.3-1.8c1.3-0.5,2.6-1.1,3.7-1.9c4.6-2.8,8.2-6.9,10.3-11.9c0.8-1.5,1.4-3.1,1.9-5h0.1c2.1-3.6-0.1-14,1.5-24c0.3-1.8,0.8-3.4,1.5-4.9c2.1-4.2,5.2-6.2,7-7.9c1.4-1.3,4.8-4.3,8.1-8.4c1.7-1.8,3.6-4.5,5.1-7.9c1.4-2.9,2.3-6,2.3-9.3c0-0.4,0-0.7,0-1c0-0.2,0-0.3,0-0.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2C219.5,109.6,219.5,109.5,219.5,109.3z'/></svg>");
}

.about_4:before {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' stroke='%23b9a7e2' stroke-width='.5' fill='%23ebe2ff'><path d='M219.5,109.3c0-0.3,0-0.7,0-1c-0.1-3.3-1-6.4-2.3-9.3c-1.4-3.4-3.3-6-5-7.9c-3.3-4.1-6.7-7.1-8.1-8.4c-1.8-1.7-4.9-3.7-7-8c-0.7-1.5-1.2-3.1-1.5-4.8c-0.7-4-0.7-8-0.7-11.7c0-0.3,0-0.7,0-1c0.1-5.1,0.3-9.3-0.9-11.3h-0.1c-0.5-1.8-1.1-3.4-1.9-5c-2.1-5-5.7-9.1-10.3-11.9c-1.2-0.7-2.4-1.4-3.7-1.9c-2.6-1-5.4-1.7-8.3-1.8c-6.9-0.7-14,0.1-18.2,0c-7.7-0.3-10.8-6.2-10.8-6.2c-9.3-11.5-19.3-16.3-19.3-16.3c-1.4-0.6-2.8-1-4.1-1.2c-2.4-0.7-4.9-1.1-7.5-1.1c-3.3,0-6.4,0.6-9.2,1.7c-0.5,0.2-1,0.4-1.5,0.6c0,0-10,4.8-19.3,16.3c0,0-3.1,5.9-10.8,6.2c-4.2,0.2-11.3-0.6-18.2,0c-2.9,0.1-5.7,0.8-8.3,1.8c-1.3,0.5-2.6,1.1-3.7,1.9c-4.6,2.8-8.2,6.9-10.3,11.9c-0.8,1.5-2.1,5-2.1,5c-2.1,3.6,0.1,14-1.5,24c-0.3,2-1,3.8-1.8,5.5c-2.1,3.8-5,5.7-6.7,7.3c-1.4,1.3-4.6,4.2-7.8,8c-2,2-4.3,5.2-5.9,9.4c-1.1,2.6-1.8,5.3-1.8,8.1c0,0.1,0,0.2,0,0.4c0,0.5-0.1,1-0.1,1.6c0,0.2,0,0.3,0,0.5c0,0.3,0,0.7,0,1c0.1,3.6,1.2,7.1,2.8,10.2c1.3,2.8,2.9,5,4.3,6.6c3.3,4.2,6.9,7.4,8.3,8.7c1.9,1.8,5.3,3.9,7.4,8.7c0.1,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0,0c0.4,1.1,0.8,2.3,1,3.6c0.5,3.3,0.7,6.6,0.7,9.7c-0.1,1.7-0.1,3.3-0.1,4.7c-0.1,4.3-0.1,7.8,0.9,9.6h0.1c0.5,1.8,1.1,3.4,1.9,5c2.1,5,5.7,9.1,10.3,11.9c1.2,0.7,2.4,1.4,3.7,1.9c2.6,1,5.4,1.7,8.3,1.8c6.9,0.7,14-0.1,18.2,0c7.7,0.3,10.8,6.2,10.8,6.2c9.3,11.5,19.4,16.3,19.4,16.3c0.5,0.2,1,0.4,1.5,0.6c2.9,1.1,6,1.7,9.2,1.7c2.6,0,5.1-0.4,7.5-1.1c1.3-0.2,2.7-0.6,4.1-1.2c0,0,10-4.8,19.4-16.3c0,0,3.1-5.9,10.8-6.2c4.2-0.2,11.3,0.6,18.2,0c2.9-0.1,5.7-0.8,8.3-1.8c1.3-0.5,2.6-1.1,3.7-1.9c4.6-2.8,8.2-6.9,10.3-11.9c0.8-1.5,1.4-3.1,1.9-5h0.1c2.1-3.6-0.1-14,1.5-24c0.3-1.8,0.8-3.4,1.5-4.9c2.1-4.2,5.2-6.2,7-7.9c1.4-1.3,4.8-4.3,8.1-8.4c1.7-1.8,3.6-4.5,5.1-7.9c1.4-2.9,2.3-6,2.3-9.3c0-0.4,0-0.7,0-1c0-0.2,0-0.3,0-0.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2C219.5,109.6,219.5,109.5,219.5,109.3z'/></svg>");
}

.abImg {
   width: 7rem;
   height: auto;
   margin-bottom: .3rem;
}

.abHead {
   font-size: var(--fs18);
   font-weight: 600;
}

.abText {
   line-height: 1.3;
   color: var(--textBody);
}

.sectTitle {
   font-size: var(--fs36);
   font-weight: 700;
   color: #000;
}

.sectSubtitle {
   font-size: var(--fs18);
   font-weight: 400;
}

.flowerSwiper .swiper-pagination-bullet-active {
   background: #333;
}

@media (max-width:575.98px) {

   .flowerSwiper,
   .flowerSwiper .swiper-wrapper {
      overflow: unset;
   }

   .aboutBox {
      width: 100%;
      max-width: 320px;
      margin: auto;
   }
}

@media (min-width: 576px) {
   .flowerSwiper .swiper-wrapper {
      width: auto;
      margin-right: calc(-.5 * var(--bs-gutter-x));
      margin-left: calc(-.5 * var(--bs-gutter-x));
      flex-wrap: wrap;
   }

   .flowerSwiper .swiper-slide {
      width: 50%;
      flex: 0 0 auto;
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5);
      margin-top: var(--bs-gutter-y);
   }

   .aboutBox:hover:before {
      transform: rotate(-360deg);
      transition: all 15s linear;
   }
}

@media (min-width: 768px) {
   .homeBanner .swiper-slide {
      aspect-ratio: 5/2;
   }

   .aboutBox {
      padding: 0 2.5rem;
   }

   .abImg {
      width: 8.5rem;
   }

   .abHead {
      font-size: var(--fs22);
   }
}

@media (min-width: 992px) {
   .flowerSwiper .swiper-slide {
      width: 25%;
   }

   .aboutBox {
      padding: 0 2.5rem;
   }

   .sectTitle {
      font-size: var(--fs50);
   }

   .sectSubtitle {
      font-size: var(--fs24);
   }
}

@media (min-width: 1200px) {
   .aboutBox {
      padding: 0 3.2rem;
   }
}

#cards {
   --card-top-offset: 1em;
   --outline-width: 0px;
   padding-bottom: calc(var(--numcards) * var(--card-top-offset));
   margin-bottom: var(--card-margin);
}

.cardItem {
   max-width: 1000px;
   position: sticky;
   top: 0;
   padding-top: calc(var(--index) * var(--card-top-offset));
   margin: 0 auto 20px;
}

.card__content {
   transform-origin: 50% 0%;
   will-change: transform;
}

.catgBox {
   width: 100%;
   height: 100%;
   min-height: 330px;
   padding: 2rem 2.25rem;
   color: #fff;
   transition: all .3s ease;
   transform-style: preserve-3d;
   position: relative;
   transform-origin: 50% 0%;
   will-change: transform;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   overflow: hidden;
}

.catgImgBg {
   width: 48%;
   max-width: 320px;
   height: 96%;
   max-height: 350px;
   position: absolute;
   right: 0;
   bottom: 0;
   pointer-events: none;
   overflow: hidden;
   object-fit: contain;
   object-position: right bottom;
   opacity: 1;
   z-index: 1;
}

.catgContent {
   position: relative;
   z-index: 2;
   max-width: 55%;
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: space-between;
}

.catgHead {
   font-size: clamp(1.9rem, 2.5vw, 2.65rem);
   font-weight: 800;
   line-height: 1.1;
   margin-bottom: 0.4rem;
   letter-spacing: -0.01em;
}

.catgContent p {
   font-size: clamp(0.95rem, 1vw, 1.05rem);
   max-width: 100%;
   line-height: 1.35;
   margin-bottom: 0.75rem;
   color: rgba(255, 255, 255, 0.95);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.catgAmount {
   margin-bottom: 1rem !important;
}

.catgAmount small {
   font-size: 0.9rem;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.9);
   margin-bottom: 0.15rem;
   display: block;
}

.catgAmount .catgPrice {
   font-size: clamp(1.75rem, 2.2vw, 2.35rem);
   font-weight: 800;
   line-height: 1.1;
   color: #fff;
   display: block;
}

.catgBox:hover {
   box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
}

.catgBox:hover .catgContent {
   transform: scale(1) translate3d(0, 0, 30px);
}

.catgBox .ctaBtn,
.catgBox .ctaBtn .btnTxt {
   color: #000 !important;
}

.catgBox .ctaBtn:hover,
.catgBox .ctaBtn:hover .btnTxt {
   color: #fff !important;
}

@media (min-width: 768px) {
   .catgBox {
      min-height: 340px;
      padding: 2.25rem 2.5rem;
   }
}

@media (min-width: 992px) {
   .catgBox {
      min-height: 350px;
      padding: 2.5rem 2.75rem;
   }

   .catgHead {
      font-size: clamp(2rem, 2.7vw, 2.85rem);
   }

   .catgContent {
      max-width: 54%;
   }

   .catgHighlight .catgHead {
      font-size: calc(var(--fs66) * 1.5);
   }

   .catgHighlight .catgAmount {
      font-size: calc(var(--fs36) * 1.5);
   }
}

@media (min-width: 1400px) {
   .catgBox {
      min-height: 360px;
      padding: 2.5rem 3rem;
   }
}

.marqueStrip {
   position: relative;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='%23ffffff'><path d='M12,12L12,12C12,5.4,6.6,0,0,0h24C17.4,0,12,5.4,12,12z'/></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='%23ffffff'><path d='M12,0L12,0c0,6.6-5.4,12-12,12h24C17.4,12,12,6.6,12,0z'/></svg>");
   background-color: #74d6ff;
   background-position: center top, center bottom;
   background-repeat: repeat-x;
   background-size: auto 10px;
}

.marqueStrip .swiper-wrapper {
   -webkit-transition-timing-function: linear !important;
   transition-timing-function: linear !important;
}

.marqueStrip .swiper-slide {
   width: auto;
   font-size: var(--fs20);
}

.marqueStrip .mst_img {
   width: 30px;
   aspect-ratio: 1;
   margin-right: .75rem;
}

.featBox {
   border-radius: 1rem;
   height: 100%;
   z-index: 1;
   transition: all .2s ease;
   top: 0;
   position: relative;
}

.featBox:hover {
   box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
   z-index: 10;
   top: -5px;
}

.featImg {
   width: 4rem;
   height: 4rem;
   position: relative;
   transform: none;
   mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 275 275'><path d='M140.4,274c-1.2,0-2.4,0-3.6,0c-6.5-1.4-11.2-5.4-15.4-10.2c-6.7-7.5-13.8-8.9-23.2-5.1c-2.4,1-4.8,2-7.3,2.8 c-8.8,2.6-18.1-1.7-21.5-10c-1.1-2.6-1.7-5.3-2.6-8c-2.7-8.2-8.5-12.8-17.3-13.5c-2.1-0.2-4.3-0.1-6.5-0.2c-5.7-0.4-10.4-2.6-13.9-7 c-4.5-5.6-4-11.9-2.7-18.4c2-10-1.1-17.2-10.6-21.4c-15.1-6.7-18.5-20.1-8-32.8c6.6-8,5.8-15.3-0.1-23.9c-2.7-3.9-4.5-8.4-6.7-12.6 c-0.4-1.5-0.4-2.9,0-4.2c1.7-7.5,6.6-12.2,13.4-15.4c1.1-0.5,2.1-1.1,3.1-1.8c6.5-4.4,9.4-10.4,8.1-18.2c-0.3-2.1-0.8-4.2-1.1-6.2 c-1.8-12,5.3-20.7,17.6-21.7c17-1.4,19.3-3.2,24.3-19.4C69.2,17.6,77.1,12,86,13.2c3.3,0.4,6.4,1.8,9.5,3c10.1,4,17.1,2.5,24.1-5.5 c3.6-4.2,7.6-7.8,12.9-9.7c2.1-0.5,4.7-0.7,8.6,0c5.3,2.1,9.3,5.9,13,10c6.4,7.1,13.6,8.5,22.7,4.9c2.3-0.9,4.6-2,7-2.7 c9.2-2.9,18.7,1.4,22.3,10.3c1,2.6,1.7,5.4,2.6,8c2.6,8,9.1,12.7,17.6,13.1c2.9,0.1,5.7,0.2,8.6,0.6c8.6,1.2,15.1,8.6,14.9,17.1 c-0.1,3.3-0.7,6.5-1.2,9.7c-1.2,7.7,2,14.5,8.8,18.6c2.1,1.3,4.4,2.3,6.6,3.6c7.3,4.2,11.2,11.3,9.3,18.9c-1,4-3.6,7.8-6,11.4 c-5.7,8.3-5.6,15.5,0.3,23.7c2.5,3.5,4.4,7.4,6.6,11.1c0.5,2.5,0.4,4.9,0,7c-1.8,5.3-4.9,9.5-9.9,12.4c-15,8.6-16.1,11.2-13.3,28.1 c1.9,11.4-5.7,20.7-17.5,21.5c-2.5,0.2-5,0.3-7.5,0.6c-7.5,1-12.4,5.1-14.9,12c-0.9,2.4-1.4,5-2.2,7.4c-2.8,8.8-10.5,14.1-19.6,13 c-3.1-0.4-6.2-1.7-9.2-2.9c-10.3-4-17.2-2.7-24.3,5.6C151.4,268.8,146.7,272.5,140.4,274z'/></svg>") 100% center no-repeat;
}

.featICbg {
   width: 100%;
   height: auto;
   position: absolute;
}

.featIcon {
   width: 2rem;
   aspect-ratio: 1;
   position: relative;
   fill: #fff;
   transform: none;
}

.featContent {
   color: #666;
   line-height: 1.2;
}

.featHead {
   font-size: var(--fs22);
   color: #000;
   line-height: 1.2;
   font-weight: 600;
}

.featBox:hover .featImg {
   transform: rotate(720deg);
   transition: all 8s ease-in-out;
   transition-delay: 0s;
}

.featBox:hover .featIcon {
   transform: rotate(-720deg);
   transition: inherit;
   transition-delay: 0s;
}

.featBox.orange {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1rem' ry='1rem' stroke='%23fccd9e' stroke-width='3' stroke-dasharray='3%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") #fde3c8;
}

.featBox.blue {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1rem' ry='1rem' stroke='%23aebef8' stroke-width='3' stroke-dasharray='3%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") #d5e9ff;
}

.featBox.teal {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1rem' ry='1rem' stroke='%2383ebe3' stroke-width='3' stroke-dasharray='3%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") #d1f7f4;
}

.featBox.red {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1rem' ry='1rem' stroke='%23fbbebf' stroke-width='3' stroke-dasharray='3%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") #ffe3e6;
}

.obsSection:before {
   content: '';
   width: 100%;
   height: 10px;
   position: absolute;
   top: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 10' fill='%23ffffff'><path d='M21.5,10h2.9c1.7-0.1,5.3-0.9,8.6-4.4C37.7,0.7,46,0,46,0H0c0,0,8.3,0.7,12.9,5.6C16.3,9.1,19.8,9.9,21.5,10z'/></svg>") center top repeat-x;
}

.prodItemBox {
   overflow: hidden;
   position: relative;
   z-index: 1;
   padding-bottom: .5rem;
}

.pibImgBox {
   width: 100%;
   border-radius: 50% 50% 2rem 2rem / 3rem 3rem 2rem 2rem;
   overflow: hidden;
   border: 1px dashed #d8d7d7;
   background: #fff;
   padding: 1rem 0;
   position: relative;
}

.pibImgBox .pibProdImg {
   width: 80%;
   aspect-ratio: 1;
   object-fit: contain;
   object-position: center;
   transition: all .3s ease;
}

.prodItemBox:hover .pibProdImg {
   transform: scale(1.05);
}

.pibLabels {
   position: absolute;
   top: 15%;
   left: 3%;
   z-index: 5;
}

.pibTag {
   width: 3.5rem;
   height: 3.5rem;
   border-radius: 50%;
   color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-weight: 500;
   line-height: 1;
   font-size: var(--fs16);
   margin-bottom: -.8rem;
   box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
}

.pibWL {
   width: 2rem;
   height: 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background: rgba(0, 0, 0, .1);
   position: absolute;
   top: 15%;
   right: 3%;
   z-index: 5
}

.wishlistBtn {
   width: 1.2rem;
   height: 1.2rem;
   border: 0;
   padding: 1px;
   background: transparent;
}

.wishlistBtn:before {
   content: '';
   width: 95%;
   height: 95%;
   display: block;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 -1.6 35.20 35.20' class='wishlistIcon' fill='%23e5e5e5' stroke='rgba(100, 100, 100, 1)' stroke-width='2.5'><path d='M0.256 12.16q0.544 2.080 2.080 3.616l13.664 14.144 13.664-14.144q1.536-1.536 2.080-3.616t0-4.128-2.080-3.584-3.584-2.080-4.16 0-3.584 2.080l-2.336 2.816-2.336-2.816q-1.536-1.536-3.584-2.080t-4.128 0-3.616 2.080-2.080 3.584 0 4.128z'></path></svg>");
}

.wishlistBtn.saved:before {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 -1.6 35.20 35.20' class='wishlistIcon' fill='rgba(228, 0, 37, 1)' stroke='rgba(228, 0, 37, 1)' stroke-width='2.5'><path d='M0.256 12.16q0.544 2.080 2.080 3.616l13.664 14.144 13.664-14.144q1.536-1.536 2.080-3.616t0-4.128-2.080-3.584-3.584-2.080-4.16 0-3.584 2.080l-2.336 2.816-2.336-2.816q-1.536-1.536-3.584-2.080t-4.128 0-3.616 2.080-2.080 3.584 0 4.128z'></path></svg>");
}

.pibTag.offer {
   background: #8dba3b;
}

.pibTag.offer small {
   font-size: 70%;
}

.pibTag.new {
   background: #4891fd;
}

.pibProdName {
   font-size: var(--fs24);
   font-weight: 700;
   color: #000;
}

.pibReview {
   font-size: var(--fs12);
}

.pibProdPrice {
   font-size: var(--fs22);
   line-height: 1;
}

.pibStikePrice {
   color: #aaa;
   text-decoration: line-through;
}

.pibDiscount {
   font-size: var(--fs14);
}

.pibDiscount:before {
   content: '';
   width: 1rem;
   aspect-ratio: 1;
   display: inline-block;
   vertical-align: middle;
   background: url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23239c3d'><path d='m30.25 14.182-.876-.876c-.36-.36-.577-1.168-.445-1.661l.32-1.197c.178-.661.086-1.354-.259-1.949-.344-.596-.897-1.021-1.559-1.198l-1.196-.321c-.492-.132-1.084-.724-1.217-1.215l-.32-1.197c-.358-1.336-1.799-2.178-3.148-1.818l-1.196.321c-.459.122-1.316-.101-1.66-.445l-.877-.876c-.969-.969-2.666-.969-3.635 0l-.877.877c-.344.344-1.201.567-1.661.445l-1.195-.321c-1.349-.361-2.79.481-3.148 1.818l-.32 1.195c-.132.494-.724 1.085-1.216 1.217l-1.197.321c-.662.177-1.216.603-1.56 1.199s-.435 1.288-.257 1.947l.319 1.198c.132.493-.084 1.3-.444 1.661l-.876.876c-.483.484-.75 1.13-.75 1.817s.267 1.333.751 1.817l.876.876c.36.36.577 1.168.445 1.661l-.32 1.197c-.178.661-.086 1.354.259 1.949.344.595.897 1.021 1.559 1.198l1.195.32c.493.132 1.085.724 1.218 1.215l.319 1.197c.358 1.336 1.804 2.175 3.147 1.817l1.197-.32c.46-.122 1.317.101 1.661.445l.876.875c.484.486 1.13.753 1.818.753s1.334-.267 1.817-.75l.877-.876c.345-.344 1.205-.565 1.661-.445l1.195.32c.217.058.439.087.662.087h.001c1.162 0 2.185-.783 2.485-1.905l.319-1.194c.133-.494.725-1.085 1.217-1.218l1.196-.32c.662-.177 1.216-.604 1.56-1.2s.435-1.288.257-1.947l-.319-1.198c-.132-.493.084-1.3.444-1.661l.876-.876c.484-.484.751-1.13.751-1.817.001-.689-.266-1.334-.75-1.818zm-21.25-2.182c0-1.654 1.346-3 3-3s3 1.346 3 3-1.346 3-3 3-3-1.346-3-3zm3.707 8.707c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.023 0-1.414l8-8c.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414zm7.293 2.293c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3z'></path><circle cx='20' cy='20' r='1'></circle><circle cx='12' cy='12' r='1'></circle></svg>");
   background-size: 1rem 1rem;
}

.pibBtn {
   min-width: 110px;
   padding: .5rem 1rem;
   border-radius: 50rem;
   position: relative;
   font-size: var(--fs16);
   font-weight: 600;
   color: #fff;
   transition: all .5s ease-in-out;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 0 !important;
   outline: none !important;
}

button.pibBtn {
   border: 0 !important;
   outline: none !important;
}

.pibBtn.cartBtn {
   background-color: var(--purple);
}

.pibBtn.buyBtn {
   background-color: var(--orange);
}

.pibBtn:hover {
   box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
   background-color: var(--red);
}

.pibBtn:before {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   right: 100%;
   background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgb(255, 117, 117) 50%, rgba(255, 255, 255, 0) 100%);
   z-index: 3;
   transition: none;
}

.pibBtn:hover:before {
   right: -100%;
   transition: inherit;
   transition-delay: .32s;
}

.ratingBox {
   width: 5rem;
   height: 1rem;
   display: inline-block;
   position: relative;
}

.ratingBox:before {
   width: 100%;
   height: 100%;
   display: block;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   background: var(--starIcon) repeat-x;
   background-size: contain;
   filter: grayscale(100%);
   z-index: 0;
   opacity: .4;
}

.ratingBox .ratedStars {
   width: auto;
   height: 100%;
   display: block;
   background: var(--starIcon) repeat-x;
   background-size: contain;
   position: relative;
   z-index: 1;
}

.ratingBox .ratedStars.star1 {
   width: 20%
}

.ratingBox .ratedStars.star1h {
   width: 30%
}

.ratingBox .ratedStars.star2 {
   width: 40%
}

.ratingBox .ratedStars.star2h {
   width: 50%
}

.ratingBox .ratedStars.star3 {
   width: 60%
}

.ratingBox .ratedStars.star3h {
   width: 70%
}

.ratingBox .ratedStars.star4 {
   width: 80%
}

.ratingBox .ratedStars.star4h {
   width: 90%
}

.ratingBox .ratedStars.star5 {
   width: 100%
}

.playfunSection:before {
   content: '';
   width: 100%;
   height: 50%;
   display: block;
   position: absolute;
   top: 0;
   background: var(--yellowSubtle);
   z-index: 0;
}

.playfunSection:after {
   content: '';
   width: 100%;
   height: 10px;
   position: absolute;
   top: 50%;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 10' fill='%23f88d0d'><path d='M21.5,10h2.9c1.7-0.1,5.3-0.9,8.6-4.4C37.7,0.7,46,0,46,0H0c0,0,8.3,0.7,12.9,5.6C16.3,9.1,19.8,9.9,21.5,10z'/></svg>") center top repeat-x;
   transform: translateY(-10px) rotate(-180deg);
}

.playfunContent {
   padding: 50px 30px;
}

.blobBox {
   width: auto;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   overflow: hidden;
   background: #3a71fa;
   border-radius: 30% 40% 30% 10% / 50% 50% 50% 30%;
   animation: morph 8s linear infinite;
   z-index: -1;
}

.blobBox:before,
.blobBox:after {
   content: '';
   width: 100%;
   display: block;
   position: absolute;
}

.blobBox:before {
   top: 0;
   left: 0;
   width: 100%;
   height: 50px;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 212.7 80'><path fill='%231b53e1' d='M0,78.6c0,0,1.4-19.8,17.8-32.8c16.3-12.9,39.6-6.1,39.6-6.1S70-2.6,111.3,0.1c41.3,2.7,49.9,39.6,49.9,39.6s19.2-5.3,36.9,7.5C215.7,60.1,212.4,80,212.4,80H1.4L0,78.6z'/></svg>") repeat-x left top;
   background-size: 33% 100%;
   transform: rotate(180deg);
}

.blobBox:after {
   bottom: 0;
   left: 0;
   height: 100px;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 212.7 80'><path fill='%231b53e1' d='M0,78.6c0,0,1.4-19.8,17.8-32.8c16.3-12.9,39.6-6.1,39.6-6.1S70-2.6,111.3,0.1c41.3,2.7,49.9,39.6,49.9,39.6s19.2-5.3,36.9,7.5C215.7,60.1,212.4,80,212.4,80H1.4L0,78.6z'/></svg>") no-repeat 25% bottom;
   background-size: auto 4.5rem;
}

@keyframes morph {

   0%,
   100% {
      border-radius: 30% 40% 30% 10% / 50% 50% 50% 30%;
   }

   34% {
      border-radius: 50% 20% 40% 50% / 30% 20% 60% 40%;
   }

   67% {
      border-radius: 20% 40% 20% 40% / 20% 50% 70% 50%;
   }
}

.boysFlight {
   animation: boysFlight 5s linear infinite;
}

@keyframes boysFlight {

   0%,
   50%,
   100% {
      transform: rotate(0deg);
   }

   25% {
      transform: rotate(3deg);
   }

   75% {
      transform: rotate(-3deg);
   }
}

@media (min-width:576px) {
   .playfunContent {
      padding: 50px 50px;
   }
}

@media (min-width:992px) {
   .playfunContent {
      padding: 50px 100px;
   }
}

.statSection:after {
   content: '';
   width: 100%;
   height: 31px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470 32'><path fill='%23d1f7f4' d='M470,7c-62.5,38.5-124-7-124-7c-62.3,45.2-123.4,6.9-123.4,6.9c-72.9,54.2-123.4,0-123.4,0C39.2,40.2,0,7,0,7v25h470V0L470,7z'/></svg>") repeat-x left bottom;
}

.statNo {
   font-size: 2.5rem;
   line-height: 1;
   font-weight: 700;
   color: #fff;
}

.statLabel {
   font-size: var(--fs18);
}

@media (min-width:576px) {
   .statNo {
      font-size: clamp(2.63rem, calc(2.218rem + 2.037vw), 4.00rem);
   }

   .statLabel {
      font-size: var(--fs24);
   }
}

.learnfunSection:before {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 346.9'><path fill='%23d1f7f4' d='M1560.2,318.2c-86.7-9.1-155.8-36.2-206-63.5c-9.2,13.8-41.9,56.2-106.9,73.7c-83.7,22.5-193.1-9.4-342.6-64 C543.3,132.3,226.7,131.8,0,346.9h1920V155.6l-1,34.7C1901.3,216,1756.3,338.8,1560.2,318.2z'/><path fill='%2364dde8' d='M1698,281.5c-86.8,18.6-220.1,9.6-329.2-50.2l3.7-5.9c39.5-58.1,25.3-115.8,16.3-141.1c-6.1-17-42.9-84-109-84.3c-79.4-0.3-70.9,89-55.5,127.9c6.8,17.2,17.3,32.9,26.8,45.6c2.6,3.5,5.3,6.8,8,9.9l0,0c0,0,0.5,0.6,1.5,1.7c9.3,10.6,19,19.1,28.1,26c10.4,8.5,23.6,18.3,39.6,28.4c-9.7,13-41.4,50.4-90.9,60.7c-97.9,20.4-190.3-19.3-246.3-36.4c-42.9-13.1-93.3-40.1-260.6-81.9C540,134.4,412,140.7,328.4,148.8C150.8,166.1,0,307.2,0,307.2v39.8c226.7-215.1,543.3-214.6,904.7-82.5c149.4,54.6,258.8,86.5,342.6,64c65-17.5,97.7-59.9,106.9-73.7c50.2,27.3,119.3,54.3,206,63.5c196.1,20.6,341.1-102.2,358.8-127.9l1-34.7C1920,155.6,1812,257.1,1698,281.5z M1353.3,199.5c-4.5,8.1-10.2,18-10.2,18s-43.6-32-54.8-46.1c-6.4-7.1-32.2-36.7-40.1-66c-8.2-30.2-2.8-57.2,12.7-69.6c22.6-18.1,102.5,8.7,107.9,96C1370.7,161.9,1360.9,185.8,1353.3,199.5z'/></svg>") no-repeat right bottom;
   z-index: -1;
}

.floatplane {
   width: 100px;
   height: auto;
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
}

.learnFunContent {
   padding-right: 5%;
}

.lfFeatItem {
   border-radius: .8rem;
   width: 100%;
   box-shadow: inset 0 -3px 3px rgba(0, 0, 0, .1);
}

.lfFeatIcon {
   width: 3rem;
   transform: rotateY(0deg);
   transition: none;
}

.lfFeatItem:hover .lfFeatIcon {
   transform: rotateY(1440deg);
   transition: all 1s ease-in-out;
}

.lfFeatText {
   line-height: 1.2;
   font-weight: 600;
   font-size: var(--fs18);
}

@media (min-width:992px) {}

@media (min-width:1200px) {
   .learnFunContent {
      padding-right: 15%;
   }
}

.newarrivalSection {
   background: #d1f7f4;
   padding-bottom: 10%;
}

.newarrivalSection:before {
   content: '';
   width: 100%;
   height: auto;
   aspect-ratio: 75/7;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 130'><path fill='%23ffffff' d='M1282.3,30.4c-41,67.8-117.7,25.3-117.7,25.3c-57,62.9-123.5,10.8-123.5,10.8c-33.6,60.7-95.9,22.4-95.9,22.4C894,140.5,821.7,99,821.7,99c-58.8,45.7-125,7.2-125,7.2c-69.6,54.2-124.2-1.4-124.2-1.4c-50.7,38.1-98.8,0.7-98.8,0.7C374,148.2,340,83.9,340,83.9c-81.3,45.4-116.2-18.8-116.2-18.8c-87.5,21.6-118.4-26.7-118.4-26.7C21.1,53.5,0,4.3,0,4.3V130h1400V0C1371.1,73.3,1282.3,30.4,1282.3,30.4z'/></svg>") no-repeat center bottom;
   background-size: 100% auto;
}

.videoContainer {
   padding: 5%;
   position: relative;
   overflow: hidden;
   background-color: #8cd76c;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='97px' height='56px' viewBox='0 0 97 56'><path fill='%23F2E39B' d='M12.9,25.5c0,0-11-2.7-11.9,8.4C0.1,45.1,22.6,55.5,46.4,55c23.8-0.5,44.7-9.1,48.9-25.9c4.2-16.8-11-17.1-14.7-16.1c-3.2,0.9-9.3,4.3-11.9,8.4c0,0,2.9-20.2-10.5-20.3C44.9,0.9,42.4,16.2,42.9,24.1c0,0-11.3-25.6-23.7-22.4C6.7,4.9,10.3,22,12.9,25.5z'/></svg>"),
      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='97px' height='56px' viewBox='0 0 97 56'><path fill='%23F2E39B' d='M12.9,25.5c0,0-11-2.7-11.9,8.4C0.1,45.1,22.6,55.5,46.4,55c23.8-0.5,44.7-9.1,48.9-25.9c4.2-16.8-11-17.1-14.7-16.1c-3.2,0.9-9.3,4.3-11.9,8.4c0,0,2.9-20.2-10.5-20.3C44.9,0.9,42.4,16.2,42.9,24.1c0,0-11.3-25.6-23.7-22.4C6.7,4.9,10.3,22,12.9,25.5z'/></svg>"),
      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='97px' height='56px' viewBox='0 0 97 56'><path fill='%23F2E39B' d='M12.9,25.5c0,0-11-2.7-11.9,8.4C0.1,45.1,22.6,55.5,46.4,55c23.8-0.5,44.7-9.1,48.9-25.9c4.2-16.8-11-17.1-14.7-16.1c-3.2,0.9-9.3,4.3-11.9,8.4c0,0,2.9-20.2-10.5-20.3C44.9,0.9,42.4,16.2,42.9,24.1c0,0-11.3-25.6-23.7-22.4C6.7,4.9,10.3,22,12.9,25.5z'/></svg>"),
      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='219.4px' height='201.5px' viewBox='0 0 219.4 201.5'><path fill='none' stroke='%2316929A' stroke-width='1.5' stroke-miterlimit='10' stroke-dasharray='4.9305,4.9305' d='M215.5,6.8c-13.9,26.7-24.6,43.7-77.9,43.4C81.5,49.9-5.6,132.4,0.8,196.5'/></svg>");
   background-position: 50% 15%, 98% 30%, 60% 95%, 100% 100%;
   background-size: 135px auto, 135px auto, 135px auto, 18% 35%;
   background-repeat: no-repeat;
}

.vidBluePatch {
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   bottom: -15%;
   left: 0;
   transform: rotate(45deg) translateX(-50%) translateY(100%);
   transform-origin: 50% 100%;
   background: #1582cf url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 10' fill='%238cd76c'><path d='M21.5,10h2.9c1.7-0.1,5.3-0.9,8.6-4.4C37.7,0.7,46,0,46,0H0c0,0,8.3,0.7,12.9,5.6C16.3,9.1,19.8,9.9,21.5,10z'/></svg>") left 0px repeat-x;
   background-size: 70px auto;
}


.videoItem {
   width: 100%;
   max-width: 300px;
   height: auto;
   aspect-ratio: 1;
   display: block;
   position: relative;
   padding: 1px;
   margin: auto;
}

.videoplayBtn {
   width: 3rem;
   aspect-ratio: 1;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   z-index: 10;
   fill: #fff;
   transition: all 0.5s ease-in-out;
}

.videoItem.vidMorph_1 {
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><path fill='%23000000' stroke='%23ffc107' stroke-width='2px' d='M1,116.9c0,0,3-22.5,24.7-30.4c21.7-7.9,30.6-23.4,35.9-39.7C67,30.5,90.5,1.5,129,0.1c38.5-1.4,62.7,15.9,83.1,37.4c20.4,21.5,42.4,48.2,56.1,53.7c13.7,5.6,43.3,35.3,26.9,98.1 c-16.4,62.8-37.6,90.8-87.6,93.4c-50,2.6-64.7,28.5-116.8,11.7c-52-16.8-98.2-46.8-78.6-93.4C31.8,154.3-6.7,149.7,1,116.9z'/></svg>");
}

.vidMorph_1 .vidImgBox {
   mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><path d='M1,116.9c0,0,3-22.5,24.7-30.4c21.7-7.9,30.6-23.4,35.9-39.7C67,30.5,90.5,1.5,129,0.1c38.5-1.4,62.7,15.9,83.1,37.4c20.4,21.5,42.4,48.2,56.1,53.7c13.7,5.6,43.3,35.3,26.9,98.1 c-16.4,62.8-37.6,90.8-87.6,93.4c-50,2.6-64.7,28.5-116.8,11.7c-52-16.8-98.2-46.8-78.6-93.4C31.8,154.3-6.7,149.7,1,116.9z'/></svg>");
}

.videoItem.vidMorph_2 {
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><path fill='%23000000' stroke='%23ffc107' stroke-width='2px' d='M217.2,289.9c0,0-18.1,13.5-39.6,3.2c-21.5-10.3-38.9-5.9-54.4,1.6 c-15.5,7.5-53.1,10.7-82.4-16.3c-29.3-27-34.9-56.6-34.6-86.4c0.2-29.8,2.8-64.4-3.3-78.2c-6.1-13.8-6.9-56.1,49.4-88 c56.4-31.9,91.7-36.1,130.2-1.6c38.5,34.5,67.7,27.1,94,76.6c26.3,49.5,39.1,103.9-8.2,122.3C221,241.4,246.1,272.5,217.2,289.9z'/></svg>");
}

.vidMorph_2 .vidImgBox {
   mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><path d='M217.2,289.9c0,0-18.1,13.5-39.6,3.2c-21.5-10.3-38.9-5.9-54.4,1.6 c-15.5,7.5-53.1,10.7-82.4-16.3c-29.3-27-34.9-56.6-34.6-86.4c0.2-29.8,2.8-64.4-3.3-78.2c-6.1-13.8-6.9-56.1,49.4-88 c56.4-31.9,91.7-36.1,130.2-1.6c38.5,34.5,67.7,27.1,94,76.6c26.3,49.5,39.1,103.9-8.2,122.3C221,241.4,246.1,272.5,217.2,289.9z'/></svg>");
}

.videoImg {
   width: 100%;
   mask-size: 100% 100%;
   mask-repeat: no-repeat;
   mask-position: center;
   opacity: .8;
   transition: all 0.5s ease-in-out;
}

.videoItem:hover .videoImg {
   opacity: 1;
   transform: scale(1.1) rotate(2deg);
}

.videoItem:hover .videoplayBtn {
   fill: var(--red);
}

@keyframes robotmove {
   0% {
      transform: translateX(-100px);
   }

   50% {
      transform: translateX(-50px);
   }

   100% {
      transform: translateX(0px);
   }
}

.robot {
   max-width: 100%;
   height: auto;
   position: relative;
}

@media (min-width:992px) {
   .videoContainer {
      padding: 3.5rem 8%;
   }

   .videoplayBtn {
      width: 4rem;
   }
}

.galleryBox {
   background-size: 100%;
   background-repeat: no-repeat;
   transform-style: preserve-3d;
}

.galleryBox.gb_BB {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 545 344.9' preserveAspectRatio='none'><path fill='%2310A799' d='M190.8,316.1c-21,6-25.3-45.2-37.4-84.2c-12.2-39-81.5-16.3-131-8.6c-9,1.4-16.4-0.1-22.4-3.6v125.3h220.7C223.7,329.6,206.7,311.5,190.8,316.1z'/><path fill='%2310A799' d='M440.7,0c29,45.4,95.6,48.5,45.3,84.2c-44,31.3-170.6-15-146-84.2h-16.8c-1.1,32.9,3.5,128.7,90.1,183.6c105.7,67.1,83.1,89.7,100.8,113.8c10.9,14.9,23.1,16.3,30.9,15.3V0H440.7z'/></svg>");
}

.galleryBox.gb_KW {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 545 344.9' preserveAspectRatio='none'><path fill='%23E97614' d='M545,163.4v181.4h-35.5c12.2-8.7,19.6-25.5,10.3-49.7c-22.3-58.1-60.6-129.8,10.8-131.8H545z M438.5,301.7c-15.8,30.2-67.3,8.4-123.8-10.1c-39.7-13-80.5,27.9-101.3,53.3h256.9c-3.5-3.4-6-8.2-6.6-14.4c-3.5-33.1,30.3-16.2,27.4-40.3C487.7,262.5,455.7,268.8,438.5,301.7z M288,90.7c20-4,39.7-65.2,52.8-90.7H231C242.9,33.4,267.7,94.8,288,90.7z M376.6,34.6c11.1-7,14.3-22.4,14.9-34.6h-36C361.5,21.8,358.9,45.7,376.6,34.6z'/></svg>");
}

.gbHead {
   font-size: var(--fs32);
   font-weight: 650;
}

.gbSubhead {
   font-size: var(--fs20);
}

.gbTxt {
   font-size: var(--fs18);
}

.gbImgBox {
   transform: scale(1) translate3d(0, 0, 0);
   transition: all .3s ease;
   padding: 1rem;
}

.gbImg {
   width: 100%;
   height: auto;
   aspect-ratio: 1;
}

.galleryBox:hover {
   box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
}

.galleryBox:hover .gbImgBox {
   transform: scale(1) translate3d(0, 0, 50px);
}

@media (min-width:768px) {
   .gbHead {
      font-size: var(--fs50);
   }

   .gbSubhead {
      font-size: var(--fs30);
   }
}

.testimonialSection:before {
   content: '';
   width: 100%;
   height: 20px;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 705 18.6'><path fill='%23ffffff' d='M28.4,1.6c0,0,5.9,15.8,40.4,0c0,0,5.6,18.2,36.6,1.6c0,0,21.5,21.8,75.3,1.6c0,0,12.7,21.8,54.7-1.6c0,0,4.6,28.5,76.8,4.9c0,0,8.5,16.4,39.2-4.9c0,0,35.1,32.3,78.8,3.2c0,0,16.7,15.4,51.4-4.9c0,0,17.3,31.9,68.4,1.6c0,0,8.2,27.1,38.7-1.6c0,0,19.7,28,63.1,4.9c0,0,29,19.4,52.9-6.5H0l0,0C0,0,7.4,10,28.4,1.6z'/></svg>") repeat-x left top;
}

.testimonialSection:after {
   content: '';
   width: 100%;
   aspect-ratio: 100/3.5;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 50'><path fill='%23FFFFFF' d='M1198.8,23c-115.2-56.9-256,9.5-373.6,20.6C612.1,63.6,534.4,32.2,464.6,12C394.8-8.1,299.8,7.3,195,24.4C90.2,41.5,0,2.4,0,2.4V50h1400V0.4C1386.5,21.3,1314,79.9,1198.8,23z'/></svg>") no-repeat left top;
   background-size: 100%;
}

.testimSwiper {
   overflow: visible;
}

.testimItem {
   width: 100%;
   aspect-ratio: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 2rem 2rem 4rem 2rem;
   text-align: center;
   position: relative;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319.6 299' preserveAspectRatio='none'><path fill='%23ffffff' stroke='%23dddddd' stroke-miterlimit='10' stroke-dasharray='3,3' d='M4.4,122.3c0,0-2.4-54.7,0-67.6C6.8,41.7,11.3,4,85.6,0.5h165.8c0,0,69.9-4.2,67.6,94.7v67.6c0,0,1.3,97.2-81.2,108.2h-84.7c0,0,0.7,20.5-32.7,27.3c-4.3,0.6-8.5-1-5.9-5.4c4.9-7.3,7.6-13.7,4.8-21.9H78.8c0,0-75.6-8-78-69.1c-1.3-32.9,1.6-43.5,2.9-55.4C4.8,136.2,4.4,122.3,4.4,122.3z'/></svg>");
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.testimBg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.testimComma {
   width: 3.1rem;
   height: 2.5rem;
   mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'><path d='M30.5,13.3c-1,2.8-1.8,5.8-2.4,8.8c-0.6,3-0.9,5.6-0.9,7.7c0,2.9,0.9,5,2.6,6.1c1.7,1.1,4,1.7,6.7,1.7c1.6,0,3.2-0.2,4.7-0.7c1.5-0.4,2.9-1,4.1-1.6c0.2-2.9,0.4-6.2,0.7-9.8c0.3-3.6,0.6-7.3,0.9-11c0.4-3.7,0.7-7.2,0.9-10.4c-1.1-0.6-2.2-1.1-3.3-1.3c-1.1-0.3-2.4-0.4-3.8-0.4c-1.8,0-3.2,0.3-4.3,1c-1.1,0.7-2.1,1.8-2.9,3.3C32.5,8.3,31.5,10.5,30.5,13.3z'/><path d='M5.5,13.3c-1,2.8-1.8,5.8-2.4,8.8c-0.6,3-0.9,5.6-0.9,7.7c0,2.9,0.9,5,2.7,6.1c1.8,1.1,4,1.7,6.7,1.7c1.7,0,3.3-0.2,4.8-0.7c1.5-0.4,2.8-1,4-1.6c0.2-2.9,0.4-6.2,0.7-9.8c0.3-3.6,0.6-7.3,1-11c0.4-3.7,0.7-7.2,1-10.4c-1.2-0.6-2.3-1.1-3.3-1.3c-1.1-0.3-2.4-0.4-3.9-0.4c-1.8,0-3.2,0.3-4.3,1c-1.1,0.7-2,1.8-2.9,3.3C7.5,8.3,6.5,10.5,5.5,13.3z'/></svg>");
}

.testimVidItem {
   width: 100%;
   aspect-ratio: 9/16;
   position: relative;
   padding: .5rem;
   background: #fff;
   border: 1px dashed #ccc;
   border-radius: 1rem;
}

.testimVidItem video {
   max-width: 100%;
   height: 100%;
   display: block;
   border-radius: .5rem;
   background: #ccc;
   object-fit: cover;
}

.testimVidItem .tviBtn {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
   border: none;
}

.testimVidItem .tviBtn svg {
   width: 16%;
   aspect-ratio: 1;
   display: block;
   fill: currentColor;
}

.testimVidItem.isPlaying .tviBtn {
   display: none;
}

.testimVidItem .tviInstaBtn {
   position: absolute;
   top: 90%;
   right: 84%;
   z-index: 5;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
   transition: transform 0.25s ease, box-shadow 0.25s ease;
   text-decoration: none;
}

.testimVidItem .tviInstaBtn:hover {
   transform: scale(1.15);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
   color: #fff;
}

.testimVidItem .tviNameTag {
   position: absolute;
   bottom: 0.85rem;
   left: 0.85rem;
   right: 0.85rem;
   z-index: 4;
   background: rgba(18, 18, 18, 0.65);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   color: #fff;
   padding: 0.35rem 0.75rem;
   border-radius: 20px;
   font-size: 0.85rem;
   font-weight: 600;
   letter-spacing: 0.2px;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   pointer-events: none;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.swiper-slide:nth-child(4n-3) .testimComma {
   background-color: var(--orange);
}

.swiper-slide:nth-child(4n-2) .testimComma {
   background-color: var(--purple);
}

.swiper-slide:nth-child(4n-1) .testimComma {
   background-color: var(--blue);
}

.swiper-slide:nth-child(4n) .testimComma {
   background-color: var(--teal);
}


.swiperNaviBtn {
   width: 2.5rem;
   height: 2.5rem;
   padding: .5rem;
   background: #fff;
   border-radius: 50%;
   border: 1px dashed var(--orange);
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--orange);
   transition: all .3s ease;
}

.swiperNaviBtn svg {
   width: 100%;
   aspect-ratio: 1;
   stroke-width: 1px;
   stroke: currentColor;
}

.swiperNaviBtn:not(.swiper-button-disabled):hover {
   color: #fff;
   background: var(--red);
}

.swiperNaviBtn.swiper-button-disabled {
   opacity: .8;
   filter: grayscale(100%);
}

.swiperNaviBtn.swiper-button-lock {
   display: none;
}

.faqSection .faqKid {
   max-width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
}

.accdItem {
   width: 100%;
   margin-bottom: 1.5rem;
}

.accdItem:after {
   content: '';
   width: 100%;
   height: 0;
   clear: both;
   display: block;
}

.accdHead {
   width: 100%;
   float: left;
   position: relative;
   z-index: 1;
}

.accdHeadtxt {
   padding: 1rem 1rem 1rem 1.5rem;
   font-size: var(--fs20);
   font-weight: 600;
   border-radius: 25rem;
   border: 1px dashed rgba(0, 0, 0, .1);
   position: relative;
   display: inline-flex;
   align-items: center;
}

.accdHead[aria-expanded="true"] {
   pointer-events: none;
}

.accdSign {
   width: 1.5rem;
   text-align: right;
}

[aria-expanded="false"] .accdSign:before {
   content: '+';
}

[aria-expanded="true"] .accdSign:before {
   content: '-';
}

.accdAns {
   width: 100%;
   float: left;
   margin-top: -1.5rem;
}

.accdContent {
   padding: 3rem 2rem .1rem;
   border-radius: 2rem;
   border-top-left-radius: 0;
}

/* Footer */
.footFormSection {
   width: 100%;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1194.5 580.6'><path fill='%23A3E6FE' d='M1122,466.1c0,0,11.9-106.1-76.4-97c0,0,22.9-157.1-95.6-156.9c0,0,30.8-81.3-41.9-129.5c-72.7-48.2-132.6,7.8-132.6,7.8s-9-50.3-43.9-26.9c-7.8,5.2-16.5,23.4-16.5,23.4s-15.2-51.4-54.9-53.8c-39.7-2.3-71.3,47.9-71.3,47.9s-91.2-128-179.4-61.8c-44.4,33.3-32.9,148.4-32.9,148.4c0.1,0-76.8-37.2-92.7,6.3c-8.6,23.4,14.9,55.7,14.9,55.7S126.3,226,140.5,365.3c0,0-69,20.1-52.1,99.7L1122,466.1z'/><path fill='%23E85122' d='M260.7,219.7c0,0-20.7-42.3-47.4-51c0,0,0.7-10,9.3-5.7c8.7,4.3,36.4,33.3,41.7,50.3v13.7L260.7,219.7z'/><path fill='%23E85122' d='M907.9,219.9c0,0,20.7-42.3,47.5-51.1c0,0-0.7-10-9.4-5.8c-8.7,4.3-36.5,33.4-41.8,50.4v13.7L907.9,219.9z'/><path fill='%23CBF1FF' d='M86.3,516.4c0,0-11.9-156.5,76.4-147.4c0,0-22.9-157.1,95.6-157c0,0-30.8-81.4,42-129.6c72.7-48.2,132.6,7.8,132.6,7.8s9-50.3,43.9-26.9c7.8,5.2,16.5,23.4,16.5,23.4s15.2-51.4,54.9-53.8c39.7-2.4,71.4,47.9,71.4,47.9S710.7-47.2,799,19c44.4,33.3,32.9,148.5,32.9,148.5c-0.1,0,76.8-37.2,92.7,6.3c8.6,23.4-14.9,55.7-14.9,55.7s172.4-3.7,158.3,135.6c0,0,69,70.5,52.1,150.1L86.3,516.4z'/><path fill='%23F5841E' d='M223.3,163.6c0,0-11.7-9.2-17.2,2.2c-5.6,11.3-12,42.8,45.3,114.3c0,0-14.8-4.7-17.2,0c-2.4,4.7,12,19.4,40.2,16.5c0,0,2.6,0.7,4.3-4.3c1.7-5.1,10.8-34.4-2.9-40.2c-5.1-2.2-7.2,14.4-7.2,14.4s-32-44.4-43.1-66.8C214.3,177.2,209.3,160.1,223.3,163.6z'/><path fill='%23F5841E' d='M945.4,163.7c0,0,11.7-9.2,17.3,2.2c5.6,11.3,12,42.9-45.4,114.5c0,0,14.8-4.7,17.3,0c2.4,4.7-12,19.4-40.3,16.6c0,0-2.6,0.7-4.3-4.3c-1.7-5.1-10.8-34.5,2.9-40.3c5.1-2.2,7.2,14.4,7.2,14.4s32-44.5,43.2-67C954.4,177.3,959.4,160.2,945.4,163.7z'/><path fill='%237EAB2C' d='M130.6,502.1c0,0-139.8-56.4-130.1,35.1c9.7,91.5,1144.4,95.5,1187.1-3.2c42.7-98.7-123.8-58.7-165.8-41.5c0,0,37.9-126.1-43-82.9c-80.9,43.1-102.9,102.1-102.9,102.1s26.9-150.6-73.5-31.9c0,0-61.5-137.4-221.5,15.9c0,0-89.4-102.8-85,0c0,0-185.8-157.3-182.6-9.6c0,0-94.6-93.5-82.9,25.5c0,0-60.2-120.6-76.6-51C153.7,460.6,118.9,431.8,130.6,502.1z'/></svg>") no-repeat center top;
   background-size: auto 100%;
}

.footForm {
   max-width: 600px;
   padding: 8% 0 15%;
}

.footForm .form-control {
   min-height: 3.5rem;
   border: 1px dashed #3ca8d1;
   border-radius: .8rem;
}

.footForm .form-control:focus {
   border: 1px solid #3ca8d1;
}

.footEnrollSection {
   margin-top: -5%;
}

.footEnrollSection:before {
   content: '';
   width: 100%;
   height: 45%;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: var(--orange);
   z-index: -1;
}

.enrollBox {
   background: url(../images/footEnrollBg.jpg) no-repeat center center;
   background-size: 100% 100%;
   padding: 3rem 2rem;
   border-radius: 5rem;
}

.ebItem {
   display: block;
   transition: all .3s ease;
}

.ebIcon {
   width: 6rem;
   aspect-ratio: 1;
   display: inline-block;
   padding: 1rem;
   margin-bottom: .5rem;
   background: rgba(255, 255, 255, .45);
}

.ebIconImg {
   width: 100%;
}

.ebTxt {
   font-size: 1.2rem;
   font-weight: 600;
}

.ebItem:hover .ebIcon {
   background: #fff;
}


.connectTag {
   width: 100%;
   animation: shake 5s ease infinite forwards;
   transform-origin: 50% 50%;
}

.footContact {
   font-size: var(--fs18);
}

.ftContIcon {
   width: 1.5rem;
   height: 1.5rem;
   color: var(--red);
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 275 275'><path d='M140.4,274c-1.2,0-2.4,0-3.6,0c-6.5-1.4-11.2-5.4-15.4-10.2c-6.7-7.5-13.8-8.9-23.2-5.1c-2.4,1-4.8,2-7.3,2.8 c-8.8,2.6-18.1-1.7-21.5-10c-1.1-2.6-1.7-5.3-2.6-8c-2.7-8.2-8.5-12.8-17.3-13.5c-2.1-0.2-4.3-0.1-6.5-0.2c-5.7-0.4-10.4-2.6-13.9-7 c-4.5-5.6-4-11.9-2.7-18.4c2-10-1.1-17.2-10.6-21.4c-15.1-6.7-18.5-20.1-8-32.8c6.6-8,5.8-15.3-0.1-23.9c-2.7-3.9-4.5-8.4-6.7-12.6 c-0.4-1.5-0.4-2.9,0-4.2c1.7-7.5,6.6-12.2,13.4-15.4c1.1-0.5,2.1-1.1,3.1-1.8c6.5-4.4,9.4-10.4,8.1-18.2c-0.3-2.1-0.8-4.2-1.1-6.2 c-1.8-12,5.3-20.7,17.6-21.7c17-1.4,19.3-3.2,24.3-19.4C69.2,17.6,77.1,12,86,13.2c3.3,0.4,6.4,1.8,9.5,3c10.1,4,17.1,2.5,24.1-5.5 c3.6-4.2,7.6-7.8,12.9-9.7c2.1-0.5,4.7-0.7,8.6,0c5.3,2.1,9.3,5.9,13,10c6.4,7.1,13.6,8.5,22.7,4.9c2.3-0.9,4.6-2,7-2.7 c9.2-2.9,18.7,1.4,22.3,10.3c1,2.6,1.7,5.4,2.6,8c2.6,8,9.1,12.7,17.6,13.1c2.9,0.1,5.7,0.2,8.6,0.6c8.6,1.2,15.1,8.6,14.9,17.1 c-0.1,3.3-0.7,6.5-1.2,9.7c-1.2,7.7,2,14.5,8.8,18.6c2.1,1.3,4.4,2.3,6.6,3.6c7.3,4.2,11.2,11.3,9.3,18.9c-1,4-3.6,7.8-6,11.4 c-5.7,8.3-5.6,15.5,0.3,23.7c2.5,3.5,4.4,7.4,6.6,11.1c0.5,2.5,0.4,4.9,0,7c-1.8,5.3-4.9,9.5-9.9,12.4c-15,8.6-16.1,11.2-13.3,28.1 c1.9,11.4-5.7,20.7-17.5,21.5c-2.5,0.2-5,0.3-7.5,0.6c-7.5,1-12.4,5.1-14.9,12c-0.9,2.4-1.4,5-2.2,7.4c-2.8,8.8-10.5,14.1-19.6,13 c-3.1-0.4-6.2-1.7-9.2-2.9c-10.3-4-17.2-2.7-24.3,5.6C151.4,268.8,146.7,272.5,140.4,274z'/></svg>") 100% center no-repeat;
}

.ftContIcon svg {
   width: 50%;
   aspect-ratio: 1;
   fill: currentColor;
}

.footContactSection:before {
   content: '';
   width: 100%;
   height: 20px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 20'><path fill='%23ffffff' d='M0,19.1h1.4c0,0,10.2,0.8,23.1-3C37.4,12.2,58.4,4.6,73.6,4.6s42.2,4.1,57.7,11.4c0,0,6.6,3,13,3c11.1,0,24-5.1,33.9-9.2c9.9-4.1,24.1-8,39.7-2.3c15.6,5.7,25.4,6.3,39,4.6c13.5-1.7,40.9-12,64.9-12.2c24-0.2,45.1,11.6,52.7,14.5c7.5,2.9,13.2,3.7,18,3.8c4.8,0.1,16.6-1.7,31-8.4c14.5-6.7,34.2-5.2,46.2-0.8c12,4.4,24.1,9.8,30.3,9.8h0.1l0,1H0V19.1z'/></svg>") left 1px repeat-x;
   background-size: 500px 20px;
}

.footContBox a,
.footContact a {
   color: #fff;
   text-decoration: none;
   word-break: keep-all;
}

.footContBox a:hover,
.footContact a:hover {
   text-decoration: underline !important;
}

.amazonLogo {
   width: auto;
   height: 90px;
   max-height: 100px;
   vertical-align: middle;
   display: inline-block;
   transition: transform .2s ease;
}

.amazonLogo:hover {
   transform: scale(1.05);
}

.scIcon {
   width: 2rem;
   height: 2rem;
   display: block;
   background: url(../images/socialIcons.png) no-repeat;
   background-size: auto 100%;
   transition: all .3s ease;
}

.scIcon.fb {
   background-position: 0 0;
}

.scIcon.tw {
   background-position: 33% 0;
}

.scIcon.in {
   background-position: 66.5% 0;
}

.scIcon.yt {
   background-position: 100% 0;
}

.scIcon:hover {
   transform: scale(1.1);
}

.footBorder {
   border: 0;
   border-top: 1px dashed #ccc;
   height: 0;
}

.footKidsWrap {
   width: 28%;
   height: auto;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}

.ftKids {
   width: 100%;
   height: auto;
   animation: jump 5s ease infinite forwards;
   position: relative;
   z-index: 1;
}

.ftKidshadow {
   width: 100%;
   height: auto;
   position: absolute;
   bottom: 0;
   left: 0;
   animation: jumpshadow 5s ease infinite forwards;
}

.footLinks a {
   display: inline-block;
   transition: all .3s ease;
   position: relative;
}

.footLinks a:after {
   content: '';
   width: 0;
   height: 1px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background: var(--red);
   transition: inherit;
}

.footLinks a:hover:after {
   width: 100%;
}

@keyframes jump {

   0%,
   50%,
   100% {
      transform: translate(0px, 0px)
   }

   30% {
      transform: translate(0px, -50px)
   }
}

@keyframes jumpshadow {

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

   30% {
      opacity: .3;
   }
}

@keyframes shake {

   0%,
   60%,
   100% {
      transform: rotate(0deg) translate(0, 0);
   }

   45%,
   54% {
      transform: rotate(5deg) translate(5px, 0);
   }

   50%,
   58% {
      transform: rotate(-5deg) translate(-5px, 0);
   }
}

@media (max-width: 575.98px) {
   .amazonLogo {
      height: 38px;
   }
}

@media (min-width:768px) {
   .enrollBox {
      padding: 2rem 10%;
      border-radius: 25rem;
   }
}

@media (min-width:992px) {
   .enrollBox {
      padding: 2rem 8% 2rem 10%;
      border-radius: 50rem;
   }
}


/* Product Page */

.inBannerSecton {
   min-height: 200px;
   aspect-ratio: 100/28;
   background: #ccc;
}

.inBannerSecton:after {
   content: "";
   width: 100%;
   aspect-ratio: 10/0.43;
   position: absolute;
   bottom: -1px;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 65.1' fill='%23ffffff'><path d='M1499.4,11.7c-405.9,102.1-788.1,31.9-1065.5,0.8C156.4-18.7,20.9,21.8,0,21.6V65h1500V0h-0.5L1499.4,11.7z'/></svg>") center bottom repeat-x;
   background-size: 100% auto;
   z-index: 0;
}

.inBanImg {
   width: 100%;
   height: 100%;
   position: absolute;
   object-fit: cover;
   object-position: center top;
}

.breadcrumb {
   --bs-breadcrumb-item-active-color: inherit
}

.inBanTitle {
   font-size: var(--fs66);
}

.advWrap {
   max-width: 350px;
   width: 100%;
}

.advWrap .advImg {
   width: 100%;
   height: auto;
   display: block;
   border-radius: 1rem;
   object-fit: cover;
}

.filterMain {
   border-radius: 1rem;
   overflow: auto;
   border: 1px dashed #efc9a1;
   background: #fffdf4;
}

.filterItem {
   padding: .8rem 1.5rem;
}

.filterItem:not(:first-child) {
   border-top: 1px dashed #efc9a1;
}

.filterHead,
.filterHead:focus {
   width: 100%;
   border: 0;
   padding: .2rem 0;
   font-weight: 500;
   text-align: left;
   outline: 0 !important;
   box-shadow: none !important;
   background: none !important;
   color: var(--textBody) !important;
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.filterHead:after {
   width: .8rem;
   height: .8rem;
   background-size: .8rem auto;
}

.filterContent {
   padding-top: 5px;
}

.filterList>li {
   position: relative;
   margin-bottom: .25rem;
   display: flex;
   align-items: center;
   gap: .5rem;
}

.filterList input[type=checkbox],
.filterList input[type=radio] {
   width: 1.1rem;
   height: 1.1rem;
   display: inline-block;
   vertical-align: text-bottom;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: 1px solid #efc9a1;
   border-radius: .2rem;
}

.filterList input[type=checkbox]:checked,
.filterList input[type=radio]:checked {
   background-color: #f88d0d;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.filterList input[type=checkbox]:checked+label,
.filterList input[type=radio]:checked+label {
   font-weight: 500;
}

.filterList input:disabled+label {
   background: #f6f6f6;
   cursor: not-allowed;
   color: #ccc;
   border-color: #eee;
}

.filterList label {
   cursor: pointer;
   display: block;
}

.modifilter input[type=checkbox],
.modifilter input[type=radio] {
   visibility: hidden;
   position: absolute;
}

.pgBtn {
   background-color: #fff;
   border: 1px solid #eee;
   width: 5rem;
   color: #666;
}

.pgBtn:hover,
.pgBtn:focus {
   background: var(--red);
   color: #fff;
}

.pgBtn svg {
   width: .7rem;
}

@media (min-width:576px) {
   .productResult>div:nth-child(2n) {
      transition-delay: .4s;
   }
}

@media (min-width:992px) {
   .filterStickTop {
      top: 140px;
   }

   .filterMain {
      max-width: 350px;
   }

   .productResult>div:nth-child(3n-1) {
      transition-delay: .4s;
   }

   .productResult>div:nth-child(3n) {
      transition-delay: .5s;
   }
}

@media (max-width:991.98px) {
   .filterWrap {
      width: 100%;
      height: 100%;
      position: fixed;
      bottom: -100%;
      left: 0;
      right: 0;
      z-index: 1000;
      background: rgba(0, 0, 0, .8);
      padding: 0;
      margin: 0;
      transition: bottom .3s ease !important;
   }

   .filterWrap.collapsing {
      width: 100%;
      height: 100vh;
      transition: bottom .3s ease !important;
   }

   .filterWrap.show {
      bottom: 0;
      display: flex;
      flex-direction: column;
   }

   .filterTrigger {
      position: sticky;
      bottom: 20px;
      right: 0;
      width: 60px;
      height: 60px;
      border: 1px solid #fff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
   }
}

/* Product Details */

.prodPageSection:after {
   content: '';
   width: 100%;
   height: 31px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470 32'><path fill='%2300b1a4' d='M470,7c-62.5,38.5-124-7-124-7c-62.3,45.2-123.4,6.9-123.4,6.9c-72.9,54.2-123.4,0-123.4,0C39.2,40.2,0,7,0,7v25h470V0L470,7z'/></svg>") repeat-x left bottom;
}

.prodBigSwiper {
   aspect-ratio: 1;
   border-radius: .5rem;
   background-color: #fff;
   border: 1px dashed #dcdcdc;
}

.prodBigSwiper .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.prodBigSwiper .pbsNavi {
   width: 2.5rem;
   height: 2.5rem;
   display: block;
   position: absolute;
   right: -10%;
   top: 50%;
   padding: 0;
   margin-top: -15px;
   border: 0;
   z-index: 10;
   background: var(--chevronBlack) no-repeat center;
   background-size: 30% auto;
   transition: all .5s ease;
}

.prodBigSwiper .pbsNavi.pbsPrev {
   left: -10%;
   right: unset;
   transform: rotate(180deg);
}

.prodBigSwiper:hover .pbsNavi {
   right: 0
}

.prodBigSwiper:hover .pbsNavi.pbsPrev {
   left: 0;
}

.prodthumbSwiper {
   width: 17%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.prodthumbSwiper .swiper-slide {
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   border-radius: .4rem;
   overflow: hidden;
   border: 1px solid #fff;
   background-color: #fcfcfc;
   cursor: pointer;
}

.prodthumbSwiper .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.prodthumbSwiper .swiper-slide-thumb-active {
   border: 2px dashed var(--orange);
}

.bestsellerTag {
   width: auto;
   position: absolute;
   top: 5%;
   right: 0;
   background: var(--orange);
   color: #fff;
   z-index: 50;
   padding: .3rem 1rem .3rem 1.5rem;
   text-transform: uppercase;
   font-weight: 600;
   font-size: var(--fs14);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10% 50%);
}

.prodpgTitle {
   font-size: var(--fs32);
   font-weight: 700;
   color: #000;
}

.prodPgContent .pibProdPrice {
   font-size: var(--fs24);
   font-weight: 700;
}

.prodPgContent .pibTaxNote {
   color: #888;
   font-size: var(--fs12);
}

.prodPgContent .pibDiscount {
   font-size: var(--fs18);
}

.prodPgContent .pibDiscount:before {
   width: 1.3rem;
   background-size: 1.3rem auto;
}

.prodPgContent .featImg {
   width: 2.5rem;
   height: 2.5rem;
}

.prodPgContent .featIcon {
   width: 1.3rem;
}

.prodPgContent .featHead {
   font-size: var(--fs12);
   line-height: 1.25;
}

.prodPgContent .featBox {
   padding: .65rem .7rem !important;
}

.prodPgContent .featBox:hover {
   box-shadow: 0 8px 16px rgba(0, 0, 0, .12);
   top: -2px;
}

.prodPurchaseRow .quantitySpinner {
   max-width: 140px;
   min-width: 120px;
}

.prodPurchaseRow .pibBtn {
   min-width: 120px;
   flex: 1 1 120px;
   padding: .55rem 1.25rem;
}

.quantitySpinner {
   max-width: 200px;
   width: 100%;
   height: auto;
   font-size: var(--fs16);
}

.quantitySpinner * {
   font-size: inherit;
}

.quantitySpinner *:focus {
   box-shadow: unset;
}

.quantitySpinner .btn,
.quantitySpinner .btn:focus {
   background: #f4f4f1;
   color: #666;
   font-size: var(--fs18);
}

.deliveryTime {
   font-size: var(--fs12);
   color: #444;
}

.delvIcon {
   width: .9rem;
   height: auto;
   display: inline-block;
}

.prodBenefitStrip {
   border-bottom: 1px dashed #999;
}

.productTabsWrap .nav {
   border-bottom: 1px solid #cfcfcf;
   flex-wrap: nowrap;
   overflow-x: auto;
   gap: 1.5rem !important;
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.productTabsWrap .nav::-webkit-scrollbar {
   display: none;
   height: 0;
   width: 0;
}

.productTabsWrap .nav-link {
   color: #888;
   padding: 0 0 .65rem;
   border: 0;
   border-bottom: 3px solid transparent;
   margin-bottom: -1px;
   background: transparent;
   white-space: nowrap;
   font-size: var(--fs14);
}

.productTabsWrap .nav-link:hover {
   color: #333;
}

.productTabsWrap .nav-link.active {
   color: #000;
   font-weight: 600;
   border-bottom-color: var(--orange);
}

.productTabsWrap .tab-content {
   padding-top: .85rem;
   color: #333;
   line-height: 1.65;
   font-size: var(--fs14);
}

.productTabsWrap .prodDetailsContent p,
.productTabsWrap .prodDeliveryContent p,
.productTabsWrap .faqAnswer p {
   margin-bottom: 1rem;
}

.productTabsWrap .prodDetailsContent ul,
.prodDetailsContent ul {
   list-style: disc !important;
   padding-left: 1.5rem !important;
   margin: 0 0 1rem 0 !important;
}

.productTabsWrap .prodDetailsContent ol,
.prodDetailsContent ol {
   list-style: decimal !important;
   padding-left: 1.5rem !important;
   margin: 0 0 1rem 0 !important;
}

.productTabsWrap .prodDetailsContent li,
.prodDetailsContent li {
   list-style: inherit !important;
   display: list-item !important;
   margin-bottom: 0.35rem !important;
   padding: 0 !important;
}

.productTabsWrap .prodDetailsContent ul ul,
.prodDetailsContent ul ul {
   list-style: circle !important;
   margin: 0.35rem 0 0.5rem 0 !important;
}

.productTabsWrap .prodDetailsContent ol ol,
.prodDetailsContent ol ol {
   list-style: lower-alpha !important;
   margin: 0.35rem 0 0.5rem 0 !important;
}

.productTabsWrap .faqAnswer ul,
.faqAnswer ul {
   list-style: disc !important;
   padding-left: 1.5rem !important;
   margin: 0 0 1rem 0 !important;
}

.productTabsWrap .faqAnswer ol,
.faqAnswer ol {
   list-style: decimal !important;
   padding-left: 1.5rem !important;
   margin: 0 0 1rem 0 !important;
}

.productTabsWrap .faqAnswer li,
.faqAnswer li {
   list-style: inherit !important;
   display: list-item !important;
   margin-bottom: 0.35rem !important;
   padding: 0 !important;
}

.productTabsWrap .faqAnswer p:last-child {
   margin-bottom: 0;
}

.prodSpecTitle {
   font-size: var(--fs28);
   font-weight: 700;
   color: #000;
   margin: 0 0 1.25rem;
}

.prodSpecList {
   width: 100%;
   max-width: 920px;
}

.prodSpecRow {
   display: grid;
   grid-template-columns: minmax(180px, 32%) 1fr;
   gap: 1rem 1.5rem;
   align-items: start;
   padding: .95rem 0;
   border-bottom: 1px solid #000;
}

.prodSpecRow.prodSpecHead {
   padding: .75rem 0;
   border-bottom: 2px solid #000;
}

.prodSpecLabel {
   font-weight: 700;
   color: #000;
   line-height: 1.4;
   word-break: normal;
   overflow-wrap: normal;
   white-space: normal;
}

.prodSpecValue {
   font-weight: 400;
   color: #222;
   line-height: 1.5;
}

.prodSpecHead .prodSpecLabel,
.prodSpecHead .prodSpecValue {
   font-weight: 700;
   color: #000;
}

.prodSpecHtml table {
   width: 100%;
   max-width: 920px;
   border-collapse: collapse;
}

.prodSpecHtml table th,
.prodSpecHtml table td {
   padding: .95rem 1.25rem .95rem 0;
   text-align: left;
   vertical-align: top;
   border-bottom: 1px solid #000;
   color: #000;
}

.prodSpecHtml table th {
   font-weight: 700;
   width: 32%;
}

.prodSpecHtml table thead th {
   border-bottom: 2px solid #000;
}

@media (max-width:575.98px) {
   .prodSpecRow {
      grid-template-columns: 1fr;
      gap: .35rem;
      padding: .85rem 0;
   }
}

.prodFeatureSection:before {
   content: '';
   width: 100%;
   height: 10px;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 10' fill='%23ffffff'><path d='M21.5,10h2.9c1.7-0.1,5.3-0.9,8.6-4.4C37.7,0.7,46,0,46,0H0c0,0,8.3,0.7,12.9,5.6C16.3,9.1,19.8,9.9,21.5,10z'/></svg>") center top repeat-x;
   transform: rotate(180deg);
}

.prodFeatBox {
   display: flex;
   align-items: center;
}

.pfbIconBox {
   width: 25%;
   max-width: 3rem;
   aspect-ratio: 1;
   flex-shrink: 0;
}

.pfbIcon {
   width: 100%;
   aspect-ratio: 1;
}

.productSlider {
   overflow: visible;
}

.productSlider .swiper-slide {
   height: auto;
}

@media (min-width:576px) {
   .productSlider {
      overflow: hidden;
   }
}

@media (min-width:768px) {
   .prodSliderWrap {
      padding: 0 0 0 20%;
   }
}

@media (min-width:992px) {
   .prodPgContent {
      max-width: 620px;
   }

   .productSlider .swiper-slide:nth-child(4n-3) .prodItemBox {
      transition-delay: .3s;
   }

   .productSlider .swiper-slide:nth-child(4n-2) .prodItemBox {
      transition-delay: .5s;
   }

   .productSlider .swiper-slide:nth-child(4n-1) .prodItemBox {
      transition-delay: .7s;
   }

   .productSlider .swiper-slide:nth-child(4n) .prodItemBox {
      transition-delay: .9s;
   }
}

.starItemsWrap {
   width: 100%;
   max-width: 400px;
   font-weight: 500;
}

.starItem .starIcon {
   width: 1.2rem;
   height: auto;
   display: inline-block;
}

.starItem .progress {
   background-color: #eee;
   height: .75rem;
   border: 1px solid #fff;
}

.starItem .progress-bar {
   background-color: var(--purple);
}

.overallreview {
   width: 100%;
   max-width: 400px;
}

.prodRating {
   font-size: 2.5rem;
   font-weight: 600;
}

.reviewForm {
   max-width: 850px;
   width: 100%;
}

.ratingScale {
   width: 10rem;
   height: 2rem;
   position: relative;
}

.ratingScale:before {
   width: 100%;
   height: 100%;
   display: block;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   background: var(--starIcon) repeat-x;
   background-size: contain;
   filter: grayscale(100%) brightness(300%);
   z-index: 0;
   opacity: .6;
}

.ratingScale input {
   position: absolute;
   width: 0;
   height: 0;
   top: -30px;
   left: 0;
   z-index: 0
}

.ratingScale label {
   width: auto;
   height: 100%;
   display: block;
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   text-indent: -99999px
}

.ratingScale label.s1 {
   width: 20%;
   z-index: 6
}

.ratingScale label.s2 {
   width: 40%;
   z-index: 5
}

.ratingScale label.s3 {
   width: 60%;
   z-index: 4
}

.ratingScale label.s4 {
   width: 80%;
   z-index: 3
}

.ratingScale label.s5 {
   width: 100%;
   z-index: 2
}

.ratingScale input[type="radio"]+label:hover,
.ratingScale input[type="radio"]:checked+label {
   background: var(--starIcon) repeat-x;
   background-size: contain
}

.reviewBox {
   border: 1px solid #ddd;
   background-color: #fff;
   height: 100%;
   transition: all .3s ease;
}

.reviewBox:hover {
   box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.reviewHead {
   font-weight: 500;
   font-size: 1.3rem;
}

.reviewAuthor span {
   color: var(--red);
}

/* Cart */

.bagCount {
   font-size: var(--fs16);
   font-weight: 400;
}

.bagItem {
   border: 0px dashed #cecece;
   background: #f9f9f9;
}

.bgiImg {
   max-width: 60px;
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   border-radius: .5rem;
   display: block;
   border: 1px dashed #ccc;
}

.bgiProdname,
.bgiProdPrice {
   font-size: var(--fs18);
   font-weight: 700;
}

.bgiProdDetail,
.bgiBtn {
   font-size: .9rem;
}

.bgiBtn img {
   width: 1.2rem;
   height: 1.2rem;
   object-fit: contain;
   vertical-align: text-bottom;
}

.bgiBtn:hover {
   font-weight: 500;
}

.bgiDeleteBtn {
   font-size: var(--fs24);
   line-height: 1;
}

.bgiBtns .ctaBtn {
   font-size: 1rem;
}

.bgiBtns .addcartBtn svg {
   width: 1.2rem;
   height: 1.2rem;
}

.bgiDelivery {
   font-size: var(--fs12);
}

.bgiDelivery:before {
   content: '';
   width: .8rem;
   aspect-ratio: 1;
   display: inline-block;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%232b2b2b' viewBox='0 0 16 16'><path d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5zm1.294 7.456A2 2 0 0 1 4.732 11h5.536a2 2 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456M12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/></svg>") no-repeat center center;
   background-size: 100% auto;
   vertical-align: middle;
   margin-right: .25rem;
}

.bagItem .quantitySpinner {
   max-width: 100px;
}

.summaryWrap {
   background: #fffdf4;
   border: 1px dashed #efc9a1;
   position: sticky;
   top: 150px;
}

.swTitle {
   font-size: 1.3rem;
   font-weight: 700;
   ;
   border-bottom: 0px dashed #efc9a1;
}

.swItem {
   font-size: 1rem;
}

.checkoutSummaryImg {
   width: 64px;
   height: 64px;
   object-fit: cover;
   border-radius: .5rem;
   border: 1px dashed #ccc;
   display: block;
   background: #fff;
}

.checkoutSummaryName {
   color: inherit;
   line-height: 1.3;
   font-size: .95rem;
}

.checkoutSummaryName:hover {
   color: var(--orange);
}

.checkoutSummaryPrice {
   font-size: 1rem;
}

.checkoutSummaryItem .pibStikePrice {
   font-size: .8rem;
}

.swPromoBox {
   border-bottom: 1px dashed #efc9a1;
   border-top: 1px dashed #efc9a1;
}

.swPromoBox * {
   font-size: 1rem !important;
}

.swPromoHead:after {
   content: '';
   width: .8rem;
   height: .8rem;
   display: block;
   margin-left: auto;
   transform: rotate(90deg);
   background: var(--chevronBlack) no-repeat center;
   background-size: contain;
   transition: all .5s ease;
}

.swPromoHead[aria-expanded="true"]:after {
   transform: rotate(-90deg);
}

.promoIcon {
   width: 1.1rem;
   aspect-ratio: 1;
   color: var(--orange);
}

.promoApplyBtn {
   width: auto;
   min-width: unset;
   background: var(--orange);
   color: #fff;
   border: 0;
}

.promoApplyBtn:hover {
   background: var(--red);
   color: #fff;
}

.mobSummaryItem {
   position: fixed;
   bottom: 0;
   background: #f6f6f6;
   z-index: 999;
   box-shadow: 0 -5px 15px rgba(0, 0, 0, .1);
   display: block;
   transform: translate3d(0, 0, 0);
   transition: all .5s ease;
}

.in-view .mobSummaryItem {
   transform: translate3d(0px, 100px, 0);
}

@media (min-width:576px) {
   .bagItem .quantitySpinner {
      max-width: 120px;
   }

   .bgiProdname,
   .bgiProdPrice {
      font-size: var(--fs22);
   }
}

@media (min-width:768px) {
   .bgiImg {
      max-width: 120px;
   }
}

@media (min-width:992px) {
   .bgiImg {
      max-width: 150px;
   }
}

/* Blog */

.blogItem {
   border: 2px dashed rgba(0, 0, 0, .2);
   transform-style: preserve-3d;
   position: relative;
}

.blogThumb {
   transform: translate3d(0, 0, 0);
   transition: all .4s ease;
   aspect-ratio: 10/5;
   pointer-events: none;
}

.blogImg {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.blogDate {
   font-weight: 500;
   font-size: var(--fs12);
   color: #fff;
   display: inline-block;
   padding: .2rem 1rem;
   border-radius: 50rem;
}

.blogHead {
   font-weight: 700;
   font-size: var(--fs24);
}

.blogItem:hover .blogThumb {
   transform: translate3d(0, 0, 50px);
   box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 30px rgba(0, 0, 0, .3);
}

@scope (.blogList) {
   :nth-child(7n-6) .blogItem {
      background: var(--blueSubtle);
   }

   :nth-child(7n-5) .blogItem {
      background: var(--orangeSubtle);
   }

   :nth-child(7n-4) .blogItem {
      background: var(--tealSubtle);
   }

   :nth-child(7n-3) .blogItem {
      background: var(--redSubtle);
   }

   :nth-child(7n-2) .blogItem {
      background: var(--purpleSubtle);
   }

   :nth-child(7n-1) .blogItem {
      background: var(--yellowSubtle);
   }

   :nth-child(7n) .blogItem {
      background: var(--greenSubtle);
   }

   :nth-child(7n-6) .blogDate {
      background: var(--blue);
   }

   :nth-child(7n-5) .blogDate {
      background: var(--orange);
   }

   :nth-child(7n-4) .blogDate {
      background: var(--teal);
   }

   :nth-child(7n-3) .blogDate {
      background: var(--red);
   }

   :nth-child(7n-2) .blogDate {
      background: var(--purple);
   }

   :nth-child(7n-1) .blogDate {
      background: var(--yellow);
   }

   :nth-child(7n) .blogDate {
      background: var(--green);
   }
}

.blogContent h3 {
   font-size: var(--fs20);
   font-weight: 600;
   color: #111;
   margin-top: 1.5rem;
}

.blogContent p {
   margin-bottom: 1rem;
}

.blogContent ul li {
   margin-left: 1rem;
   list-style: disc;
   margin-bottom: 1rem;
}

.blogContent ul.number li {
   list-style: decimal;
}

.blogContent ul.alpha li {
   list-style: lower-alpha;
}

.blogContent ul.roman li {
   list-style: lower-roman;
}

.blogContent ul>li::marker {
   font-weight: 600;
   color: var(--red);
}

.blogPgTitle {
   position: relative;
   z-index: 1;
   margin: 0;
}

.blogBanner {
   margin-top: -5%;
   background: #fcfcfc;
}

@media (min-width:575px) {
   .blogList> :nth-child(2n-1) {
      transition-delay: .3s;
   }

   .blogList> :nth-child(2n) {
      transition-delay: .5s;
   }

   .blogPgTitle {
      margin: 0 2.5%;
   }
}

@media (min-width:992px) {
   .blogList> :nth-child(3n-2) {
      transition-delay: .3s;
   }

   .blogList> :nth-child(3n-1) {
      transition-delay: .5s;
   }

   .blogList> :nth-child(3n) {
      transition-delay: .7s;
   }
}

/* About Us */
.userAvatar {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   background: #198754;
   /* Change to your theme color */
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 18px;
   text-transform: uppercase;
   cursor: pointer;
}

.aboutHero {
   z-index: 2;
   position: relative;
}

.aboutArrow {
   width: 100px;
   height: auto;
   position: absolute;
   top: 10%;
   left: 0;
   right: 0;
   margin: auto;
}

.aboutArrow .arrow-down {
   width: 100%;
   height: auto;
   aspect-ratio: 1;
   color: var(--orange);
   position: relative;
   animation: bounce 1.8s infinite;
   stroke: #fff;
   stroke-width: .2;
}

@keyframes bounce {

   0%,
   100% {
      transform: translateY(0);
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2));
   }

   50% {
      transform: translateY(-30px);
      filter: drop-shadow(0 30px 20px rgba(0, 0, 0, .4));
   }
}

.aboutArrow small {
   font-size: 60%;
}

.aboutTitle span {
   width: 100%;
   display: block;
   line-height: 1;
   text-transform: uppercase;
   text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff;
   white-space: nowrap;
}

.aboutTitle .atl_1 {
   font-size: 16vw;
}

.aboutTitle .atl_2 {
   font-size: 14vw;
}

.aboutTitle .atl_3 {
   font-size: 8vw;
}

.aboutTitle {
   transform-origin: 0% 100%;
   position: absolute;
   bottom: 0;
   animation: zoomTxt 3s linear forwards;
   animation-timeline: view();
   animation-range: cover 50% exit 80%;
}

@keyframes zoomTxt {
   0% {
      transform: scale(1);
   }

   100% {
      transform: scale(.5);
   }
}

.aboutContent {
   font-size: var(--fs18);
}

.aboutContent .aboutIntroText p {
   margin-bottom: 1rem;
}

.aboutContent .aboutIntroText p:last-child {
   margin-bottom: 0;
}

.aboutFont {
   height: calc(100vh - 120px);
   position: relative;
}

.aboutHeroSection {
   background: linear-gradient(0deg, #74d6ff 0%, #fff 90%);
}

.floatplane {
   width: 70px;
   max-width: 20%;
}

.learnFunContent {
   padding-right: 0;
   padding-bottom: 1.5rem;
}

.lfFeatText {
   font-size: var(--fs16);
}

.mvvBox {
   position: relative;
}

.mvvHead {
   font-size: var(--fs36);
   margin-top: 0;
   line-height: 0.1;
   font-weight: 700;
   position: relative;
   z-index: 1;
}

.mvvText {
   border-radius: 1.5rem;
   font-size: var(--fs18);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.mvvList {
   margin-bottom: 0 !important;
}

.mvv_1 {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 545 344.9' preserveAspectRatio='none' fill='%23E97614'><path d='M545,163.4v181.4h-35.5c12.2-8.7,19.6-25.5,10.3-49.7c-22.3-58.1-60.6-129.8,10.8-131.8H545z M438.5,301.7c-15.8,30.2-67.3,8.4-123.8-10.1c-39.7-13-80.5,27.9-101.3,53.3h256.9c-3.5-3.4-6-8.2-6.6-14.4c-3.5-33.1,30.3-16.2,27.4-40.3C487.7,262.5,455.7,268.8,438.5,301.7z M288,90.7c20-4,39.7-65.2,52.8-90.7H231C242.9,33.4,267.7,94.8,288,90.7z M376.6,34.6c11.1-7,14.3-22.4,14.9-34.6h-36C361.5,21.8,358.9,45.7,376.6,34.6z'/></svg>");
}

.mvv_2 {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 545 344.9' preserveAspectRatio='none' fill='%2310A799'><path d='M190.8,316.1c-21,6-25.3-45.2-37.4-84.2c-12.2-39-81.5-16.3-131-8.6c-9,1.4-16.4-0.1-22.4-3.6v125.3h220.7C223.7,329.6,206.7,311.5,190.8,316.1z'/><path d='M440.7,0c29,45.4,95.6,48.5,45.3,84.2c-44,31.3-170.6-15-146-84.2h-16.8c-1.1,32.9,3.5,128.7,90.1,183.6c105.7,67.1,83.1,89.7,100.8,113.8c10.9,14.9,23.1,16.3,30.9,15.3V0H440.7z'/></svg>");
}

.mvv_3 {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 545 344.9' preserveAspectRatio='none' fill='%231748fa'><path d='M545,163.4v181.4h-35.5c12.2-8.7,19.6-25.5,10.3-49.7c-22.3-58.1-60.6-129.8,10.8-131.8H545z M438.5,301.7c-15.8,30.2-67.3,8.4-123.8-10.1c-39.7-13-80.5,27.9-101.3,53.3h256.9c-3.5-3.4-6-8.2-6.6-14.4c-3.5-33.1,30.3-16.2,27.4-40.3C487.7,262.5,455.7,268.8,438.5,301.7z M288,90.7c20-4,39.7-65.2,52.8-90.7H231C242.9,33.4,267.7,94.8,288,90.7z M376.6,34.6c11.1-7,14.3-22.4,14.9-34.6h-36C361.5,21.8,358.9,45.7,376.6,34.6z'/></svg>");
}

.teamSection {
   background:
      radial-gradient(circle, transparent 20%, #fff6ca 95%),
      repeating-conic-gradient(at 50% 10%, #fff2b4 0deg 10deg, #fff6ca 10deg 20deg);
   padding-top: 3rem;
   padding-bottom: 3rem;
}

.teamSection:before {
   content: '';
   width: 100%;
   height: 31px;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470 32'><path fill='%23FFFFFF' d='M470,7c-62.5,38.5-124-7-124-7c-62.3,45.2-123.4,6.9-123.4,6.9c-72.9,54.2-123.4,0-123.4,0C39.2,40.2,0,7,0,7v25h470V0L470,7z'/></svg>") repeat-x left bottom;
   transform: rotate(180deg);
}

.teamSection:after {
   content: '';
   width: 100%;
   height: 31px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470 32'><path fill='%23FFFFFF' d='M470,7c-62.5,38.5-124-7-124-7c-62.3,45.2-123.4,6.9-123.4,6.9c-72.9,54.2-123.4,0-123.4,0C39.2,40.2,0,7,0,7v25h470V0L470,7z'/></svg>") repeat-x left bottom;
}

.teamBox {
   max-width: 350px;
}

.teamImg {
   border: 5px solid var(--yellow);
   max-width: 220px;
   width: 70%;
   aspect-ratio: 1;
   object-fit: cover;
   box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}

.teamName {
   font-weight: 700;
}

.certfImg {
   max-width: 200px;
   width: 100%;
   transition: all .3s ease;
}

.certfImg:hover {
   transform: scale(1.1);
}

.statSection .statLabel {
   word-break: break-word;
   padding: 0 .25rem;
}

@media (min-width:576px) {
   .aboutContent {
      font-size: var(--fs18);
   }

   .lfFeatText {
      font-size: var(--fs18);
   }

   .mvvText {
      font-size: var(--fs18);
   }

   .teamImg {
      max-width: 260px;
      width: 75%;
   }

   .certfImg {
      max-width: 250px;
   }

   .floatplane {
      width: 90px;
   }
}

@media (min-width:768px) {
   .mvvHead {
      font-size: var(--fs66);
      line-height: 0.25;
   }

   .mvvText {
      border-radius: 1.5rem;
      font-size: var(--fs24);
   }

   .teamImg {
      max-width: 300px;
      width: 80%;
   }

   .floatplane {
      width: 100px;
   }

   .learnFunContent {
      padding-right: 5%;
   }
}

@media (min-width:992px) {
   .aboutTitle {
      position: sticky;
      top: 25vh;
      bottom: unset;
      transform-origin: 0% 0%;
      animation-timeline: view();
      animation-range: cover 10% cover 70%;
   }

   .aboutTitle .atl_1 {
      font-size: 8.7vw;
   }

   .aboutTitle .atl_2 {
      font-size: 7.7vw;
   }

   .aboutTitle .atl_3 {
      font-size: 4.4vw;
   }

   .aboutArrow {
      width: 10%;
      top: 20%;
      right: 1%;
      left: unset;
   }

   .aboutHero {
      padding-bottom: 5vh;
   }

   .aboutContent {
      padding-top: 75vh;
   }

   .aboutFont {
      padding-top: 3vh;
      height: unset;
   }

   .floatplane {
      width: 100px;
   }

   @keyframes zoomTxt {
      0% {
         transform: scale(1.7);
      }

      100% {
         transform: scale(1);
      }
   }
}

@media (min-width:1200px) {
   .learnFunContent {
      padding-right: 15%;
   }
}

@media (max-width:991.98px) {
   .aboutFont {
      height: auto;
      min-height: 0;
      margin-bottom: 1rem;
   }

   .aboutTitle {
      position: relative;
      bottom: auto;
      animation: none;
      transform: none;
      margin-bottom: 1rem;
   }

   .aboutTitle span {
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.05;
   }

   .aboutTitle .atl_1 {
      font-size: clamp(2.4rem, 12vw, 4.5rem);
   }

   .aboutTitle .atl_2 {
      font-size: clamp(2.1rem, 10.5vw, 4rem);
   }

   .aboutTitle .atl_3 {
      font-size: clamp(1.5rem, 7vw, 2.75rem);
   }

   .aboutContent {
      padding-top: 0;
      font-size: var(--fs16);
   }

   .aboutArrow {
      display: none;
   }

   .mvvHead {
      font-size: var(--fs30);
      line-height: 1;
      margin-bottom: .75rem;
   }
}

/* Login Signup */

.loginMainWrap {
   background: radial-gradient(circle, transparent 20%, #ffffff 85%), repeating-conic-gradient(at 50% 10%, #f2f8ff 0deg 10deg, #ffffff 10deg 20deg);
}

.loginWrap {
   max-width: 500px;
   border: 2px solid var(--yellow);
   background: var(--yellowSubtle);
}

.passwordField {
   position: relative;
}

.passwordField .form-control {
   padding-right: 2.75rem;
   height: 3rem;
}

/* Fully remove Bootstrap's red validation icon next to the eye */
.passwordField .form-control.is-invalid,
.was-validated .passwordField .form-control:invalid {
   background-image: none !important;
   background-repeat: no-repeat !important;
   background-position: 0 0 !important;
   background-size: 0 0 !important;
   padding-right: 2.75rem !important;
}

.passwordBtn {
   width: 1.3rem;
   height: 1.3rem;
   border: 0;
   position: absolute;
   right: 1rem;
   top: 0;
   bottom: 0;
   margin: auto;
   background: #fff no-repeat center;
   background-size: contain;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'><path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/><path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/><path d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/></svg>");
}

.passwordBtn.active {
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'><path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/><path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/></svg>");
}

.formFormat .form-control,
.formFormat .form-select {
   min-height: 3rem;
   border: 1px solid #ddd;
   border-radius: .5rem;
}

.formFormat .form-control:focus,
.formFormat .form-select:focus {
   border: 1px solid #999;
}

.formFormat input[type="checkbox"],
.formFormat input[type="radio"] {
   border: 1px solid #ddd;
}

.formFormat a {
   display: inline-block;
   transition: all .3s ease;
   position: relative;
}

.formFormat a:after {
   content: '';
   width: 0;
   height: 1px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background: var(--red);
   transition: inherit;
}

.formFormat a:hover:after {
   width: 100%;
}

.iti {
   display: block;
   z-index: 100;
}

/* Gallery */

.gbbImg {
   max-width: 150px;
}

.galleryList img {
   aspect-ratio: 12/9;
   object-fit: cover;
   object-position: center;
   cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='2rem' height='2rem' fill='rgba(0,0,0,.9)' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/></svg>"), zoom-in;
}

.mapWrapper {
   aspect-ratio: 3/2;
}

@media (min-width:768px) {
   .galleryIntro {
      max-width: 250px;
   }

   .mapWrapper {
      aspect-ratio: 3/1.2;
   }
}

/* My Account */

.myAccLinkWrap {
   max-width: 250px;
   position: sticky;
   top: 180px;
   padding-right: 3rem;
   margin-right: 2rem;
   border-right: 1px solid #cecece;
}

.myAccLinks li a {
   font-size: 1rem;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.myAccLinks li a:hover {
   font-weight: 500;
}

.myAccLinks li a.active {
   font-weight: 600;
}

.myAccLinks li a.active:after {
   content: '';
   width: 1rem;
   height: 1rem;
   display: inline-flex;
   position: relative;
   right: 0;
   background: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%23222'/></svg>") no-repeat center;
   background-size: contain;
}

.myAccPgTitle {
   font-size: 1.5rem;
   line-height: 1.2;
   font-weight: 600;
}

.myAccFormWrap {
   width: 100%;
   max-width: 400px;
}

.myAccContent {
   min-width: 0;
}

.myAccFilterForm {
   width: 100%;
}

.myAccFilterForm .form-select {
   min-height: 2.5rem;
   width: 100%;
}

.myAccMobileScroll {
   display: flex;
   flex-wrap: nowrap;
   gap: .5rem;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   padding-bottom: .15rem;
}

.myAccMobileScroll::-webkit-scrollbar {
   display: none;
}

.myAccMobileLink {
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: .55rem 1rem;
   border-radius: 50rem;
   border: 1px solid #ddd;
   background: #fff;
   color: #333;
   font-size: .9rem;
   font-weight: 500;
   line-height: 1.2;
   white-space: nowrap;
   text-decoration: none !important;
}

.myAccMobileLink.active {
   background: var(--orange);
   border-color: var(--orange);
   color: #fff;
   font-weight: 600;
}

.myAccMobileName {
   max-width: 100%;
   white-space: normal;
   overflow: visible;
   text-overflow: unset;
   word-break: break-word;
   line-height: 1.25;
   font-size: 1.05rem;
}

.myAccMobileLogout {
   background: #fff;
   cursor: pointer;
   color: #333;
   border-color: #ddd;
}

.addressList {
   width: 100%;
   max-width: 800px;
}

.addressCard {
   padding-right: 2.25rem !important;
}

.addressDeleteForm {
   position: absolute;
   top: .65rem;
   right: .65rem;
   z-index: 2;
}

.addressDeleteForm .btn-close {
   width: .7rem;
   height: .7rem;
}

#addressForm {
   width: 100%;
   max-width: 800px;
}

.olItem {
   background: #f9f9f9;
}

.olImg {
   width: 3rem;
   height: auto;
   aspect-ratio: 1;
   object-fit: cover;
   border-radius: .2rem;
   border: 1px dashed #ccc;
}

.olContent {
   font-size: 1rem;
}

.olContent small {
   font-size: var(--fs12);
}

.olProductRow+.olProductRow {
   padding-top: .75rem;
   border-top: 1px dashed #e5e5e5;
}

.olInfo:before {
   content: '\2139';
   width: .8rem;
   aspect-ratio: 1;
   display: inline-flex;
   color: #fff;
   background: #999;
   border-radius: 50%;
   margin-right: 3px;
   line-height: 1;
   justify-content: center;
   align-items: center;
   font-size: .6rem;
}

.olBtn {
   min-width: 110px;
   padding: .5rem .75rem;
   border-radius: 50rem;
   position: relative;
   font-size: var(--fs14);
   font-weight: 500;
   line-height: 1;
   background: #fff;
   border: 1px solid #ccc;
   transition: all .5s ease-in-out;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}

.olBtn:hover {
   box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
   background-color: var(--red);
   color: #fff;
}

.olBtn:before {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   right: 100%;
   background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgb(255, 117, 117) 50%, rgba(255, 255, 255, 0) 100%);
   z-index: 3;
   transition: none;
}

.olBtn:hover:before {
   right: -100%;
   transition: inherit;
   transition-delay: .32s;
}

.olBtns .olBtn {
   flex: 1 1 calc(50% - .5rem);
   max-width: 100%;
}

.bgiProdname {
   word-break: break-word;
}

.myAccPagination {
   overflow-x: auto;
   width: 100%;
}

@media (max-width:575.98px) {
   .myAccContent .sectTitle {
      font-size: clamp(1.5rem, 7vw, 2rem);
   }

   .olItem {
      padding: .85rem !important;
   }

   .olBtns .olBtn {
      flex: 1 1 100%;
      min-width: 0;
   }

   .olContent .bgiProdname {
      font-size: 1rem;
   }

   /* .ctaBtn {
      max-width: 100%;
   } */
}

@media (min-width:576px) {
   .olImg {
      width: 5rem;
   }

   .olBtns .olBtn {
      flex: 0 1 auto;
   }
}

@media (min-width:768px) {
   .olImg {
      width: 7rem;
   }

   .myAccFilterForm {
      width: auto;
      min-width: 180px;
   }
}

.myAccountWrap {
   width: 250px;
   position: absolute;
   top: 100%;
   right: 0;
   display: block;
   transform: unset;
   bottom: unset;
   background: #fff;
   background: #fff !important;
   z-index: 10;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
   border-radius: .5rem;
}

.generalContent {
   line-height: 1.8
}

.generalContent h2 {
   font-size: 1.3rem;
   font-weight: 600;
   color: var(--black);
   margin-bottom: 1.1rem;
}

.generalContent p {
   margin-bottom: 1.1rem;
}

.generalContent ul li,
.generalContent ol li {
   margin-left: 1.3rem;
   margin-bottom: 1.1rem;
}

.generalContent ul li {
   list-style: disc;
}

.generalContent ul.number li {
   list-style: decimal;
}

.generalContent ul.alpha li {
   list-style: lower-alpha;
}

.generalContent ul.roman li {
   list-style: lower-roman;
}

.generalContent ul>li::marker {
   font-weight: 500;
}

.generalContent a:not([class]) {
   text-decoration: underline;
   text-underline-offset: .3rem;
}

.faqItem {
   border-bottom: 0px solid #999;
}

.faqItemHead {
   font-size: 2rem;
   font-weight: 700;
   line-height: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: rgba(255, 255, 255, .8);
   text-transform: uppercase;
   line-height: 1;
}

.faqBox:not(:last-child) {
   border-bottom: 1px solid #333;
}

.faqQ {
   background: transparent;
   border: 0;
   width: 100%;
   font-weight: 500;
   font-size: 1.1rem;
   line-height: 1.2;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.faqQ[aria-expanded="true"] {
   font-weight: 500;
}

.faqQ:after,
.faqItemHead:after {
   content: '';
   width: .8rem;
   height: .8rem;
   display: block;
   background: var(--plusBlack) no-repeat center;
   background-size: contain;
   position: relative;
   transform: rotate(0deg);
   transition: all .3s ease;
   transform-origin: 50% 50%;
   flex-shrink: 0;
   margin-left: 1rem;
}

.faqItemHead:after {
   width: 1.25rem;
   height: 1.25rem;
}

.faqItemHead:after {
   background: var(--chevronWhite) no-repeat center;
}

.faqItemHead[aria-expanded="true"]:after {
   transform: rotate(90deg);
}

.faqQ[aria-expanded="true"]:after {
   transform: rotate(225deg);
}

@media (min-width:576px) {
   .faqItemHead {
      font-size: 3rem;
   }
}

/* Cheriks Toast Alerts */
#toastContainer {
   top: 1rem;
   right: 1rem;
   left: auto;
   transform: none;
   width: min(380px, calc(100% - 2rem));
   padding: 0;
   z-index: 11000;
}

.cheriks-toast {
   width: 100%;
   border: 0;
   border-radius: .75rem;
   overflow: hidden;
   box-shadow: 0 8px 24px rgba(43, 42, 42, .18);
   animation: cheriksToastIn .35s ease;
}

.cheriks-toast .toast-inner {
   display: flex;
   align-items: center;
   gap: .65rem;
   padding: .85rem 1rem;
   color: #fff;
   font-weight: 600;
   font-size: var(--fs16);
   background: linear-gradient(90deg, #7846f0 0%, #9a6df7 100%);
}

.cheriks-toast-icon {
   width: 1.5rem;
   height: 1.5rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   color: #fff;
}

.cheriks-toast-icon svg {
   width: 1.5rem;
   height: 1.5rem;
   display: block;
}

.cheriks-toast-divider {
   width: 1px;
   align-self: stretch;
   min-height: 1.5rem;
   background: rgba(255, 255, 255, .45);
   flex-shrink: 0;
}

.cheriks-toast-body {
   flex: 1;
   line-height: 1.35;
}

.cheriks-toast-body a {
   color: #fff;
   text-decoration: underline;
}

.cheriks-toast-close {
   width: 1.75rem;
   height: 1.75rem;
   border: 0;
   border-radius: 50%;
   background: rgba(255, 255, 255, .2);
   color: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   font-size: 1.1rem;
   line-height: 1;
   cursor: pointer;
   transition: background .2s ease;
}

.cheriks-toast-close:hover {
   background: rgba(255, 255, 255, .35);
}

@keyframes cheriksToastIn {
   from {
      opacity: 0;
      transform: translateX(16px);
   }

   to {
      opacity: 1;
      transform: translateX(0);
   }
}

/* ==========================================================================
   CONSOLIDATED BLADE FILE STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Intl-Tel-Input (from front.blade.php & register.blade.php)
   -------------------------------------------------------------------------- */
.iti__flag {
   background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags.png") !important;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
   .iti__flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags@2x.png") !important;
   }
}

.iti {
   width: 100%;
   display: block;
}

.iti input.form-control,
.iti input[type="tel"] {
   width: 100%;
   height: 48px;
}

.iti__selected-dial-code {
   color: #2b2a2a;
   font-weight: 500;
}

.formFormat .iti {
   display: block;
   width: 100%;
}

.formFormat .iti>input,
.formFormat .iti input[type="tel"] {
   width: 100%;
   height: 48px;
}

.formFormat .iti__country-list {
   z-index: 20;
}

/* --------------------------------------------------------------------------
   2. Cart Flying Animation & Flash Badges (from front.blade.php)
   -------------------------------------------------------------------------- */
.cheriks-cart-flight {
   position: fixed;
   left: 0;
   top: 0;
   width: 3rem;
   height: 3rem;
   pointer-events: none;
   z-index: 12050;
   transform: translate3d(-50%, -50%, 0);
   will-change: transform, opacity;
   filter: drop-shadow(0 10px 18px rgba(43, 42, 42, .22));
}

.cheriks-cart-flight svg {
   width: 100%;
   height: 100%;
   display: block;
   padding: .6rem;
   border-radius: 50%;
   background: rgba(255, 255, 255, .96);
   color: #7846f0;
   box-shadow: 0 0 0 1px rgba(120, 70, 240, .08);
}

.cheriks-cart-flight.is-flying {
   animation: cheriksCartFlight 900ms cubic-bezier(.2, .75, .25, 1) forwards;
}

@keyframes cheriksCartFlight {
   0% {
      transform: translate3d(-50%, -50%, 0) scale(1) rotate(-14deg);
      opacity: 1;
   }

   55% {
      transform: translate3d(calc(-50% + var(--flight-mid-x)), calc(-50% + var(--flight-mid-y)), 0) scale(.9) rotate(10deg);
      opacity: .96;
   }

   100% {
      transform: translate3d(calc(-50% + var(--flight-x)), calc(-50% + var(--flight-y)), 0) scale(.18) rotate(22deg);
      opacity: 0;
   }
}

.headNavBtn.cart-target-flash,
#headerCartLink.cart-target-flash {
   animation: cartTargetFlash 650ms ease-out;
}

@keyframes cartTargetFlash {
   0% {
      transform: translateY(0) scale(1);
      box-shadow: 0 0 0 0 rgba(120, 70, 240, 0);
   }

   45% {
      transform: translateY(-2px) scale(1.08);
      box-shadow: 0 0 0 10px rgba(120, 70, 240, .10);
   }

   100% {
      transform: translateY(0) scale(1);
      box-shadow: 0 0 0 0 rgba(120, 70, 240, 0);
   }
}

.hnbBadge.cart-badge-pop {
   animation: cartBadgePop 650ms ease-out;
}

@keyframes cartBadgePop {
   0% {
      transform: scale(1);
   }

   35% {
      transform: scale(1.25);
   }

   100% {
      transform: scale(1);
   }
}

/* --------------------------------------------------------------------------
   3. Checkout Shipping & Processing Overlay (from checkout_shipping.blade.php)
   -------------------------------------------------------------------------- */
.checkout-processing-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   min-height: 100vh;
   min-height: 100dvh;
   z-index: 9999;
   display: none;
   pointer-events: none;
}

.checkout-processing-overlay.is-active {
   display: block;
   pointer-events: auto;
}

.checkout-processing-backdrop {
   position: absolute;
   inset: 0;
   background: rgba(255, 255, 255, 0.18);
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
}

.checkout-processing-center {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 1.25rem;
   z-index: 1;
}

body.checkout-processing-active {
   overflow: hidden;
}

.checkout-processing-box {
   background: #fff;
   border: 1px solid rgba(232, 93, 4, 0.18);
   border-radius: 1rem;
   padding: 2rem 2.75rem;
   box-shadow: 0 16px 48px rgba(43, 42, 42, 0.2);
   min-width: 220px;
   max-width: 90vw;
}

.checkout-processing-spinner {
   width: 44px;
   height: 44px;
   margin: 0 auto 1rem;
   border: 4px solid #f0f0f0;
   border-top-color: var(--orange, #E85D04);
   border-radius: 50%;
   animation: checkoutSpin 0.8s linear infinite;
}

.checkout-processing-text {
   color: #2b2a2a;
   font-size: 1.05rem;
   letter-spacing: 0.01em;
}

@keyframes checkoutSpin {
   to {
      transform: rotate(360deg);
   }
}

.address-edit-btn {
   color: var(--orange, #E85D04) !important;
   line-height: 1.2;
}

.address-edit-btn:hover {
   opacity: 0.85;
}

/* --------------------------------------------------------------------------
   4. Product Listing & Filters (from product_listing.blade.php)
   -------------------------------------------------------------------------- */
.product-listing-area.is-loading {
   position: relative;
   min-height: 320px;
}

.product-listing-area.is-loading::after {
   content: 'Loading products...';
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(255, 255, 255, 0.85);
   color: #666;
   font-weight: 600;
   z-index: 2;
}

#product-listing-error:not(.d-none) {
   display: block !important;
}

#product-listing-area .productResult .col {
   opacity: 1 !important;
   transform: none !important;
}

.filterList .filterCount {
   color: var(--orange);
   font-weight: 500;
}

/* --------------------------------------------------------------------------
   5. Product Details Zoom & Swiper (from product_details.blade.php)
   -------------------------------------------------------------------------- */
.prodBigSwiper .swiper-slide {
   overflow: hidden;
   border-radius: .5rem;
}

.prodZoomWrap {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   border-radius: .5rem;
   background: #fff;
   cursor: zoom-in;
   isolation: isolate;
}

.prodZoomWrap::after {
   content: '';
   position: absolute;
   inset: 0;
   pointer-events: none;
   border-radius: inherit;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
   transition: box-shadow .35s ease, background .35s ease;
   z-index: 2;
}

.prodZoomWrap.is-zooming::after {
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.06);
   background: radial-gradient(circle at var(--zoom-x, 50%) var(--zoom-y, 50%), transparent 18%, rgba(0, 0, 0, 0.045) 70%);
}

.prodZoomWrap .prodZoomImg {
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
   display: block;
   transform-origin: center center;
   transform: scale(1);
   transition: transform .45s cubic-bezier(.22, 1, .36, 1);
   will-change: transform;
   user-select: none;
   -webkit-user-drag: none;
}

.prodZoomWrap.is-zooming .prodZoomImg {
   transform: scale(2.15);
   transition: transform .08s linear;
}

.prodZoomHint {
   position: absolute;
   left: 50%;
   bottom: 1rem;
   transform: translateX(-50%);
   z-index: 3;
   align-items: center;
   gap: .4rem;
   padding: .45rem .85rem;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.92);
   color: #444;
   font-size: .75rem;
   font-weight: 600;
   letter-spacing: .02em;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
   pointer-events: none;
   opacity: 1;
   transition: opacity .3s ease, transform .3s ease;
}

.prodZoomWrap.is-zooming .prodZoomHint,
.prodZoomWrap:hover .prodZoomHint {
   opacity: 0;
   transform: translateX(-50%) translateY(.35rem);
}

.prodZoomLens {
   position: absolute;
   width: 7.5rem;
   height: 7.5rem;
   border-radius: 50%;
   border: 1.5px solid rgba(255, 255, 255, 0.95);
   box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.1),
      0 10px 28px rgba(0, 0, 0, 0.14),
      inset 0 0 0 1px rgba(255, 255, 255, 0.4);
   background: rgba(255, 255, 255, 0.08);
   backdrop-filter: blur(0.5px);
   pointer-events: none;
   opacity: 0;
   transform: translate(-50%, -50%) scale(.85);
   transition: opacity .2s ease, transform .2s ease;
   z-index: 4;
}

.prodZoomWrap.is-zooming .prodZoomLens {
   opacity: 1;
   transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 991.98px) {
   .prodZoomWrap {
      cursor: default;
   }

   .prodZoomWrap.is-zooming .prodZoomImg {
      transform: scale(1);
   }
}

/* --------------------------------------------------------------------------
   6. Gallery Details Zoom (from gallery-details.blade.php)
   -------------------------------------------------------------------------- */
.galleryList .prodZoomWrap {
   position: relative;
   width: 100%;
   max-width: 100%;
   aspect-ratio: 12 / 9;
   overflow: hidden;
   border-radius: .5rem;
   background: #fff;
   cursor: zoom-in;
   isolation: isolate;
}

.galleryList .prodZoomWrap .prodZoomImg {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
   transform-origin: center center;
   transform: scale(1);
   transition: transform .45s cubic-bezier(.22, 1, .36, 1);
   will-change: transform;
   user-select: none;
   -webkit-user-drag: none;
}

.galleryList .prodZoomWrap::after {
   content: '';
   position: absolute;
   inset: 0;
   pointer-events: none;
   border-radius: inherit;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
   transition: box-shadow .35s ease, background .35s ease;
   z-index: 2;
}

.galleryList .prodZoomWrap.is-zooming::after {
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.06);
   background: radial-gradient(circle at var(--zoom-x, 50%) var(--zoom-y, 50%), transparent 18%, rgba(0, 0, 0, 0.045) 70%);
}

.galleryList .prodZoomWrap.is-zooming .prodZoomImg {
   transform: scale(2.15);
   transition: transform .08s linear;
}

.galleryList .prodZoomHint {
   position: absolute;
   left: 50%;
   bottom: 1rem;
   transform: translateX(-50%);
   z-index: 3;
   align-items: center;
   gap: .4rem;
   padding: .45rem .85rem;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.92);
   color: #444;
   font-size: .75rem;
   font-weight: 600;
   letter-spacing: .02em;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
   pointer-events: none;
   opacity: 1;
   transition: opacity .3s ease, transform .3s ease;
}

.galleryList .prodZoomWrap.is-zooming .prodZoomHint,
.galleryList .prodZoomWrap:hover .prodZoomHint {
   opacity: 0;
   transform: translateX(-50%) translateY(.35rem);
}

.galleryList .prodZoomLens {
   position: absolute;
   width: 7.5rem;
   height: 7.5rem;
   border-radius: 50%;
   border: 1.5px solid rgba(255, 255, 255, 0.95);
   box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.1),
      0 10px 28px rgba(0, 0, 0, 0.14),
      inset 0 0 0 1px rgba(255, 255, 255, 0.4);
   background: rgba(255, 255, 255, 0.08);
   backdrop-filter: blur(0.5px);
   pointer-events: none;
   opacity: 0;
   transform: translate(-50%, -50%) scale(.85);
   transition: opacity .2s ease, transform .2s ease;
   z-index: 4;
}

.galleryList .prodZoomWrap.is-zooming .prodZoomLens {
   opacity: 1;
   transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 991.98px) {
   .galleryList .prodZoomWrap {
      cursor: default;
   }

   .galleryList .prodZoomWrap.is-zooming .prodZoomImg {
      transform: scale(1);
   }
}

/* --------------------------------------------------------------------------
   7. Auth / Register Form & Responsive (from register.blade.php)
   -------------------------------------------------------------------------- */
.passwordField .form-control.is-invalid,
.passwordField .form-control:invalid {
   background-image: none !important;
}

@media (max-width: 575.98px) {
   .loginWrap {
      padding: 1rem !important;
      border-radius: 1rem !important;
      margin: 0 auto !important;
   }

   /* .ctaBtn {
      width: 100% !important;
      min-width: unset !important;
      max-width: unset !important;
   } */

   .sectTitle {
      font-size: 2rem !important;
   }

   .formFormat input.form-control {
      font-size: .98rem;
   }
}

/* ==========================================================
   Mobile Responsive Adjustments for Header & Banner
   ========================================================== */
@media (max-width: 768px) {

   /* Header & Logo */
   .pageLogo {
      max-height: 42px;
      width: auto;
   }

   /* Action Buttons List */
   .headNavBtnList {
      gap: 6px !important;
   }

   .headNavBtn {
      width: 2.1rem;
      height: 2.1rem;
   }

   .headNavBtn svg {
      width: 1.15rem;
      height: 1.15rem;
   }

   /* Hero Banner Scaling */
   .homeBanner .hbImg {
      min-height: 260px;
      object-fit: cover;
      object-position: center;
   }
}

@media (max-width: 480px) {
   .pageLogo {
      max-height: 36px;
   }

   .headNavBtn {
      width: 1.95rem;
      height: 1.95rem;
   }

   .headNavBtn svg {
      width: 1.05rem;
      height: 1.05rem;
   }

   .headNavBtnList {
      gap: 4px !important;
   }
}

/* =========================================
   Product Details - Read More Button Styles
   ========================================= */
.prodDetailsWrap {
   position: relative;
}

.prodDetailsContent.is-collapsed {
   max-height: 230px;
   overflow: hidden;
   position: relative;
   transition: max-height 0.4s ease;
}

.prodDetailsContent.is-expanded {
   max-height: none;
   overflow: visible;
   transition: max-height 0.4s ease;
}

.prodDetailsFade {
   display: none;
   position: absolute;
   bottom: 58px;
   left: 0;
   right: 0;
   height: 90px;
   background: linear-gradient(to bottom, rgba(255, 246, 202, 0) 0%, rgba(255, 246, 202, 0.96) 100%);
   pointer-events: none;
   z-index: 2;
}

.prodDetailsWrap.has-fade .prodDetailsFade {
   display: block;
}

.prodDetailsBtnWrap {
   position: relative;
   z-index: 3;
}

.prodDetailsBtnWrap .ctaBtn {
   cursor: pointer;
}

.prodDetailsBtnWrap .ctaBtn.is-active .arw {
   transform: rotate(180deg);
}
.reachout-btn {
   display: flex;
   justify-content: center;
}

.reachout-btn button {
   display: flex;
   align-items: center;
   justify-content: center;
}