.alessi-work-layout-67 .alessi-text-style-11:not(.rich-text-wrapper), .alessi-work-layout-67 .alessi-text-style-11.rich-text-wrapper p { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 54px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 20px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; }
@media (max-width: 1199px) and (min-width: 810px) { .alessi-work-layout-67 .alessi-text-style-11:not(.rich-text-wrapper), .alessi-work-layout-67 .alessi-text-style-11.rich-text-wrapper p { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 46px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 20px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; } }
@media (max-width: 809px) and (min-width: 0px) { .alessi-work-layout-67 .alessi-text-style-11:not(.rich-text-wrapper), .alessi-work-layout-67 .alessi-text-style-11.rich-text-wrapper p { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 40px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 20px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; } }
.alessi-work-layout-75 .alessi-text-style-8:not(.rich-text-wrapper), .alessi-work-layout-75 .alessi-text-style-8.rich-text-wrapper h5 { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 24px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 40px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; }
@media (max-width: 1199px) and (min-width: 810px) { .alessi-work-layout-75 .alessi-text-style-8:not(.rich-text-wrapper), .alessi-work-layout-75 .alessi-text-style-8.rich-text-wrapper h5 { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 22px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 40px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; } }
@media (max-width: 809px) and (min-width: 0px) { .alessi-work-layout-75 .alessi-text-style-8:not(.rich-text-wrapper), .alessi-work-layout-75 .alessi-text-style-8.rich-text-wrapper h5 { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 20px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-variation-axes: normal; --alessi-font-weight: 500; --alessi-font-weight-bold: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 40px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; } }
.alessi-about-layout-45.alessi-about-layout-7, .alessi-about-layout-45 .alessi-about-layout-7 { display: block; }
.alessi-about-layout-45.alessi-about-layout-19 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; height: 300px; justify-content: space-between; overflow: hidden; padding: 20px; position: relative; width: 270px; will-change: var(--alessi-will-change-override, transform); }
.alessi-about-layout-45 .alessi-about-title { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 100%; }
.alessi-about-layout-45 .alessi-about-layout-28 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }
.alessi-about-layout-45 .alessi-about-icon { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 25px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 25px; }
.alessi-about-layout-45 .alessi-about-layout-14 { flex: none; height: 16px; position: relative; width: 16px; }
.alessi-about-layout-45 .alessi-about-description-2 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-layout-45 .alessi-about-layout-3, .alessi-about-layout-45 .alessi-about-layout-41 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }
.alessi-about-layout-44.alessi-about-layout-25, .alessi-about-layout-44 .alessi-about-layout-25 { display: block; }
.alessi-about-layout-44.alessi-about-layout-36 { display: grid; gap: 20px 20px; grid-auto-rows: min-content; grid-template-columns: repeat(4, minmax(50px, 1fr)); grid-template-rows: repeat(1, min-content); height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1140px; }
.alessi-about-layout-44 .alessi-about-layout-11, .alessi-about-layout-44 .alessi-about-layout-20, .alessi-about-layout-44 .alessi-about-layout-30, .alessi-about-layout-44 .alessi-about-layout-12 { align-self: start; flex: none; height: 300px; justify-self: start; position: relative; width: 100%; }
.alessi-about-layout-44.alessi-about-layout-55.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-47.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-53.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-50.alessi-about-layout-36 { grid-auto-rows: minmax(0, 1fr); grid-template-columns: repeat(2, minmax(50px, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); width: 790px; }
.alessi-about-layout-44.alessi-about-layout-52.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-51.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-48.alessi-about-layout-36, .alessi-about-layout-44.alessi-about-layout-49.alessi-about-layout-36 { grid-auto-rows: minmax(0, 1fr); grid-template-columns: repeat(1, minmax(50px, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); width: 360px; }
.alessi-work-layout-39 .alessi-text-style-17:not(.rich-text-wrapper), .alessi-work-layout-39 .alessi-text-style-17.rich-text-wrapper h3 { --alessi-font-family: "Manrope", "Manrope Placeholder", sans-serif; --alessi-font-family-bold: "Inter", sans-serif; --alessi-font-family-bold-italic: "Inter", sans-serif; --alessi-font-family-italic: "Inter", "Inter Placeholder", sans-serif; --alessi-font-open-type-features: normal; --alessi-font-size: 34px; --alessi-font-style: normal; --alessi-font-style-bold: normal; --alessi-font-style-bold-italic: italic; --alessi-font-style-italic: italic; --alessi-font-variation-axes: normal; --alessi-font-weight: 600; --alessi-font-weight-bold: 900; --alessi-font-weight-bold-italic: 900; --alessi-font-weight-italic: 700; --alessi-letter-spacing: 0em; --alessi-line-height: 1.2em; --alessi-paragraph-spacing: 40px; --alessi-text-alignment: start; --alessi-text-color: var(--token-1ce0cdc0-33f7-48c6-9f0a-6a254035e2c2, #000000); --alessi-text-decoration: none; --alessi-text-stroke-color: initial; --alessi-text-stroke-width: initial; --alessi-text-transform: none; }
.alessi-about-about-page-2.alessi-about-layout-13, .alessi-about-about-page-2 .alessi-about-layout-13 { display: block; }
.alessi-about-about-page-2.alessi-about-about-page { align-content: center; align-items: center; background-color: var(--token-c2a8c444-0791-46e2-bf4b-b65fcdc5a8f9, #f5f5f5); display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1200px; }
.alessi-about-about-page-2 .alessi-about-page-title { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 150px 30px 100px 30px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-inner-2 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 52px; height: min-content; justify-content: center; max-width: 1440px; overflow: hidden; padding: 0px; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-title-5 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: center; overflow: hidden; padding: 100px 0px 0px 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-layout-9, .alessi-about-about-page-2 .alessi-about-layout-18, .alessi-about-about-page-2 .alessi-about-layout-38, .alessi-about-about-page-2 .alessi-about-layout-8, .alessi-about-about-page-2 .alessi-about-layout-2, .alessi-about-about-page-2 .alessi-about-layout-16, .alessi-about-about-page-2 .alessi-about-layout-37, .alessi-about-about-page-2 .alessi-about-layout-6, .alessi-about-about-page-2 .alessi-about-layout-54, .alessi-about-about-page-2 .alessi-about-layout-10, .alessi-about-about-page-2 .alessi-about-layout-27 { --alessi-link-text-color: #0099ff; --alessi-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }
.alessi-about-about-page-2 .alessi-about-description { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-layout-31 { --alessi-link-text-color: #0099ff; --alessi-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 348px; word-break: break-word; word-wrap: break-word; }
.alessi-about-about-page-2 .alessi-about-content-2 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: center; max-width: 750px; overflow: hidden; padding: 0px; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-image-2 { aspect-ratio: 1.8461538461538463 / 1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; flex: none; height: var(--alessi-aspect-ratio-supported, 617px); overflow: visible; position: relative; width: 100%; will-change: var(--alessi-will-change-effect-override, transform); }
.alessi-about-about-page-2 .alessi-about-about, .alessi-about-about-page-2 .alessi-about-services { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 100px 30px 100px 30px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-inner-3, .alessi-about-about-page-2 .alessi-about-inner { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 100px; height: min-content; justify-content: center; max-width: 1440px; overflow: hidden; padding: 0px; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-title-section-2, .alessi-about-about-page-2 .alessi-about-title-section { align-content: flex-end; align-items: flex-end; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-title-3, .alessi-about-about-page-2 .alessi-about-title-2 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 600px; }
.alessi-about-about-page-2 .alessi-about-layout-32, .alessi-about-about-page-2 .alessi-about-layout-57, .alessi-about-about-page-2 .alessi-about-layout-33, .alessi-about-about-page-2 .alessi-about-layout-42, .alessi-about-about-page-2 .alessi-about-layout { flex: none; height: auto; position: relative; width: auto; }
.alessi-about-about-page-2 .alessi-about-layout-22 { --alessi-link-text-color: #0099ff; --alessi-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 350px; word-break: break-word; word-wrap: break-word; }
.alessi-about-about-page-2 .alessi-about-content, .alessi-about-about-page-2 .alessi-about-service-list { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-container, .alessi-about-about-page-2 .alessi-about-layout-34 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-details { align-content: flex-start; align-items: flex-start; background-color: var(--token-5e2db382-8338-462c-9a04-27882a6e5cd0, #ffffff); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: center; overflow: hidden; padding: 30px; position: relative; width: 49%; will-change: var(--alessi-will-change-override, transform); }
.alessi-about-about-page-2 .alessi-about-vision, .alessi-about-about-page-2 .alessi-about-mission { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-image { align-content: flex-start; align-items: flex-start; aspect-ratio: 2.85 / 1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: var(--alessi-aspect-ratio-supported, 400px); justify-content: flex-end; overflow: hidden; padding: 30px; position: relative; width: 100%; will-change: var(--alessi-will-change-override, transform); }
.alessi-about-about-page-2 .alessi-about-layout-4 { aspect-ratio: 5.866666666666666 / 1; flex: none; height: var(--alessi-aspect-ratio-supported, 30px); position: relative; width: 176px; }
.alessi-about-about-page-2 .alessi-about-process { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 100px 30px 100px 30px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-inner-4 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 100px; height: min-content; justify-content: center; max-width: 1440px; overflow: visible; padding: 0px; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-title-section-3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-title-4 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; max-width: 500px; overflow: visible; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-layout-35 { --alessi-link-text-color: #0099ff; --alessi-link-text-decoration: underline; flex: none; height: auto; max-width: 450px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }
.alessi-about-about-page-2 .alessi-about-layout-40 { flex: none; height: auto; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-description-3 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 30px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 300px; }
.alessi-about-about-page-2 .alessi-about-list { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-layout-46, .alessi-about-about-page-2 .alessi-about-layout-56 { flex: 1 0 0px; height: auto; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-layout-15 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 30px; height: min-content; justify-content: center; padding: 0px; position: relative; width: 32%; }
.alessi-about-about-page-2 .alessi-about-cta { align-content: center; align-items: center; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; }
.alessi-about-about-page-2 .alessi-about-content-3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: 101%; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }
.alessi-about-about-page-2 .alessi-about-details-2 { align-content: flex-start; align-items: flex-start; background-color: var(--token-d9107447-ea42-4ab0-9675-941bb3348b36, #7ce3ac); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: 432px; justify-content: space-between; overflow: hidden; padding: 30px; position: relative; width: 100%; will-change: var(--alessi-will-change-override, transform); }
.alessi-about-about-page-2 .alessi-about-layout-21 { flex: none; height: 159px; position: relative; width: 657px; }
.alessi-about-about-page-2 .alessi-about-logos { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }
.alessi-about-about-page-2 .alessi-about-layout-43, .alessi-about-about-page-2 .alessi-about-layout-39 { flex: none; height: 86px; position: relative; width: 160px; }
.alessi-about-about-page-2 .alessi-about-layout-24 { flex: none; height: 77px; position: relative; width: 159px; }
.alessi-about-about-page-2 .alessi-about-layout-5 { flex: none; height: 87px; position: relative; width: 160px; }
.alessi-about-about-page-2 .alessi-about-layout-29 { flex: none; height: 80px; position: relative; width: 159px; }
.alessi-about-about-page-2 .alessi-about-layout-26 { flex: none; height: 99px; position: relative; width: 161px; }
.alessi-about-about-page-2 .alessi-about-layout-23 { flex: none; height: 109px; position: relative; width: 112px; }
.alessi-about-about-page-2 .alessi-about-layout-58 { flex: none; height: 110px; position: relative; width: 125px; }
.alessi-about-about-page-2 .alessi-about-layout-17 { flex: none; height: 101px; position: relative; width: 704px; }
@media (min-width: 810px) and (max-width: 1199.98px) { .alessi-about-about-page-2.alessi-about-about-page { width: 810px; } .alessi-about-about-page-2 .alessi-about-page-title, .alessi-about-about-page-2 .alessi-about-about, .alessi-about-about-page-2 .alessi-about-process, .alessi-about-about-page-2 .alessi-about-services { padding: 80px 20px 80px 20px; } .alessi-about-about-page-2 .alessi-about-inner-2, .alessi-about-about-page-2 .alessi-about-inner-3, .alessi-about-about-page-2 .alessi-about-inner-4, .alessi-about-about-page-2 .alessi-about-inner { gap: 80px; } .alessi-about-about-page-2 .alessi-about-description { flex-direction: column; gap: 20px; justify-content: center; } .alessi-about-about-page-2 .alessi-about-layout-31, .alessi-about-about-page-2 .alessi-about-layout-15 { width: 100%; } .alessi-about-about-page-2 .alessi-about-content-2, .alessi-about-about-page-2 .alessi-about-layout-46 { flex: none; width: 100%; } .alessi-about-about-page-2 .alessi-about-image-2 { height: var(--alessi-aspect-ratio-supported, 417px); } .alessi-about-about-page-2 .alessi-about-title-section-2, .alessi-about-about-page-2 .alessi-about-title-section { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 20px; justify-content: center; } .alessi-about-about-page-2 .alessi-about-title-3, .alessi-about-about-page-2 .alessi-about-title-2 { width: 500px; } .alessi-about-about-page-2 .alessi-about-layout-22, .alessi-about-about-page-2 .alessi-about-description-3 { width: 400px; } .alessi-about-about-page-2 .alessi-about-details { flex: 1 0 0px; width: 1px; } .alessi-about-about-page-2 .alessi-about-image { height: var(--alessi-aspect-ratio-supported, 271px); padding: 20px; } .alessi-about-about-page-2 .alessi-about-layout-4 { height: var(--alessi-aspect-ratio-supported, 25px); width: 147px; } .alessi-about-about-page-2 .alessi-about-layout { z-index: 1; } .alessi-about-about-page-2 .alessi-about-service-list { flex-direction: row; } .alessi-about-about-page-2 .alessi-about-list { flex: 1 0 0px; flex-direction: column; order: 1; width: 1px; } .alessi-about-about-page-2 .alessi-about-layout-34 { align-self: stretch; flex: 1 0 0px; flex-direction: column; height: auto; order: 0; width: 1px; } .alessi-about-about-page-2 .alessi-about-cta { align-self: unset; flex: none; gap: 30px; height: 566px; justify-content: flex-start; width: 100%; } .alessi-about-about-page-2 .alessi-about-content-3 { flex-direction: column; gap: 30px; height: 100%; } .alessi-about-about-page-2 .alessi-about-details-2 { align-content: center; align-items: center; padding: 20px; width: 100%; } .alessi-about-about-page-2 .alessi-about-layout-21 { height: 156px; width: 336px; } .alessi-about-about-page-2 .alessi-about-layout-17 { height: 83px; width: 343px; }}
@media (max-width: 809.98px) { .alessi-about-about-page-2.alessi-about-about-page { width: 390px; } .alessi-about-about-page-2 .alessi-about-page-title, .alessi-about-about-page-2 .alessi-about-about, .alessi-about-about-page-2 .alessi-about-process, .alessi-about-about-page-2 .alessi-about-services { padding: 60px 15px 60px 15px; } .alessi-about-about-page-2 .alessi-about-inner-2, .alessi-about-about-page-2 .alessi-about-inner-3, .alessi-about-about-page-2 .alessi-about-inner-4 { gap: 60px; } .alessi-about-about-page-2 .alessi-about-description { flex-direction: column; gap: 20px; justify-content: center; } .alessi-about-about-page-2 .alessi-about-layout-31, .alessi-about-about-page-2 .alessi-about-layout-15 { width: 100%; } .alessi-about-about-page-2 .alessi-about-content-2, .alessi-about-about-page-2 .alessi-about-layout-46 { flex: none; width: 100%; } .alessi-about-about-page-2 .alessi-about-image-2 { height: var(--alessi-aspect-ratio-supported, 108px); } .alessi-about-about-page-2 .alessi-about-title-section-2, .alessi-about-about-page-2 .alessi-about-title-section { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 20px; justify-content: center; } .alessi-about-about-page-2 .alessi-about-title-3, .alessi-about-about-page-2 .alessi-about-title-2 { max-width: 500px; width: 100%; } .alessi-about-about-page-2 .alessi-about-layout-22, .alessi-about-about-page-2 .alessi-about-description-3 { max-width: 400px; width: 100%; } .alessi-about-about-page-2 .alessi-about-container, .alessi-about-about-page-2 .alessi-about-list, .alessi-about-about-page-2 .alessi-about-layout-34 { flex-direction: column; } .alessi-about-about-page-2 .alessi-about-details { padding: 20px; width: 100%; } .alessi-about-about-page-2 .alessi-about-image { height: var(--alessi-aspect-ratio-supported, 70px); padding: 10px; } .alessi-about-about-page-2 .alessi-about-layout-4 { height: var(--alessi-aspect-ratio-supported, 20px); width: 117px; } .alessi-about-about-page-2 .alessi-about-inner { gap: 60px; padding: 45px 0px 45px 0px; } .alessi-about-about-page-2 .alessi-about-layout { height: 62px; width: 358px; } .alessi-about-about-page-2 .alessi-about-cta { align-self: unset; flex: none; gap: 30px; height: min-content; width: 100%; } .alessi-about-about-page-2 .alessi-about-content-3 { flex-direction: column; gap: 30px; height: min-content; } .alessi-about-about-page-2 .alessi-about-details-2 { align-content: center; align-items: center; height: 387px; padding: 20px; width: 100%; } .alessi-about-about-page-2 .alessi-about-layout-21 { height: 163px; width: 320px; } .alessi-about-about-page-2 .alessi-about-layout-17 { height: 71px; width: 320px; }}


/* WordPress bridge for the recovered source About page. */
body.page-template-page-about, body.page-id-about { background:#f5f5f5; }
.alessi-about-about-page-2.alessi-about-about-page { width:100%; }
.alessi-about-about-page-2 img { display:block; max-width:100%; }
.alessi-about-about-page-2 .alessi-about-bg { background-size:cover; background-position:center; background-repeat:no-repeat; }
.alessi-about-about-page-2 .alessi-about-label { font-family:Inter,sans-serif; font-size:14px; line-height:1.2; }
.alessi-about-about-page-2 .alessi-about-h1 { margin:0; font-family:Manrope,Inter,sans-serif; font-weight:500; line-height:1.08; font-size:clamp(56px,8vw,128px); }
.alessi-about-about-page-2 .alessi-about-h2 { margin:0; font-family:Manrope,Inter,sans-serif; font-weight:500; line-height:1.12; font-size:34px; }
.alessi-about-about-page-2 .alessi-about-h4 { margin:0; font-family:Manrope,Inter,sans-serif; font-weight:600; line-height:1.2; font-size:24px; }
.alessi-about-about-page-2 .alessi-about-copy { margin:0; font-family:Inter,sans-serif; font-size:16px; line-height:1.6; color:#444a46; }
.alessi-about-about-page-2 .alessi-about-process { width:min(1140px,100%); }
.alessi-about-about-page-2 .alessi-about-process-card { background:#fff; border-radius:10px; transition:opacity .4s linear; }
.alessi-about-about-page-2 .alessi-about-process-card:not(.is-active) { opacity:.5; }
.alessi-about-about-page-2 .alessi-about-process-card .alessi-about-icon { background:#000; opacity:.5; border-radius:50px; }
.alessi-about-about-page-2 .alessi-about-process-card.is-active .alessi-about-icon { background:#7ce3ac; opacity:1; }
.alessi-about-about-page-2 .alessi-about-process-card .alessi-check { width:16px; height:16px; display:flex; align-items:center; justify-content:center; font-size:13px; color:#fff; }
.alessi-about-about-page-2 .alessi-about-process-card.is-active .alessi-check { color:#000; }
.alessi-about-about-page-2 .alessi-service-grid { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.alessi-about-about-page-2 .alessi-service-card { min-height:488px; border-radius:10px; overflow:hidden; position:relative; text-decoration:none; background:#fff; color:#000; display:flex; flex-direction:column; }
.alessi-about-about-page-2 .alessi-service-card__media { flex:1; min-height:300px; background:#e9e9e9 center/cover no-repeat; }
.alessi-about-about-page-2 .alessi-service-card__body { padding:20px; display:flex; flex-direction:column; gap:10px; }
.alessi-about-about-page-2 .alessi-service-card__title { margin:0; font-family:Manrope,Inter,sans-serif; font-size:24px; line-height:1.2; font-weight:500; }
.alessi-about-about-page-2 .alessi-service-card__description { margin:0; font-family:Inter,sans-serif; font-size:16px; line-height:1.6; color:#444a46; }
.alessi-about-about-page-2 .alessi-about-logo-viewport { width:100%; overflow:hidden; }
.alessi-about-about-page-2 .alessi-about-logo-track { display:flex; align-items:center; gap:20px; width:max-content; will-change:transform; }
.alessi-about-about-page-2 .alessi-about-logo-track img { object-fit:contain; width:160px; max-height:110px; }
.alessi-about-about-page-2 [data-about-reveal] { opacity:0; transform:translateY(18px); }
.alessi-about-about-page-2 [data-about-appear-word] { opacity:.001; filter:blur(7px); transform:translateY(10px); }
.alessi-about-about-page-2 [data-about-appear-line] { opacity:.001; transform:translateY(7px); }
@media (min-width:810px) and (max-width:1199.98px){ .alessi-about-about-page-2 .alessi-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:809.98px){ .alessi-about-about-page-2 .alessi-service-grid{grid-template-columns:1fr;} .alessi-about-about-page-2 .alessi-about-h1{font-size:56px;} .alessi-about-about-page-2 .alessi-about-h2{font-size:36px;} }
@media (prefers-reduced-motion:reduce){ .alessi-about-about-page-2 [data-about-reveal],.alessi-about-about-page-2 [data-about-appear-word],.alessi-about-about-page-2 [data-about-appear-line]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important;} .alessi-about-about-page-2 .alessi-about-logo-track{transform:none!important;} }
/* =========================================================
   ABOUT — PROCESS
   Replica layout source visibile: 2 x 2
   ========================================================= */

.alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-44.alessi-about-layout-36 {
    display: grid;
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);

    gap: 20px 20px;

    width: 100%;
    height: min-content;

    justify-content: center;
    overflow: hidden;
    padding: 0;
}

.alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-11,
.alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-20,
.alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-30,
.alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-12 {
    width: 100%;
    height: 300px;
}

/* Tablet: resta 2 x 2 */
@media (max-width: 1199.98px) and (min-width: 810px) {
    .alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-44.alessi-about-layout-36 {
        grid-template-columns: repeat(2, minmax(50px, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}

/* Phone: 1 colonna */
@media (max-width: 809.98px) {
    .alessi-about-about-page-2 .alessi-about-layout-40 .alessi-about-layout-44.alessi-about-layout-36 {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
        grid-template-rows: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
}
/* Process component instances fill their source containers */
.alessi-about-layout-44 .alessi-about-layout-11 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-20 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-30 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-12 > .alessi-about-layout-45 {
    width: 100%;
    height: 100%;
}

/* SOURCE source — PROCESS */

.alessi-about-layout-44.alessi-about-layout-36 {
    display: grid;
    gap: 20px 20px;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(4, minmax(50px, 1fr));
    grid-template-rows: repeat(1, min-content);
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 1140px;
}

.alessi-about-layout-44 .alessi-about-layout-11,
.alessi-about-layout-44 .alessi-about-layout-20,
.alessi-about-layout-44 .alessi-about-layout-30,
.alessi-about-layout-44 .alessi-about-layout-12 {
    align-self: start;
    flex: none;
    height: 300px;
    justify-self: start;
    position: relative;
    width: 100%;
}

.alessi-about-layout-44.alessi-about-layout-55.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-47.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-53.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-50.alessi-about-layout-36 {
    grid-auto-rows: minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    width: 790px;
}

.alessi-about-layout-44.alessi-about-layout-52.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-51.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-48.alessi-about-layout-36,
.alessi-about-layout-44.alessi-about-layout-49.alessi-about-layout-36 {
    grid-auto-rows: minmax(0, 1fr);
    grid-template-columns: repeat(1, minmax(50px, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    width: 360px;
}

.alessi-about-layout-45.alessi-about-layout-19 {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 300px;
    justify-content: space-between;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 270px;
    will-change: var(--alessi-will-change-override, transform);
}

.alessi-about-layout-44 .alessi-about-layout-11 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-20 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-30 > .alessi-about-layout-45,
.alessi-about-layout-44 .alessi-about-layout-12 > .alessi-about-layout-45 {
    height: 100%;
    width: 100%;
}

.alessi-about-layout-45 .alessi-about-title {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 100%;
}

.alessi-about-layout-45 .alessi-about-layout-28 {
    flex: none;
    height: auto;
    position: relative;
    white-space: pre;
    width: auto;
}

.alessi-about-layout-45 .alessi-about-icon {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 25px;
    justify-content: center;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 25px;
}

.alessi-about-layout-45 .alessi-about-layout-14 {
    flex: none;
    height: 16px;
    position: relative;
    width: 16px;
}

.alessi-about-layout-45 .alessi-about-description-2 {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.alessi-about-layout-45 .alessi-about-layout-3,
.alessi-about-layout-45 .alessi-about-layout-41 {
    flex: none;
    height: auto;
    position: relative;
    white-space: pre-wrap;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}
/* SOURCE TYPOGRAPHY ABOUT */

.alessi-about-about-page-2 .alessi-about-h1 {
    font-family: "Manrope", "Manrope Placeholder", sans-serif;
    font-size: 54px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 0;
}

.alessi-about-about-page-2 .alessi-about-layout-31,
.alessi-about-about-page-2 .alessi-about-intro-title {
    font-family: "Manrope", "Manrope Placeholder", sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 0;
}

.alessi-about-about-page-2 .alessi-about-layout-38,
.alessi-about-about-page-2 .alessi-about-statement {
    font-family: "Manrope", "Manrope Placeholder", sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 0;
}

/* ABOUT PROCESS NUMBERS START */

.alessi-about-process-card .alessi-about-layout-28 {
    font-family: "Manrope", "Manrope Placeholder", sans-serif !important;
    font-size: 54px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ABOUT PROCESS NUMBERS END */

/* ABOUT PROCESS TITLES START */

.alessi-about-process-card .alessi-about-layout-3 {
    font-family: "Manrope", "Manrope Placeholder", sans-serif !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ABOUT PROCESS TITLES END */

@media (max-width:809.98px){
    .alessi-about-about-page-2.alessi-about-about-page{
        width:100%;
        max-width:390px;
    }

    .alessi-about-about-page-2 .alessi-about-layout,
    .alessi-about-about-page-2 .alessi-about-layout-21,
    .alessi-about-about-page-2 .alessi-about-layout-17,
    .alessi-about-about-page-2 .alessi-about-layout-22{
        max-width:100%;
    }
}