/** Shopify CDN: Minification failed

Line 145:4 Unexpected "{"
Line 145:5 Expected identifier but found "%"
Line 145:92 Unexpected "{"
Line 145:93 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.reviews-sectionn .star-ratingg {
display: inline-flex;
align-items: center;
font-size: 15px;
color: #ffa41c;
gap: 3px;
}

.reviews-btn {
  display: inline-block;
  padding: 10px 70px;
  background-color: #000000;  /* Change to your desired background color */
  color: white;
  text-align: center;
  text-transform: uppercase; /* Uppercase text */
  margin-top: 60px;
  text-decoration: none;
  border: 2px solid #000000;  /* Same color as background */
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.3s, border-color 0.3s;
}

.mobile-btn {
  display: none;
}

.reviews-btn:hover {
  background-color: transparent;
  color: #000000ff;
  border-color: #000000ff;
}

.reviews-sectionn .review-title h3 {
font-family: Sofia Pro, sans-serif;
font-style: normal;
font-size: 15px;
font-weight: 600;
}
.reviews-sectionn span.verified-customer .verified-icon {
width: 13px;  /* Set width of the icon */
height: 13px; /* Set height of the icon */
margin-right: 5px; /* Space between the icon and text */
vertical-align: middle; /* Align the icon vertically with the text */
}

.reviews-sectionn .star-ratingg  .fa-star-o {
color: #ddd; /* Gray color for empty stars */
}

.reviews-sectionn .star-ratingg  .fa-star.filled {
color: #FFA41C; /* Gold color for filled stars */
}

.reviews-sectionn  {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top:40px;
padding-bottom:0px;
        background: #fff;
}
.reviews-sectionn .reviews-container.container--large {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
padding-right: 20px; 
}

@media only screen and (max-width: 767px) {
.reviews-sectionn .reviews-container.container--large {   
display: block;
margin: 0 auto;
padding: 1.6rem;
}

.reviews-btn {
display: none; /* Hide the desktop button on mobile */
}

  .mobile-btn {
    display: inline-block;
    margin-top: 20px; /* Add some space above the button */
    width: 100%; /* Full width on mobile */
    text-align: center;
    text-transform: uppercase; /* Uppercase text */
    padding: 12px 0; /* Adjust padding for mobile */
  }

}

/* Ensure the button moves below reviews on mobile */
@media only screen and (max-width: 767px) {
  .reviews-sectionn .reviews-left {
    display: flex;
    flex-direction: column; /* Stack the content vertically */
    margin: 0 ! important; /* Center the left section */
  }

  .reviews-sectionn .reviews-right {
    width: 100%; /* Make the reviews container full width */
    overflow: hidden; /* Prevent overflow */
  }

  .reviews-sectionn .review-slide {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%; /* Each review takes full width */
    margin-right: -27px; /* Adjust margin to prevent overflow */
    text-align: left; /* Align text to the left */
    align-items: left; /* Center the review content */
    width: 100%; /* Ensure the reviews take up the full width */
  }

  .review-image img {
    display: block; /* Ensure the image is a block element */
    margin: 0 auto; /* Center the image */
    width: auto !important; /* Allow the image to scale */
    max-width: 100% ! important; /* Ensure the images don't overflow */
    height: auto !important; /* Maintain the aspect ratio */
  }
}

/* Prevent the text and images from overflowing on mobile */
@media only screen and (max-width: 767px) {
  .reviews-sectionn .reviews-left h2 {
    font-size: 24px; /* Adjust the font size for mobile */
    letter-spacing: 0.5px;
    text-align: center; /* Center the title */
    word-wrap: break-word; /* Ensure the text wraps properly */
  }

  .reviews-sectionn .review-slide {
    {% comment %} padding: 0 10px; /* Add padding around the reviews to prevent overflow */ {% endcomment %}
  }

  .reviews-sectionn .review-image img {
    max-width: 100%;
    height: auto;
  }
}

.reviews-sectionn  .reviews-container {
display: flex;
width: 100%;
gap: 20px;
/* align-items: center; */
}

.reviews-sectionn .reviews-left {
flex: 1;
margin-right: 20px;
padding-top: 20px;
}

.reviews-sectionn .reviews-left h2 {
font-size: 29px;
font-weight: 500;
font-style: normal;
font-family: Sofia Pro, sans-serif;
letter-spacing: 0px;
line-height: 1.2;
}

.reviews-sectionn .reviews-right {
flex: 3;
display: flex;
overflow-x: auto;
}

.reviews-sectionn .review-slider {
display: flex;
gap: 20px;
width: auto;
}



.reviews-sectionn .review-image img {
width: 250px;
height: 250px;
}

.reviews-sectionn .review-ratings {
margin: 10px 0;
font-size: 16px;
color: #f39c12;
}

.reviews-sectionn .review-content p {
font-size: 14px;
color: #000;
font-family: Sofia Pro, sans-serif;
font-weight: 400 !important;
}

.reviews-sectionn .review-author p {
font-size: 13px;
margin: 5px 0;
color: #A4A4A4;
}
.reviews-sectionn .review-author {
display: flex;
align-items: center;
}
.reviews-sectionn .verified-customer {
    font-size: 13px;
    color: #A4A4A4;
    position:relative;
    align-items: center;
/* display: inline-flex; */

    }
.reviews-sectionn  .reviews-right::-webkit-scrollbar {
display: none;
}
/* Container for the review slider */
.reviews-sectionn .reviews-right{
display: flex; /* Use flexbox for horizontal layout */
overflow-x: auto; /* Allow horizontal scrolling */
scroll-snap-type: x mandatory; /* Ensure smooth snapping between slides */
-webkit-overflow-scrolling: touch; /* Smooth scrolling for mobile devices */
padding: 10px;
gap: 10px; /* Adjust the gap between slides */
}

/* Each review slide */
.reviews-sectionn .reviews-right .review-slide {
flex-shrink: ; /* Prevent the slides from shrinking */
width: 100%; /* Default full width */
scroll-snap-align: start; /* Ensure snapping happens at the start of each slide */
}
/* Desktop adjustments (default 4 slides per view) */
@media only screen and (min-width: 1200px) {
.reviews-sectionn .reviews-right .review-slide {
width: calc(25% - 20px); /* Display 4 slides on larger screens */
}
.reviews-sectionn .review-slide {
    flex: 1 1 calc(25% - 20px); /* 4 grids on desktop */
    text-align: left;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */

    }
}
/* Tablet adjustments (3 slides per view) */
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.reviews-sectionn  .reviews-right {
gap: 20px; /* Add space between slides */
}

.reviews-sectionn .reviews-right .review-slide {
width: calc(33.33% - 20px) !Important; /* Display 3 slides with space between them */
}
}
/* Tablet adjustments (3 slides per view) */
@media only screen and (min-width: 769px) and (max-width: 991px) {
.reviews-sectionn  .reviews-right {
gap: 20px; /* Add space between slides */
}

.reviews-sectionn .reviews-right .review-slide {
width: calc(50% - 20px) !Important; /* Display 3 slides with space between them */
}
}
.product-difference__heading {
  font-weight: bold;
  margin-bottom: 2rem;
}

.product-difference__blocks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.product-difference__block {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
  gap: 2.5rem;
}

.product-difference__percent {
  font-weight: bold;
  margin-right: 1rem;
  white-space: nowrap;
}

.product-difference__text {
  line-height: 1.4;
}

.product-difference__footnote {
  margin-top: 1rem;
}

/* Desktop - 3 in a row */
@media (min-width: 768px) {
  .product-difference__blocks {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
    margin-top: 4rem;
  }

  .product-difference__block {
    grid-template-columns: auto 1fr;
    border-bottom: none;
    border-right: 1px solid #ddd;
    padding: 0 1rem;
  }

  .product-difference__block:last-child {
    border-right: none;
  }
}
/* Core Section Styling */
.parallax-banner {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Cover the full viewport height of the banner */
  background-size: cover;
  background-position: center;
  z-index: 1; /* sits behind content */
}

/* Apply fixed background only when parallax is enabled */
.has-parallax .parallax-bg {
  background-attachment: fixed;
}

.parallax-content {
  position: relative;
  z-index: 2; /* above the background */
}

.transparent-header header.site-header {
  background: transparent !important;
}