.fiesta-comp-card, .fiesta-rec-card {
  position: relative;
  overflow: hidden;
}

ul.mini-nav {
  text-align: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  font-size: 1em;
}
ul.mini-nav > li {
  display: inline;
  padding: 0 14px;
  border-left: 1px solid black;
}
ul.mini-nav > li:last-of-type {
  border-right: 1px solid black;
}
ul.mini-nav > li > a {
  text-decoration: underline;
}
@media (min-width: 425px) {
  ul.mini-nav > li {
    padding: 0 20px;
  }
}

#fiesta-spotlight .nav-pills > li.active > a {
  color: #fef9e0 !important;
  background-color: #5A6435 !important;
}
#fiesta-spotlight h2 {
  font-size: 4rem !important;
  font-weight: bold !important;
  margin-bottom: 2rem !important;
}
#fiesta-spotlight p {
  margin-bottom: 0 !important;
}
#fiesta-spotlight .txtdec-none {
  text-decoration: none !important;
}
#fiesta-spotlight .btn-main {
  max-width: 26rem !important;
  width: 100% !important;
  color: #FEF9E0 !important;
  background-color: #5A6435;
  border-radius: 15px;
  padding: 10px 15px !important;
  text-align: center;
  margin-top: 3rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 5;
}
#fiesta-spotlight .btn-main:focus, #fiesta-spotlight .btn-main:hover {
  scale: 1.1;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}
#fiesta-spotlight .btn-main-light {
  max-width: 26rem !important;
  width: 100% !important;
  color: #5A6435 !important;
  background-color: #FEF9E0;
  border-radius: 15px;
  padding: 10px 15px !important;
  text-align: center;
  margin-top: 3rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#fiesta-spotlight .btn-main-light:focus, #fiesta-spotlight .btn-main-light:hover {
  scale: 1.1;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

/*Product Block Begins*/
#fiesta-spotlight .add-product {
  background-clip: content-box;
  background-color: white;
}

#fiesta-spotlight .save-flash-cont {
  margin-top: 1rem !important;
}

#fiesta-spotlight .product-card2 {
  outline: #5A6435 solid 1px;
  outline-offset: -10px;
}

#fiesta-spotlight .underline {
  text-decoration: underline !important;
}

#fiesta-spotlight .grid-prod-title {
  font-size: 1em;
  font-weight: 600;
}

#fiesta-spotlight .grid-prod-price {
  font-size: 1.6em;
  font-weight: 400;
  color: #f2243f;
}

@media (min-width: 1024px) {
  #fiesta-spotlight .grid-prod-price {
    font-size: 1.4em;
    font-weight: 600;
  }
}
#fiesta-spotlight p.box-quantity {
  font-size: 14px;
  margin: 0;
  font-style: italic;
}

#fiesta-spotlight span.prod-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
}

#fiesta-spotlight span.prod-vat-marker {
  font-size: 1em;
  font-weight: 400;
  color: #32374b;
}

#fiesta-spotlight div.save-flash-cont {
  position: absolute;
  top: 0;
  right: 10px;
  width: 56px;
  height: 56px;
}

#fiesta-spotlight div.save-flash-cont span.save-flash {
  width: inherit;
  height: inherit;
  background-color: #f2243f;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}

#fiesta-spotlight div.save-flash-cont span.save-flash:empty {
  display: none;
}

#fiesta-spotlight .product-new {
  display: block;
  top: 1rem !important;
}

#fiesta-spotlight .product-new--pod {
  margin-top: 0;
}

#fiesta-spotlight .button.s-default {
  background-color: white !important;
  color: #5A6435 !important;
}

/*Product Block Ends*/
main #fiesta-spotlight h1.fiesta-logo {
  font-size: 5.4em;
}
@media (min-width: 640px) {
  main #fiesta-spotlight h1.fiesta-logo {
    font-size: 5.1em;
  }
}
main .text-hide {
  font: 0/0 a;
  color: transparent !important;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
main .fiesta-logo {
  width: 120px;
  height: auto;
  background-image: url("https://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Fiesta-logo.svg");
  background-repeat: no-repeat;
  background-position: center;
}
main .hero-banner.hb-split .hb-image {
  -webkit-clip-path: polygon(0 30%, 100% 0%, 100% 100%, 19% 100%);
  clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
  background-position: top;
}
@media (min-width: 768px) {
  main .hero-banner.hb-split .hb-image {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 31% 100%);
  }
}
@media (min-width: 1024px) {
  main .hero-banner.hb-split .hb-image {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 23% 100%);
  }
}
@media (min-width: 1280px) {
  main .hero-banner.hb-split .hb-image {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%);
    background-position-y: top;
  }
}
main div.hero-banner.hb-split .hb-image {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=425,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Fiesta-herobanner.jpg");
}
@media (min-width: 768px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=502,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Fiesta-herobanner.jpg");
  }
}
@media (min-width: 1024px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Fiesta-herobanner.jpg");
  }
}
@media (min-width: 1280px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Fiesta-herobanner.jpg");
  }
}

.fiesta-rec-card {
  margin-inline: center;
  max-width: 50rem;
  height: 68rem;
  width: 100%;
  background-color: #ACB397;
  border-radius: 50px;
  border: #5A6435 solid 1px;
}
.fiesta-rec-card p {
  padding-inline: 1rem;
  color: #FEF9E0;
}

.fiesta-comp-card {
  margin-inline: center;
  max-width: 50rem;
  height: 68rem;
  width: 100%;
  background-color: #FEF9E0;
  border-radius: 50px;
  border: #5A6435 solid 1px;
}
.fiesta-comp-card p {
  padding-inline: 1rem;
  color: #5A6435;
}

.card_head img {
  margin-inline: auto;
  margin-top: 4rem;
}

.card_body {
  padding-bottom: 6rem;
}
.card_body p {
  text-align: center;
  margin-top: 4rem;
  margin-inline: auto;
  max-width: 40rem;
}

.card_footer .foot-bg-1 {
  height: 26rem;
  background-image: url("https://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/card-img-1.jpg");
  background-position: center;
  background-size: 110%;
}
.card_footer .foot-bg-2 {
  height: 26rem;
  background-image: url("https://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/card-img-2.jpg");
  background-position: center;
  background-size: 115%;
}

#section2-materials .compostable-right p, #section2-materials .recyclable-left p {
  max-width: 51.5rem;
  margin-inline: auto;
  color: #FEF9E0;
  margin-top: 4rem;
}

#section2-materials {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-color: #B4BAA1;
  position: relative;
  overflow: hidden;
}
#section2-materials .ring-1 {
  position: absolute;
  top: -15%;
  left: -15%;
}
@media (max-width: 540px) {
  #section2-materials .ring-1 {
    top: -10%;
  }
}
#section2-materials .ring-2 {
  position: absolute;
  top: -15%;
  right: 15%;
}
#section2-materials .ring-3 {
  position: absolute;
  bottom: -50%;
  right: 0%;
}
@media (max-width: 540px) {
  #section2-materials .ring-3 {
    bottom: -10%;
  }
}
#section2-materials h2 {
  color: #FEF9E0 !important;
  z-index: 5;
}
@media (max-width: 435px) {
  #section2-materials h2 {
    text-align: center;
    line-height: 3rem;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    margin-bottom: 2rem !important;
  }
}
#section2-materials .leafs {
  margin-left: 1rem;
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
}
@media (max-width: 370px) {
  #section2-materials .leafs {
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
}
#section2-materials .recyclable-left .recyc-logo {
  width: auto;
  height: 3.5rem;
  background-image: url("https://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Recyclable-title.svg");
  background-repeat: no-repeat;
  background-position: center;
}
#section2-materials .recyclable-left h3 {
  color: transparent;
}
#section2-materials .recyclable-left p {
  max-width: 45rem;
  text-align: center !important;
}
#section2-materials .compostable-right .comp-logo {
  width: auto;
  height: 3.5rem;
  background-image: url("https://media.nisbets.com/static/fuse/projects/UK/fiesta_spotlight/assets/images/v2/Compostable-title.svg");
  background-repeat: no-repeat;
  background-position: center;
}
#section2-materials .compostable-right h3 {
  color: transparent;
}
#section2-materials .compostable-right p {
  text-align: center !important;
}
#section2-materials .recyclable-left > .grid {
  margin-top: 4rem;
}
#section2-materials .compostable-right > .grid {
  margin-top: 4rem;
}
#section2-materials .grid {
  max-width: 55rem;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: dense;
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-rows: 14rem auto auto auto auto;
  gap: 2rem;
}
@media (max-width: 435px) {
  #section2-materials .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#section2-materials .grid .material {
  max-width: 25rem;
  background-color: white;
  padding: 1.5rem;
  -ms-grid-row-span: 5;
  grid-row: span 5;
  display: -ms-grid;
  display: grid;
  row-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-rows: auto 1rem 2rem 1rem minmax(14rem, 18rem) 1rem auto 1rem auto;
  grid-template-rows: auto 2rem minmax(14rem, 18rem) auto auto;
  border: 1px solid #5A6435;
}
#section2-materials .grid .material picture > img {
  width: 100%;
  height: auto;
  max-height: 13.6rem !important;
}
#section2-materials .grid .material p {
  color: black;
  text-align: start;
}
#section2-materials .grid .material p:nth-of-type(1) {
  font-weight: bold;
  font-size: 2rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#section2-materials .grid .material p:nth-of-type(3) {
  margin-top: 4.7rem;
}
#section2-materials .grid .material p span {
  font-size: 2.2rem;
  color: red;
  margin-inline: 0.5rem;
}
#section2-materials .grid .material a {
  margin-top: 2rem;
}
#section2-materials .grid .material a:hover {
  text-decoration: underline;
}

#fiesta-spotlight #section3-foodtogo h2 {
  color: #5A6435 !important;
}
#fiesta-spotlight #section3-foodtogo .leafs-left {
  margin-right: 1rem;
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
  fill: red;
}
@media (max-width: 370px) {
  #fiesta-spotlight #section3-foodtogo .leafs-left {
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
}
#fiesta-spotlight #section3-foodtogo p {
  max-width: 80rem;
  margin-inline: auto;
  text-align: center;
}
#fiesta-spotlight #section3-foodtogo .nav > li > a {
  border: 1px solid #5A6435 !important;
  border-radius: 10px !important;
  margin-inline: 1rem !important;
  font-size: 2.3rem !important;
  font-weight: 600 !important;
  padding: 10px 15px !important;
  color: #5A6435;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 415px) {
  #fiesta-spotlight #section3-foodtogo .nav > li > a {
    margin-inline: 0.3rem !important;
  }
}
#fiesta-spotlight #section3-foodtogo .nav > li > a:focus, #fiesta-spotlight #section3-foodtogo .nav > li > a:hover, #fiesta-spotlight #section3-foodtogo .nav > li > a:active {
  margin-inline: 1.5rem !important;
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
  scale: 1.1 !important;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#fiesta-spotlight #section3-foodtogo .nav > li > a:focus .btn-leaf-left, #fiesta-spotlight #section3-foodtogo .nav > li > a:hover .btn-leaf-left, #fiesta-spotlight #section3-foodtogo .nav > li > a:active .btn-leaf-left {
  opacity: 1;
  -webkit-animation: leaf-left 0.3s ease-in-out forwards;
          animation: leaf-left 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section3-foodtogo .nav > li > a:focus .btn-leaf-right, #fiesta-spotlight #section3-foodtogo .nav > li > a:hover .btn-leaf-right, #fiesta-spotlight #section3-foodtogo .nav > li > a:active .btn-leaf-right {
  opacity: 1;
  -webkit-animation: leaf-right 0.3s ease-in-out forwards;
          animation: leaf-right 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section3-foodtogo .nav > li > a:focus {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section3-foodtogo a.active {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section3-foodtogo .btn-leaf-left {
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-90deg);
          transform: translateY(10px) translateX(-56px) rotate(-90deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section3-foodtogo .btn-leaf-right {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translateY(-19px) translateX(150px) rotate(0deg);
          transform: translateY(-19px) translateX(150px) rotate(0deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section3-foodtogo .active .btn-leaf-left {
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
          transform: translateY(10px) translateX(-56px) rotate(-20deg);
  opacity: 1;
}
#fiesta-spotlight #section3-foodtogo .active .btn-leaf-right {
  -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
          transform: translateY(-21px) translateX(152px) rotate(20deg);
  opacity: 1;
}
@-webkit-keyframes leaf-left {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px) translateX(-4rem) rotate(-90deg);
            transform: translateY(10px) translateX(-4rem) rotate(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
            transform: translateY(10px) translateX(-56px) rotate(-20deg);
  }
}
@keyframes leaf-left {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px) translateX(-4rem) rotate(-90deg);
            transform: translateY(10px) translateX(-4rem) rotate(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
            transform: translateY(10px) translateX(-56px) rotate(-20deg);
  }
}
@-webkit-keyframes leaf-right {
  from {
    opacity: 0;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(90deg);
            transform: translateY(-21px) translateX(152px) rotate(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
            transform: translateY(-21px) translateX(152px) rotate(20deg);
  }
}
@keyframes leaf-right {
  from {
    opacity: 0;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(90deg);
            transform: translateY(-21px) translateX(152px) rotate(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
            transform: translateY(-21px) translateX(152px) rotate(20deg);
  }
}
#fiesta-spotlight #section3-foodtogo .btn-main {
  padding-inline: 4rem !important;
  padding-block: 1rem !important;
}

#fiesta-spotlight #section4-tableware {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-color: #FEF9E0 !important;
  position: relative;
  overflow: hidden;
}
#fiesta-spotlight #section4-tableware .ring-4 {
  position: absolute;
  top: -15%;
  right: 15%;
}
#fiesta-spotlight #section4-tableware .ring-5 {
  position: absolute;
  bottom: -50%;
  right: 0%;
}
@media (max-width: 540px) {
  #fiesta-spotlight #section4-tableware .ring-5 {
    bottom: -10%;
  }
}
#fiesta-spotlight #section4-tableware h2 {
  color: #5A6435;
  z-index: 5;
  text-align: center;
  line-height: 3rem;
}
#fiesta-spotlight #section4-tableware .leafs-right {
  margin-left: 1rem;
  -webkit-transform: translateY(-3rem) !important;
          transform: translateY(-3rem) !important;
}
@media (max-width: 415px) {
  #fiesta-spotlight #section4-tableware .leafs-right {
    -webkit-transform: translateX(-6rem) translateY(-3rem) !important;
            transform: translateX(-6rem) translateY(-3rem) !important;
  }
}
#fiesta-spotlight #section4-tableware p {
  max-width: 60rem;
  margin-inline: auto;
  text-align: center;
  z-index: 5;
}
#fiesta-spotlight #section4-tableware .z-index {
  position: relative;
  z-index: 5;
}
#fiesta-spotlight #section4-tableware .nav > li > a {
  border: 1px solid #5A6435 !important;
  border-radius: 10px !important;
  margin-inline: 1rem !important;
  font-size: 2.3rem !important;
  padding: 10px 15px !important;
  font-weight: 600 !important;
  color: #5A6435;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 415px) {
  #fiesta-spotlight #section4-tableware .nav > li > a {
    margin-inline: 0.3rem;
  }
}
#fiesta-spotlight #section4-tableware .nav > li > a:focus, #fiesta-spotlight #section4-tableware .nav > li > a:hover, #fiesta-spotlight #section4-tableware .nav > li > a:active {
  margin-inline: 1.5rem !important;
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
  scale: 1.1 !important;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#fiesta-spotlight #section4-tableware .nav > li > a:focus .btn-leaf-left, #fiesta-spotlight #section4-tableware .nav > li > a:hover .btn-leaf-left, #fiesta-spotlight #section4-tableware .nav > li > a:active .btn-leaf-left {
  opacity: 1;
  -webkit-animation: leaf-left 0.3s ease-in-out forwards;
          animation: leaf-left 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section4-tableware .nav > li > a:focus .btn-leaf-right, #fiesta-spotlight #section4-tableware .nav > li > a:hover .btn-leaf-right, #fiesta-spotlight #section4-tableware .nav > li > a:active .btn-leaf-right {
  opacity: 1;
  -webkit-animation: leaf-right 0.3s ease-in-out forwards;
          animation: leaf-right 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section4-tableware .nav > li > a:focus {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section4-tableware a.active {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section4-tableware .btn-leaf-left {
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-90deg);
          transform: translateY(10px) translateX(-56px) rotate(-90deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section4-tableware .btn-leaf-right {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translateY(-19px) translateX(150px) rotate(0deg);
          transform: translateY(-19px) translateX(150px) rotate(0deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section4-tableware .active .btn-leaf-left {
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
          transform: translateY(10px) translateX(-56px) rotate(-20deg);
  opacity: 1;
}
#fiesta-spotlight #section4-tableware .active .btn-leaf-right {
  -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
          transform: translateY(-21px) translateX(152px) rotate(20deg);
  opacity: 1;
}
@keyframes leaf-left {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px) translateX(-4rem) rotate(-90deg);
            transform: translateY(10px) translateX(-4rem) rotate(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
            transform: translateY(10px) translateX(-56px) rotate(-20deg);
  }
}
@keyframes leaf-right {
  from {
    opacity: 0;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(90deg);
            transform: translateY(-21px) translateX(152px) rotate(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
            transform: translateY(-21px) translateX(152px) rotate(20deg);
  }
}
#fiesta-spotlight #section4-tableware .btn-main {
  padding-inline: 4rem !important;
  padding-block: 1rem !important;
}

#fiesta-spotlight #section5-cups h2 {
  color: #5A6435 !important;
}
#fiesta-spotlight #section5-cups .leafs-left {
  margin-right: 1rem;
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
  fill: red;
}
@media (max-width: 370px) {
  #fiesta-spotlight #section5-cups .leafs-left {
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
}
#fiesta-spotlight #section5-cups p {
  max-width: 60rem;
  margin-inline: auto;
  text-align: center;
}
#fiesta-spotlight #section5-cups .nav > li > a {
  border: 1px solid #5A6435 !important;
  border-radius: 10px !important;
  margin-inline: 1rem !important;
  font-size: 2.3rem !important;
  padding: 10px 15px !important;
  font-weight: 600 !important;
  color: #5A6435;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 415px) {
  #fiesta-spotlight #section5-cups .nav > li > a {
    margin-inline: 0.3rem;
  }
}
#fiesta-spotlight #section5-cups .nav > li > a:focus, #fiesta-spotlight #section5-cups .nav > li > a:hover, #fiesta-spotlight #section5-cups .nav > li > a:active {
  margin-inline: 1.5rem !important;
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
  scale: 1.1 !important;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#fiesta-spotlight #section5-cups .nav > li > a:focus .btn-leaf-left, #fiesta-spotlight #section5-cups .nav > li > a:hover .btn-leaf-left, #fiesta-spotlight #section5-cups .nav > li > a:active .btn-leaf-left {
  opacity: 1;
  -webkit-animation: leaf-left 0.3s ease-in-out forwards;
          animation: leaf-left 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section5-cups .nav > li > a:focus .btn-leaf-right, #fiesta-spotlight #section5-cups .nav > li > a:hover .btn-leaf-right, #fiesta-spotlight #section5-cups .nav > li > a:active .btn-leaf-right {
  opacity: 1;
  -webkit-animation: leaf-right 0.3s ease-in-out forwards;
          animation: leaf-right 0.3s ease-in-out forwards;
}
#fiesta-spotlight #section5-cups .nav > li > a:focus {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section5-cups a.active {
  background-color: #5A6435 !important;
  color: #FEF9E0 !important;
}
#fiesta-spotlight #section5-cups .btn-leaf-left {
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-90deg);
          transform: translateY(10px) translateX(-56px) rotate(-90deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section5-cups .btn-leaf-right {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translateY(-19px) translateX(150px) rotate(0deg);
          transform: translateY(-19px) translateX(150px) rotate(0deg);
  position: absolute;
  opacity: 0;
}
#fiesta-spotlight #section5-cups .active .btn-leaf-left {
  -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
          transform: translateY(10px) translateX(-56px) rotate(-20deg);
  opacity: 1;
}
#fiesta-spotlight #section5-cups .active .btn-leaf-right {
  -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
          transform: translateY(-21px) translateX(152px) rotate(20deg);
  opacity: 1;
}
@keyframes leaf-left {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px) translateX(-4rem) rotate(-90deg);
            transform: translateY(10px) translateX(-4rem) rotate(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(10px) translateX(-56px) rotate(-20deg);
            transform: translateY(10px) translateX(-56px) rotate(-20deg);
  }
}
@keyframes leaf-right {
  from {
    opacity: 0;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(90deg);
            transform: translateY(-21px) translateX(152px) rotate(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-21px) translateX(152px) rotate(20deg);
            transform: translateY(-21px) translateX(152px) rotate(20deg);
  }
}
#fiesta-spotlight #section5-cups .btn-main {
  padding-inline: 4rem !important;
  padding-block: 1rem !important;
}
#fiesta-spotlight #section5-cups .grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  gap: 4rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
#fiesta-spotlight #section5-cups .grid .prod-card {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-rows: repeat(4, 1fr);
  row-gap: 1rem;
  max-height: 43rem;
}
#fiesta-spotlight #section5-cups .grid .prod-card picture {
  -ms-grid-column-align: center;
      justify-self: center;
  max-height: 20rem;
}
#fiesta-spotlight #section5-cups .grid .prod-card p {
  max-width: 42rem;
}
#fiesta-spotlight #section5-cups .grid .prod-card p:nth-of-type(1) {
  font-size: 2rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#fiesta-spotlight #section5-cups .grid .prod-card p span {
  font-size: 2rem;
  margin-inline: 0.1rem;
}
#fiesta-spotlight #section5-cups .grid .prod-card .price {
  margin-top: -2rem;
}
#fiesta-spotlight #section5-cups .grid .prod-card .btn-main {
  -ms-grid-column-align: center;
      justify-self: center;
  margin-top: 0;
  max-width: 18rem;
}

#fiesta-spotlight #section6-straws {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-color: #B4BAA1;
  position: relative;
  overflow: hidden;
}
#fiesta-spotlight #section6-straws .ring-1 {
  position: absolute;
  top: -15%;
  left: -15%;
}
@media (max-width: 540px) {
  #fiesta-spotlight #section6-straws .ring-1 {
    top: -10%;
  }
}
#fiesta-spotlight #section6-straws .ring-2 {
  position: absolute;
  top: -15%;
  right: 15%;
}
#fiesta-spotlight #section6-straws .ring-3 {
  position: absolute;
  bottom: -50%;
  right: 0%;
}
@media (max-width: 540px) {
  #fiesta-spotlight #section6-straws .ring-3 {
    bottom: -10%;
  }
}
#fiesta-spotlight #section6-straws h2 {
  color: #FEF9E0 !important;
  z-index: 5;
}
@media (max-width: 435px) {
  #fiesta-spotlight #section6-straws h2 {
    text-align: center;
    line-height: 3rem;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    margin-bottom: 2rem !important;
  }
}
#fiesta-spotlight #section6-straws p {
  z-index: 5;
  color: #FEF9E0;
  max-width: 60rem;
  margin-inline: auto;
  text-align: center;
}
#fiesta-spotlight #section6-straws .leafs {
  margin-left: 1rem;
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
}
@media (max-width: 415px) {
  #fiesta-spotlight #section6-straws .leafs {
    -webkit-transform: translateX(-3rem) translateY(-3rem) !important;
            transform: translateX(-3rem) translateY(-3rem) !important;
  }
}
#fiesta-spotlight #section6-straws .z-index {
  position: relative;
  z-index: 5;
}
#fiesta-spotlight #section6-straws .add-product > p {
  color: #5A6435 !important;
}

#section7-howto .circle {
  max-width: 6rem;
  margin-top: 6rem;
}
#section7-howto .how-to {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  #section7-howto .how-to {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#section7-howto .how-to h3 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1;
  color: #5A6435;
}
#section7-howto .how-to h3 span {
  font-size: 4rem;
  font-weight: bold;
}
#section7-howto .how-to_line {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (max-width: 640px) {
  #section7-howto .how-to_line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#section7-howto .how-to_line .line-1,
#section7-howto .how-to_line .line-2 {
  width: 1px;
  height: 35%;
  background-color: #5A6435;
}
@media (max-width: 640px) {
  #section7-howto .how-to_line .line-1,
  #section7-howto .how-to_line .line-2 {
    width: 35%;
    height: 1px;
  }
}