@charset "utf-8";
@font-face { font-family: 'Gopher'; src: url('./fonts/Gopher-Regular.eot'); src: url('./fonts/Gopher-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Gopher-Regular.woff2') format('woff2'), url('./fonts/Gopher-Regular.woff') format('woff'), url('./fonts/Gopher-Regular.ttf') format('truetype'), url('./fonts/Gopher-Regular.svg#Gopher-Regular') format('svg'); font-weight: 400; }
@font-face { font-family: 'Gopher'; src: url('./fonts/Gopher-Medium.eot'); src: url('./fonts/Gopher-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Gopher-Medium.woff2') format('woff2'), url('./fonts/Gopher-Medium.woff') format('woff'), url('./fonts/Gopher-Medium.ttf') format('truetype'), url('./fonts/Gopher-Medium.svg#Gopher-Medium') format('svg'); font-weight: 500; }
@font-face { font-family: 'Gopher'; src: url('./fonts/Gopher-Bold.eot'); src: url('./fonts/Gopher-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Gopher-Bold.woff2') format('woff2'), url('./fonts/Gopher-Bold.woff') format('woff'), url('./fonts/Gopher-Bold.ttf') format('truetype'), url('./fonts/Gopher-Bold.svg#Gopher-Bold') format('svg'); font-weight: 600; }
@font-face { font-family: 'baskerville-old-face'; src: url('./fonts/baskerville-old-face.eot'); src: url('./fonts/baskerville-old-face.eot?#iefix') format('embedded-opentype'), url('./fonts/baskerville-old-face.woff2') format('woff2'), url('./fonts/baskerville-old-face.woff') format('woff'), url('./fonts/baskerville-old-face.ttf') format('truetype'), url('./fonts/baskerville-old-face.svg#baskerville-old-face') format('svg'); font-weight: 700; }

:root {
--cursor-stroke: rgb(var(--white) / 100%);
--cursor-fill: none;
--cursor-stroke-width: 1px;

/* COLOR VARIABLES */
--white: 255 255 255;
--black: 0 0 0;
--light-black: 14 14 14;
--lightish-gray: 220 220 220;
--light-gray: 103 103 103;
--yellow: #F5D99A;
--green-d:#37371D;
--dark-gray: 77 77 77;

/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;
--offset: -30vh;
--radius-small: 4px;
--radius: 0px;
--rotation: 0deg;
--gap: 2.5vw;
--grid-item-width: 32vw;
--ratio: 1.3;
}

.bg-white { background: #ffffff }

/* ========================== COMMON CSS ========================== */
#smooth-wrapper { position: relative; z-index: 1; overflow-x: hidden; }

*, ul, ol, li, a, p { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Gopher'; font-weight: 400; line-height: 1.5; color: inherit; color: #fff }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: 'baskerville-old-face'; font-weight: 500; color:#fff; }
input, input:focus, textarea, textarea:focus, .form-control, .form-control:focus { box-shadow: none; outline: none; background: transparent; border-color: rgb(var(--purple) / 100%); color: rgb(var(--black) / 70%); }
*, a, a:active, a:focus, a:hover, button:hover, button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], html [type=button] { -webkit-appearance: none; outline: none;  }
a { display: inline-block; }
a:hover { color: inherit; }

body { width: 100%; font-size: 17px; line-height: 1.2; width: 100%; position: relative; font-family: 'Gopher'; font-weight: 400; color: rgb(var(--black) / 100%); z-index: 1; overflow-x: hidden; transition: var(--all-slow); }
body p { font-size: 20px; line-height: 1.3; color: #000; margin-bottom: 20px; font-weight: 300; letter-spacing: 0.2px; font-family: 'baskerville-old-face'; }
.woocommerce-MyAccount-content p a { font-size: 17px; line-height: 1.3; color: #000; font-weight: 300; letter-spacing: 0.2px; font-family: 'baskerville-old-face'; }
span { display: inline-block; }
#payment .payment_box p { font-family: 'Gopher'; }
.no-scroll { overflow: hidden; }
.mark, mark { font-size: 17px; font-family: 'baskerville-old-face'; }
.sign-in-form .woocommerce-privacy-policy-link { font-family: 'baskerville-old-face'; }

hr { border-top: 1px solid rgb(var(--light-gray) / 100%); }
::-moz-selection { color: rgb(var(--white) / 100%); background: rgb(var(--black) / 100%); }
::selection { color: rgb(var(--white) / 100%); background: rgb(var(--black) / 100%); }

::-webkit-scrollbar { width: 10px; display: none; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgb(var(--white) / 80%); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }

@media (any-pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 999; }
.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); } }

.barContainer { position: fixed; top: 0; right: 0; width: 5px; height: 100vh; background: #37371D; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color:#B9C493; border-radius: 15px; }

p:empty { margin-bottom: 0px; }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.form-control::-webkit-input-placeholder { color: rgb(var(--black) / 50%);  font-family: 'baskerville-old-face'; font-weight: 400; }
.form-control::-moz-placeholder { color: rgb(var(--black) / 50%);  font-family: 'baskerville-old-face'; font-weight: 400; }
.form-control:-ms-input-placeholder { color: rgb(var(--black) / 50%);  font-family: 'baskerville-old-face'; font-weight: 400; }
.form-control::-ms-input-placeholder { color: rgb(var(--black) / 50%);  font-family: 'baskerville-old-face'; font-weight: 400; }
.form-control::placeholder { transition: var(--all-fast); color: rgb(var(--black) / 50%);  font-family: 'baskerville-old-face'; font-weight: 400; }
.form-group { margin-bottom: 40px; position: relative; }
.form-control { width: 100%; padding: 7px 0px; font-size: 18px; font-weight: 300; color: rgb(var(--black) / 100%); line-height: 1.5; border: none; border-bottom: 1px solid rgb(var(--black) / 100%); border-radius: 0; appearance: none; -webkit-appearance: none; background: transparent; }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 14px; transform: translateY(-20px); }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: var(--black, #252324); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }
.form-control:focus + .link__graphic--slide { transform: translate3d(-66.6%, 0, 0); transition: transform 0.7s; transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.img-box { display: flex; flex-flow: row wrap; }
img, .svg { width: 100%; height: 100%; object-fit: cover; }

#smooth-content { position: relative; }

.section-title { font-size: 20px; font-weight: 400; color: rgb(var(--blue) / 100%); font-family: 'Gopher'; margin-bottom: 20px; }
.section-subtitle { font-size: 40px; font-weight: 500; color: rgb(var(--white) / 100%); text-transform:uppercase; margin-bottom: 60px; }
.section-subtitle.white { color: rgb(var(--black) / 100%) }
.hero { font-size: 36px; color: rgb(var(--black) / 100%); font-weight: 200; text-transform: uppercase; line-height: 1.4; margin-bottom: 20px; }
.p1 { font-size: 26px; line-height: 1.2; text-transform: initial; font-weight: 300; color: rgb(var(--black) / 100%); font-family: 'Gopher'; margin-bottom: 30px; }
.py-90 { padding-top: 100px; padding-bottom: 100px }
.border-button { display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: 14px 30px; border-radius: 40px;border:1px solid var(--green-d); overflow: hidden; position: relative; transition: all 0.6s; }
.border-button span { font-size: 16px; font-weight: 400; text-transform: capitalize; color: var(--green-d); position: relative; z-index: 1; transition: all 0.6s }
.border-button:hover { background: var(--green-d) }
.border-button:hover span { color:#fff; }
.button { display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: 14px 30px; border-radius: 40px;background: var(--green-d); border:1px solid transparent; overflow: hidden; position: relative; transition: all 0.6s;  color: #ffffffd4; }
.button span { font-size: 16px; font-weight: 400; text-transform: capitalize; color: #fff; position: relative; z-index: 1; transition: all 0.6s }
.button:hover span { color:var(--green-d) }
.button .icon img { width: 100%; }
.button:hover { border: 1px solid var(--green-d); background: transparent; }

.link { display: inline-flex; flex-flow: row wrap; align-items: center; position: relative; transition: var(--all-fast); }
.link span { font-size: 18px; font-weight: 400; color: rgb(var(--light-gray) / 100%); text-transform: capitalize;  }
.link .img-box { width: 70px; height: 70px; border: 1px solid rgb(var(--black) / 50%); border-radius: 50%; padding: 6px; margin-left: 40px; transition: var(--all-medium); }
.link:hover .img-box { margin-left: 30px; transform: rotateX(180deg); }
.link .img-box img { object-fit: contain; margin-left: -25px; transition: var(--all-medium); }
.link:hover .img-box img { margin-left: -20px; }

.shape-btn span { color:#fff; font-size: 18px; transition: all 0.4s }
.shape-btn { position: relative; padding: 30px 56px; transition: all 0.4s }
.shape-btn .shape { position: absolute; width: 100%; left: 50%; top:50%; height: 73px; transform: translate(-50%,-50%); margin-top: -7px; transition: all 0.4s}

.shape-btn svg.back-shape  { display: none;  fill:#E20714; stroke:#E20714; }
.shape-btn svg.ani-shape  path { fill:#E20714; transition: all 0.4s }
header .shape-btn:hover svg.ani-shape  path { fill:#ffffff; }
.shape-btn:hover svg.ani-shape  path { fill:rgb(var(--yellow) / 100%); }

.header .shape-btn { margin-top: 18px }
.header-grp.active .header .shape-btn .shape { height: 50px;  }
.header-grp.active .header .shape-btn { position: relative; padding: 20px 42px; }
.header-grp.active .header .shape-btn span { font-size: 12px }

.Container { width: 1400px; max-width: 1400px; }
.fade-in-left { transform: translateX(-100px); opacity: 0 }
.fade-in-right { transform: translateX(100px); opacity: 0 }

/*TOP NOTE*/
.top-note { background: #37371D; padding: 8px 0px; text-align: center; transition: all 0.6s; width: 100%; }
.top-note p { color:#fff;  font-size: 14px; letter-spacing: 0.5px; opacity: 0.7; font-family: 'baskerville-old-face'; margin-bottom: 0px; font-weight: 400; }
.header-grp.active .top-note { transform: translateY(-100%); position: absolute; }

/* HEADER */
.mobile-menu { display: none; }
.header { padding: 30px 0px; transition: all 0.4s }
.white-header { background: #ffffff }
.header .container { width: 100%; max-width: 100%; padding-left: 80px; padding-right: 80px; }
.header-grp { position: fixed; left: 0; top: 0; width: 100%; z-index: 111; transition: var(--all-medium); }
.header .logo { width: 250px; transition: all 0.4s; margin-left: auto; margin-right: auto;  }
.header-grp.active .header { padding: 15px 0; background: #B9C493}
.header-grp.active .header .logo { width: 190px; display: flex; justify-content: center; align-items: center; }
.header .logo { position: relative; }
.header .logo img { width: 100%; }
.header p { margin-bottom: 0; }
.header-right-grp { display: flex; align-items: center; justify-content: flex-end; }
.hamburger-menu { display: none; }
.hamburger-menu img { width:20px; margin-right: 8px; }

.navigation-menu .close { display: none; position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; align-items: center; justify-content: center; cursor: pointer; }
.navigation-menu .close img { width: 18px; height: auto; filter: brightness(1) invert(0.9); }
.navigation-menu li {display: inline-block; margin-right: 35px; }
.navigation-menu li a { color:#000000; font-size: 15px; position: relative;  }
.navigation-menu li a:after { content: ""; width: 40px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); height: 10px; background: url("../images/icons/link-hover-shape.svg") no-repeat; background-size: contain; background-position: center; transition: all 0.4s; clip-path: inset(0% 100% 0% 0%)    }
.navigation-menu li a:hover:after, .navigation-menu li.active a:after  { clip-path: inset(0% 0% 0% 0%) }

.hamburger { display: flex; flex-direction: column; grid-gap: 4px; justify-content: center; width: 30px; height: 35px; }
.hamburger span { width: 25px; height: 2px; background: #37371d; text-align: right; margin-right: auto; display: inline-flex; transition: all 0.5s }
.hamburger span:nth-child(2) { width: 22px; height: 2px; }
.hamburger.active { grid-gap: 0 }
.hamburger.active span:nth-child(2) { display: none}
.hamburger.active span:nth-child(1) { transform: rotate(48deg); margin-top: 2px; transform-origin: center; }
.hamburger.active span:nth-child(3) { transform: rotate(-48deg); transform-origin: center; }

.cart-icon-grp-cont { display: flex; justify-content: flex-end; align-items: center; }
.cart-list { display: inline-flex; align-items: center; justify-content: center; position: relative; }
.cart-list:before { content: ""; position: absolute; left: 0px; top:50%; transform: translateY(-50%); width: 1px; height: 20px; background: rgba(0,0,0,0.20); }
.cart-list li { margin-left: 30px; display: inline-flex; align-items: center;  }
.cart-list li a { position: relative; cursor: pointer; }
.cart-list li a  .tag { width: 18px; height: 18px; font-size: 11px; border-radius: 50%; background: var(--green-d); color:#fff; position: absolute; top: -8px; right: -10px; display: flex; align-items: center; justify-content: center; }
.cart-list li a img { height: 20px; transition: all 0.3s; }
.cart-list li a:hover img { opacity: 0.5 }
.cart-icon-grp-cont .lang-drop { margin-right: 15px;  cursor: pointer; }
.cart-icon-grp-cont .lang-drop select { border:0; background: transparent; text-transform: uppercase; font-size: 16px; cursor: pointer; }
.lang-drop.mobile-lang { display: none; }
.lang-drop a { display: flex; align-items: center; font-size: 18px; text-transform: uppercase; }
.lang-drop a img { width: 20px; height: auto; margin-right: 10px; }

/* BANNER */
.banner { background: #B9C493; height: 1250px; position: relative; display: flex; justify-content: center; align-items: flex-start; padding-top: 150px; padding-bottom: 250px;  }
.banner .banner-content { text-align: center; padding-top: 50px; }
.banner .banner-content .title { font-size: 90px; margin-bottom: 5px; line-height: 80px; color:#000; text-transform: uppercase; font-family: 'baskerville-old-face';  }
.banner .banner-content .banner-img1 { height: 440px; margin-left: auto; margin-right: auto; margin-top: -10px; position: relative; z-index: 1 ; transform: translateX(100px); opacity: 0; transition: all 1s; }
.banner .banner-content .banner-img1 img { width: auto; }
.banner-img-grp { position: relative; text-align: center; }
.banner-img-bg { display: none; position: absolute; width: 200px; left: 30%; bottom:100px; transform: translate(-50% , -50%); z-index: 0; margin-left: -100px; transition: all 1s; opacity: 0; }
.banner-img-bg img { width: 100% }
.banner .banner-img-footer2 { width: 380px; position: absolute; left: -60px; bottom: 200px; transform: rotate(35deg); }
.banner .banner-img-footer2 img { width: 100%; height: auto; }
.banner .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .banner-img1 { transform: translateX(0); opacity: 1 }
.banner .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .banner-img-bg { margin-left: 0px; opacity: 1 }
.banner .banner-img2 { width: 400px; position: absolute; right: 80px; bottom: 190px; transform: rotate(-10deg); }
.banner .banner-img2 img { width: 100% }

.banner .swiper-pagination { width: 30px; }
.swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity: 1; display: block; width: 10px; height: 10px; margin: 10px 0px!important }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--green-d); position: relative; width: 14px; height: 14px; }
.banner  .swiper-pagination { bottom: inherit!important; top:55%; display:flex; justify-content: center; align-items: center; flex-direction: column; transform: translateY(-50%); left: inherit; right: 100px!important; }
.banner .swiper-slide { opacity: 0!important; transition: all 0.3s; }
.banner .swiper-slide.swiper-slide-visible.swiper-slide-active { opacity: 1!important }

/* banner texet animation */
.banner .banner-slider .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .title .word { margin-left: 8px; margin-right: 8px; }
.banner .banner-slider .banner-content .title span, .banner .banner-slider .banner-content .title { line-height: 75px; display: inline-block; font-size: 75px; color:#000; text-transform: uppercase; font-family: 'baskerville-old-face'; font-weight: 400; }
.banner .banner-slider .swiper-slide .banner-content .title .word { margin-left: 12px; margin-right: 12px; }
.banner .banner-slider .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .title .word .char { transition: all 0.5s;  }
.banner .banner-slider .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .title .word .char:nth-child(odd) { animation-delay: 0s; animation: reveal 1.2s ease-out forwards;  }
.banner .banner-slider .swiper-slide.swiper-slide-visible.swiper-slide-active .banner-content .title .word .char:nth-child(even) { animation-delay: 0.2s; animation: revealright 1.2s ease-out forwards;  }

@keyframes reveal {
    0% {
        transform: translateY(-5px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
  }


  @keyframes revealright {
    0% {
        transform: translateY(5px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
  }



/*ABOUT SECTION */

.py-100 { padding-top: 80px; padding-bottom: 80px; }
.subtitle { font-size: 16px; color:rgb(var(--black)/70%); font-weight: 500;  letter-spacing: 4px; text-transform: uppercase;  margin-bottom: 20px; font-family: 'Gopher'; text-align: center; }
.title { font-size: 72px; color:#000; font-weight: 500; line-height: 1.1;  margin-bottom: 60px; font-family: 'baskerville-old-face'; text-align: center; }
.section-title-grp  .title { margin-bottom: 20px;  }
.section-title-grp { margin-bottom: 60px; }
.section-title-grp p { font-size: 20px; font-family: 'baskerville-old-face'; color:#000; text-align: center; }

.about-sec-in { position: relative; z-index: 1; margin-top: -250px; width: 100%; height: 100%; background: #fcf1d5 }
.about-sec { background: var(--yellow); margin-top: 100px; }
.about-sec .subtitle { font-size: 14px; color:rgb(var(--black)/100%); }
.about-sec-in.py-100 { padding: 60px 0px 180px 0px; }
.variaty-list-bx { text-align: center; opacity: 0; transform: translateY(100px); display: block; }
.variaty-list-bx p { font-size: 22px; color:#000; font-weight: 400; font-family: 'Gopher'; }
.variaty-list-bx .img-icon { margin-bottom: 15px }

.about-bg { width: 100%; position: absolute; left: 0px; bottom: -10px; height: auto; z-index: -1; }
.about-bg  img { width: 100%; }

/*WAVE ANIMATION */
/*YELLOW WAVE */
.wavetop { background: url("../images/wave.svg") repeat-x; position: absolute; bottom: 99%; width: 100%; height: 105px; opacity: 1; animation: wave 10s linear infinite; transform: translate3d(0, 0, 0);  /*background-size: 101vw;*/ background-size: 1920px; background-position: 0 0; }
.wavetoppink { background: url("../images/wavetop-pink.svg") repeat-x; position: absolute; bottom: 99%; width: 100%; height: 105px; opacity: 1; animation: wave 10s linear infinite; transform: translate3d(0, 0, 0);  /*background-size: 104vw;*/ background-size: 1920px; background-position: 0 0; }
.wavebottompink { background: url("../images/wavebottom-pink.svg") repeat-x; position: absolute; top:99%; width: 100%; height: 125px; opacity: 1; animation: wave 10s linear infinite; transform: translate3d(0, 0, 0);  /*background-size: 101vw;*/ background-size: 1920px; background-position: 0 0; }
.wavetopyellow { background: url("../images/wavetop-yellow.svg") repeat-x; position: absolute; bottom: 99%; width: 100%; height: 105px; opacity: 1; animation: wave 10s linear infinite; transform: translate3d(0, 0, 0);  /*background-size: 104vw;*/ background-size: 1920px; background-position: 0 0; }
.wavebottomyellow { background: url("../images/wavebottom-yellow.svg") repeat-x; position: absolute; top:99%; width: 100%; height: 105px; opacity: 1; animation: wave 10s linear infinite; transform: translate3d(0, 0, 0);  /*background-size: 101vw;*/ background-size: 1920px; background-position: 0 0; }

@keyframes wave {
  0% {
      background-position: 0 0;
  }
  100% {
      background-position: -1920px 0;
  }
}

/*OFFER SEC*/
.offer-sec { background: var(--yellow); padding-bottom: 0px; }
.offer-sec.py-100 { background: var(--yellow); padding-bottom: 0px; }
.offer-products { display: flex; position: relative; }
.offer-products .offer { position: relative; height: 100%; overflow: hidden; padding: 100px 50px; display: flex; }
.offer-products .offer.offer-r { padding: 100px 300px 100px 50px }
.offer-products .offer.offer-r .offer-text  { width: 50% }
.offer-products .offer:before { content: ""; position: absolute; width: 70%; right: 0px; top:0px; height: 100%; background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(125,185,232,0.13) 13%,rgba(0,0,0,1) 100%); z-index: 1; }
.offer-products .offer .offer-img-bg { width: 100%; height: 100%; position: absolute; left:0; bottom: 0;  z-index: 0  }
.offer-products .offer .offer-img-bg img {  height: calc(100% + 200px); object-fit: cover; width: 100%;  }
.offer-products .offer .offer-text { position: relative; z-index: 1; width: 40%; margin-left: auto; color:#fff; display: flex; flex-flow: row wrap; align-content: center; }
.offer-products .offer .offer-text p { font-size: 18px; color:#fff; font-family: 'baskerville-old-face'; }
.offer-products .offer .offer-text .offer-title { font-size: 28px; font-family: 'Gopher'; margin-bottom: 15px; display: block; font-weight: 400;  }
.offer-products .offer .offer-text .offer-title2 { font-size: 20px; font-family: 'Gopher';  margin-bottom: 15px; margin-top: 10px; display: block; }

.offer .offer-text .button { background: #fff; display: inline-flex;  }
.offer .offer-text .button  span{ color:#37371D; }
.offer .offer-text .button:hover { border:1px solid #fff; background: transparent; }
.offer .offer-text .button:hover span { color:#fff; }

.shape { position: absolute; width: 100%; z-index: 11;  }
.shape.top{ left: 0px; top:-2px; }
.shape.bottom{ left: 0px; bottom:-2px; }
.shape img { width: 100%; }


/* strter kit section */
.starter-kit-sec { background: #fff; position: relative; }
.starter-kit-list  li { position: relative; }
.starter-kit-list  li:before { content: ""; position: absolute; right: 0px; height: 100%; top:0px; width: 1px; background: rgba(0,0,0,0.10) }
.starter-kit-list  li:last-child:before { display: none }
.starter-kit-list  li .starter-bx { text-align: center; padding: 0px 35px; opacity: 0; transform: translateY(150px); }
.starter-kit-list  li .starter-bx .img-bx { width: auto; height: 350px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.starter-kit-list  li .starter-bx .img-bx img { width: auto; height: 100%; }
.starter-kit-list  li .starter-bx .starter-text .starter-title { color:#000; font-size: 25px; font-family: 'Gopher'; font-weight: 400; margin-bottom: 15px; }
.starter-kit-list  li .starter-bx .starter-text p { color:#000; font-family: 'baskerville-old-face'; }

.accesary-kit-sec {background: #E9C7C5; position: relative; margin: 100px 0px 120px 0px; }
.accesary-kit-sec.py-100 { padding: 80px 0px }
.starter-kit-sec { background: #fff }
.accesary-kit-sec .product-bx .img-bx { border: 1px solid #f3d0ce; border-radius: 15px; padding: 10px; }

.product-list li { position: relative; }
.product-bx { text-align: center; padding: 0px 22px; opacity: 0; transform: translateY(150px); }
.product-bx .img-bx { width: 100%; margin-bottom: 50px; height: 280px; }
.product-bx .img-bx img { width: auto; height: 100%; }
.product-bx .product-text .product-title { color:#000; font-size: 28px; font-family: 'Gopher'; font-weight: 400; margin-bottom: 20px; }
.product-bx .product-text p{ color:#000; font-family: 'baskerville-old-face'; margin-bottom: 22px; }
.product-bx .product-text .price-grp { display: flex; justify-content: center; align-items: center; }
.product-bx .product-text .price-grp p.price { margin-bottom: 0px; margin-right: 15px;  font-family: 'Gopher'; font-weight: 400; font-size: 20px; }

.accesary-kit-sec .shape.top { top:-44px; }
.accesary-kit-sec .shape.bottom { top:99%; bottom: inherit; }
.shape img { height: 100%; }
.client-sec .client-slider1 { margin-top: 20px; }
.client-sec .swiper .swiper-wrapper{ transition-timing-function: linear; }
.client-sec .swiper .swiper-slide .img-cont { position: relative; text-align: center; }
.client-sec .swiper .swiper-slide .img-cont:after { content: ""; position: absolute; right: 0px; top:50%; transform: translateY(-50%); width: 1px; height: 50px; background: rgba(0,0,0,0.10) }
.client-sec .swiper .swiper-slide .img-cont img { height: 85px; width:auto; margin-left: auto; margin-right: auto }

/*FEATURE IN SECTION*/
.featured-in-sec { background:#FCF1D5; position: relative; margin: 40px 0px; }
.featured-in-sec .shape.top { bottom: 99%; top: inherit; }
.featured-in-sec .shape.bottom { top:99%; bottom: inherit; }
.featured-logo-list { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); margin-top: 20px }
.featured-logo-list li { transform: translateY(100px); opacity: 0; }
.featured-logo-list li a { text-align: center; display: flex; justify-content: center; cursor:inherit; }
.featured-logo-list li a img { height: 60px; width: auto; }

/*TESTIMONIAL SECTION */
.testi-bx { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px; transition: all 0.4s }
.testi-bx .quote-img { width: 30px; margin-bottom: 30px; }
.testi-bx .quote-img img { width: 100%; }
.testi-bx p { font-size: 26px; font-family: 'baskerville-old-face'; margin-bottom: 30px; color:#000; }
.testi-bx .testi-img { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; }
.testi-bx .testi-img img { width: 100%; height: 100%; }
.testi-bx .testi-name { text-transform: uppercase;  font-family: 'Gopher'; font-weight: 400; letter-spacing: 2px; }
.testi-bx .testi-designation { text-transform: uppercase;  font-family: 'baskerville-old-face'; font-weight: 400; }
.swiper-button-prev, .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; background: #37371D; display: flex; justify-content: center; align-items: center; }
.swiper-button-prev { left: 20%; }
.swiper-button-next { right: 20%; }
.swiper-button-prev img , .swiper-button-next img { width: 15px; object-fit: contain; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after , .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after , .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none }

.testimonial-sec .swiper-pagination { display: flex; justify-content: center; align-items: center;  bottom: 0px }
.testimonial-sec .swiper-pagination .swiper-pagination-bullet { background: rgba(55,55,29,0.30); margin: 0px 10px!important  }
.testimonial-sec .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--green-d); }
.testimonial-slider { padding-bottom: 100px; }
.testimonial-sec .testimonial-slider .swiper-slide .testi-bx, .testimonial-sec .testimonial-slider .swiper-slide .testi-bx { animation: lowtohigh 0.7s linear forwards; }
.testimonial-sec  .testimonial-slider .swiper-slide-active .testi-bx { animation: hightolow 0.7s linear forwards; }
.nothomepagetesti .testimonial-slider { padding-bottom: 0px; }

@keyframes hightolow {
  0%{ opacity: 0.3;  }
  100%{  opacity: 1; }
}

@keyframes lowtohigh {
  0%{ opacity: 1; filter:blur(0);  }
  100%{  opacity: 0.2; filter: blur(0.6px); }
}


/*BLOG SECTION */
.blog-sec { background: #ffffff; position: relative; margin: 0px 0px; margin-bottom: 0px!important; padding: 100px 0px 50px 0px;  }
.blog-sec .wavebottompink , .blog-sec .wavetoppink { display: none!important; }
.blog-row { --bs-gutter-x: 40px; justify-content: center; }
.blogs-bx { display: block; opacity: 0; transform: translateY(150px); }
.blogs-bx .img-bx { width: 100%; height: 240px; margin-bottom: 20px; overflow: hidden; border-radius: 15px; transition: all 0.5s  }
.blogs-bx .img-bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.5s  }
.blogs-bx:hover .img-bx { transform: scale(0.93); }
.blogs-bx:hover .img-bx img { transform: scale(1.2); }
.blogs-bx .blog-text .date-grp { display: flex; justify-content: space-between; margin-bottom: 15px; }
.blogs-bx .blog-text .date-grp .blog-date , .blogs-bx .blog-text .date-grp .admin-text { font-size: 16px; color:#000; font-weight: 400; font-family: 'baskerville-old-face'; margin-bottom: 0px; }
.blogs-bx .blog-text .blog-title { font-size: 22px; font-family: 'Gopher'; font-weight: 400; margin-bottom: 20px; color:#000;  }
.blogs-bx .blog-text { display: flex; flex-direction: column; align-items: flex-start; }
.blogs-bx .blog-text .read-more { display: inline-flex; }
.blog-sec .border-button { margin-top: 60px }
.blog-sec .shape.top { bottom: 99%; top: inherit; }
.blog-sec .shape.bottom { top:99%; bottom: inherit; }
.read-more { transition: all 0.5s }
.blogs-bx:hover .read-more{ margin-left: 15px;  }
.blog-leaf { position: fixed; right: 100px; top: 100px; width: 160px; z-index: 1; transform: translateX(280px); }
.blog-leaf img { width: 100%; height: auto; object-fit: contain; }

/* INSTAGRAM SECTION */
.instagram-section .subtitle .insta-icon { width: 12px; margin-right: 10px; }
.instagram-section .subtitle { display: flex; align-items: center; justify-content: center; }
.insta-img-list { display: grid; grid-template-columns: repeat(5,1fr); }
.insta-img-list li a { display: block; overflow: hidden; }
.insta-img-list li a img { width: 100%; transition: all 0.4s; }
.insta-img-list li a:hover img { transform: scale(1.05); }

/* CONTACT SECTION */
.contact-sec { text-align: center; background: #ffffff; }
.contact-sec form { justify-content: center; }
.contact-sec form p { margin-bottom: 0px; }
.contact-sec .flower-img { width: 140px; margin-bottom: 30px; transform: rotate(-360deg); }
.instagram-section.py-100 { padding-bottom: 0px; }

/*FOOTER */
footer .container , .copy .container { width: 100%; max-width: 100%; padding-left: 80px; padding-right: 80px;  }
footer .footer-row { display: grid; grid-template-columns: repeat(5, 1fr); }
footer .footer-title { font-size: 20px; color:#000; font-family: 'Gopher'; font-weight: 400; margin-bottom: 20px;  }

footer .footer-div .quick-links li { display: block; margin-bottom: 3px }
footer .footer-div .quick-links li a , footer .footer-div p{ display: inline-block; font-size: 16px; font-family: 'baskerville-old-face'; font-weight: 400; color:#000000;  }
footer .footer-div .quick-links li a { position: relative; transition: all 0.4s }
footer .footer-div .quick-links li a:before { content: ""; width: 10px; height: 2px; background: #000000;position: absolute; top:50%; left: 0px; opacity: 0; transition: all 0.4s  }
footer .footer-div .quick-links li a:hover:before{ opacity: 1; }
footer .footer-div .quick-links li a:hover { padding-left: 15px; }
#spanYear { margin-left: 1px; }

.footer-row li { padding: 100px 50px 80px 50px; border: 1px solid rgba(0,0,0,0.10); border-right: 0px; }
.footer-row li:first-child { border-left: 0px; padding-left: 0px;  }
footer .footer-div .quick-links li { padding: 0px; border:0px; }
.social { display: flex; align-items: center; }
.social li { margin-right: 10px; padding: 0px; border:0px; }
.social li a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.social li a img { height: 18px; width: auto; transition: all 0.3s; }
.social li a:hover img { opacity: 0.8; }
.copy { padding: 30px 0px; }
.pay-option { display: flex; }
.pay-option li { display: flex; margin-right: 15px; }
.copy-text { text-align: right; }
.copy-text span , .copy-text span  a{  font-family: 'baskerville-old-face'; font-weight: 400; color:rgba(0,0,0,0.55); transition: all 0.3s; font-size: 14px; }
.copy-text span  a:hover { color: #b9c493;; }
.design-text { margin-left: 2px; }
.mob_wa { position: fixed; right: 30px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; animation: pulse 2s infinite ease-out; display: flex; justify-content: center; align-items: center; background: #1ad26b; z-index: 11;
 transition: all 0.4s; }
.mob_wa:hover { box-shadow: 0 0 15px 0 rgba(0,0,0,0.3) }
.mob_wa img { width: 30px; height: auto; }

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(26, 210, 107, 0.3);
  }

  100% {
    box-shadow: 0px 0px 0px 20px rgba(26, 210, 107, 0);
  }
}


/*ABOUT PAGE */
.in-banner-cont { position: relative; height: 600px; overflow: hidden; display: flex;align-items: center; justify-content: center; }
.in-banner-img { position: absolute; left: 0px; top:0px;  width: 100%; height: 98%; z-index: -1; overflow: hidden; }
.in-banner-img img { height: calc(100% + 70px); object-position: center right; }
.in-banner-cont .wavetop { background: url("../images/wave-white.svg") repeat-x; bottom: -10px; }

.overlayedbanner .in-banner-img:before { content: ""; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.25); }

.banner-text .page-title { font-size: 100px; color:#fff; }
.banner-text .page-title.black { color:#000; }
.bredcrump { display: flex; }
.bredcrump li img { width: 10px; height: auto; transform: rotate(-90deg); filter: brightness(0) invert(0.7); margin-left: 8px }
.bredcrump li, .bredcrump li a{ color:#c5c4c4; font-size: 14px; font-family: 'Gopher'; font-weight: 400; transition: all 0.3s  }
.bredcrump.black li, .bredcrump.black li a { color:#000000; flex: 0 0 auto; }
.bredcrump.black li a:hover { color:#B9C493; }
.bredcrump.black.bredcrump li img { filter: brightness(0) invert(0); }
.bredcrump li { margin-right: 8px; }
.bredcrump li a:hover { color:#fff; }
.banner-flower-top { position: absolute; right: -50px; top: 250px; width: 130px; height:auto; z-index: 1 }
.banner-flower-bottom { position: absolute; left: -20px; bottom:50px; width: 130px; height:auto;z-index: 1 }
.banner-flower-top img , .banner-flower-bottom img { width: 100%; height: auto }

.about-img { text-align: center; }
.about-img .about-img-grp { width: 330px; position: relative; display: inline-block; }
.about-img-flower { position: absolute; bottom:20px; left: 50%; transform: translateX(-50%); width: 320px; z-index: -1 }
.f1 { color:#000; font-family: 'baskerville-old-face'; font-weight: 400; font-size: 26px }
.about-text .title { margin-bottom: 40px; text-align: left; }
.about-text .subtitle { text-align: left; }
.founder-img { width: 300px; }

.founder-msg-sec { background: #F5D99A; position: relative; margin: 110px 0px; padding: 50px 0px }
.founder-msg-sec .founder-text { text-align: center; }
.founder-msg-sec .founder-text .title { text-align: center; margin-bottom: 40px; }
.founder-msg-sec .founder-text p { color:#000; text-align: center; }
.founder-msg-sec .sign-bx { padding-top: 20px }
.founder-msg-sec .sign-bx img { width: 150px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.founder-msg-sec .sign-bx .founder-name { font-size: 22px; color:#000;  font-family: 'Gopher'; }
.founder-msg-sec .sign-bx .designation { font-size: 18px; color:#000;  font-family: 'Gopher'; }

.founderimg { width: 95%; position:relative; height:95%; overflow: hidden; margin: auto }
.founderimg svg { width: 100%; }
.shape-img{ width: 100%; height:100%; object-fit: cover!important;object-position: center;  }

.match-product-sec .product-text p { font-family: 'baskerville-old-face'; }
.match-product-sec .product-text .title , .match-product-sec .product-text .subtitle{ text-align: left; }
.match-product-sec .product-text .title { margin-bottom: 40px }
.match-product-sec .product-img { width: 490px; margin-left: auto; height: 100%; }
.match-product-sec .product-img .shape-img { width: 100%; height: 100%; object-fit: cover; object-position: center;  }
.match-product-sec .product-img svg { width: 100%; }

.benefit-sec { position: relative; background: #FCF1D5; padding: 180px 0px 150px 0px }
.benifit-bx { display: block; text-align: center; padding: 0px 40px; }
.benifit-bx .ben-title { font-size: 28px;  font-family: 'Gopher'; margin-bottom: 15px; color:#000; }
.benifit-bx .img-icon { width: 130px; margin-bottom: 30px}
.benifit-bx .img-icon img { width: 100%; }
.benifit-bx p:last-child { margin-bottom: 0px; }

.benifit-bg-bottom { width: 100%; position: absolute; left: 0px; bottom: -10px; height: auto; z-index: 0; }
.benifit-bg-bottom  img { width: 100%; }

.benifit-bg-top { width: 100%; position: absolute; left: 0px; top: -5px; height: auto; z-index: 0; }
.benifit-bg-top  img { width: 100%; }

/*SHOP PAGE */
.shop-banner.in-banner-cont { height: 570px; }
.shop-banner.in-banner-cont .banner-text { margin-bottom: 00px; }
.shop--description { padding-top: 40px; }
.shop--description--div p:last-child { margin-bottom: 0px; }
.shop-cont { padding: 40px 0px 80px 0px }
.filter-title { font-size: 20px; color:#000; font-family: 'Gopher'; font-weight: 500; text-transform: uppercase; margin-bottom: 20px }

.form-check { margin-bottom: 15px; }
.form-check .form-check-label { color: #666666; font-size: 18px; font-family: 'baskerville-old-face'; cursor: pointer; text-transform: none; }
.form-check-input[type=checkbox] { width: 19px; height: 19px; border:1px solid #A6A6A6; box-shadow: none; border-radius: 2px; margin-right: 15px }
.form-check-input:checked { background: #000; border-color: #000 }

.product-cont { display: flex; width: 100%; flex-direction: column; }
.product-cont .pro-img { width: 100%; height: 300px; border-radius: 20px; overflow: hidden; transition: all 0.4s; margin-bottom: 20px; border: 1px solid #e5e5e5 }
.product-cont .pro-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.4s; }
.product-cont:hover .pro-img img { transform: scale(1.05); }
.product-cont .product-text { display: flex; justify-content: space-between; }
.cart-btns { display: flex; align-items: center; margin-right: 2px; margin-left: 15px;  }
.cart-btns li a img { width: 20px; }
.cart-btns li { margin-left: 15px }

.heart { cursor: pointer; transition: fill 0.3s ease; fill: none;  }
.heart path { transition: fill 0.3s ease;  }

.heart.filled { fill: #37371d; }
.heart.filled path { stroke: #37371d }

.product-cont .product-text .product-title {  font-size: 18px; font-family: 'Gopher'; color:#000; line-height: 1.2; margin-bottom: 5px }
.product-cont .product-text .pro-price {  font-size: 16px; font-family: 'Gopher'; color:#000; margin-bottom: 0px; transition: all 0.3s }
.product-cont:hover .product-text .pro-price , .product-cont:hover .product-text .product-title{ color:#565617; }
.product-container .row { --bs-gutter-y:50px; --bs-gutter-x:40px; }

.shop-cont .line { width: 100%; height: 1px; background: rgba(0,0,0,0.10); margin-top: 100px; margin-bottom: 20px; }
.page-no { margin-bottom: 0px; font-family: 'Gopher'; }
.page-no, .page-no .number { color:#666666; font-size: 16px; font-weight: 300; font-family: 'Gopher'; }
.page-no .number { margin-left: 2px; margin-right: 2px; }
 
.pagination { display: flex; align-items: center; justify-content: flex-end; } 
.pagination li { margin-right: 2px; margin-left: 2px; }
.pagination li.no a { width: 32px; height: 32px; font-size: 16px; transition: all 0.4s; color:#666666; display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.pagination li.no a:hover , .pagination li.no a.active { background: #000; color:#fff; } 
.pagination li.btn a , .pagination li.dot{ font-size: 16px; color:#666666; }
.pagination li.btn.prev a img{ width: 10px; margin-right: 25px; }
.pagination li.btn a { transition: all 0.3s; display: flex; align-items: center; }
.pagination li.btn:hover a{ opacity: 0.8 }

/*PRODUCT DETAIL*/
.in-banner-cont.small-banner { height: 500px; }
.in-banner-cont.small-banner .banner-text { margin-bottom: 20px }

.product-description-cont { padding: 70px 0px }
.product-image-container .gallery-top { background: #f2f2f2; border-radius: 20px; height: 540px; margin-bottom: 20px;  }
.gallery-top .swiper-slide { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.gallery-top .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.gallery-thumbs .swiper-slide { aspect-ratio: 1.1; background-color: #f2f2f2; border-radius: 16px; overflow: hidden; opacity: 0.4; cursor: pointer; }
.gallery-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

.gallery-thumbs { padding: 0px 30px }
.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next { margin-top: 0px; width: 20px; height: 100%; background: #fff;  display: flex; align-items: center; justify-content: center; top:0px; }
.gallery-thumbs .swiper-button-prev img, .gallery-thumbs .swiper-button-next img { filter: brightness(0) invert(0.2); transition: all 0.3s; width: 11px; }
.gallery-thumbs .swiper-button-prev { left: 0px }
.gallery-thumbs .swiper-button-next { right: 0px }
.gallery-thumbs .swiper-button-prev:hover img, .gallery-thumbs .swiper-button-next:hover img { filter: brightness(0) invert(0); }
.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next { border-radius: 0px; }

.gallery-top .swiper-slide { opacity: 0!important; transition: all 0.5s }
.gallery-top .swiper-slide.swiper-slide-active { opacity: 1!important; }

.product-description { padding-left: 30px; }
.product-description .name-grp { display: flex; justify-content: space-between; margin-bottom: 10px; }
.product-description .name-grp .name-cont .name { font-size: 72px; color:#000; margin-bottom: 0px; }
.product-description .name-grp .name-cont p { font-family: 'Gopher'; }
.product-description .name-grp .share-list img { width: 20px; height: auto; margin-top: 20px }
.product-description .price { color:#000; font-size: 20px; font-family: 'Gopher'; font-weight: 500;  }

.product-description .size-grp { display: flex; flex-flow: row wrap; align-items: center; padding: 25px 0px; margin: 25px 0px; border-top:1px solid rgba(0,0,0,0.10);  border-bottom:1px solid rgba(0,0,0,0.10); }
.product-description .size-grp li { font-size: 16px; font-family: 'Gopher'; font-weight: 300; color:#000; margin-right: 20px;  }
.product-description .size-grp li:last-child { margin-right: 0px; }
.product-description .size-grp li a { display: flex; padding: 13px 20px; font-size: 16px; line-height: 1; font-weight: 400; border-radius: 30px; border:1px solid ; color:#A6A6A6; color:#303030; transition: all 0.3s }
.product-description .size-grp li a:hover { background: var(--green-d); color:#fff; border-color: var(--green-d) } 
.product-description .decs-text { font-size: 20px; opacity: 0.8; }
.product-description .btn-grp { display: flex; gap: 20px; }
.product-description .btn-grp  a { flex: 1; }
.border-btn{ display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: 14px 30px; border-radius: 40px; border: 1px solid var(--green-d);  overflow: hidden; position: relative; transition: all 0.6s; }
.border-btn:hover { background: var(--green-d); color:#fff; }

.product-description .number {  border-radius: 30px; border:1px solid var(--green-d); display: inline-flex;align-items: center; height: 50px; margin-bottom: 30px; margin-top: 20px; }
.product-description .number .minus, .number .plus{ width:40px; height:100%; color:#808080; font-size: 22px; text-align: center; display: flex;align-items: center; justify-content: center; cursor: pointer; } 
.product-description .number input { width: 50px; height: 100%; font-size: 16px; font-family: 'Gopher'; font-weight: 600; text-align: center; border:none;  }
.simillar-product .title { font-size: 48px; }
.product-description table.variations { margin-bottom: 20px; }
.product-description .a2a_kit { padding-top: 20px; }

/*WISHLIST */
.wishlist-sec { padding: 30px 0px 30px 0px }
.in-banner-cont.no-banner { height: auto; padding: 200px 0px 50px 0px  }
.in-banner-cont.no-banner .banner-text { margin-bottom: 0px; }
.product-thump { display: flex;align-items: center; }
.product-thump .img-bx { width: 90px; height: 90px; border-radius: 10px; overflow: hidden; margin-right: 20px; background: #F5F5F5 }
table { width: 100%; }
.product-thump { font-size: 18px;  font-family: 'Gopher'; font-weight: 500; }
table .close-icon { width: 16px;padding: 10px; box-sizing: content-box; }
table tr td { padding: 25px 0px; }
table tr { border-bottom: 1px solid rgba(0,0,0,0.10) }
.wishlist-sec .btn-grp { display: inline-block;text-align: center; margin-top: 60px }
.wishlist-sec .btn-grp .button { width: 30%; }

/*MY CART*/
.cart-sec { padding-top: 40px; padding-bottom: 50px; }
.wishlist-list-list { background: #F5F5F5; padding: 0px 20px 40px 20px }
.wishlist-list-list .button3 { margin-top: 60px }
.button3 { font-size: 16px; font-family: 'Gopher'; display: inline-flex; align-items: center; color:#000; transition: all 0.4s }
.button3 .svg { margin-right: 10px; width: 17px; height: auto }
.button3:hover { color:var(--green-d); }

.subtitle3 { font-size: 56px; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.20); color:#000; }
.total-item-grp { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.total-item-grp span { font-size: 16px; text-transform: uppercase; font-family: 'Gopher'; }

.order-form .form-group .form-control { width: 100%; height: 50px; display: inline-flex; align-items: center; padding: 10px 15px; font-size: 16px; border-radius: 10px; border:1px solid #D9D9D9 ; }
.order-form .form-group label { font-size: 16px; color:#000; margin-bottom: 15px; text-transform: uppercase; font-family: 'Gopher'; }
.order-form ::placeholder { font-size: 16px; color:rgba(0,0,0,0.5); font-family: 'Gopher'; }

.order-form .form-group .input-group { width: 100%; height: 50px; padding: 10px 15px; font-family: 'Gopher';  border-radius: 10px; border:1px solid #D9D9D9 ; }
.order-form .form-group .input-group  .form-control { height: 100%; border: 0px; border-radius: 0px; padding: 0px; width: auto;  }
.order-form .form-group .input-group .input-group-text { background: transparent; border:0px; padding-right: 0px }
.order-form .form-group .input-group .input-group-text .svg, .order-form .form-group .input-group .input-group-text img { width: 17px; height: auto; }
.order-form .form-group { margin-bottom: 30px; }

.order-summary { padding-left: 20px }
.order-summary .price-bx { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0,0,0,0.20); padding-top: 30px; margin-top: 50px;  }
.order-summary .price-bx span { font-size: 16px; text-transform: uppercase; font-family: 'Gopher';  }
.order-summary .price-bx .price { font-family: 'Gopher'; font-size: 30px; color:#000; text-transform: none; display: flex; }
.order-summary .form-check { margin-top: 40px; margin-bottom: 40px }
.order-summary .form-check-input[type=checkbox] { margin-right: 0px }
.order-summary .form-check .form-check-label { font-size: 16px; color:#000; font-family: 'Gopher'; padding-left: 5px; }
.order-summary .form-check-label a { font-size: 16px; color:#4584FF; font-family: 'Gopher'; transition: all 0.4s; }
.order-summary .form-check-label a:hover { color:var(--green-d); }
.order-summary .button { width: 100%; }

/* Contcat page */
.contact-sec.homesec { padding: 90px 0px 70px 0px  }
.contact-sec { padding: 80px 0px 70px 0px }
.contact-sec .contact-text li { display: block; text-align: left; margin-bottom: 40px; }
.contact-sec .contact-text li:last-child { margin-bottom: 0px; }
.contact-sec .contact-text li span { font-size: 24px; color:#717073; display: block; margin-bottom: 10px }
.contact-sec .contact-text li a { font-size: 32px; color:#000; font-family: 'baskerville-old-face'; position: relative; }
.contact-sec .contact-text li a:before { content: ""; position: absolute; bottom: 0px; width: 0px; height: 1px; background: #000; left: 0px; transition: all 0.4s }
.contact-sec .contact-text li a:hover:before { width: 100%; } 
.contact-form .btn-grp { text-align: left; margin-top: 10px; }
.contact-form .form-group { margin-bottom: 50px; }
.contact-form .form-group ::placeholder { color:#717073; font-family: 'Gopher'; font-weight: 300; font-size: 16px;  }
.contact-form .contact-form  .form-group .form-control { padding: 15px 0px }

/* MACTHA RECEIPE */
.py-70 { padding-top: 70px; padding-bottom: 80px }
.match-receipe .receipe-row { --bs-gutter-x: 70px; --bs-gutter-y: 70px; }
.receipe-bx  {display: block; opacity: 0.5; transform: translateY(-40px); }
.receipe-bx .receipe-img {border-radius: 20px; aspect-ratio:1.6; overflow: hidden; width: 100%; margin-bottom: 30px; transition: all 0.3s}
.receipe-bx .receipe-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.3s }
.receipe-bx:hover .receipe-img { transform: scale(0.95); }
.receipe-bx:hover .receipe-img img{ transform: scale(1.1); }
.receipe-bx .matcha-text .receipe-title { font-size: 28px; color:#000; font-family: 'Gopher'; font-weight: 400; }
.receipe-bx .matcha-text p:last-child { margin-bottom: 0px }

.match-receipe .line { width: 100%; height: 1px; background: rgba(0,0,0,0.10); margin-top: 100px; margin-bottom: 20px; }
.match-receipe .page-no { text-align: center; }
.match-receipe .pagination { justify-content: center; }

  /* Match recepe detail */
.match-receipe-detail .title { margin-bottom: 50px }
.match-receipe-detail  .img-bx { width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 60px; }
.match-receipe-detail .img-bx:empty { margin-bottom: 0px;}
.match-receipe-detail  .img-bx img { width: 100%; }
.match-receipe-detail .title { text-align: left; }
.receipe-detail-l { padding-right: 30px; position: relative; height: 100% }
.receipe-detail-l:after { content: ""; position: absolute; right: -15px; height: 100%; top:0px; width: 1px; background: rgba(0,0,0,0.20) }
.receipe-detail-r { padding-left: 30px }
.receipe-detail-l p { font-size: 22px; line-height: 1.5; text-align: justify; }

.receipe-detail-r .receipe-subtitle { font-size: 24px; color:#000; font-family: 'Gopher'; font-weight: 400; margin-bottom: 20px; }
.receipe-detail-r ul li { font-size: 22px; font-family: 'baskerville-old-face'; color:#000; margin-bottom: 12px; }

.receipe-info { margin-top: 40px }
.receipe-info .row { margin-bottom: 60px; }
.receipe-info .step-row { padding: 20px 35px; border-radius: 9999px; background: #f3f5ec; margin-bottom: 40px; }

.receipe-info  .step { font-size: 24px; font-family: 'Gopher'; font-weight: 400; margin-bottom: 0px; color:#000;  }
.receipe-info .step-desc p { margin-bottom: 20px; font-size: 22px; }
.receipe-info .step-desc p:last-child { margin-bottom: 0px; }
.receipe-info .row:last-child {margin-bottom: 0px }

/*BLOG */
.blog-page .blog-row { --bs-gutter-x: 70px; --bs-gutter-y: 70px; }
.blog-bx  {display: block; opacity: 0.5; transform: translateY(-40px); }
.blog-bx .blog-img {border-radius: 20px; aspect-ratio:1.6; overflow: hidden; width: 100%; margin-bottom: 30px; transition: all 0.3s}
.blog-bx .blog-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.3s }
.blog-bx:hover .blog-img { transform: scale(0.95); }
.blog-bx:hover .blog-img img{ transform: scale(1.1); }
.blog-bx .blog-text .blog-title { font-size: 28px; color:#000; font-family: 'Gopher'; font-weight: 400; }
.blog-bx .blog-text .date { color:#808080; font-size: 16px; margin-bottom: 15px }
.blog-bx .blog-text p:last-child { margin-bottom: 0px }
.banner-text.blog-text .page-title { font-size: 75px; }
.blog-detail .wp-block-image { border-radius: 20px; overflow: hidden; }
.blog-detail .wp-block-heading { color: #000; }
.blog-detail .wp-block-image.size-full { aspect-ratio: 2; }
.blog-detail .wp-block-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.blog-page .line { width: 100%; height: 1px; background: rgba(0,0,0,0.10); margin-top: 100px; margin-bottom: 20px; }
.blog-page .page-no { text-align: center; }
.blog-page .pagination { justify-content: center; }

/*BLOG DETAIL */
.blog-detail.py-70  {padding-bottom: 40px}
.blog-detail .blog-text .p1 { font-size: 30px; }
.blog-detail p, .blog-detail p strong { font-size: 22px; font-family: 'baskerville-old-face'; }
.blog-detail ul, .blog-detail ol { padding-left: 20px; }
.blog-detail ul li, .blog-detail ol li { color: #000; font-size: 22px; margin-bottom: 15px; list-style-type: disc; list-style-position: outside; font-family: 'baskerville-old-face'; }
.blog-detail ul li strong, .blog-detail ol li strong { font-size: 22px; font-family: 'baskerville-old-face'; }
.blog-detail ul li a, .blog-detail ul li a em, .blog-detail ol li a, .blog-detail ol li a em, .blog-detail a, .blog-detail em { font-family: 'baskerville-old-face'; }
.blog-detail strong { font-weight: 500; }
.blog-detail ul li:last-child, .blog-detail ol li:last-child { margin-bottom: 30px; }
.blog-detail hr { margin: 35px 0px!important; }
.blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6 { margin-bottom: 20px; font-size: 30px; margin-top: 5px; }
.blog-detail figure { margin: 10px 0px 30px; }


.blog-detail .publish-text { color:#808080; font-size: 16px; margin-bottom: 20px;  }
.blog-detail .title { margin-bottom: 45px; text-align: left; }
.blog-detail .img-bx { width: 100%; height: auto; border-radius: 20px; overflow: hidden; margin: 50px 0px }
.blog-detail .blog-detail-row2 { margin: 40px 0px }
.blog-detail .blog-detail-row2 .img-bx { margin: 0px; }

.blog-detail .btn-grp { display: flex; justify-content: space-between; margin-top: 60px }
.blog-detail .btn-grp .border-button { display: inline-flex; }
.blog-detail .btn-grp .prev-btn .svg { width: 15px; transform: rotate(90deg); margin-right: 3px; }
.blog-detail .btn-grp .next-btn .svg { width: 15px; transform: rotate(-90deg); margin-left: 3px; }
svg path { transition: all 0.3s }
.blog-detail .btn-grp .border-button:hover svg path { stroke: #ffffff } 
.blog-detail .social { margin-top: 50px }
.blog-detail .social li { color:#000; font-weight: 500; }


/*SIGN IN PAGE*/
.sign-in-sec { padding: 50px 0px 30px 0px }
.sign-in-sec .subtitle3 { padding-bottom: 0px; border-bottom: 0px; margin-bottom: 60px; text-transform: uppercase; }
.sign-in-sec .subtitle3 .small-text { color:#000; font-size: 16px;  font-family: 'Gopher'; font-weight: 400; display: block; text-transform: none; } 
.detail-form label { color:#000; text-transform:uppercase;  margin-bottom: 15px; font-size: 16px;  font-family: 'Gopher'; font-weight: 400; }
.detail-form label span { color:#FF0000; margin-left: 1px; }
.detail-form .form-control { height: 50px; border:1px solid #D9D9D9; font-size: 16px; display: flex; align-items: center; padding: 10px 20px; font-family: 'Gopher'; font-weight: 400; }
.detail-form .form-control:focus { border:1px solid #37371d; }
.forgot-psw { font-size: 16px; color:#4584FF; }
.detail-form .form-check .form-check-label { font-family: 'Gopher'; font-weight: 500; color:#000; font-size: 16px; margin-bottom: 0px }
.detail-form .form-control::-webkit-input-placeholder {  font-family: 'Gopher';  }

.forgot-psw-cont { display: flex; justify-content: space-between; }
.or-group { display:block; text-align: center; overflow: hidden; margin: 50px 0px }
.or-group span { display: inline-block; text-transform: uppercase;  font-size: 18px; color:#000;  position: relative; padding: 0px 10px}
.or-group span:before { content: ""; position: absolute; left: 100%; top:50%; transform: translateY(-50%); width: 1000px; height: 1px;  background: rgba(0,0,0,0.5)} 
.or-group span:after { content: ""; position: absolute; right: 100%; top:50%; transform: translateY(-50%); width: 1000px; height: 1px;  background: rgba(0,0,0,0.5)} 

.sign-in-sec .detail-form .button { display: block; width: 100%; margin-top: 20px; }
.sign-in-sec .detail-form .button span { text-transform: uppercase; }

.sign-in-sec .sign-in-form { position: relative; height: 100%;  }
.sign-in-sec .crete-account-bx { padding-right: 100px }
.sign-in-sec .sign-in-bx { padding-left: 100px; position: relative; }
.sign-in-sec .sign-in-bx:after { content: ""; position: absolute; left: -15px; width: 1px; height: 100%; top:0px; background: rgba(0,0,0,0.20) }

.login-btn { display: flex; justify-content: space-between; }
.login-btn li { width: 48% }
.login-btn li a { display: flex; align-items: center; justify-content: center; border-radius: 10px; padding: 15px 20px; text-align: center; color:#fff; transition: all 0.3s; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;  }
.login-btn li a .svg { height: 20px; width: auto; margin-right: 10px; }

.login-btn li a.facebook-login { background: #1877F2; border:1px solid transparent; }
.login-btn li:hover a.facebook-login { background: #0049a7 }
.login-btn li a.google-login { background: transparent; color:#000; border:1px solid #000; }
.login-btn li:hover a.google-login { border:1px solid #ea4335; }


/*CHECKOUT PAGE*/
.checkout-cont { padding-top: 30px; padding-bottom: 50px }
.checkout-cont .subtitle3 { padding-bottom: 0px; border-bottom: 0px; text-align: center; margin-bottom: 50px; text-transform: uppercase; }

/*Steps*/
.step-tab-items {position: relative; display:flex; align-items:flex-start; margin-bottom:55px; justify-content:center; }
.step-tab-items .step-item{ width: 33.33%; text-align: center; display: flex; flex-direction: column;  }

.step-tab-items .step-item span br{ display: none }
.step-tab-items .step-item .step-no {position:relative; list-style:none; width: 62px; height: 62px; margin-left: auto; margin-right: auto; margin-bottom: 25px; background: #D9D9D9; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; font-size: 20px; cursor: pointer; }
.step-tab-items .step-item span{ font-size: 16px; color:#000;  transition: all 0.3s }
.step-tab-items .step-item.active .step-no { color:#fff; background: #37371D}
.step-tab-items .step-item .step-no:before{ content: ""; position: absolute; left: 100%; top:50%; transform: translateY(-50%); background:#BBBDBF; height: 1px; width: 330px;  }
.step-tab-items .step-item:last-child .step-no:before{ display: none }
.step-tab-items .step-item span{ color:#000; font-weight: 300; text-transform: uppercase; font-size: 18px; }
.step-tab-items .step-item.active .step-no:before , .step-tab-items .step-item.active .step-no:after{ background: #37371D; height: 2px }
.step-tabs .step-tab {display: none; }
.step-tabs .step-tab.active {display: block; }
.step-tab-items{ padding-bottom: 40px; border-bottom: 1px solid #000  }
.step-title{ display: none }

/* form */
.select-wrapper { position: relative; }
.select-wrapper .svg { width: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.step-tab-items input[type=number] { border:1px solid transparent; }

textarea.form-control{ height: 100px!important; width: 100%!important }
.textarea-grp .label-float label { top:20px; }
.contact-form .form-group { margin-bottom: 35px }
.spacer-l{ padding-right: 50px; position: relative;  }
.spacer-l:before{ content: ""; position: absolute; top:50%; transform: translateY(-50%); right: 0px; height: 99%; width: 1px; background:#BBBDBF  }
.spacer-r{ padding-left: 50px }
.form-submit { margin-top: 30px; display: flex; align-items: center; }
.form-submit.review-order-button { margin-top: 50px; text-align: center; }
.form-submit.review-order-button .button { margin-left: 5px; margin-right: 5px; }
.form-submit .form-check{ margin-left: 20px; display: flex; margin-bottom: 0px; }
.form-submit .form-check label{ font-size: 16px; color:#535353; font-weight: 400; margin-left: 0px }

/* review order section */
.review-order-bx table thead th{ font-size: 16px; color:#535353; font-weight: 400; padding: 0px 10px 20px 10px; text-align: center; }
.review-order-bx table thead th:first-child { text-align: left; }
.review-order-bx table thead th:last-child { text-align: right; }
.review-order-bx table tr td:last-child { text-align: right; }
.review-order-bx table tr{ border-bottom:1px solid rgba(0,0,0,0.20); }
.review-order-bx table tr td{ vertical-align: middle; padding: 20px 10px; text-align: center; }
.review-order-bx table tr td:first-child{ padding-left: 0px}
.review-order-bx table tr td .product-thump .size { font-size: 15px; color: #535353; display: block; margin-top: 4px; }
.review-order-bx table tr td .product-thump p { font-size: 20px;  font-family: 'Gopher'; font-weight: 500; text-align: left; margin-bottom: 0px }
.subtotal-grp p { display: flex; justify-content: space-between;  font-family: 'Gopher'; font-weight: 400; color:#535353; }
.subtotal-grp { padding: 25px 25px; }
.subtotal-grp  .sub-total , .subtotal-grp  .sub-total span , .subtotal-grp .total , .subtotal-grp .total span { text-transform: uppercase; color:#000; font-weight: 500 }
.review-order-bx table{ width: 100% }
.review-order-bx .subtotal-grp{ border:0px; }

.price-total{ border-bottom:1px dotted rgba(0,0,0,0.20); }
.total span small{ font-size: 12px; margin-left: 5px }
.total{ margin-top: 25px }
.subtotal-grp .total{ margin-bottom: 0px }

/* payment option section */
.checkout-list { display:block; min-height: 330px }
.payment-option .checkout-list {min-height: 330px }
.checkout-list>li { position: relative; display: inline-block; border-radius:10px; vertical-align: top; padding: 0px;  width: 46%; margin-right: 3%;  border:1px solid rgba( 0,0,0,0.20); }
.checkout-list>li:after { content: ""; position: absolute; width: 1px; height: 100%; background: rgba( 0,0,0,0.20); right: -38px; top:0px;  }
.checkout-list>li:last-child{ margin-left: 3%; text-align: right; margin-right: 0px }
.checkout-list>li:last-child:after { display: none  }
.checkout-list>li.active:last-child a{ border-bottom: 0px }
.checkout-list>li.active a{ border-bottom:1px solid rgba(83, 83, 83, 0.3)  }
.checkout-list>li a {padding: 15px 15px ; display: flex;justify-content: space-between;  width: 100%; font-size: 16px; font-weight: 600;  line-height: 1.4; position: relative; color:#000 }
.checkout-list>li .text-box { display: none; font-size: 16px; padding: 15px 15px}
.checkout-list>li a .pay-logo{ display: flex; align-items: center; }
.checkout-list>li a .pay-logo li{ display: inline-block; height: 20px; margin-left: 20px }
.checkout-list>li a .pay-option span{ border-radius: 50%; width: 14px; display: block; height: 14px; border:1px solid #535353; margin-right: 20px; position: relative; }
.checkout-list>li a .pay-option { font-weight: 600; font-size: 16px; }
.checkout-list>li a .pay-option span:before{ content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 6px; height: 6px; border-radius: 50%; background:#37371d; transition: all 0.3s; opacity: 0 }
.checkout-list>li.active a .pay-option span:before{ opacity: 1 }
.checkout-list>li.active a .pay-option span{ background: #D9D9D9 }
.checkout-list>li a .pay-option{ display: flex; align-items: center; justify-content: flex-start; }
.checkout-list>li .form-group .label-float{ position: relative; }
.checkout-list>li .form-group{ margin-bottom: 15px }
.form-submit.review-order-button.last-step{ margin-top: 30px }

/*404 ERROR*/
.error-container { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; padding-top: 100px }
.error-container .error-bx .error-title span { color:#000; font-family: 'baskerville-old-face'; font-size: 350px; margin:0px 10px; line-height: 1;  }
.error-container .error-bx .error-title { display: flex; align-items: center; margin-bottom: 50px; justify-content: center; }
.error-container .error-bx .error-title .error-img { width: 350px; margin-top: -80px }
.error-container .error-bx .subtitle { font-size:48px; font-family: 'baskerville-old-face'; color:#000; margin-bottom: 15px; letter-spacing: 0px }
.error-container .error-bx p { font-size: 24px; }
.error-container .error-bx .button { margin-top: 20px }

/* TERMS PPAGE  */
.info-pages .subtitle3 { padding-bottom: 0px; border-bottom: 0px; margin-bottom: 50px; text-align: center; }
.info-pages{ padding: 20px 0px 40px 0px }
.info-pages p , .info-pages p span { font-family: 'Gopher';}
.text-grp{ margin-bottom: 40px }
.text-grp .decr-title{ font-size: 24px; font-weight: 400; color:#000; margin-bottom: 20px ; text-transform: uppercase; letter-spacing: 0.6}
.text-grp ul.list li{ display: block; list-style-type: disc; list-style-position: outside; padding-left: 15px; margin-bottom: 10px; font-size: 16px; position: relative; font-family: 'Gopher'; font-weight: 400; }
.text-grp ul.list li:before{ content: ""; position: absolute; top:8px; left: 0px; width: 6px; height: 6px; border-radius: 50%; background: #000 }
.text-grp p a{ font-weight: 500; transition: all 0.3s; font-family: 'Gopher'; font-weight: 400; font-size: 16px; }
.text-grp p { font-family: 'Gopher'; font-weight: 400; color:#333; font-size: 16px; }
.text-grp p a:hover{ color:#535353; }

/* MY PROFILE */
.my-profile { padding: 30px 0 80px 0px; }
.my-profile .nav .nav-link { text-align: left; color: rgb(var(--black) / 100%); width: 100%; display: block; border-radius: 0; padding: 15px 30px;  transition: var(--all-medium); margin-bottom: 10px; }
.my-profile .nav .nav-link.active { color: rgb(var(--white) / 100%); background: #37371d; }
.my-profile .tab-pane .subtitle3, .my-profile .subtitle3 { margin-bottom: 30px; font-size: 40px; color:#000; text-transform: uppercase; padding-bottom: 0px; border-bottom: 0px; }
.my-profile .tab-pane p a { text-transform: capitalize; font-size: 16px; font-weight: 300; letter-spacing: 0; font-family: 'baskerville-old-face';  }
.link::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 1px; background: rgb(var(--black) / 100%); transition: var(--all-medium); }

.my-profile .order-history-list { display: flex; flex-flow: column wrap; margin-bottom: 20px; margin-top: 40px }
.my-profile .order-history-list li { width: 100%; padding: 25px 0; border-bottom: 1px solid rgb(var(--black) / 10%); }
.my-profile .order-history-list li:first-child { padding-top: 0; }
.my-profile .order-history-list li .media { width: 100%; display: flex; flex-flow: row wrap; align-items: center; }
.my-profile .order-history-list li .media .media-img { width: 70px; aspect-ratio: 1; margin-right: 25px; border: 1px solid #EEEEEE; border-radius: 10px; overflow: hidden; }
.my-profile .order-history-list li .media .media-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.my-profile .order-history-list li .media .order-title-wrapper { flex: 1; margin-right: 15px; }
.my-profile .order-history-list li .media .title { font-size: 18px; font-weight: 400; font-family: 'Gopher';  font-weight: 500; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 1; text-align: left; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.my-profile .order-history-list li .media .title:hover { color:#000; } 
.my-profile .order-history-list li .media .order-id { font-size: 16px; font-weight: 400; color: rgb(var(--black) / 50%); }
.my-profile .order-history-list li .media .product-counter { width: 110px; display: flex; flex-flow: row wrap; align-items: center; }
.my-profile .order-history-list li .media .product-counter button { padding: 10px 5px; }
.my-profile .order-history-list li .media .product-counter button img { width: 10px; }
.my-profile .order-history-list li .media .product-counter input { flex: 1; width: auto; min-width: 10px; text-align: center; border: 1px solid #B1B1B1; border-radius: 5px; font-size: 16px; font-weight: 300; color: rgb(var(--black) / 100%); margin: 0 10px; padding: 5px 0; }
.my-profile .order-history-list li .media .price-value { font-size: 18px; font-weight: 400; width: 100px; margin: auto; margin-right: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.my-profile .order-history-list li .media .remove-from-bag { padding: 10px; }
.my-profile .order-history-list li .media .remove-from-bag img { width: 15px; }

.my-profile .address { border: 1px dashed rgb(var(--black) / 15%); padding: 30px; border-radius: 15px; }
.my-profile .address .link { font-size: 14px; }
.my-profile .address .h1 { color: rgb(var(--black) / 50%); font-size: 18px; text-transform: uppercase; font-family: 'Gopher'; font-weight: 400;  }
.my-profile .address .name { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;  font-family: 'Gopher'; }
.my-profile .address p { font-weight: 400; line-height: 1.5; font-family: 'Gopher'; font-size: 14px; }

.my-profile .dashboard .info { border: 1px dashed rgb(var(--black) / 15%); padding: 20px 30px; border-radius: 12px; margin-bottom: 20px; }
.my-profile .dashboard .label { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: rgb(var(--black) / 50%); border-bottom: 1px solid rgb(var(--black) / 15%); padding-bottom: 10px; margin-bottom: 20px; }
.my-profile .dashboard .title { font-size: 18px; color: rgb(var(--black) / 100%); text-align: left; margin-bottom: 0px; font-family: 'Gopher'; font-weight: 500; }

.my-profile .border-box { border: 1px dashed rgb(var(--black) / 15%); padding: 20px 30px; border-radius: 12px; margin-bottom: 30px; }
.my-profile .border-box .title { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: rgb(var(--black) / 50%); border-bottom: 1px solid rgb(var(--black) / 15%); padding-bottom: 10px; margin-bottom: 20px; }
.my-profile .form-check-label { text-transform: capitalize; }

.my-profile .account-detail .form-group { margin-bottom: 25px; }
.my-profile .account-detail .border-box { padding-bottom: 0px }
.my-profile .account-detail .border-box .title { text-align: left; font-family: 'Gopher'; font-weight: 500;  }

/* serch expand  */
.header-search-form .header-search-body { width: 0px; transition: all 0.4s; }
.header-search-form.active .header-search-body { width: 200px; margin-right: 10px; }
.header-search-form .header-search-body .is-form-style input.is-search-input { padding: 0px; }
.header-search-form.active .header-search-body .is-form-style input.is-search-input { padding: 0px 0px; }

/* notices */
.wpcf7-not-valid-tip { font-size: 14px!important; text-align: left; margin-top: 5px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { padding: 10px 15px!important; font-size: 14px!important; border-width: 1px!important; }

.wcgs-slider-image { aspect-ratio: 1.1; width: 100%; }
.wcgs-slider-image img { width: 100%; height: 100%!important; object-fit: cover; object-position: center; }
.wcgs-carousel { border-radius: 20px; overflow: hidden; }
.woocommerce-message { color:#000; margin-bottom: 20px; }
.woocommerce-message .button { margin-right: 10px; padding: 9px 22px; font-size: 14px; }
.woocommerce-message { background: #d4dbbe; padding: 15px 15px; border-radius: 5px; }
.woocommerce-NoticeGroup { background: #d4dbbe; padding: 15px 15px; border-radius: 5px; margin-bottom: 20px; }
.content-area .woocommerce-notices-wrapper .container { width: auto; max-width: 1320px; }
#wpgs-gallery .wcgs-thumb.swiper-slide-thumb-active.wcgs-thumb img { border: 1px solid #000000!important; border-radius: 10px!important; }
#wpgs-gallery .wcgs-thumb.swiper-slide img { border-width: 1px!important; }
#wpgs-gallery .gallery-navigation-carousel-wrapper { margin-top: 15px!important; }
.wcgs-thumb { margin-right: 15px!important; }
#wpgs-gallery .wcgs-thumb.swiper-slide img { border: 1px solid #f2f2f2!important; border-radius: 10px!important; }
.variations .label{ width: 60px !important; }
.simillar-product .product-cont .pro-img { text-align: center; display: flex; align-items: center; justify-content: center; }
.order-summary .price-bx .total-price-amount.price span, .order-summary .price-bx .total-price-amount.price bdi{ font-family: 'Gopher'; font-size: 20px; }
.product-quantity-cart .product-quantity .number { margin-top: 0px; margin-bottom: 0px; }
.cart .cart-quantity-wrapper { display: flex; align-items: center; }
.cart .product-quantity-cart { display: table-cell; }

.sub-total .woocommerce-Price-amount, .sub-total .woocommerce-Price-currencySymbol , .total .woocommerce-Price-amount, .total .woocommerce-Price-currencySymbol { font-weight: 400!important; }
.woocommerce-checkout-review-order .variation { text-align: left; margin-bottom: 0px!important; margin-left: 20px; }
.place-order p, .place-order p a { font-family: 'Gopher'; }
.woocommerce-terms-and-conditions-checkbox-text { margin-left: 7px!important; text-transform: none; }
.review-order-bx table tr td p { margin-bottom: 0px; }

.select2-container--default .select2-selection--single { border:1px solid #D9D9D9!important; border-radius: 0px!important; }
.subtotal-grp { padding: 20px 0px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px!important; font-weight: 400!important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px!important; }

.place-order .woocommerce-privacy-policy-text p a {color:#4584FF; }
.detail-form label { font-size: 14px; }
.product-container .woocommerce-notices-wrapper .container { max-width: 100%; width: 100%; padding: 0px; }
.sign-in-sec .show-password-input { display: none; }
.woocommerce-MyAccount-content .my-profile { padding-top: 0px!important; padding-bottom: 0px!important; }
.woocommerce-MyAccount-content .h1, .woocommerce-MyAccount-content .h2, .woocommerce-MyAccount-content .h3, .woocommerce-MyAccount-content .h4, .woocommerce-MyAccount-content .h5, .woocommerce-MyAccount-content .h6,
.woocommerce-MyAccount-content h1, .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h4, .woocommerce-MyAccount-content h5,
.woocommerce-MyAccount-content h6 { color:#000; text-transform: uppercase; }
.my-profile .subtitle3 { margin-bottom: 30px; padding-bottom: 0px; }
.woocommerce-MyAccount-orders tr th, .woocommerce-table--order-details th { padding: 10px 12px; }
.woocommerce-MyAccount-orders tr td, .woocommerce-table--order-details tr td { padding-left: 10px; padding-right: 10px; font-size: 16px; }
.woocommerce-MyAccount-orders tr td .button { padding: 7px 15px; margin: 5px 2px; font-size: 14px; }

.woocommerce-table--order-details tr td .product-thump { width: 70px; border-radius: 10px; aspect-ratio: 1; overflow: hidden; }
.woocommerce-table--order-details tr td .product-thump .img-box {  width: 100%; }
.woocommerce-table--order-details tr td .product-thump .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.woocommerce-table--order-details tr td li { color:#000; }
.woocommerce-table--order-details tr td li p:last-child { margin-bottom: 0px; }
.woocommerce-order-details .subtotal-grp .sub-total { font-size:16px; text-align: left; }
.woocommerce-order-details .subtotal-grp .sub-total span { text-align: right; font-weight: 400; }
.woocommerce-table--order-details tr td  a { font-weight: 500; }
address, address p, address p a, address a { font-size: 16px; font-family: 'Gopher'; }
address p { margin-bottom: 5px!important; }
address .woocommerce-customer-details--phone { margin-top: 10px; }
.woocommerce-MyAccount-content .woocommerce-customer-details { padding-top: 20px; }
.wishlist-empty{ text-align:center; font-size:25px; margin-bottom: 0px; }
.empty-wishlist .title { display: none; }
.wishlist-sec.empty-wishlist .btn-grp { margin-top: 40px; }
.wishlist-sec.empty-wishlist .btn-grp .button { width: auto; }

.cart-sec.empty-cart .wishlist-sec .btn-grp { margin-top: 40px; }
.cart-sec.empty-cart .wishlist-sec .btn-grp .button { width: auto; }

.container .woocommerce-notices-wrapper .container { padding-left: 0px!important; padding-right: 0px!important; }
.woocommerce-thankyou-order-received { padding: 15px 15px; border: 1px dashed #000; font-size: 22px; font-weight: 500; margin-bottom: 30px; font-family: 'Gopher'; }
.woocommerce-order-overview { display: flex; justify-content: space-between; }
.woocommerce-order-overview li strong { display: block; }
.woocommerce-order-overview li.total { margin-top: 0px; }
.woocommerce-order-overview li strong, .woocommerce-order-overview li.total .woocommerce-Price-currencySymbol, .woocommerce-order-overview li.total .woocommerce-Price-amount, .woocommerce-order-overview li.total .woocommerce-Price-amount bdi { font-weight: 600!important; }
.woocommerce-order-overview { margin-bottom: 20px; }
.woocommerce-order .woocommerce-customer-details { margin-top: 30px; }
.woocommerce-thankyou-order-received { font-size: 18px; }

.checkout-cont .woocommerce-order .woocommerce-order-details { display: flex; flex-wrap: wrap; }
.checkout-cont .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title { flex: 1 1 100%; }
.checkout-cont .woocommerce-order .woocommerce-order-details  table.woocommerce-table--order-details , .checkout-cont .woocommerce-order .woocommerce-order-details .price-total { flex: 1 1 50%; }
.checkout-cont .woocommerce-order .woocommerce-customer-details .woocommerce-columns .woocommerce-column { width: 30%!important; background: #f9f9f9; margin-right: 30px; padding: 20px 20px; border-radius: 10px;  }
.checkout-cont .woocommerce-order .woocommerce-order-details { margin-top: 30px; border-top: 1px solid rgba(0,0,0,0.10); padding-top: 30px; }

.product-quantity-cart button img { width: 10px; }
#wpgs-gallery .wcgs-lightbox .sp_wgs-lightbox { display: none!important; }
.wcgs-photo:hover { cursor: pointer; }

.wpml-ls-legacy-list-horizontal .wpml-ls-flag { transition: all 0.4s; }
.woocommerce-MyAccount-content .shop_table.order_details th:last-child, .woocommerce-MyAccount-content .shop_table.order_details tr td:last-child { text-align: right; }

.wp-block-image .alignright , .wp-block-image .alignleft { border-radius: 20px!important; margin: 10px 0px 30px 0px!important; float: none!important; overflow: hidden; }

.grecaptcha-badge { display: none !important; }








/* additional css */


.header-grp {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: none !important;
}
h3.samed-font {
    font-family: 'Gopher' !important;
    font-size: 22px;
    font-weight: 500;
}
ul.tabs.wc-tabs li.active {
    background-color: #B9C493 !important;
}
ul.tabs.wc-tabs li.active a {
    color: #000 !important;
}
h3.samed-font a {
    font-family: 'Gopher' !important;
    font-size: 22px;
    font-weight: 500;
}
p.form-submit input#submit {
    background-color: #37371d !important;
    border: 1px solid #cfc8d8;
    padding: 15px 20px 15px 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
}
textarea#comment {
    height: 100px;
}
input#author {
    height: 35px;
    border: 2px solid #000;
}
div#tab-custom_review_tab h2 {
    font-family: 'Gopher' !important;
    font-size: 28px;
    font-weight: 600;
}
input#email {
    height: 35px;
    border: 2px solid #000;
}
li.prd {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    font-family: 'baskerville-old-face';
}
span.woocommerce-Price-amount.amount {
    font-family: 'Gopher' !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}
.product-description .name-grp .name-cont .name {
    font-family: 'Gopher' !important;
    font-size: 28px;
    font-weight: 600;
}
.mo-optin-form-description.moElegance_description {
    font-family: baskerville-old-face !important;
}
h2.mo-optin-form-headline.moElegance_header {
    font-family: baskerville-old-face !important;
}
em {
    font-family: baskerville-old-face !important;
    font-size: 18px;
}
.blog-leaf img {
  transition: 0.1s !important;
}
.header-grp.active .header {
    padding: 30px 0;
    background: #fff;
box-shadow: 10px 0px 5px 1px #888888;
}
.ScrollSmoother-content {
  padding-top: 120px; /* Adjust to match your header height */
}
section#banner-space {
    margin-top: unset;
}
form.cart h1, h2, h3, h4, h5, h6, li {
    color: #000 !important;
}
.header-grp.active {
	 transform: unset !important;
    box-sizing: border-box;
    width: 100%;
    overflow: unset !important;
}
.ScrollSmoother-wrapper{
	position: unset !important;
}
p.woocommerce-store-notice.demo_store {
    display: none !important;
}
div#reviews ol.commentlist img {
    width: 5%;
}
h4.offer-title {
    color: #fff !important;
}
a.variaty-list-bx{
	opacity: unset !important;
  transform: unset !important;
}
span.design-text {
    display: none;
}
a.benifit-bx{
	opacity: unset !important;
  transform: unset !important;
}
a.receipe-bx{
	opacity: unset !important;
}
.blog-bx{
	opacity: unset !important;
}
.gallery-navigation-carousel .wcgs-thumb img {
    transition: all .1s !important;
}
ul.tabs.wc-tabs {
text-align: center;
border: 1px solid #cfc8d8;
 width: 15%;
 margin-top: 30px !important;
 margin-bottom: 30px !important;
 margin: auto;
  border-radius: 10px 10px 0px 0px;
display: flex !important;
text-align: center;
width: 11%;
}
ul.tabs.wc-tabs li {
    padding: 14px 15px 15px 20px;
    border-radius: 10px 0px 0px 0px !important;
    background-color: #37371d !important;
}
.custom_review_tab_tab.active {
    background-color: red;
}
ul.tabs.wc-tabs li.active {
    padding: 15px 20px;
}
li#tab-title-custom_review_tab {
padding: 15px 25px 15px 25px;
border-radius: 0px 10px 0px 0px !important;
}
ul.tabs.wc-tabs li a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
h2.wb_cptb_title {
    display: none !important;
}
@media only screen and (max-width: 1000px) {
 .banner .banner-img-footer2 {
        width: 320px;
        left: 51px;
}
.banner .banner-img-footer2 img {
    width: 66%;
    height: auto;
}
@media only screen and (max-width: 767px) {
.banner .banner-img-footer2 img {
    width: 66%;
    height: auto;
}
.banner .banner-img-footer2 {
        width: 200px;
        left: 51px;
    }

.banner .banner-img-footer2 img {
            width: 66%;
            height: auto;
            left: -53px;
            position: relative;
            top: 20px;     
}
ul.tabs.wc-tabs {
    text-align: center;
   border: 1px solid #cfc8d8;
    width: 35%;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin: auto;
}
li.prd {
    font-weight: 300;
    letter-spacing: 0.2px;
    font-family: 'baskerville-old-face';
    font-size: 18px !important;
}
p{
    font-size: 18px !important;
 font-family: 'baskerville-old-face' !important;
}
p strong{
    font-size: 18px !important;
 font-weight:600;
}
h3.samedd-font {
    font-family: 'Gopher' !important;
    font-size: 24px;
    font-weight: 600;
}
h3.samedd-font a {
    font-family: 'Gopher' !important;
    font-size: 24px;
    font-weight: 600;
}
 ul.tabs.wc-tabs {
text-align: center;
border: 1px solid #cfc8d8;
 width: 35%;
 margin-top: 30px !important;
 margin-bottom: 30px !important;
 margin: auto;
  border-radius: 10px 10px 0px 0px;
        }
li#tab-title-wb_cptb_1 {
    padding: 14px;
            text-align: center;
            padding-top: 15px !important;
}
	}