/**
*	Theme Name: Celvive Peptides
*	Theme URI:
*	Author: Qasim Khan
*	Author URI: 
*	Description: Custom theme
*	Version: 1.0
*	Text Domain:  stdezign 
**/
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Exo+2:400,500,600";

   rel="preconnect"
        href="https://fonts.googleapis.com"
        crossorigin>

@font-face {
  font-family: 'Cera Pro Light';
  src: url("CeraPro-Light.eot");
  src: url("CeraPro-Light.eot?#iefix") format("embedded-opentype"), url("CeraPro-Light.woff2") format("woff2"), url("CeraPro-Light.woff") format("woff"), url("CeraPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* line 13, sass/style.scss */
body::-webkit-scrollbar {
  width: 5px;
}

/* line 16, sass/style.scss */
body::-webkit-scrollbar-thumb {
  background: #000000;
  outline: #000000 solid 1px;
}

/* line 21, sass/style.scss */
a,
a:hover {
  text-decoration: none !important;
}

/* line 26, sass/style.scss */
p {
  margin: 0 0 20px;
}

/* line 30, sass/style.scss */
img {
  height: auto;
  max-width: 100%;
}

/* line 34, sass/style.scss */
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: 0 !important;
}

/* line 41, sass/style.scss */
input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
}

/* line 45, sass/style.scss */
.searchform {
  position: relative;
}

/* line 48, sass/style.scss */
.searchform input {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 14px 20px;
  width: 100%;
}

/* line 54, sass/style.scss */
.searchform button {
  border: 0px;
  background-color: transparent;
  font-size: 24px;
  position: absolute;
  top: 5px;
  right: 10px;
}

/* line 62, sass/style.scss */
ul.nav-menu,
div.nav-menu > ul {
  margin: 0;
  padding: 0;
}

/* .nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #ffffff;
    } */
/* line 76, sass/style.scss */
.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #e35a28;
  border: 0px;
  border-top: 0;
  padding: 0;
  position: absolute;
  left: -2px;
  z-index: 99999;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 91, sass/style.scss */
ul.sub-menu li {
  margin: 0px;
}

/* line 95, sass/style.scss */
ul.sub-menu li a {
  color: #ffffff !important;
  padding: 15px;
  text-align: left;
}

/* line 101, sass/style.scss */
ul.sub-menu li a:hover {
  background: #000;
}

/* line 105, sass/style.scss */
.nav-menu .sub-menu ul,
.nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0;
}

/* line 112, sass/style.scss */
ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #ffffff;
  margin: 0;
  width: 200px;
}

/* line 119, sass/style.scss */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
  background-color: #db572f;
}

/* line 126, sass/style.scss */
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
}

/* line 136, sass/style.scss */
.closebtn,
.openmenu,
.menuToggle,
.mobilesubmenu {
  display: none;
}

@media (max-width: 1170px) {
	
	div#navbar {
    background-color: #2C3D7C !important;
}
	
	ul.sub-menu.open-submenu li {
    background-color: #1a244c;
}
	
	
  /* line 2, sass/_screen.scss */
  #menuToggle {
    display: flex;
    flex-direction: column;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999;
    margin-right: 20px;
    cursor: pointer;
  }

  .ul.sub-menu li:last-child a {
  padding: 0 !important;
  }

ul.sub-menu.open-submenu li {
    padding: 9px 0 9px 15px;
}

.site-header {
     /* position: unset !important;  */
    width: 100%;
    z-index: 999;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
	padding-top: 20px;
}

  ul.sub-menu.open-submenu a {
    padding: 0 !important;
}
	


  /* line 13, sass/_screen.scss */
  #menuToggle input {
    width: 32px !important;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    top: -6px;
  }

  /* line 22, sass/_screen.scss */
  .mob-icons ul {
    margin: 0;
  }

  /* line 26, sass/_screen.scss */
  #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #67645e;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }

  .home   #menuToggle span {
    background: #fff;
  }

  /* line 41, sass/_screen.scss */
.menuToggle.open {
    position: absolute;
    top: -55px !important;
    right: -10px !important;
}

  /* line 46, sass/_screen.scss */
  .mob-icons {
    display: flex;
    align-items: center;
  }

  /* line 50, sass/_screen.scss */
  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  /* line 55, sass/_screen.scss */
  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
    margin: 0;
  }

  /* line 60, sass/_screen.scss */
  #menuToggle.open span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #ffffff;
  }

  /* line 66, sass/_screen.scss */
  #menuToggle.open span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  /* line 72, sass/_screen.scss */
  #menuToggle.open span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }

  /* line 76, sass/_screen.scss */
  ul.nav-menu li ul.sub-menu,
  ul.nav-menu li:hover ul.sub-menu {
    display: none !important;
  }

  /* line 80, sass/_screen.scss */
ul.nav-menu li.open ul.sub-menu, ul.nav-menu li.open:hover ul.sub-menu {
    display: block !important;
    margin-top: 23px;
}

  /* line 84, sass/_screen.scss */
  ul.sub-menu.open-submenu {
    display: block !Important;
    background-color: rgba(72, 72, 72, 0.85) !important;
    top: 0 !important;
  }

  /* line 89, sass/_screen.scss */
  .mobilesubmenu.open {
    background-color: rgba(72, 72, 72, 0.85) !important;
  }

  /* line 92, sass/_screen.scss */
  ul.sub-menu {
    display: none !Important;
    position: relative !Important;
    top: -100% !Important;
  }

  /* line 97, sass/_screen.scss */
  .mobilesubmenu i {
    position: relative;
    top: 13px;
    right: 18px;
  }

  /* line 102, sass/_screen.scss */
.nav-bar li {
    display: block;
    margin: 0;
    width: 100%;
    top: 0;
    /* overflow: hidden; */
    position: relative;
}

  /* line 109, sass/_screen.scss */
.mobilesubmenu {
    display: block;
    position: absolute;
    top: -10px;
    cursor: pointer;
    color: #ffffff;
    right: 0;
    z-index: 9999;
    border-left: 1px solid #717171;
    padding-left: 36px;
    height: 50px;
}

  /* line 121, sass/_screen.scss */
  .nav-menu .sub-menu, .nav-menu .children {
    width: 100%;
  }

  /* line 124, sass/_screen.scss */
  ul.sub-menu li {
    display: block;
  }

  /* line 127, sass/_screen.scss */
  ul.sub-menu,
  .open-submenu {
    transition: all 1s;
  }

  /* line 131, sass/_screen.scss */
  .openmenu {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    color: #333333;
  }

  /* line 137, sass/_screen.scss */
  .nav-bar.open {
    right: 0;
  }

  /* line 140, sass/_screen.scss */
  .nav-menu li a {
    color: #000;
    padding: 15px 0;
  }

  /* line 144, sass/_screen.scss */
  ul.sub-menu li:last-child {
    border: 0px !Important;
  }

  /* line 147, sass/_screen.scss */
  ul.sub-menu li a {
    color: #ffffff !Important;
    font-weight: 600;
  }

  /* line 151, sass/_screen.scss */
  ul.sub-menu li {
    margin: 0px;
  }

  /* line 154, sass/_screen.scss */
  ul.sub-menu li:last-child a {
    text-align: left;
    color: #ffffff !Important;
    padding: 15px;
  }

  /* line 159, sass/_screen.scss */
  .nav-menu li:last-child {
    border: 0px !Important;
  }

  /* line 162, sass/_screen.scss */
  .nav-menu li:last-child a,
  .nav-menu .sub-menu, .nav-menu .children {
    left: 0;
    width: 100% !important;
  }

  /* line 167, sass/_screen.scss */
.nav-bar {
    background-color: #333333;
    height: 100%;
    position: fixed;
    top: 0;
    right: -108%;
    padding: 15px;
    padding-top: 60px;
    transition: all 0.3s;
    width: 100%;
    text-align: left;
    z-index: 999;
}


body.no-scroll {
  overflow: hidden;
  height: 100vh;
  touch-action: none;
}


  /* line 180, sass/_screen.scss */
  .closebtn {
    display: block;
    position: absolute;
    top: -55px;
    font-size: 20px;
    right: 0;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 20px;
  }
}






.home .is-sticky .site-logo svg text {
    fill: #67645e;
}

.site-logo svg {
    width: 250px;
}

 .home .site-header {
      position: absolute;
}

.site-header {
    width: 100%;
    z-index: 2;
    padding: 0 32px;
}

.home .site-header {
    width: 95.5%;
}

body {
  padding: 15px 43.2px 43.2px ;
}

.header-icon ul {
    justify-content: end;
}

.annousment-bar {
    text-align: center;
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    min-height: 2.5rem;
    color: #67645e;
    background-color: #f1f0ed;
    padding: .625rem .9375rem;
    display: flex;
    margin-bottom: 20px;
}

.annousment-bar h3 {
    color: #67645e;
    text-transform: uppercase;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-size: .75rem;
    font-weight: 700;
    line-height: .875rem;
}

.site-logo {
    margin: auto;
	text-align: center;
    height: 69px;	
}


.site-header ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 40px;
    margin: 0;
}

.site-header .row {
    align-items: center;
}

.site-logo img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    max-width: 260px;
}


.site-header a, .fly-cart-btn, .site-header button  {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    TEXT-TRANSFORM: UPPERCASE;
}

.site-header button {
  background-color: transparent;
  border: unset;
}

.card.fly-cart-btn {
    border: unset;
    background-color: transparent;
}

.site-header {
    background-color: #f1f0ed;
    border-radius: 12px 12px 0 0;
}

.site-header a, .site-header button, .card.fly-cart-btn {
  color: #67645e !important;
}

 .home .site-header a, .home .site-header button, .home .card.fly-cart-btn  {
  color: #fff !important;
}


.home .site-header {
    background-color: transparent;
}

/* banner css  */

.hero-banner {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 100% 58%;
    padding: 22% 0;
    position: relative;
    border-radius: 12px;
}

.hero-banner  .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 32px;
}

  .hero-banner h1 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 14px;
}


.site-btn a {
    text-transform: uppercase;
    color: #fff;
    font-size: 19px;
    border-radius: 100px;
    border: 1px solid #fff;
    padding: 5px 29px;
}

div#woofc-count {
    display: none !important;
}

 .hero-banner  .site-btn {
    margin-top: 27px;
}



/* collection css  */

.custom-collection .prd-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.custom-collection .prd-img img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
}

.custom-collection .prd-img img.hover-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.custom-collection .product:hover .prd-img img.hover-img {
	opacity: 1;
}

.custom-collection .product:hover .prd-img img.first-img {
	opacity: 0;
}


.custom-collection .product {
    position: relative;
}

 .custom-collection  .prd-content {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
     padding: 1.75rem; 
}

.custom-collection  .prd-top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

 .custom-collection .text {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}

 .custom-collection h4 {
    font-size: 4vw;
    color: #67645e;
    font-weight: 700;
}

.custom-collection {
    padding: 50px 0;
    position: relative;
}

.custom-collection-slide {
  margin-right: 0;
}


.custom-collection-slide .slick-slide {
  padding: 0 12px;
  box-sizing: border-box;
}

.custom-collection-slide .slick-track {
  display: flex;
}
  

.custom-collection-slide  h3 {
    text-transform: uppercase;
    color: #67645e !important;
    font-size: 24px;
    margin: 0;
}

.custom-collection-slide  h3 a {
    color: #67645e !important;
    text-decoration: none;
}

.custom-collection-slide  p {
    color: #67645e !important;
    margin: 0;
    font-size: 21px;
}


 .prd-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-collection-slide  span {
    text-transform: uppercase;
    color: #67645e !important;
    font-size: 24px;
    margin: 0;
    font-weight: 600;
}

.custom-buy-btn {
    text-transform: uppercase;
    font-size: 17px !important;
    text-align: center;
    border-radius: 100px;
    background-color: #fff;
    padding: 9px 0;
}

.custom-buy-btn span {
   font-size: 17px !important;
}



.custom-buy-btn {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all 0.3s linear;
    cursor: pointer;
    position: relative;
    z-index: 5;
}

.product:hover .custom-buy-btn:hover {
  background-color: #2C3D7C;
     transition: all 0.3s linear;
     color: #fff; 
}

 .custom-buy-btn:hover  span {
    color: #fff !important;
    transition: all 0.3s linear;
}


 .product:hover .prd-bottom {
     opacity: 0;
    visibility: hidden;
    display: none;
   transition: all 0.3s linear; 
 }

  .product:hover .custom-buy-btn {
     opacity: 1;
    visibility: visible;
    display: block;
    transition: all 0.3s linear;
 }
 

.custom-collection .product a {
    width: 100%;
    position: absolute;
    cursor: pointer;
    height: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.slicks-button {
    display: flex;
    justify-content: space-between;
    width: 97%;
    align-items: center;
    position: absolute;
    padding: 0 11px;
    top: 0;
    bottom: 0;
}

.slicks-button button {
    border: unset;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.slicks-button button:hover{
	background-color: #2C3D7C;
}

.slicks-button button:hover i {
		color: #fff;
}

.custom-collection .slick-slider {
    z-index: 1;
    padding: 0;
}

/* mod banner css  */

.mod-banner {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 19% 0;
    border-radius: 10px;
}

.mod-banner h2 {
    font-size: 32px;
    color: #2C3D7C !important;
}

.mod-banner  p {
    font-size: 21px;
      color: #2C3D7C;
    line-height: 150%;
    margin: 30px auto;
    max-width: 924px;
}


.mod-banner a {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    background-color: #2C3D7C; 
    padding: 6px 26px;
    display: inline-block;
      transition: all 0.2s linear; 
    border-radius: 100px;
}

.mod-banner a:hover {
    color: #fff !important;
    background-color: #2C3D7C;
    transition: all 0.2s linear;
}



/* half image half product css  */
/* 
.half-img-half-product .img {
    position: relative;
    height: 100%;
	    background-color: #D2CAC8;
    padding-bottom: 5.1%;
} */

 .half-img-half-product .col {
     padding: 0;
}

.col.half-img  .slick-list.draggable {
    height: 100%;
}

.half-img-half-product .row {
    gap: 14px;
}

.half-img-half-product p {
    color: #444 !important;
}

  .col.half-img  .slick-track {
    height: 100%;
}

.col.half-img  .text-content {
    padding: 30px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    background-color: #D2CAC8;
    border-radius: 10px;
}

/* .half-img-half-product .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.half-image-slide {
    height: 100%;
}

.half-img-half-product {
  padding: 60px 0;
}
.half-img-half-product img {
    object-fit: cover;
    width: 100%;
}

 .half-img-half-product .prd {
     position: relative;
  }

.half-img-half-product .col {
    width: 49% !important;
    position: relative;
}


 .half-img-half-product .prd-content {
    position: absolute;
    bottom: 0;
    padding: 35px;
}


.half-img-half-product  .product-counter {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 35px;
    font-size: 45px;
    font-weight: 700;
    color: #67645e;
    display: flex;
}

.half-img-half-product  h3 {
    text-transform: uppercase;
    font-size: 24px;
    color: #67645e;
    font-weight: 700;
    margin: 0;
}

    .half-img-half-product p.short-description {
    margin: 0;
    font-size: 24px;
    color: #67645e;
}

   .half-img-half-product  .prd-content a {
    text-transform: uppercase;
    border: 1px solid #67645e;
    border-radius: 100px;
    display: inline-block;
    margin-top: 13px;
    padding: 7px 23px;
}


.half-product-slide {
  position: relative;
}

 .half-product-slide a.added_to_cart.wc-forward {
    display: none;
}

 .half-img-half-product img {
    border-radius: 10px;
}


.half-img-half-product .slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    top: 739px;
    display: none !important;
}

   .half-img-half-product .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: black;
}

   .half-img-half-product .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    background-color: #fff;
    height: 12px;
    content: '•';
    border-radius: 100px;
    text-align: center;
    opacity: 0.65;
    color: transparent !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.right-prd-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    padding: 35px;
    left: 0;
    height: 100%;
}

  .slick-slider {
    z-index: 1;
  }


.right-prd-btn button {
    border: unset;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.right-prd-btn button:hover {
	background-color: #2C3D7C;
}

.right-prd-btn button:hover i {
	color: #fff;
}

.ajax_add_to_cart.mobile {
  display: none !important;
}


/* img with text css  */

.img-with-text  .content {
    background-color: #F1F0ED;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
}

  .img-with-text .col {
    flex: 1 0 0%;
    padding: 0;
}

.img-with-text .row {
    gap: 14px;
}

.img-with-text img {
    border-radius: 10px;
}

 .img-with-text  h2 {
    font-size: 48px;
    color: #67645E;
}

  .img-with-text  p {
    font-size: 21px;
    max-width: 31vw;
    line-height: 150%;
}


  .img-with-text a {
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    border: 1px solid #67645E;
    border-radius: 100px;
    padding: 4px 36px;
    display: inline-block;
}

/* image  with bar slide css  */

.image-slide-with-bar {
    padding: 50px 0;
    background-color: #D2CAC8;
    margin-top: 50px;
    border-radius: 10px;
}

.image-slide-with-bar  .image-slide-row {
    display: flex;
    padding-left: 29px;
}


 .image-slide-with-bar .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 29px;
}

.image-slide-with-bar  .site-btn a {
    color: #67645e;
    border: 1px solid #67645e;
}


.image-slide-row .col {
  padding-right: 20px;
}

.image-slide-row img {
  width: 100%;
  display: block;
}

.image-slide-row {
  overflow: hidden;
}

/* Progress Bar */
.slide-bar {
  margin-top: 30px;
}

.bar-with-arrow {
  position: relative;
}

.bar {
  height: 4px;
  width: 100%;
  background: #e5e5e5;
  position: relative;
  overflow: hidden;
}

.bar::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #67645e;
  transition: width 0.3s ease;
}

.arrow {
  margin-top: 10px;
}

.bar-with-arrow {
    display: flex;
    align-items: center;
    gap: 33px;
}

  .bar-arrow {
    display: flex;
    gap: 18px;
}

 .bar-with-arrow button {
    border: unset;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.bar-with-arrow button:hover {
	background-color: #2C3D7C;
}

.bar-with-arrow button:hover i {
	color: #fff;
}



.bar-with-arrow span {
    background-color: #2C3D7C !important;
}


.image-slide-with-bar img {
    border-radius: 10px;
}

.image-slide-with-bar .site-btn.mobile {
  display: none !important;
}

.image-slide-with-bar h3 {
    font-size: 48px;
    color: #67645e;
    font-weight: 700;
    text-transform: capitalize;
}



/* tabbed section css  */

.tabbed .main-img img {
    border-radius: 10px;
}

.tabbed .col {
    padding: 0;
}

.tabbed .row {
    gap: 14px;
}

.tabbed .main-content {
    height: 100%;
    background-color: #F1F0ED;
    border-radius: 10px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.tabbed {
    margin-top: 2.25vw;
}

 .tabbed .heading {
    transition: all 0.3s linear;
  }

 .tabbed  p {
    font-size: 25px;
    line-height: 119%;
    font-weight: 600;
    color: #67645E;
}

 .tabbed   a {
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    border-radius: 100px;
    border: 1px solid #67645E;
    display: inline-block;
    padding: 4px 23px;
}

  .tabbed   ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.tabbed  h4 {
    font-size: 27px;
    color: #67645e;
    opacity: 0.7;
    font-weight: 700;
    transition: all 0.3s linear;
    text-transform: capitalize;
}
.tabbed  li {
    padding: 16px 0;
    border-top: 1px solid #67645E;
    cursor: pointer;
}

.tabbed  li.active h4 {
    opacity: 1;
	color: #2C3D7C;
    transition: all 0.3s linear;
}

.main-content {
  position: relative;
}

 .tabbed  .main-content .heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
    padding: 32px;
}

 .tabbed  .main-content .heading.active {
  opacity: 1;
  pointer-events: auto;
}



/* footer css  */


  .site-footer {
    background-color: #F1F0ED;
    padding: 40px 0 0;
    margin-top: 40px;
    border-radius: 10px;
}


.footer-bottom {
    text-align: center;
    padding: 24px 0;
    border-top: 1px solid #67645E;
}


 .site-footer .container {
  padding: 0;
 }

  .site-footer .footer-logo {
    padding: 0 40px;
}

.site-footer .footer-mid-content {
    border-top: 1px solid #67645E;
    margin-top: 30px;
}
   .site-footer .subscribe-content {
    padding: 40px;
}


.site-footer a, .site-footer p {
    font-size: 18px;
    color: #67645E;
    position: relative;
    font-weight: 400;
}

 .site-footer .subscribe p {
    display: flex;
}

.site-footer  .subscribe input {
    border: unset;
    padding: 10px;
    border-radius: 10px  0 0 10px;
}

 .site-footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #fff;
    border-radius: 0 10px 10px 0px;
    border-left: 1px solid #67645E;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 25px;
     transition: all 0.3s linear; 
}

 .site-footer input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
   background-color: #2C3D7C;
    color: #fff;
    transition: all 0.3s linear;
}


.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: absolute;
    margin-bottom: 20px !important;
}

  .footer-custom-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-custom-menu {
    display: flex;
}


.footer-custom-menu .footer-menu {
    width: 33%;
}

.site-footer .row {
    align-items: baseline;
}

.footer-info {
    padding: 40px;
    border-left: 1px solid;
}



.footer-custom-menu label {
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 21px;
    color: #67645E;
    font-weight: 700;
}

.footer-custom-menu li {
    margin-bottom: 1.5rem;
}





/* search  */

#search-drawer {
    position: fixed;
    top: 19%;
    right: 0;
    display: none;
    width: 700px;
    left: 0;
    background: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    transition: right 0.3s ease;
    z-index: 9999;
    padding: 53px 20px 20px 20px;
    overflow-y: auto;
    margin: auto;
}

.searchwp-live-search-result {
    align-items: center;
}


.searchwp-live-search-result a {
    color: #333333;
}

#search-drawer.open {
    display: block;
}



#search-drawer button.close {
    position: absolute;
    top: 10px;
    right: 20px;
    border: unset;
    background-color: transparent;
    color: #000 !important;
}

.account.mbl {
  display: none;
}



input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    width: 100%;
}


  .site-footer .col-5 {
    width: 40%;
}


 .site-footer .col-7 {
    width: 60%;
}




/* ------------------------------
   VIP WooCommerce Dashboard UI
   ------------------------------ */

/* Wrapper */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 30px;
    padding: 40px 0;
}

/* Sidebar */
.woocommerce-MyAccount-navigation {
    width: 260px;
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    position: sticky;
    top: 30px;
}

/* Sidebar menu */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 12px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    background: #f7f7f7;
    border-radius: 10px;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    transition: 0.25s;
}

/* Hover effect */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #2C3D7C;
    color: #fff !important;
}

/* Active link */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #2C3D7C;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Content area */
.woocommerce-MyAccount-content {
    flex: 1;
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* Headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* Buttons */
.woocommerce-button,
.button,
.woocommerce a.button {
    background: #2C3D7C !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: 0.25s;
	text-transform: uppercase;
}

.woocommerce-button:hover,
.button:hover,
.woocommerce a.button:hover {
    background: #2C3D7C !important;
}

/* Orders table */
.woocommerce table.shop_table {
    border-radius: 10px;
    overflow: hidden;
    border: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #07B8AB !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
   background-color: #07B8AB !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
      background-color: #07B8AB !important;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: 15px 20px;
    border: 0;
}

.woocommerce table.shop_table tr:nth-child(even) {
    background: #fafafa;
}

/* Address boxes */
.woocommerce-Address {
    background: #fafafa;
    padding: 25px;
    border-radius: 14px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: #07B8AB;
    color: #000;
}

td.wc-block-cart-item__product a {
    color: #000;
}


/* product page css  */

.summary.entry-summary {
    width: 50%;
}

.product-images-wrapper {
    width: 50%;
    position: relative;
}


 .st_single_pro.sec-padd .product {
    display: flex;
    justify-content: space-between;
}

.product-thumbnails {
    display: flex;
}

.main-product-image img {
    width: 100%;
    object-fit: cover;
}


.summary.entry-summary {
    background-color: #F1F0EF;
    border-radius: 15px;
    padding: 28px;
}


.st_single_pro.sec-padd .product-images-wrapper {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
}


 .st_single_pro.sec-padd .thumbnail-slider {
    margin-top: 20px;
}


.summary.entry-summary h1 {
    font-size: 40px;
    color: #67645E;
    text-transform: capitalize;
}

.product-full-description h2 {
    font-size: 25px;
}

nav.woocommerce-breadcrumb {
    display: none;
}


.st_single_pro.sec-padd .container {
    padding: 0;
}

.product-images-wrapper img {
    border-radius: 15px;
}

.woocommerce-notices-wrapper {
    margin-top: 35px;
}

.woocommerce div.product div.summary {
    margin-bottom: 0 !important;
}


.product-full-description p {
    font-size: 16px;
    color: #67645e;
}

.woocommerce-variation.single_variation {
    display: none !important;
}

.woocommerce-notices-wrapper {
    display: none !important;
}

.st_single_pro.sec-padd {
    margin-top: 30px;
}

/* product page css end  */


/* Quantity wrapper */

 .st_single_pro .quantity {
  display: flex;
  align-items: center;
  max-width: 120px; /* width adjust karo */
  margin-top: 10px;
}

/* Input box */
 .st_single_pro .quantity input.qty {
  text-align: center;
   border: unset !important;
}

.st_single_pro .quantity {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 3px;
    font-size: 20px;
    background-color: #fff;
}

/* Buttons */
  .st_single_pro .quantity .plus,
  .st_single_pro .quantity .minus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

/* Chrome, Safari, Edge */
.st_single_pro .quantity input[type=number]::-webkit-inner-spin-button,
.st_single_pro .quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.st_single_pro .quantity input[type=number] {
  -moz-appearance: textfield;
}


.st_single_pro .quantity {
  display: flex;
  align-items: center;
}

.st_single_pro .quantity input.qty {
  width: 60px;
  text-align: center;
}

.st_single_pro .qty-btn {
    width: 34px;
    height: 34px;
    border: unset;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
}

 .spb-wrapper  .left {
    justify-content: end;
}


.spb-wrapper .row {
    align-items: center;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    width: 100%;
    margin-top: 28px;
    text-transform: uppercase;
    padding: 19px 0 !important;
}


.custom-product-summary .price {
    color: #000 !important;
    margin-top: 16px;
}

.single_add_to_cart_button .price {
    color: #fff !important;
}

.accordion-button {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    color: #444444 !important;
    background-color: #F1F0EF !important;
}

.accordion-body h3, .accordion-body p {
    color: #444444 !important;
    font-size: 18px;
}

.accordion-button.collapsed {
    border-radius: 10px !important;
}

.accordion-button {
	   border-radius: 10px 10px 0 0 !important;
}

.accordion-item {
    border: unset !important;
}

.faq-bottom>div {
    background-color: #F1F0EF !important;
}


.accordion-body {
    border-radius: 0 0 10px 10px;
}

.accordion-body {
 background-color: #F1F0EF !important;
}

.accordion-button:not(.collapsed) {
    color: #6d6e70 !important;
    background-color: #F1F0EF !important;
    box-shadow: unset !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: unset !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: transparent !important;
    transform: var(--bs-accordion-btn-icon-transform);
    color: #000 !important;
}

.accordion-body p {
    font-size: 20px;
}

.woocommerce div.product div.summary {
    margin-bottom: 0 !important;
    height: 829px;
    overflow-y: scroll;
}


.accordion-body .Button-container a {
    color: #000;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 100px;
    display: inline-block;
    padding: 5px 18px;
}


/* Wrapper spacing (optional) */
.variations select,
select#pa_nad-mg {
  width: 100%;
  max-width: 100%;
  padding: 14px 45px 14px 16px;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  background-color: #fff;

  border: 1.5px solid #dcdcdc;
  border-radius: 10px;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  cursor: pointer;
  transition: all 0.25s ease;
}

/* Custom arrow */
.variations select,
select#pa_nad-mg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23111' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
}

/* Hover */
.variations select:hover,
select#pa_nad-mg:hover {
  border-color: #000;
}

/* Focus */
.variations select:focus,
select#pa_nad-mg:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.08);
}

/* Disabled / empty state */
.variations select option[value=""] {
  color: #999;
}

/* Mobile friendly */
@media (max-width: 768px) {
  .variations select,
  select#pa_nad-mg {
    font-size: 14px;
    padding: 12px 40px 12px 14px;
  }
}


.variations select:focus, select#pa_nad-mg:focus {
    outline: none;
    border-color: transparent !important;
    box-shadow: transparent !important;
}


.awi .row {
    align-items: center;
}

.awi {
    padding: 32px;
    background-color: #F1F0ED;
    border-radius: 15px;
    margin-top: 2.25vw;
}


.awi img {
    border-radius: 15px;
}


h1, h2, h3, h4, h5, h6, a, span, li, strong, p {
      letter-spacing: .02em;
}


.awi .heading h2 {
    font-size: 48px;
    color: #67645e;
    font-weight: 600;
    max-width: 595px;
}

.awi .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    display: none;
}


.awi .accordion-button {
    justify-content: space-between;
} 


.plus-minus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #4F6A46;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
}


/* hwsi section css  */


.hwsi-slide-image img {
  width: 100%;
  height: auto;
  display: block;
}

.hwsi-heading-item {
  cursor: pointer;
  transition: all 0.2s ease;
}

.hwsi-heading-item h3 {
    margin: 0;
    opacity: 0.5;
    transition: all 0.2s ease;
    -webkit-text-stroke: 1px #67645e;
    font-weight: 700;
}

.hwsi-heading-item.active h3,
.hwsi-heading-item:hover h3 {
  opacity: 1;
  transform: translateX(5px);
}


 .hwsi .col {
    width: 50%;
}

.hwsi .row {
    align-items: center;
}

.hwsi-slide-image {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
}

.hwsi-slide-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.hwsi {
    margin-top: 2.25vw;
}

.hwsi-heading-item {
    text-align: center;
}

.hwsi h3 {
    font-size: 70px;
}


 .hwsi .slick-list.draggable {
    display: flex;
    align-items: center;
}

.hwsi {
    background-color: #F1F0ED;
    border-radius: 15px;
}

.hwsi .row .col:first-child {
    padding: 0;
}

.hwsi img {
    border-radius: 15px 0 0 15px;
}

/* prd-banner-section css  */

.prd-banner-section {
    margin-top: 2.25vw;
    padding: 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 55%;
    border-radius: 15px;
    position: relative;
}

.prd-banner-section .heading {
    position: absolute;
    top: 26px;
    left: 26px;
}

.prd-banner-section h2 {
    color: #fff;
    font-size: 32px;
}

.prd-banner-section a {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 3px 20px;
    border-radius: 100px;
}

/* tsi css  */

 .tsi .slide-btn.mobile {
    display: none;
 }

.tsi {
  margin-top: 2.25vw;
}
 
.tsi h2 {
    font-size: 58px;
    font-weight: 700;
    color: #4f6a46;
}

.tsi-heading-item h3 {
    font-size: 21px;
    color: #67645e;
}

.tsi-headings h3 {
    font-size: 21px;
}

.tsi-headings ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 40px;
}



.tsi-headings li span, .tsi-headings li p {
    font-size: 21px;
}

.faq-accordion {
    margin-bottom: 50px;
}

.faq-accordion .accordion-item {
    margin-bottom: 14px;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    filter: brightness(0) !important;
}

a.post-edit-link {
    display: none;
}

h1.entry-title {
    margin: 40px 0;
}

.slide-btn {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    justify-content: space-around;
}

 .tsi .slide-text {
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.3s ease;
}

.slide-text h4 {
    margin: 0;
    font-size: 16px;
    color: #84827e;
}

.tsi .col {
    width: 50%;
}

 .tsi .tsi-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: 15px;
    background-color: #F1F0ED;
    height: 100%;
    padding: 32px;
}

 .tsi .slide-btn .slide-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 106px;
    border: 1px solid #84827e;
    border-radius: 100px;
    transition: all 0.2s linear;
}

  .tsi .slide-text.active {
    background-color: #4f6a46;
    color: #ffffff;
    transition: all 0.2s linear; 
    opacity: 1;
}

  .tsi  .slide-text.active h4 {
    color: #fff;
    font-weight: 700;
     transition: all 0.2s linear;
}

.tsi-flex ul {
    list-style: none;
    padding: 0;
    margin-top: 35px;
}

.tsi li {
    padding-top: 13px;
    border-top: 1px solid #84827e;
}

.tsi li span, .tsi li p {
    font-size: 19px;
    color: #67645e;
}

.tsi img {
    border-radius: 15px;
}

/* image with text css  */

.image-with-text {
    border-radius: 15px;
    margin-top: 2.25vw;
    position: relative;
    background-color: #F1F0ED;
}

.bg-design .row .col:last-child {
    padding: 0;
}

.bg-design img {
    border-radius: 0 15px 15px 0;
}


 .image-with-text  .image-width-text-content {
    padding: 35px;
    display: flex;
    justify-content: end;
    height: 100%;
    flex-direction: column;
}

.thumbnail-slider .slick-list.draggable .slick-track {
    display: flex;
    gap: 13px;
}

.image-with-text h2 {
    font-size: 48px;
    color: #67645e;
    font-weight: 500;
}


.image-with-text p {
    font-size: 21px;
    line-height: 24px;
}

.image-with-text-image {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 81%;
}


.image-with-text-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 .image-with-text-image .bg-design {
    position: relative;
}

.custom-design {
    width: 5% !important;
    background-color: #84827e;
    border-radius: 0 15px 15px 0;
    height: unset !important;
    position: absolute;
    right: 0;
    height: 100% !important;
}



.tsi .tsi-images {
    height: 100%;
}

 .tsi .slick-list.draggable {
    height: 100%;
}

  .tsi .slick-track {
    height: 100%;
}

.tsi .slick-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}




/* mega menu css  */


.mega-menu-catagery-tabs ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

.mega-menu-catagery-tabs li {
    cursor: pointer;
    padding: 10px 15px;
}

.mega-menu-catagery-tabs li.active {
    font-weight: bold;
    border-bottom: 2px solid #000;
}

.tab-content {
    display: none;
    margin-top: 20px;
    gap: 15px;
    flex-wrap: wrap;
}

.tab-content.active {
    display: flex;
}

.mega-product {
    width: 200px; /* adjust as needed */
    text-align: center;
}

.mega-product .prd-img img {
    width: 100%;
    height: auto;
}



/* catagery css  */

.peaches-picks.sec-padd {
    padding-top: 40px;
}


.peaches-picks.sec-padd .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}

/* filter css  */

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: " ";
    display: table;
    display: none;
}

/* Container & small layout box styling */
.filter-cov { margin-bottom: 18px; }
.filter-cov .row { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.sort-by select { padding:8px 10px; border-radius:6px; border:1px solid #ddd; min-width:180px; }

/* Product count & layout controls */
.product-count-layout-box {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: end;
}

.product-count { font-weight:600; font-size:14px; }

/* Layout buttons */
.layout-controls { display:flex; gap:8px; }
.layout-btn {
    border: unset !important;
  background:#fff;
  padding:6px 8px;
  border-radius:6px;
  cursor:pointer;
  min-width:44px;
  text-align:center;
  font-weight:700;
}


/* Grid behaviour for .products container */
/* Ensure your product list wrapper has class .products and each item has .product */
.products { display:grid; gap:18px; grid-template-columns: repeat(3,1fr); } /* default 3 */
.products.grid-2 { grid-template-columns: repeat(2,1fr); }
.products.grid-3 { grid-template-columns: repeat(3,1fr); }

/* Make sure product element fits nicely (override theme defaults safely) */
.products .product { display:block; }



.peaches-picks.sec-padd .heading-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    position: absolute;
    width: 100%;
    bottom: 11px;
}

 .peaches-picks.sec-padd .quantity {
    display: none !important;
}
 .peaches-picks.sec-padd th.label {
    display: none !important;
}

.peaches-picks.sec-padd  .prod-box {
    position: relative;
    overflow: hidden;
}

.peaches-picks.sec-padd  .prod-action {
    position: absolute;
    width: 100%;
    bottom: 16px;
    padding: 0 13px;
    transform: translateY(142%);
    transition: all 0.3s linear;
}

.peaches-picks.sec-padd .prod-box:hover .prod-action {
    transform: translateY(0%);
    transition: all 0.3s linear;
}

.peaches-picks.sec-padd .prod-box:hover .heading-content {
    opacity: 0;
   transition: all 0.3s linear; 
 }

form.woocommerce-ordering {
    display: none !important;
}

.woocommerce .woocommerce-result-count {
    margin: 0px 0 0em !important;
}

 table.variations {
    width: 100%;
}

  .peaches-picks.sec-padd button {
    width: 100%;
}

 .peaches-picks.sec-padd  a.reset_variations {
    display: none !important;
}

.peaches-picks.sec-padd img {
    border-radius: 10px;
}

 .peaches-picks.sec-padd  .heading-content h2,  .peaches-picks.sec-padd .heading-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #67645e;
}
 .peaches-picks.sec-padd  .prod-img {
    position: relative;
}







/* from cs  */


.custom-contact-form label {
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.custom-contact-form input,
.custom-contact-form textarea,
.custom-contact-form select {
  width: 100%;
  padding: 14px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  background: transparent;
}

.custom-contact-form span {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 13px;
  color: #777;
  pointer-events: none;
  transition: .3s;
  background: #fff;
  padding: 0 6px;
}

.custom-contact-form input:focus + span,
.custom-contact-form textarea:focus + span,
.custom-contact-form input:not(:placeholder-shown) + span,
.custom-contact-form textarea:not(:placeholder-shown) + span {
  top: -6px;
  font-size: 11px;
  color: #000;
}

.custom-contact-form textarea {
  min-height: 120px;
}

.custom-contact-form input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 14px;
  border: none;
  cursor: pointer;
  font-size: 15px;
}

.file-upload input {
  border: none;
}

/* contact us  */


/* Contact Form 7 Container */

 .contact-us .wpcf7-form {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    font-family: 'Arial', sans-serif;
}

.contact-us {
    background-color: #F1F0ED;
    border-radius: 15px;
    margin: 40px 0;
    padding: 30px 0;
}

/* Labels */
 .contact-us .wpcf7-form label {
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
}

/* Inputs, Select, Textarea */
 .contact-us .wpcf7-form input[type="text"],
 .contact-us .wpcf7-form input[type="email"],
 .contact-us .wpcf7-form select,
 .contact-us .wpcf7-form textarea,
 .contact-us .wpcf7-form input[type="file"] {
    width: 100%;
    padding: 12px 15px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.3s;
}

/* Focus Effect */
 .contact-us .wpcf7-form input:focus,
 .contact-us .wpcf7-form select:focus,
 .contact-us .wpcf7-form textarea:focus {
    border-color: #f39c12;
    box-shadow: 0 0 5px rgba(243,156,18,0.5);
    outline: none;
}

/* Submit Button */
 .contact-us .wpcf7-form input[type="submit"] {
    width: 100%;
    background: transparent !important;
    color: #000;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
     transition: all 0.2s linear; 
    border: 1px solid #000;
    text-transform: uppercase;
}

 .contact-us .wpcf7-form input[type="submit"]:hover {
    background-color: #67645E !important;
    color: #fff;
    transition: all 0.2s linear;
}

/* Submit Hover */
 .contact-us .wpcf7-form input[type="submit"]:hover {
    background: #e67e22;
}

/* File Upload */
 .contact-us .wpcf7-form input[type="file"] {
    padding: 5px;
}

a:hover {
    color: unset !important;
}

/* Responsive */
@media (max-width: 768px){
  .contact-us  .wpcf7-form {
        padding: 20px;
    }
}
.site-footer a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #000;
    left: 0;
    bottom: -5px;
    transition: all 0.3s linear;
}

.site-footer a:hover::after {
   width: 100%;
  transition: all 0.3s linear; 
}


/* header stiky css  */

/* Header base */
.site-header {
  position: relative;
  width: 100%;
  z-index: 999;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Sticky state */
.site-header.is-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #F1F0ED;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

/* Hide on scroll down */
.site-header.is-hidden {
  transform: translateY(-100%);
}

/* Show on scroll up */
.site-header.is-visible {
  transform: translateY(0);
}

/* Prevent layout jump */
body.has-sticky-header {
  padding-top: var(--header-height);
}

.site-header.is-sticky a, .site-header.is-sticky button, .site-header.is-sticky  .card.fly-cart-btn {
    color: #67645e !important;
}

 .home .site-header.is-sticky .site-logo img {
    filter: invert(38%) sepia(8%) saturate(350%) hue-rotate(355deg) brightness(85%) contrast(95%);
}
  

.nav-bar.open a {
    color: #fff !important;
}

.site-btn a, .Button-container a {
	transition: all 0.2s linear;
}

.site-btn a:hover, .Button-container:hover a {
	background-color:#2C3D7C;
	color: #fff !important;
	border: 1px solid #2C3D7C;
	transition: all 0.2s linear;
}

 .site-header.is-sticky #menuToggle span {
    background-color: #67645e;
}


.layout-controls button {
    border: 1px solid #ccc !important;
    border-radius: 0;
    width: unset !important;
}



.collection-banner img {
    width: 100%;
    object-fit: cover;
}

.collection-banner .container {
    padding: 0;
}

.collection-banner .banner-image {
    position: relative;
}

 .collection-banner .banner-text p {
    color: #fff;
    font-size: 32px;
}

 .collection-banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* catagery css  */


.all-catagery {
    margin: 30px 0;
}

.category-list {
    display: flex;
    gap: 7px;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;

    /* Hide scrollbar */
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE / Edge */
}

.category-list::-webkit-scrollbar {
    display: none;                /* Chrome, Safari */
}


 .category-list li {
    flex: 0 0 20%;
}

.category-list li a {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.category-list li.active a,
.category-list li a:hover {
    background: #000;
    color: #fff;
}


.nav-menu .sub-menu, .nav-menu .children {
    background-color: #e35a28;
    border: 0px;
    border-top: 0;
    padding: 0;
    display: none !important;
    position: absolute;
    left: -2px;
    z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}



/* =================================================
   RHODE STYLE MEGA MENU – FIXED VERSION
================================================= */
.custom-mega-menu {
  background: #F1F0ED;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 9999;
  padding: 40px 0 60px;
    opacity: 0; 
    visibility: hidden; 
    height: 0; 
   transition: all 0.2s linear;
}

  .custom-mega-menu.open {
     opacity: 1;
   visibility: visible;
   height: auto;
     transition: all 0.2s linear; 
}

 .custom-mega-menu  .container {
  max-width: 1400px;
  margin: 0 auto;
}

/* ===============================
   CATEGORY TABS - HORIZONTAL SCROLL WITH NICE SCROLLBAR
================================ */

  .custom-mega-menu .catagery-hover-tabs {
    display: flex;             
    gap: 24px;                 
    list-style: none;
    padding: 0 10px;          /* small padding for scroll */
    margin: 0;
    overflow-x: auto;          
    white-space: nowrap;       
    -webkit-overflow-scrolling: touch; 
    scroll-behavior: smooth;  /* smooth scroll */
}

.site-header .mega-menu-inner ul {
    margin-bottom: 26px;
}

/* Webkit browsers */
 .custom-mega-menu .catagery-hover-tabs::-webkit-scrollbar {
    height: 8px;               /* scrollbar height */
}

 .custom-mega-menu .catagery-hover-tabs::-webkit-scrollbar-thumb {
    background: rgba(28,28,28,0.4); /* dark semi-transparent thumb */
    border-radius: 4px;
}

   .custom-mega-menu .catagery-hover-tabs::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.05);   /* light track */
    border-radius: 4px;
}

/* Firefox */
  .custom-mega-menu .catagery-hover-tabs {
    scrollbar-width: thin;
    scrollbar-color: rgba(28,28,28,0.4) rgba(0,0,0,0.05);
}

/* Tabs styling */
  .custom-mega-menu .catagery-hover-tabs .cat-tab {
    flex: 0 0 auto;            
    min-width: calc(25% - 18px); 
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b3b3b3;
    cursor: pointer;
    position: relative;
    padding: 8px 0;
    transition: color 0.3s ease;
}
 
 .custom-mega-menu .catagery-hover-tabs .cat-tab:hover,
.custom-mega-menu  .catagery-hover-tabs .cat-tab[aria-selected="true"] {
    color: #1c1c1c;
}

/* ===============================
   GRID LAYOUT (NON-SLIDER)
================================ */
/* Hide horizontal scrollbar but keep scroll functional */
 .custom-mega-menu .prd-list:not(.is-slider) {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 15px;
    overflow-x: scroll;
    /* Hide scrollbar for IE, Edge */
    -ms-overflow-style: none;
    /* Hide scrollbar for Firefox */
    scrollbar-width: none;
    position: relative;
}


/* Arrows */
.mega-right {
    position: relative;
}

/* product row */
.custom-mega-menu   .prd-list {
    display: flex;
    gap: 15px;
    overflow: hidden;
    scroll-behavior: smooth;
}

/* arrows */
.mega-right .arrow-pre,
.mega-right .arrow-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 50%;
    display: none; /* JS se show */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
}

 .custom-mega-menu .mega-right .arrow-pre { left: -45px; }
 .custom-mega-menu .mega-right .arrow-next { right: -45px; }

/* product width */
 .custom-mega-menu .single-product {
    flex: 0 0 23%;
    box-sizing: border-box;
}



/* Hide scrollbar for WebKit browsers (Chrome, Safari, Edge) */
 .custom-mega-menu .prd-list:not(.is-slider)::-webkit-scrollbar {
    display: none;
}


/* ===============================
   CUSTOM SLIDER LAYOUT
================================ */
 .custom-mega-menu .prd-list.is-slider { 
  overflow: hidden; 
  position: relative; 
  display:block; 
}

 .custom-mega-menu .prd-track { 
  display:flex; 
  will-change: transform; 
  transition: transform 350ms ease; 
}


/* ===============================
   PRODUCT CARD
================================ */
 .custom-mega-menu .single-product {
    background: #D2CAC8;
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    box-sizing: border-box;
    transition: transform 0.3s ease;
    flex: 0 0 24%;
}

 .custom-mega-menu .single-product .prd-img img {
  max-height: 220px;
  object-fit: contain;
  margin: 0 auto 20px;
  display: block;
}

 .custom-mega-menu .single-product:hover {
  transform: none;
}

/* ===============================
   PRODUCT TEXT
================================ */
 .custom-mega-menu .prd-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1c1c1c;
  margin-bottom: 4px;
}

 .custom-mega-menu .prd-excerpt {
    font-size: 13px;
    color: #6f6f6f;
    text-transform: capitalize;
}s

 .custom-mega-menu .prd-price {
  display: none;
}

/* ===============================
   RESPONSIVE
================================ */
 .custom-mega-menu .prd-info {
    text-align: start;
}


html, body {
    overflow-x: hidden;
}


.spb-wrapper{
  transform: translateY(100%);
  transition: transform 0.35s ease;
}

.spb-wrapper.show{
  transform: translateY(0);
}


.prd-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.footer-logo svg {
    width: 100%;
    height: 100%;
}

.half-img-half-product .prd-content {
    position: absolute;
    bottom: 0;
    padding: 35px;
    display: none;
}

.half-img-half-product .prd-content {
    position: absolute;
    bottom: 0;
    display: none !important;
    padding: 20px 25px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}




 .footer-custom-menu  .footer-menu:nth-child(2) ul li:nth-child(1) a::before {
    content: "\f16d";
    font-size: 18px;
	font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}


 .footer-custom-menu  .footer-menu:nth-child(2) ul li:nth-child(2) a::before {
    content: "\f167";
    font-size: 18px;
	font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}


.footer-custom-menu 
.footer-menu:nth-child(2) 
ul li:nth-child(3) a::before {
    content: "";
    position: relative;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
    width: 18px;
    height: 21px;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='black'>\
<path d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25V349.38A162.55 162.55 0 1 1 185 188.31V278.2a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/>\
</svg>");
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Hover */
.social-menu ul li a:hover {
  color: #c9a24d; /* brand / golden */
}

.footer-custom-menu .footer-menu:nth-child(2) ul  a::before {
	color: #000;
}

.footer-custom-menu .footer-menu:nth-child(2) ul li a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mbl-cart-icon, .mbl-search-icon {
	display: none !important;
}

.home .header-icon svg path {
    fill: #fff;
}

header.site-header.is-sticky.is-visible svg path {
    fill: #67645e;
}


.peaches-picks.sec-padd .heading-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    position: absolute;
    width: 100%;
    bottom: 11px;
    display: none !important;
}


header ul li:nth-child(n+4) {
  display: none;
}


.home .site-logo img {
    filter: brightness(0) invert(1);
}

/* .custom-collection i {
    color: #000 !important;
} */

.single_add_to_cart_button {
    background-color: #2C3D7C !important;
}


a.custom-buy-now-btn {
    width: 100%;
    display: inline-block;
    background-color: #2C3D7C;
    text-align: center;
    color: #fffC;
    text-decoration: none;
    padding: 12px;
    border-radius: 10px;
    transition: all 0.2s linear;	
}

a.custom-buy-now-btn:hover {
    background-color: #2C3D7C;
    color: #fff !important;
    transition: all 0.2s linear;
}


.qs-sub-popup {
    top: 26%;
}

.qs-sub-popup input {
    width: 100%;
    margin-bottom: 16px;
    padding: 11px 11px;
    border-radius: 5px;
    border: unset;
    box-shadow: 0px 0px 7px -5px #000;
    color: #000;
}

button.ff-btn:hover {
    color: #fff !important;
}

button.ff-btn {
    background-color: rgb(103, 100, 94) !important;
    border: unset;
    padding: 10px 0;
    border-radius: 11px;
}


    .frm-fluent-form .ff-t-container {
        display: flex;
        gap: 0px !important;
        width: 100%;
        flex-direction: column;
    }

.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}


.header-icon ul {
    align-items: center;
}

.header-icon button#search-drawer-btn {
    padding: 0;
}

.st_single_pro h1, .st_single_pro h2, .st_single_pro p, .st_single_pro li, .st_single_pro strong, .st_single_pro span, .st_single_pro h3, .st_single_pro td {
    color: #444444 !important;
}

.qs-terms-and-condion h1, .qs-terms-and-condion h2, .qs-terms-and-condion p {
    color: #444444 !important;
}

.page-template-default .entry-title {
    display: none !important;
}

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
    border: unset !important;
    background-color: #2C3D7C !important;
}

.product-description-premium > div {
    border-radius: 10px;
}

.st_single_pro.sec-padd .single_add_to_cart_button span {
    color: #fff !important;
}


.spb-wrapper.show {
    display: none !important;
}