@hellobetterdigitalnz/selwynui 0.0.1-17 → 0.0.1-19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/Components/Layout/Header/HeaderProps.d.ts +1 -0
  2. package/dist/Components/Layout/Header/MegaMenu/MegaMenuProps.d.ts +21 -8
  3. package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationProps.d.ts +1 -0
  4. package/dist/index.cjs.js +2 -2
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.es.js +392 -291
  7. package/dist/index.es.js.map +1 -1
  8. package/dist/selwynui.css +1 -1
  9. package/package.json +1 -1
  10. package/src/Components/Layout/Header/Header.stories.tsx +20 -20
  11. package/src/Components/Layout/Header/Header.tsx +2 -2
  12. package/src/Components/Layout/Header/HeaderProps.tsx +1 -0
  13. package/src/Components/Layout/Header/MegaMenu/MegaMenu.tsx +156 -78
  14. package/src/Components/Layout/Header/MegaMenu/MegaMenuProps.tsx +21 -8
  15. package/src/Components/Layout/Header/MegaMenu/megaMenu.module.scss +4 -2
  16. package/src/Components/Layout/Header/MobileNavigation/MobileNavigation.tsx +3 -2
  17. package/src/Components/Layout/Header/MobileNavigation/MobileNavigationProps.tsx +1 -0
  18. package/src/Components/Layout/Header/header.module.scss +6 -1
  19. package/src/Components/Layout/HeroBanner/HeroBanner.tsx +3 -3
  20. package/src/Components/Layout/HeroBanner/heroBanner.module.scss +35 -5
  21. package/dist/tsconfig.app.tsbuildinfo +0 -1
package/dist/selwynui.css CHANGED
@@ -1 +1 @@
1
- ._detailsCard_ds6o2_1{min-height:400px;border-radius:12px;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);background-color:var(--pathway-card-bg)}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:274px}._detailsCard_ds6o2_1:hover{background-color:var(--pathway-card-hover-bg);border:1px solid var(--pathway-card-hover-text)}._detailsCard_ds6o2_1:hover ._cardContent_ds6o2_15{color:var(--pathway-card-hover-text)}._detailsCardWithLink_ds6o2_19{color:var(--pathway-card-text)}._cardImage_ds6o2_23{height:200px}._cardImage_ds6o2_23 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px 12px 0 0}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:204px}._cardContent_ds6o2_15{padding:24px;flex:1}._cardDate_ds6o2_42{margin-bottom:var(--spacing-1-1\/2)}._cardDate_ds6o2_42 p{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-bold)}._cardWrap_ds6o2_51{min-height:400px;display:flex;flex-direction:column}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:274px}._cardContent_ds6o2_15{display:flex;flex-direction:column}._cardBody_ds6o2_65{flex:1}._cardTitle_ds6o2_69 h6{font-weight:var(--font-weight-body-regular)}._cardLink_ds6o2_73{max-height:18px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}._cardLink_ds6o2_73 span img{width:32px;height:32px}@media(min-width:760px){._detailsCard_ds6o2_1{min-height:590px}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:474px}._cardImage_ds6o2_23{height:300px}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:304px}._cardWrap_ds6o2_51{min-height:590px}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:474px}}._container_rcsyd_1{padding:0 16px;margin:0 auto}._container_rcsyd_1._default_rcsyd_5{max-width:1432px}@media screen and (min-width:1748px){._container_rcsyd_1{padding:0 16px}}@media screen and (min-width:992px){._introBlock_12avi_2 ._introBlockWrapper_12avi_2{display:flex;flex-grow:1;margin:0 -72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16 h1{font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-body-regular)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockVerticalLine_12avi_25{background:var(--color-text);width:1px}}._kpi_s466x_1{position:relative}._kpi_s466x_1 ._kpiWrapper_s466x_4{display:flex;flex-direction:inherit;align-items:start}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9{flex:0 0 40%;margin-right:90px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-h5);letter-spacing:-1.92px;line-height:1;margin-bottom:72px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 p{font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm)}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25{width:60%;display:flex;flex-direction:column;gap:48px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31{display:flex;padding-bottom:48px;border-bottom:1px solid}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31:last-child{border-bottom:none;padding-bottom:0}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._value_s466x_40{flex:0 0 200px;font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h5);letter-spacing:-3.6px;min-width:230px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._description_s466x_48{flex:1;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm);display:flex;align-items:center;padding-left:24px}._kpi_s466x_1 ._pillarIcon_s466x_57{position:absolute;top:0;right:0;bottom:0}._kpi_s466x_1 ._pillarIcon_s466x_57 svg{height:577px;width:639px}._pathwayTitle_87u3o_1{margin-bottom:36px}._pathwayTitle_87u3o_1 h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold)}._pathwayDescription_87u3o_10{margin-bottom:36px}._pathwayDescription_87u3o_10 p{font-size:var(--font-size-h5);line-height:1.2}._pathwayFilters_87u3o_18{margin-bottom:48px}._pathwayFilters_87u3o_18 ul{list-style:none;display:flex;margin:0 -8px}._pathwayFilters_87u3o_18 ul li{cursor:pointer;padding:0 8px}._pathwayFilters_87u3o_18 ul li._active_87u3o_30 span{color:var(--pathway-card-hover-text);background-color:var(--pathway-card-hover-bg)}._pathwayFilters_87u3o_18 ul li span{padding:20px 32px;border:1px solid var(--pathway-card-border);border-radius:48px;max-height:51px;display:inline-flex;align-items:center;font-weight:var(--font-weight-bold)}._pathwayCard_87u3o_44{margin-bottom:32px}._pathwayCard_87u3o_44:last-child{margin-bottom:0}._pathwayFilterDesktop_87u3o_51{display:none}._pathwayFilterMobile_87u3o_55{position:relative}._pathwayFilterMobile_87u3o_55 select{width:100%;min-height:51px;padding:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);font-size:var(--font-size-label)}._pathwayFilterMobile_87u3o_55 select:focus{outline:0}._pathwayFilterMobile_87u3o_55 svg{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}@media(min-width:760px){._pathwayTitle_87u3o_1,._pathwayDescription_87u3o_10{margin-bottom:72px}._pathwayFilters_87u3o_18{margin-bottom:96px}._pathwayCardsWrap_87u3o_93{display:flex;flex-wrap:wrap;margin:0 -16px}._pathwayCard_87u3o_44{width:33.33%;padding:0 16px}._pathwayFilterDesktop_87u3o_51{display:block}._pathwayFilterMobile_87u3o_55{display:none}}._promoBannerBlock_7oqoq_1{overflow-x:hidden;padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-label)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:none}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{border-radius:16px 16px 100px 0;background:linear-gradient(to bottom,var(--pathway-card-bg) 0%,var(--pathway-card-bg) 60%,transparent 60%)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{color:var(--pathway-card-text);padding:32px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32{display:flex;align-items:center;gap:16px;margin:auto;font-size:var(--font-size-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32 ._brandPillerLogo_7oqoq_39 svg{width:32px;height:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-small);font-weight:var(--font-weight-body-sm);line-height:var(--line-height-h5)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{font-size:var(--font-size-body-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-body-regular);padding-bottom:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{background:var(--color-sand)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{height:100%;width:100%;object-fit:cover;border-radius:0 0 0 16px}@media screen and (min-width:992px){._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5{display:flex;flex-grow:1;margin:0 -72px;position:relative}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 72px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{width:50%;padding:0 72px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-small)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerVerticalLine_7oqoq_93{background:var(--color-text);width:1px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:block;position:absolute;top:-120px;bottom:0;right:-120px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{display:flex;padding-top:90px;background:transparent}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{background-color:var(--pathway-card-bg);padding:72px 90px 72px 72px;border-radius:16px 0 0 16px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{padding-bottom:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{border-radius:0 16px 96px 0}}._imageContent_l2g8r_1{color:var(--color-block-text)}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4,._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:column-reverse}._imageContentWrapper_l2g8r_4{display:flex;flex-wrap:wrap}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:100%;margin-top:32px}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18{position:relative;border-radius:2px 2px 96px;background:#d3d3d3 50%;overflow:hidden;height:100%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18:before{content:"";display:block;padding-top:72%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18 img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}._imageContent_l2g8r_1 ._content_l2g8r_38{width:100%;display:flex;align-items:center}._imageContent_l2g8r_1 ._contentWrappper_l2g8r_43{padding:32px 0}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 h3{font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 span{font-weight:700}._imageContent_l2g8r_1 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:72px;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._action_l2g8r_62{padding-top:48px}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65{display:flex;align-items:center}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;line-height:1.4;font-weight:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._title_l2g8r_46 h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:48px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14 svg{width:100%;min-height:570px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113{position:relative;overflow:hidden}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._svgBackgroundPillar_l2g8r_117{position:absolute;width:60%;top:0;bottom:0;pointer-events:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{position:relative;padding:0;z-index:1;margin-top:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-15px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18{padding:0;height:100%;width:100%;min-width:50vw;min-height:380px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18:before{content:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18 img{width:100%;height:100%;object-fit:cover;object-position:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px;padding-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176{margin-top:48px;list-style:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li{margin-bottom:12px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183{display:flex;align-items:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183 svg{flex-shrink:0;margin-right:8px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li:last-child{margin-bottom:0}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194{overflow-x:hidden}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageContentWrapper_l2g8r_4{min-height:725px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18{min-width:50vw;border-radius:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18 ._clipPath_l2g8r_228{position:absolute;top:0;bottom:0;color:var(--color-block-bg)}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px}@media screen and (min-width:1200px){._imageContentWrapper_l2g8r_4{margin:0 -52px}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:50%;padding:0 52px;margin-top:0}._imageContent_l2g8r_1 ._content_l2g8r_38{width:50%;padding:0 52px}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4{flex-direction:row}._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:row-reverse}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{margin-bottom:72px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:auto;height:auto}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0 -44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0 44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{margin-top:72px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:48px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0;min-height:935px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{width:50%;margin-left:0;margin-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-right:198px;padding-left:0}}._button_1r8hm_1{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:linear all .3s;font-family:var(--font);border-radius:48px;background:var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1 span{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button)}._button_1r8hm_1._solid_1r8hm_19:hover:enabled,._button_1r8hm_1._solid_1r8hm_19:hover{background:var(--color-text-btn);color:var(--color-bg-btn)}._button_1r8hm_1._hollow_1r8hm_23{background:transparent;border:1px solid var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1._hollow_1r8hm_23:hover:enabled,._button_1r8hm_1._hollow_1r8hm_23:hover{background:var(--color-bg-btn)}._button_1r8hm_1._noBorder_1r8hm_31{background:transparent;color:var(--color-text-btn)}._button_1r8hm_1._noBorder_1r8hm_31 span{text-decoration:underline}._button_1r8hm_1._noBorder_1r8hm_31:hover:enabled,._button_1r8hm_1._noBorder_1r8hm_31:hover{background:var(--color-bg-btn)}._button_1r8hm_1._default_1r8hm_41{padding:var(--spacing-1\/2) var(--spacing-2);min-height:50px}._button_1r8hm_1._default_1r8hm_41._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2)}._button_1r8hm_1._large_1r8hm_48{padding:var(--spacing-1\/2) var(--spacing-2-1\/2);height:54px}._button_1r8hm_1._large_1r8hm_48._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2-1\/2)}._button_1r8hm_1._small_1r8hm_55{padding:var(--spacing-1\/4) var(--spacing-3\/4);min-height:32px}._button_1r8hm_1._small_1r8hm_55._noBorder_1r8hm_31{padding:var(--spacing-1\/4) var(--spacing-1\/2)}._button_1r8hm_1 ._secondaryIcon_1r8hm_62{margin-left:24px}._button_1r8hm_1 ._secondaryIcon_1r8hm_62 svg{flex-shrink:0;height:24px;width:24px}._footer_1a63j_1{width:100%}._footer_1a63j_1 ._container_1a63j_4{max-width:1832px;margin:0 auto}._footer_1a63j_1 ._footerTop_1a63j_8{border-radius:12px 12px 0 0;background-color:var(--color-taste);padding:24px 16px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{color:var(--color-visit)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h5);font-weight:var(--font-weight-h4);line-height:var(--line-height-h4)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);line-height:var(--line-height-h5);padding-bottom:32px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-body-regular)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36{background-color:var(--color-visit)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{padding-top:35px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 img{padding-bottom:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 h3{color:var(--color-taste);font-size:var(--font-size-small);font-weight:var(--font-weight-h4)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 ul{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{font-size:var(--font-size-regular)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59{padding:0 8px 0 0;padding-block:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59{display:flex;background-color:#92c134;border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-inverse-text)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56{background-color:var(--color-visit);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{color:var(--font-color);font-size:var(--font-size-body-sm);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 img{padding-bottom:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul a{color:var(--color-taste);font-size:var(--font-size-body-sm)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:none}@media screen and (min-width:1440px){._footer_1a63j_1 ._footerTop_1a63j_8{position:relative;padding:72px 0 0}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{display:flex;gap:154px;justify-content:space-between}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{display:flex;flex-direction:column;justify-content:center;align-items:start}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h1);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30{display:flex;justify-content:center;align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-small)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:block;position:absolute;top:0;bottom:0;right:96px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33 svg{height:100%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{display:flex;flex-wrap:wrap;padding-top:64px;padding-bottom:32px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerLogoContainer_1a63j_160{flex:1}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{display:flex;flex-grow:1;flex-wrap:wrap}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45{width:20%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 h3{padding-bottom:28px;font-weight:var(--font-weight-body-sm)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 ul{display:block!important;gap:16px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 a{color:var(--color-sand);font-size:var(--font-size-body-xsm)}._footer_1a63j_1 ._footerBottom_1a63j_56{padding-bottom:38px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84{display:flex;justify-content:space-between}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84{display:flex;gap:166px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{padding-bottom:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex;gap:16px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59{display:flex;background-color:var(--color-taste);border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-visit)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerMiddleSocialMediaWrapper_1a63j_228{display:flex}}._header_acx9t_1{background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-taste)}._header_acx9t_1 ._headerWrapper_acx9t_6{display:flex;align-items:flex-end;justify-content:space-between;min-height:60px}._header_acx9t_1 ._headerLogo_acx9t_12{display:flex;padding-bottom:14px}._header_acx9t_1 ._headerLogo_acx9t_12 a{display:flex}._header_acx9t_1 ._logo_acx9t_19{display:none}._header_acx9t_1 ._logoSmall_acx9t_22{display:block}._header_acx9t_1 ._headerRightWrapper_acx9t_25{display:flex;align-items:center;margin:0 -12px}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30{padding:0 12px 12px;transition:all .3s ease-in}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30 a{display:flex;align-items:center;color:var(--header-color);font-size:24px;font-weight:400;line-height:1.5;cursor:pointer}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30 a ._icon_acx9t_43{display:flex}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30 a ._icon_acx9t_43 svg{width:24px;height:24px}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30 ._menuDropdown_acx9t_50{position:absolute;top:0;left:0;right:0;width:100%;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30:hover a{color:var(--font-color)}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30:hover ._menuDropdown_acx9t_50{opacity:1;transform:translateY(0);pointer-events:auto}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30._active_acx9t_69 a{color:var(--font-color)}@media screen and (min-width:1648px){._header_acx9t_1 ._headerRightWrapper_acx9t_25{display:flex;align-items:center;margin:0 -28px}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30{padding:0 28px 30px}}@media screen and (min-width:992px){._header_acx9t_1 ._headerWrapper_acx9t_6{min-height:96px}._header_acx9t_1 ._logo_acx9t_19{display:block}._header_acx9t_1 ._logoSmall_acx9t_22{display:none}._header_acx9t_1 ._headerBottomItemHolder_acx9t_30{padding-bottom:30px}}._hero_dw2dw_1{background:var(--color-bg)}._heroLarge_dw2dw_4{position:relative;min-height:90vh}._heroLarge_dw2dw_4 ._heroImg_dw2dw_8{position:absolute;inset:0;border-radius:0 0 366px;overflow:hidden;background:linear-gradient(180deg,#00000080,#0000 41.35%),linear-gradient(0deg,#7c847b0d 0% 100%),#000}._heroLarge_dw2dw_4 ._heroImg_dw2dw_8 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroLarge_dw2dw_4 ._heroWrapper_dw2dw_24{position:relative;z-index:10;width:100%;height:100%;padding-top:112px;color:var(--color-text)}._heroLarge_dw2dw_4 ._heroWrapper_dw2dw_24 h1{max-width:898px;font-size:var(--font-size-h1);line-height:1;font-weight:400;letter-spacing:-7.68px}._heroLarge_dw2dw_4 ._heroWrapper_dw2dw_24 h1 span{font-weight:700}._heroLarge_dw2dw_4 ._heroSvg_dw2dw_42{color:var(--color-text);position:absolute;z-index:5;left:0;bottom:0;height:340px}._heroMedium_dw2dw_50{position:relative;overflow-x:hidden}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24{display:flex;min-height:72vh;flex-wrap:wrap}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59{display:flex;flex-direction:column;justify-content:center;width:100%;padding:20px 0;color:var(--color-text)}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 h1{max-width:604px;font-size:var(--font-size-h2);line-height:1;font-weight:400;letter-spacing:-5.6px}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 h1 span{font-weight:700}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:72px;max-width:604px}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 img{height:100%;width:100%;object-fit:cover;object-position:center;min-height:360px;display:block}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 ._clipPath_dw2dw_99{position:absolute;top:0;left:0;bottom:0;height:100%;color:var(--color-block-bg);pointer-events:none}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 ._clipPath_dw2dw_99 svg{height:100%}._heroSmall_dw2dw_111{position:relative}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24{display:flex;min-height:600px;flex-wrap:wrap}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._content_dw2dw_59{display:flex;flex-direction:column;justify-content:center;width:100%;color:var(--color-text);padding:100px 0}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 h1{max-width:604px;font-size:var(--font-size-h3);line-height:1;font-weight:400;letter-spacing:-3.6px}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 h1 span{font-weight:700}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:90px;max-width:604px}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 ._clipPath_dw2dw_99{position:absolute;top:0;left:0;bottom:0;width:100%;color:var(--color-block-bg);pointer-events:none}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8 ._clipPath_dw2dw_99 svg{height:100%}@media screen and (min-width:992px){._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59{width:50%;padding:60px 0}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._content_dw2dw_59 p{margin-top:90px}._heroMedium_dw2dw_50 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._content_dw2dw_59{width:50%;padding:10px 0}._heroSmall_dw2dw_111 ._heroWrapper_dw2dw_24 ._heroImg_dw2dw_8{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}}._megaMenu_1qgar_1{position:absolute;right:0;left:0;background:var(--color-bg);top:96px;border-radius:0 0 366px;overflow-x:hidden}._megaMenu_1qgar_1 ._pillarIcon_1qgar_10{color:var(--color-text);padding-bottom:80px}._megaMenu_1qgar_1 ._pillarIcon_1qgar_10 svg{width:180px;height:62px}._megaMenu_1qgar_1 ._megaMenuSvg_1qgar_18{position:absolute;color:var(--color-text);bottom:0}._megaMenu_1qgar_1 ._megaMenuHolder_1qgar_23{height:100%;position:relative}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27{display:flex;flex-wrap:wrap;position:relative;min-height:878px}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._right_1qgar_33{width:40%}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36{padding:96px 120px 96px 0;width:60%}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul{list-style:none}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul li{margin-bottom:36px}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul li a{display:flex;align-items:center;justify-content:space-between;color:var(--color-text);font-size:var(--font-size-h5);font-weight:700;transition:all .3s ease-in-out}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul li a svg{margin-left:16px;transition:transform .3s ease-in-out}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul li a:hover svg{animation:_wiggle_1qgar_1 .6s ease-in-out infinite}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36 ul li:last-child{margin-bottom:0}._megaMenu_1qgar_1 ._preview_1qgar_65{background:var(--color-sand);border-radius:0 0 366px;overflow-x:hidden;height:100%;min-width:50vw}._megaMenu_1qgar_1 ._preview_1qgar_65 ._previewImg_1qgar_72{height:452px}._megaMenu_1qgar_1 ._preview_1qgar_65 ._previewImg_1qgar_72 img{width:100%;height:100%;object-fit:cover}._megaMenu_1qgar_1 ._preview_1qgar_65 ._content_1qgar_80{padding-top:64px;padding-left:72px;max-width:479px;color:var(--color-bg)}._megaMenu_1qgar_1 ._preview_1qgar_65 ._content_1qgar_80 h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:400;margin-bottom:48px}._megaMenu_1qgar_1 ._preview_1qgar_65 ._content_1qgar_80 h5 span{font-weight:700}._megaMenu_1qgar_1 ._preview_1qgar_65 ._action_1qgar_95{padding-top:48px;padding-left:72px}@media screen and (max-width:1340px){._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27{display:flex;flex-wrap:wrap;position:relative;min-height:878px}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._right_1qgar_33{display:none}._megaMenu_1qgar_1 ._megaMenuWrapper_1qgar_27 ._left_1qgar_36{padding:64px 0;width:100%}._megaMenu_1qgar_1 ._preview_1qgar_65 ._content_1qgar_80{padding-top:64px;padding-left:72px}}@keyframes _wiggle_1qgar_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._element_1ue3h_1{background-color:var(--color-block-bg);color:var(--color-block-text);position:relative}._elementInner_1ue3h_6{position:relative;z-index:1}._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:72px}._element--pt-sm_1ue3h_16{padding-top:90px}._element--pt-md_1ue3h_19{padding-top:120px}._element--pt-lg_1ue3h_22{padding-top:144px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:40px}._element--pb-sm_1ue3h_31{padding-bottom:48px}._element--pb-md_1ue3h_34{padding-bottom:90px}._element--pb-lg_1ue3h_37{padding-bottom:120px}._element--pb-xl_1ue3h_40{padding-bottom:144px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:72px}._element--mt-sm_1ue3h_49{margin-top:90px}._element--mt-md_1ue3h_52{margin-top:120px}._element--mt-lg_1ue3h_55{margin-top:144px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:72px}._element--mb-sm_1ue3h_64{margin-bottom:90px}._element--mb-md_1ue3h_67{margin-bottom:120px}._element--mb-lg_1ue3h_70{margin-bottom:144px}@media(max-width:992px){._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:36px}._element--pt-sm_1ue3h_16{padding-top:45px}._element--pt-md_1ue3h_19{padding-top:60px}._element--pt-lg_1ue3h_22{padding-top:72px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:20px}._element--pb-sm_1ue3h_31{padding-bottom:24px}._element--pb-md_1ue3h_34{padding-bottom:45px}._element--pb-lg_1ue3h_37{padding-bottom:60px}._element--pb-xl_1ue3h_40{padding-bottom:72px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:36px}._element--mt-sm_1ue3h_49{margin-top:45px}._element--mt-md_1ue3h_52{margin-top:60px}._element--mt-lg_1ue3h_55{margin-top:72px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:36px}._element--mb-sm_1ue3h_64{margin-bottom:45px}._element--mb-md_1ue3h_67{margin-bottom:60px}._element--mb-lg_1ue3h_70{margin-bottom:72px}}
1
+ ._detailsCard_ds6o2_1{min-height:400px;border-radius:12px;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);background-color:var(--pathway-card-bg)}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:274px}._detailsCard_ds6o2_1:hover{background-color:var(--pathway-card-hover-bg);border:1px solid var(--pathway-card-hover-text)}._detailsCard_ds6o2_1:hover ._cardContent_ds6o2_15{color:var(--pathway-card-hover-text)}._detailsCardWithLink_ds6o2_19{color:var(--pathway-card-text)}._cardImage_ds6o2_23{height:200px}._cardImage_ds6o2_23 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px 12px 0 0}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:204px}._cardContent_ds6o2_15{padding:24px;flex:1}._cardDate_ds6o2_42{margin-bottom:var(--spacing-1-1\/2)}._cardDate_ds6o2_42 p{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-bold)}._cardWrap_ds6o2_51{min-height:400px;display:flex;flex-direction:column}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:274px}._cardContent_ds6o2_15{display:flex;flex-direction:column}._cardBody_ds6o2_65{flex:1}._cardTitle_ds6o2_69 h6{font-weight:var(--font-weight-body-regular)}._cardLink_ds6o2_73{max-height:18px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}._cardLink_ds6o2_73 span img{width:32px;height:32px}@media(min-width:760px){._detailsCard_ds6o2_1{min-height:590px}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:474px}._cardImage_ds6o2_23{height:300px}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:304px}._cardWrap_ds6o2_51{min-height:590px}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:474px}}._container_rcsyd_1{padding:0 16px;margin:0 auto}._container_rcsyd_1._default_rcsyd_5{max-width:1432px}@media screen and (min-width:1748px){._container_rcsyd_1{padding:0 16px}}@media screen and (min-width:992px){._introBlock_12avi_2 ._introBlockWrapper_12avi_2{display:flex;flex-grow:1;margin:0 -72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16 h1{font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-body-regular)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockVerticalLine_12avi_25{background:var(--color-text);width:1px}}._kpi_s466x_1{position:relative}._kpi_s466x_1 ._kpiWrapper_s466x_4{display:flex;flex-direction:inherit;align-items:start}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9{flex:0 0 40%;margin-right:90px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-h5);letter-spacing:-1.92px;line-height:1;margin-bottom:72px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 p{font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm)}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25{width:60%;display:flex;flex-direction:column;gap:48px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31{display:flex;padding-bottom:48px;border-bottom:1px solid}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31:last-child{border-bottom:none;padding-bottom:0}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._value_s466x_40{flex:0 0 200px;font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h5);letter-spacing:-3.6px;min-width:230px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._description_s466x_48{flex:1;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm);display:flex;align-items:center;padding-left:24px}._kpi_s466x_1 ._pillarIcon_s466x_57{position:absolute;top:0;right:0;bottom:0}._kpi_s466x_1 ._pillarIcon_s466x_57 svg{height:577px;width:639px}._pathwayTitle_87u3o_1{margin-bottom:36px}._pathwayTitle_87u3o_1 h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold)}._pathwayDescription_87u3o_10{margin-bottom:36px}._pathwayDescription_87u3o_10 p{font-size:var(--font-size-h5);line-height:1.2}._pathwayFilters_87u3o_18{margin-bottom:48px}._pathwayFilters_87u3o_18 ul{list-style:none;display:flex;margin:0 -8px}._pathwayFilters_87u3o_18 ul li{cursor:pointer;padding:0 8px}._pathwayFilters_87u3o_18 ul li._active_87u3o_30 span{color:var(--pathway-card-hover-text);background-color:var(--pathway-card-hover-bg)}._pathwayFilters_87u3o_18 ul li span{padding:20px 32px;border:1px solid var(--pathway-card-border);border-radius:48px;max-height:51px;display:inline-flex;align-items:center;font-weight:var(--font-weight-bold)}._pathwayCard_87u3o_44{margin-bottom:32px}._pathwayCard_87u3o_44:last-child{margin-bottom:0}._pathwayFilterDesktop_87u3o_51{display:none}._pathwayFilterMobile_87u3o_55{position:relative}._pathwayFilterMobile_87u3o_55 select{width:100%;min-height:51px;padding:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);font-size:var(--font-size-label)}._pathwayFilterMobile_87u3o_55 select:focus{outline:0}._pathwayFilterMobile_87u3o_55 svg{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}@media(min-width:760px){._pathwayTitle_87u3o_1,._pathwayDescription_87u3o_10{margin-bottom:72px}._pathwayFilters_87u3o_18{margin-bottom:96px}._pathwayCardsWrap_87u3o_93{display:flex;flex-wrap:wrap;margin:0 -16px}._pathwayCard_87u3o_44{width:33.33%;padding:0 16px}._pathwayFilterDesktop_87u3o_51{display:block}._pathwayFilterMobile_87u3o_55{display:none}}._promoBannerBlock_7oqoq_1{overflow-x:hidden;padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-label)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:none}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{border-radius:16px 16px 100px 0;background:linear-gradient(to bottom,var(--pathway-card-bg) 0%,var(--pathway-card-bg) 60%,transparent 60%)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{color:var(--pathway-card-text);padding:32px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32{display:flex;align-items:center;gap:16px;margin:auto;font-size:var(--font-size-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32 ._brandPillerLogo_7oqoq_39 svg{width:32px;height:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-small);font-weight:var(--font-weight-body-sm);line-height:var(--line-height-h5)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{font-size:var(--font-size-body-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-body-regular);padding-bottom:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{background:var(--color-sand)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{height:100%;width:100%;object-fit:cover;border-radius:0 0 0 16px}@media screen and (min-width:992px){._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5{display:flex;flex-grow:1;margin:0 -72px;position:relative}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 72px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{width:50%;padding:0 72px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-small)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerVerticalLine_7oqoq_93{background:var(--color-text);width:1px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:block;position:absolute;top:-120px;bottom:0;right:-120px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{display:flex;padding-top:90px;background:transparent}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{background-color:var(--pathway-card-bg);padding:72px 90px 72px 72px;border-radius:16px 0 0 16px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{padding-bottom:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{border-radius:0 16px 96px 0}}._imageContent_l2g8r_1{color:var(--color-block-text)}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4,._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:column-reverse}._imageContentWrapper_l2g8r_4{display:flex;flex-wrap:wrap}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:100%;margin-top:32px}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18{position:relative;border-radius:2px 2px 96px;background:#d3d3d3 50%;overflow:hidden;height:100%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18:before{content:"";display:block;padding-top:72%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18 img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}._imageContent_l2g8r_1 ._content_l2g8r_38{width:100%;display:flex;align-items:center}._imageContent_l2g8r_1 ._contentWrappper_l2g8r_43{padding:32px 0}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 h3{font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 span{font-weight:700}._imageContent_l2g8r_1 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:72px;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._action_l2g8r_62{padding-top:48px}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65{display:flex;align-items:center}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;line-height:1.4;font-weight:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._title_l2g8r_46 h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:48px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14 svg{width:100%;min-height:570px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113{position:relative;overflow:hidden}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._svgBackgroundPillar_l2g8r_117{position:absolute;width:60%;top:0;bottom:0;pointer-events:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{position:relative;padding:0;z-index:1;margin-top:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-15px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18{padding:0;height:100%;width:100%;min-width:50vw;min-height:380px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18:before{content:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18 img{width:100%;height:100%;object-fit:cover;object-position:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px;padding-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176{margin-top:48px;list-style:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li{margin-bottom:12px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183{display:flex;align-items:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183 svg{flex-shrink:0;margin-right:8px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li:last-child{margin-bottom:0}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194{overflow-x:hidden}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageContentWrapper_l2g8r_4{min-height:725px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18{min-width:50vw;border-radius:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18 ._clipPath_l2g8r_228{position:absolute;top:0;bottom:0;color:var(--color-block-bg)}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px}@media screen and (min-width:1200px){._imageContentWrapper_l2g8r_4{margin:0 -52px}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:50%;padding:0 52px;margin-top:0}._imageContent_l2g8r_1 ._content_l2g8r_38{width:50%;padding:0 52px}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4{flex-direction:row}._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:row-reverse}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{margin-bottom:72px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:auto;height:auto}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0 -44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0 44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{margin-top:72px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:48px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0;min-height:935px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{width:50%;margin-left:0;margin-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-right:198px;padding-left:0}}._button_1r8hm_1{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:linear all .3s;font-family:var(--font);border-radius:48px;background:var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1 span{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button)}._button_1r8hm_1._solid_1r8hm_19:hover:enabled,._button_1r8hm_1._solid_1r8hm_19:hover{background:var(--color-text-btn);color:var(--color-bg-btn)}._button_1r8hm_1._hollow_1r8hm_23{background:transparent;border:1px solid var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1._hollow_1r8hm_23:hover:enabled,._button_1r8hm_1._hollow_1r8hm_23:hover{background:var(--color-bg-btn)}._button_1r8hm_1._noBorder_1r8hm_31{background:transparent;color:var(--color-text-btn)}._button_1r8hm_1._noBorder_1r8hm_31 span{text-decoration:underline}._button_1r8hm_1._noBorder_1r8hm_31:hover:enabled,._button_1r8hm_1._noBorder_1r8hm_31:hover{background:var(--color-bg-btn)}._button_1r8hm_1._default_1r8hm_41{padding:var(--spacing-1\/2) var(--spacing-2);min-height:50px}._button_1r8hm_1._default_1r8hm_41._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2)}._button_1r8hm_1._large_1r8hm_48{padding:var(--spacing-1\/2) var(--spacing-2-1\/2);height:54px}._button_1r8hm_1._large_1r8hm_48._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2-1\/2)}._button_1r8hm_1._small_1r8hm_55{padding:var(--spacing-1\/4) var(--spacing-3\/4);min-height:32px}._button_1r8hm_1._small_1r8hm_55._noBorder_1r8hm_31{padding:var(--spacing-1\/4) var(--spacing-1\/2)}._button_1r8hm_1 ._secondaryIcon_1r8hm_62{margin-left:24px}._button_1r8hm_1 ._secondaryIcon_1r8hm_62 svg{flex-shrink:0;height:24px;width:24px}._footer_1a63j_1{width:100%}._footer_1a63j_1 ._container_1a63j_4{max-width:1832px;margin:0 auto}._footer_1a63j_1 ._footerTop_1a63j_8{border-radius:12px 12px 0 0;background-color:var(--color-taste);padding:24px 16px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{color:var(--color-visit)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h5);font-weight:var(--font-weight-h4);line-height:var(--line-height-h4)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);line-height:var(--line-height-h5);padding-bottom:32px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-body-regular)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36{background-color:var(--color-visit)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{padding-top:35px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 img{padding-bottom:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 h3{color:var(--color-taste);font-size:var(--font-size-small);font-weight:var(--font-weight-h4)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 ul{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{font-size:var(--font-size-regular)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59{padding:0 8px 0 0;padding-block:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59{display:flex;background-color:#92c134;border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-inverse-text)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56{background-color:var(--color-visit);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{color:var(--font-color);font-size:var(--font-size-body-sm);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 img{padding-bottom:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul a{color:var(--color-taste);font-size:var(--font-size-body-sm)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:none}@media screen and (min-width:1440px){._footer_1a63j_1 ._footerTop_1a63j_8{position:relative;padding:72px 0 0}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{display:flex;gap:154px;justify-content:space-between}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{display:flex;flex-direction:column;justify-content:center;align-items:start}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h1);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30{display:flex;justify-content:center;align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-small)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:block;position:absolute;top:0;bottom:0;right:96px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33 svg{height:100%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{display:flex;flex-wrap:wrap;padding-top:64px;padding-bottom:32px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerLogoContainer_1a63j_160{flex:1}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{display:flex;flex-grow:1;flex-wrap:wrap}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45{width:20%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 h3{padding-bottom:28px;font-weight:var(--font-weight-body-sm)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 ul{display:block!important;gap:16px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 a{color:var(--color-sand);font-size:var(--font-size-body-xsm)}._footer_1a63j_1 ._footerBottom_1a63j_56{padding-bottom:38px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84{display:flex;justify-content:space-between}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84{display:flex;gap:166px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{padding-bottom:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex;gap:16px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59{display:flex;background-color:var(--color-taste);border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-visit)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerMiddleSocialMediaWrapper_1a63j_228{display:flex}}._header_pd1mj_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-taste)}._header_pd1mj_1._active_pd1mj_5{background:var(--header-bg)}._header_pd1mj_1 ._headerWrapper_pd1mj_8{display:flex;align-items:flex-end;justify-content:space-between;min-height:60px}._header_pd1mj_1 ._headerLogo_pd1mj_14{display:flex;padding-bottom:14px}._header_pd1mj_1 ._headerLogo_pd1mj_14 a{display:flex}._header_pd1mj_1 ._logo_pd1mj_21{display:none}._header_pd1mj_1 ._logoSmall_pd1mj_24{display:block}._header_pd1mj_1 ._headerRightWrapper_pd1mj_27{display:flex;align-items:center;margin:0 -12px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding:0 12px 12px;transition:all .3s ease-in}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a{display:flex;align-items:center;color:var(--header-color);font-size:24px;font-weight:400;line-height:1.5;cursor:pointer}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a ._icon_pd1mj_45{display:flex}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a ._icon_pd1mj_45 svg{margin-left:20px;flex-shrink:0;width:24px;height:24px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 ._menuDropdown_pd1mj_54{position:absolute;top:0;left:0;right:0;width:100%;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32:hover a{color:var(--font-color)}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32:hover ._menuDropdown_pd1mj_54{opacity:1;transform:translateY(0);pointer-events:auto}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32._active_pd1mj_5 a{color:var(--font-color)}@media screen and (min-width:1648px){._header_pd1mj_1 ._headerRightWrapper_pd1mj_27{display:flex;align-items:center;margin:0 -28px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding:0 28px 30px}}@media screen and (min-width:992px){._header_pd1mj_1 ._headerWrapper_pd1mj_8{min-height:96px}._header_pd1mj_1 ._logo_pd1mj_21{display:block}._header_pd1mj_1 ._logoSmall_pd1mj_24{display:none}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding-bottom:30px}}._hero_pis6i_1{background:var(--color-bg)}._heroLarge_pis6i_4{position:relative;min-height:494px;overflow-x:hidden}._heroLarge_pis6i_4 ._heroImg_pis6i_9{position:absolute;inset:0;border-radius:0 0 366px;overflow:hidden;background:linear-gradient(180deg,#00000080,#0000 41.35%),linear-gradient(0deg,#7c847b0d 0% 100%),#000}._heroLarge_pis6i_4 ._heroImg_pis6i_9 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroLarge_pis6i_4 ._heroWrapper_pis6i_25{position:relative;z-index:10;width:100%;height:100%;padding-top:104px;color:var(--color-text)}._heroLarge_pis6i_4 ._heroWrapper_pis6i_25 h1{max-width:898px;font-size:44px;line-height:1;font-weight:400;letter-spacing:-1.76px}._heroLarge_pis6i_4 ._heroWrapper_pis6i_25 h1 span{font-weight:700}._heroLarge_pis6i_4 ._heroSvg_pis6i_43{color:var(--color-text);position:absolute;z-index:5;left:0;bottom:0;height:165px}._heroMedium_pis6i_51{position:relative;overflow-x:hidden}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25{display:flex;min-height:72vh;flex-wrap:wrap}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60{display:flex;flex-direction:column;justify-content:center;width:100%;padding:20px 0;color:var(--color-text)}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60 h1{max-width:604px;font-size:var(--font-size-h2);line-height:1;font-weight:400;letter-spacing:-5.6px}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60 h1 span{font-weight:700}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:72px;max-width:604px}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 img{height:100%;width:100%;object-fit:cover;object-position:center;min-height:360px;display:block}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 ._clipPath_pis6i_100{position:absolute;top:0;left:0;bottom:0;height:100%;color:var(--color-block-bg);pointer-events:none}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 ._clipPath_pis6i_100 svg{height:100%}._heroSmall_pis6i_112{position:relative}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25{display:flex;min-height:600px;flex-wrap:wrap}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._content_pis6i_60{display:flex;flex-direction:column;justify-content:center;width:100%;color:var(--color-text);padding:100px 0}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._content_pis6i_60 h1{max-width:604px;font-size:var(--font-size-h3);line-height:1;font-weight:400;letter-spacing:-3.6px}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._content_pis6i_60 h1 span{font-weight:700}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._content_pis6i_60 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:90px;max-width:604px}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 ._clipPath_pis6i_100{position:absolute;top:0;left:0;bottom:0;width:100%;color:var(--color-block-bg);pointer-events:none}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9 ._clipPath_pis6i_100 svg{height:100%}@media screen and (min-width:992px){._heroLarge_pis6i_4{min-height:100vh}._heroLarge_pis6i_4 ._heroWrapper_pis6i_25 h1{font-size:var(--font-size-h1);letter-spacing:-1.68px}._heroLarge_pis6i_4 ._heroWrapper_pis6i_25{padding-top:207px}._heroLarge_pis6i_4 ._heroSvg_pis6i_43{height:340px}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60{width:50%;padding:60px 0}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._content_pis6i_60 p{margin-top:90px}._heroMedium_pis6i_51 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._content_pis6i_60{width:50%;padding:10px 0}._heroSmall_pis6i_112 ._heroWrapper_pis6i_25 ._heroImg_pis6i_9{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}}@media screen and (min-width:1400px){._heroLarge_pis6i_4 ._heroWrapper_pis6i_25 h1{letter-spacing:-7.68px}}._megaMenu_mwars_1{position:absolute;right:0;left:0;background:var(--color-bg);top:97px;border-radius:0 0 366px;overflow-x:hidden}._megaMenu_mwars_1 ._pillarIcon_mwars_10{color:var(--color-text);padding-bottom:80px}._megaMenu_mwars_1 ._pillarIcon_mwars_10 svg{width:180px;height:62px}._megaMenu_mwars_1 ._megaMenuSvg_mwars_18{pointer-events:none;position:absolute;color:var(--color-text);bottom:0}._megaMenu_mwars_1 ._megaMenuHolder_mwars_24{height:100%;position:relative}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28{display:flex;flex-wrap:wrap;position:relative;min-height:calc(100vh - 96px)}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._right_mwars_34{width:40%}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37{padding:96px 120px 96px 0;width:60%}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul{list-style:none}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li{margin-bottom:36px}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a{display:flex;align-items:center;justify-content:space-between;color:var(--color-text);font-size:var(--font-size-h5);font-weight:700;transition:all .3s ease-in-out}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a svg{margin-left:16px;transition:transform .3s ease-in-out}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a:hover svg{animation:_wiggle_mwars_1 .6s ease-in-out infinite}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li:last-child{margin-bottom:0}._megaMenu_mwars_1 ._preview_mwars_66{background:var(--color-sand);border-radius:0 0 366px;overflow-x:hidden;height:100%;min-width:50vw}._megaMenu_mwars_1 ._preview_mwars_66 ._previewImg_mwars_73{height:452px}._megaMenu_mwars_1 ._preview_mwars_66 ._previewImg_mwars_73 img{width:100%;height:100%;object-fit:cover}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81{padding-top:64px;padding-left:72px;max-width:479px;color:var(--color-bg)}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81 h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:400;margin-bottom:48px}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81 h5 span{font-weight:700}._megaMenu_mwars_1 ._preview_mwars_66 ._action_mwars_96{padding-top:48px;padding-bottom:24px;padding-left:72px}@media screen and (max-width:1340px){._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28{display:flex;flex-wrap:wrap;position:relative;min-height:878px}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._right_mwars_34{display:none}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37{padding:64px 0;width:100%}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81{padding-top:64px;padding-left:72px}}@keyframes _wiggle_mwars_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._element_1ue3h_1{background-color:var(--color-block-bg);color:var(--color-block-text);position:relative}._elementInner_1ue3h_6{position:relative;z-index:1}._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:72px}._element--pt-sm_1ue3h_16{padding-top:90px}._element--pt-md_1ue3h_19{padding-top:120px}._element--pt-lg_1ue3h_22{padding-top:144px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:40px}._element--pb-sm_1ue3h_31{padding-bottom:48px}._element--pb-md_1ue3h_34{padding-bottom:90px}._element--pb-lg_1ue3h_37{padding-bottom:120px}._element--pb-xl_1ue3h_40{padding-bottom:144px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:72px}._element--mt-sm_1ue3h_49{margin-top:90px}._element--mt-md_1ue3h_52{margin-top:120px}._element--mt-lg_1ue3h_55{margin-top:144px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:72px}._element--mb-sm_1ue3h_64{margin-bottom:90px}._element--mb-md_1ue3h_67{margin-bottom:120px}._element--mb-lg_1ue3h_70{margin-bottom:144px}@media(max-width:992px){._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:36px}._element--pt-sm_1ue3h_16{padding-top:45px}._element--pt-md_1ue3h_19{padding-top:60px}._element--pt-lg_1ue3h_22{padding-top:72px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:20px}._element--pb-sm_1ue3h_31{padding-bottom:24px}._element--pb-md_1ue3h_34{padding-bottom:45px}._element--pb-lg_1ue3h_37{padding-bottom:60px}._element--pb-xl_1ue3h_40{padding-bottom:72px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:36px}._element--mt-sm_1ue3h_49{margin-top:45px}._element--mt-md_1ue3h_52{margin-top:60px}._element--mt-lg_1ue3h_55{margin-top:72px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:36px}._element--mb-sm_1ue3h_64{margin-bottom:45px}._element--mb-md_1ue3h_67{margin-bottom:60px}._element--mb-lg_1ue3h_70{margin-bottom:72px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hellobetterdigitalnz/selwynui",
3
- "version": "0.0.1-17",
3
+ "version": "0.0.1-19",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
package/src/Components/Layout/Header/Header.stories.tsx CHANGED
@@ -65,26 +65,26 @@ const HeaderTemplate: Story = {
65
65
  <List/>
66
66
  </HeaderRightItem>
67
67
  </HeaderRight>
68
- <MobileNavigation>
69
- <li>
70
- <MobileNavigationItem label={'Attractions'}/>
71
- </li>
72
- <li>
73
- <MobileNavigationItem label={'Eateries'}/>
74
- </li>
75
- <li>
76
- <MobileNavigationItem label={'Accommodation'}/>
77
- </li>
78
- <li>
79
- <MobileNavigationItem label={'Why visit Selwyn'}/>
80
- </li>
81
- <li>
82
- <MobileNavigationItem label={'Events'}/>
83
- </li>
84
- <li>
85
- <MobileNavigationItem label={'Venues'}/>
86
- </li>
87
- </MobileNavigation>
68
+ {/*<MobileNavigation>*/}
69
+ {/* <li>*/}
70
+ {/* <MobileNavigationItem label={'Attractions'}/>*/}
71
+ {/* </li>*/}
72
+ {/* <li>*/}
73
+ {/* <MobileNavigationItem label={'Eateries'}/>*/}
74
+ {/* </li>*/}
75
+ {/* <li>*/}
76
+ {/* <MobileNavigationItem label={'Accommodation'}/>*/}
77
+ {/* </li>*/}
78
+ {/* <li>*/}
79
+ {/* <MobileNavigationItem label={'Why visit Selwyn'}/>*/}
80
+ {/* </li>*/}
81
+ {/* <li>*/}
82
+ {/* <MobileNavigationItem label={'Events'}/>*/}
83
+ {/* </li>*/}
84
+ {/* <li>*/}
85
+ {/* <MobileNavigationItem label={'Venues'}/>*/}
86
+ {/* </li>*/}
87
+ {/*</MobileNavigation>*/}
88
88
  </Header>
89
89
  },
90
90
  };
package/src/Components/Layout/Header/Header.tsx CHANGED
@@ -3,9 +3,9 @@ import HeaderProps from "./HeaderProps.tsx";
3
3
  import Container from "../../Shared/Container/Container.tsx";
4
4
  const Header = (props : HeaderProps) => {
5
5
 
6
- const { children, logoSmall, logo } = props
6
+ const { children, logoSmall, logo, active } = props
7
7
 
8
- return <header className={styles.header}>
8
+ return <header className={`${styles.header} ${active ? styles.active : ''}`}>
9
9
  <Container>
10
10
  <div className={styles.headerWrapper}>
11
11
  <div className={styles.headerLogo}>
package/src/Components/Layout/Header/HeaderProps.tsx CHANGED
@@ -4,6 +4,7 @@ interface HeaderProps{
4
4
  children?:ReactNode
5
5
  logo?: ReactNode,
6
6
  logoSmall?: ReactNode,
7
+ active?:boolean
7
8
  }
8
9
 
9
10
  export default HeaderProps
package/src/Components/Layout/Header/MegaMenu/MegaMenu.tsx CHANGED
@@ -1,93 +1,171 @@
1
- import MegaMenuProps from "./MegaMenuProps.tsx";
1
+ import { useState } from "react";
2
+ import MegaMenuProps, { MenuItem } from "./MegaMenuProps.tsx";
2
3
  import PillarLogo from "../../../Shared/PillarLogo/PillarLogo.tsx";
3
4
  import Button from "../../../Form/Button/Button.tsx";
4
5
  import ArrowRight from "../../../Icons/Arrows/ArrowRight/ArrowRight.tsx";
5
- import styles from "./megaMenu.module.scss"
6
+ import styles from "./megaMenu.module.scss";
6
7
  import Container from "../../../Shared/Container/Container.tsx";
7
8
 
8
- const MegaMenu = (props : MegaMenuProps) => {
9
-
9
+ const MegaMenu = (props: MegaMenuProps) => {
10
10
  const {
11
- pillar = 'main',
12
- } = props
11
+ pillar = "main",
12
+ menu = [],
13
+ defaultImg,
14
+ defaultBoldTitle,
15
+ defaultDescription,
16
+ defaultTitle,
17
+ defaultAction,
18
+ } = props;
13
19
 
14
- return <div className={`${styles.megaMenu} ${pillar}`}>
15
- <div className={`${styles.megaMenuHolder}`}>
16
- <Container>
17
- <div className={`${styles.megaMenuWrapper} megaMenuWrapper`}>
18
- <div className={styles.left}>
19
- <div className={styles.pillarIcon}>
20
- <PillarLogo brandPillar={pillar} brandFullLogo={true}/>
21
- </div>
22
- <ul>
23
- <li>
24
- <a href={''}>
25
- Link
26
- <ArrowRight type={'light'}/>
27
- </a>
28
- </li>
29
- <li>
30
- <a href={''}>
31
- Link
32
- <ArrowRight type={'light'}/>
33
- </a>
34
- </li>
35
- <li>
36
- <a href={''}>
37
- Link
38
- <ArrowRight type={'light'}/>
39
- </a>
40
- </li>
41
- <li>
42
- <a href={''}>
43
- Link
44
- <ArrowRight type={'light'}/>
45
- </a>
46
- </li>
47
- </ul>
48
- </div>
49
- <div className={styles.right}>
50
- <div className={styles.preview}>
51
- <div className={styles.previewWrapper}>
52
- <div className={styles.previewImg}>
53
- <img src={'https://images.pexels.com/photos/709143/pexels-photo-709143.jpeg'}/>
54
- </div>
55
- <div className={styles.content}>
56
- <h5>
57
- Spring gardens
58
- <br/>
59
- <span>in Selwyn</span>
60
- </h5>
61
- <p>
62
- Visit Selwyn is for those who like to take the back roads, breathe mountain air, and find their own pace. Stay a little longer, explore deeper, and refuel with great kai and local stories along the way.
63
- </p>
20
+ // ACTIVE ITEM ON HOVER
21
+ const [activeItem, setActiveItem] = useState<MenuItem | null>(null);
22
+
23
+ // Preview values (image, title, description)
24
+ const previewImg = activeItem?.imageUrl || defaultImg;
25
+ const previewTitle = activeItem?.title || defaultTitle;
26
+ const previewBoldTitle = activeItem?.boldTitle || defaultBoldTitle;
27
+ const previewDesc = activeItem?.description || defaultDescription;
28
+
29
+ // Action button (from hovered item or default)
30
+ const previewAction = activeItem?.action || defaultAction || {
31
+ label: "",
32
+ url: "",
33
+ target: "_self",
34
+ rel: "",
35
+ };
36
+
37
+ return (
38
+ <div className={`${styles.megaMenu} megaMenu ${pillar}`}>
39
+ <div className={`${styles.megaMenuHolder} megaMenuHolder`}>
40
+ <Container>
41
+ <div className={`${styles.megaMenuWrapper} megaMenuWrapper`}>
42
+ {/* LEFT */}
43
+ <div className={`${styles.left} left`}>
44
+ <div className={`${styles.pillarIcon} pillarIcon`}>
45
+ <PillarLogo brandPillar={pillar} brandFullLogo={true} />
64
46
  </div>
65
- <div className={styles.action}>
66
- <Button pillar={pillar} label={'START EXPLORING'} secondaryIcon={<ArrowRight/>}/>
47
+
48
+ <ul>
49
+ {menu.map((item, i) => (
50
+ <li key={i}>
51
+ <a
52
+ href={item.url || "#"}
53
+ target={item.target || "_self"}
54
+ onMouseEnter={() => setActiveItem(item)}
55
+ onMouseLeave={() => setActiveItem(null)}
56
+ >
57
+ {item.label}
58
+ <ArrowRight type={"light"} />
59
+ </a>
60
+ </li>
61
+ ))}
62
+ </ul>
63
+ </div>
64
+
65
+ {/* RIGHT PREVIEW */}
66
+ <div className={styles.right}>
67
+ <div className={styles.preview}>
68
+ <div className={styles.previewWrapper}>
69
+ <div className={styles.previewImg}>
70
+ {previewImg && <img src={previewImg} alt="" />}
71
+ </div>
72
+
73
+ <div className={styles.content}>
74
+ <h5>
75
+ {previewTitle}
76
+ <br />
77
+ <span>{previewBoldTitle}</span>
78
+ </h5>
79
+
80
+ <p>{previewDesc}</p>
81
+ </div>
82
+
83
+ { previewAction.label && <div className={styles.action}>
84
+ <Button
85
+ pillar={pillar}
86
+ label={previewAction.label}
87
+ linkable={true}
88
+ link={{
89
+ url: previewAction.url || "",
90
+ target: previewAction.target || "_self",
91
+ rel: previewAction.rel || "",
92
+ }}
93
+ secondaryIcon={<ArrowRight />}
94
+ />
95
+ </div>
96
+ }
97
+ </div>
67
98
  </div>
68
99
  </div>
69
100
  </div>
101
+ </Container>
102
+
103
+ {/* SVG BACKGROUND */}
104
+ <div className={styles.megaMenuSvg}>
105
+ <svg
106
+ xmlns="http://www.w3.org/2000/svg"
107
+ width="741"
108
+ height="340"
109
+ viewBox="0 0 741 340"
110
+ fill="none"
111
+ >
112
+ <g opacity="0.1">
113
+ <path
114
+ opacity="0.5"
115
+ d="M0 113.209C68.1991 113.209 123.5 163.901 123.5 226.417H0V113.209Z"
116
+ fill="currentColor"
117
+ />
118
+ <path
119
+ opacity="0.25"
120
+ d="M247 113.209C178.801 113.209 123.5 163.901 123.5 226.417H247V113.209Z"
121
+ fill="currentColor"
122
+ />
123
+ <path
124
+ opacity="0.5"
125
+ d="M741 226.417C672.801 226.417 617.5 175.725 617.5 113.209H741V226.417Z"
126
+ fill="currentColor"
127
+ />
128
+ <path
129
+ opacity="0.75"
130
+ d="M123.5 226.416C191.699 226.416 247 277.109 247 339.624H123.5V226.416Z"
131
+ fill="currentColor"
132
+ />
133
+ <path
134
+ opacity="0.5"
135
+ d="M247 339.624C315.199 339.624 370.5 288.932 370.5 226.416H247V339.624Z"
136
+ fill="currentColor"
137
+ />
138
+ <path
139
+ opacity="0.25"
140
+ d="M494 339.625C425.801 339.625 370.5 288.932 370.5 226.417H494V339.625Z"
141
+ fill="currentColor"
142
+ />
143
+ <path
144
+ opacity="0.75"
145
+ d="M617.5 226.417C549.301 226.417 494 277.109 494 339.625H617.5V226.417Z"
146
+ fill="currentColor"
147
+ />
148
+ <path
149
+ opacity="0.25"
150
+ d="M494 0.000656128C562.199 0.000656128 617.5 50.6932 617.5 113.209H494V0.000656128Z"
151
+ fill="currentColor"
152
+ />
153
+ <path
154
+ opacity="0.5"
155
+ d="M370.5 226.417C438.699 226.417 494 175.725 494 113.209H370.5V226.417Z"
156
+ fill="currentColor"
157
+ />
158
+ <path
159
+ opacity="0.75"
160
+ d="M247 113.208C315.199 113.208 370.5 62.5158 370.5 0H247V113.208Z"
161
+ fill="currentColor"
162
+ />
163
+ </g>
164
+ </svg>
70
165
  </div>
71
166
  </div>
72
- </Container>
73
- <div className={styles.megaMenuSvg}>
74
- <svg xmlns="http://www.w3.org/2000/svg" width="741" height="340" viewBox="0 0 741 340" fill="none">
75
- <g opacity="0.1">
76
- <path opacity="0.5" d="M0 113.209C68.1991 113.209 123.5 163.901 123.5 226.417H0V113.209Z" fill="currentColor"/>
77
- <path opacity="0.25" d="M247 113.209C178.801 113.209 123.5 163.901 123.5 226.417H247V113.209Z" fill="currentColor"/>
78
- <path opacity="0.5" d="M741 226.417C672.801 226.417 617.5 175.725 617.5 113.209H741V226.417Z" fill="currentColor"/>
79
- <path opacity="0.75" d="M123.5 226.416C191.699 226.416 247 277.109 247 339.624H123.5V226.416Z" fill="currentColor"/>
80
- <path opacity="0.5" d="M247 339.624C315.199 339.624 370.5 288.932 370.5 226.416H247V339.624Z" fill="currentColor"/>
81
- <path opacity="0.25" d="M494 339.625C425.801 339.625 370.5 288.932 370.5 226.417H494V339.625Z" fill="currentColor"/>
82
- <path opacity="0.75" d="M617.5 226.417C549.301 226.417 494 277.109 494 339.625H617.5V226.417Z" fill="currentColor"/>
83
- <path opacity="0.25" d="M494 0.000656128C562.199 0.000656128 617.5 50.6932 617.5 113.209H494V0.000656128Z" fill="currentColor"/>
84
- <path opacity="0.5" d="M370.5 226.417C438.699 226.417 494 175.725 494 113.209H370.5V226.417Z" fill="currentColor"/>
85
- <path opacity="0.75" d="M247 113.208C315.199 113.208 370.5 62.5158 370.5 0H247V113.208Z" fill="currentColor"/>
86
- </g>
87
- </svg>
88
- </div>
89
167
  </div>
90
- </div>
91
- }
168
+ );
169
+ };
92
170
 
93
- export default MegaMenu;
171
+ export default MegaMenu;
package/src/Components/Layout/Header/MegaMenu/MegaMenuProps.tsx CHANGED
@@ -1,20 +1,33 @@
1
1
  export interface MenuItem {
2
- label: string;
3
- url: string;
4
- imageUrl: string;
5
- title: string;
6
- description: string;
7
- target: string;
8
- pillar: 'visit' | 'live' | 'business' | 'participate' | 'taste';
2
+ label?: string;
3
+ url?: string;
4
+ imageUrl?: string;
5
+ title?: string;
6
+ boldTitle?:string
7
+ description?: string;
8
+ target?: string;
9
+ action?: {
10
+ label?: string;
11
+ url?: string;
12
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
13
+ rel?: string;
14
+ };
15
+ pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste';
9
16
  }
10
17
 
11
18
  interface MegaMenuProps {
12
19
  pillar: 'visit' | 'live' | 'business' | 'participate' | 'taste';
13
20
  menu: MenuItem[];
14
- headingHighlight?: string;
15
21
  defaultImg?:string
16
22
  defaultTitle?: string;
23
+ defaultBoldTitle?: string;
17
24
  defaultDescription?:string;
25
+ defaultAction?: {
26
+ label?: string;
27
+ url?: string;
28
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
29
+ rel?: string;
30
+ };
18
31
  }
19
32
 
20
33
  export default MegaMenuProps;
package/src/Components/Layout/Header/MegaMenu/megaMenu.module.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  right: 0;
4
4
  left: 0;
5
5
  background: var(--color-bg);
6
- top: 96px;
6
+ top: 97px;
7
7
  border-radius: 0 0 366px 0;
8
8
  overflow-x: hidden;
9
9
 
@@ -19,6 +19,7 @@
19
19
  }
20
20
 
21
21
  .megaMenuSvg{
22
+ pointer-events: none;
22
23
  position: absolute;
23
24
  color: var(--color-text);
24
25
  bottom: 0;
@@ -33,7 +34,7 @@
33
34
  display: flex;
34
35
  flex-wrap: wrap;
35
36
  position: relative;
36
- min-height: 878px;
37
+ min-height: calc(100vh - 96px);
37
38
 
38
39
  .right{
39
40
  width: 40%;
@@ -120,6 +121,7 @@
120
121
 
121
122
  .action{
122
123
  padding-top: 48px;
124
+ padding-bottom: 24px;
123
125
  padding-left: 72px;
124
126
  }
125
127
 
package/src/Components/Layout/Header/MobileNavigation/MobileNavigation.tsx CHANGED
@@ -7,10 +7,11 @@ const MobileNavigation = (props : MobileNavigationProps) => {
7
7
 
8
8
  const {
9
9
  children,
10
- extraClass
10
+ extraClass,
11
+ pillar = 'visit'
11
12
  } = props
12
13
 
13
- return <div className={`${styles.mobileNavigation} ${extraClass} mobileNavigation`}>
14
+ return <div className={`${styles.mobileNavigation} ${pillar} ${extraClass} mobileNavigation`}>
14
15
  <Container>
15
16
  <ul className={`${styles.mobileNavigationWrapper} mobileNavigationWrapper`}>
16
17
  {children}
package/src/Components/Layout/Header/MobileNavigation/MobileNavigationProps.tsx CHANGED
@@ -3,6 +3,7 @@ import {ReactNode} from "react";
3
3
  interface MobileNavigationProps {
4
4
  children?:ReactNode;
5
5
  extraClass?:string;
6
+ pillar: 'visit' | 'live' | 'business' | 'participate' | 'taste';
6
7
  }
7
8
 
8
9
  export default MobileNavigationProps
package/src/Components/Layout/Header/header.module.scss CHANGED
@@ -1,8 +1,11 @@
1
1
  .header{
2
- background: var(--header-bg);
3
2
  backdrop-filter: blur(10px);
4
3
  border-bottom: 1px solid var(--color-taste);
5
4
 
5
+ &.active{
6
+ background: var(--header-bg);
7
+ }
8
+
6
9
  .headerWrapper{
7
10
  display: flex;
8
11
  align-items: flex-end;
@@ -50,6 +53,8 @@
50
53
  display: flex;
51
54
 
52
55
  svg{
56
+ margin-left: 20px;
57
+ flex-shrink: 0;
53
58
  width: 24px;
54
59
  height: 24px;
55
60
  }