img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  display: block;
}section__group

.__dhiwise1744974359688 button,
.__dhiwise1744974359688 input,
.__dhiwise1744974359688 optgroup,
.__dhiwise1744974359688 select,
.__dhiwise1744974359688 textarea {
  margin: 0;
  padding: 0;
}

.__dhiwise1744974359688 h1,
.__dhiwise1744974359688 h2,
.__dhiwise1744974359688 h3,
.__dhiwise1744974359688 h4,
.__dhiwise1744974359688 h5,
.__dhiwise1744974359688 h6,
.__dhiwise1744974359688 hr,
.__dhiwise1744974359688 p {
  margin: 0;
}

.__dhiwise1744974359688 {
  [type="text"],
  input:where(:not([type])),
  [type="email"],
  [type="url"],
  [type="password"],
  [type="number"],
  [type="date"],
  [type="datetime-local"],
  [type="month"],
  [type="search"],
  [type="tel"],
  [type="time"],
  [type="week"],
  [multiple] {
    appearance: none;
    background-color: transparent;
    border-color: unset;
    border-width: 0;
    border-radius: unset;
    padding: unset;
    font-size: unset;
    line-height: unset;
    color: inherit;
  }
  input:focus-visible,
  [multiple]:focus-visible,
  textarea:focus-visible,
  select:focus-visible {
    outline: none;
    box-shadow: none;
  }
}

.__dhiwise1744974359688 .flex-col-center-end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.__dhiwise1744974359688 .flex-row-center-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.__dhiwise1744974359688.product-section__frame-131 {
  width: 100%;
  max-width: 1486px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  @media only screen and (max-width: 1440px) {
    padding-left: 20px;
    padding-right: 20px;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.__dhiwise1744974359688 .product-section__group-220 {
  margin-top: 20px;
  margin-right: 18px;
  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__frame-114 {
  margin-right: 210px;
  display: flex;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__frame-111 {
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 #00000011;
  display: flex;
  padding: 26px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 0.5px solid #dcdcdc;
  border-bottom: none;
  margin-right: 10px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.__dhiwise1744974359688 .product-section__group-16 {
  gap: 80px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 42px;
  background-color: #F8F8F8;
  
  @media only screen and (max-width: 1440px) {
    height: auto;
    gap: 80px;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  @media only screen and (max-width: 550px) {
    gap: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.__dhiwise1744974359688 .product-section__description-title {
  color: #5e3613 !important;
  font-size: 20px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 17px;
  }
}

.__dhiwise1744974359688 .product-section__group-184 {
  margin-bottom: 228px;
  margin-left: 114px;
  margin-right: 106px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__group-196 {
  margin-left: 18px;
  margin-right: 30px;
  gap: 32px;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__line-11 {
  height: 1px;
  margin-top: 62px;
  margin-left: 142px;
  margin-right: 152px;
  background-color: #e4e4e4;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__key-info-title {
  color: #000000 !important;
  margin-top: 50px;
  letter-spacing: -1px;
  font-size: 25px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 21px;
  }
}

.__dhiwise1744974359688 .product-section__group-195 {
  margin-top: 40px;
  margin-left: 4px;
  margin-right: 24px;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__frame-122 {
  margin-top: 14px;
  padding-left: 22px;
  padding-right: 22px;
  gap: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  @media only screen and (max-width: 550px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.__dhiwise1744974359688 .product-section__botany-title {
  color: #000000 !important;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.__dhiwise1744974359688 .product-section__frame-123 {
  margin-top: 14px;
  padding-left: 56px;
  padding-right: 62px;
  gap: 6px;
  @media only screen and (max-width: 1440px) {
    padding-right: 32px;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 20px;
    padding-right: 20px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.__dhiwise1744974359688 .product-section__blend-text {
  color: #000000 !important;
  margin-right: 20px;
  letter-spacing: -1.04px;
  font-size: 26px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 22px;
  }

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__group-194 {
  padding-left: 16px;
  padding-right: 16px;
  align-self: center;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.__dhiwise1744974359688 .product-section__line-13 {
  height: 104px;
  background-color: #e4e4e4;
  width: 1px;
}

@media (max-width: 768px) {
  .__dhiwise1744974359688 .product-section__line-13 {
    height: 1px;  /* Make it horizontal */
    width: 60%; /* Adjust the width to match the previous height */
  }
}


.__dhiwise1744974359688 .product-section__frame-124 {
  gap: 20px;
  align-self: flex-end;
  display: flex;
  width: 90%;
  flex-direction: column;
  align-items: center;
}

.__dhiwise1744974359688 .product-section__origin-text {
  color: #000000 !important;
  margin-bottom: 16px;
  letter-spacing: -1.04px;
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  align-self: stretch;
  line-height: 30px;
  @media only screen and (max-width: 1440px) {
    font-size: 22px;
  }
}

.__dhiwise1744974359688 .product-section__frame-125 {
  margin-top: 14px;
  padding-left: 56px;
  padding-right: 60px;
  gap: 8px;
  @media only screen and (max-width: 1050px) {
    padding-left: 20px;
    padding-right: 20px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.__dhiwise1744974359688 .product-section__group-198 {
  margin-top: 62px;
  margin-left: 24px;
  margin-right: 24px;
  gap: 42px;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__line-9 {
  height: 1px;
  margin-left: 118px;
  margin-right: 126px;
  background-color: #e4e4e4;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__group-84 {
  display: flex;
  flex-direction: column;
  @media only screen and (max-width: 550px) {
    gap: 32px;
  }
}

.__dhiwise1744974359688 .product-section__frame-120 {
  gap: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}

.__dhiwise1744974359688 .product-section__group-219 {
  gap: 30px;
  display: flex;

}

.__dhiwise1744974359688 .product-section__group-218 {
  flex: 1;
  display: flex;

}
@media (max-width: 768px) {
  .__dhiwise1744974359688 .product-section__group-218 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    gap: 10px; /* Optional: spacing between items */
  }
}

.__dhiwise1744974359688 .user-profile {
  width: 52%;
  display: flex;

  @media only screen and (max-width: 550px) {
    flex-direction: column;
    width: 100%;
  }
}

.__dhiwise1744974359688 .user-profile__frame {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.__dhiwise1744974359688 .user-profile__details {
  background-color: #89916b;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  border-radius: 56px;
  margin-bottom: 15px;

  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}

.__dhiwise1744974359688 .user-profile__frame-1 {
  margin-left: -40px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    width: 100%;
    margin-left: 0px;
  }
}

.__dhiwise1744974359688 .user-profile__details-1 {
  background-color: #5d6347;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  border-radius: 56px;
  margin-bottom: 15px;

  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}

.__dhiwise1744974359688 .product-section__frame-119 {
  margin-left: -40px;
  position: relative;
  width: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.__dhiwise1744974359688 .product-section__group-83 {
  background-color: #89916b;
  width: 50%;
  padding: 26px 24px;
  border-radius: 56px;
  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}


.__dhiwise1744974359688 .product-section__group-197 {
  margin-top: 80px;
  margin-right: 10px;
  gap: 60px;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    gap: 30px;
  }
}

.__dhiwise1744974359688 .product-section__line-10 {
  height: 1px;
  margin-left: 142px;
  margin-right: 142px;
  background-color: #e4e4e4;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__roasting-color-text-span {
  font-weight: 700;
}

.__dhiwise1744974359688 .product-section__group-85 {
  align-self: stretch;
}

.__dhiwise1744974359688 .product-section__group-210 {
  gap: 36px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  

}



/* General style for all button numbers */
.__dhiwise1744974359688 .product-section__button--number-1,
.__dhiwise1744974359688 .product-section__button--number-2,
.__dhiwise1744974359688 .product-section__button--number-3,
.__dhiwise1744974359688 .product-section__button--number-4,
.__dhiwise1744974359688 .product-section__button--number-5,
.__dhiwise1744974359688 .product-section__button--number-6,
.__dhiwise1744974359688 .product-section__button--number-7,
.__dhiwise1744974359688 .product-section__button--number-8,
.__dhiwise1744974359688 .product-section__button--number-9,
.__dhiwise1744974359688 .product-section__button--number-10 {
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  letter-spacing: 1.56px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  height: 66px;
  border-radius: 10px;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    font-size: 22px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Unique background colors for each button */
.__dhiwise1744974359688 .product-section__button--number-1 {
  background-color: #ab7c52b2;
    @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-2 {
  background-color: #ab7c52e0;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-3 {
  background-color: #ab7c52;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-4 {
  background-color: #8e603de2;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-5 {
  background-color: #8e603d;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-6 {
  background-color: #79472ced;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-7 {
  background-color: #5e3613e5;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-8 {
  background-color: #5e3613;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-9 {
  background-color: #4d290b;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}

.__dhiwise1744974359688 .product-section__button--number-10 {
  background-color: #252220;
  @media only screen and (max-width: 550px) {
    width: 30%;
  }
}



/* General style for all button numbers */
.__dhiwise1744974359688 .product-section__number-1,
.__dhiwise1744974359688 .product-section__number-2,
.__dhiwise1744974359688 .product-section__number-3,
.__dhiwise1744974359688 .product-section__number-4,
.__dhiwise1744974359688 .product-section__number-5,
.__dhiwise1744974359688 .product-section__number-6,
.__dhiwise1744974359688 .product-section__number-7,
.__dhiwise1744974359688 .product-section__number-8,
.__dhiwise1744974359688 .product-section__number-9,
.__dhiwise1744974359688 .product-section__number-10 {
  color: #ffffff !important;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  letter-spacing: 1.56px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 10px;
  @media only screen and (max-width: 1440px) {
    font-size: 22px;
  }
  @media screen and (min-width: 768px) and (max-width: 1366px) {
    padding-left: 10px;
  padding-right: 10px;
  }
  @media only screen and (max-width: 550px) {
    padding-left: 10px;
    padding-right: 10px;
    width: 20%;
  }
}

/* Unique background colors for each button */
.__dhiwise1744974359688 .product-section__number-1 {
  background-color: #ab7c52b2;
}

.__dhiwise1744974359688 .product-section__number-2 {
  background-color: #ab7c52e0;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-3 {
  background-color: #ab7c52;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-4 {
  background-color: #8e603de2;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-5 {
  background-color: #8e603d;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-6 {
  background-color: #79472ced;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

/* Unique background colors for the other buttons */
.__dhiwise1744974359688 .product-section__number-7 {
  background-color: #5e3613e5;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-8 {
  background-color: #5e3613;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-9 {
  background-color: #4d290b;
    @media only screen and (max-width: 550px) {
    display: none;
  }
}

.__dhiwise1744974359688 .product-section__number-10 {
  background-color: #252220;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.arrow-down {
  width: 0;
  height: 0;
  margin-bottom: 4px; /* spacing between arrow and number */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white; /* arrow color */
}




.__dhiwise1744974359688 .product-section__arrow-2 {
  height: 2px;
  margin-top: 28px;
  background-color: #79472c;
}
.line-with-arrows {
  display: flex;
  align-items: center;
  margin-top: 28px;
}

.line {
  height: 2px;
  background-color: #79472c;
  flex-grow: 1;
}

.arrow {
  width: 10px;
  height: 10px;
}

.__dhiwise1744974359688 .product-section__group-207 {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.__dhiwise1744974359688 .product-section__group-199 {
  margin-top: 86px;
  margin-left: 10px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.__dhiwise1744974359688 .product-section__line-16 {
  height: 1px;
  margin-left: 146px;
  margin-right: 138px;
  background-color: #e4e4e4;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.__dhiwise1744974359688 .product-section__aromatic-family-text {
  color: #000000 !important;
  margin-top: 34px;
  letter-spacing: -1px;
  font-size: 25px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 21px;
  }
}

.__dhiwise1744974359688 .product-section__aromatic-family-text-span {
  font-weight: 600;
}

.__dhiwise1744974359688 .product-section__frame-142 {
  margin-top: 54px;
  gap: 50px;
  display: flex;
  align-self: stretch;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
    gap: 12px; /* optional spacing between items */
  }
}

.__dhiwise1744974359688 .product-section__group-105 {
  gap: 22px;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.__dhiwise1744974359688 .product-section__group-11 {
  background-color: #9b938d;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 22px;
  border-radius: 46px;
  width: 90px; /* Ensures uniform circle */
  height: 90px;
  justify-content: center;
  
}

.__dhiwise1744974359688 .product-section__group-11 img,
.__dhiwise1744974359688 .product-section__group-11 svg {
  width: 46px; /* adjust icon size inside */
  height: 46px;
  object-fit: contain;
}

.__dhiwise1744974359688 .product-section__group-183 {
  gap: 42px;
  display: flex;
  flex: 1;
  align-items: flex-end;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    flex-direction: column;
  }
}

.__dhiwise1744974359688 .product-section__group-104 {
  gap: 8px;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.__dhiwise1744974359688 .product-section__group-103 {
  background-color: #cf4a3b;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  border-radius: 60px;
  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}

.__dhiwise1744974359688 .product-section__group-106 {
  background-color: #9b938d;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  border-radius: 46px;
  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}

.__dhiwise1744974359688 .product-section__image--close-white {
  height: 44px;
}

.__dhiwise1744974359688 .product-section__group-101 {
  gap: 10px;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.__dhiwise1744974359688 .product-section__group-100 {
  background-color: #904319;
  align-self: stretch;
  padding: 30px 28px;
  border-radius: 58px;
  @media only screen and (max-width: 550px) {
    padding: 16px;
  }
}

.__dhiwise1744974359688 .product-section__group-12 {
  background-color: #9b938d;
  align-self: stretch;
  padding: 24px 20px;
  border-radius: 46px;
  @media only screen and (max-width: 550px) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.__dhiwise1744974359688 .product-section__image--refresh {
  height: 44px;
  width: 100%;
  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.__dhiwise1744974359688 .product-section__group-13 {
  background-color: #9b938d;
  align-self: stretch;
  padding: 22px 18px;
  border-radius: 46px;
  @media only screen and (max-width: 550px) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.__dhiwise1744974359688 .product-section__group-97 {
  gap: 22px;
  display: flex;
  width: 12%;
  flex-direction: column;
  align-items: flex-end;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.__dhiwise1744974359688 .product-section__group-14 {
  background-color: #9b938d;
  align-self: stretch;
  padding: 20px 16px;
  border-radius: 46px;
}

.__dhiwise1744974359688 .product-section__group-96 {
  gap: 22px;
  display: flex;
  width: 12%;
  flex-direction: column;
  align-items: flex-start;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.__dhiwise1744974359688 .product-section__group-15 {
  background-color: #9b938d;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px;
  border-radius: 46px;
}

.__dhiwise1744974359688 .product-section__features-title {
  color: #000000 !important;
  font-size: 16px;
  font-weight: 300;
  @media only screen and (max-width: 1440px) {
    font-size: 17px;
  }
}

.__dhiwise1744974359688 .product-section__image--clip-path {
  height: 68px;
  width: 12%;
  object-fit: contain;
}

.__dhiwise1744974359688 .product-section__composition-title {
  color: #000000 !important;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

.__dhiwise1744974359688 .product-section__line-12 {
  height: 104px;
  align-self: center;
  background-color: #e4e4e4;
  width: 1px;
  @media only screen and (max-width: 1050px) {
    width: 104px;
    height: 1px;
  }
}

.__dhiwise1744974359688 .product-section__arabica-text {
  color: #000000 !important;
  letter-spacing: -1.04px;
  font-size: 26px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 22px;
  }
}

.__dhiwise1744974359688 .product-section__roasting-color-text {
  color: #000000 !important;
  letter-spacing: -1px;
  font-size: 25px;
  font-weight: 400;
  @media only screen and (max-width: 1440px) {
    font-size: 21px;
  }
}

.__dhiwise1744974359688 .product-section__description-text {
  color: #000000 !important;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  align-self: stretch;
  line-height: 25px;
  @media only screen and (max-width: 1440px) {
    font-size: 17px;
  }
}

.__dhiwise1744974359688 .product-section__image--settings {
  height: 48px;
}

.__dhiwise1744974359688 .user-profile__icon--user {
  height: 56px;
  margin-top: 6px;
  width: 48%;
  object-fit: contain;
}

.__dhiwise1744974359688 .product-section__fruity-text {
  color: #000000 !important;
  letter-spacing: 0.68px;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
  @media only screen and (max-width: 1440px) {
    font-size: 14px;
  }
}

.__dhiwise1744974359688 .product-section__image--arrow-up {
  height: 52px;
  margin-bottom: 8px;
  width: 100%;
  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.__dhiwise1744974359688 .product-section__acidity-title {
  color: #79472c !important;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

.__dhiwise1744974359688 .product-section__image--close {
  height: 60px;
  margin-bottom: 10px;
  width: 62%;
  object-fit: contain;
}

.__dhiwise1744974359688 .product-section__image--television {
  height: 58px;
  width: 100%;
  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.__dhiwise1744974359688 .product-section__fruity-text-span {
  font-weight: 200;
}

.__dhiwise1744974359688 .product-section__group-102 {
  gap: 22px;
  display: flex;
  width: 12%;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.__dhiwise1744974359688 .product-section__image--television-white {
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.__dhiwise1744974359688 .product-section__floral-text {
  color: #000000 !important;
  letter-spacing: 0.68px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 200;
  @media only screen and (max-width: 1440px) {
    font-size: 14px;
  }
}

.__dhiwise1744974359688 .product-section__image--cut {
  height: 52px;
  width: 100%;
  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.__dhiwise1744974359688 .product-section__image--fire {
  height: 56px;
  width: 74%;
  object-fit: contain;
}

  .highlighted.citrus  { background-color: #FFEB3B;    width: 110px;
    height: 110px;
    border-radius: 60px; }
  .highlighted.fruity  { background-color: #FF7043;    width: 110px;
    height: 110px;
    border-radius: 60px;}
  .highlighted.floral  { background-color: #FF4081;    width: 110px;
    height: 110px;
    border-radius: 60px; }
  .highlighted.gourmet { background-color: #FBC02D;    width: 110px;
    height: 110px;
    border-radius: 60px;}
  .highlighted.nutty   { background-color: #8D6E63;     width: 110px;
    height: 110px;
    border-radius: 60px;}
  .highlighted.earthy  { background-color: #66BB6A;    width: 110px;
    height: 110px;
    border-radius: 60px;}
  .highlighted.spicy   { background-color: #FF5722;     width: 110px;
    height: 110px;
    border-radius: 60px;}
  .highlighted.smoky   { background-color: #607D8B;     width: 110px;
    height: 110px;
    border-radius: 60px;}


.tab {
  overflow: hidden;

}

/* Style the buttons inside the tab */
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #F8F8F8;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #F8F8F8;
}

/* Style the tab content */
.tabcontent {
  display: none;
}
body {
  background-color: white !important;
}
/* Container styling */
.product-details {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #333;
  max-width: 90%;
  margin: 50px auto;
}

/* Title styling */
.product-details h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

/* Table styling */
.product-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.product-table tr {
  border-bottom: 1px solid #eee;
}

.product-table td {
  padding: 12px 10px;
  vertical-align: top;
}

/* Left column (labels) */
.product-table td:first-child {
  font-weight: 500;
  width: 250px;
  color: #333;
}

/* Right column (values) */
.product-table td:last-child {
  color: #444;
}
@media only screen and (max-width: 768px) {
  .__dhiwise1744974359688 .product-section__group-195 {
    align-items: center !important;
  }
}