@charset "UTF-8";
/*
ELX - XP landing page
Author: Dadostudio
Author URI: https://dadostudio.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/impact");
#new-category-pages {
  --border-radius: 8px;
}

:root {
  --yellow-default: #ffdf00;
  --yellow-dark: #ffc300;
  --charcoal-dark: #18252f;
  --charcoal-default: #2b3e48;
  --gray: #cececf99;
  --platinum-light: #fff;
  --platinum-default: #e3e2e3;
  --gray-light: #f2f1f2;
}

.bg-yellow-dark {
  --bg: var(--yellow-dark);
  background-color: var(--bg);
}

.bg-charcoal-dark {
  --bg: var(--charcoal-default);
  background-color: var(--bg);
}

.bg-platinum {
  --bg: var(--platinum-default);
  background-color: var(--bg);
}

.bg-platinum-light {
  background-color: var(--platinum-light);
}

.bg-gray-light {
  --bg: var(--gray-light);
  background-color: var(--bg);
}

.bg-white {
  --bg: #fff;
  background-color: var(--bg);
}

.text-white {
  color: #fff;
}

.text-platinum {
  --current-color: var(--platinum-default);
  color: var(--current-color);
}

.text-charcoal {
  --current-color: var(--charcoal-default);
  color: var(--current-color);
}

.text-charcoal-dark {
  --current-color: var(--charcoal-default);
  color: var(--current-color);
}

.text-yellow {
  --current-color: var(--yellow-default);
  color: var(--current-color);
}

.text-yellow-dark {
  --current-color: var(--yellow-dark);
  color: var(--current-color);
}

.text-platinum-light {
  --current-color: var(--platinum-light);
  color: var(--current-color);
}

.bg-out {
  box-shadow: -50vw 0 var(--bg), -25vw 0 var(--bg), 50vw 0 var(--bg), 25vw 0 var(--bg);
}

.bg-out-left {
  box-shadow: -50vw 0 var(--bg), -25vw 0 var(--bg);
}

.bg-out-right {
  box-shadow: 50vw 0 var(--bg), 25vw 0 var(--bg);
}

.cooking-page .bg-yellow-dark {
  --bg: var(--yellow-default);
}

#new-category-pages {
  --font-impact: "Impact";
  --font-roboto-slab: "Roboto Slab";
  --font-roboto-sans: "Roboto";
}
#new-category-pages .body, #new-category-pages #new-category-pages {
  font-size: 18px;
  line-height: 23px;
}
#new-category-pages .body-lg {
  font-size: 20px;
  line-height: 26px;
}
#new-category-pages .h0 {
  font-family: var(--font-impact);
  font-size: 92px;
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 53.76px */
  text-transform: uppercase;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h0 {
    font-size: 68px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h0 {
    font-size: 56px;
  }
}
#new-category-pages .h1 {
  font-family: "Impact";
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 69.12px */
}
@media (max-width: 1536.98px) {
  #new-category-pages .h1 {
    font-size: 48px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h1 {
    font-size: 32px;
  }
}
#new-category-pages .h2, #new-category-pages #card-carousel .cc-title, #card-carousel #new-category-pages .cc-title {
  font-family: var(--font-impact);
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 23.04px */
  font-size: 42px;
  font-optical-sizing: auto;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h2, #new-category-pages #card-carousel .cc-title, #card-carousel #new-category-pages .cc-title {
    font-size: 30px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h2, #new-category-pages #card-carousel .cc-title, #card-carousel #new-category-pages .cc-title {
    font-size: 24px;
  }
}
#new-category-pages .h2.-slab, #new-category-pages #card-carousel .-slab.cc-title, #card-carousel #new-category-pages .-slab.cc-title {
  font-size: 46px;
  font-family: var(--font-roboto-slab);
}
@media (max-width: 1536.98px) {
  #new-category-pages .h2.-slab, #new-category-pages #card-carousel .-slab.cc-title, #card-carousel #new-category-pages .-slab.cc-title {
    font-size: 34px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h2.-slab, #new-category-pages #card-carousel .-slab.cc-title, #card-carousel #new-category-pages .-slab.cc-title {
    font-size: 24px;
  }
}
#new-category-pages .h2.-small, #new-category-pages #card-carousel .-small.cc-title, #card-carousel #new-category-pages .-small.cc-title {
  font-size: 36px;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h2.-small, #new-category-pages #card-carousel .-small.cc-title, #card-carousel #new-category-pages .-small.cc-title {
    font-size: 28px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h2.-small, #new-category-pages #card-carousel .-small.cc-title, #card-carousel #new-category-pages .-small.cc-title {
    font-size: 24px;
  }
}
#new-category-pages .h2.-large, #new-category-pages #card-carousel .-large.cc-title, #card-carousel #new-category-pages .-large.cc-title {
  font-family: var(--font-impact);
  font-size: 64px;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h2.-large, #new-category-pages #card-carousel .-large.cc-title, #card-carousel #new-category-pages .-large.cc-title {
    font-size: 38px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h2.-large, #new-category-pages #card-carousel .-large.cc-title, #card-carousel #new-category-pages .-large.cc-title {
    font-size: 28px;
  }
}
#new-category-pages .h3 {
  font-family: var(--font-roboto-sans);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
}
@media (max-width: 1536.98px) {
  #new-category-pages .h3 {
    font-size: 24px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h3 {
    font-size: 20px;
  }
}
#new-category-pages .h4 {
  font-family: var(--font-roboto-sans);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 96%; /* 11.52px */
  text-transform: uppercase;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h4 {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h4 {
    font-size: 12px;
  }
}
#new-category-pages .h5 {
  font-family: var(--font-roboto-sans);
  font-style: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h5 {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h5 {
    font-size: 14px;
  }
}
#new-category-pages .h5.-slab {
  font-family: var(--font-roboto-slab);
  font-size: 20px;
}
@media (max-width: 1536.98px) {
  #new-category-pages .h5.-slab {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .h5.-slab {
    font-size: 14px;
  }
}
#new-category-pages .paragraph {
  font-family: var(--font-roboto-sans);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
@media (max-width: 1536.98px) {
  #new-category-pages .paragraph {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .paragraph {
    font-size: 14px;
  }
}
#new-category-pages .paragraph.-large {
  font-size: 24px;
}
@media (max-width: 1536.98px) {
  #new-category-pages .paragraph.-large {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .paragraph.-large {
    font-size: 16px;
  }
}
#new-category-pages .-bold {
  font-weight: 700;
}
#new-category-pages .roboto-slab, #new-category-pages body {
  font-family: var(--font-roboto-slab), serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}
#new-category-pages .roboto-sans {
  font-family: var(--font-roboto-sans), sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}
#new-category-pages .impact-font {
  font-family: var(--font-impact) !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.grid-template {
  --grid-padding-large: 140px;
  --grid-padding-medium: 120px;
  --grid-padding-x: 24px;
  display: grid;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-left: var(--grid-padding-large);
  padding-right: var(--grid-padding-large);
}
@media (max-width: 991.98px) {
  .grid-template {
    --grid-padding-large: 36px;
    --grid-padding-medium: 24px;
    grid-template-columns: repeat(6, 1fr);
    padding-left: var(--grid-padding-medium);
    padding-right: var(--grid-padding-medium);
  }
}

:root {
  --icon-swiper-arrow-left: url("data:image/svg+xml,%3Csvg width='24' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 45L1 23 23 1' stroke='%2318252F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-eco-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='28' fill='none'%3E%3Cpath d='M22.45 23.035v4.88C10.15 27.525 0 17.18 0 4.88 0 3.32.195 1.366.586 0c12.103 0 21.863 11.322 21.863 23.035zM47.241 0c.195 1.562.586 3.319.586 4.88 0 12.299-10.151 22.645-22.45 23.035v-4.88C25.377 11.322 35.333 0 47.241 0z' fill='%236E824F'/%3E%3C/svg%3E");
  --wave-mask-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 110'%3E%3Cpath d='M365.072 6.077C242.238 3.04 68.51.76-3 0v212h1923V101.796c-18.55-.507-87.66-3.19-239.77-9.876-190.14-8.356-596.95-41.782-741.885-53.937C793.413 25.83 518.614 9.876 365.072 6.077z'/%3E%3C/svg%3E");
  --icon-puzzle: url("data:image/svg+xml,%3Csvg width='65' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.355 43.253H.938V11.937h9.936a6.95 6.95 0 01-1.26-3.989v-.002c0-3.869 3.15-7.008 7.034-7.008s7.03 3.136 7.03 7.008a6.95 6.95 0 01-1.26 3.989h9.937v9.903c-1.251-1.138-2.9-1.255-4.725-1.255-2.652 0-6.31 3.14-6.31 7.01 0 3.87 3.427 7.009 6.31 7.009 1.828 0 3.474-.118 4.725-1.253m0 9.904v-9.904m0 9.904h31.418V11.937h-10.53c1.139 1.248 1.853 2.888 1.853 4.71 0 3.871-3.147 7.008-7.03 7.008-3.885 0-7.032-3.14-7.032-7.008 0-1.82.715-3.462 1.854-4.71H32.355v9.904a6.996 6.996 0 00-4.002-1.256c-3.884 0-7.031 3.14-7.031 7.009 0 3.868 3.147 7.008 7.03 7.008v.003a7.003 7.003 0 004.003-1.256' stroke='%232B3E48' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-power: url("data:image/svg+xml,%3Csvg width='46' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.29 27.72H.01v2.49h6.28v-2.49zm25.38-16.34a17.026 17.026 0 00-10.35-3.52c-9.04 0-16.45 7.1-16.95 16.01H1.96c.51-12.19 10.58-21.95 22.9-21.95 5.82 0 11.27 2.13 15.51 6.04l-8.69 3.41-.01.01zm-.34 2.22L43.8 8.7l-1-1.04C38.07 2.72 31.69 0 24.85 0 11.15 0 0 11.15 0 24.85v.97h6.28v-.97c0-8.29 6.75-15.04 15.04-15.04 3.49 0 6.88 1.22 9.57 3.43l.44.36zm8.59 1.92l-7.61 6.46-1.25 1.25.03.43a4.84 4.84 0 01-1.37 3.69c-.91.91-2.11 1.4-3.4 1.4-1.66 0-3.14-.81-4.06-2.24-1-1.53-1-3.59 0-5.12.93-1.42 2.41-2.24 4.07-2.24.72 0 1.44.18 2.14.53l.39.2 11.07-4.37-.01.01zm5.4-3.23l-.56-.75-12.46 4.9-3.37 1.34c-3.04-1.31-6.53-.13-8.29 2.57-1.41 2.16-1.41 5.07 0 7.24 1.27 1.95 3.4 3.11 5.69 3.11 1.8 0 3.49-.7 4.76-1.97 1.24-1.24 1.94-2.95 1.95-4.73L45.1 13.68c.41-.34.5-.93.23-1.38' fill='%232B3E48'/%3E%3C/svg%3E");
  --icon-star: url("data:image/svg+xml,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M4.583 19.001l10.29 9.547-3.014 14.625 11.766-8.236 11.766 8.236-3.014-14.625 10.29-9.547H29.22L23.666 5.1 18.722 19H4.582zM9.186 47.25l3.726-18.072L0 17.195h17.453L23.573 0l6.864 17.195H47.25L34.338 29.178l3.726 18.072-14.439-10.104L9.185 47.25z' fill='%232B3E48'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h47.25v47.25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-list-right-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.04 43.63'%3E%3Cpath fill='%23fff' d='M44.03 12.09v31.54H10.89L0 32.41h24.52L.82 8.71 8.75.78l24.07 24.07V0l11.21 12.09z'/%3E%3C/svg%3E");
  --icon-arrow-list-right-charcoal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.04 43.63'%3E%3Cpath fill='%232B3E48' d='M44.03 12.09v31.54H10.89L0 32.41h24.52L.82 8.71 8.75.78l24.07 24.07V0l11.21 12.09z'/%3E%3C/svg%3E");
  --icon-tray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Crect x='2.35' y='5.35' width='35.3' height='29.3' rx='2.65' stroke='%23000' stroke-width='.7'/%3E%3Crect x='5.108' y='8.382' width='13.418' height='10.146' rx='.709' stroke='%23000' stroke-width='.764'/%3E%3Crect x='5.108' y='20.382' width='13.418' height='11.236' rx='.709' stroke='%23000' stroke-width='.764'/%3E%3Crect x='20.382' y='8.382' width='14.509' height='23.236' rx='.709' stroke='%23000' stroke-width='.764'/%3E%3Cpath d='M32.546 16.181c.977-2.604-1.181-6.828-4.909-6-4.909 1.092-1.638 6-3.819 9.273-2.303 3.457-1.635 10.364 3.274 10.364s6-1.091 6-4.364c0-3.063-2.183-4.909-.546-9.273z' stroke='%23000' stroke-width='.873'/%3E%3Cpath d='M27.766 17.287l-2.575 3.937M30 17l-5 8m4.278-2.944L27.766 24.5' stroke='%23000' stroke-width='.873' stroke-linecap='round'/%3E%3Crect x='16.259' y='22.522' width='2.429' height='9.034' rx='.655' transform='rotate(90.52 16.259 22.522)' stroke='%23000' stroke-width='.873'/%3E%3Crect x='15.495' y='24.914' width='2.429' height='9.034' rx='.655' transform='rotate(90.52 15.495 24.914)' stroke='%23000' stroke-width='.873'/%3E%3Crect x='16.788' y='27.305' width='2.429' height='9.034' rx='.655' transform='rotate(90.52 16.788 27.305)' stroke='%23000' stroke-width='.873'/%3E%3Ccircle cx='11.5' cy='13.5' r='3.15' stroke='%23000' stroke-width='.7'/%3E%3C/svg%3E");
  --icon-cloche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M19.278 3.792c.304-.272.72-.645.72-1.354a.437.437 0 10-.876 0c0 .305-.139.443-.428.702-.304.272-.72.645-.72 1.354 0 .71.416 1.082.72 1.354.29.26.428.397.428.702 0 .304-.139.442-.428.701-.304.272-.72.644-.72 1.352a.437.437 0 10.876 0c0-.303.138-.442.427-.7.304-.272.72-.644.72-1.353 0-.71-.415-1.082-.72-1.354-.288-.259-.427-.397-.427-.702 0-.305.139-.443.428-.702zm3.14 0c.304-.272.72-.645.72-1.354a.437.437 0 10-.876 0c0 .305-.139.443-.428.702-.303.272-.719.645-.719 1.354 0 .71.416 1.082.72 1.354.289.26.427.397.427.702 0 .304-.138.442-.428.701-.303.272-.719.644-.719 1.352a.437.437 0 10.875 0c0-.304.139-.442.428-.7.304-.272.72-.644.72-1.353 0-.71-.416-1.082-.72-1.354-.289-.259-.428-.397-.428-.702 0-.305.139-.443.428-.702zm9.879 23.709c-1.171-4.296-4.757-7.586-9.134-8.383a.437.437 0 10-.157.86 10.807 10.807 0 018.447 7.753.438.438 0 00.844-.23z' fill='%23000'/%3E%3Cpath d='M37.062 32.694h-.653v-.991c0-8.75-6.884-15.921-15.52-16.385a2.264 2.264 0 001.372-2.078A2.264 2.264 0 0020 10.979a2.263 2.263 0 00-2.261 2.261c0 .931.566 1.732 1.372 2.078-8.636.463-15.52 7.635-15.52 16.385v.99h-.653a.437.437 0 00-.438.438v3.432c0 .242.196.438.438.438h34.125a.437.437 0 00.438-.438v-3.432a.439.439 0 00-.439-.437zM18.613 13.24c0-.764.622-1.386 1.386-1.386.764 0 1.386.622 1.386 1.386 0 .764-.622 1.386-1.386 1.386a1.388 1.388 0 01-1.386-1.386zM4.465 31.703c0-8.565 6.969-15.534 15.535-15.534 8.565 0 15.534 6.969 15.534 15.534v.991H4.465v-.99zm32.16 4.423H3.375v-2.557h33.25v2.557z' fill='%23000'/%3E%3C/svg%3E");
  --icon-cutlery: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.833 2.323a.46.46 0 01.63 0L17.2 9.058a4.677 4.677 0 010 6.606l-.064.064 2.72 2.522 3.1-2.847c-1.863-2.773-1.572-6.573.877-9.023 2.663-2.663 10.166-5.804 13.03-2.94 2.864 2.865-.277 10.368-2.94 13.031a7.114 7.114 0 01-5.045 2.086 7.13 7.13 0 01-3.978-1.21l-2.694 2.934 2.552 2.343.444-.445a.446.446 0 01.63 0l10.894 10.894c.53.53.823 1.235.823 1.984 0 .75-.293 1.454-.823 1.984a2.8 2.8 0 01-1.984.822 2.799 2.799 0 01-1.984-.822L21.863 26.148a.446.446 0 010-.63l.314-.313-2.245-2.446-2.186 2.38.379.378a.446.446 0 010 .63L7.23 37.043c-.53.53-1.234.822-1.984.822s-1.455-.292-1.985-.822a2.81 2.81 0 010-3.97l10.893-10.894a.446.446 0 01.631 0l.379.38 2.583-2.372-2.428-2.673a4.661 4.661 0 01-2.99 1.082 4.654 4.654 0 01-3.3-1.365l-6.737-6.736a.446.446 0 010-.631l7.54-7.54zm-5.94 31.38a1.918 1.918 0 000 2.708c.36.361.843.56 1.354.56.511 0 .992-.2 1.353-.56L17.18 25.832l-2.707-2.707-10.58 10.579zm18.917-7.87L33.39 36.41c.746.746 1.96.746 2.707 0a1.9 1.9 0 00.56-1.354c0-.511-.199-.992-.56-1.353L25.517 23.125l-2.707 2.707zM20.537 22.1l2.27 2.474 1.32-1.32-2.524-2.316-1.066 1.162zm-4.74 1.089l1.318 1.318 4.128-4.496.004-.007.006-.004 2.934-3.197-.115-.115c-.08-.073-.162-.14-.24-.217-.077-.078-.145-.16-.218-.241l-.113-.114-7.704 7.073zm.17-6.291l2.438 2.684.791-.725-2.691-2.497-.538.538zm-12.728-6.72L9.66 16.6a3.784 3.784 0 005.344 0l1.566-1.566a3.783 3.783 0 000-5.344l-6.42-6.42-6.91 6.91zm32.993-6.105c-2.37-2.37-9.346.517-11.768 2.94-2.356 2.355-2.425 6.138-.219 8.586l.46.46c2.447 2.206 6.23 2.138 8.587-.218 2.422-2.421 5.31-9.397 2.94-11.768zM6.087 9.74a.446.446 0 01.63 0l4.675 4.675a.446.446 0 01-.63.63l-4.675-4.674a.446.446 0 010-.631zm1.632-1.634a.446.446 0 01.63 0l4.675 4.675a.446.446 0 01-.63.63L7.718 8.739a.446.446 0 010-.631zM9.35 6.473a.446.446 0 01.631 0l4.674 4.675a.446.446 0 11-.63.63L9.35 7.105a.446.446 0 010-.63z' fill='%23000'/%3E%3C/svg%3E");
  --icon-stars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M22.872 18.297a.75.75 0 00.714.517h9.294l-7.519 5.464a.75.75 0 00-.272.84l2.871 8.839-7.52-5.464a.75.75 0 00-.778-.062l-.102.062-7.52 5.464 2.871-8.84a.75.75 0 00-.272-.839L7.12 18.815h9.294a.75.75 0 00.714-.518L20 9.456l2.872 8.84z' stroke='%23000' stroke-width='.9'/%3E%3Cpath d='M8.287 9.717a.7.7 0 00.666.483H11.5l-2.06 1.497a.701.701 0 00-.255.784l.787 2.421-2.06-1.497a.7.7 0 00-.727-.058l-.096.058-2.062 1.497.788-2.421a.701.701 0 00-.254-.784L3.5 10.2h2.547a.7.7 0 00.666-.483L7.5 7.293l.787 2.424zM33.287 9.717a.7.7 0 00.666.483H36.5l-2.06 1.497a.701.701 0 00-.255.784l.787 2.421-2.06-1.497a.7.7 0 00-.727-.058l-.096.058-2.062 1.497.788-2.421a.701.701 0 00-.255-.784L28.5 10.2h2.547a.7.7 0 00.666-.483l.787-2.424.787 2.424z' stroke='%23000' stroke-width='.8'/%3E%3C/svg%3E");
  --icon-centred-arrows: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M16.003 3v6.047h-5.17l8.649 8.65 8.649-8.65h-5.153V3h-6.975zm.81.828h5.355v6.066h3.994l-6.68 6.68-6.68-6.68h4.011V3.828zm13.14 7.004l-8.65 8.65 8.65 8.649v-5.153H36v-6.993h-6.047v-5.153zm-20.906.037v5.134H3v6.994h6.047v5.17l8.65-8.649-8.65-8.649zm.81 1.97l6.68 6.68-6.68 6.68v-4.012H3.81v-5.355h6.047v-3.994zm19.286 0v3.993h6.047v5.355h-6.047v4.012l-6.68-6.68 6.68-6.68zm-9.625 8.464l-8.686 8.65h5.171V36h6.994v-6.047h5.17l-8.649-8.65zm-.036 1.16l6.68 6.68h-3.994v6.047h-5.355v-6.047h-4.012l6.68-6.68z' fill='%23000'/%3E%3C/svg%3E");
  --icon-dish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M32.539 24.34l4.047-4.047-4.627-4.627a12.797 12.797 0 00-3.107-4.305V8.086a.995.995 0 00-1.988 0V9.86c-.1-.061-.202-.117-.302-.175V8.086a.995.995 0 10-1.988 0v.195l-.31-.31a1.1 1.1 0 00-.058-.207c-.01-.025-.011-.053-.022-.078a.938.938 0 00-.194-.303.968.968 0 00-.476-.243.88.88 0 00-.116-.035L20.293 4l-3.722 3.722a2.28 2.28 0 00-1.749-.676 2.475 2.475 0 00-2.252 2.068l-.415 1.87a12.74 12.74 0 00-3.529 4.683L4 20.293l4.048 4.048a12.73 12.73 0 005.08 6.985l-.002.018a2.039 2.039 0 001.82 2.199 1.68 1.68 0 001.298-.682c.157.053.315.103.474.15l3.575 3.575 3.576-3.576c.15-.044.302-.09.452-.14a1.65 1.65 0 001.247.62 2.02 2.02 0 001.81-2.112 12.72 12.72 0 005.16-7.038zm2.934-4.047L32.867 22.9c.118-.698.178-1.404.18-2.111a12.637 12.637 0 00-.485-3.408l2.911 2.912zm-8.382 6.014l-.546-9.18a3.24 3.24 0 001.259-.831 8.737 8.737 0 01-.713 10.01zm-.53-15.694c.102.063.202.119.303.186v1.443c0 .167-.302.167-.302 0v-1.629zm-2.139 1.78a.145.145 0 01-.136-.114l-.015-.037V9.518c.101.035.2.068.303.108v2.616a.15.15 0 01-.09.136l-.062.015zm-7.76 17.198a9.256 9.256 0 007.198.027l-.112 1.674c.001.301.056.6.162.881a11.794 11.794 0 01-7.293-.018c.095-.268.145-.55.148-.834l-.104-1.73zm7.256-.851a8.699 8.699 0 01-7.309-.026l-.686-11.534a3.8 3.8 0 002.208-4.426l-.095-.424a8.643 8.643 0 014.248-.055l.003 1.604h.007a3.631 3.631 0 002.401 3.283l-.777 11.578zm-1.634-17.273a9.445 9.445 0 00-4.418.094l-.523-2.347a11.808 11.808 0 014.94-.208v2.461zm.287-4.077a.99.99 0 00-.287.696V8.2a12.619 12.619 0 00-5.199.258l-.044-.092 3.252-3.252 2.278 2.277zm-9.105 18.878a8.739 8.739 0 01-.727-9.903c.366.39.825.682 1.334.849l-.607 9.054zm-8.353-5.975l2.904-2.905A12.364 12.364 0 007.72 22.9l-2.606-2.607zm3.213.496a11.906 11.906 0 013.533-8.476l-.098.441a4.01 4.01 0 00.48 2.923 9.51 9.51 0 001.151 11.691l-.204 3.04a11.93 11.93 0 01-4.862-9.62zm6.62 11.967c-.57 0-1.033-.633-1.034-1.385l.015-.213.261-3.902.716-10.666-.344-.064a2.457 2.457 0 01-1.543-1.06 3.23 3.23 0 01-.488-2.541l.367-1.65.443-1.99a1.68 1.68 0 011.523-1.453 1.632 1.632 0 011.618 1.215l.374-.124-.359.168c.023.063.042.128.058.193l.634 2.85.175.79a2.948 2.948 0 01-1.939 3.583l-.324.075.74 12.42.14 2.342c.002.302-.075.6-.224.863a.965.965 0 01-.81.549zm5.347 2.717l-2.115-2.114a12.25 12.25 0 004.23 0l-2.115 2.114zm5.275-2.77a.954.954 0 01-.777-.499 1.691 1.691 0 01-.257-.886l.153-2.283.839-12.497-.345-.065a2.83 2.83 0 01-2.108-2.974l-.003-1.537V8.087c0-.225.402-.226.411-.006.001.009.003.017.003.026v4.136a.837.837 0 00.042.242.923.923 0 001.28.612.938.938 0 00.555-.854V8.086c0-.228.414-.228.414 0v4.156a.939.939 0 001.876 0V8.086c0-.228.414-.228.414 0v5.006h-.015l.013.406a3.216 3.216 0 01-.543 1.904c-.342.524-.868.9-1.475 1.052l-.324.075.64 10.762.233 3.903.006.098c0 .778-.463 1.411-1.032 1.411zm1.77-2.253l-.181-3.04a9.509 9.509 0 001.148-11.794c.31-.53.494-1.124.537-1.737l.006-1.42a11.884 11.884 0 012.991 11.468l-.015.016.008.009a11.927 11.927 0 01-4.494 6.498z' fill='%23000'/%3E%3C/svg%3E");
  --icon-apron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M13.938 2a.32.32 0 00-.318.323V12.99c0 2.726-2.185 4.927-4.89 4.927H7.318h.001a.32.32 0 00-.32.32V37.68c0 .085.034.166.094.227.06.06.14.093.226.093h24.361-.001a.322.322 0 00.226-.093.329.329 0 00.094-.227V18.236a.32.32 0 00-.32-.32h-1.411c-2.705 0-4.891-2.203-4.891-4.927l.002-3.028V2.323A.32.32 0 0025.06 2h-2.307.002a.318.318 0 00-.317.323v7.318h-5.877V2.323A.318.318 0 0016.244 2h-2.306zm.32.643h1.667V9.64h-1.667V2.643zm8.816 0h1.667V9.64h-1.667V2.643zm-8.816 7.64h10.485v2.706c0 3.072 2.48 5.57 5.528 5.57h1.094l-.002 18.798H7.637V18.56h1.094c3.048 0 5.528-2.498 5.528-5.57l-.001-2.705zm-.47 11.683a.319.319 0 00-.317.32v8.244c0 1.565 1.263 2.838 2.815 2.838h6.43c1.55 0 2.815-1.275 2.815-2.838v-8.244h-.002a.319.319 0 00-.318-.32H13.788zm.32.643h10.786v2.188H14.108V22.61zm0 2.831h10.786v5.09a2.18 2.18 0 01-2.178 2.194h-6.43a2.18 2.18 0 01-2.178-2.194v-5.09z' fill='%23000' stroke='%23000' stroke-width='.2'/%3E%3C/svg%3E");
  --icon-hat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath d='M29.612 24.137v11.604c0 .143-.11.259-.246.259H10.43a.253.253 0 01-.246-.259V23.566C6.643 23.107 4 19.976 4 16.187c0-4.099 3.172-7.434 7.07-7.434.707 0 1.399.113 2.058.324C13.958 6.076 16.56 4 19.552 4c3.303 0 6.086 2.51 6.608 5.896a6.746 6.746 0 012.771-.595c3.898 0 7.069 3.336 7.069 7.436 0 3.858-2.809 7.039-6.388 7.4zM10.676 35.483H29.12v-4.625H10.675v4.625zM28.931 9.82c-.996 0-1.96.231-2.864.687-.012.007-.026.007-.04.011-.013.004-.025.012-.039.013l-.012.001h-.016c-.016 0-.032-.005-.048-.009-.012-.002-.024-.002-.036-.007a.241.241 0 01-.067-.041l-.011-.007a.258.258 0 01-.056-.078c0-.002-.002-.003-.003-.004-.004-.01-.004-.02-.007-.03-.006-.018-.014-.034-.015-.053-.35-3.298-3-5.784-6.165-5.784-2.78 0-5.196 1.934-5.958 4.728a7.147 7.147 0 013.264 2.675.268.268 0 01-.06.36.239.239 0 01-.343-.063c-1.231-1.845-3.244-2.947-5.384-2.947-3.627 0-6.579 3.103-6.579 6.916 0 3.599 2.563 6.56 5.96 6.889a.254.254 0 01.224.258v7.005H29.12v-6.171c-.063.001-.126.005-.189.005a6.875 6.875 0 01-4.434-1.642.268.268 0 01-.038-.364.238.238 0 01.346-.04 6.31 6.31 0 004.126 1.528c3.627 0 6.577-3.104 6.577-6.918 0-3.815-2.95-6.918-6.577-6.918z' fill='%23000' stroke='%23000' stroke-width='.3'/%3E%3C/svg%3E");
  --icon-modular: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.98 5.2H8.18C3.67 5.2 0 8.87 0 13.38v19.6c0 4.51 3.67 8.18 8.18 8.18h19.6c4.51 0 8.18-3.67 8.18-8.18V22.17l-16.98.08V5.2zm-2 33.96h-8.8C4.77 39.16 2 36.39 2 32.98v-8.65l14.98-.07v14.9zm0-16.9L2 22.33v-8.95C2 9.97 4.77 7.2 8.18 7.2h8.8v15.06zm16.98 1.93v8.8c0 3.41-2.77 6.18-6.18 6.18h-8.8V24.26l14.98-.07z' fill='%232B3E48'/%3E%3Cpath d='M32.98 0h-10.8v18.98h18.98V8.18c0-4.51-3.67-8.18-8.18-8.18zm6.18 16.98H24.18V2h8.8c3.41 0 6.18 2.77 6.18 6.18v8.8z' fill='%232B3E48'/%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg width='39' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.15 24.97h10.91v-1.94h-9.73L13.51 11.7l-1.72.88 6.36 12.38v.01zM36.12 24c0 9.42-7.67 17.09-17.09 17.09S1.94 33.42 1.94 24 9.6 6.91 19.03 6.91 36.12 14.58 36.12 24zM22.34 5.28c-1.08-.19-2.18-.31-3.31-.31s-2.23.12-3.31.31V1.94h6.62v3.34zM38.06 24c0-8.67-5.84-15.99-13.78-18.28V0h-10.5v5.72C5.83 8.01 0 15.33 0 24c0 10.49 8.54 19.03 19.03 19.03 10.49 0 19.03-8.54 19.03-19.03z' fill='%232B3E48'/%3E%3C/svg%3E");
}

.icon-tray,
.icon-cloche,
.icon-cutlery,
.icon-stars,
.icon-power,
.icon-modular,
.icon-time,
.icon-centred-arrows,
.icon-dish,
.icon-apron,
.icon-hat,
.icon-puzzle,
.icon-power,
.icon-star,
.icon-eco-leaf,
.icon-swiper-left,
.icon-swiper-right {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-arrow-white {
  background-image: var(--icon-arrow-list-right-white);
  height: 44px;
  width: 44px;
  display: block;
}

.icon-arrow-charcoal {
  background-image: var(--icon-arrow-list-right-charcoal);
  height: 44px;
  width: 44px;
  display: block;
}

.icon-swiper-left,
.icon-swiper-right {
  background-image: var(--icon-swiper-arrow-left);
  opacity: 0.4;
}

.icon-swiper-right {
  scale: -1 1;
}

.dot-indicator .icon-dot-indicator-white,
.dot-indicator .icon-dot-indicator-black {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #fff;
}
.dot-indicator .icon-dot-indicator-black {
  background-color: var(--charcoal-dark);
}
.dot-indicator.--active .icon-dot-indicator {
  background-color: var(--yellow-default);
}

.icon-eco-leaf {
  background-image: var(--icon-eco-leaf);
}

.icon-puzzle {
  background-image: var(--icon-puzzle);
}

.icon-power {
  background-image: var(--icon-power);
}

.icon-star {
  background-image: var(--icon-star);
}

.icon-tray {
  background-image: var(--icon-tray);
}

.icon-cloche {
  background-image: var(--icon-cloche);
}

.icon-cutlery {
  background-image: var(--icon-cutlery);
}

.icon-stars {
  background-image: var(--icon-stars);
}

.icon-centred-arrows {
  background-image: var(--icon-centred-arrows);
}

.icon-dish {
  background-image: var(--icon-dish);
}

.icon-apron {
  background-image: var(--icon-apron);
}

.icon-hat {
  background-image: var(--icon-hat);
}

.icon-power {
  background-image: var(--icon-power);
}

.icon-modular {
  background-image: var(--icon-modular);
}

.icon-time {
  background-image: var(--icon-time);
}

body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.respimg {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.contain-img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

.wave {
  color: rgba(0, 0, 0, 0);
  width: 100%;
  width: 100%;
  aspect-ratio: 1920/110;
  translate: 0 calc(-100% + 2px);
  z-index: 99;
  position: absolute;
  top: 0;
  mask-image: var(--wave-mask-left);
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-image: var(--wave-mask-left);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  background-color: inherit;
}
@media (max-width: 991.98px) {
  .wave {
    translate: 0 calc(-100% + 6px);
  }
}
.wave.-right {
  scale: -1 1;
}

#new-category-pages .wave-section {
  display: flex;
  position: relative;
  align-items: center;
  min-height: calc(100vh - 120px);
}
#new-category-pages .wave-section .title {
  padding-top: clamp(24px, 6vh, 80px);
  padding-bottom: clamp(24px, 6vh, 80px);
}
@media (max-width: 991.98px) {
  #new-category-pages .wave-section {
    min-height: 100vh;
  }
}

.underlined {
  /* &::after {
    content: "";
    left: 0;
    right: 0;
    height: 8px;
    background-color: var(--Yellow-Default, #ffdf00);
    position: absolute;
    bottom: -1em;
  } */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  --underlined-bg: var(--yellow-default);
  background-image: linear-gradient(transparent calc(100% - 0.15em), var(--underlined-bg) 0);
  line-height: 1.4em;
  padding: 0 0.08em;
}

@media (max-width: 991.98px) {
  .title:has(> .underlined) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .title .underlined {
    display: block;
    width: fit-content;
    margin-bottom: 6px;
  }
}
.text-center {
  text-align: center !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.user-select-none {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/*
<div class="eco-label">
  <div class="eco-icon-wrapper">
    <i class="icon-eco-leaf"></i>
  </div>
  <div class="eco-title">
    Improved energy efficiency
  </div>
  <div class="eco-subtitle">
    se serve aggiungere specifica mettiamola qui
  </div>
</div>
*/
.eco-label {
  background: #a5b46c;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-top: 24px;
  max-width: 300px;
  min-width: min-content;
  overflow-wrap: break-word;
}
.eco-label .eco-icon-wrapper i {
  display: block;
  width: 50px;
  height: 50px;
}
.eco-label .eco-title {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding: 0 0.4em;
  color: var(--Platinum-light, #fff);
  text-align: center;
  font-family: var(--font-roboto-slab);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 105%; /* 16.8px */
}
.eco-label .eco-subtitle {
  padding: 12px 1em 1em;
  margin: 0;
  color: var(--platinum-light, #fff);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  position: relative;
}
.eco-label .eco-subtitle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 2px;
  background: #6e824f;
}

#step1-highlights {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  #step1-highlights {
    min-height: fit-content;
    padding-bottom: 5vh;
    padding-top: 5vh;
  }
}

.rest-of-page-content {
  padding: 5vh 0;
}

.tagline-title {
  font-family: var(--font-impact);
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 53.76px */
  text-transform: uppercase;
  font-size: 56px !important;
}
@media (max-width: 1919.98px) {
  .tagline-title {
    font-size: 46px !important;
  }
}
@media (max-width: 991.98px) {
  .tagline-title {
    font-size: 32px !important;
  }
}

.tagline-paragraph {
  font-family: var(--font-roboto-sans);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 41.6px */
}
@media (max-width: 1919.98px) {
  .tagline-paragraph {
    font-size: 26px !important;
    line-height: 120%;
  }
}
@media (max-width: 991.98px) {
  .tagline-paragraph {
    font-size: 18px !important;
  }
}

.border-radius-1 {
  border-radius: 8px !important;
}

.border-radius-2 {
  border-radius: 2rem !important;
}

.border-radius-3 {
  border-radius: 3rem !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.sizing-content-box {
  box-sizing: content-box !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}

.me-auto {
  margin-right: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 0) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .ms-xs-0 {
    margin-left: 0 !important;
  }
  .me-xs-0 {
    margin-right: 0 !important;
  }
  .mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-xs-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0 {
    padding-top: 0 !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .ps-xs-0 {
    padding-left: 0 !important;
  }
  .pe-xs-0 {
    padding-right: 0 !important;
  }
  .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-xs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-xs-1 {
    margin: 0.25rem !important;
  }
  .mt-xs-1 {
    margin-top: 0.25rem !important;
  }
  .mb-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-xs-1 {
    margin-left: 0.25rem !important;
  }
  .me-xs-1 {
    margin-right: 0.25rem !important;
  }
  .mx-xs-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-xs-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-xs-1 {
    padding: 0.25rem !important;
  }
  .pt-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pb-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-xs-1 {
    padding-left: 0.25rem !important;
  }
  .pe-xs-1 {
    padding-right: 0.25rem !important;
  }
  .px-xs-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-xs-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-xs-2 {
    margin: 0.5rem !important;
  }
  .mt-xs-2 {
    margin-top: 0.5rem !important;
  }
  .mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-xs-2 {
    margin-left: 0.5rem !important;
  }
  .me-xs-2 {
    margin-right: 0.5rem !important;
  }
  .mx-xs-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-xs-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-xs-2 {
    padding: 0.5rem !important;
  }
  .pt-xs-2 {
    padding-top: 0.5rem !important;
  }
  .pb-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-xs-2 {
    padding-left: 0.5rem !important;
  }
  .pe-xs-2 {
    padding-right: 0.5rem !important;
  }
  .px-xs-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-xs-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-xs-3 {
    margin: 1rem !important;
  }
  .mt-xs-3 {
    margin-top: 1rem !important;
  }
  .mb-xs-3 {
    margin-bottom: 1rem !important;
  }
  .ms-xs-3 {
    margin-left: 1rem !important;
  }
  .me-xs-3 {
    margin-right: 1rem !important;
  }
  .mx-xs-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-xs-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .pt-xs-3 {
    padding-top: 1rem !important;
  }
  .pb-xs-3 {
    padding-bottom: 1rem !important;
  }
  .ps-xs-3 {
    padding-left: 1rem !important;
  }
  .pe-xs-3 {
    padding-right: 1rem !important;
  }
  .px-xs-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-xs-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-xs-4 {
    margin: 1.5rem !important;
  }
  .mt-xs-4 {
    margin-top: 1.5rem !important;
  }
  .mb-xs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-xs-4 {
    margin-left: 1.5rem !important;
  }
  .me-xs-4 {
    margin-right: 1.5rem !important;
  }
  .mx-xs-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-xs-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .pt-xs-4 {
    padding-top: 1.5rem !important;
  }
  .pb-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-xs-4 {
    padding-left: 1.5rem !important;
  }
  .pe-xs-4 {
    padding-right: 1.5rem !important;
  }
  .px-xs-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-xs-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-xs-5 {
    margin: 3rem !important;
  }
  .mt-xs-5 {
    margin-top: 3rem !important;
  }
  .mb-xs-5 {
    margin-bottom: 3rem !important;
  }
  .ms-xs-5 {
    margin-left: 3rem !important;
  }
  .me-xs-5 {
    margin-right: 3rem !important;
  }
  .mx-xs-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-xs-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important;
  }
  .pt-xs-5 {
    padding-top: 3rem !important;
  }
  .pb-xs-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xs-5 {
    padding-left: 3rem !important;
  }
  .pe-xs-5 {
    padding-right: 3rem !important;
  }
  .px-xs-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xs-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto {
    margin-top: auto !important;
  }
  .mb-xs-auto {
    margin-bottom: auto !important;
  }
  .ms-xs-auto {
    margin-left: auto !important;
  }
  .me-xs-auto {
    margin-right: auto !important;
  }
  .mx-xs-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 0px) {
  .m-mobile-0 {
    margin: 0 !important;
  }
  .mt-mobile-0 {
    margin-top: 0 !important;
  }
  .mb-mobile-0 {
    margin-bottom: 0 !important;
  }
  .ms-mobile-0 {
    margin-left: 0 !important;
  }
  .me-mobile-0 {
    margin-right: 0 !important;
  }
  .mx-mobile-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-mobile-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-mobile-0 {
    padding: 0 !important;
  }
  .pt-mobile-0 {
    padding-top: 0 !important;
  }
  .pb-mobile-0 {
    padding-bottom: 0 !important;
  }
  .ps-mobile-0 {
    padding-left: 0 !important;
  }
  .pe-mobile-0 {
    padding-right: 0 !important;
  }
  .px-mobile-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-mobile-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-mobile-1 {
    margin: 0.25rem !important;
  }
  .mt-mobile-1 {
    margin-top: 0.25rem !important;
  }
  .mb-mobile-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-mobile-1 {
    margin-left: 0.25rem !important;
  }
  .me-mobile-1 {
    margin-right: 0.25rem !important;
  }
  .mx-mobile-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-mobile-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-mobile-1 {
    padding: 0.25rem !important;
  }
  .pt-mobile-1 {
    padding-top: 0.25rem !important;
  }
  .pb-mobile-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-mobile-1 {
    padding-left: 0.25rem !important;
  }
  .pe-mobile-1 {
    padding-right: 0.25rem !important;
  }
  .px-mobile-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-mobile-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-mobile-2 {
    margin: 0.5rem !important;
  }
  .mt-mobile-2 {
    margin-top: 0.5rem !important;
  }
  .mb-mobile-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-mobile-2 {
    margin-left: 0.5rem !important;
  }
  .me-mobile-2 {
    margin-right: 0.5rem !important;
  }
  .mx-mobile-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-mobile-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-mobile-2 {
    padding: 0.5rem !important;
  }
  .pt-mobile-2 {
    padding-top: 0.5rem !important;
  }
  .pb-mobile-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-mobile-2 {
    padding-left: 0.5rem !important;
  }
  .pe-mobile-2 {
    padding-right: 0.5rem !important;
  }
  .px-mobile-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-mobile-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-mobile-3 {
    margin: 1rem !important;
  }
  .mt-mobile-3 {
    margin-top: 1rem !important;
  }
  .mb-mobile-3 {
    margin-bottom: 1rem !important;
  }
  .ms-mobile-3 {
    margin-left: 1rem !important;
  }
  .me-mobile-3 {
    margin-right: 1rem !important;
  }
  .mx-mobile-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-mobile-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-mobile-3 {
    padding: 1rem !important;
  }
  .pt-mobile-3 {
    padding-top: 1rem !important;
  }
  .pb-mobile-3 {
    padding-bottom: 1rem !important;
  }
  .ps-mobile-3 {
    padding-left: 1rem !important;
  }
  .pe-mobile-3 {
    padding-right: 1rem !important;
  }
  .px-mobile-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-mobile-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-mobile-4 {
    margin: 1.5rem !important;
  }
  .mt-mobile-4 {
    margin-top: 1.5rem !important;
  }
  .mb-mobile-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-mobile-4 {
    margin-left: 1.5rem !important;
  }
  .me-mobile-4 {
    margin-right: 1.5rem !important;
  }
  .mx-mobile-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-mobile-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-mobile-4 {
    padding: 1.5rem !important;
  }
  .pt-mobile-4 {
    padding-top: 1.5rem !important;
  }
  .pb-mobile-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-mobile-4 {
    padding-left: 1.5rem !important;
  }
  .pe-mobile-4 {
    padding-right: 1.5rem !important;
  }
  .px-mobile-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-mobile-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-mobile-5 {
    margin: 3rem !important;
  }
  .mt-mobile-5 {
    margin-top: 3rem !important;
  }
  .mb-mobile-5 {
    margin-bottom: 3rem !important;
  }
  .ms-mobile-5 {
    margin-left: 3rem !important;
  }
  .me-mobile-5 {
    margin-right: 3rem !important;
  }
  .mx-mobile-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-mobile-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-mobile-5 {
    padding: 3rem !important;
  }
  .pt-mobile-5 {
    padding-top: 3rem !important;
  }
  .pb-mobile-5 {
    padding-bottom: 3rem !important;
  }
  .ps-mobile-5 {
    padding-left: 3rem !important;
  }
  .pe-mobile-5 {
    padding-right: 3rem !important;
  }
  .px-mobile-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-mobile-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-mobile-auto {
    margin: auto !important;
  }
  .mt-mobile-auto {
    margin-top: auto !important;
  }
  .mb-mobile-auto {
    margin-bottom: auto !important;
  }
  .ms-mobile-auto {
    margin-left: auto !important;
  }
  .me-mobile-auto {
    margin-right: auto !important;
  }
  .mx-mobile-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-mobile-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-tablet-0 {
    margin: 0 !important;
  }
  .mt-tablet-0 {
    margin-top: 0 !important;
  }
  .mb-tablet-0 {
    margin-bottom: 0 !important;
  }
  .ms-tablet-0 {
    margin-left: 0 !important;
  }
  .me-tablet-0 {
    margin-right: 0 !important;
  }
  .mx-tablet-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-tablet-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-tablet-0 {
    padding: 0 !important;
  }
  .pt-tablet-0 {
    padding-top: 0 !important;
  }
  .pb-tablet-0 {
    padding-bottom: 0 !important;
  }
  .ps-tablet-0 {
    padding-left: 0 !important;
  }
  .pe-tablet-0 {
    padding-right: 0 !important;
  }
  .px-tablet-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-tablet-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-tablet-1 {
    margin: 0.25rem !important;
  }
  .mt-tablet-1 {
    margin-top: 0.25rem !important;
  }
  .mb-tablet-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-tablet-1 {
    margin-left: 0.25rem !important;
  }
  .me-tablet-1 {
    margin-right: 0.25rem !important;
  }
  .mx-tablet-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-tablet-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-tablet-1 {
    padding: 0.25rem !important;
  }
  .pt-tablet-1 {
    padding-top: 0.25rem !important;
  }
  .pb-tablet-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-tablet-1 {
    padding-left: 0.25rem !important;
  }
  .pe-tablet-1 {
    padding-right: 0.25rem !important;
  }
  .px-tablet-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-tablet-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-tablet-2 {
    margin: 0.5rem !important;
  }
  .mt-tablet-2 {
    margin-top: 0.5rem !important;
  }
  .mb-tablet-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-tablet-2 {
    margin-left: 0.5rem !important;
  }
  .me-tablet-2 {
    margin-right: 0.5rem !important;
  }
  .mx-tablet-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-tablet-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-tablet-2 {
    padding: 0.5rem !important;
  }
  .pt-tablet-2 {
    padding-top: 0.5rem !important;
  }
  .pb-tablet-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-tablet-2 {
    padding-left: 0.5rem !important;
  }
  .pe-tablet-2 {
    padding-right: 0.5rem !important;
  }
  .px-tablet-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-tablet-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-tablet-3 {
    margin: 1rem !important;
  }
  .mt-tablet-3 {
    margin-top: 1rem !important;
  }
  .mb-tablet-3 {
    margin-bottom: 1rem !important;
  }
  .ms-tablet-3 {
    margin-left: 1rem !important;
  }
  .me-tablet-3 {
    margin-right: 1rem !important;
  }
  .mx-tablet-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-tablet-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-tablet-3 {
    padding: 1rem !important;
  }
  .pt-tablet-3 {
    padding-top: 1rem !important;
  }
  .pb-tablet-3 {
    padding-bottom: 1rem !important;
  }
  .ps-tablet-3 {
    padding-left: 1rem !important;
  }
  .pe-tablet-3 {
    padding-right: 1rem !important;
  }
  .px-tablet-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-tablet-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-tablet-4 {
    margin: 1.5rem !important;
  }
  .mt-tablet-4 {
    margin-top: 1.5rem !important;
  }
  .mb-tablet-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-tablet-4 {
    margin-left: 1.5rem !important;
  }
  .me-tablet-4 {
    margin-right: 1.5rem !important;
  }
  .mx-tablet-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-tablet-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-tablet-4 {
    padding: 1.5rem !important;
  }
  .pt-tablet-4 {
    padding-top: 1.5rem !important;
  }
  .pb-tablet-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-tablet-4 {
    padding-left: 1.5rem !important;
  }
  .pe-tablet-4 {
    padding-right: 1.5rem !important;
  }
  .px-tablet-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-tablet-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-tablet-5 {
    margin: 3rem !important;
  }
  .mt-tablet-5 {
    margin-top: 3rem !important;
  }
  .mb-tablet-5 {
    margin-bottom: 3rem !important;
  }
  .ms-tablet-5 {
    margin-left: 3rem !important;
  }
  .me-tablet-5 {
    margin-right: 3rem !important;
  }
  .mx-tablet-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-tablet-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-tablet-5 {
    padding: 3rem !important;
  }
  .pt-tablet-5 {
    padding-top: 3rem !important;
  }
  .pb-tablet-5 {
    padding-bottom: 3rem !important;
  }
  .ps-tablet-5 {
    padding-left: 3rem !important;
  }
  .pe-tablet-5 {
    padding-right: 3rem !important;
  }
  .px-tablet-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-tablet-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-tablet-auto {
    margin: auto !important;
  }
  .mt-tablet-auto {
    margin-top: auto !important;
  }
  .mb-tablet-auto {
    margin-bottom: auto !important;
  }
  .ms-tablet-auto {
    margin-left: auto !important;
  }
  .me-tablet-auto {
    margin-right: auto !important;
  }
  .mx-tablet-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-tablet-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 769px) {
  .m-desktop1-0 {
    margin: 0 !important;
  }
  .mt-desktop1-0 {
    margin-top: 0 !important;
  }
  .mb-desktop1-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop1-0 {
    margin-left: 0 !important;
  }
  .me-desktop1-0 {
    margin-right: 0 !important;
  }
  .mx-desktop1-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-desktop1-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-desktop1-0 {
    padding: 0 !important;
  }
  .pt-desktop1-0 {
    padding-top: 0 !important;
  }
  .pb-desktop1-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop1-0 {
    padding-left: 0 !important;
  }
  .pe-desktop1-0 {
    padding-right: 0 !important;
  }
  .px-desktop1-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-desktop1-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-desktop1-1 {
    margin: 0.25rem !important;
  }
  .mt-desktop1-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop1-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop1-1 {
    margin-left: 0.25rem !important;
  }
  .me-desktop1-1 {
    margin-right: 0.25rem !important;
  }
  .mx-desktop1-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-desktop1-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-desktop1-1 {
    padding: 0.25rem !important;
  }
  .pt-desktop1-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop1-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop1-1 {
    padding-left: 0.25rem !important;
  }
  .pe-desktop1-1 {
    padding-right: 0.25rem !important;
  }
  .px-desktop1-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-desktop1-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-desktop1-2 {
    margin: 0.5rem !important;
  }
  .mt-desktop1-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop1-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop1-2 {
    margin-left: 0.5rem !important;
  }
  .me-desktop1-2 {
    margin-right: 0.5rem !important;
  }
  .mx-desktop1-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-desktop1-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-desktop1-2 {
    padding: 0.5rem !important;
  }
  .pt-desktop1-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop1-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop1-2 {
    padding-left: 0.5rem !important;
  }
  .pe-desktop1-2 {
    padding-right: 0.5rem !important;
  }
  .px-desktop1-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-desktop1-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-desktop1-3 {
    margin: 1rem !important;
  }
  .mt-desktop1-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop1-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop1-3 {
    margin-left: 1rem !important;
  }
  .me-desktop1-3 {
    margin-right: 1rem !important;
  }
  .mx-desktop1-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-desktop1-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-desktop1-3 {
    padding: 1rem !important;
  }
  .pt-desktop1-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop1-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop1-3 {
    padding-left: 1rem !important;
  }
  .pe-desktop1-3 {
    padding-right: 1rem !important;
  }
  .px-desktop1-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-desktop1-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-desktop1-4 {
    margin: 1.5rem !important;
  }
  .mt-desktop1-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop1-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop1-4 {
    margin-left: 1.5rem !important;
  }
  .me-desktop1-4 {
    margin-right: 1.5rem !important;
  }
  .mx-desktop1-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-desktop1-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-desktop1-4 {
    padding: 1.5rem !important;
  }
  .pt-desktop1-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop1-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop1-4 {
    padding-left: 1.5rem !important;
  }
  .pe-desktop1-4 {
    padding-right: 1.5rem !important;
  }
  .px-desktop1-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-desktop1-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-desktop1-5 {
    margin: 3rem !important;
  }
  .mt-desktop1-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop1-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop1-5 {
    margin-left: 3rem !important;
  }
  .me-desktop1-5 {
    margin-right: 3rem !important;
  }
  .mx-desktop1-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-desktop1-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-desktop1-5 {
    padding: 3rem !important;
  }
  .pt-desktop1-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop1-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop1-5 {
    padding-left: 3rem !important;
  }
  .pe-desktop1-5 {
    padding-right: 3rem !important;
  }
  .px-desktop1-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-desktop1-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-desktop1-auto {
    margin: auto !important;
  }
  .mt-desktop1-auto {
    margin-top: auto !important;
  }
  .mb-desktop1-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop1-auto {
    margin-left: auto !important;
  }
  .me-desktop1-auto {
    margin-right: auto !important;
  }
  .mx-desktop1-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-desktop1-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1537px) {
  .m-desktop2-0 {
    margin: 0 !important;
  }
  .mt-desktop2-0 {
    margin-top: 0 !important;
  }
  .mb-desktop2-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop2-0 {
    margin-left: 0 !important;
  }
  .me-desktop2-0 {
    margin-right: 0 !important;
  }
  .mx-desktop2-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-desktop2-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-desktop2-0 {
    padding: 0 !important;
  }
  .pt-desktop2-0 {
    padding-top: 0 !important;
  }
  .pb-desktop2-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop2-0 {
    padding-left: 0 !important;
  }
  .pe-desktop2-0 {
    padding-right: 0 !important;
  }
  .px-desktop2-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-desktop2-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-desktop2-1 {
    margin: 0.25rem !important;
  }
  .mt-desktop2-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop2-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop2-1 {
    margin-left: 0.25rem !important;
  }
  .me-desktop2-1 {
    margin-right: 0.25rem !important;
  }
  .mx-desktop2-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-desktop2-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-desktop2-1 {
    padding: 0.25rem !important;
  }
  .pt-desktop2-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop2-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop2-1 {
    padding-left: 0.25rem !important;
  }
  .pe-desktop2-1 {
    padding-right: 0.25rem !important;
  }
  .px-desktop2-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-desktop2-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-desktop2-2 {
    margin: 0.5rem !important;
  }
  .mt-desktop2-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop2-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop2-2 {
    margin-left: 0.5rem !important;
  }
  .me-desktop2-2 {
    margin-right: 0.5rem !important;
  }
  .mx-desktop2-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-desktop2-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-desktop2-2 {
    padding: 0.5rem !important;
  }
  .pt-desktop2-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop2-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop2-2 {
    padding-left: 0.5rem !important;
  }
  .pe-desktop2-2 {
    padding-right: 0.5rem !important;
  }
  .px-desktop2-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-desktop2-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-desktop2-3 {
    margin: 1rem !important;
  }
  .mt-desktop2-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop2-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop2-3 {
    margin-left: 1rem !important;
  }
  .me-desktop2-3 {
    margin-right: 1rem !important;
  }
  .mx-desktop2-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-desktop2-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-desktop2-3 {
    padding: 1rem !important;
  }
  .pt-desktop2-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop2-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop2-3 {
    padding-left: 1rem !important;
  }
  .pe-desktop2-3 {
    padding-right: 1rem !important;
  }
  .px-desktop2-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-desktop2-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-desktop2-4 {
    margin: 1.5rem !important;
  }
  .mt-desktop2-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop2-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop2-4 {
    margin-left: 1.5rem !important;
  }
  .me-desktop2-4 {
    margin-right: 1.5rem !important;
  }
  .mx-desktop2-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-desktop2-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-desktop2-4 {
    padding: 1.5rem !important;
  }
  .pt-desktop2-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop2-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop2-4 {
    padding-left: 1.5rem !important;
  }
  .pe-desktop2-4 {
    padding-right: 1.5rem !important;
  }
  .px-desktop2-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-desktop2-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-desktop2-5 {
    margin: 3rem !important;
  }
  .mt-desktop2-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop2-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop2-5 {
    margin-left: 3rem !important;
  }
  .me-desktop2-5 {
    margin-right: 3rem !important;
  }
  .mx-desktop2-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-desktop2-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-desktop2-5 {
    padding: 3rem !important;
  }
  .pt-desktop2-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop2-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop2-5 {
    padding-left: 3rem !important;
  }
  .pe-desktop2-5 {
    padding-right: 3rem !important;
  }
  .px-desktop2-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-desktop2-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-desktop2-auto {
    margin: auto !important;
  }
  .mt-desktop2-auto {
    margin-top: auto !important;
  }
  .mb-desktop2-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop2-auto {
    margin-left: auto !important;
  }
  .me-desktop2-auto {
    margin-right: auto !important;
  }
  .mx-desktop2-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-desktop2-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1537px) {
  .m-desktop-small-0 {
    margin: 0 !important;
  }
  .mt-desktop-small-0 {
    margin-top: 0 !important;
  }
  .mb-desktop-small-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop-small-0 {
    margin-left: 0 !important;
  }
  .me-desktop-small-0 {
    margin-right: 0 !important;
  }
  .mx-desktop-small-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-desktop-small-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-desktop-small-0 {
    padding: 0 !important;
  }
  .pt-desktop-small-0 {
    padding-top: 0 !important;
  }
  .pb-desktop-small-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop-small-0 {
    padding-left: 0 !important;
  }
  .pe-desktop-small-0 {
    padding-right: 0 !important;
  }
  .px-desktop-small-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-desktop-small-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-desktop-small-1 {
    margin: 0.25rem !important;
  }
  .mt-desktop-small-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop-small-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop-small-1 {
    margin-left: 0.25rem !important;
  }
  .me-desktop-small-1 {
    margin-right: 0.25rem !important;
  }
  .mx-desktop-small-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-desktop-small-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-desktop-small-1 {
    padding: 0.25rem !important;
  }
  .pt-desktop-small-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop-small-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop-small-1 {
    padding-left: 0.25rem !important;
  }
  .pe-desktop-small-1 {
    padding-right: 0.25rem !important;
  }
  .px-desktop-small-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-desktop-small-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-desktop-small-2 {
    margin: 0.5rem !important;
  }
  .mt-desktop-small-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop-small-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop-small-2 {
    margin-left: 0.5rem !important;
  }
  .me-desktop-small-2 {
    margin-right: 0.5rem !important;
  }
  .mx-desktop-small-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-desktop-small-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-desktop-small-2 {
    padding: 0.5rem !important;
  }
  .pt-desktop-small-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop-small-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop-small-2 {
    padding-left: 0.5rem !important;
  }
  .pe-desktop-small-2 {
    padding-right: 0.5rem !important;
  }
  .px-desktop-small-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-desktop-small-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-desktop-small-3 {
    margin: 1rem !important;
  }
  .mt-desktop-small-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop-small-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop-small-3 {
    margin-left: 1rem !important;
  }
  .me-desktop-small-3 {
    margin-right: 1rem !important;
  }
  .mx-desktop-small-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-desktop-small-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-desktop-small-3 {
    padding: 1rem !important;
  }
  .pt-desktop-small-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop-small-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop-small-3 {
    padding-left: 1rem !important;
  }
  .pe-desktop-small-3 {
    padding-right: 1rem !important;
  }
  .px-desktop-small-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-desktop-small-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-desktop-small-4 {
    margin: 1.5rem !important;
  }
  .mt-desktop-small-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop-small-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop-small-4 {
    margin-left: 1.5rem !important;
  }
  .me-desktop-small-4 {
    margin-right: 1.5rem !important;
  }
  .mx-desktop-small-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-desktop-small-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-desktop-small-4 {
    padding: 1.5rem !important;
  }
  .pt-desktop-small-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop-small-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop-small-4 {
    padding-left: 1.5rem !important;
  }
  .pe-desktop-small-4 {
    padding-right: 1.5rem !important;
  }
  .px-desktop-small-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-desktop-small-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-desktop-small-5 {
    margin: 3rem !important;
  }
  .mt-desktop-small-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop-small-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop-small-5 {
    margin-left: 3rem !important;
  }
  .me-desktop-small-5 {
    margin-right: 3rem !important;
  }
  .mx-desktop-small-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-desktop-small-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-desktop-small-5 {
    padding: 3rem !important;
  }
  .pt-desktop-small-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop-small-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop-small-5 {
    padding-left: 3rem !important;
  }
  .pe-desktop-small-5 {
    padding-right: 3rem !important;
  }
  .px-desktop-small-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-desktop-small-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-desktop-small-auto {
    margin: auto !important;
  }
  .mt-desktop-small-auto {
    margin-top: auto !important;
  }
  .mb-desktop-small-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop-small-auto {
    margin-left: auto !important;
  }
  .me-desktop-small-auto {
    margin-right: auto !important;
  }
  .mx-desktop-small-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-desktop-small-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1920px) {
  .m-desktop2_5-0 {
    margin: 0 !important;
  }
  .mt-desktop2_5-0 {
    margin-top: 0 !important;
  }
  .mb-desktop2_5-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop2_5-0 {
    margin-left: 0 !important;
  }
  .me-desktop2_5-0 {
    margin-right: 0 !important;
  }
  .mx-desktop2_5-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-desktop2_5-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-desktop2_5-0 {
    padding: 0 !important;
  }
  .pt-desktop2_5-0 {
    padding-top: 0 !important;
  }
  .pb-desktop2_5-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop2_5-0 {
    padding-left: 0 !important;
  }
  .pe-desktop2_5-0 {
    padding-right: 0 !important;
  }
  .px-desktop2_5-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-desktop2_5-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-desktop2_5-1 {
    margin: 0.25rem !important;
  }
  .mt-desktop2_5-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop2_5-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop2_5-1 {
    margin-left: 0.25rem !important;
  }
  .me-desktop2_5-1 {
    margin-right: 0.25rem !important;
  }
  .mx-desktop2_5-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-desktop2_5-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-desktop2_5-1 {
    padding: 0.25rem !important;
  }
  .pt-desktop2_5-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop2_5-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop2_5-1 {
    padding-left: 0.25rem !important;
  }
  .pe-desktop2_5-1 {
    padding-right: 0.25rem !important;
  }
  .px-desktop2_5-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-desktop2_5-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-desktop2_5-2 {
    margin: 0.5rem !important;
  }
  .mt-desktop2_5-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop2_5-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop2_5-2 {
    margin-left: 0.5rem !important;
  }
  .me-desktop2_5-2 {
    margin-right: 0.5rem !important;
  }
  .mx-desktop2_5-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-desktop2_5-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-desktop2_5-2 {
    padding: 0.5rem !important;
  }
  .pt-desktop2_5-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop2_5-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop2_5-2 {
    padding-left: 0.5rem !important;
  }
  .pe-desktop2_5-2 {
    padding-right: 0.5rem !important;
  }
  .px-desktop2_5-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-desktop2_5-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-desktop2_5-3 {
    margin: 1rem !important;
  }
  .mt-desktop2_5-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop2_5-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop2_5-3 {
    margin-left: 1rem !important;
  }
  .me-desktop2_5-3 {
    margin-right: 1rem !important;
  }
  .mx-desktop2_5-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-desktop2_5-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-desktop2_5-3 {
    padding: 1rem !important;
  }
  .pt-desktop2_5-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop2_5-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop2_5-3 {
    padding-left: 1rem !important;
  }
  .pe-desktop2_5-3 {
    padding-right: 1rem !important;
  }
  .px-desktop2_5-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-desktop2_5-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-desktop2_5-4 {
    margin: 1.5rem !important;
  }
  .mt-desktop2_5-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop2_5-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop2_5-4 {
    margin-left: 1.5rem !important;
  }
  .me-desktop2_5-4 {
    margin-right: 1.5rem !important;
  }
  .mx-desktop2_5-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-desktop2_5-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-desktop2_5-4 {
    padding: 1.5rem !important;
  }
  .pt-desktop2_5-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop2_5-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop2_5-4 {
    padding-left: 1.5rem !important;
  }
  .pe-desktop2_5-4 {
    padding-right: 1.5rem !important;
  }
  .px-desktop2_5-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-desktop2_5-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-desktop2_5-5 {
    margin: 3rem !important;
  }
  .mt-desktop2_5-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop2_5-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop2_5-5 {
    margin-left: 3rem !important;
  }
  .me-desktop2_5-5 {
    margin-right: 3rem !important;
  }
  .mx-desktop2_5-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-desktop2_5-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-desktop2_5-5 {
    padding: 3rem !important;
  }
  .pt-desktop2_5-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop2_5-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop2_5-5 {
    padding-left: 3rem !important;
  }
  .pe-desktop2_5-5 {
    padding-right: 3rem !important;
  }
  .px-desktop2_5-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-desktop2_5-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-desktop2_5-auto {
    margin: auto !important;
  }
  .mt-desktop2_5-auto {
    margin-top: auto !important;
  }
  .mb-desktop2_5-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop2_5-auto {
    margin-left: auto !important;
  }
  .me-desktop2_5-auto {
    margin-right: auto !important;
  }
  .mx-desktop2_5-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-desktop2_5-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 2561px) {
  .m-desktop3-0 {
    margin: 0 !important;
  }
  .mt-desktop3-0 {
    margin-top: 0 !important;
  }
  .mb-desktop3-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop3-0 {
    margin-left: 0 !important;
  }
  .me-desktop3-0 {
    margin-right: 0 !important;
  }
  .mx-desktop3-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-desktop3-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-desktop3-0 {
    padding: 0 !important;
  }
  .pt-desktop3-0 {
    padding-top: 0 !important;
  }
  .pb-desktop3-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop3-0 {
    padding-left: 0 !important;
  }
  .pe-desktop3-0 {
    padding-right: 0 !important;
  }
  .px-desktop3-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-desktop3-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-desktop3-1 {
    margin: 0.25rem !important;
  }
  .mt-desktop3-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop3-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop3-1 {
    margin-left: 0.25rem !important;
  }
  .me-desktop3-1 {
    margin-right: 0.25rem !important;
  }
  .mx-desktop3-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-desktop3-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-desktop3-1 {
    padding: 0.25rem !important;
  }
  .pt-desktop3-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop3-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop3-1 {
    padding-left: 0.25rem !important;
  }
  .pe-desktop3-1 {
    padding-right: 0.25rem !important;
  }
  .px-desktop3-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-desktop3-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-desktop3-2 {
    margin: 0.5rem !important;
  }
  .mt-desktop3-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop3-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop3-2 {
    margin-left: 0.5rem !important;
  }
  .me-desktop3-2 {
    margin-right: 0.5rem !important;
  }
  .mx-desktop3-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-desktop3-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-desktop3-2 {
    padding: 0.5rem !important;
  }
  .pt-desktop3-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop3-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop3-2 {
    padding-left: 0.5rem !important;
  }
  .pe-desktop3-2 {
    padding-right: 0.5rem !important;
  }
  .px-desktop3-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-desktop3-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-desktop3-3 {
    margin: 1rem !important;
  }
  .mt-desktop3-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop3-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop3-3 {
    margin-left: 1rem !important;
  }
  .me-desktop3-3 {
    margin-right: 1rem !important;
  }
  .mx-desktop3-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-desktop3-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-desktop3-3 {
    padding: 1rem !important;
  }
  .pt-desktop3-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop3-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop3-3 {
    padding-left: 1rem !important;
  }
  .pe-desktop3-3 {
    padding-right: 1rem !important;
  }
  .px-desktop3-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-desktop3-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-desktop3-4 {
    margin: 1.5rem !important;
  }
  .mt-desktop3-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop3-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop3-4 {
    margin-left: 1.5rem !important;
  }
  .me-desktop3-4 {
    margin-right: 1.5rem !important;
  }
  .mx-desktop3-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-desktop3-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-desktop3-4 {
    padding: 1.5rem !important;
  }
  .pt-desktop3-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop3-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop3-4 {
    padding-left: 1.5rem !important;
  }
  .pe-desktop3-4 {
    padding-right: 1.5rem !important;
  }
  .px-desktop3-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-desktop3-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-desktop3-5 {
    margin: 3rem !important;
  }
  .mt-desktop3-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop3-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop3-5 {
    margin-left: 3rem !important;
  }
  .me-desktop3-5 {
    margin-right: 3rem !important;
  }
  .mx-desktop3-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-desktop3-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-desktop3-5 {
    padding: 3rem !important;
  }
  .pt-desktop3-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop3-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop3-5 {
    padding-left: 3rem !important;
  }
  .pe-desktop3-5 {
    padding-right: 3rem !important;
  }
  .px-desktop3-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-desktop3-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-desktop3-auto {
    margin: auto !important;
  }
  .mt-desktop3-auto {
    margin-top: auto !important;
  }
  .mb-desktop3-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop3-auto {
    margin-left: auto !important;
  }
  .me-desktop3-auto {
    margin-right: auto !important;
  }
  .mx-desktop3-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-desktop3-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1920px) {
  .m-b1920-0 {
    margin: 0 !important;
  }
  .mt-b1920-0 {
    margin-top: 0 !important;
  }
  .mb-b1920-0 {
    margin-bottom: 0 !important;
  }
  .ms-b1920-0 {
    margin-left: 0 !important;
  }
  .me-b1920-0 {
    margin-right: 0 !important;
  }
  .mx-b1920-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-b1920-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-b1920-0 {
    padding: 0 !important;
  }
  .pt-b1920-0 {
    padding-top: 0 !important;
  }
  .pb-b1920-0 {
    padding-bottom: 0 !important;
  }
  .ps-b1920-0 {
    padding-left: 0 !important;
  }
  .pe-b1920-0 {
    padding-right: 0 !important;
  }
  .px-b1920-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-b1920-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-b1920-1 {
    margin: 0.25rem !important;
  }
  .mt-b1920-1 {
    margin-top: 0.25rem !important;
  }
  .mb-b1920-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-b1920-1 {
    margin-left: 0.25rem !important;
  }
  .me-b1920-1 {
    margin-right: 0.25rem !important;
  }
  .mx-b1920-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-b1920-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-b1920-1 {
    padding: 0.25rem !important;
  }
  .pt-b1920-1 {
    padding-top: 0.25rem !important;
  }
  .pb-b1920-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-b1920-1 {
    padding-left: 0.25rem !important;
  }
  .pe-b1920-1 {
    padding-right: 0.25rem !important;
  }
  .px-b1920-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-b1920-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-b1920-2 {
    margin: 0.5rem !important;
  }
  .mt-b1920-2 {
    margin-top: 0.5rem !important;
  }
  .mb-b1920-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-b1920-2 {
    margin-left: 0.5rem !important;
  }
  .me-b1920-2 {
    margin-right: 0.5rem !important;
  }
  .mx-b1920-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-b1920-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-b1920-2 {
    padding: 0.5rem !important;
  }
  .pt-b1920-2 {
    padding-top: 0.5rem !important;
  }
  .pb-b1920-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-b1920-2 {
    padding-left: 0.5rem !important;
  }
  .pe-b1920-2 {
    padding-right: 0.5rem !important;
  }
  .px-b1920-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-b1920-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-b1920-3 {
    margin: 1rem !important;
  }
  .mt-b1920-3 {
    margin-top: 1rem !important;
  }
  .mb-b1920-3 {
    margin-bottom: 1rem !important;
  }
  .ms-b1920-3 {
    margin-left: 1rem !important;
  }
  .me-b1920-3 {
    margin-right: 1rem !important;
  }
  .mx-b1920-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-b1920-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-b1920-3 {
    padding: 1rem !important;
  }
  .pt-b1920-3 {
    padding-top: 1rem !important;
  }
  .pb-b1920-3 {
    padding-bottom: 1rem !important;
  }
  .ps-b1920-3 {
    padding-left: 1rem !important;
  }
  .pe-b1920-3 {
    padding-right: 1rem !important;
  }
  .px-b1920-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-b1920-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-b1920-4 {
    margin: 1.5rem !important;
  }
  .mt-b1920-4 {
    margin-top: 1.5rem !important;
  }
  .mb-b1920-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-b1920-4 {
    margin-left: 1.5rem !important;
  }
  .me-b1920-4 {
    margin-right: 1.5rem !important;
  }
  .mx-b1920-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-b1920-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-b1920-4 {
    padding: 1.5rem !important;
  }
  .pt-b1920-4 {
    padding-top: 1.5rem !important;
  }
  .pb-b1920-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-b1920-4 {
    padding-left: 1.5rem !important;
  }
  .pe-b1920-4 {
    padding-right: 1.5rem !important;
  }
  .px-b1920-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-b1920-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-b1920-5 {
    margin: 3rem !important;
  }
  .mt-b1920-5 {
    margin-top: 3rem !important;
  }
  .mb-b1920-5 {
    margin-bottom: 3rem !important;
  }
  .ms-b1920-5 {
    margin-left: 3rem !important;
  }
  .me-b1920-5 {
    margin-right: 3rem !important;
  }
  .mx-b1920-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-b1920-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-b1920-5 {
    padding: 3rem !important;
  }
  .pt-b1920-5 {
    padding-top: 3rem !important;
  }
  .pb-b1920-5 {
    padding-bottom: 3rem !important;
  }
  .ps-b1920-5 {
    padding-left: 3rem !important;
  }
  .pe-b1920-5 {
    padding-right: 3rem !important;
  }
  .px-b1920-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-b1920-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-b1920-auto {
    margin: auto !important;
  }
  .mt-b1920-auto {
    margin-top: auto !important;
  }
  .mb-b1920-auto {
    margin-bottom: auto !important;
  }
  .ms-b1920-auto {
    margin-left: auto !important;
  }
  .me-b1920-auto {
    margin-right: auto !important;
  }
  .mx-b1920-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-b1920-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.col-md-offset-05 {
  margin-left: 4.16666666%;
}

.cooking-page .container-fluid {
  max-width: 1650px !important;
}
@media (min-width: 992px) {
  .cooking-page .container-fluid {
    width: calc(100vw - 200px) !important;
  }
}
@media (max-width: 991.98px) {
  .cooking-page .container-fluid {
    width: calc(100vw - 100px) !important;
  }
}
@media (max-width: 767.98px) {
  .cooking-page .container-fluid {
    width: calc(100vw - 12px) !important;
  }
}

.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.d-block {
  display: block !important;
}

@media (min-width: 992px) {
  .d-md-flex {
    display: flex !important;
  }
}

.justify-content-center {
  justify-content: center !important;
}

@media (max-width: 767.98px) {
  .text-md-center {
    text-align: center !important;
  }
}

.cta-button-primary a {
  text-decoration: none;
  color: var(--charcoald-dark, #18252f);
  border: 2px solid var(--charcoald-dark, #18252f);
  background: transparent;
  padding: 0.6em 1.4em;
  font-family: var(--font-roboto-sans);
  font-size: 17.6px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
  text-align: center;
  transition: all 0.2s ease;
}
@media not all and (pointer: coarse) {
  .cta-button-primary a:hover {
    color: #fff;
    background: var(--charcoal-dark);
    box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.4392156863);
  }
}
.cta-button-primary.--big a {
  padding: 1.5em 1.4em;
}

.cta-button-secondary a {
  text-decoration: none;
  color: var(--charcoald-dark, #18252f);
  border: 2px solid var(--Yellow-Default, #ffdf00);
  background: var(--Yellow-Default, #ffdf00);
  padding: 0.6em 1.4em;
  font-family: var(--font-roboto-sans);
  font-size: 17.6px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  text-align: center;
  transition: all 0.2s ease;
}
@media not all and (pointer: coarse) {
  .cta-button-secondary a:hover {
    background-color: rgb(255, 229.4, 51);
    box-shadow: 1px 1px 10px -1px #e0e0e0;
  }
}
@media (min-width: 992px) {
  .no-desktop {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .no-mobile {
    display: none !important;
  }
}

.gap-2 {
  gap: 2.5rem;
}

.w-fit-content {
  width: fit-content;
}

.pin-spacer:has(> .floating-cta) {
  pointer-events: none !important;
}

#new-category-pages .floating-cta {
  pointer-events: none !important;
  width: 100vw;
  display: none;
  display: flex;
  justify-content: flex-end;
  will-change: transform;
}
#new-category-pages .floating-cta a {
  pointer-events: auto;
  padding: 1rem 3rem;
  font-size: 14px;
  outline: 1px solid white;
}
@media (min-width: 992px) {
  #new-category-pages .floating-cta a {
    translate: 0 -80px;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages .floating-cta {
    justify-content: center;
  }
  #new-category-pages .floating-cta a {
    padding: 0.8rem 3rem;
  }
  #new-category-pages .floating-cta .cta-button-secondary {
    width: clamp(200px, 80vw, 300px);
  }
}

.cta-button {
  position: fixed;
  right: 0; /* resta a destra */
  bottom: 2rem;
  z-index: 20;
  /* inizialmente nascosta: taglio dal lato SINISTRO → reveal L→R */
  clip-path: inset(0 0 0 100%);
  transform-origin: left center;
}
@media (max-width: 991.98px) {
  .cta-button {
    display: block;
    width: 100%;
    left: 0; /* su mobile full width come già avevi */
    right: auto;
    clip-path: none; /* niente animazione su mobile (se vuoi mantenerla: rimuovi questa riga) */
  }
}

.cta-button .btn {
  display: block;
  text-align: center;
  border: 1px solid white;
  padding: 20px 40px;
  background: var(--yellow-default, #ffdf00);
  box-shadow: 1px 1px 30px -1px rgba(0, 0, 0, 0.25);
  color: var(--charcoal-dark, #18252f);
  font-size: 14px;
  letter-spacing: 0.6px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .cta-button .btn {
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 30px;
    padding: 14px 28px;
  }
}
@media (max-width: 991.98px) {
  .cta-button .btn {
    border-right: 0;
  }
}

#steps-section {
  padding-top: 32px;
} /* altezza nav */
.steps-navigation {
  --padding: 10vw;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 64px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(206, 206, 207, 0.8);
  backdrop-filter: blur(17.5px);
  padding-left: var(--padding);
  padding-right: var(--padding);
}
@media (max-width: 991.98px) {
  .steps-navigation {
    padding-left: calc(var(--padding) / 3);
    padding-right: calc(var(--padding) / 3);
  }
}
.steps-navigation > ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7vw;
}
@media (max-width: 991.98px) {
  .steps-navigation > ul {
    gap: 0;
  }
}
.steps-navigation > ul > li {
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.steps-navigation > ul > li > a {
  display: inline-block;
  padding: 10px 16px;
  text-decoration: none;
  color: var(--Charcoal-Dark, #18252f);
  opacity: 0.6;
}
@media (max-width: 991.98px) {
  .steps-navigation > ul > li > a {
    padding: 3px 8px;
  }
}
.steps-navigation > ul > li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  background: var(--Yellow-Default, #ffdf00);
  opacity: 0.2;
}
.steps-navigation > ul > li.active > a {
  opacity: 1;
}
.steps-navigation > ul > li.active::after {
  background: var(--Yellow-Default, #ffdf00);
  height: 3px;
  opacity: 1;
}
.steps-navigation .steps-navigation-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 16px 16px;
  text-align: center;
  border: 1px solid var(--Charcoal-Default, #2b3e48);
  color: var(--Charcoal-Default, #2b3e48);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 96%; /* 15.36px */
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .steps-navigation .steps-navigation-cta a {
    font-size: 12px;
    font-weight: 700;
    line-height: 96%; /* 11.52px */
    overflow-wrap: break-word;
    max-width: 0;
    min-width: min-content;
  }
}

.cooking-page #steps-section {
  --zns-header-h: 10vh;
  --step-navbar-h: 10vh;
  padding-top: 0;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section {
    --zns-header-h: 0vh;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-title {
    padding: 0 !important;
  }
}
.cooking-page #steps-section .step-title .step-title {
  color: #fff;
  font-family: "Roboto Slab";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 64px */
}
@media (min-width: 992px) {
  .cooking-page #steps-section .step-title .step-title {
    font-size: 64px;
  }
}
@media (min-width: 1920px) {
  .cooking-page #steps-section .step-title .step-title {
    font-size: 64px;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-title .step-title {
    text-align: center;
    padding: 2rem 0 !important;
  }
}
.cooking-page #steps-section .pin-spacer {
  pointer-events: none;
}
.cooking-page #steps-section .step-navbar {
  gap: 2rem;
  width: 100%;
  pointer-events: auto;
  box-shadow: 30vw -50px var(--bg), -30vw -50px var(--bg);
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-navbar {
    gap: 0;
    box-shadow: none;
  }
}
.cooking-page #steps-section .step-navbar .tab-product {
  cursor: pointer;
  transition: color 0.3s ease, background 0.3s ease;
}
.cooking-page #steps-section .step-navbar .tab-product:active {
  scale: 0.95;
}
.cooking-page #steps-section .step-navbar .tab-product:not(.active) {
  --bg: #0000;
  color: rgba(255, 255, 255, 0.336);
}
.cooking-page #steps-section .step-header .step-header-title.h2, .cooking-page #steps-section .step-header #card-carousel .step-header-title.cc-title, #card-carousel .cooking-page #steps-section .step-header .step-header-title.cc-title {
  font-size: 64px;
}
@media (max-width: 1919.98px) {
  .cooking-page #steps-section .step-header .step-header-title.h2, .cooking-page #steps-section .step-header #card-carousel .step-header-title.cc-title, #card-carousel .cooking-page #steps-section .step-header .step-header-title.cc-title {
    font-size: 48px;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-header .step-header-title.h2, .cooking-page #steps-section .step-header #card-carousel .step-header-title.cc-title, #card-carousel .cooking-page #steps-section .step-header .step-header-title.cc-title {
    font-size: 32px;
    text-align: center;
  }
}
.cooking-page #steps-section .step-header .step-header-subtitle.h3 {
  font-size: 36px;
  font-family: var(--font-roboto-slab);
}
@media (max-width: 1919.98px) {
  .cooking-page #steps-section .step-header .step-header-subtitle.h3 {
    font-size: 26px;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-header .step-header-subtitle.h3 {
    font-size: 18px;
    text-align: center;
    margin: 0.5rem auto 0;
  }
}
.cooking-page #steps-section .step-product .step-header {
  display: flex;
  align-items: baseline;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-header {
    flex-direction: column;
    justify-content: center;
  }
}
.cooking-page #steps-section .step-product .step-cover {
  height: calc(100vh - var(--zns-header-h) - var(--step-navbar-h));
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-cover {
    height: fit-content;
  }
  .cooking-page #steps-section .step-product .step-cover * {
    text-align: center;
  }
}
.cooking-page #steps-section .step-product .step-hero {
  display: flex;
  position: relative;
  flex-grow: 2;
  height: 0;
}
@media (min-width: 992px) {
  .cooking-page #steps-section .step-product .step-hero picture {
    display: block;
    position: absolute;
    height: 100%;
    --bleed: 8vw;
    width: calc(100% + var(--bleed));
  }
}
.cooking-page #steps-section .step-product .step-hero .aside-hero {
  height: inherit;
  display: flex;
  align-content: center;
  align-items: center;
}
.cooking-page #steps-section .step-product .step-hero .aside-hero p {
  font-size: 24px !important;
  line-height: 1.15em;
}
@media (max-width: 1919.98px) {
  .cooking-page #steps-section .step-product .step-hero .aside-hero p {
    font-size: 18px !important;
    line-height: 1.3em;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-hero .aside-hero p {
    font-size: 16px !important;
    line-height: 1.3em;
  }
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-hero .aside-hero {
    text-align: center;
  }
}
.cooking-page #steps-section .step-product .step-hero .cta-button-primary {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-hero {
    flex-direction: column;
    height: fit-content;
    --image-h: 36vh;
  }
  .cooking-page #steps-section .step-product .step-hero div:has(> picture) {
    position: absolute;
    height: var(--image-h);
    padding: 0;
    left: 0;
    width: 100%;
  }
  .cooking-page #steps-section .step-product .step-hero .cta-button-primary {
    display: none;
  }
  .cooking-page #steps-section .step-product .step-hero picture > img {
    width: 100%;
    scale: 1.05;
  }
  .cooking-page #steps-section .step-product .step-hero .aside-hero {
    padding-top: var(--image-h);
    padding-bottom: 1rem;
    margin-top: 1.8rem;
  }
}
.cooking-page #steps-section .step-product .step-details {
  position: relative;
  margin-bottom: 10vh;
  padding-bottom: 5vh;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-details {
    height: unset;
    padding-bottom: 0;
  }
  .cooking-page #steps-section .step-product .step-details .details-title {
    padding: 0 30px !important;
    text-align: center;
  }
  .cooking-page #steps-section .step-product .step-details > .row {
    flex-direction: column;
  }
  .cooking-page #steps-section .step-product .step-details > .row > div:has(.card-carousel) {
    padding: 0;
  }
}
.cooking-page #steps-section .step-product .step-details .details-title {
  text-transform: uppercase;
}
.cooking-page #steps-section .step-product .step-details .use-case-grid {
  display: flex;
  justify-content: space-between;
  padding: 2vh 0;
  margin: 4vh 0 4vh;
  border: 1px solid var(--charcoal-dark);
  border-left: 0;
  border-right: 0;
}
.cooking-page #steps-section .step-product .step-details .use-case-grid .use-case-title {
  text-transform: capitalize !important;
}
.cooking-page #steps-section .step-product .step-details .use-case-grid .use-case-icon i {
  display: block;
  width: 50px;
  height: 50px;
}
.cooking-page #steps-section .step-product .step-details .use-case-grid.only-desktop {
  padding-right: clamp(2rem, 5vw, 3rem);
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-details .use-case-grid.only-desktop {
    display: none !important;
  }
}
.cooking-page #steps-section .step-product .step-details .use-case-grid.only-mobile {
  display: none !important;
}
@media (max-width: 991.98px) {
  .cooking-page #steps-section .step-product .step-details .use-case-grid.only-mobile {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    border: none;
    border-radius: 8px;
    padding-right: unset;
    display: grid !important;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    background-color: #ebebeb;
    gap: 2rem;
    position: relative;
  }
  .cooking-page #steps-section .step-product .step-details .use-case-grid.only-mobile .use-case-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.cooking-page #steps-section .step-product .step-details .cc-card,
.cooking-page #steps-section .step-product .step-details .cc-slide {
  width: 100%;
}

.step-details .use-case-grid {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .short-carousel {
    --card-width: clamp(630px, 33.333vw, 690px);
    width: 100%;
  }
  .short-carousel .cc-viewport {
    padding: 15px;
    width: 100%;
  }
  .short-carousel .cc-arrow {
    filter: invert(1);
  }
  .short-carousel .card-carousel {
    width: 100%;
  }
  .short-carousel .cc-card {
    min-width: calc(100% - 46px);
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .short-carousel .cc-viewport .cc-track .cc-card .cc-media {
    width: 100%;
    height: 30vh;
  }
}
@media (max-width: 991.98px) {
  .short-carousel .cc-body {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .short-carousel .--current .cc-body {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  .short-carousel.card-carousel {
    all: revert;
  }
  .short-carousel.card-carousel .cc-viewport {
    all: revert;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track {
    all: revert;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card {
    all: revert;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card .cc-media {
    width: inherit;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card:nth-child(1) {
    grid-column: span 4/span 4;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card:nth-child(2) {
    grid-column: span 3/span 3;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card {
    display: flex;
    flex-direction: column;
  }
  .short-carousel.card-carousel .cc-viewport .cc-track .cc-card .cc-media {
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vh;
  }
  .short-carousel.card-carousel .cc-arrow-container {
    display: none;
  }
}
#stacked-hero {
  --mt: -10vh;
  --zns-header: 164px;
  --hero-h: calc(100vh - var(--zns-header) - var(--mt));
  --header-min-h: 19vh;
  --header-pt: 15vh;
  --header-pb: 3vh;
  --header-h: unset;
  --hero-label-pt: 0;
  --browser-nav-h: 0rem;
  margin-top: var(--mt);
  pointer-events: none;
  --image-h: calc(
    var(--hero-h) - var(--header-min-h) - calc(var(--header-pb) / 2) - calc(
        var(--header-pt) / 2
      )
  );
}
@media (max-width: 991.98px) {
  #stacked-hero {
    --zns-header: 131px;
    --mt: -10vh;
    --pinned-header-min-h: 10vh;
    --pinned-header-h: 10vh;
    --over-header-min-h: 10vh;
    --over-header-h: 10vh;
    --header-pt: 0vh;
    --header-pb: 2vh;
    --hero-label-pt: 15vh;
    --hero-h: calc(100vh - var(--zns-header) - var(--mt));
    --browser-nav-h: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #stacked-hero {
    --zns-header: 216px;
    --mt: calc(var(--zns-header) - var(--hero-label-pt));
    --pinned-header-min-h: 10vh;
    --pinned-header-h: 30vh;
    --over-header-min-h: 10vh;
    --over-header-h: fit-content;
    --header-pt: 0vh;
    --header-pb: 2vh;
    --hero-label-pt: 5vh;
    --hero-h: calc(100vh - var(--mt) - var(--browser-nav-h));
  }
}
@media (max-width: 991.98px) {
  #stacked-hero {
    --image-h: 100%;
  }
}
#stacked-hero .stacked-pinned {
  height: var(--hero-h);
  display: block;
  z-index: -1;
}
#stacked-hero .stacked-pinned .hero-header {
  padding-bottom: var(--header-pb);
}
@media (max-width: 991.98px) {
  #stacked-hero .stacked-pinned {
    display: flex;
    flex-direction: column;
  }
}
#stacked-hero .stacked-over .hero-footer {
  overflow: hidden;
  padding-bottom: var(--header-pb);
}
@media (max-width: 991.98px) {
  #stacked-hero .stacked-over .hero-footer .hero-title {
    margin-top: 5rem;
  }
  #stacked-hero .stacked-over .hero-footer .hero-caption {
    margin-top: 1rem;
  }
}
#stacked-hero .hero-label,
#stacked-hero .hero-title {
  padding-top: var(--header-pt);
}
@media (max-width: 991.98px) {
  #stacked-hero .hero-label {
    padding-top: var(--hero-label-pt);
  }
  #stacked-hero .stacked-over .hero-title {
    padding-top: var(--hero-label-pt);
  }
}
#stacked-hero .stacked-pinned .hero-label {
  color: var(--yellow-default) !important;
}
@media (max-width: 991.98px) {
  #stacked-hero .hero-caption {
    margin-top: -5vh;
  }
}
#stacked-hero .hero-title {
  display: flex;
  align-items: flex-start;
}
#stacked-hero .hero-title p {
  margin: 0;
}
#stacked-hero .hero-label-wrapper {
  display: block !important;
  padding: 0 !important;
}
@media (max-width: 767.98px) {
  #stacked-hero .hero-title {
    font-size: 22px !important;
  }
  #stacked-hero .hero-label {
    text-align: center;
  }
  #stacked-hero .hero-label.h2, #stacked-hero #card-carousel .hero-label.cc-title, #card-carousel #stacked-hero .hero-label.cc-title {
    font-family: 30px !important;
  }
  #stacked-hero .hero-label-wrapper {
    display: flex !important;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  #stacked-hero .cta-button-primary {
    width: fit-content;
  }
}
@media (max-width: 991.98px) {
  #stacked-hero .cta-button-primary {
    max-width: calc(100% - 6rem);
    margin: 0 auto;
  }
}

.hero-slider-track .hero-slide {
  pointer-events: auto;
}
.hero-slider-track .hero-slide picture,
.hero-slider-track .hero-slide img,
.hero-slider-track .hero-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991.98px) {
  .hero-slider {
    flex-grow: 2;
  }
}

.hero-slider-track {
  pointer-events: auto;
  overflow: hidden;
  position: relative;
  height: var(--image-h);
}
.hero-slider-track .hero-slide {
  height: inherit;
  width: 100vw;
  position: absolute;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.hero-slider-track .hero-slide * {
  object-fit: cover;
}
.hero-slider-track .hero-slide.active {
  opacity: 1;
}
.hero-slider-track .hero-slide.active .hero-slide-message {
  pointer-events: auto;
}
.hero-slider-track .hero-slide .hero-slide-message {
  pointer-events: none;
  display: block;
  text-decoration: none;
  bottom: 1rem;
  position: absolute;
  backdrop-filter: blur(8px);
  right: 60px;
  width: clamp(420px, 14vw, 500px);
  padding: 2rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.65);
}
.hero-slider-track .hero-slide .hero-slide-message * {
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .hero-slider-track .hero-slide .hero-slide-message {
    bottom: 4rem;
    padding: 1.5rem;
    width: clamp(320px, 10vw, 500px);
  }
}
.hero-slider-track .hero-slide .hero-slide-message .hero-slide-message-text {
  text-transform: unset !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
}
.hero-slider-track .hero-slide .hero-slide-message .hero-slide-message-text p {
  margin-bottom: 0 !important;
}
.hero-slider-track .hero-slide .hero-slide-message .hero-slide-message-title {
  margin-top: 0 !important;
}
@media (max-width: 991.98px) {
  .hero-slider-track .hero-slide .hero-slide-message .hero-slide-message-title {
    font-size: 18px;
  }
}
.hero-slider-track .hero-slide .hero-slide-message .hero-slide-arrow {
  display: flex;
  justify-content: flex-end;
}
.hero-slider-track .hero-slide .hero-slide-message .icon-arrow-charcoal {
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  /* right: 0; */
  scale: 1 -1;
}
@media not all and (pointer: coarse) {
  .hero-slider-track .hero-slide .hero-slide-message:hover .icon-arrow-charcoal {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  .hero-slider-track .hero-slide .hero-slide-message {
    margin: 0;
    width: 90vw;
    left: 5vw;
    height: fit-content;
    padding: 1.5rem 1rem;
    min-height: revert;
    right: revert;
  }
}
.hero-slider-track .hero-dots-container {
  position: absolute;
  bottom: 2rem;
  display: flex;
  flex-direction: row;
  left: 50%;
  gap: 1rem;
  translate: -50% 0%;
}
@media (max-width: 991.98px) {
  .hero-slider-track .hero-dots-container {
    bottom: 2rem;
  }
}
.hero-slider-track .hero-dots-container .hero-dot {
  width: 10px;
  border-radius: 100%;
  aspect-ratio: 1;
  background-color: white;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.hero-slider-track .hero-dots-container .hero-dot.active {
  scale: 1.3;
  opacity: 1;
}

#content,
#primary,
#main,
#new-category-pages,
.pin-spacer {
  pointer-events: none;
}

#stacked-hero {
  pointer-events: none !important;
}
#stacked-hero .stacked-pinned,
#stacked-hero .stacked-over {
  pointer-events: auto;
}

.pin-spacer > *,
#new-category-pages > *,
#contactUs {
  pointer-events: auto;
}

@media (max-width: 991.98px) {
  #new-category-pages #stacked-hero .hero-label.h2, #new-category-pages #stacked-hero #card-carousel .hero-label.cc-title, #card-carousel #new-category-pages #stacked-hero .hero-label.cc-title {
    font-size: 30px !important;
  }
}

#new-category-pages .hero-title {
  height: fit-content !important;
  max-height: unset !important;
}

.product-card {
  padding: 2rem 3rem 2rem;
  background: #f2f1f2;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 991.98px) {
  .product-card {
    padding: 3rem max(5vw, 10px) 2.5rem;
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    gap: 12px;
  }
  .product-card .product-cover {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2;
    flex-grow: unset;
  }
  .product-card .product-title {
    grid-column: span 5/span 5;
    grid-column-start: 3;
  }
  .product-card .product-caption {
    grid-column: span 5/span 5;
    grid-column-start: 3;
    grid-row-start: 2;
    font-size: 14px !important;
  }
  .product-card > * {
    grid-column: 1/8;
  }
  .product-card > * > a {
    display: block;
    width: 100%;
    text-align: center;
  }
  .product-card .new-feature-badge {
    display: none !important;
  }
}
.product-card .product-cover {
  flex-grow: 2;
}
.product-card .product-cover .respimg {
  object-fit: contain;
}
.product-card .new-feature-badge {
  width: 40%;
  display: flex;
  justify-content: center;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 2rem;
  border-radius: 0 0 8px 8px;
}
.product-card .product-title {
  color: var(--Charcoal-Default, #2b3e48);
  font-family: var(--font-impact);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 26.88px */
  text-transform: uppercase;
  margin-top: 1.2rem !important;
}
@media (max-width: 991.98px) {
  .product-card .product-title {
    font-size: 20px;
  }
}
.product-card .product-caption {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 0.8rem;
}
@media (max-width: 1919.98px) {
  .product-card .product-caption {
    font-size: 16px;
  }
}
.product-card .buttons-row {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 1rem !important;
}
.product-card .buttons-row > * {
  flex-grow: 2;
}
@media (max-width: 991.98px) {
  .product-card .buttons-row {
    margin: 0 2rem !important;
    gap: 0.8rem;
  }
}

#products-summary .product-card {
  height: calc(100% - 1.8rem);
  box-shadow: 1px 7px 14px rgba(255, 255, 255, 0);
  scale: 1;
  transition: box-shadow 0.6s ease, background 0.6s ease, scale 0.6s ease;
}
@media not all and (pointer: coarse) {
  #products-summary .product-card:hover {
    box-shadow: 1px 7px 14px #bebebe;
    scale: 1.01;
    background: #fff !important;
  }
}
@media (min-width: 992px) {
  #products-summary .product-card .buttons-row > * {
    width: fit-content;
    flex-grow: unset;
  }
}
#products-summary .product-card .product-cover {
  height: 24vh;
  flex-grow: unset;
}
@media (max-width: 991.98px) {
  #products-summary .product-card {
    height: fit-content;
  }
  #products-summary .product-card .product-cover {
    height: 100px;
    margin: -7px 0 0 -16px;
    object-position: top;
  }
}
#products-summary .product-card .buttons-row {
  margin-top: auto !important;
}
#products-summary .product-tagline > div {
  max-height: 40vh;
}
@media (max-width: 991.98px) {
  #products-summary .product-tagline > div {
    padding: 1.2rem 1.5rem 0;
    height: fit-content;
    max-height: unset;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0 auto;
  }
  #products-summary .product-tagline > div div:has(picture) {
    width: 80%;
    height: 18vh;
    margin-bottom: 2rem;
  }
  #products-summary .product-tagline > div div:has(picture) img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
  }
}

.card-carousel {
  --gap: 64px;
  --card-width: clamp(350px, 25vw, 400px);
  --eco-label-width: 110px;
  --padding: 10vw;
  width: 100vw;
}
@media (max-width: 991.98px) {
  .card-carousel {
    --gap: 24px;
    --card-width: 90vw;
    --padding: 5vw;
  }
}
.card-carousel .cc-viewport {
  overflow: hidden;
  padding-left: var(--padding);
  padding-right: var(--padding);
  width: 100%;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
}
.card-carousel .cc-viewport.is-dragging {
  cursor: grabbing;
}
.card-carousel .cc-viewport .cc-track {
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: visible;
  display: flex;
  will-change: transform;
  gap: var(--gap);
}
.card-carousel .cc-viewport .cc-track .cc-card {
  min-width: var(--card-width);
  display: flex;
  flex-direction: column;
  background: transparent;
}
@media (max-width: 991.98px) {
  .card-carousel .cc-viewport .cc-track .cc-card {
    min-width: 90vw;
  }
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-media {
  width: var(--card-width);
  height: calc(var(--card-width) / 1.3);
  overflow: hidden;
  margin: 0;
  position: relative;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-media .cc-image {
  width: inherit;
  height: inherit;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius);
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-media .eco-label {
  position: absolute;
  bottom: 0;
  margin: 24px;
  width: var(--eco-label-width);
  min-height: calc(var(--eco-label-width) * 1.27);
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-media .eco-label.-left {
  left: 0;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-media .eco-label.-right {
  right: 0;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body {
  display: flex;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body:not(.w-icon) {
  flex-direction: column;
  flex-grow: 2;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-body-icon {
  margin-top: 1.5em;
  margin-right: 3vw;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-title {
  margin: 0;
  margin-top: 1em;
  font-weight: 800;
  color: var(--blue-elx);
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text {
  font-weight: 400;
  margin: 0;
  margin-top: 1em;
  color: var(--blue-elx);
  opacity: 0.9;
  line-height: 1.45;
  max-width: 52ch;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p {
  margin: 0;
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(1) {
  font-size: 22px !important;
  margin-bottom: 0.5rem;
}
@media (max-width: 1919.98px) {
  .card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(1) {
    font-size: 20px !important;
  }
}
@media (max-width: 991.98px) {
  .card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(1) {
    font-size: 18px !important;
    line-height: 1.3em;
  }
}
.card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(2) {
  font-size: 16px !important;
  line-height: 1.25em !important;
}
@media (max-width: 1919.98px) {
  .card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(2) {
    font-size: 14px !important;
  }
}
@media (max-width: 991.98px) {
  .card-carousel .cc-viewport .cc-track .cc-card .cc-body .cc-text p:nth-child(2) {
    font-size: 14px !important;
    line-height: 1.3em;
  }
}
.card-carousel .cc-arrow-container {
  display: flex;
  width: fit-content;
  margin-top: clamp(30px, 2vh, 40px);
}
@media (max-width: 991.98px) {
  .card-carousel .cc-arrow-container {
    gap: 50px;
  }
}
.card-carousel .cc-arrow-container .cc-arrow {
  all: revert;
  border: none;
  outline: none;
  margin: none;
  cursor: pointer;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.card-carousel .cc-arrow-container .cc-arrow i {
  height: 40px;
  width: 25px;
  display: block;
}
@media (max-width: 991.98px) {
  .card-carousel .cc-arrow-container .cc-arrow i {
    height: 23px;
    width: 13px;
    opacity: 1;
  }
}
.card-carousel .cc-arrow-container .cc-arrow:active {
  scale: 0.95;
}
.card-carousel .cc-arrow-container .dot-indicator-container {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
}
.card-carousel .cc-arrow-container .dot-indicator-container .dot-indicator.--active i {
  background: var(--yellow-default);
}
.card-carousel .cc-arrow-container .dot-indicator-container .dot-indicator i {
  display: block;
  transition: background 0.3s ease;
}
.card-carousel .cc-arrow-container.-on-left {
  padding-left: var(--padding);
}
.card-carousel .cc-arrow-container.-on-center {
  margin-left: auto;
  margin-right: auto;
}
.card-carousel-title-container {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
  margin-top: 60px;
}
.card-carousel-title-container h3 > p,
.card-carousel-title-container h2 > p {
  margin-bottom: 0;
}
.card-carousel-title-container .sub-title {
  margin-top: 1em;
}
.card-carousel-title-container .text {
  max-width: 1000px;
}
.card-carousel-title-container .cta-products a {
  display: block;
  padding: 0.7em 1.5em;
  background-color: var(--yellow-default);
  width: fit-content;
  text-decoration: none;
}

.small-carousel-title-container {
  color: #fff;
  text-align: center;
  font-family: "Impact LT Std";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 54.6px */
  text-transform: uppercase;
  width: 100%;
}

#large-carousel {
  --card-width: clamp(920px, 33.333vw, 970px);
}
@media (max-width: 991.98px) {
  #large-carousel {
    --card-width: calc(100% * 1px);
  }
}
@media (min-width: 992px) and (max-height: 850px) {
  #large-carousel {
    --card-width: 45vw !important;
  }
}
#large-carousel .cc-viewport .cc-track .cc-card .cc-media {
  height: calc(var(--card-width) / 2);
}
@media (min-width: 992px) {
  #large-carousel .cc-viewport .cc-track {
    min-height: calc(var(--card-width) / 2 + 15vh) !important;
  }
}
@media (min-width: 992px) and (max-height: 850px) {
  #large-carousel .cc-viewport .cc-track {
    height: calc(var(--card-width) / 2) !important;
  }
}
#large-carousel .cc-viewport .cc-track .cc-slide .cc-media {
  height: calc(var(--card-width) / 2.5);
  transition: height 0.2s ease-in-out;
}
@media (max-width: 991.98px) {
  #large-carousel .cc-viewport .cc-track .cc-slide .cc-media {
    height: 40vh;
  }
}
#large-carousel .cc-viewport .cc-track .cc-slide .cc-title {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
#large-carousel .cc-viewport .cc-track .cc-slide .cc-body {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 992px) {
  #large-carousel .cc-viewport .cc-track .cc-slide.--current .cc-media {
    height: calc(var(--card-width) / 2);
  }
}
#large-carousel .cc-viewport .cc-track .cc-slide.--current .cc-title {
  opacity: 1;
}
#large-carousel .cc-viewport .cc-track .cc-slide.--current .cc-body {
  opacity: 1;
}
#large-carousel .cc-viewport .cc-track .cc-card .cc-media .cc-title {
  position: absolute;
  bottom: 3vh;
  left: 2vh;
  text-transform: uppercase;
  max-width: 60%;
}
#large-carousel .dot-indicator i {
  background-color: var(--charcoal-dark);
}
#large-carousel .dot-indicator.--active i {
  background-color: var(--yellow-default);
}

.small-carousel-section {
  height: 100vh;
  display: flex;
  align-items: flex-start !important;
  align-content: space-between;
  flex-direction: column;
}

#small-carousel {
  --card-width: clamp(630px, 33.333vw, 690px);
}
#small-carousel .cc-arrow {
  filter: invert(1);
}
#small-carousel .card-carousel {
  width: 100vw;
}
#small-carousel .cc-viewport .cc-track .cc-card .cc-media {
  height: calc(var(--card-width) / 1.8);
}
@media (max-width: 991.98px) {
  #small-carousel .cc-viewport .cc-track .cc-card .cc-media {
    width: 90vw;
    height: 40vh;
  }
}

#wave-features {
  height: 100vh;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 10vh;
}
#wave-features .feature-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
}
#wave-features img {
  border-radius: 1rem;
}
#wave-features .feature-item .text {
  margin: 0;
}
#wave-features .feature-item .text h2 {
  font-size: 36px;
  font-family: var(--font-roboto-sans);
  font-weight: 700;
  margin: 0;
}
@media (max-width: 1919.98px) {
  #wave-features .feature-item .text h2 {
    font-size: 32px;
  }
}
@media (max-width: 991.98px) {
  #wave-features .feature-item .text h2 {
    font-size: 20px;
  }
}
#wave-features .feature-item .text p {
  font-size: 30px;
  font-family: var(--font-roboto-sans);
}
@media (max-width: 1919.98px) {
  #wave-features .feature-item .text p {
    font-size: 28px;
  }
}
@media (max-width: 991.98px) {
  #wave-features .feature-item .text p {
    font-size: 14px;
  }
}
#wave-features .feature-list {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#wave-features .feature-cover,
#wave-features .feature-list {
  grid-column: span 1/span 1;
  height: 40vh;
}
#wave-features .feature-cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#wave-features .feature-list {
  padding-left: 5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#wave-features .text * {
  margin: 0;
}
#wave-features .icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wave-features .icon i {
  display: block;
  aspect-ratio: 1;
  height: 3rem;
}
@media (max-width: 1150px) {
  #wave-features .icon {
    height: 34px;
    margin: 0.2rem 0;
  }
  #wave-features .icon i {
    height: 2rem;
  }
  #wave-features .feature-list {
    padding-left: 0;
    margin-top: 0.5rem;
    height: unset;
    gap: 1rem;
  }
  #wave-features .feature-container {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #wave-features .feature-cover {
    width: 100%;
    height: unset;
  }
  #wave-features .feature-cover img {
    aspect-ratio: 16/9;
  }
  #wave-features .feature-item .row {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  #wave-features .feature-item .row > * {
    all: revert;
  }
  #wave-features .feature-item .row * {
    text-align: center;
  }
}

#equip-carousel {
  --py: 10vh;
}
@media (max-width: 991.98px) {
  #equip-carousel {
    --py: 0vh;
    padding-top: 0vh;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel .row {
    height: unset;
  }
}
@media (min-width: 992px) {
  #equip-carousel .aside-caption .cta-button-primary a {
    color: #fff !important;
    border-color: #fff !important;
  }
  @media not all and (pointer: coarse) {
    #equip-carousel .aside-caption .cta-button-primary a:hover {
      color: var(--charcoal-dark) !important;
      background: #fff !important;
      box-shadow: 1px 1px 10px -1px rgba(255, 255, 255, 0.4392156863) !important;
    }
  }
}
@media not all and (pointer: coarse) {
  #equip-carousel .cc-cta .cta-button-primary a:hover {
    --test: "";
    /* color: #fff !important; */
    /* background: var(--charcoal-dark) !important; */
    /* box-shadow: 1px 1px 10px -1px #00000033 !important; */
  }
}
#equip-carousel .aside-caption {
  width: 100%;
}
@media (max-width: 991.98px) {
  #equip-carousel .aside-caption {
    padding-right: 0;
    text-align: center;
  }
}
#equip-carousel .equip-title {
  text-transform: uppercase;
}
#equip-carousel .equip-title,
#equip-carousel .carousel-title {
  margin-top: var(--py);
}
@media (min-width: 992px) {
  #equip-carousel .carousel-title {
    margin-left: 10vw;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel .carousel-title {
    margin-top: 1.5rem;
    margin-bottom: 1.2rem;
    text-align: center;
  }
}
@media (min-width: 992px) {
  #equip-carousel .cta-buttons-row {
    width: 128%;
  }
  #equip-carousel .cta-buttons-row > * {
    width: fit-content;
  }
  #equip-carousel .cta-buttons-row > div:nth-child(2) a {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
#equip-carousel .cta-buttons-row {
  gap: 0.8rem !important;
  margin-bottom: var(--py);
  flex-wrap: wrap;
}
#equip-carousel .cta-buttons-row > * {
  flex-grow: 1;
}
@media (max-width: 991.98px) {
  #equip-carousel .container-fluid > .row {
    background: none !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
  }
  #equip-carousel .container-fluid > .row > div {
    width: 100%;
  }
  #equip-carousel .equip-description {
    padding-right: 0 !important;
    padding-bottom: 0.5rem;
  }
  #equip-carousel .equip-description p {
    margin: 0;
    font-size: 24px !important;
    line-height: 1.25em !important;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  #equip-carousel .equip-description p {
    font-size: 16px !important;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel .equip-title {
    padding: 5rem 3rem 3rem !important;
    background-color: var(--charcoal-default);
    color: #fff !important;
    text-align: center;
  }
}
@media (max-width: 991.98px) and (max-width: 1919.98px) {
  #equip-carousel .equip-title {
    font-size: 38px !important;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  #equip-carousel .equip-title {
    font-size: 32px !important;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel * {
    color: var(--charcoal-dark) !important;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  #equip-carousel .cta-buttons-row {
    padding: 0 3rem;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel .cta-button-primary a {
    border-color: var(--charcoal-dark) !important;
    color: var(--charcoal-dark) !important;
  }
  @media not all and (pointer: coarse) {
    #equip-carousel .cta-button-primary a:hover {
      color: #fff !important;
      background: var(--charcoal-dark) !important;
      box-shadow: 1px 1px 10px -1px rgba(255, 255, 255, 0.4392156863) !important;
    }
  }
}
@media (max-width: 991.98px) {
  #equip-carousel .card-carousel {
    padding-bottom: 6rem;
  }
  #equip-carousel .cc-viewport {
    padding: 0;
  }
  #equip-carousel .cc-arrow-container {
    left: 50%;
    position: absolute;
    translate: -50% 0;
    padding: 0;
  }
}
#equip-carousel #card-carousel .cc-title {
  font-size: 42px !important;
}
@media (max-width: 1919.98px) {
  #equip-carousel #card-carousel .cc-title {
    font-size: 30px !important;
    line-height: 120%;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel #card-carousel .cc-title {
    font-size: 24px !important;
  }
}
#equip-carousel #card-carousel .cc-text p {
  font-size: 20px !important;
}
@media (max-width: 1919.98px) {
  #equip-carousel #card-carousel .cc-text p {
    font-size: 16px !important;
    line-height: 120%;
  }
}
@media (max-width: 991.98px) {
  #equip-carousel #card-carousel .cc-text p {
    font-size: 14px !important;
  }
}

@media (max-width: 991.98px) {
  #equip-carousel,
  #equip-carousel div:has(> .aside-caption .equip-description) {
    --bg: var(--gray-light);
    background: var(--gray-light);
  }
  #equip-carousel {
    padding-bottom: 5rem;
  }
}
#closing-banner {
  padding: 15vh 0;
  background: linear-gradient(0deg, var(--yellow-default) 50%, rgba(0, 0, 0, 0) 50%);
  color: white;
}
#closing-banner .cta-button-primary {
  width: fit-content;
}
#closing-banner .cta-button-primary a {
  color: white;
  border-color: white;
}
@media not all and (pointer: coarse) {
  #closing-banner .cta-button-primary a:hover {
    color: var(--charcoal-dark);
    background: #fff;
    box-shadow: 1px 1px 10px -1px rgba(255, 255, 255, 0.4392156863);
  }
}
#closing-banner .container-fluid > .row {
  border-radius: 8px;
}
#closing-banner .closing-cover .cover-badge {
  margin-left: auto;
  translate: 50% -50%;
  width: 6rem;
}
@media (max-width: 991.98px) {
  #closing-banner {
    text-align: center;
    padding: 0;
    margin: 10rem 0;
    background: var(--charcoal-default) !important;
  }
  #closing-banner .container-fluid > .row {
    display: flex;
    flex-direction: column;
  }
  #closing-banner .col-md-offset-05 {
    margin-left: unset;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  #closing-banner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  #closing-banner .closing-cover-col {
    height: 50vh;
    position: relative;
    order: 99;
  }
  #closing-banner .closing-cover {
    position: absolute;
    height: 50vh;
    left: 0;
    width: 100%;
  }
  #closing-banner .closing-cover .cover-badge {
    position: absolute;
    left: 50%;
    translate: -50% -50%;
    width: 4rem;
    top: 0;
  }
  #closing-banner .closing-title {
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 41.8px */
  }
  #closing-banner .closing-paragraph {
    font-size: 16px;
  }
  #closing-banner .cta-button-primary {
    margin-left: auto;
    margin-right: auto;
  }
}
#closing-banner .closing-title {
  font-size: 64px !important;
}
@media (max-width: 1919.98px) {
  #closing-banner .closing-title {
    font-size: 38px !important;
    line-height: 120%;
  }
}
#closing-banner .closing-paragraph {
  font-size: 24px !important;
}
@media (max-width: 1919.98px) {
  #closing-banner .closing-paragraph {
    font-size: 18px !important;
    line-height: 120%;
  }
}
@media (max-width: 991.98px) {
  #closing-banner .closing-paragraph {
    font-size: 16px !important;
    line-height: 120%;
  }
}

#contactUs {
  background-color: var(--yellow-default);
  padding-bottom: 0;
}
#contactUs > .vc_row:nth-child(2) form {
  background-color: var(--yellow-default);
}
#contactUs > .vc_row:nth-child(2) form label {
  background-color: var(--yellow-default);
}
#contactUs > .vc_row:nth-child(2) form .contactsform__content__inputgroup span {
  background-color: var(--yellow-default);
}
#contactUs > .vc_row:nth-child(3) {
  background-color: #fff;
}
#contactUs > .vc_row:nth-child(4) {
  background-color: #fff;
}

/*# sourceMappingURL=style-cooking.css.map */