.nghe-thu-cong-title {
    font-size: var(--font-size-21xl);
    line-height: 55px;
    font-family: var(--font-bellevue);
    font-weight: 600;
}

.nghe-thuat-title {
    font-size: var(--font-size-xl);
    line-height: 20px;
    font-family: var(--font-bellevue);
    font-weight: 600;
}
.frame-icon-nghethucong {
    width: 100%;
    position: relative;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}
.frame-child-thucong{
    width: 100%;
    height: auto;
    padding-top: 35px;
}
.hct-003-bi-vit-chi-tit-child {
    position: absolute;
    top: 688px;
    left: 955px;
    filter: blur(300px);
    border-radius: 50%;
    background: linear-gradient( -32.22deg, rgba(209, 172, 255, 0), rgba(195, 159, 241, 0.08) 17.19%, rgba(237, 208, 255, 0.24) 44.33%, rgba(201, 222, 255, 0.3) 75.52% );
    width: 625px;
    height: 690px;
    transform: rotate(90deg);
    transform-origin: 0 0;
    opacity: 0.5;
}
.renters1 {
  position: absolute;
  height: 0.39%;
  width: 4.03%;
  top: 0.46%;
  left: 20.35%;
  font-size: var(--font-size-xs);
  font-family: var(--font-montserrat);
  color: var(--text-main-484848);
  display: none;
}
.hct-003-bi-vit-chi-tit-item {
  position: absolute;
  top: 1985px;
  left: 811px;
  border-radius: 50%;
  background-color: var(--color-darkslateblue);
  width: 8px;
  height: 8px;
  display: none;
}
.clipboard-icon1 {
  position: absolute;
  height: 1.04%;
  width: 2.67%;
  top: 479.85%;
  right: -749.13%;
  bottom: -380.89%;
  left: 846.46%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.label1 {
  align-self: stretch;
  position: relative;
  line-height: 20px;
  font-weight: 300;
}
.input1 {
  position: absolute;
  top: 2058px;
  left: 182px;
  width: 452px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--text-main-484848);
}
.hct-003-bi-vit-chi-tit-inner {
  position: absolute;
  top: 79px;
  left: -142px;
  width: 604px;
  height: 545px;
}
.message1 {
  position: absolute;
  top: 2142px;
  left: 182px;
  font-weight: 300;
  color: var(--color-tomato);
  display: none;
}
.creative-city3,
.thua-thien-hue2 {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 43.41px;
  text-transform: capitalize;
}
.creative-city3 {
  top: 32.7px;
  font-size: var(--font-size-8xl-5);
  line-height: 39.33px;
  font-family: var(--font-book-antiqua);
}
.thua-thien-hue-container {
  position: absolute;
  top: 7616px;
  left: 135px;
  width: 169px;
  height: 72.7px;
  font-size: var(--font-size-11xl-4);
  font-family: var(--font-balboaplus-fill);
}
.trang-ch1 {
  color: var(--color-white);
}
.gii-thiu2,
.trang-ch1 {
  position: relative;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 500;
}
.trang-ch-group {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.frame-child21,
.frame-child22 {
  position: absolute;
  top: 25px;
  left: 27px;
  max-height: 100%;
  width: 19px;
}
.frame-child22 {
  top: -15px;
  left: -141px;
  width: 1437px;
}
.frame-parent16 {
  position: absolute;
  top: 72px;
  left: 141px;
  width: 1157px;
  height: 25px;
}
.group-child10,
.group-child9,
.polygon-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-child10,
.polygon-icon {
  height: 18.75%;
  width: 12.37%;
  top: 40.63%;
  bottom: 40.63%;
  left: 87.63%;
}
.group-child10 {
  height: 100%;
  width: 32.99%;
  top: 0;
  right: 67.01%;
  bottom: 0;
  left: 0;
}
.dean1 {
  position: absolute;
  top: 12.5%;
  left: 35.05%;
  line-height: 24px;
  font-weight: 500;
}
.group-div {
  position: absolute;
  height: 57.14%;
  width: 6.74%;
  top: 21.43%;
  right: 1.67%;
  bottom: 21.43%;
  left: 91.6%;
  display: none;
}
.group-child11,
.group-child12,
.group-child13 {
  position: absolute;
  height: 32.14%;
  width: 1.25%;
  top: 33.93%;
  right: 11.11%;
  bottom: 33.93%;
  left: 87.64%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}
.group-child12,
.group-child13 {
  right: 13.47%;
  left: 85.28%;
}
.group-child13 {
  right: 15.83%;
  left: 82.92%;
}
.group-child14 {
  height: 50%;
  width: 9.44%;
  top: 25%;
  right: 18.47%;
  bottom: 25%;
  left: 72.08%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.09);
  border-radius: var(--br-14xl);
  background-color: var(--primary-homing-8551db);
  opacity: 0.1;
}
.dashboard1,
.group-child14,
.group-child15 {
  position: absolute;
  display: none;
}
.dashboard1 {
  top: 28.57%;
  left: 73.68%;
  line-height: 24px;
  font-weight: 600;
  color: var(--primary-homing-8551db);
}
.group-child15 {
  height: 49.82%;
  width: 1.94%;
  top: 21.43%;
  right: 6.88%;
  bottom: 28.75%;
  left: 91.18%;
  border-radius: 50%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.group-child16,
.vector-container {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}
.vector-container {
  width: 100%;
  right: 0;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.06));
}
.group-child16 {
  width: 84.96%;
  right: 15.04%;
  border-radius: var(--br-14xl);
  background-color: var(--color-white);
  border: 1px solid var(--line-line-f1f1f1);
  box-sizing: border-box;
}
.add-dress-city1 {
  position: absolute;
  top: 18.75%;
  left: 3.54%;
  line-height: 20px;
  font-weight: 300;
}
.group-child17,
.group-child18,
.icon1 {
  position: absolute;
  height: 56.25%;
  width: 3.98%;
  top: 21.88%;
  right: 17.7%;
  bottom: 21.88%;
  left: 78.32%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-child18,
.icon1 {
  right: 7.52%;
  left: 88.5%;
}
.group-child18 {
  right: 0;
  left: 96.02%;
  object-fit: cover;
}
.rectangle-parent8 {
  position: absolute;
  height: 57.14%;
  width: 31.39%;
  top: 21.43%;
  right: 55.42%;
  bottom: 21.43%;
  left: 13.19%;
  display: none;
  font-size: var(--body-app-14light-size);
  color: var(--text-main-484848);
}
.creative-city4,
.thua-thien-hue3 {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 26.5px;
  text-transform: capitalize;
}
.creative-city4 {
  top: 20px;
  font-size: var(--font-size-base-8);
  line-height: 24.01px;
  font-family: var(--font-book-antiqua);
}
.thua-thien-hue-parent1 {
  position: absolute;
  top: 6px;
  left: 32px;
  width: 103px;
  height: 44px;
  font-size: var(--font-size-lg-6);
  color: var(--color-white);
  font-family: var(--font-balboaplus-fill);
}
.image-35-icon1,
.image-36-icon1 {
  position: absolute;
  top: 19px;
  left: 1392px;
  border-radius: var(--br-9xs);
  width: 22px;
  height: 15px;
  object-fit: cover;
}
.image-36-icon1 {
  left: 1362px;
}
.group-child19,
.header-beta1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 56px;
}
.group-child19 {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  border-radius: var(--br-9xs);
  background-color: var(--color-gray-400);
  border: 1px solid var(--color-darkslategray-100);
  box-sizing: border-box;
}
.search1 {
  position: absolute;
  top: 18.75%;
  left: 3.87%;
  line-height: 20px;
  font-weight: 300;
}
.group-child20 {
  position: absolute;
  height: 43.75%;
  width: 4.11%;
  top: 28.13%;
  right: 3.87%;
  bottom: 28.13%;
  left: 92.03%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.rectangle-parent9 {
  position: absolute;
  height: 57.14%;
  width: 26.39%;
  top: 21.43%;
  right: 6.88%;
  bottom: 21.43%;
  left: 66.74%;
  font-size: var(--body-app-14light-size);
  color: var(--color-darkgray-200);
}
.frame-parent15,
.header-beta-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
}
.header-beta-group {
  height: 56px;
  font-size: var(--font-size-base);
  color: var(--color-darkslategray-100);
  font-family: var(--body-app-14light);
}
.frame-parent15 {
  height: 106px;
  color: var(--color-darkgray-100);
  font-family: var(--font-be-vietnam-pro);
}
.z5684625983680-62ca98783c49b4b-icon {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.m-thc-hu4 {
    width: 70%;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 73.6px;
    line-height: 84.64px;
    font-family: var(--font-bellevue);
    color: white;
    text-align: center;
    font-weight: 600;
}
.hct-003-bi-vit-chi-tit-child1 {
  position: absolute;
  top: 820px;
  left: 141px;
  width: 550px;
  height: 456px;
}
.bi-vit-khc {
  font-size: 28px;
  line-height: 32.2px;
  font-weight: 600;
  font-family: var(--font-be-vietnam-pro);
  color: var(--color-gray-200);
  padding: 0 20px;
}
.home {
  position: relative;
  line-height: 32.2px;
  font-weight: 300;
}
.home-parent {
    display: flex;
    flex-direction: row;
    gap: var(--gap-2xs);
    justify-content: flex-start;
    flex-wrap: wrap;
}
.group-parent-nghethucong {
    background: #fff;
    padding: 3rem 0;
}

.ngh-thut-m-sangtao {
    position: absolute;
    bottom: 17%;
    left: 20px;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
    font-size: 25px;
}

.nghe-thuat-dan-gian {
    position: absolute;
    bottom: 31%;
    left: 45px;
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
    font-size: 25px;
}

.xem-thm-wrapper-nghe-thuat {
    position: absolute;
    left: 45px;
    bottom: 10%;
    border-radius: var(--br-5xs);
    background: linear-gradient(90deg, #eedd47, #ffcf87);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-29xl);
    font-size: var(--body-app-14light-size);
    color: var(--miscellaneous-floating-tab-text-unselected);
    font-family: var(--font-be-vietnam-pro);
}

.text-nghe-thuat {
    position: absolute;
    left: 45px;
    bottom: 22%;
    font-size: var(--body-app-14light-size);
    font-weight: 300;
    width: 90%;
    text-align: start;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.image-28-parent-sangtao {
    width: 100%;
    position: relative;
    height: 430px;
    padding: 10px;
}

.image-28-parent-nghethuat {
    width: 100%;
    position: relative;
    height: 500px;
    padding: 10px;
}

.image-28-icon-sangtao {
    border-radius: var(--br-xs);
    width: 100%;
    height: 100%;
}

.home-parent-vanhoavt {
    display: flex;
    flex-direction: row;
    gap: var(--gap-2xs);
    justify-content: flex-start;
    flex-wrap: wrap;
}

.home-parent-dangian {
    display: flex;
    flex-direction: row;
    gap: var(--gap-2xs);
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px 20px;
}
.v-c1 {
  align-self: stretch;
  position: relative;
  font-size: 32px;
  line-height: 32.2px;
  font-weight: 600;
}
.sharefat-icon {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
/*.lt-xem-parent,*/
.sharefat-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sharefat-parent {
  justify-content: flex-start;
  gap: var(--gap-base);
}
.lt-xem-parent {
  flex-wrap:wrap;
  align-self: stretch;
  justify-content: space-between;
  
}
.z5684625983680-62ca98783c49b4b-icon1 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.blank-line {
  margin: 0;
  text-align: justify;
}
.lch-s-hnh-container1 {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 300;
}
.frame-parent17,
.z5684625983680-62ca98783c49b4b-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.z5684625983680-62ca98783c49b4b-parent {
  align-self: stretch;
  align-items: flex-start;
/*  gap: var(--gap-6xl);*/
  font-size: var(--font-size-base);
}
.frame-parent17 {
  
  
  width: 100%;
  align-items: flex-start;
  gap: var(--gap-5xs);
  color: var(--color-gray-200);
  font-family: var(--font-be-vietnam-pro);
}
.image-21-icon1 {
  width: 100%;
  position: relative;
  border-radius: var(--br-xs);
  height: 187px;
  object-fit: cover;
}
.bnh-u-xanh,
.bnh-u-xanh-tri-cy-hay {
    width: 95%;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bnh-u-xanh-tri-cy-hay {
  font-size: var(--body-app-14light-size);
  font-weight: 300;
}
.bnh-u-xanh-tri-cy-tinh-parent {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-parent18,
.image-21-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
}
.image-21-group {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-antiquewhite);
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-5xl);
}
.frame-parent18 {
  position: relative;
  width:100%;
  justify-content: flex-start;
  font-size: var(--font-size-base);
  color: var(--color-gray-200);
  font-family: var(--font-be-vietnam-pro);
}
.frame-parent-dangian {
    width: 100%;
    justify-content: space-between;
    font-size: var(--font-size-base);
    color: var(--color-gray-200);
    font-family: var(--font-be-vietnam-pro);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.la-plateforme1 {
    position: relative;
    text-decoration: underline;
    font-weight: 300;
}
.frame-parent21,
.la-plateforme-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10xl);
}
.frame-parent21 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-63xl);
}
.rserver-une-dmo1 {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.rserver-une-dmo-container {
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-yellowgreen);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
}
.se-connecter1 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.frame-parent22,
.se-connecter-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.se-connecter-container {
  border-radius: var(--br-5xs);
  background-color: var(--color-yellowgreen);
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
  color: var(--color-white);
}
.frame-parent22 {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-lgi);
  text-align: center;
  font-size: var(--body-app-14light-size);
  color: var(--color-yellowgreen);
}
.frame-parent20 {
  align-self: stretch;
  width: 459px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.adresse-mail1,
.suivez-lactualit-de1 {
  position: relative;
  font-weight: 500;
}
.adresse-mail1 {
  line-height: 20px;
  font-weight: 300;
}
.adresse-mail-container {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-darkslategray-200);
  border: 1px solid var(--dark-dark-300);
  box-sizing: border-box;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs);
}
.envoyer-container,
.frame-parent24 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.envoyer-container {
  width: 120px;
  border-radius: var(--br-5xs);
  background-color: var(--color-yellowgreen);
  height: 44px;
  align-items: center;
  padding: var(--padding-xs) var(--padding-5xl);
  box-sizing: border-box;
  text-align: center;
  color: var(--color-darkslategray-300);
}
.frame-parent24 {
  width: 439px;
  align-items: flex-start;
  gap: var(--gap-2xs);
  color: var(--color-gray-100);
}
.suivez-lactualit-de-green-it-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.social-icon4 {
  width: 40px;
  position: relative;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
}
.social-icon-container,
.suivez-nous-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-8xl);
}
.suivez-nous-group {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
}
.frame-parent19,
.frame-parent23 {
  height: 182px;
  align-items: flex-start;
}
.frame-parent23 {
  border-radius: var(--br-xs);
  display: none;
  flex-direction: column;
  justify-content: space-between;
  font-size: var(--font-size-base);
}
.frame-parent19 {
  width: 941px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--gap-24xl);
}

.tri-nghim-hu2 {
  width: 156px;
  position: relative;
  text-decoration: underline;
  font-weight: 300;
  display: inline-block;
}
.frame-parent26,
.frame-wrapper2,
.gii-thiu-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.gii-thiu-group {
  width: 169px;
  flex-direction: column;
  gap: var(--gap-10xl);
}
.frame-parent26,
.frame-wrapper2 {
  width: 269px;
  flex-direction: row;
}
.frame-wrapper2 {
  width: 264px;
  height: 147px;
  flex-direction: column;
}
.ng-k-container {
  width: 114px;
  border-radius: var(--br-5xs);
  background: linear-gradient(90deg, #eedd47, #ffcf87);
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-29xl);
  box-sizing: border-box;
  text-align: center;
  color: var(--color-gray-300);
}
.social-icon6 {
  width: 26px;
  position: relative;
  height: 26px;
  overflow: hidden;
  flex-shrink: 0;
}
.social-icon-parent1 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-mid-6);
}
.frame-wrapper3 {
  flex-direction: column;
  justify-content: flex-start;
}
.frame-parent25,
.frame-parent27,
.frame-wrapper3 {
  display: flex;
  align-items: flex-start;
}
.frame-parent27 {
  border-radius: var(--br-xs);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.frame-parent25 {
  position: absolute;
  top: 43px;
  left: 344px;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--gap-44xl);
  font-size: var(--font-size-base);
  font-family: var(--font-be-vietnam-pro);
}
.footer-group {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1440px;
  height: 239px;
  font-size: var(--font-size-lg);
}
.header-beta-container {
  align-self: stretch;
  position: relative;
  height: 56px;
}
.gii-thiu-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.frame-parent30 {
  width: 1300px;
  position: relative;
  height: 25px;
  font-size: var(--body-app-14light-size);
  color: var(--color-darkgray-100);
  font-family: var(--font-be-vietnam-pro);
}
.frame-parent29 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 1440px;
  height: 108px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--font-size-base);
  color: var(--color-darkslategray-100);
}
.hct-003-bi-vit-chi-tit {
  width: 1440px;
  background-color: var(--color-white);
  max-width: 100%;
  height: 3431px;
  overflow: hidden;
  text-align: left;
  font-size: var(--body-app-14light-size);
  color: var(--color-white);
  font-family: var(--body-app-14light);
}

.recipe-container {
    width: 100%;
    margin: auto;
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.recipe-info {
    display: flex;
    justify-content: center ;
    font-size: 20px;
    color: #555;
}

    .recipe-info .time, .recipe-info .servings {
        display: flex;
        align-items: center;
        margin: 0 10px;
    }

    .recipe-info i {
        margin-right: 8px;
    }
.separator {
    height: 24px; /* Chiều cao của đường kẻ */
    width: 1px; /* Chiều rộng của đường kẻ */
    background-color: #ccc; /* Màu sắc của đường kẻ */
    margin: 0 20px; /* Khoảng cách giữa đường kẻ với các phần tử khác */
}

hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.ingredients ul {
    content: "\2022"; /* Mã unicode cho dấu chấm (•) */
    color: #333; /* Màu sắc của biểu tượng */
    font-weight: bold;
    list-style-type: circle;
}

.ingredients {
    font-size: 16px;
}

    .ingredients h3 {
        margin-bottom: 20px;
        font-size: 20px;
        color: #333;
        font-weight: bold;
    }

.ingredients-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .ingredients-list ul {
        padding-left: 20px;
        list-style-type: none; 
    }

    .ingredients-list li {
        margin-bottom: 30px;
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: 500;
    }

        .ingredients-list li::before {
            content: "\2022";
            color: #333;
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0;
        }