/** Shopify CDN: Minification failed

Line 105:0 Comments in CSS use "/* ... */" instead of "//"
Line 240:0 Comments in CSS use "/* ... */" instead of "//"
Line 244:2 Unexpected "0%"
Line 247:2 Unexpected "100%"
Line 312:0 Comments in CSS use "/* ... */" instead of "//"
Line 326:0 Comments in CSS use "/* ... */" instead of "//"

**/
/* Place any CSS overrides in this file. */

.content-wrapper--text_dynamic.content-wrapper-mobile--right.content-wrapper-desktop--center.block-id--26facf6e-d592-495c-bc7e-dc6f2b3b8709 {
  padding-bottom: 30px;
}

#shopify-section-template--16234006577314__collection-collection-list
  .homepage-sections-wrapper, #shopify-section-template--16234006577314__image_image_with_text_9BQQyr .homepage-sections-wrapper,
#shopify-section-template--16234006315170__product-grid, #shopify-section-template--16234006577314__image_image_with_text_9BQQyr
{
  /* background-image: repeating-linear-gradient(
      45deg,
      transparent 0px,
      transparent 5px,
      rgba(239, 130, 6, 0.12) 5px,
      rgba(239, 130, 6, 0.12) 6px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0px,
      transparent 5px,
      rgba(239, 130, 6, 0.12) 5px,
      rgba(239, 130, 6, 0.12) 6px
    );

  background-size: cover !important;
  height: 100% !important; */
}

#shopify-section-template--16234006577314__collection-collection-list
  .homepage-sections-wrapper > img {
    border-radius: 100%;
  }

.marquee-inner > div{
  font-size: 22px;
  color: black;
  font-family: "Fjalla One", sans-serif;
}

/* #shopify-section-sections--16234006708386__footer-main footer */
#shopify-section-template--16234006577314__image_image_with_text_iH73FE
  .homepage-sections-wrapper, #shopify-section-template--16234006577314__image_image_with_text_9BQQyr .homepage-sections-wrapper{
  background-image: repeating-linear-gradient(
      45deg,
      transparent 0px,
      transparent 5px,
      rgba(255, 255, 255, 0.08) 5px,
      rgba(255, 255, 255, 0.08) 6px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0px,
      transparent 5px,
      rgba(255, 255, 255, 0.08) 5px,
      rgba(255, 255, 255, 0.08) 6px
    );

  background-size: cover !important;
  height: 100% !important;
}


/* #shopify-section-template--16234006577314__b0029738-e522-4bfc-ac18-50abe2864261 .visual-navigation__wrapper{
  background-image: repeating-linear-gradient(
      45deg,
      transparent 0px,
      transparent 5px,
      rgba(0, 0, 0, 0.02) 5px,
      rgba(0, 0, 0, 0.02) 6px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0px,
      transparent 5px,
      rgba(0, 0, 0, 0.02) 5px,
      rgba(0, 0, 0, 0.02) 6px
    );

  background-size: cover !important;
  height: 100% !important;
} */

#shopify-section-template--16234006577314__1733797879df0875ca .homepage-sections-wrapper, #shopify-section-template--16234006315170__173456019776cde34f  .homepage-sections-wrapper {
  padding: 10px 0 !important;
  background-color: #de8703;
  color: white;
}

.content-width, .wrapper-padded {
  max-width: 100%;
}


// For splide
/* Custom styles for the testimonial slider */
.splide__slide {
  margin: 0 1rem;  /* Adjust margin between slides */
  transition: transform 1s ease-in-out;  /* Smooth transition effect */
}

.card {
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}
.tracking-rating {
  font-size: 1.5rem;
}


/* #shopify-section-template--16234006315170__collection-header , #shopify-section-template--16234006315170__product-grid, #shopify-section-template--16234006315170__collection-header  {
  background-color: #f7eada;
} */

/* .drawer--cart {
  background-color: #de8703 !important;
} */

.drawer--cart {
  background-color: #f9f9f9 !important;
}

.drawer__title {
  color: #de8703;
}

/* For slider */


/* For slider */
.testimonials-slider-wrapper {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.testimonials-slider {
  display: flex;
  animation: scrollTestimonials 20s linear infinite;
  transition: transform 0.3s ease-in-out;
}

.testimonial-slide {
  width: 15%; /* Adjust this if needed */
  padding: 1.5rem;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-content {
  background: #f9f9f9;
  padding: 2rem;
  text-align: center;
  border-radius: 10px;
  position: relative;
  border: none !important;
  min-height: 200px; /* Ensure uniform box height */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonial-stars {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.star {
  color: #ef8200; /* Gold color for the stars */
  font-size: 1rem; /* Smaller stars */
  margin: 0 0.1rem;
}

.testimonial-content p {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.testimonial-customer {
  font-weight: bold;
  color: #555;
  font-size: 1rem;
  margin-top: 1rem;
}

/* Optional: Add subtle hover effect */
.testimonial-slide:hover .testimonial-content {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}

/* Pause scrolling when hovering over the slider */
.testimonials-slider-wrapper:hover .testimonials-slider {
  animation-play-state: paused;
}

@keyframes scrollTestimonials {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Adjust depending on number of slides */
}

.testimonials-slider-wrapper {
  padding-top: 30px;
}

/* Duplicate the testimonials to make the scrolling smoother */
.testimonials-slider::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}



// -------------------------------

/* Rotate the SVG icon continuously */
@keyframes rotate-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rotate-anim {
  animation: rotate-icon 4s linear infinite;
  margin-right: 10px; /* Add space between the SVG and the text */
}






.section--template--16234006577314__collection-collection-list {
  max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
}

#shopify-section-template--16234006577314__image_image_with_text_9BQQyr .content-width  {
  max-width: 100% !important;
}

#shopify-section-template--16234006577314__05cca065-ad34-44b3-a1d6-2a158b7853ed .homepage-sections-wrapper .wrapper-padded,
#shopify-section-template--16234006020258__image_image_with_text_pEX3Cr .homepage-sections-wrapper .wrapper-padded
{
  max-width: 1200px;
  padding: 0;
    /* width: 80%; */
    margin: 0 auto;
}

.accordion-faq--template--16234006577314__accordion_6gDFdP .accordion-container{
    max-width: 800px !important;
    width: 80%;
    margin: 0 auto;
}


.section--template--16234006577314__collection-collection-list h2, .section--template--16234006577314__collection-collection-list a {
  padding: 0 !important;
  margin: 0 !important;
}


.visual-navigation__list-item {
  margin: 0 !important;
    width: 150px !important;
}



#shopify-section-template--16234006577314__image_image_with_text_9BQQyr a {
  background-color: #4fa800;
}

#shopify-section-template--16234006577314__1733797879df0875ca .homepage-sections-wrapper, #shopify-section-template--16234006315170__173456019776cde34f  .homepage-sections-wrapper{
  background-color: #ef8200;
}


// For search page




.product-button-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}




// For mobile

@media screen and (max-width: 767px) {
    .homepage-featured-content-box-inner{
      padding: 0 !important;
    }

  .swiper-container:not(.slideshow--full-screen) .homepage-featured-content-box .homepage-featured-content-box-inner {
    padding: 0 !important;
  }

  #shopify-section-template--16234006577314__collection-collection-list .homepage-sections-wrapper  {
    padding: 0;
  }

  .section--template--16234006577314__collection-collection-list {
    padding: 0 !important;
  }


  
}


.aspect-ratio:not(.quick-view-media) img, .aspect-ratio:not(.quick-view-media) svg{
  object-fit: contain !important;
}


#shopify-section-template--16234006577314__1733797879df0875ca .homepage-sections-wrapper .wrapper-padded, #shopify-section-template--16234006315170__173456019776cde34f .homepage-sections-wrapper .wrapper-padded{
  max-width: 100%;
  padding: 0;
  
}

#shopify-section-template--16234006577314__1733797879df0875ca .homepage-sections-wrapper .wrapper-padded div{
  color: #262428;
}


/* #shopify-section-template--16234006577314__collage_builder_LewKpC, #shopify-section-template--16234006577314__b0029738-e522-4bfc-ac18-50abe2864261 {
  background-color: #ebad148a;
    padding-bottom: 50px;
} */


/* .site-header .site-header__wrapper .site-header__wrapper__right {
  justify-content: center !important;
  margin-left: -160px;
} */

.back-to-top-button span {
  background-color: #4fa800 !important;
}



#shopify-section-template--16234006577314__1733797879df0875ca .homepage-sections-wrapper .wrapper-padded div{
  color: #262428;
}


#shopify-section-template--16234006315170__product-grid .shopify-section .collection_grid {
  margin-top: 0;
  padding-top: 50px;
}

/* button, a, div[role="button"], input[type="submit"] {
  border-radius: 5rem !important;
} */



/* Make sure the parent <ul> (if exists) is using flexbox */

/* Style for the <li> containing the search bar */
/* .search-bar-container {
  margin-top: 25px !important;
} */

/* Adjust the form inside the search bar */
.search-form {
  display: flex;
  max-width: 400px; /* Adjust as needed */
  width: 100%;
}

/* Style for the input field */
.search-form__input {
  flex: 1;
  padding: 10px;
}

/* Style for the submit button */
.search-form__connected-submit {
  background-color: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
}



#shopify-section-template--17347986030754__brand_slider_nwghje, #shopify-section-template--16234006020258__advanced_layout_custom_liquid_CMY3yL {
                max-width: 1200px;
              margin: 0 auto;
}




/* for search */
/* Style for the <li> containing the search bar */
.search-bar-container {
  display: flex;
  align-items: center; /* Vertically center the content */
  justify-content: center; /* Horizontally center if needed */
}

/* Style for the form inside the search bar */
.search-form {
  display: flex;
  background-color: #fff; /* White background for the search bar */
  
  border: 1px solid #ccc; /* Optional border */
  overflow: hidden;
  height: 40px; /* Smaller height */
  max-width: 400px; /* Adjust as needed */
  width: 100%;
}

/* Style for the input field */
.search-form__input {
  flex: 1;
  padding: 5px 10px;
  border: none; /* No border for the input */
  background-color: #fff; /* White background */
  font-size: 14px; /* Adjust font size */
  outline: none; /* Remove default focus outline */
  height: 100%; /* Input will match the height of the form */
}

/* Style for the submit button (with search icon) */
.search-form__connected-submit {
  background-color: #fff; /* White background to match input */
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Full height of the form */
  border-radius: 50%; /* Rounded button */
}

/* Optional: Style for the search icon inside the button */
.search-form__connected-submit svg {
  width: 20px;
  height: 20px;
  fill: #333; /* Color of the search icon */
}

/* Style for the clear/reset button */
.search-form__clear-action {
  display: none; /* You can show or hide it depending on your design */
}

.search-bar-container input{
  padding-top: 5px;
  outline: none;
}

.search-bar-container input:focus {
  border: none !important; /* Ensure no border shows on focus */
  outline: none; /* Remove the browser default focus outline */
  box-shadow: none !important; /* Remove any shadow effect that may appear */
}

.search-form__connected-submit .fa-lg {
  width: 24px; /* Icon size from the render tag */
  height: 24px;
  fill: #ef8200;
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}


#search-input-group-id {
  display: flex;
}

#search-form-id {
  border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}





.product-medias__main .swiper-wrapper {
  background-color: white !important;
  padding-top: 0;
}

.product-medias__main  .swiper-container {
  padding-top: 0;
}

.product-medias__main .swiper-pagination {
  margin-top: 45px !important;
}

#shopify-section-template--16234006577314__05cca065-ad34-44b3-a1d6-2a158b7853ed h2 {
  font-size: 30px;
}

#product-box section, .grid__item large--one-half .product-details-wrapper {
  padding: 43px;
}


#product-box .product-images {
  padding-left: 0;
}

#ProductPrice .money {
  font-size: 1.0em;
}

.right-drawer-vue a {
  border-radius: 0 !important;
}


.cart-item-count-header {
    position: absolute;
    top: 5px;
    right: 5px;
    /* color: black; */
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 18px;
    text-align: center;
    transition: transform 0.2s ease-in-out;
}


#CollectionFiltersForm {
  margin-bottom: 30px;
}

.facets__form-inner details:nth-child(1) {
    display: none !important;
}

/* .cart-item-count-header:hover {
  color: white;
} */


.list-collections--more-link {
  display: none;
}


/* #shopify-section-template--16234006577314__99b883e6-edfa-4c51-b227-b53c47b23da4 .homepage-slider-container */

#shopify-section-template--16234006577314__99b883e6-edfa-4c51-b227-b53c47b23da4 > div > div > div > div > div > div > div.swiper-wrapper.align-center {
  width: 100% !important;
}


#shopify-section-template--16234006577314__text_testimonials_W9ABWJ .homepage-sections-wrapper .wrapper,
#shopify-section-template--16234006315170__text_testimonials_JFJadC .homepage-sections-wrapper .wrapper{
  max-width: 1200px;
    margin: 0 auto;
}



.product-details-wrapper {
  background-color: white !important;

  border: 1px solid #ef8200;
}

.drawer__title h2 {
  text-transform: capitalize;
}

#shopify-section-template--16234006020258__image_logo_with_text_list_zheagi .homepage-sections-wrapper, #shopify-section-template--16234006020258__image_logo_with_text_list_8JdBe4 .homepage-sections-wrapper{
  padding-top: 0;
}

#shopify-section-template--16234006020258__template_product_info_columns_k6Db8m .info-cols--image_and_text-column {
  min-height: 250px;
  height: 250px;
  border: 1px solid grey;
 padding: 10px;
}

#product-weight {
  font-size: 16px;
}

.drawer__title span, #shopify-section-template--16234006544546__main h1 {
  text-transform: capitalize !important;
}
@media screen and (max-width: 767px) {

  .homepage-content--template--16234006577314__image_image_with_text_9BQQyr img {
    display: none !important;
    margin-top: 0 !important;
  }

  .homepage-sections--title {
    font-size: 1.8rem !important;
  }

  /* #shopify-section-template--16234006020258__image_image_with_text_pEX3Cr img {
    display: none;
  } */
  
}


#shopify-section-template--17980690464930__image_image_with_text_overlay_XKtBC4 .homepage-indiv-section-wrapper .large--one-whole,
#shopify-section-template--17980690464930__image_image_with_text_overlay_XKtBC4 > div > div > div > div,
#rellax--template--17980690464930__image_image_with_text_overlay_XKtBC4
{
  background: url('/cdn/shop/files/blackbeancornstewREDBEANS-1.jpg?v=1751406982') no-repeat center center !important;
  background-size: cover;
}