/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/custom.scss ***!
  \********************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.custom-transition {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#custom-middle-navbar {
  top: 0px;
  z-index: 20;
  width: 100%;
}

@media (min-width: 1024px) {
  #custom-middle-navbar {
    position: sticky;
  }
}
#custom-middle-navbar .logo {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .logo {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#custom-middle-navbar .logo {
  position: relative;
}

#custom-middle-navbar .logo img {
  height: 5rem;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .logo img {
    height: 9rem;
  }
}
#custom-middle-navbar .logo img {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#custom-middle-navbar.stuck .logo img {
  /*@apply h-24;*/
}

#custom-middle-navbar.stuck .menu-categories .menu-category img {
  width: 2rem;
}

#custom-middle-navbar .menu-categories {
  width: 100%;
}

@media (min-width: 640px) {
  #custom-middle-navbar .menu-categories {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  #custom-middle-navbar .menu-categories {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  #custom-middle-navbar .menu-categories {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  #custom-middle-navbar .menu-categories {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  #custom-middle-navbar .menu-categories {
    max-width: 1536px;
  }
}
#custom-middle-navbar .menu-categories {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 640px) {
  #custom-middle-navbar .menu-categories {
    justify-content: space-around;
  }
}
#custom-middle-navbar .menu-categories {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .menu-categories {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0px;
    padding-right: 0px;
    gap: 2rem;
  }
}
#custom-middle-navbar .menu-categories .menu-category {
  font-weight: 700;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .menu-categories .menu-category {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
#custom-middle-navbar .menu-categories .menu-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-self: stretch;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .menu-categories .menu-category {
    flex-direction: row;
  }
}
#custom-middle-navbar .menu-categories .menu-category span {
  --tw-text-opacity: 1;
  color: rgb(111 14 7/var(--tw-text-opacity, 1));
}

#custom-middle-navbar .menu-categories .menu-category span:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(111 14 7/var(--tw-text-opacity, 1));
}

#custom-middle-navbar .menu-categories .menu-category:hover span {
  --tw-text-opacity: 1;
  color: rgb(44 42 42/var(--tw-text-opacity, 1));
}

#custom-middle-navbar .menu-categories .menu-category:hover img:nth-child(1) {
  display: none;
}

#custom-middle-navbar .menu-categories .menu-category:hover img:nth-child(2) {
  display: inline-block;
}

#custom-middle-navbar .menu-categories .menu-category img {
  width: 2rem;
}

@media (min-width: 1024px) {
  #custom-middle-navbar .menu-categories .menu-category img {
    width: 3.5rem;
  }
}
#custom-middle-navbar .menu-categories .menu-category img {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dark #custom-middle-navbar .menu-categories .menu-category {
  --tw-text-opacity: 1;
  color: rgb(44 42 42/var(--tw-text-opacity, 1));
}

.whatsapp-anim::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  animation: sonar-effect 1.5s ease-in-out 0.1s infinite;
  z-index: -1;
}

@keyframes sonar-effect {
  0% {
    transform: scale(0.5);
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 3px #64b161, 0 0 5px 5px #64b161, 0 0 0 5px #64b161;
  }
  100% {
    box-shadow: 0 0 0 3px #64b161, 0 0 5px 5px #64b161, 0 0 0 5px #64b161;
    transform: scale(1.2);
    opacity: 0;
  }
}
#navbar-search .autocomplete, #search-engine .autocomplete {
  position: absolute;
  left: 2rem;
  right: 3rem;
  bottom: 0px;
  z-index: 30;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

#navbar-search .autocomplete:is(.dark *), #search-engine .autocomplete:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 42 42/var(--tw-bg-opacity, 1));
}

#navbar-search .autocomplete, #search-engine .autocomplete {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

#navbar-search .autocomplete[hidden], #search-engine .autocomplete[hidden] {
  display: none;
}

#navbar-search .autocomplete:has(.autocomplete-element), #search-engine .autocomplete:has(.autocomplete-element) {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#navbar-search .autocomplete .autocomplete-element, #search-engine .autocomplete .autocomplete-element {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(246 196 2/var(--tw-border-opacity, 1));
  padding: 0.25rem;
}

#navbar-search .autocomplete .autocomplete-element:is(.dark *), #search-engine .autocomplete .autocomplete-element:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

#navbar-search .autocomplete .autocomplete-element.selected-element, #search-engine .autocomplete .autocomplete-element.selected-element {
  --tw-text-opacity: 1;
  color: rgb(246 196 2/var(--tw-text-opacity, 1));
}

#navbar-search .autocomplete .autocomplete-element:hover, #search-engine .autocomplete .autocomplete-element:hover {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(246 196 2/var(--tw-text-opacity, 1));
}

#navbar-search .autocomplete .autocomplete-element .element-image, #search-engine .autocomplete .autocomplete-element .element-image {
  margin-right: 0.5rem;
  width: 4rem;
}

#navbar-search .autocomplete .autocomplete-element .element-name, #search-engine .autocomplete .autocomplete-element .element-name {
  flex-grow: 1;
}

#navbar-search .autocomplete .autocomplete-element .element-price, #search-engine .autocomplete .autocomplete-element .element-price {
  white-space: nowrap;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(246 196 2/var(--tw-text-opacity, 1));
}

#navbar-search input[type=search]::-webkit-search-cancel-button, #search-engine input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  padding-right: 1em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAERJREFUKFNjfObg8J+BgYFB6sABRhCNDmDyjDAGNsXIcmBTsClGF4NbhyyBbD3MSSjuQleM7G7SFRJlNVGeITp4iA1wAIdhOZ+BfmhnAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

#navbar-search input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button, #search-engine input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
}

#search-engine .autocomplete {
  left: 0px;
  right: 0px;
}

.terms-page ul {
  list-style-position: inside;
  list-style-type: disc;
}

.terms-page ul ul {
  padding-left: 1rem;
  list-style-type: circle;
}

.categories-list a, .brands-list a {
  --tw-text-opacity: 1;
  color: rgb(111 14 7/var(--tw-text-opacity, 1));
}

.categories-list a:hover, .brands-list a:hover {
  --tw-text-opacity: 1;
  color: rgb(246 196 2/var(--tw-text-opacity, 1));
}

#products-list .product-card {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-gallery=su-misura] {
  height: 16rem;
  overflow: hidden;
}

#faq-page .faq-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#faq-page .faq-card img {
  width: 3rem;
}

#faq-page .faq-card div h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  #faq-page .faq-card div h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
#faq-page .faq-card div p {
  --tw-text-opacity: 1;
  color: rgb(64 64 64/var(--tw-text-opacity, 1));
}

#faq-page .faq-card div p:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(212 212 212/var(--tw-text-opacity, 1));
}

#faq-page h2 {
  margin-bottom: 3rem;
}

#faq-page .faq-btn {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  #faq-page .faq-btn {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
#faq-page .faq-btn {
  line-height: 1;
  color: #e19832;
}

#faq-page .faq-btn:after {
  content: "▸";
  position: absolute;
  top: 50%;
  right: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#faq-page .faq {
  overflow: hidden;
  margin-bottom: 1rem;
}

.woods {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.woods .main-title {
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {
  .woods .main-title {
    font-size: 3.75rem;
    line-height: 1;
  }
}
.woods .main-title {
  font-weight: 800;
  text-shadow: -2px 8px 0 #333333;
}

.woods .sub-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px) {
  .woods .sub-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.woods .sub-title {
  text-shadow: -2px 2px 0 #333333;
}

#banner-services,
#banner-shop,
#banner-news,
#banner-faq {
  position: relative;
}

#banner-services .btn-outline-secondary, #banner-shop .btn-outline-secondary, #banner-news .btn-outline-secondary, #banner-faq .btn-outline-secondary {
  --tw-text-opacity: 1;
  color: rgb(111 14 7/var(--tw-text-opacity, 1));
}

#banner-services .btn-outline-secondary:hover, #banner-shop .btn-outline-secondary:hover, #banner-news .btn-outline-secondary:hover, #banner-faq .btn-outline-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

#banner-services img, #banner-shop img, #banner-news img, #banner-faq img {
  width: 100%;
}

#banner-services .text-container, #banner-shop .text-container, #banner-news .text-container, #banner-faq .text-container {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

#banner-services .text-container {
  --tw-text-opacity: 1;
  color: rgb(156 35 22/var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  #banner-services .text-container {
    top: 2rem;
    left: 2rem;
  }
}
#banner-services .text-container h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-services .text-container h3 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
#banner-services .text-container h3 {
  letter-spacing: 0.5rem;
}

#banner-services .text-container h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-services .text-container h4 {
    font-size: 3rem;
    line-height: 1;
  }
}
#banner-services .text-container h4 {
  letter-spacing: 0.5rem;
}

#banner-shop .text-container {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  #banner-shop .text-container {
    top: 2rem;
    right: 2rem;
    text-align: right;
  }
}
#banner-shop .text-container h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-shop .text-container h3 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
#banner-shop .text-container h3 {
  letter-spacing: 0.25em;
}

#banner-shop .text-container h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  #banner-shop .text-container h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
#banner-news .text-container {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  #banner-news .text-container {
    top: auto;
    bottom: 2rem;
    left: 2rem;
  }
}
#banner-news .text-container h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-news .text-container h3 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
#banner-news .text-container h3 {
  letter-spacing: 0.5em;
}

#banner-news .text-container h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-news .text-container h4 {
    font-size: 3rem;
    line-height: 1;
  }
}
#banner-news .text-container h4 {
  letter-spacing: 0.5em;
}

#banner-faq .text-container {
  --tw-text-opacity: 1;
  color: rgb(156 35 22/var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  #banner-faq .text-container {
    top: auto;
    bottom: 6rem;
    right: 2rem;
    text-align: right;
  }
}
#banner-faq .text-container h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #banner-faq .text-container h3 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
#banner-faq .text-container h3 {
  letter-spacing: 0.4em;
}

#banner-faq .text-container h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {
  #banner-faq .text-container h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
#reviews .item .review {
  position: relative;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  border-width: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 66.666667%;
}

@media (min-width: 1024px) {
  #reviews .item .review {
    width: 100%;
  }
}
#reviews .item .review p {
  border-radius: 9999px;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.9;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: italic;
}

#reviews .item .review:hover p {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#history {
  position: relative;
}

@media (min-width: 1024px) {
  #history {
    padding-top: 9rem;
    padding-bottom: 3rem;
  }
  #history .passione {
    position: absolute;
    top: 0px;
    left: 0px;
  }
}
#history .passione {
  --tw-bg-opacity: 1;
  background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px) {
  #history .passione {
    background-color: transparent;
  }
}
#history .passione {
  padding-top: 1rem;
}

#history .passione span {
  font-family: Bree Serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
  display: inline-block;
  padding: 1.5rem;
  position: relative;
  z-index: 10;
  font-size: 2.25rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-shadow: 0px 4px 0 #000000;
  line-height: 1.5em;
}

@media (min-width: 1024px) {
  #history .passione:before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
    border-width: 1px;
    border-style: solid;
    border-width: 280px 700px 0 0;
    border-color: #700E06 transparent transparent transparent;
  }
}
#today {
  position: relative;
}

@media (min-width: 1024px) {
  #today:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    width: 100%;
    height: 6rem;
    clip-path: polygon(0 100%, 75% 0, 100% 100%);
  }
  #today:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0px;
    z-index: 0;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    width: 100%;
    height: 6rem;
    clip-path: polygon(0 0, 100% 0, 100% 60%, 80% 0, 70% 0, 0 100%);
  }
}
#today p {
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

#today .logo-gaspodini-bianca {
  width: 16rem;
}

@media (min-width: 1024px) {
  #today .logo-gaspodini-bianca {
    position: absolute;
  }
}
#today .logo-gaspodini-bianca {
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
  #today .logo-gaspodini-bianca {
    top: 10%;
    right: 18.5%;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
#mission p {
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

#mission .mission-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  width: 45%;
}

@media (min-width: 1024px) {
  #mission .mission-card {
    width: 16rem;
  }
}
#mission .mission-card img {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#mission .mission-card hr {
  width: 66.666667%;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(111 14 7/var(--tw-border-opacity, 1));
}

#mission .mission-card h5 {
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(156 35 22/var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  #mission .mission-card h5 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
#mission .mission-card h5 {
  text-wrap: balance;
}

#su-misura p, #su-misura ul {
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

#su-misura li {
  margin-bottom: 1rem;
}

#taglieri p, #taglieri ul {
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

#taglieri li {
  margin-bottom: 1rem;
}

#garanzia p, #garanzia ul {
  margin-bottom: 1rem;
}

#garanzia .separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#garanzia .separator:before,
#garanzia .separator:after {
  content: "";
  width: 5rem;
}

@media (min-width: 1024px) {
  #garanzia .separator:before,
  #garanzia .separator:after {
    width: 16rem;
  }
}
#garanzia .separator:before,
#garanzia .separator:after {
  border-top-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(111 14 7/var(--tw-border-opacity, 1));
}

#garanzia .separator img {
  width: 4rem;
}

@media (min-width: 1024px) {
  #garanzia .separator img {
    width: 6rem;
  }
}
#rispetto {
  position: relative;
}

@media (min-width: 1024px) {
  #rispetto:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%;
    height: 4rem;
    clip-path: polygon(0 100%, 80% 0, 100% 100%);
    --tw-bg-opacity: 1;
    background-color: rgb(147 92 64/var(--tw-bg-opacity, 1));
  }
}
#impegno {
  position: relative;
}

@media (min-width: 1024px) {
  #impegno:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0px;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    height: 6rem;
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 70% 100%);
  }
  #impegno:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    height: 4rem;
    clip-path: polygon(0 -1%, 20% 100%, 100% -1%);
  }
  #news-separator {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #news-separator:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    width: 100%;
    height: 6rem;
    clip-path: polygon(0 100%, 80% 0%, 100% 100%);
  }
  #news-separator:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(111 14 7/var(--tw-bg-opacity, 1));
    width: 100%;
    height: 8rem;
    clip-path: polygon(0 0, 30% 0, 0 100%);
  }
}

/*# sourceMappingURL=custom.css.map*/